@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS-Black.ttf');
    font-weight: bold;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'HarmonyOS', 'Lexend', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background: #fff;
    overflow-x: hidden;
    min-height: 100vh;
    padding-top: 6.25rem;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body::-webkit-scrollbar {
    display: none;
}
/* wow.js 动画元素初始样式 - 修复滚动到底部出现空白的问题 */
.wow {
    visibility: hidden;
    overflow: hidden;
}

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

ul {
    list-style: none;
}

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

/* 灰度图片效果 */
.grayscale {
    filter: grayscale(100%);
    transition: filter 0.4s ease;
}

.grayscale:hover {
    filter: grayscale(0);
}
.grayscale-index1 {
    z-index: 1;
}
.grayscale-index2 {
    z-index: 2;
}
.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 7.4375rem;
    box-sizing: border-box;
}

/* tyqn-index-header */
.tyqn-index-header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    overflow: visible;
    background: #fff;
    border-bottom: 0.0625rem solid #e9edf2;
    box-shadow: 0 0.125rem 0.5rem rgba(23, 43, 70, 0.05);
}

.tyqn-index-header-inner {
    width: 100%;
    max-width: 100rem;
    min-height: 6.25rem;
    margin: 0 auto;
    padding: 0 3.5rem;
    display: grid;
    grid-template-columns: 12.5rem 1fr auto;
    align-items: center;
    column-gap: 2rem;
}

.tyqn-index-header-logo {
    display: inline-flex;
    align-items: center;
    width: fit-content;
}

.tyqn-index-header-logo img {
    display: block;
    width: auto;
    height: 3.125rem;
}

.tyqn-index-header-nav {
    justify-self: center;
}

.tyqn-index-header-nav ul {
    display: flex;
    align-items: center;
    gap: clamp(1.75rem, 3.1vw, 3.875rem);
}

.tyqn-index-header-nav a {
    position: relative;
    display: block;
    padding: 2.375rem 0;
    color: #141923;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5rem;
    white-space: nowrap;
    transition: color 0.25s ease;
}

.tyqn-index-header-nav a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 1.75rem;
    left: 0;
    height: 0.125rem;
    background: #3475db;
    transform: scaleX(0);
    transition: transform 0.25s ease;
}

.tyqn-index-header-nav a:hover,
.tyqn-index-header-nav a.active {
    color: #3475db;
}

.tyqn-index-header-nav a:hover::after,
.tyqn-index-header-nav a.active::after {
    transform: scaleX(1);
}

.tyqn-index-header-nav a[aria-expanded='true'] {
    color: #3475db;
}

.tyqn-index-header-nav a[aria-expanded='true']::after {
    transform: scaleX(1);
}

/* tyqn-index-header-mega */
.tyqn-index-header-mega {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    max-height: calc(100vh - 6.25rem);
    padding: 3rem 4.375rem 2rem;
    overflow-y: auto;
    border-top: 0.125rem solid #376ed1;
    background: #ffffff;
    box-shadow: 0 1.25rem 2.5rem rgba(25, 35, 50, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.75rem);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.tyqn-index-header-mega.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.tyqn-index-header-mega-close {
    position: absolute;
    top: 1rem;
    right: clamp(1.25rem, 4vw, 4.375rem);
    z-index: 2;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #dce2ea;
    border-radius: 50%;
    background: #f5f7fa;
    color: #2f3744;
    cursor: pointer;
    transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

.tyqn-index-header-mega-close .iconfont {
    font-size: 1rem;
    line-height: 1;
    transition: transform 0.25s ease;
}

.tyqn-index-header-mega-close:hover,
.tyqn-index-header-mega-close:focus-visible {
    border-color: #3475db;
    background: #3475db;
    color: #ffffff;
}

.tyqn-index-header-mega-close:hover .iconfont,
.tyqn-index-header-mega-close:focus-visible .iconfont {
    transform: rotate(90deg);
}

.tyqn-index-header-mega-close:focus-visible {
    outline: 0.125rem solid rgba(52, 117, 219, 0.35);
    outline-offset: 0.1875rem;
}

.tyqn-index-header-mega-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem clamp(2.5rem, 6vw, 7rem);
}

.tyqn-index-header-mega-category {
    min-width: 0;
}

.tyqn-index-header-mega-category h2 {
    margin: 0;
    color: #141923;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.tyqn-index-header-mega-category h2 a {
    transition: color 0.25s ease;
}

.tyqn-index-header-mega-category h2 a:hover,
.tyqn-index-header-mega-category h2 a:focus-visible {
    color: #3475db;
}

.tyqn-index-header-mega-category h2 a:focus-visible,
.tyqn-index-header-mega-category li a:focus-visible {
    outline: 0.125rem solid rgba(52, 117, 219, 0.4);
    outline-offset: 0.1875rem;
}

.tyqn-index-header-mega-media {
    width: 8rem;
    height: 5rem;
    margin: 0.5rem 0 1.125rem;
    overflow: hidden;
    border-radius: 0.25rem;
    background: #f3f5f6;
}

.tyqn-index-header-mega-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: grayscale(100%);
    opacity: 0.88;
    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.tyqn-index-header-mega-category:hover .tyqn-index-header-mega-media img,
.tyqn-index-header-mega-category:focus-within .tyqn-index-header-mega-media img {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.04);
}

.tyqn-index-header-mega-category ul {
    display: grid;
    gap: 0.375rem;
}

.tyqn-index-header-mega-category li {
    min-width: 0;
    line-height: 1.25rem;
}

.tyqn-index-header-mega-category li a {
    display: inline-block;
    color: #465166;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    white-space: nowrap;
    transition: color 0.25s ease, transform 0.25s ease;
}

.tyqn-index-header-mega-category li a:hover,
.tyqn-index-header-mega-category li a:focus-visible {
    color: #3475db;
    transform: translateX(0.25rem);
}

/* tyqn-index-header-submenu */
.tyqn-index-header-nav-submenu-parent {
    position: relative;
}

.tyqn-index-header-submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 13.5rem;
    padding: 0.5rem;
    border-top: 0.125rem solid #376ed1;
    border-radius: 0 0 0.5rem 0.5rem;
    background: #ffffff;
    box-shadow: 0 0.875rem 1.75rem rgba(25, 35, 50, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -0.5rem);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.tyqn-index-header-submenu.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.tyqn-index-header-nav .tyqn-index-header-submenu a {
    width: 100%;
    padding: 0.875rem 1rem;
    border-radius: 0.25rem;
    color: #465166;
    font-size: 0.875rem;
    line-height: 1.25rem;
    transition: color 0.25s ease, background 0.25s ease;
}

.tyqn-index-header-nav .tyqn-index-header-submenu a::after {
    display: none;
}

.tyqn-index-header-nav .tyqn-index-header-submenu a:hover,
.tyqn-index-header-nav .tyqn-index-header-submenu a:focus-visible,
.tyqn-index-header-nav .tyqn-index-header-submenu a.active {
    color: #3475db;
    background: #f0f4fc;
}

.tyqn-index-header-nav .tyqn-index-header-submenu a:focus-visible {
    outline: 0.125rem solid rgba(52, 117, 219, 0.4);
    outline-offset: 0.125rem;
}

#why-choose-us,
#service-process {
    scroll-margin-top: 6rem;
}

.tyqn-index-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.125rem;
}

.tyqn-index-header-search,
.tyqn-index-header-language,
.tyqn-index-header-menu {
    padding: 0;
    border: 0;
    background: transparent;
    color: #202733;
    cursor: pointer;
}

.tyqn-index-header-search {
    width: 1.375rem;
    height: 1.375rem;
}

.tyqn-index-header-search .icon-sousuo {
    font-size: 1.25rem;
    line-height: 1;
}

.tyqn-index-header-divider {
    width: 0.0625rem;
    height: 1.375rem;
    background: #cfd4da;
}

.tyqn-index-header-language {
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    font-family: inherit;
    font-size: 0.875rem;
}

.tyqn-index-header-language .icon-yuyan {
    font-size: 1.125rem;
    line-height: 1;
}

.tyqn-index-header-language::after {
    content: '';
    width: 0.375rem;
    height: 0.375rem;
    margin-top: -0.1875rem;
    border-right: 0.0625rem solid currentColor;
    border-bottom: 0.0625rem solid currentColor;
    transform: rotate(45deg);
}

/* Language dropdown */
.tyqn-index-header-language-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.tyqn-index-header-language-wrap .dropbox {
    position: absolute;
    top: calc(100% + 0.625rem);
    right: 0;
    z-index: 100;
    min-width: 8.5rem;
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0.0625rem solid #e6e9ef;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(32, 39, 51, 0.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.375rem);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}

.tyqn-index-header-language-wrap.is-open .dropbox {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.tyqn-index-header-language-wrap .dropbox .lk {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    color: #465166;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease;
}

.tyqn-index-header-language-wrap .dropbox .lk:hover,
.tyqn-index-header-language-wrap .dropbox .lk:focus-visible {
    color: #3475db;
    background: #f0f4fc;
    outline: none;
}

.tyqn-index-header-language-wrap .dropbox .lk .ic {
    width: 1.125rem;
    height: auto;
    flex-shrink: 0;
}

.tyqn-index-header-whatsapp {
    min-width: 6.75rem;
    padding: 0.6875rem 1.125rem;
    border-radius: 0.5rem;
    background: #3977da;
    box-shadow: 0 0.375rem 0.875rem rgba(57, 119, 218, 0.2);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.125rem;
    text-align: center;
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.tyqn-index-header-whatsapp:hover {
    background: #3977da;
    color: #fff;
    box-shadow: 0 0.5rem 1.125rem rgba(57, 119, 218, 0.3);
    transform: translateY(-0.125rem);
}

.tyqn-index-header-menu {
    position: relative;
    display: none;
    width: 1.5rem;
    height: 1.25rem;
    border-top: 0.125rem solid currentColor;
    border-bottom: 0.125rem solid currentColor;
}

.tyqn-index-header-menu::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.125rem;
    background: currentColor;
    transform: translateY(-50%);
}

.tyqn-index-header-mobile {
    display: none;
    overflow: hidden;
    max-height: 0;
    background: #fff;
    transition: max-height 0.35s ease;
}

.tyqn-index-header-mobile.open {
    max-height: 27rem;
}

.tyqn-index-header-mobile ul {
    padding: 0.5rem 1.5rem 1.5rem;
}

.tyqn-index-header-mobile a {
    display: block;
    padding: 0.875rem 0;
    border-bottom: 0.0625rem solid #edf0f4;
    color: #202733;
    font-size: 0.9375rem;
}

.tyqn-index-header-mobile a.active {
    color: #3475db;
}

.tyqn-index-header-mobile a.tyqn-index-header-mobile-child {
    padding-left: 1rem;
    color: #5b6575;
    font-size: 0.875rem;
}

.tyqn-index-header-mobile a.tyqn-index-header-mobile-child::before {
    content: '';
    width: 0.375rem;
    height: 0.375rem;
    margin-right: 0.625rem;
    display: inline-block;
    border-right: 0.0625rem solid currentColor;
    border-bottom: 0.0625rem solid currentColor;
    transform: rotate(-45deg) translateY(-0.0625rem);
}

.tyqn-index-header-mobile a.tyqn-index-header-mobile-child.active {
    color: #3475db;
}

.tyqn-index-header-search-panel {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 18.5rem;
    background: rgba(15, 24, 37, 0.52);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    z-index: 1000;
}

.tyqn-index-header-search-panel.open {
    opacity: 1;
    visibility: visible;
}

.tyqn-index-header-search-form {
    display: flex;
    width: min(90%, 43.75rem);
    padding: 0.75rem 1rem 0.75rem 1.5rem;
    border-radius: 0.625rem;
    background: #fff;
    box-shadow: 0 1rem 3rem rgba(15, 24, 37, 0.2);
    transform: translateY(-1rem);
    transition: transform 0.25s ease;
}

.tyqn-index-header-search-panel.open .tyqn-index-header-search-form {
    transform: translateY(0);
}

.tyqn-index-header-search-form input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #202733;
    font-family: inherit;
    font-size: 1rem;
}

.tyqn-index-header-search-form button {
    position: relative;
    width: 2rem;
    height: 2rem;
    border: 0;
    background: transparent;
    cursor: pointer;
}


.tyqn-index-header-search-form button::before {
    transform: rotate(45deg);
}

.tyqn-index-header-search-form button::after {
    transform: rotate(-45deg);
}

@media (max-width: 75rem) {
    .tyqn-index-header-inner {
        padding: 0 2rem;
        grid-template-columns: 10.5rem 1fr auto;
        column-gap: 1.25rem;
    }

    .tyqn-index-header-nav ul {
        gap: 1.5rem;
    }

}

@media (max-width: 68rem) {
    .tyqn-index-header-mega {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-index-header-mega-close {
        right: 1.25rem;
    }

    .tyqn-index-header-mega-inner {
        column-gap: 2rem;
    }

    .tyqn-index-header-mega-category li a {
        white-space: normal;
    }
}

@media (max-width: 62rem) {
    body {
        padding-top: 5rem;
    }

    .tyqn-index-header-inner {
        min-height: 5rem;
        grid-template-columns: 1fr auto;
    }

    .tyqn-index-header-logo img {
        height: 2.75rem;
    }

    .tyqn-index-header-nav {
        display: none;
    }

    .tyqn-index-header-mega {
        display: none;
    }

    .tyqn-index-header-submenu {
        display: none;
    }

    .tyqn-index-header-menu,
    .tyqn-index-header-mobile {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-header-mega,
    .tyqn-index-header-mega *,
    .tyqn-index-header-mega *::before,
    .tyqn-index-header-mega *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }

    .tyqn-index-header-submenu,
    .tyqn-index-header-submenu * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 36rem) {
    body {
        padding-top: 4.5rem;
    }

    .tyqn-index-header-inner {
        min-height: 4.5rem;
        padding: 0 1rem;
        column-gap: 0.75rem;
    }

    .tyqn-index-header-actions {
        gap: 0.75rem;
    }

    .tyqn-index-header-logo img {
        height: 2.25rem;
    }

    .tyqn-index-header-divider,
    .tyqn-index-header-language-wrap,
    .tyqn-index-header-language,
    .tyqn-index-header-whatsapp {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-header *,
    .tyqn-index-header *::before,
    .tyqn-index-header *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-machinery */
.tyqn-index-machinery {
    min-height: 46.75rem;
    padding: 5.75rem 1.5rem 7rem;
    background-color: #f7f9fc;
    background-image: url('../images/huaban-4671539661.png');
    background-repeat: repeat;
    background-size: auto, 64rem 37.5rem;
}

.tyqn-index-machinery-inner {
    width: 100%;
    max-width: 64.75rem;
    margin: 0 auto;
}

.tyqn-index-machinery-heading {
    text-align: center;
}

.tyqn-index-machinery-heading h1 {
    margin: 0;
    color: #07090d;
    font-size: clamp(2rem, 3.25vw, 3rem);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.09375rem;
}

.tyqn-index-machinery-heading h1 strong {
    color: #3776d8;
    font-weight: 700;
}

.tyqn-index-machinery-description {
    margin-top: 1.5rem;
    color: #727783;
    font-size: 0.875rem;
    line-height: 1.42;
}

.tyqn-index-machinery-search {
    width: min(100%, 46.25rem);
    height: 4.25rem;
    margin: 2.625rem auto 3.25rem;
    display: flex;
    align-items: center;
    border: 0.0625rem solid #eef1f5;
    border-radius: 0.25rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.5rem rgba(30, 53, 84, 0.04);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.tyqn-index-machinery-search:focus-within {
    border-color: #9bb9ea;
    box-shadow: 0 0.625rem 1.75rem rgba(55, 118, 216, 0.12);
}

.tyqn-index-machinery-search input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 1.25rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: #202733;
    font-family: inherit;
    font-size: 0.875rem;
}

.tyqn-index-machinery-search input::placeholder {
    color: #b1b5bd;
}

.tyqn-index-machinery-search button {
    width: 4rem;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8e939b;
    cursor: pointer;
    transition: color 0.25s ease;
}

.tyqn-index-machinery-search button:hover {
    color: #3776d8;
}

.tyqn-index-machinery-search .icon-sousuo {
    font-size: 1.5rem;
    line-height: 1;
}

.tyqn-index-machinery-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 0.6rem;
}

.tyqn-index-machinery-item {
    min-height: 8.25rem;
    padding: 0.75rem 0.5rem 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border: 0.0625rem solid #dce1e8;
    border-radius: 0.1875rem;
    background: #fff;
    box-shadow: 0 0.1875rem 0.625rem rgba(27, 45, 70, 0.05);
    color: #171a20;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-index-machinery-item:hover {
    border-color: #89ace3;
    box-shadow: 0 0.75rem 1.5rem rgba(39, 83, 151, 0.12);
    color: #3776d8;
    transform: translateY(-0.25rem);
}

.tyqn-index-machinery-item.hidden {
    display: none;
}

.tyqn-index-machinery-image {
    height: 4.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tyqn-index-machinery-image img {
    display: block;
    width: auto;
    max-width: 6.25rem;
    max-height: 4.625rem;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.tyqn-index-machinery-item:hover .tyqn-index-machinery-image img {
    transform: scale(1.05);
}

.tyqn-index-machinery-name {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-align: center;
}

.tyqn-index-machinery-empty {
    display: none;
    padding: 2.5rem 0;
    color: #727783;
    font-size: 0.9375rem;
    text-align: center;
}

.tyqn-index-machinery-empty.show {
    display: block;
}

@media (max-width: 62rem) {
    .tyqn-index-machinery {
        min-height: auto;
        padding: 4.5rem 1.5rem 5rem;
    }

    .tyqn-index-machinery-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 42rem) {
    .tyqn-index-machinery {
        padding: 3.5rem 1rem 4rem;
    }

    .tyqn-index-machinery-heading h1 {
        font-size: 2rem;
        letter-spacing: -0.046875rem;
    }

    .tyqn-index-machinery-heading h1 br,
    .tyqn-index-machinery-description br {
        display: none;
    }

    .tyqn-index-machinery-description {
        font-size: 0.8125rem;
    }

    .tyqn-index-machinery-search {
        height: 3.75rem;
        margin: 2rem auto 2.5rem;
    }

    .tyqn-index-machinery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-machinery *,
    .tyqn-index-machinery *::before,
    .tyqn-index-machinery *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-brands */
.tyqn-index-brands {
    width: 100%;
    padding: 2.75rem 0;
    overflow: hidden;
    border-top: 0.0625rem solid #f0f2f5;
    border-bottom: 0.0625rem solid #f0f2f5;
    background: #fff;
}

.tyqn-index-brands-slider {
    width: 100%;
    overflow: hidden;
}

.tyqn-index-brands-slider .swiper-wrapper {
    align-items: center;
    transition-timing-function: linear;
}

.tyqn-index-brands-slide {
    width: 12.5%;
    height: 4rem;
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tyqn-index-brands-slide img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 3rem;
    object-fit: contain;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.tyqn-index-brands-slide:hover img {
    opacity: 0.8;
    transform: scale(1.06);
}

@media (max-width: 48rem) {
    .tyqn-index-brands {
        padding: 2rem 0;
    }

    .tyqn-index-brands-slide {
        width: 12.5%;
        height: 3.5rem;
        padding: 0 0.5rem;
    }

    .tyqn-index-brands-slide img {
        max-height: 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-brands *,
    .tyqn-index-brands *::before,
    .tyqn-index-brands *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-services */
.tyqn-index-services {
    width: 100%;
    padding: 1.5rem 5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-index-services-inner {
    width: 100%;
    max-width: 110rem;
    margin: 0 auto;
}

.tyqn-index-services-heading {
    text-align: center;
}

.tyqn-index-services-heading h2 {
    margin: 0;
    color: #111214;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-index-services-intro {
    max-width: 38.75rem;
    margin: 0.625rem auto 0;
    color: #383a3e;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-index-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.875rem;
    margin-top: 1.625rem;
}

.tyqn-index-services-item {
    min-width: 0;
    text-align: center;
}

.tyqn-index-services-media {
    position: relative;
    aspect-ratio: 1.36 / 1;
    overflow: hidden;
    border-radius: 0.1875rem;
    background: #eef1f4;
}

.tyqn-index-services-media::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(180deg, rgba(50, 104, 213, 0.46) 0%, rgba(33, 87, 181, 0.58) 100%);
    pointer-events: none;
    transform: translateY(0);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.tyqn-index-services-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.82) brightness(0.94) contrast(0.98);
    transform: scale(1.01);
    transition: filter 0.45s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.tyqn-index-services-media h3 {
    position: absolute;
    right: 0.75rem;
    bottom: 0.625rem;
    left: 0.75rem;
    margin: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-align: left;
    text-shadow: 0 0.0625rem 0.1875rem rgba(16, 24, 36, 0.9);
    z-index: 2;
    transition: transform 0.35s ease, text-shadow 0.35s ease;
}

.tyqn-index-services-summary {
    min-height: 1.75rem;
    margin-top: 0.75rem;
    padding: 0 0.5rem;
    color: #24262a;
    font-size: 0.8125rem;
    line-height: 1.125rem;
}

@media (hover: hover) and (pointer: fine) {
    .tyqn-index-services-media.is-active::before,
    .tyqn-index-services-media:hover::before {
        transform: translateY(100%);
    }

    .tyqn-index-services-media.is-active img,
    .tyqn-index-services-media:hover img {
        filter: saturate(1) brightness(1) contrast(1);
        transform: scale(1.075);
    }

    .tyqn-index-services-media.is-active h3,
    .tyqn-index-services-media:hover h3 {
        transform: translateY(-0.25rem);
        text-shadow: 0 0.125rem 0.375rem rgba(8, 18, 30, 0.95);
    }
}

@media (hover: none), (pointer: coarse) {
    .tyqn-index-services-media::before {
        display: none;
    }

    .tyqn-index-services-media img {
        filter: none;
        transform: none;
    }
}

@media (max-width: 48rem) {
    .tyqn-index-services {
        padding: 3.5rem 1.5rem;
    }

    .tyqn-index-services-intro {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .tyqn-index-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem 1rem;
        margin-top: 2rem;
    }

    .tyqn-index-services-summary {
        font-size: 0.8125rem;
        line-height: 1.125rem;
    }
}

@media (max-width: 32rem) {
    .tyqn-index-services {
        padding: 3rem 1rem;
    }

    .tyqn-index-services-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-index-services-summary {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .tyqn-index-services-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        width: min(100%, 26.25rem);
        margin-right: auto;
        margin-left: auto;
    }

}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-services *,
    .tyqn-index-services *::before,
    .tyqn-index-services *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-changes */
.tyqn-index-changes {
    width: 100%;
    padding: 2.75rem 5rem 4.5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-index-changes-inner {
    width: 100%;
    max-width: 110rem;
    margin: 0 auto;
}

.tyqn-index-changes-heading {
    text-align: center;
}

.tyqn-index-changes-heading h2 {
    margin: 0;
    color: #111214;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-index-changes-heading h2 strong {
    color: #356fd4;
    font-weight: 700;
}

.tyqn-index-changes-subtitle {
    margin-top: 0.5rem;
    color: #45484e;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-index-changes-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.5rem;
    margin-top: 2.5rem;
}

.tyqn-index-changes-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.tyqn-index-changes-media {
    aspect-ratio: 2732 / 1534;
    overflow: hidden;
    background: #f2f3f5;
}

.tyqn-index-changes-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.35s ease;
}

.tyqn-index-changes-caption {
    flex: 1;
    min-height: 5.25rem;
    margin-top: 0.375rem;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    border-left: 0.1875rem solid #3977da;
    background: #f3f6fc;
    color: #34373d;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.tyqn-index-changes-card:hover .tyqn-index-changes-media img {
    transform: scale(1.012);
}

@media (max-width: 48rem) {
    .tyqn-index-changes {
        padding: 3.5rem 1.5rem 4rem;
    }

    .tyqn-index-changes-grid {
        gap: 1.5rem 1rem;
        margin-top: 2rem;
    }

    .tyqn-index-changes-caption {
        padding: 0.875rem 1rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
    }
}

@media (max-width: 42rem) {
    .tyqn-index-changes-grid {
        grid-template-columns: 1fr;
        gap: 1.75rem;
        width: min(100%, 42rem);
        margin-right: auto;
        margin-left: auto;
    }

    .tyqn-index-changes-caption {
        min-height: auto;
        font-size: 0.8125rem;
        line-height: 1.25rem;
    }
}

@media (max-width: 32rem) {
    .tyqn-index-changes {
        padding: 3rem 1rem 3.5rem;
    }

    .tyqn-index-changes-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-index-changes-subtitle {
        font-size: 0.8125rem;
        line-height: 1.125rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-changes *,
    .tyqn-index-changes *::before,
    .tyqn-index-changes *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-reasons */
.tyqn-index-reasons {
    width: 100%;
    padding: 4rem 5rem 4.5rem;
    overflow: hidden;
    background: #f7f7f8;
}

.tyqn-index-reasons-inner {
    width: 100%;
    max-width: 92rem;
    margin: 0 auto;
}

.tyqn-index-reasons-heading {
    width: min(100%, 50rem);
    margin: 0 auto;
    text-align: left;
}

.tyqn-index-reasons-heading h2 {
    margin: 0;
    color: #111214;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.08;
}

.tyqn-index-reasons-heading h2 span {
    display: block;
}

.tyqn-index-reasons-heading h2 strong {
    color: #356fd4;
    font-weight: 700;
}

.tyqn-index-reasons-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.5rem 8rem;
    margin-top: 3rem;
}

.tyqn-index-reasons-item {
    min-width: 0;
    padding: 0.5rem 0;
}

.tyqn-index-reasons-icon {
    position: relative;
    width: 5rem;
    height: 5rem;
    border-radius: 0.375rem;
    background: #356fd4;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tyqn-index-reasons-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    background-image: var(--reason-icon);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
}

.tyqn-index-reasons-item h3 {
    margin: 0.75rem 0 0.5rem;
    color: #17191d;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.tyqn-index-reasons-copy {
    color: #666970;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-index-reasons-copy p + p {
    margin-top: 0.875rem;
}

.tyqn-index-reasons-item:hover .tyqn-index-reasons-icon {
    box-shadow: 0 0.5rem 1.25rem rgba(53, 111, 212, 0.2);
    transform: translateY(-0.1875rem);
}

@media (min-width: 75.0625rem) {
    .tyqn-index-reasons {
        padding-top: 4.5rem;
        padding-bottom: 6.125rem;
    }

    .tyqn-index-reasons-heading {
        width: min(100%, 54rem);
    }

    .tyqn-index-reasons-heading h2 {
        font-size: 2.5rem;
        line-height: 1.05;
        text-align: center;
        padding: 0.5rem 0;
    }

    .tyqn-index-reasons-grid {
        row-gap: 6.875rem;
        margin-top: 6.25rem;
    }

    .tyqn-index-reasons-icon {
        width: 5.625rem;
        height: 5.625rem;
    }

    .tyqn-index-reasons-icon::before {
        width: 3.125rem;
        height: 3.125rem;
    }

    .tyqn-index-reasons-item h3 {
        margin-top: 1rem;
        margin-bottom: 0.75rem;
        font-size: 1.75rem;
        line-height: 2.125rem;
    }

    .tyqn-index-reasons-copy {
        font-size: 0.875rem;
        line-height: 1.45rem;
    }

    .tyqn-index-reasons-copy p + p {
        margin-top: 1rem;
    }
}

@media (max-width: 48rem) {
    .tyqn-index-reasons {
        padding: 3.5rem 1.5rem 4rem;
    }

    .tyqn-index-reasons-grid {
        gap: 3.5rem 3rem;
        margin-top: 2.5rem;
    }

    .tyqn-index-reasons-icon {
        width: 4.5rem;
        height: 4.5rem;
    }

    .tyqn-index-reasons-icon::before {
        width: 2.75rem;
        height: 2.75rem;
    }
}

@media (max-width: 42rem) {
    .tyqn-index-reasons-heading {
        width: min(100%, 42rem);
    }

    .tyqn-index-reasons-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
        width: min(100%, 42rem);
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 32rem) {
    .tyqn-index-reasons {
        padding: 3rem 1rem 3.5rem;
    }

    .tyqn-index-reasons-heading h2 {
        font-size: 2rem;
        line-height: 1.12;
    }

    .tyqn-index-reasons-icon {
        width: 4.25rem;
        height: 4.25rem;
    }

    .tyqn-index-reasons-item h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-reasons *,
    .tyqn-index-reasons *::before,
    .tyqn-index-reasons *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-sourcing-simple */
.tyqn-index-sourcing-simple {
    width: 100%;
    padding: 4.5rem 5rem 5.5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-index-sourcing-simple-inner {
    width: 100%;
    margin: 0 auto;
}

.tyqn-index-sourcing-simple-heading {
    text-align: center;
}

.tyqn-index-sourcing-simple-heading h2 {
    margin: 0;
    color: #111214;
    font-weight: 700;
}

.tyqn-index-sourcing-simple-heading h2 span {
    display: block;
}

.tyqn-index-sourcing-simple-heading h2 span:first-child {
    font-size: 2.5rem;
    line-height: 3rem;
}

.tyqn-index-sourcing-simple-heading h2 span:last-child {
    font-size: 2.75rem;
    line-height: 3.25rem;
}

.tyqn-index-sourcing-simple-heading h2 strong {
    color: #356fd4;
    font-weight: 700;
}

.tyqn-index-sourcing-simple-intro {
    width: min(100%, 80rem);
    margin: 1rem auto 0;
    color: #36393f;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.tyqn-index-sourcing-simple-panel {
    width: 100%;
    max-width: 101rem;
    margin: 3.5rem auto 0;
    display: grid;
    grid-template-columns: 49% 51%;
    overflow: hidden;
    border: 0.0625rem solid #e6e8ec;
    border-radius: 0.75rem;
    background: #fafafa;
}

.tyqn-index-sourcing-simple-capabilities {
    padding: 3.5rem;
    background: #356fd4;
    color: #fff;
}

.tyqn-index-sourcing-simple-capability + .tyqn-index-sourcing-simple-capability {
    margin-top: 3rem;
}

.tyqn-index-sourcing-simple-capability h3 {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.125rem;
}

.tyqn-index-sourcing-simple-capability-copy {
    margin-top: 0.75rem;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.tyqn-index-sourcing-simple-button {
    min-width: 7.5rem;
    margin-top: 1.5rem;
    padding: 0.6875rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 0.375rem 0.875rem rgba(17, 35, 70, 0.16);
    color: #356fd4;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1rem;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-index-sourcing-simple-button:hover,
.tyqn-index-sourcing-simple-button:focus-visible {
    box-shadow: 0 0.625rem 1.25rem rgba(17, 35, 70, 0.24);
    transform: translateY(-0.125rem);
}

.tyqn-index-sourcing-simple-button:focus-visible {
    outline: 0.125rem solid #fff;
    outline-offset: 0.1875rem;
}

.tyqn-index-sourcing-simple-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.tyqn-index-sourcing-simple-stat {
    min-width: 0;
    padding: 2.25rem 2.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 0.0625rem solid #e6e8ec;
}

.tyqn-index-sourcing-simple-stat:nth-child(odd) {
    border-right: 0.0625rem solid #e6e8ec;
}

.tyqn-index-sourcing-simple-stat:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.tyqn-index-sourcing-simple-value {
    color: #08090b;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
}

.tyqn-index-sourcing-simple-label {
    margin-top: 0.375rem;
    color: #5f6268;
    font-size: 0.875rem;
    line-height: 1.125rem;
}

@media (min-width: 75.0625rem) {
    .tyqn-index-sourcing-simple {
        padding-top: 5.75rem;
        padding-bottom: 8.5rem;
    }

    .tyqn-index-sourcing-simple-heading h2 span:first-child {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }

    .tyqn-index-sourcing-simple-heading h2 span:last-child {
        font-size: 2.5rem;
        line-height: 4rem;
    }

    .tyqn-index-sourcing-simple-intro {
        margin-top: 1.5rem;
        font-size: 0.875rem;
        line-height: 1.75rem;
    }

    .tyqn-index-sourcing-simple-panel {
        min-height: 40.125rem;
        margin-top: 3.125rem;
    }

    .tyqn-index-sourcing-simple-capabilities {
        padding: 5.25rem;
    }

    .tyqn-index-sourcing-simple-capability + .tyqn-index-sourcing-simple-capability {
        margin-top: 4rem;
    }

    .tyqn-index-sourcing-simple-capability h3 {
        font-size: 1.75rem;
        line-height: 2.75rem;
    }

    .tyqn-index-sourcing-simple-capability-copy {
        margin-top: 1rem;
        font-size: 0.875rem;
        line-height: 1.75rem;
    }

    .tyqn-index-sourcing-simple-button {
        min-width: 9.125rem;
        margin-top: 2.25rem;
        padding: 0.875rem 1.75rem;
        font-size: 0.9375rem;
        line-height: 1.125rem;
    }

    .tyqn-index-sourcing-simple-stat {
        padding: 2rem 3rem;
    }

    .tyqn-index-sourcing-simple-value {
        font-size: 1.75rem;
        line-height: 3.5rem;
    }

    .tyqn-index-sourcing-simple-label {
        margin-top: 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-index-sourcing-simple {
        padding: 4rem 2rem 4.5rem;
    }

    .tyqn-index-sourcing-simple-panel {
        grid-template-columns: 1fr;
    }

    .tyqn-index-sourcing-simple-capabilities {
        padding: 3rem;
    }

    .tyqn-index-sourcing-simple-stat {
        min-height: 9rem;
    }
}

@media (max-width: 42rem) {
    .tyqn-index-sourcing-simple {
        padding: 3.5rem 1.5rem 4rem;
    }

    .tyqn-index-sourcing-simple-heading h2 span:first-child {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-index-sourcing-simple-heading h2 span:last-child {
        font-size: 2.25rem;
        line-height: 2.625rem;
    }

    .tyqn-index-sourcing-simple-intro {
        font-size: 0.8125rem;
        line-height: 1.25rem;
    }

    .tyqn-index-sourcing-simple-panel {
        margin-top: 2.5rem;
    }

    .tyqn-index-sourcing-simple-capabilities {
        padding: 2.25rem;
    }

    .tyqn-index-sourcing-simple-capability h3 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }

    .tyqn-index-sourcing-simple-stat {
        padding: 1.75rem;
    }
}

@media (max-width: 32rem) {
    .tyqn-index-sourcing-simple {
        padding: 3rem 1rem 3.5rem;
    }

    .tyqn-index-sourcing-simple-heading h2 span:last-child {
        font-size: 2rem;
        line-height: 2.375rem;
    }

    .tyqn-index-sourcing-simple-capabilities {
        padding: 2rem 1.5rem;
    }

    .tyqn-index-sourcing-simple-stats {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .tyqn-index-sourcing-simple-stat,
    .tyqn-index-sourcing-simple-stat:nth-child(odd),
    .tyqn-index-sourcing-simple-stat:nth-last-child(-n + 2) {
        min-height: 7rem;
        border-right: 0;
        border-bottom: 0.0625rem solid #e6e8ec;
    }

    .tyqn-index-sourcing-simple-stat:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-sourcing-simple *,
    .tyqn-index-sourcing-simple *::before,
    .tyqn-index-sourcing-simple *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-import-guide */
.tyqn-index-import-guide {
    width: 100%;
    padding: 4.5rem 5rem;
    overflow: hidden;
    background-image: url('../images/import-guide-background.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tyqn-index-import-guide-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 45% 55%;
    align-items: center;
}

.tyqn-index-import-guide-media {
    position: relative;
    height: 35rem;
}

.tyqn-index-import-guide-media img {
    position: absolute;
    display: block;
    width: 23rem;
    height: auto;
    object-fit: contain;
}

.tyqn-index-import-guide-book-rear {
    top: 0;
    left: 0;
}

.tyqn-index-import-guide-book-front {
    top: 4rem;
    left: 8rem;
}

.tyqn-index-import-guide-content {
    min-width: 0;
    padding-left: 1rem;
}

.tyqn-index-import-guide-content h2 {
    margin: 0;
    color: #08090b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-index-import-guide-lead {
    margin-top: 1.5rem;
    color: #356fd4;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
}

.tyqn-index-import-guide-list {
    margin-top: 1.75rem;
    display: grid;
    gap: 0.875rem;
}

.tyqn-index-import-guide-list li {
    position: relative;
    min-height: 1.25rem;
    padding-left: 1.75rem;
    color: #31343a;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-index-import-guide-list li::before {
    content: '';
    position: absolute;
    top: 0.1875rem;
    left: 0;
    width: 0.875rem;
    height: 0.875rem;
    border: 0.125rem solid #356fd4;
    border-radius: 50%;
}

.tyqn-index-import-guide-list li::after {
    content: '';
    position: absolute;
    top: 0.485rem;
    left: 0.45rem;
    width: 0.1875rem;
    height: 0.375rem;
    border-right: 0.09375rem solid #356fd4;
    border-bottom: 0.09375rem solid #356fd4;
    transform: rotate(45deg);
}

.tyqn-index-import-guide-form {
    margin-top: 2.25rem;
}

.tyqn-index-import-guide-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.tyqn-index-import-guide-field {
    position: relative;
    min-width: 0;
}

.tyqn-index-import-guide-field span {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tyqn-index-import-guide-field input {
    width: 100%;
    height: 3rem;
    padding: 0 1rem;
    border: 0.0625rem solid #d7dbe2;
    border-radius: 0.375rem;
    outline: 0;
    background: #fff;
    color: #24272d;
    font-family: inherit;
    font-size: 0.8125rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.tyqn-index-import-guide-field input::placeholder {
    color: #a5a9b0;
}

.tyqn-index-import-guide-field input:focus {
    border-color: #356fd4;
    box-shadow: 0 0 0 0.1875rem rgba(53, 111, 212, 0.14);
}

.tyqn-index-import-guide-form button {
    width: calc((100% - 2.5rem) / 3);
    min-height: 3rem;
    margin-top: 2.25rem;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 0.375rem;
    background: #356fd4;
    box-shadow: 0 0.375rem 0.875rem rgba(53, 111, 212, 0.2);
    color: #fff;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    cursor: pointer;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-index-import-guide-form button:hover,
.tyqn-index-import-guide-form button:focus-visible {
    background: #2866c8;
    box-shadow: 0 0.625rem 1.25rem rgba(53, 111, 212, 0.28);
    transform: translateY(-0.125rem);
}

.tyqn-index-import-guide-form button:focus-visible {
    outline: 0.125rem solid #1f56ad;
    outline-offset: 0.1875rem;
}

.tyqn-index-import-guide-status {
    min-height: 1.25rem;
    margin-top: 0.75rem;
    color: #2459ae;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

@media (min-width: 75.0625rem) {
    .tyqn-index-import-guide {
        min-height: 53.625rem;
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .tyqn-index-import-guide-media {
        height: 43rem;
    }

    .tyqn-index-import-guide-media img {
        width: 27.5rem;
    }

    .tyqn-index-import-guide-book-front {
        top: 3.75rem;
        left: 12.5rem;
    }

    .tyqn-index-import-guide-content h2 {
        font-size: 2.5rem;
        line-height: 4.25rem;
    }

    .tyqn-index-import-guide-lead {
        margin-top: 2rem;
        font-size: 1.25rem;
        line-height: 1.625rem;
    }

    .tyqn-index-import-guide-list {
        margin-top: 2.25rem;
        gap: 1rem;
    }

    .tyqn-index-import-guide-list li {
        padding-left: 2rem;
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .tyqn-index-import-guide-form {
        margin-top: 2.25rem;
    }

    .tyqn-index-import-guide-field input {
        font-size: 0.875rem;
    }
}

@media (min-width: 75.0625rem) and (max-width: 99.9375rem) {
    .tyqn-index-import-guide-media {
        height: 35rem;
    }

    .tyqn-index-import-guide-media img {
        width: 23rem;
    }

    .tyqn-index-import-guide-book-front {
        top: 4rem;
        left: 8rem;
    }
}

@media (min-width: 62.0625rem) and (max-width: 75rem) {
    .tyqn-index-import-guide-media {
        height: 28rem;
    }

    .tyqn-index-import-guide-media img {
        width: 18rem;
    }

    .tyqn-index-import-guide-book-front {
        top: 3rem;
        left: 6rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-index-import-guide {
        padding: 4rem 2rem 5rem;
    }

    .tyqn-index-import-guide-inner {
        grid-template-columns: 1fr;
    }

    .tyqn-index-import-guide-media {
        width: min(100%, 44rem);
        height: 38rem;
        margin: 0 auto;
    }

    .tyqn-index-import-guide-content {
        width: min(100%, 50rem);
        margin: 0 auto;
        padding-left: 0;
    }
}

@media (max-width: 42rem) {
    .tyqn-index-import-guide {
        padding: 3.5rem 1.5rem 4rem;
    }

    .tyqn-index-import-guide-media {
        height: 28rem;
    }

    .tyqn-index-import-guide-media img {
        width: 18rem;
    }

    .tyqn-index-import-guide-book-front {
        top: 3rem;
        left: 7.5rem;
    }

    .tyqn-index-import-guide-content h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-index-import-guide-content h2 br {
        display: none;
    }

    .tyqn-index-import-guide-fields {
        grid-template-columns: 1fr;
        gap: 0.875rem;
    }

    .tyqn-index-import-guide-form button {
        width: 100%;
        margin-top: 1rem;
    }
}

@media (max-width: 32rem) {
    .tyqn-index-import-guide {
        padding: 3rem 1rem 3.5rem;
    }

    .tyqn-index-import-guide-media {
        height: 23rem;
    }

    .tyqn-index-import-guide-media img {
        width: 15rem;
    }

    .tyqn-index-import-guide-book-front {
        top: 2.5rem;
        left: 6rem;
    }

    .tyqn-index-import-guide-content h2 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-import-guide *,
    .tyqn-index-import-guide *::before,
    .tyqn-index-import-guide *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-market-insights */
.tyqn-index-market-insights {
    width: 100%;
    padding: 5rem 5rem 5.5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-index-market-insights-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-index-market-insights-heading {
    text-align: center;
}

.tyqn-index-market-insights-heading h2 {
    margin: 0;
    color: #050609;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 2.75rem;
    padding: 0.5rem 0;
}

.tyqn-index-market-insights-intro {
    max-width: 75rem;
    margin: 1.25rem auto 0;
    color: #34363a;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: center;
}

.tyqn-index-market-insights-grid {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.tyqn-index-market-insights-card {
    position: relative;
    isolation: isolate;
    min-width: 0;
    aspect-ratio: 5 / 3;
    overflow: hidden;
    border-radius: 0.625rem;
    background: #285e9e;
}

.tyqn-index-market-insights-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(25, 82, 148, 0.52);
    pointer-events: none;
}

.tyqn-index-market-insights-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.tyqn-index-market-insights-card:nth-child(1) img {
    object-position: center 58%;
}

.tyqn-index-market-insights-card:nth-child(2) img {
    object-position: center 48%;
}

.tyqn-index-market-insights-card:nth-child(3) img {
    object-position: center 55%;
}

.tyqn-index-market-insights-card-title {
    position: absolute;
    top: 52%;
    left: 2.75rem;
    z-index: 2;
    width: calc(100% - 5.5rem);
    color: #fff;
    transform: translateY(-50%);
}

.tyqn-index-market-insights-card-title h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
}

.tyqn-index-market-insights-card:hover img {
    transform: scale(1.025);
}

@media (min-width: 100rem) {
    .tyqn-index-market-insights {
        padding-top: 7rem;
        padding-bottom: 6rem;
    }

    .tyqn-index-market-insights-heading h2 {
        font-size: 3.25rem;
        line-height: 3.5rem;
    }

    .tyqn-index-market-insights-intro {
        margin-top: 1.5rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .tyqn-index-market-insights-grid {
        margin-top: 3.5rem;
    }

    .tyqn-index-market-insights-card-title h3 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-index-market-insights {
        padding: 4.5rem 2rem 5rem;
    }

    .tyqn-index-market-insights-heading h2 {
        font-size: 2.25rem;
        line-height: 2.625rem;
    }

    .tyqn-index-market-insights-intro br {
        display: none;
    }

    .tyqn-index-market-insights-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .tyqn-index-market-insights-card-title {
        left: 2rem;
        width: calc(100% - 4rem);
    }
}

@media (max-width: 42rem) {
    .tyqn-index-market-insights {
        padding: 3.75rem 1.5rem 4rem;
    }

    .tyqn-index-market-insights-heading h2 {
        font-size: 2rem;
        line-height: 2.375rem;
    }

    .tyqn-index-market-insights-heading h2 br {
        display: none;
    }

    .tyqn-index-market-insights-intro {
        margin-top: 1rem;
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-index-market-insights-grid {
        margin-top: 2.25rem;
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .tyqn-index-market-insights-card-title h3 {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }
}

@media (max-width: 28rem) {
    .tyqn-index-market-insights {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .tyqn-index-market-insights-heading h2 {
        font-size: 1.75rem;
        line-height: 2.125rem;
    }

    .tyqn-index-market-insights-card-title {
        left: 1.5rem;
        width: calc(100% - 3rem);
    }

    .tyqn-index-market-insights-card-title h3 {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-market-insights *,
    .tyqn-index-market-insights *::before,
    .tyqn-index-market-insights *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-product-detail-overview */
.tyqn-product-detail-overview {
    width: 100%;
    padding: 3rem 5rem 5rem;
    overflow: hidden;
    background: #f6f7f8;
}

.tyqn-product-detail-overview-inner {
    width: 100%;
    max-width: 88rem;
    margin: 0 auto;
}

.tyqn-product-detail-overview-breadcrumb ul {
    display: flex;
    align-items: center;
    color: #4d5158;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-product-detail-overview-breadcrumb li + li::before {
    content: '>';
    margin: 0 0.25rem;
    color: #747880;
}

.tyqn-product-detail-overview-breadcrumb a {
    color: inherit;
    transition: color 0.25s ease;
}

.tyqn-product-detail-overview-breadcrumb a:hover,
.tyqn-product-detail-overview-breadcrumb a:focus-visible {
    color: #376ed1;
}

.tyqn-product-detail-overview-breadcrumb a:focus-visible {
    outline: 0.125rem solid rgba(55, 110, 209, 0.38);
    outline-offset: 0.1875rem;
}

.tyqn-product-detail-overview-card {
    width: 100%;
    margin-top: 4rem;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
    align-items: center;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 0.5rem 1.75rem rgba(31, 42, 58, 0.12);
}

.tyqn-product-detail-overview-image {
    min-width: 0;
    overflow: hidden;
    background: #dce3ea;
}

.tyqn-product-detail-gallery {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-self: stretch;
    justify-content: center;
    background: #f2f4f7;
}

.tyqn-product-detail-gallery-main {
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 10;
    flex: none;
    border-radius: 0.75rem;
    background: #ffffff;
}

.tyqn-product-detail-gallery-main .swiper-wrapper,
.tyqn-product-detail-gallery-main .swiper-slide {
    height: 100%;
}

.tyqn-product-detail-gallery-main .swiper-slide {
    overflow: hidden;
}

.tyqn-product-detail-overview-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.tyqn-product-detail-gallery-main .swiper-slide-active img {
    animation: tyqnProductGalleryReveal 0.55s ease both;
}

@keyframes tyqnProductGalleryReveal {
    from { opacity: 0.55; transform: scale(1.025); }
    to { opacity: 1; transform: scale(1); }
}

.tyqn-product-detail-gallery-button {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0.375rem 1rem rgba(31, 42, 58, 0.16);
    cursor: pointer;
    transform: translateY(-50%);
    transition: background 0.25s ease, transform 0.25s ease;
}

.tyqn-product-detail-gallery-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.55rem;
    height: 0.55rem;
    border-top: 0.125rem solid #376ed1;
    border-right: 0.125rem solid #376ed1;
}

.tyqn-product-detail-gallery-prev { left: 1rem; }
.tyqn-product-detail-gallery-next { right: 1rem; }
.tyqn-product-detail-gallery-prev::before { transform: translate(-35%, -50%) rotate(-135deg); }
.tyqn-product-detail-gallery-next::before { transform: translate(-65%, -50%) rotate(45deg); }
.tyqn-product-detail-gallery-button:hover { background: #ffffff; transform: translateY(-50%) scale(1.06); }
.tyqn-product-detail-gallery-button.swiper-button-disabled { opacity: 0.35; cursor: default; }

.tyqn-product-detail-gallery-thumbs {
    width: 100%;
    height: 5rem;
    flex: 0 0 5rem;
}

.tyqn-product-detail-gallery-thumbs .swiper-slide {
    padding: 0.2rem;
    overflow: hidden;
    border: 0.125rem solid transparent;
    border-radius: 0.5rem;
    background: #ffffff;
    cursor: pointer;
    opacity: 0.58;
    transition: border-color 0.25s ease, opacity 0.25s ease;
}

.tyqn-product-detail-gallery-thumbs .swiper-slide-thumb-active {
    border-color: #376ed1;
    opacity: 1;
}

.tyqn-product-detail-gallery-thumbs img {
    object-fit: cover;
    border-radius: 0.25rem;
}

.tyqn-product-detail-overview-content {
    min-width: 0;
    padding: 3rem 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tyqn-product-detail-overview-content h1 {
    margin: 0;
    color: #050609;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-product-detail-overview-copy p:first-child {
    margin-top: 1rem;
    color: #34373d;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-product-detail-overview-copy p:nth-child(2) {
    max-width: 37rem;
    margin-top: 1.25rem;
    color: #555960;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-product-detail-overview-specs {
    margin-top: 2.25rem;
    padding: 1.75rem 2.5rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem 3rem;
    border-radius: 0.5rem;
    background: #f0f3ff;
}

.tyqn-product-detail-overview-specs div {
    min-width: 0;
}

.tyqn-product-detail-overview-specs dt {
    color: #747983;
    font-size: 0.75rem;
    line-height: 1rem;
}

.tyqn-product-detail-overview-specs dd {
    margin-top: 0.25rem;
    color: #202329;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.125rem;
}

.tyqn-product-detail-overview-actions {
    margin-top: 2rem;
    display: grid;
    gap: 0.875rem;
}

.tyqn-product-detail-overview-price,
.tyqn-product-detail-overview-actions a {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.6875rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: center;
}

.tyqn-product-detail-overview-price {
    border: 0.125rem solid #376ed1;
    color: #376ed1;
    font-weight: 600;
    text-transform: uppercase;
}

.tyqn-product-detail-overview-actions a {
    border: 0.125rem solid #376ed1;
    background: #376ed1;
    color: #ffffff;
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-product-detail-overview-actions a:hover,
.tyqn-product-detail-overview-actions a:focus-visible {
    border-color: #295fc0;
    background: #295fc0;
    box-shadow: 0 0.5rem 1rem rgba(55, 110, 209, 0.22);
    transform: translateY(-0.125rem);
}

.tyqn-product-detail-overview-actions a:focus-visible {
    outline: 0.125rem solid #1f4f9f;
    outline-offset: 0.1875rem;
}

@media (max-width: 75rem) {
    .tyqn-product-detail-overview {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .tyqn-product-detail-overview-content {
        padding: 2.5rem 3rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-product-detail-overview {
        padding: 2.75rem 2rem 4.5rem;
    }

    .tyqn-product-detail-overview-inner.wow {
        visibility: visible !important;
    }

    .tyqn-product-detail-overview-card {
        min-height: 0;
        margin-top: 3rem;
        grid-template-columns: 1fr;
    }

    .tyqn-product-detail-overview-image {
        min-height: 0;
    }

    .tyqn-product-detail-gallery {
        height: auto;
    }

    .tyqn-product-detail-overview-content {
        padding: 3rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-product-detail-overview {
        padding: 2.5rem 1rem 3.5rem;
    }

    .tyqn-product-detail-overview-card {
        margin-top: 2.25rem;
        border-radius: 0.75rem;
    }

    .tyqn-product-detail-gallery {
        height: auto;
        padding: 0.625rem;
        gap: 0.5rem;
    }

    .tyqn-product-detail-gallery-thumbs {
        height: 4rem;
        flex-basis: 4rem;
    }

    .tyqn-product-detail-gallery-button {
        width: 2.125rem;
        height: 2.125rem;
    }

    .tyqn-product-detail-overview-content {
        padding: 2rem 1.5rem;
    }

    .tyqn-product-detail-overview-content h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-product-detail-overview-specs {
        padding: 1.5rem;
        gap: 1.5rem 1rem;
    }
}

@media (max-width: 24rem) {
    .tyqn-product-detail-overview-content {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .tyqn-product-detail-overview-specs {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-product-detail-overview *,
    .tyqn-product-detail-overview *::before,
    .tyqn-product-detail-overview *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-product-detail-richtext */
.tyqn-product-detail-richtext {
    width: 100%;
    padding: 2rem max(5rem, calc((100% - 88rem) / 2)) 1rem;
    overflow-x: auto;
    background: #f6f7f8;
    color: #4d5158;
    font-size: 1rem;
    line-height: 1.75rem;
    scrollbar-width: thin;
    scrollbar-color: #aeb9cf transparent;
    -webkit-overflow-scrolling: touch;
}

.tyqn-product-detail-richtext > :first-child {
    margin-top: 0;
}

.tyqn-product-detail-richtext > :last-child {
    margin-bottom: 0;
}

.tyqn-product-detail-richtext h1,
.tyqn-product-detail-richtext h2,
.tyqn-product-detail-richtext h3,
.tyqn-product-detail-richtext h4,
.tyqn-product-detail-richtext h5,
.tyqn-product-detail-richtext h6 {
    margin: 2rem 0 1rem;
    color: #111318;
    font-weight: 700;
    line-height: 1.3;
}

.tyqn-product-detail-richtext h1 {
    font-size: 2.5rem;
}

.tyqn-product-detail-richtext h2 {
    font-size: 2rem;
}

.tyqn-product-detail-richtext h3 {
    font-size: 1.5rem;
}

.tyqn-product-detail-richtext h4,
.tyqn-product-detail-richtext h5,
.tyqn-product-detail-richtext h6 {
    font-size: 1.125rem;
}

.tyqn-product-detail-richtext p,
.tyqn-product-detail-richtext ul,
.tyqn-product-detail-richtext ol,
.tyqn-product-detail-richtext blockquote {
    margin: 0 0 1.25rem;
}

.tyqn-product-detail-richtext ul,
.tyqn-product-detail-richtext ol {
    padding-left: 1.5rem;
}

.tyqn-product-detail-richtext li + li {
    margin-top: 0.375rem;
}

.tyqn-product-detail-richtext a {
    color: #376ed1;
    text-decoration: underline;
    text-underline-offset: 0.1875rem;
}

.tyqn-product-detail-richtext a:focus-visible {
    outline: 0.125rem solid rgba(55, 110, 209, 0.38);
    outline-offset: 0.1875rem;
}

.tyqn-product-detail-richtext blockquote {
    padding: 1rem 1.25rem;
    border-left: 0.25rem solid #376ed1;
    background: #ffffff;
    color: #555960;
}

.tyqn-product-detail-richtext img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tyqn-product-detail-richtext table {
    width: 100%;
    min-width: 52rem;
    table-layout: fixed;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 0.5rem 1.5rem rgba(31, 42, 58, 0.12);
}

.tyqn-product-detail-richtext th,
.tyqn-product-detail-richtext td {
    height: 2.75rem;
    padding: 0 3.75rem;
    border: 0;
    overflow-wrap: break-word;
    vertical-align: middle;
    text-align: left;
}

.tyqn-product-detail-richtext thead th {
    background: #376ed1;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.25rem;
}

.tyqn-product-detail-richtext tbody tr:nth-child(odd) {
    background: #ffffff;
}

.tyqn-product-detail-richtext tbody tr:nth-child(even) {
    background: #f0f3ff;
}

.tyqn-product-detail-richtext tbody td {
    color: #34373d;
    font-size: 0.8125rem;
    line-height: 1.125rem;
}

@media (max-width: 75rem) {
    .tyqn-product-detail-richtext {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .tyqn-product-detail-richtext th,
    .tyqn-product-detail-richtext td {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-product-detail-richtext.wow {
        visibility: visible !important;
    }

    .tyqn-product-detail-richtext {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-product-detail-richtext {
        padding: 1.5rem 1rem 1rem;
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .tyqn-product-detail-richtext h1 {
        font-size: 2rem;
    }

    .tyqn-product-detail-richtext h2 {
        font-size: 1.75rem;
    }

    .tyqn-product-detail-richtext h3 {
        font-size: 1.375rem;
    }

    .tyqn-product-detail-richtext table {
        border-radius: 0.75rem;
    }

    .tyqn-product-detail-richtext th,
    .tyqn-product-detail-richtext td {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-product-detail-richtext *,
    .tyqn-product-detail-richtext *::before,
    .tyqn-product-detail-richtext *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-index-stock-price */
.tyqn-index-stock-price {
    width: 100%;
    padding: 5rem;
    overflow: hidden;
    background: #f5f6f8;
}

.tyqn-index-stock-price-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-index-stock-price-heading {
    margin-bottom: 4.75rem;
    text-align: center;
}

.tyqn-index-stock-price-heading h2 {
    margin: 0;
    color: #050609;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.75rem;
}

.tyqn-index-stock-price-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: stretch;
}

.tyqn-index-stock-price-adviser,
.tyqn-index-stock-price-enquiry {
    min-width: 0;
    border-radius: 1rem;
}

.tyqn-index-stock-price-adviser {
    padding: 2.75rem;
    background: #376ed1;
    color: #fff;
}

.tyqn-index-stock-price-profile {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.tyqn-index-stock-price-avatar {
    flex: 0 0 auto;
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    border-radius: 0.5rem;
    background: #fff;
}

.tyqn-index-stock-price-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.tyqn-index-stock-price-profile-copy {
    min-width: 0;
}

.tyqn-index-stock-price-role {
    margin-bottom: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1rem;
    text-transform: uppercase;
}

.tyqn-index-stock-price-profile-copy h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
}

.tyqn-index-stock-price-specialty {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.125rem;
}

.tyqn-index-stock-price-quote {
    position: relative;
    min-height: 10.25rem;
    margin-top: 2.25rem;
    padding: 3.25rem 2.25rem 1.75rem;
    border-radius: 0.75rem;
    background: #050609;
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1.5rem;
}

.tyqn-index-stock-price-quote::before {
    content: '\201C';
    position: absolute;
    top: 1rem;
    left: 2.25rem;
    font-family: Georgia, serif;
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1;
}

.tyqn-index-stock-price-stats {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.125rem;
}

.tyqn-index-stock-price-stat {
    min-width: 0;
    min-height: 6rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.625rem;
    background: #fff;
    text-align: center;
}

.tyqn-index-stock-price-stat strong {
    color: #376ed1;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2rem;
}

.tyqn-index-stock-price-stat span {
    margin-top: 0.25rem;
    color: #969aa2;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

.tyqn-index-stock-price-services {
    margin-top: 2.75rem;
    display: grid;
    gap: 1rem;
}

.tyqn-index-stock-price-service {
    position: relative;
    min-height: 1.25rem;
    padding-left: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-index-stock-price-service::before {
    content: '';
    position: absolute;
    top: 0.1875rem;
    left: 0;
    width: 0.875rem;
    height: 0.875rem;
    border: 0.125rem solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
}

.tyqn-index-stock-price-service::after {
    content: '';
    position: absolute;
    top: 0.485rem;
    left: 0.45rem;
    width: 0.1875rem;
    height: 0.375rem;
    border-right: 0.09375rem solid #fff;
    border-bottom: 0.09375rem solid #fff;
    transform: rotate(45deg);
}

.tyqn-index-stock-price-enquiry {
    padding: 3rem 4.75rem 2.5rem;
    background: #fff;
    box-shadow: 0 0.25rem 1.25rem rgba(22, 31, 45, 0.13);
}

.tyqn-index-stock-price-form-heading h3 {
    margin: 0;
    color: #111318;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem;
    text-transform: uppercase;
}

.tyqn-index-stock-price-form-heading {
    color: #5b5e65;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-index-stock-price-form-heading p {
    margin-top: 0.375rem;
}

.tyqn-index-stock-price-form {
    margin-top: 2.25rem;
}

.tyqn-index-stock-price-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 1.5rem;
}

.tyqn-index-stock-price-field {
    min-width: 0;
    display: block;
}

.tyqn-index-stock-price-field > span {
    margin-bottom: 0.5rem;
    display: block;
    color: #45484e;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 0.875rem;
    text-transform: uppercase;
}

.tyqn-index-stock-price-field b {
    color: #ed3e45;
    font-weight: 700;
}

.tyqn-index-stock-price-field input,
.tyqn-index-stock-price-field textarea {
    width: 100%;
    border: 0.0625rem solid #e4e7ec;
    border-radius: 0.25rem;
    outline: 0;
    background: #f8f9fb;
    color: #24272d;
    font-family: inherit;
    font-size: 0.875rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.tyqn-index-stock-price-field input {
    height: 3.25rem;
    padding: 0 0.875rem;
}

.tyqn-index-stock-price-field textarea {
    height: 9.25rem;
    padding: 0.875rem;
    resize: vertical;
}

.tyqn-index-stock-price-field input:focus,
.tyqn-index-stock-price-field textarea:focus {
    border-color: #376ed1;
    background: #fff;
    box-shadow: 0 0 0 0.1875rem rgba(55, 110, 209, 0.13);
}

.tyqn-index-stock-price-field-wide {
    grid-column: 1 / -1;
}

.tyqn-index-stock-price-form button {
    width: 100%;
    min-height: 3.5rem;
    margin-top: 1.5rem;
    padding: 0.875rem 1.5rem;
    border: 0;
    border-radius: 0.25rem;
    background: #376ed1;
    color: #fff;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-index-stock-price-form button:hover,
.tyqn-index-stock-price-form button:focus-visible {
    background: #295fc0;
    box-shadow: 0 0.5rem 1rem rgba(55, 110, 209, 0.22);
    transform: translateY(-0.125rem);
}

.tyqn-index-stock-price-form button:focus-visible {
    outline: 0.125rem solid #1f4f9f;
    outline-offset: 0.1875rem;
}

.tyqn-index-stock-price-status {
    min-height: 1.25rem;
    margin-top: 0.75rem;
    color: #2459ae;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    text-align: center;
}

@media (min-width: 100rem) {
    .tyqn-index-stock-price-adviser,
    .tyqn-index-stock-price-enquiry {
        min-height: 48rem;
    }
}

@media (max-width: 75rem) {
    .tyqn-index-stock-price {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .tyqn-index-stock-price-layout {
        gap: 2rem;
    }

    .tyqn-index-stock-price-adviser {
        padding: 2.25rem;
    }

    .tyqn-index-stock-price-enquiry {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-index-stock-price {
        padding: 4.5rem 2rem 5rem;
    }

    .tyqn-index-stock-price-heading.wow {
        visibility: visible !important;
    }

    .tyqn-index-stock-price-heading {
        margin-bottom: 3.5rem;
    }

    .tyqn-index-stock-price-heading h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .tyqn-index-stock-price-layout {
        grid-template-columns: 1fr;
    }

    .tyqn-index-stock-price-adviser,
    .tyqn-index-stock-price-enquiry {
        width: min(100%, 50rem);
        margin: 0 auto;
    }
}

@media (max-width: 42rem) {
    .tyqn-index-stock-price {
        padding: 3.75rem 1.5rem 4rem;
    }

    .tyqn-index-stock-price-heading {
        margin-bottom: 2.75rem;
    }

    .tyqn-index-stock-price-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-index-stock-price-adviser,
    .tyqn-index-stock-price-enquiry {
        padding: 1.5rem;
        border-radius: 0.75rem;
    }

    .tyqn-index-stock-price-avatar {
        width: 5rem;
        height: 5rem;
    }

    .tyqn-index-stock-price-profile {
        gap: 1rem;
    }

    .tyqn-index-stock-price-quote {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .tyqn-index-stock-price-quote::before {
        left: 1.5rem;
    }

    .tyqn-index-stock-price-fields {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .tyqn-index-stock-price-field-wide {
        grid-column: auto;
    }
}

@media (max-width: 28rem) {
    .tyqn-index-stock-price {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .tyqn-index-stock-price-heading h2 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    .tyqn-index-stock-price-profile-copy h3 {
        font-size: 1.375rem;
    }

    .tyqn-index-stock-price-stats {
        gap: 0.75rem;
    }

    .tyqn-index-stock-price-stat {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-stock-price *,
    .tyqn-index-stock-price *::before,
    .tyqn-index-stock-price *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}


/* tyqn-index-footer */
.tyqn-index-footer {
    padding: 6.625rem 1.5rem 6rem;
    overflow: hidden;
    background: #28292b;
    color: #fff;
}

.tyqn-index-footer-inner {
    width: 100%;
    max-width: 92rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(15rem, 1.65fr) minmax(11rem, 1fr) minmax(8.5rem, 0.72fr) minmax(9rem, 0.78fr) minmax(17rem, 1.35fr);
    gap: clamp(2.5rem, 5vw, 7rem);
    align-items: start;
}

.tyqn-index-footer-logo {
    margin-bottom: 1.375rem;
}

.tyqn-index-footer-logo img {
    display: block;
    width: auto;
    height: 3.125rem;
}

.tyqn-index-footer-summary {
    max-width: 18.75rem;
    color: #f1f1f2;
    font-size: 0.875rem;
    line-height: 1.55;
}

.tyqn-index-footer-socials {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.tyqn-index-footer-socials a {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #28292b;
    font-size: 1rem;
    transition: color 0.25s ease, transform 0.25s ease, background 0.25s ease;
}

.tyqn-index-footer-socials a:hover {
    background: #3977da;
    color: #fff;
    transform: translateY(-0.1875rem);
}

.tyqn-index-footer-column h2,
.tyqn-index-footer-contact h2 {
    margin: 0 0 1.625rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.tyqn-index-footer-column li {
    margin-bottom: 0.75rem;
}

.tyqn-index-footer-column a {
    color: #d2d2d4;
    font-size: 0.8125rem;
    line-height: 1.35;
    transition: color 0.25s ease, padding-left 0.25s ease;
}

.tyqn-index-footer-column a:hover {
    padding-left: 0.25rem;
    color: #fff;
}

.tyqn-index-footer-contact li,
.tyqn-index-footer-contact li a {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.tyqn-index-footer-contact li {
    margin-bottom: 0.75rem;
    color: #e1e1e2;
    font-size: 0.8125rem;
    line-height: 1.55;
}

.tyqn-index-footer-contact li a {
    color: inherit;
    transition: color 0.25s ease;
}

.tyqn-index-footer-contact li a:hover {
    color: #fff;
}

.tyqn-index-footer-contact .iconfont {
    flex: 0 0 1rem;
    margin-top: 0.125rem;
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1;
}

@media (max-width: 75rem) {
    .tyqn-index-footer-inner {
        grid-template-columns: 1.5fr repeat(3, 1fr);
        gap: 3.5rem 2.5rem;
    }

    .tyqn-index-footer-contact {
        grid-column: 2 / -1;
    }
}

@media (max-width: 50rem) {
    .tyqn-index-footer {
        padding: 4.5rem 1.5rem;
    }

    .tyqn-index-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3.25rem 2rem;
    }

    .tyqn-index-footer-brand,
    .tyqn-index-footer-contact {
        grid-column: 1 / -1;
    }
}

@media (max-width: 32rem) {
    .tyqn-index-footer {
        padding: 3rem 1rem 2.75rem;
    }

    .tyqn-index-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem 1.25rem;
    }

    .tyqn-index-footer-brand,
    .tyqn-index-footer-contact {
        grid-column: 1 / -1;
    }

    .tyqn-index-footer-logo {
        margin-bottom: 1rem;
    }

    .tyqn-index-footer-summary {
        max-width: 22rem;
        font-size: 0.8125rem;
    }

    .tyqn-index-footer-socials {
        margin-top: 1.5rem;
    }

    .tyqn-index-footer-brand + .tyqn-index-footer-column {
        grid-column: 1 / -1;
    }

    .tyqn-index-footer-brand + .tyqn-index-footer-column ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem 1.25rem;
    }

    .tyqn-index-footer-column h2,
    .tyqn-index-footer-contact h2 {
        margin-bottom: 1rem;
    }

    .tyqn-index-footer-column li {
        margin-bottom: 0.5rem;
    }

    .tyqn-index-footer-brand + .tyqn-index-footer-column li {
        margin-bottom: 0;
    }

    .tyqn-index-footer-contact {
        padding-top: 1.5rem;
        border-top: 0.0625rem solid rgba(255, 255, 255, 0.16);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-index-footer *,
    .tyqn-index-footer *::before,
    .tyqn-index-footer *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-product-deliver */
.tyqn-product-deliver {
    position: relative;
    min-height: 29.375rem;
    padding: 8.25rem 1.5rem 7.5rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background-color: #173b68;
    background-image: url('../images/machinery-lrlr.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.tyqn-product-deliver::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(17, 67, 117, 0.56);
}

.tyqn-product-deliver-inner {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    text-align: center;
}

.tyqn-product-deliver-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1875rem;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    line-height: 1.5;
}

.tyqn-product-deliver-breadcrumb a {
    transition: color 0.25s ease;
}

.tyqn-product-deliver-breadcrumb a:hover {
    color: #fff;
}

.tyqn-product-deliver-heading h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.25rem, 3.8vw, 3.5rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.0625rem;
    text-shadow: 0 0.1875rem 1rem rgba(6, 27, 50, 0.22);
}

.tyqn-product-deliver-description {
    margin-top: 1.625rem;
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.875rem;
    line-height: 1.65;
}

@media (max-width: 62rem) {
    .tyqn-product-deliver {
        min-height: 25rem;
        padding: 6.5rem 1.5rem;
        background-position: 48% center;
    }
}

@media (max-width: 42rem) {
    .tyqn-product-deliver {
        min-height: 22rem;
        padding: 5rem 1rem;
        background-position: 46% center;
    }

    .tyqn-product-deliver-description {
        max-width: 30rem;
        margin: 1.25rem auto 0;
        font-size: 0.8125rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-product-deliver *,
    .tyqn-product-deliver *::before,
    .tyqn-product-deliver *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-product-catalog */
.tyqn-product-catalog {
    padding: 5rem 1.5rem 5.5rem;
    background: #f6f6f6;
}

.tyqn-product-catalog-inner {
    width: 100%;
    max-width: 79rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 16.25rem minmax(0, 1fr);
    align-items: start;
    gap: 1.625rem;
}

.tyqn-product-catalog-sidebar {
    overflow: hidden;
    border-radius: 0.25rem;
    background: #fff;
    box-shadow: 0 0.25rem 0.875rem rgba(34, 50, 70, 0.1);
}

.tyqn-product-catalog-sidebar > h2 {
    padding: 1.125rem 1.5rem;
    background: #2f6ed4;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
}

.tyqn-product-catalog-menu {
    padding: 0.875rem 1.125rem 0.625rem;
}

.tyqn-product-catalog-menu h3 {
    padding: 0.25rem 0 0.75rem;
    border-bottom: 0.0625rem solid #e5e5e5;
    color: #25282d;
    font-size: 0.8125rem;
    font-weight: 600;
}

.tyqn-product-catalog-category:last-child h3,
.tyqn-product-catalog-category:last-child ul {
    border-bottom: 0;
}

.tyqn-product-catalog-menu h3 a {
    display: block;
    color: inherit;
    transition: color 0.25s ease;
}

.tyqn-product-catalog-menu h3 a:hover,
.tyqn-product-catalog-menu h3 a.active {
    color: #2f6ed4;
}

.tyqn-product-catalog-menu ul {
    padding: 0.25rem 0 0.875rem;
    border-bottom: 0.0625rem solid #e5e5e5;
}

.tyqn-product-catalog-menu li a {
    position: relative;
    display: block;
    padding: 0.375rem 0 0.375rem 0.875rem;
    color: #333840;
    font-size: 0.75rem;
    line-height: 1.4;
    transition: color 0.25s ease, padding-left 0.25s ease;
}

.tyqn-product-catalog-menu li a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor;
    transform: translateY(-50%);
}

.tyqn-product-catalog-menu li a.active,
.tyqn-product-catalog-menu li a:hover {
    padding-left: 1rem;
    color: #2f6ed4;
}

.tyqn-product-catalog-menu > a {
    display: block;
    padding: 0.625rem 0.125rem;
    border-bottom: 0.0625rem solid #e5e5e5;
    color: #24282e;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.35;
    transition: color 0.25s ease, padding-left 0.25s ease;
}

.tyqn-product-catalog-menu > a:last-child {
    border-bottom: 0;
}

.tyqn-product-catalog-menu > a:hover {
    padding-left: 0.375rem;
    color: #2f6ed4;
}

.tyqn-product-catalog-heading {
    margin-bottom: 1.5rem;
}

.tyqn-product-catalog-heading h2 {
    margin-bottom: 0.625rem;
    color: #171a1f;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.25;
}

.tyqn-product-catalog-description {
    max-width: 62rem;
    color: #40454c;
    font-size: 0.75rem;
    line-height: 1.6;
}

.tyqn-product-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem 1.375rem;
}

.tyqn-product-catalog-card {
    overflow: hidden;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 0.25rem 1rem rgba(30, 48, 72, 0.09);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.tyqn-product-catalog-card:hover {
    box-shadow: 0 0.75rem 1.75rem rgba(30, 48, 72, 0.15);
    transform: translateY(-0.25rem);
}

.tyqn-product-catalog-card.hidden {
    display: none;
}

.tyqn-product-catalog-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.48 / 1;
    background: #dce8f2;
}

.tyqn-product-catalog-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.tyqn-product-catalog-card:hover .tyqn-product-catalog-image img {
    transform: scale(1.035);
}

.tyqn-product-catalog-image span,
.tyqn-product-catalog-image b {
    position: absolute;
    top: 0.75rem;
    padding: 0.1875rem 0.375rem;
    border-radius: 0.125rem;
    color: #fff;
    font-size: 0.5625rem;
    font-weight: 600;
    line-height: 1.2;
}

.tyqn-product-catalog-image span {
    left: 0.75rem;
    background: rgba(20, 25, 30, 0.86);
}

.tyqn-product-catalog-image b {
    right: 0.75rem;
    background: #2f6ed4;
}

.tyqn-product-catalog-card-body {
    padding: 1rem 1.25rem 1.25rem;
}

.tyqn-product-catalog-card-body h3 {
    margin-bottom: 0.875rem;
    color: #16191d;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
}

.tyqn-product-catalog-card-body dl {
    margin-bottom: 0.875rem;
}

.tyqn-product-catalog-card-body dl div {
    padding: 0.1875rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    border-bottom: 0.0625rem solid #f0f1f2;
    font-size: 0.625rem;
    line-height: 1.35;
}

.tyqn-product-catalog-card-body dt {
    color: #92979f;
}

.tyqn-product-catalog-card-body dd {
    color: #24282e;
    font-weight: 500;
    text-align: right;
}

.tyqn-product-catalog-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem;
}

.tyqn-product-catalog-actions a {
    min-height: 2.125rem;
    padding: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #2f6ed4;
    color: #2f6ed4;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.2;
    transition: background 0.25s ease, color 0.25s ease;
}

.tyqn-product-catalog-actions a:last-child,
.tyqn-product-catalog-actions a:hover {
    background: #2f6ed4;
    color: #fff;
}

.tyqn-product-catalog-actions a:last-child:hover {
    background: #245ebc;
}

.tyqn-product-catalog-pagination {
    min-height: 2.5rem;
    margin-top: 2.5rem;
    text-align: center;
}

.tyqn-product-catalog-pagination .layui-laypage {
    margin: 0;
}

.tyqn-product-catalog-pagination .layui-laypage a,
.tyqn-product-catalog-pagination .layui-laypage span {
    margin: 0 0.125rem;
    border: 0;
    background: transparent;
    color: #414750;
}

.tyqn-product-catalog-pagination .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #2f6ed4;
}

@media (max-width: 68rem) {
    .tyqn-product-catalog-inner {
        grid-template-columns: 14rem minmax(0, 1fr);
    }

    .tyqn-product-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    .tyqn-product-catalog {
        padding: 3.75rem 1rem 4.25rem;
    }

    .tyqn-product-catalog-inner {
        grid-template-columns: 1fr;
    }

    .tyqn-product-catalog-sidebar {
        width: 100%;
    }

    .tyqn-product-catalog-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 1rem;
    }

    .tyqn-product-catalog-menu h3,
    .tyqn-product-catalog-menu ul {
        grid-column: 1 / -1;
    }
}

@media (max-width: 34rem) {
    .tyqn-product-catalog-grid,
    .tyqn-product-catalog-menu {
        grid-template-columns: 1fr;
    }

    .tyqn-product-catalog-heading h2 {
        font-size: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-product-catalog *,
    .tyqn-product-catalog *::before,
    .tyqn-product-catalog *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-product-suitable-cta */
.tyqn-product-suitable-cta {
    width: 100%;
    aspect-ratio: 1920 / 442;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #1456a0;
    background-image: url('../images/juq.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tyqn-product-suitable-cta-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 2rem;
}

.tyqn-product-suitable-cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
}

.tyqn-product-suitable-cta-content h2 {
    margin: 0 0 2rem;
    color: #fff;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 4.25rem;
}

.tyqn-product-suitable-cta-button {
    min-width: 10rem;
    min-height: 2.875rem;
    padding: 0.75rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #fff;
    border-radius: 0.25rem;
    background: #fff;
    box-shadow: 0 0.375rem 1rem rgba(8, 47, 94, 0.18);
    color: #3475db;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25rem;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.tyqn-product-suitable-cta-button:hover {
    background: transparent;
    color: #fff;
    box-shadow: 0 0.5rem 1.25rem rgba(8, 47, 94, 0.28);
    transform: translateY(-0.125rem);
}

.tyqn-product-suitable-cta-button:focus-visible {
    outline: 0.1875rem solid #fff;
    outline-offset: 0.25rem;
}

@media (max-width: 62rem) {
    .tyqn-product-suitable-cta {
        min-height: 18rem;
        aspect-ratio: auto;
    }

    .tyqn-product-suitable-cta-inner {
        padding: 4rem 1.5rem;
    }

    .tyqn-product-suitable-cta-content h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media (max-width: 42rem) {
    .tyqn-product-suitable-cta {
        min-height: 16rem;
    }

    .tyqn-product-suitable-cta-inner {
        padding: 3.5rem 1rem;
    }

    .tyqn-product-suitable-cta-content h2 {
        max-width: 21rem;
        margin-bottom: 1.75rem;
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-product-suitable-cta-button {
        min-width: 9.5rem;
        min-height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-product-suitable-cta *,
    .tyqn-product-suitable-cta *::before,
    .tyqn-product-suitable-cta *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-product-price-range */
.tyqn-product-price-range {
    width: 100%;
    padding: 5rem 5rem 4.5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-product-price-range-inner {
    width: 100%;
    max-width: 79rem;
    margin: 0 auto;
}

.tyqn-product-price-range-heading {
    text-align: center;
}

.tyqn-product-price-range-eyebrow {
    margin-bottom: 0.5rem;
    color: #3475db;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
}

.tyqn-product-price-range-heading h2 {
    margin: 0;
    color: #0a0b0d;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-product-price-range-intro {
    max-width: 50rem;
    margin: 1rem auto 0;
    color: #4a4d53;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-product-price-range-grid {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.tyqn-product-price-range-card {
    min-width: 0;
    min-height: 20.75rem;
    padding: 1.5rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    border-radius: 0.375rem;
    outline: 0;
    background: #08090a;
    box-shadow: 0 0.25rem 0.75rem rgba(17, 24, 35, 0.08);
    color: #fff;
    transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-product-price-range-card.active,
.tyqn-product-price-range-card:hover,
.tyqn-product-price-range-card:focus-visible {
    background: #3977da;
    box-shadow: 0 0.875rem 1.75rem rgba(35, 90, 176, 0.24);
    transform: translateY(-0.25rem);
}

.tyqn-product-price-range-card:focus-visible {
    outline: 0.1875rem solid #78a8f4;
    outline-offset: 0.1875rem;
}

.tyqn-product-price-range-tonnage {
    width: fit-content;
    min-height: 1.375rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 0.1875rem;
    background: #595b5e;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1rem;
}

.tyqn-product-price-range-card.active .tyqn-product-price-range-tonnage,
.tyqn-product-price-range-card:hover .tyqn-product-price-range-tonnage,
.tyqn-product-price-range-card:focus-visible .tyqn-product-price-range-tonnage {
    background: rgba(255, 255, 255, 0.22);
}

.tyqn-product-price-range-card h3 {
    margin: 1rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
}

.tyqn-product-price-range-price {
    margin-top: 1.75rem;
}

.tyqn-product-price-range-price span {
    display: block;
    color: #96999e;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 0.875rem;
    text-transform: uppercase;
    transition: color 0.25s ease;
}

.tyqn-product-price-range-card.active .tyqn-product-price-range-price span,
.tyqn-product-price-range-card:hover .tyqn-product-price-range-price span,
.tyqn-product-price-range-card:focus-visible .tyqn-product-price-range-price span {
    color: #cfe0fb;
}

.tyqn-product-price-range-price strong {
    margin-top: 0.625rem;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    white-space: nowrap;
}

.tyqn-product-price-range-models {
    margin-top: auto;
    padding-top: 1.75rem;
    border-top: 0.0625rem solid #3a3c3f;
    transition: border-color 0.25s ease;
}

.tyqn-product-price-range-card.active .tyqn-product-price-range-models,
.tyqn-product-price-range-card:hover .tyqn-product-price-range-models,
.tyqn-product-price-range-card:focus-visible .tyqn-product-price-range-models {
    border-color: rgba(255, 255, 255, 0.32);
}

.tyqn-product-price-range-models h4 {
    margin: 0 0 0.875rem;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1rem;
}

.tyqn-product-price-range-models ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.tyqn-product-price-range-models li {
    min-height: 1.375rem;
    padding: 0.1875rem 0.4375rem;
    border-radius: 0.1875rem;
    background: #5c5e61;
    color: #fff;
    font-size: 0.5625rem;
    font-weight: 500;
    line-height: 1rem;
}

.tyqn-product-price-range-card.active .tyqn-product-price-range-models li,
.tyqn-product-price-range-card:hover .tyqn-product-price-range-models li,
.tyqn-product-price-range-card:focus-visible .tyqn-product-price-range-models li {
    background: rgba(255, 255, 255, 0.22);
}

.tyqn-product-price-range-note {
    position: relative;
    min-height: 8rem;
    margin-top: 2.25rem;
    padding: 1.5rem 2.5rem 1.5rem 11rem;
    display: flex;
    align-items: center;
    background: #e6e6e6;
    color: #111318;
    font-size: 1rem;
    line-height: 1.5rem;
}

.tyqn-product-price-range-note::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 2.5rem;
    width: 7.5rem;
    height: 5.75rem;
    background-image: url('../images/工程机械.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}

@media (max-width: 75rem) {
    .tyqn-product-price-range {
        padding: 4.5rem 2rem 4rem;
    }

    .tyqn-product-price-range-price strong {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-product-price-range-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .tyqn-product-price-range-card {
        min-height: 19rem;
    }
}

@media (max-width: 42rem) {
    .tyqn-product-price-range {
        padding: 3.75rem 1rem 3.5rem;
    }

    .tyqn-product-price-range-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-product-price-range-intro {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-product-price-range-grid {
        width: min(100%, 26rem);
        margin-right: auto;
        margin-left: auto;
        grid-template-columns: 1fr;
    }

    .tyqn-product-price-range-card {
        min-height: 18rem;
    }

    .tyqn-product-price-range-price strong {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }

    .tyqn-product-price-range-note {
        min-height: 0;
        padding: 7.75rem 1.5rem 1.75rem;
        display: block;
        font-size: 0.9375rem;
        line-height: 1.375rem;
        text-align: center;
    }

    .tyqn-product-price-range-note::before {
        top: 1.5rem;
        left: 50%;
        width: 6.25rem;
        height: 4.8125rem;
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-product-price-range *,
    .tyqn-product-price-range *::before,
    .tyqn-product-price-range *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-refurbished-standards */
.tyqn-refurbished-standards {
    width: 100%;
    padding: 3rem 5rem 5.5rem;
    overflow: hidden;
    background: #f7f7f7;
}

.tyqn-refurbished-standards-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-refurbished-standards-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: #292c31;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-refurbished-standards-breadcrumb a {
    transition: color 0.25s ease;
}

.tyqn-refurbished-standards-breadcrumb a:hover {
    color: #3475db;
}

.tyqn-refurbished-standards-heading {
    margin-top: 2.5rem;
    text-align: center;
}

.tyqn-refurbished-standards-heading h1 {
    margin: 0;
    color: #07080a;
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.75rem;
}

.tyqn-refurbished-standards-intro {
    max-width: 76rem;
    margin: 2rem auto 0;
    color: #33363b;
    font-size: 0.9375rem;
    line-height: 1.5rem;
}

.tyqn-refurbished-standards-workflow {
    margin-top: 4.5rem;
}

.tyqn-refurbished-standards-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
}

.tyqn-refurbished-standards-row-return {
    flex-direction: row-reverse;
}

.tyqn-refurbished-standards-step {
    position: relative;
    width: 100%;
    max-width: 12.4375rem;
    min-width: 0;
    flex: 1 1 0;
    color: #202328;
    text-align: center;
}

.tyqn-refurbished-standards-step img {
    width: 100%;
    height: auto;
    aspect-ratio: 199 / 116;
    display: block;
    border-radius: 0.25rem;
    background: #e6e8eb;
    object-fit: cover;
}

.tyqn-refurbished-standards-step figcaption {
    min-height: 2.5rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
}

.tyqn-refurbished-standards-arrow {
    position: absolute;
    top: 3rem;
    right: -1.75rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3475db;
    line-height: 1;
}

.tyqn-refurbished-standards-arrow .iconfont,
.tyqn-refurbished-standards-turn .iconfont {
    font-size: 1.5rem;
    line-height: 1;
}

.tyqn-refurbished-standards-row-return .tyqn-refurbished-standards-arrow {
    right: auto;
    left: -1.75rem;
}

.tyqn-refurbished-standards-turn {
    width: 12.4375rem;
    height: 3.75rem;
    margin: 0.5rem 0 0.5rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3475db;
}

.tyqn-refurbished-standards-turn .iconfont {
    font-size: 2rem;
}

@media (max-width: 75rem) {
    .tyqn-refurbished-standards {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-refurbished-standards-row {
        gap: 1.25rem;
    }

    .tyqn-refurbished-standards-step figcaption {
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .tyqn-refurbished-standards-arrow {
        right: -1.125rem;
    }

    .tyqn-refurbished-standards-row-return .tyqn-refurbished-standards-arrow {
        right: auto;
        left: -1.125rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-refurbished-standards {
        padding: 2.5rem 1.5rem 4.5rem;
    }

    .tyqn-refurbished-standards-heading h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .tyqn-refurbished-standards-intro {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-refurbished-standards-workflow {
        margin-top: 3.5rem;
    }

    .tyqn-refurbished-standards-row,
    .tyqn-refurbished-standards-row-return {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .tyqn-refurbished-standards-step {
        flex: none;
    }

    .tyqn-refurbished-standards-step figcaption {
        min-height: 0;
        margin-top: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.125rem;
    }

    .tyqn-refurbished-standards-arrow,
    .tyqn-refurbished-standards-row-return .tyqn-refurbished-standards-arrow {
        position: static;
        width: 100%;
        height: 2.5rem;
        margin: 0.5rem 0;
    }

    .tyqn-refurbished-standards-arrow .icon-xiangyou::before,
    .tyqn-refurbished-standards-arrow .icon-xiangzuo::before {
        content: "\e772";
    }

    .tyqn-refurbished-standards-turn {
        width: 100%;
        height: 2.5rem;
        margin: 0.5rem 0;
    }

    .tyqn-refurbished-standards-arrow .iconfont,
    .tyqn-refurbished-standards-turn .iconfont {
        font-size: 1.5rem;
    }
}

@media (max-width: 32rem) {
    .tyqn-refurbished-standards {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .tyqn-refurbished-standards-heading {
        margin-top: 2rem;
    }

    .tyqn-refurbished-standards-heading h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-refurbished-standards-intro {
        margin-top: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-refurbished-standards *,
    .tyqn-refurbished-standards *::before,
    .tyqn-refurbished-standards *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-refurbished-comparison */
.tyqn-refurbished-comparison {
    width: 100%;
    padding: 4.5rem 5rem 5.5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-refurbished-comparison-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-refurbished-comparison-heading {
    text-align: center;
}

.tyqn-refurbished-comparison-heading h2 {
    margin: 0;
    color: #08090b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-refurbished-comparison-table-wrap {
    margin-top: 3rem;
    overflow: hidden;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.5rem rgba(24, 31, 43, 0.14);
}

.tyqn-refurbished-comparison-table-wrap table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.tyqn-refurbished-comparison-table-wrap table thead th {
    min-height: 5rem;
    padding: 1.5rem 2.5rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-align: left;
}

.tyqn-refurbished-comparison-table-wrap table thead th:nth-child(1) {
    width: 27%;
    background: #737373;
}

.tyqn-refurbished-comparison-table-wrap table thead th:nth-child(2) {
    width: 33.5%;
    background: #3977da;
}

.tyqn-refurbished-comparison-table-wrap table thead th:nth-child(3) {
    width: 39.5%;
    background: #090a0c;
}

.tyqn-refurbished-comparison-table-wrap table tbody tr:nth-child(odd) {
    background: #fff;
}

.tyqn-refurbished-comparison-table-wrap table tbody tr:nth-child(even) {
    background: #f3f4f7;
}

.tyqn-refurbished-comparison-table-wrap table tbody th,
.tyqn-refurbished-comparison-table-wrap table tbody td {
    padding: 0.75rem 2.5rem;
    color: #565a61;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
    text-align: left;
    vertical-align: middle;
}

.tyqn-refurbished-comparison-table-wrap table tbody th {
    color: #24272c;
    font-weight: 700;
    text-transform: uppercase;
}

.tyqn-refurbished-comparison-metrics {
    min-height: 10.5rem;
    margin-top: 5rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: #3977da;
}

.tyqn-refurbished-comparison-metric {
    position: relative;
    min-width: 0;
    padding: 2rem 2rem 2rem 6.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.24);
    color: #fff;
}

.tyqn-refurbished-comparison-metric:last-child {
    border-right: 0;
}

.tyqn-refurbished-comparison-metric::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 2rem;
    width: 3rem;
    height: 3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) invert(1);
    transform: translateY(-50%);
}

.tyqn-refurbished-comparison-metric-factories::before {
    background-image: url('../images/36合作、关系-线性.png');
}

.tyqn-refurbished-comparison-metric-delivery::before {
    background-image: url('../images/delivery-checkmark.png');
}

.tyqn-refurbished-comparison-metric-warranty::before {
    background-image: url('../images/转保修.png');
}

.tyqn-refurbished-comparison-metric-condition::before {
    background-image: url('../images/新机.png');
}

.tyqn-refurbished-comparison-metric strong {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
}

.tyqn-refurbished-comparison-metric span {
    margin-top: 0.375rem;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
}

@media (max-width: 75rem) {
    .tyqn-refurbished-comparison {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-refurbished-comparison-table-wrap table thead th,
    .tyqn-refurbished-comparison-table-wrap table tbody th,
    .tyqn-refurbished-comparison-table-wrap table tbody td {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .tyqn-refurbished-comparison-metric {
        padding-right: 1.25rem;
        padding-left: 4.75rem;
    }

    .tyqn-refurbished-comparison-metric::before {
        left: 1.25rem;
        width: 2.75rem;
        height: 2.75rem;
    }

    .tyqn-refurbished-comparison-metric strong {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-refurbished-comparison {
        padding-top: 4rem;
        padding-bottom: 4.5rem;
    }

    .tyqn-refurbished-comparison-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tyqn-refurbished-comparison-metric {
        min-height: 8.5rem;
    }

    .tyqn-refurbished-comparison-metric:nth-child(2) {
        border-right: 0;
    }

    .tyqn-refurbished-comparison-metric:nth-child(-n + 2) {
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.24);
    }
}

@media (max-width: 48rem) {
    .tyqn-refurbished-comparison {
        padding: 3.5rem 1rem 4rem;
    }

    .tyqn-refurbished-comparison-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-refurbished-comparison-table-wrap {
        margin-top: 2.5rem;
        overflow: visible;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .tyqn-refurbished-comparison-table-wrap table,
    .tyqn-refurbished-comparison-table-wrap table tbody {
        display: block;
    }

    .tyqn-refurbished-comparison-table-wrap table thead {
        position: absolute;
        width: 0.0625rem;
        height: 0.0625rem;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .tyqn-refurbished-comparison-table-wrap table tbody tr {
        margin-bottom: 1rem;
        display: block;
        overflow: hidden;
        border: 0.0625rem solid #e3e6eb;
        border-radius: 0.375rem;
        background: #fff;
        box-shadow: 0 0.25rem 0.75rem rgba(24, 31, 43, 0.07);
    }

    .tyqn-refurbished-comparison-table-wrap table tbody th,
    .tyqn-refurbished-comparison-table-wrap table tbody td {
        width: 100%;
        padding: 0.875rem 1rem;
        display: grid;
        grid-template-columns: 7.5rem minmax(0, 1fr);
        gap: 0.75rem;
        border-top: 0.0625rem solid #edf0f4;
        font-size: 0.8125rem;
        line-height: 1.25rem;
    }

    .tyqn-refurbished-comparison-table-wrap table tbody th {
        display: block;
        border-top: 0;
        background: #15171b;
        color: #fff;
    }

    .tyqn-refurbished-comparison-table-wrap table tbody td::before {
        content: attr(data-label);
        color: #3475db;
        font-weight: 700;
    }

    .tyqn-refurbished-comparison-metrics {
        margin-top: 3.5rem;
    }
}

@media (max-width: 32rem) {
    .tyqn-refurbished-comparison-table-wrap table tbody td {
        grid-template-columns: 1fr;
        gap: 0.375rem;
    }

    .tyqn-refurbished-comparison-metrics {
        grid-template-columns: 1fr;
    }

    .tyqn-refurbished-comparison-metric,
    .tyqn-refurbished-comparison-metric:nth-child(2) {
        border-right: 0;
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.24);
    }

    .tyqn-refurbished-comparison-metric:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-refurbished-comparison *,
    .tyqn-refurbished-comparison *::before,
    .tyqn-refurbished-comparison *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-refurbished-price-range */
.tyqn-refurbished-price-range {
    width: 100%;
    padding: 5rem 5rem 5.5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-refurbished-price-range-inner {
    width: 100%;
    max-width: 79rem;
    margin: 0 auto;
}

.tyqn-refurbished-price-range-heading {
    text-align: center;
}

.tyqn-refurbished-price-range-eyebrow {
    margin-bottom: 0.5rem;
    color: #3475db;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
}

.tyqn-refurbished-price-range-heading h2 {
    margin: 0;
    color: #090a0c;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-refurbished-price-range-intro {
    max-width: 68rem;
    margin: 1rem auto 0;
    color: #464a51;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-refurbished-price-range-grid {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.tyqn-refurbished-price-range-card {
    min-width: 0;
    min-height: 20.75rem;
    padding: 1.5rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    border-radius: 0.375rem;
    outline: 0;
    background: #08090a;
    box-shadow: 0 0.25rem 0.75rem rgba(17, 24, 35, 0.08);
    color: #fff;
    transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-refurbished-price-range-card.active,
.tyqn-refurbished-price-range-card:hover,
.tyqn-refurbished-price-range-card:focus-visible {
    background: #3977da;
    box-shadow: 0 0.875rem 1.75rem rgba(35, 90, 176, 0.24);
    transform: translateY(-0.25rem);
}

.tyqn-refurbished-price-range-card:focus-visible {
    outline: 0.1875rem solid #78a8f4;
    outline-offset: 0.1875rem;
}

.tyqn-refurbished-price-range-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.tyqn-refurbished-price-range-tier {
    color: #5c91e7;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1rem;
    white-space: nowrap;
    transition: color 0.25s ease;
}

.tyqn-refurbished-price-range-card.active .tyqn-refurbished-price-range-tier,
.tyqn-refurbished-price-range-card:hover .tyqn-refurbished-price-range-tier,
.tyqn-refurbished-price-range-card:focus-visible .tyqn-refurbished-price-range-tier {
    color: #d7e7ff;
}

.tyqn-refurbished-price-range-tonnage {
    min-height: 1.375rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 0.1875rem;
    background: #55575a;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1rem;
    white-space: nowrap;
}

.tyqn-refurbished-price-range-card.active .tyqn-refurbished-price-range-tonnage,
.tyqn-refurbished-price-range-card:hover .tyqn-refurbished-price-range-tonnage,
.tyqn-refurbished-price-range-card:focus-visible .tyqn-refurbished-price-range-tonnage {
    background: rgba(255, 255, 255, 0.22);
}

.tyqn-refurbished-price-range-card h3 {
    margin: 0.5rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
}

.tyqn-refurbished-price-range-price {
    margin-top: 2.25rem;
}

.tyqn-refurbished-price-range-price span {
    display: block;
    color: #96999e;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 0.875rem;
    text-transform: uppercase;
    transition: color 0.25s ease;
}

.tyqn-refurbished-price-range-card.active .tyqn-refurbished-price-range-price span,
.tyqn-refurbished-price-range-card:hover .tyqn-refurbished-price-range-price span,
.tyqn-refurbished-price-range-card:focus-visible .tyqn-refurbished-price-range-price span {
    color: #cfe0fb;
}

.tyqn-refurbished-price-range-price strong {
    margin-top: 0.625rem;
    display: block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    white-space: nowrap;
}

.tyqn-refurbished-price-range-models {
    margin-top: auto;
    padding-top: 1.75rem;
    border-top: 0.0625rem solid #3a3c3f;
    transition: border-color 0.25s ease;
}

.tyqn-refurbished-price-range-card.active .tyqn-refurbished-price-range-models,
.tyqn-refurbished-price-range-card:hover .tyqn-refurbished-price-range-models,
.tyqn-refurbished-price-range-card:focus-visible .tyqn-refurbished-price-range-models {
    border-color: rgba(255, 255, 255, 0.32);
}

.tyqn-refurbished-price-range-models h4 {
    margin: 0 0 0.875rem;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1rem;
}

.tyqn-refurbished-price-range-models ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.tyqn-refurbished-price-range-models li {
    min-height: 1.375rem;
    padding: 0.1875rem 0.4375rem;
    border-radius: 0.1875rem;
    background: #5c5e61;
    color: #fff;
    font-size: 0.5625rem;
    font-weight: 500;
    line-height: 1rem;
}

.tyqn-refurbished-price-range-card.active .tyqn-refurbished-price-range-models li,
.tyqn-refurbished-price-range-card:hover .tyqn-refurbished-price-range-models li,
.tyqn-refurbished-price-range-card:focus-visible .tyqn-refurbished-price-range-models li {
    background: rgba(255, 255, 255, 0.22);
}

@media (max-width: 75rem) {
    .tyqn-refurbished-price-range {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-refurbished-price-range-price strong {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-refurbished-price-range {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .tyqn-refurbished-price-range-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .tyqn-refurbished-price-range-card {
        min-height: 19rem;
    }
}

@media (max-width: 42rem) {
    .tyqn-refurbished-price-range {
        padding: 3.75rem 1rem 4rem;
    }

    .tyqn-refurbished-price-range-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-refurbished-price-range-intro {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-refurbished-price-range-grid {
        width: min(100%, 26rem);
        margin-right: auto;
        margin-left: auto;
        grid-template-columns: 1fr;
    }

    .tyqn-refurbished-price-range-card {
        min-height: 18rem;
    }

    .tyqn-refurbished-price-range-price strong {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-refurbished-price-range *,
    .tyqn-refurbished-price-range *::before,
    .tyqn-refurbished-price-range *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-refurbished-faq */
.tyqn-refurbished-faq {
    width: 100%;
    padding: 4.5rem 5rem 5.5rem;
    overflow: hidden;
    background: #fff;
}

.tyqn-refurbished-faq-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-refurbished-faq-heading {
    text-align: center;
}

.tyqn-refurbished-faq-heading h2 {
    margin: 0;
    color: #08090b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-refurbished-faq-list {
    margin-top: 2.5rem;
}

.tyqn-refurbished-faq-item {
    border-bottom: 0.0625rem solid #d9dce1;
}

.tyqn-refurbished-faq-item summary {
    min-height: 5.25rem;
    padding: 1rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    outline: 0;
    color: #17191d;
    cursor: pointer;
    list-style: none;
}

.tyqn-refurbished-faq-item summary::-webkit-details-marker {
    display: none;
}

.tyqn-refurbished-faq-item summary span {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    transition: color 0.25s ease;
}

.tyqn-refurbished-faq-item summary .iconfont {
    flex: 0 0 auto;
    color: #15171b;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 0.25s ease, transform 0.25s ease;
}

.tyqn-refurbished-faq-item summary:hover span,
.tyqn-refurbished-faq-item summary:hover .iconfont {
    color: #3475db;
}

.tyqn-refurbished-faq-item summary:focus-visible {
    outline: 0.1875rem solid rgba(52, 117, 219, 0.45);
    outline-offset: -0.1875rem;
}

.tyqn-refurbished-faq-item[open] summary .iconfont {
    transform: rotate(180deg);
}

.tyqn-refurbished-faq-answer {
    max-width: 94rem;
    padding: 0 3rem 1.75rem 0.5rem;
    color: #555960;
    font-size: 0.75rem;
    line-height: 1.375rem;
}

.tyqn-refurbished-faq-answer p + p {
    margin-top: 1rem;
}

@media (max-width: 75rem) {
    .tyqn-refurbished-faq {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media (max-width: 48rem) {
    .tyqn-refurbished-faq {
        padding: 3.75rem 1rem 4rem;
    }

    .tyqn-refurbished-faq-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-refurbished-faq-list {
        margin-top: 2rem;
    }

    .tyqn-refurbished-faq-item summary {
        min-height: 4.75rem;
        padding: 0.875rem 0;
        gap: 1rem;
    }

    .tyqn-refurbished-faq-item summary span {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .tyqn-refurbished-faq-item summary .iconfont {
        font-size: 1.125rem;
    }

    .tyqn-refurbished-faq-answer {
        padding: 0 1.75rem 1.5rem 0;
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-refurbished-faq *,
    .tyqn-refurbished-faq *::before,
    .tyqn-refurbished-faq *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-about-sourcing-partner */
.tyqn-about-sourcing-partner {
    width: 100%;
    padding: 5rem;
    overflow: hidden;
    background: #f5f5f5;
}

.tyqn-about-sourcing-partner-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(26rem, 0.82fr) minmax(0, 1.45fr);
    align-items: center;
    gap: 4rem;
}

.tyqn-about-sourcing-partner-content {
    min-width: 0;
}

.tyqn-about-sourcing-partner-content h1 {
    margin: 0;
    color: #08090b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.5rem;
}

.tyqn-about-sourcing-partner-content h1 span {
    display: block;
}

.tyqn-about-sourcing-partner-lead {
    margin-top: 2rem;
    color: #3475db;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.375rem;
}

.tyqn-about-sourcing-partner-list {
    margin-top: 1.75rem;
    display: grid;
    gap: 0.875rem;
}

.tyqn-about-sourcing-partner-list li {
    position: relative;
    padding-left: 1.125rem;
    color: #35383e;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.tyqn-about-sourcing-partner-list li::before {
    content: '';
    position: absolute;
    top: 0.5625rem;
    left: 0;
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 50%;
    background: #3475db;
}

.tyqn-about-sourcing-partner-media {
    min-width: 0;
}

.tyqn-about-sourcing-partner-media img {
    width: 100%;
    height: auto;
    aspect-ratio: 960 / 362;
    display: block;
    object-fit: contain;
}

@media (max-width: 75rem) {
    .tyqn-about-sourcing-partner {
        padding: 4.5rem 2rem;
    }

    .tyqn-about-sourcing-partner-inner {
        grid-template-columns: minmax(22rem, 0.9fr) minmax(0, 1.3fr);
        gap: 2.5rem;
    }

    .tyqn-about-sourcing-partner-content h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .tyqn-about-sourcing-partner-lead {
        margin-top: 1.5rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .tyqn-about-sourcing-partner-list {
        margin-top: 1.5rem;
        gap: 0.625rem;
    }

    .tyqn-about-sourcing-partner-list li {
        font-size: 0.8125rem;
        line-height: 1.25rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-about-sourcing-partner {
        padding-top: 4rem;
        padding-bottom: 4.5rem;
    }

    .tyqn-about-sourcing-partner-inner {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .tyqn-about-sourcing-partner-content {
        width: min(100%, 46rem);
    }

    .tyqn-about-sourcing-partner-media {
        width: min(100%, 60rem);
        margin: 0 auto;
    }
}

@media (max-width: 32rem) {
    .tyqn-about-sourcing-partner {
        padding: 3.5rem 1rem 4rem;
    }

    .tyqn-about-sourcing-partner-content h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-about-sourcing-partner-lead {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-about-sourcing-partner-list li {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-about-sourcing-partner *,
    .tyqn-about-sourcing-partner *::before,
    .tyqn-about-sourcing-partner *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-about-service-process */
.tyqn-about-service-process {
    width: 100%;
    padding: 4.5rem 5rem 4.75rem;
    overflow: hidden;
    background: #ffffff;
}

.tyqn-about-service-process-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-about-service-process h2 {
    margin: 0;
    color: #292a2e;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
}

.tyqn-about-service-process-list {
    margin-top: 5.75rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tyqn-about-service-process-item {
    min-width: 0;
    min-height: 18.5rem;
    padding: 0 4rem;
    position: relative;
    border-left: 0.0625rem solid #e2e2e2;
}

.tyqn-about-service-process-item:first-child {
    padding-left: 0;
    border-left: 0;
}

.tyqn-about-service-process-item:last-child {
    padding-right: 0;
}

.tyqn-about-service-process-item::before {
    content: '';
    width: 3.75rem;
    height: 3.75rem;
    display: block;
    margin-bottom: 1.25rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.tyqn-about-service-process-item-consultation::before {
    background-image: url('../images/发起咨询.png');
}

.tyqn-about-service-process-item-equipment::before {
    background-image: url('../images/设备.png');
}

.tyqn-about-service-process-item-evaluation::before {
    background-image: url('../images/评估.png');
}

.tyqn-about-service-process-item-delivery::before {
    background-image: url('../images/送货.png');
}

.tyqn-about-service-process-item h3 {
    margin: 0;
    color: #292a2e;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem;
}

.tyqn-about-service-process-item p {
    margin-top: 1.125rem;
    color: #5b5c61;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@media (max-width: 75rem) {
    .tyqn-about-service-process {
        padding: 4.25rem 2rem 4.5rem;
    }

    .tyqn-about-service-process-list {
        margin-top: 4.75rem;
    }

    .tyqn-about-service-process-item {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-about-service-process-item h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-about-service-process-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 3.5rem;
    }

    .tyqn-about-service-process-item {
        min-height: 0;
        padding: 0 2.5rem;
    }

    .tyqn-about-service-process-item:nth-child(odd) {
        padding-left: 0;
        border-left: 0;
    }

    .tyqn-about-service-process-item:nth-child(even) {
        padding-right: 0;
    }
}

@media (max-width: 40rem) {
    .tyqn-about-service-process {
        padding: 3.5rem 1rem 4rem;
    }

    .tyqn-about-service-process h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-about-service-process-list {
        margin-top: 3.5rem;
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .tyqn-about-service-process-item,
    .tyqn-about-service-process-item:first-child,
    .tyqn-about-service-process-item:last-child,
    .tyqn-about-service-process-item:nth-child(odd),
    .tyqn-about-service-process-item:nth-child(even) {
        padding: 2.25rem 0;
        border-top: 0.0625rem solid #e2e2e2;
        border-left: 0;
    }

    .tyqn-about-service-process-item:first-child {
        padding-top: 0;
        border-top: 0;
    }

    .tyqn-about-service-process-item:last-child {
        padding-bottom: 0;
    }

    .tyqn-about-service-process-item::before {
        margin-bottom: 1rem;
    }

    .tyqn-about-service-process-item h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .tyqn-about-service-process-item p {
        margin-top: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-about-service-process *,
    .tyqn-about-service-process *::before,
    .tyqn-about-service-process *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-about-transparency-cta */
.tyqn-about-transparency-cta {
    width: 100%;
    /* min-height: 28.25rem; */
    padding: 4rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: #2861b7;
    background-image: url('../images/矩形 680.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tyqn-about-transparency-cta-inner {
    width: 100%;
    max-width: 98rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.065fr) minmax(0, 0.935fr);
    align-items: center;
    gap: 5rem;
}

.tyqn-about-transparency-cta-heading {
    min-width: 0;
}

.tyqn-about-transparency-cta-heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.45;
}

.tyqn-about-transparency-cta-heading h2 span {
    display: block;
}

.tyqn-about-transparency-cta-content {
    width: min(100%, 44rem);
    min-width: 0;
    position: relative;
    color: #ffffff;
}

.tyqn-about-transparency-cta-content p {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    /* padding-bottom: 2.5rem; */
    margin-bottom:1.5rem;
}

.tyqn-about-transparency-cta-content a {
    width: fit-content;
    min-width: 12.25rem;
    min-height: 3.5rem;
    padding: 0.75rem 1.5rem;
    border: 0.125rem solid #ffffff;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3475db;
    background: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.25rem;
    transition: color 0.25s ease, background-color 0.25s ease;
}

.tyqn-about-transparency-cta-content a:hover,
.tyqn-about-transparency-cta-content a:focus-visible {
    color: #ffffff;
    background: transparent;
}

.tyqn-about-transparency-cta-content a:focus-visible {
    outline: 0.125rem solid #ffffff;
    outline-offset: 0.25rem;
}

@media (max-width: 75rem) {
    .tyqn-about-transparency-cta {
        min-height: 25rem;
        padding: 4rem 2rem;
    }

    .tyqn-about-transparency-cta-inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 3rem;
    }

    .tyqn-about-transparency-cta-heading h2 {
        font-size: 2.5rem;
    }

    .tyqn-about-transparency-cta-content p {
        font-size: 1.125rem;
        line-height: 1.6;
    }

    .tyqn-about-transparency-cta-content {
        top: 0;
    }

    .tyqn-about-transparency-cta-content a {
        margin: 2rem 0 0;
    }
}

@media (max-width: 62rem) {
    .tyqn-about-transparency-cta {
        min-height: 28rem;
        background-position: 62% center;
    }

    .tyqn-about-transparency-cta-inner {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    }

    .tyqn-about-transparency-cta-heading h2 {
        font-size: 2.375rem;
        line-height: 1.65;
    }
}

@media (max-width: 40rem) {
    .tyqn-about-transparency-cta {
        min-height: 36rem;
        padding: 3.5rem 1rem;
        align-items: flex-start;
        background-position: 66% center;
    }

    .tyqn-about-transparency-cta-inner {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .tyqn-about-transparency-cta-heading h2 {
        font-size: 2.25rem;
        line-height: 1.55;
    }

    .tyqn-about-transparency-cta-content {
        width: 100%;
    }

    .tyqn-about-transparency-cta-content p {
        font-size: 1rem;
        line-height: 1.625rem;
    }

    .tyqn-about-transparency-cta-content a {
        min-width: 10.75rem;
        min-height: 3.25rem;
        margin-top: 1.75rem;
        font-size: 0.875rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-about-transparency-cta *,
    .tyqn-about-transparency-cta *::before,
    .tyqn-about-transparency-cta *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-about-why-choose */
.tyqn-about-why-choose {
    width: 100%;
    padding: 5rem;
    overflow: hidden;
    background: #ffffff;
}

.tyqn-about-why-choose-inner {
    width: 100%;
    max-width: 98rem;
    margin: 0 auto;
}

.tyqn-about-why-choose h2 {
    margin: 0;
    color: #25262a;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.25rem;
    text-align: center;
}

.tyqn-about-why-choose-list {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 3rem 3.5rem;
}

.tyqn-about-why-choose-item {
    min-width: 0;
    min-height: 14.5rem;
    padding: 2.5rem;
    position: relative;
    grid-column: span 2;
    overflow: hidden;
    border: 0.0625rem solid #dedfe2;
    border-radius: 0.5rem;
    background: #ffffff;
    outline: 0;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.tyqn-about-why-choose-item:nth-child(n + 4) {
    min-height: 16rem;
    grid-column: span 3;
}

.tyqn-about-why-choose-item::before {
    content: '';
    width: 0.25rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #3475db;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

.tyqn-about-why-choose-item > span {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    color: #3475db;
    background: #f7f9fc;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    transition: color 0.25s ease, background-color 0.25s ease;
}

.tyqn-about-why-choose-item h3 {
    margin: 1.125rem 0 0;
    color: #292a2e;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.75rem;
}

.tyqn-about-why-choose-item p {
    margin-top: 0.625rem;
    color: #55575c;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.tyqn-about-why-choose-item.is-active,
.tyqn-about-why-choose-item:hover,
.tyqn-about-why-choose-item:focus-visible {
    border-color: #e4e5e7;
    box-shadow: 0 0.875rem 1.75rem rgba(20, 29, 43, 0.14);
}

.tyqn-about-why-choose-item.is-active::before,
.tyqn-about-why-choose-item:hover::before,
.tyqn-about-why-choose-item:focus-visible::before {
    transform: scaleY(1);
}

.tyqn-about-why-choose-item.is-active > span,
.tyqn-about-why-choose-item:hover > span,
.tyqn-about-why-choose-item:focus-visible > span {
    color: #ffffff;
    background: #3475db;
}

@media (max-width: 75rem) {
    .tyqn-about-why-choose {
        padding: 4.5rem 2rem;
    }

    .tyqn-about-why-choose-list {
        margin-top: 3.5rem;
        gap: 2rem;
    }

    .tyqn-about-why-choose-item {
        min-height: 13rem;
        padding: 2rem;
    }

    .tyqn-about-why-choose-item:nth-child(n + 4) {
        min-height: 14rem;
    }

    .tyqn-about-why-choose-item h3 {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-about-why-choose-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tyqn-about-why-choose-item,
    .tyqn-about-why-choose-item:nth-child(n + 4) {
        min-height: 13.5rem;
        grid-column: span 1;
    }

    .tyqn-about-why-choose-item:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 40rem) {
    .tyqn-about-why-choose {
        padding: 3.5rem 1rem 4rem;
    }

    .tyqn-about-why-choose h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-about-why-choose-list {
        margin-top: 3rem;
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .tyqn-about-why-choose-item,
    .tyqn-about-why-choose-item:nth-child(n + 4),
    .tyqn-about-why-choose-item:last-child {
        min-height: 0;
        padding: 1.5rem;
        grid-column: 1;
    }

    .tyqn-about-why-choose-item > span {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 0.875rem;
    }

    .tyqn-about-why-choose-item h3 {
        margin-top: 1rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .tyqn-about-why-choose-item p {
        margin-top: 0.5rem;
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-about-why-choose *,
    .tyqn-about-why-choose *::before,
    .tyqn-about-why-choose *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-about-trusted-cta */
.tyqn-about-trusted-cta {
    width: 100%;
    min-height: 22.6875rem;
    padding: 3rem 5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #33373d;
    background-image: url('../images/1682.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tyqn-about-trusted-cta-inner {
    width: 100%;
    max-width: 98rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.tyqn-about-trusted-cta h2 {
    margin: 0;
    position: relative;
    top: 1rem;
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.25rem;
}

.tyqn-about-trusted-cta a {
    width: fit-content;
    min-width: 12.5rem;
    min-height: 3.5rem;
    margin-top: 4.3125rem;
    padding: 0.75rem 1.5rem;
    border: 0.125rem solid #3475db;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #3475db;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.25rem;
    transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.tyqn-about-trusted-cta a:hover,
.tyqn-about-trusted-cta a:focus-visible {
    color: #3475db;
    border-color: #ffffff;
    background: #ffffff;
}

.tyqn-about-trusted-cta a:focus-visible {
    outline: 0.125rem solid #ffffff;
    outline-offset: 0.25rem;
}

@media (max-width: 75rem) {
    .tyqn-about-trusted-cta {
        min-height: 20rem;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-about-trusted-cta h2 {
        top: 0;
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .tyqn-about-trusted-cta a {
        margin-top: 2.25rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-about-trusted-cta {
        min-height: 24rem;
        padding: 3.5rem 1rem;
        background-position: 66% center;
    }

    .tyqn-about-trusted-cta h2 {
        max-width: 22rem;
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-about-trusted-cta a {
        min-width: 10.75rem;
        min-height: 3.25rem;
        margin-top: 2rem;
        font-size: 0.875rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-about-trusted-cta *,
    .tyqn-about-trusted-cta *::before,
    .tyqn-about-trusted-cta *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-about-values */
.tyqn-about-values {
    width: 100%;
    padding: 5.625rem 5rem 7rem;
    overflow: hidden;
    background: #f7f7f7;
}

.tyqn-about-values-inner {
    width: 100%;
    max-width: 99rem;
    margin: 0 auto;
    position: relative;
    left: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1.56fr) minmax(0, 1fr);
    grid-template-areas: 'values-list values-info';
    align-items: start;
    gap: 9rem;
}

.tyqn-about-values-info {
    min-width: 0;
    padding-top: 3.75rem;
    grid-area: values-info;
}

.tyqn-about-values-info > span {
    padding-left: 1.5rem;
    display: block;
    color: #3475db;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
}

.tyqn-about-values-info h2 {
    margin: 0.75rem 0 0;
    padding-left: 1.5rem;
    color: #25262a;
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 4.75rem;
}

.tyqn-about-values-description {
    margin-top: 1.75rem;
    padding-left: 1.5rem;
    color: #36383d;
    font-size: 1rem;
    line-height: 1.5rem;
}

.tyqn-about-values-media {
    width: 100%;
    margin-top: 4.75rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.625rem;
}

.tyqn-about-values-video {
    position: relative;
    display: block;
    color: #ffffff;
}

.tyqn-about-values-video-play {
    width: 5.25rem;
    height: 5.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(40, 48, 58, 0.72);
    transform: translate(-50%, -50%);
    transition: background 0.25s ease, transform 0.25s ease;
}

.tyqn-about-values-video-play .iconfont {
    font-size: 1.5rem;
    line-height: 1;
}

.tyqn-about-values-video:hover .tyqn-about-values-video-play,
.tyqn-about-values-video:focus-visible .tyqn-about-values-video-play {
    /* background: #3475db; */
    /* transform: translate(-50%, -50%) scale(1.08); */
}

.tyqn-about-values-video:focus-visible {
    outline: 0.1875rem solid #3475db;
    outline-offset: -0.1875rem;
}

.tyqn-about-values-media img {
    width: 100%;
    height: auto;
    aspect-ratio: 566 / 358;
    display: block;
    object-fit: cover;
}

.tyqn-about-values-list {
    min-width: 0;
    grid-area: values-list;
    transform: translateY(-0.5rem);
}

.tyqn-about-values-item {
    min-width: 0;
    padding: 2.5rem 0;
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 1.5rem;
    border-bottom: 0.0625rem solid #cfd1d4;
}

.tyqn-about-values-item:first-child {
    padding-top: 0;
    padding-bottom: 4.875rem;
}

.tyqn-about-values-item:nth-child(2) {
    padding-bottom: 5.375rem;
}

.tyqn-about-values-item:nth-child(3) {
    padding-bottom: 4.75rem;
}

.tyqn-about-values-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.tyqn-about-values-item > span {
    color: #3475db;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-about-values-copy {
    min-width: 0;
    padding-top: 0.25rem;
}

.tyqn-about-values-copy h3 {
    margin: 0;
    color: #292a2e;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.75rem;
}

.tyqn-about-values-copy p {
    margin-top: 0.5rem;
    color: #55575c;
    font-size: 0.8125rem;
    line-height: 1.125rem;
}

@media (max-width: 75rem) {
    .tyqn-about-values {
        padding: 4.5rem 2rem;
    }

    .tyqn-about-values-inner {
        left: 0;
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
        gap: 4rem;
    }

    .tyqn-about-values-info {
        padding-top: 2.5rem;
    }

    .tyqn-about-values-info > span,
    .tyqn-about-values-info h2,
    .tyqn-about-values-description {
        padding-left: 0;
    }

    .tyqn-about-values-info h2 {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .tyqn-about-values-media {
        margin-top: 3rem;
    }

    .tyqn-about-values-item {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
        grid-template-columns: 3.75rem minmax(0, 1fr);
        gap: 1.25rem;
    }

    .tyqn-about-values-list {
        transform: none;
    }

    .tyqn-about-values-item:nth-child(2),
    .tyqn-about-values-item:nth-child(3) {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }

    .tyqn-about-values-item:first-child {
        padding-bottom: 2.75rem;
    }

    .tyqn-about-values-item > span {
        font-size: 2.125rem;
        line-height: 2.625rem;
    }

    .tyqn-about-values-copy h3 {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-about-values-inner {
        grid-template-columns: 1fr;
        grid-template-areas:
            'values-info'
            'values-list';
        gap: 4rem;
    }

    .tyqn-about-values-info {
        width: min(100%, 35.375rem);
        padding-top: 0;
    }

    .tyqn-about-values-media {
        width: min(100%, 35.375rem);
    }
}

@media (max-width: 40rem) {
    .tyqn-about-values {
        padding: 3.5rem 1rem 4rem;
    }

    .tyqn-about-values-inner {
        gap: 3.5rem;
    }

    .tyqn-about-values-info h2 {
        margin-top: 0.75rem;
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .tyqn-about-values-description {
        margin-top: 1.25rem;
        font-size: 0.9375rem;
        line-height: 1.5rem;
    }

    .tyqn-about-values-media {
        margin-top: 2rem;
        border-radius: 0.5rem;
    }

    .tyqn-about-values-media::before {
        width: 4.25rem;
        height: 4.25rem;
    }

    .tyqn-about-values-media::after {
        border-top-width: 0.625rem;
        border-bottom-width: 0.625rem;
        border-left-width: 0.9375rem;
    }

    .tyqn-about-values-item,
    .tyqn-about-values-item:first-child,
    .tyqn-about-values-item:nth-child(2),
    .tyqn-about-values-item:nth-child(3) {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
        grid-template-columns: 3.25rem minmax(0, 1fr);
        gap: 1rem;
    }

    .tyqn-about-values-item:first-child {
        padding-top: 0;
    }

    .tyqn-about-values-item:last-child {
        padding-bottom: 0;
    }

    .tyqn-about-values-item > span {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    .tyqn-about-values-copy {
        padding-top: 0.125rem;
    }

    .tyqn-about-values-copy h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .tyqn-about-values-copy p {
        font-size: 0.8125rem;
        line-height: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-about-values *,
    .tyqn-about-values *::before,
    .tyqn-about-values *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-about-faq-resources */
.tyqn-about-faq-resources {
    width: 100%;
    padding: 4.5rem 5rem 0rem;
    overflow: hidden;
    background: #ffffff;
}

.tyqn-about-faq-resources-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-about-faq-resources h2 {
    margin: 0;
    color: #08090b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
}

.tyqn-about-faq-resources-list {
    margin-top: 2.5rem;
}

.tyqn-about-faq-resources-item {
    border-bottom: 0.0625rem solid #d9dce1;
}

.tyqn-about-faq-resources-item summary {
    min-height: 5.25rem;
    padding: 1rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    outline: 0;
    color: #17191d;
    cursor: pointer;
    list-style: none;
}

.tyqn-about-faq-resources-item summary::-webkit-details-marker {
    display: none;
}

.tyqn-about-faq-resources-item summary span {
    min-width: 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    transition: color 0.25s ease;
}

.tyqn-about-faq-resources-item summary .iconfont {
    flex: 0 0 auto;
    color: #15171b;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 0.25s ease, transform 0.25s ease;
}

.tyqn-about-faq-resources-item summary:hover span,
.tyqn-about-faq-resources-item summary:hover .iconfont {
    color: #3475db;
}

.tyqn-about-faq-resources-item summary:focus-visible {
    outline: 0.1875rem solid rgba(52, 117, 219, 0.45);
    outline-offset: -0.1875rem;
}

.tyqn-about-faq-resources-item[open] summary .iconfont {
    transform: rotate(180deg);
}

.tyqn-about-faq-resources-answer {
    max-width: 94rem;
    padding: 0 3rem 1.75rem 0.5rem;
    color: #555960;
    font-size: 0.75rem;
    line-height: 1.375rem;
}

.tyqn-about-faq-resources-answer p + p {
    margin-top: 1rem;
}

.tyqn-about-faq-resources-cards {
    margin-top: 8.1875rem;
    padding-bottom: 3rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
}

.tyqn-about-faq-resources-card {
    min-width: 0;
    min-height: 20.5rem;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0 0.75rem 1.75rem rgba(20, 29, 43, 0.14);
}

.tyqn-about-faq-resources-card-form {
    background: #ffffff;
}

.tyqn-about-faq-resources-card-form > h3 {
    min-height: 4.875rem;
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #3475db;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.375rem;
    text-align: center;
}

.tyqn-about-faq-resources-card-form form {
    padding: 2rem;
}

.tyqn-about-faq-resources-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.tyqn-about-faq-resources-fields input {
    width: 100%;
    min-width: 0;
    height: 3rem;
    padding: 0 0.75rem;
    border: 0.0625rem solid #dfe2e6;
    border-radius: 0.25rem;
    outline: 0;
    color: #292a2e;
    background: #ffffff;
    font: inherit;
    font-size: 0.75rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.tyqn-about-faq-resources-fields input[type='email'] {
    grid-column: 1 / -1;
}

.tyqn-about-faq-resources-fields input:focus {
    border-color: #3475db;
    box-shadow: 0 0 0 0.1875rem rgba(52, 117, 219, 0.14);
}

.tyqn-about-faq-resources-card-form button,
.tyqn-about-faq-resources-card-contact a {
    width: fit-content;
    min-width: 10rem;
    min-height: 3.375rem;
    padding: 0.75rem 1.25rem;
    border: 0.125rem solid #3475db;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #3475db;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    cursor: pointer;
    transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.tyqn-about-faq-resources-card-form button {
    margin-top: 1.375rem;
}

.tyqn-about-faq-resources-card-form button:hover,
.tyqn-about-faq-resources-card-form button:focus-visible {
    color: #3475db;
    background: #ffffff;
}

.tyqn-about-faq-resources-card-form button:focus-visible,
.tyqn-about-faq-resources-card-contact a:focus-visible {
    outline: 0.1875rem solid rgba(52, 117, 219, 0.4);
    outline-offset: 0.1875rem;
}

.tyqn-about-faq-resources-card-contact {
    padding: 3.125rem 3.5rem 2.25rem;
    color: #ffffff;
    background: #3475db;
}

.tyqn-about-faq-resources-card-contact .iconfont {
    display: block;
    font-size: 2.25rem;
    line-height: 1;
}

.tyqn-about-faq-resources-card-contact h3 {
    margin: 1rem 0 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
}

.tyqn-about-faq-resources-card-contact p {
    margin-top: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.tyqn-about-faq-resources-card-contact a {
    margin-top: 2.5rem;
    color: #3475db;
    border-color: #ffffff;
    background: #ffffff;
}

.tyqn-about-faq-resources-card-contact a:hover,
.tyqn-about-faq-resources-card-contact a:focus-visible {
    color: #ffffff;
    background: transparent;
}

@media (max-width: 75rem) {
    .tyqn-about-faq-resources {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-about-faq-resources-cards {
        gap: 2rem;
    }

    .tyqn-about-faq-resources-card-form form {
        padding: 2rem;
    }

    .tyqn-about-faq-resources-card-contact {
        padding: 2.75rem 2rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-about-faq-resources-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tyqn-about-faq-resources-card-contact {
        grid-column: 1 / -1;
    }
}

@media (max-width: 48rem) {
    .tyqn-about-faq-resources {
        padding: 3.75rem 1rem 4rem;
    }

    .tyqn-about-faq-resources h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-about-faq-resources-list {
        margin-top: 2rem;
    }

    .tyqn-about-faq-resources-item summary {
        min-height: 4.75rem;
        padding: 0.875rem 0;
        gap: 1rem;
    }

    .tyqn-about-faq-resources-item summary span {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .tyqn-about-faq-resources-item summary .iconfont {
        font-size: 1.125rem;
    }

    .tyqn-about-faq-resources-answer {
        padding: 0 1.75rem 1.5rem 0;
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-about-faq-resources-cards {
        margin-top: 4rem;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .tyqn-about-faq-resources-card,
    .tyqn-about-faq-resources-card-contact {
        min-height: 0;
        grid-column: 1;
    }

    .tyqn-about-faq-resources-card-form > h3 {
        min-height: 4.5rem;
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .tyqn-about-faq-resources-card-form form {
        padding: 1.5rem;
    }

    .tyqn-about-faq-resources-card-contact {
        padding: 2.5rem 1.5rem;
    }

    .tyqn-about-faq-resources-card-contact h3 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-about-faq-resources *,
    .tyqn-about-faq-resources *::before,
    .tyqn-about-faq-resources *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-news-blog-list */
.tyqn-news-blog-list {
    width: 100%;
    padding: 3.25rem 5rem 7.5rem;
    overflow: hidden;
    background: #f7f7f7;
}

.tyqn-news-blog-list-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-news-blog-list-breadcrumb ul {
    display: flex;
    align-items: center;
    color: #55585e;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-news-blog-list-breadcrumb li + li::before {
    content: '>';
    margin: 0 0.375rem;
    color: #777a80;
}

.tyqn-news-blog-list-breadcrumb a {
    color: inherit;
    transition: color 0.25s ease;
}

.tyqn-news-blog-list-breadcrumb a:hover,
.tyqn-news-blog-list-breadcrumb a:focus-visible {
    color: #3475db;
}

.tyqn-news-blog-list-breadcrumb a:focus-visible {
    outline: 0.125rem solid rgba(52, 117, 219, 0.45);
    outline-offset: 0.1875rem;
}

.tyqn-news-blog-list h1 {
    margin: 2rem 0 0;
    color: #08090b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 4.25rem;
}

.tyqn-news-blog-list-grid {
    margin-top: 3.5rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.625rem 2rem;
}

.tyqn-news-blog-list-card {
    position: relative;
    min-width: 0;
    /* min-height: 36rem; */
    overflow: hidden;
    border-radius: 0.375rem;
    background: #ffffff;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-news-blog-list-card:hover {
    box-shadow: 0 0.875rem 2rem rgba(20, 29, 43, 0.12);
    transform: translateY(-0.25rem);
}

.tyqn-news-blog-list-card:focus-within {
    box-shadow: 0 0 0 0.1875rem rgba(52, 117, 219, 0.34), 0 0.875rem 2rem rgba(20, 29, 43, 0.12);
    transform: translateY(-0.25rem);
}

.tyqn-news-blog-list-image {
    width: 100%;
    overflow: hidden;
}

.tyqn-news-blog-list-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 512 / 306;
    display: block;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.tyqn-news-blog-list-card:hover .tyqn-news-blog-list-image img {
    transform: scale(1.025);
}

.tyqn-news-blog-list-content {
    padding: 2rem;
}

.tyqn-news-blog-list-content time {
    display: block;
    color: #73767c;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tyqn-news-blog-list-content h2 {
    margin: 1rem 0 0;
    color: #17191d;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.tyqn-news-blog-list-content h2 a {
    color: inherit;
}

.tyqn-news-blog-list-content h2 a::after {
    content: '';
    position: absolute;
    inset: 0;
}

.tyqn-news-blog-list-content h2 a:focus-visible {
    outline: none;
}

.tyqn-news-blog-list-excerpt {
    margin-top: 1.25rem;
    color: #73767c;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

@media (max-width: 75rem) {
    .tyqn-news-blog-list {
        padding: 3rem 2rem 6rem;
    }

    .tyqn-news-blog-list h1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .tyqn-news-blog-list-grid {
        margin-top: 3rem;
        gap: 2rem 1.5rem;
    }

    .tyqn-news-blog-list-card {
        min-height: 31rem;
    }

    .tyqn-news-blog-list-content {
        padding: 1.5rem;
    }

    .tyqn-news-blog-list-content h2 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-news-blog-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 40rem) {
    .tyqn-news-blog-list {
        padding: 2.5rem 1rem 4rem;
    }

    .tyqn-news-blog-list-breadcrumb ol {
        font-size: 0.8125rem;
    }

    .tyqn-news-blog-list h1 {
        margin-top: 1.5rem;
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .tyqn-news-blog-list-grid {
        margin-top: 2.5rem;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .tyqn-news-blog-list-card {
        min-height: 0;
    }

    .tyqn-news-blog-list-content {
        padding: 1.5rem;
    }

    .tyqn-news-blog-list-content time {
        font-size: 0.8125rem;
    }

    .tyqn-news-blog-list-content h2 {
        margin-top: 0.75rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .tyqn-news-blog-list-excerpt {
        margin-top: 1rem;
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-news-blog-list *,
    .tyqn-news-blog-list *::before,
    .tyqn-news-blog-list *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-news-detail */
.tyqn-news-detail {
    width: 100%;
    /* min-height: 100rem; */
    padding: 2.5rem 5rem 4.5rem;
    overflow: hidden;
    background: #f7f7f7;
}

.tyqn-news-detail > nav,
.tyqn-news-detail-layout {
    width: 100%;
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
}

.tyqn-news-detail > nav ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #555960;
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.tyqn-news-detail > nav li + li::before {
    content: '>';
    margin: 0 0.25rem;
    color: #777b82;
}

.tyqn-news-detail > nav a {
    color: inherit;
    transition: color 0.25s ease;
}

.tyqn-news-detail > nav a:hover,
.tyqn-news-detail > nav a:focus-visible {
    color: #376ed1;
}

.tyqn-news-detail > nav a:focus-visible {
    outline: 0.125rem solid rgba(55, 110, 209, 0.38);
    outline-offset: 0.1875rem;
}

.tyqn-news-detail-layout {
    margin-top: 4.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 21.75rem;
    gap: 4.25rem;
    align-items: start;
}

/* tyqn-news-detail-richtext */
.tyqn-news-detail-richtext {
    min-width: 0;
    color: #34373d;
    font-size:1rem;
    line-height: 1.5rem;
}

.tyqn-news-detail-richtext > :first-child {
    margin-top: 0;
}

.tyqn-news-detail-richtext > :last-child {
    margin-bottom: 0;
}

.tyqn-news-detail-richtext h1,
.tyqn-news-detail-richtext h2,
.tyqn-news-detail-richtext h3,
.tyqn-news-detail-richtext h4,
.tyqn-news-detail-richtext h5,
.tyqn-news-detail-richtext h6 {
    color: #111318;
    font-weight: 700;
}

.tyqn-news-detail-richtext h1 {
    margin: 0;
    font-size: 2.5rem;
    line-height: 3.25rem;
}

.tyqn-news-detail-richtext h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.tyqn-news-detail-richtext h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
}

.tyqn-news-detail-richtext h4,
.tyqn-news-detail-richtext h5,
.tyqn-news-detail-richtext h6 {
    font-size: 1rem;
    line-height: 1.5rem;
}

.tyqn-news-detail-richtext time {
    margin-top: 1.25rem;
    display: block;
    color: #777b82;
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.tyqn-news-detail-richtext p,
.tyqn-news-detail-richtext ul,
.tyqn-news-detail-richtext ol,
.tyqn-news-detail-richtext blockquote,
.tyqn-news-detail-richtext table,
.tyqn-news-detail-richtext figure {
    margin: 1.25rem 0 0;
}

.tyqn-news-detail-richtext time + p {
    margin-top: 2.25rem;
}

.tyqn-news-detail-richtext ul,
.tyqn-news-detail-richtext ol {
    padding-left: 1.5rem;
}

.tyqn-news-detail-richtext li + li {
    margin-top: 0.5rem;
}

.tyqn-news-detail-richtext a {
    color: #376ed1;
    transition: color 0.25s ease;
}

.tyqn-news-detail-richtext a:hover,
.tyqn-news-detail-richtext a:focus-visible {
    color: #2459ae;
}

.tyqn-news-detail-richtext a:focus-visible {
    outline: 0.125rem solid rgba(55, 110, 209, 0.38);
    outline-offset: 0.1875rem;
}

.tyqn-news-detail-richtext blockquote {
    padding: 1rem 1.25rem;
    border-left: 0.25rem solid #376ed1;
    background: #ffffff;
    color: #555960;
}

.tyqn-news-detail-richtext img {
    width: 100%;
    height: auto;
    margin-top: 3rem;
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.tyqn-news-detail-richtext table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

.tyqn-news-detail-richtext th,
.tyqn-news-detail-richtext td {
    padding: 0.75rem;
    border: 0.0625rem solid #e3e6eb;
    text-align: left;
}

.tyqn-news-detail-richtext footer {
    margin-top: 5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    color: #111318;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-news-detail-richtext footer a {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111318;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    text-decoration: none;
}
.tyqn-news-detail-richtext .a2a_svg{
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    height: 1.2rem !important; 
    line-height: 1.5rem !important;
    padding: 0;
    pointer-events: none;
    width: 2rem;
}
.tyqn-news-detail-richtext footer a::before {
    display: block;
}

.tyqn-news-detail-richtext footer a[aria-label='Facebook']::before {
    content: 'f';
}

.tyqn-news-detail-richtext footer a[aria-label='X']::before {
    content: 'x';
}

.tyqn-news-detail-richtext footer a[aria-label='Pinterest'] {
    color: #dc3143;
}

.tyqn-news-detail-richtext footer a[aria-label='Pinterest']::before {
    content: 'p';
}

.tyqn-news-detail-richtext footer a[aria-label='LinkedIn'] {
    color: #1768b2;
}

.tyqn-news-detail-richtext footer a[aria-label='LinkedIn']::before {
    content: 'in';
    font-size: 0.625rem;
}

.tyqn-news-detail-richtext footer a[aria-label='Instagram'] {
    color: #e63c73;
}

.tyqn-news-detail-richtext footer a[aria-label='Instagram']::before {
    content: '@';
}

.tyqn-news-detail-richtext > nav {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 0.0625rem solid #d9dce1;
}

.tyqn-news-detail-richtext > nav h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.tyqn-news-detail-richtext > nav ul {
    margin-top: 1.25rem;
    padding: 0;
    list-style: none;
}

.tyqn-news-detail-richtext > nav li + li {
    margin-top: 1rem;
}

.tyqn-news-detail-richtext > nav a {
    color: #202329;
}

.tyqn-news-detail-richtext > nav li:first-child a {
    color: #376ed1;
}

/* tyqn-news-detail-quote */
.tyqn-news-detail-quote {
    width: 100%;
    padding: 2.75rem 2.625rem 2.25rem;
    position: sticky;
    top: 6rem;
    border-radius: 0.875rem;
    background: #ffffff;
    box-shadow: 0 0.375rem 1.5rem rgba(31, 42, 58, 0.13);
}

.tyqn-news-detail-quote h2 {
    margin: 0;
    color: #111318;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
}

.tyqn-news-detail-quote-form {
    margin-top: 1.5rem;
    display: grid;
    gap: 1.125rem;
}

.tyqn-news-detail-quote-form label {
    display: block;
}

.tyqn-news-detail-quote-form span {
    margin-bottom: 0.5rem;
    display: block;
    color: #555960;
    font-size: 0.625rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}

.tyqn-news-detail-quote-form b {
    color: #ed3e45;
}

.tyqn-news-detail-quote-form input,
.tyqn-news-detail-quote-form textarea {
    width: 100%;
    border: 0.0625rem solid #e4e7ec;
    border-radius: 0.25rem;
    outline: none;
    background: #f7f8fa;
    color: #34373d;
    font: inherit;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.tyqn-news-detail-quote-form input {
    height: 2.625rem;
    padding: 0 0.75rem;
}

.tyqn-news-detail-quote-form textarea {
    height: 7.25rem;
    padding: 0.75rem;
    resize: vertical;
}

.tyqn-news-detail-quote-form input:focus,
.tyqn-news-detail-quote-form textarea:focus {
    border-color: #376ed1;
    background: #ffffff;
    box-shadow: 0 0 0 0.1875rem rgba(55, 110, 209, 0.13);
}

.tyqn-news-detail-quote-form button {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.625rem 1rem;
    border: 0;
    border-radius: 0.1875rem;
    background: #376ed1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-news-detail-quote-form button:hover,
.tyqn-news-detail-quote-form button:focus-visible {
    background: #295fc0;
    box-shadow: 0 0.5rem 1rem rgba(55, 110, 209, 0.22);
    transform: translateY(-0.125rem);
}

.tyqn-news-detail-quote-form button:focus-visible {
    outline: 0.125rem solid #1f4f9f;
    outline-offset: 0.1875rem;
}

.tyqn-news-detail-quote-status {
    min-height: 1.125rem;
    color: #2459ae;
    font-size: 0.6875rem;
    line-height: 1.125rem;
    text-align: center;
}

@media (max-width: 75rem) {
    .tyqn-news-detail {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .tyqn-news-detail-layout {
        grid-template-columns: minmax(0, 1fr) 20rem;
        gap: 3rem;
    }

    .tyqn-news-detail-quote {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-news-detail {
        min-height: 0;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-news-detail-layout {
        margin-top: 3.5rem;
        grid-template-columns: 1fr;
    }

    .tyqn-news-detail-richtext.wow,
    .tyqn-news-detail-quote.wow {
        visibility: visible !important;
    }

    .tyqn-news-detail-quote {
        max-width: 30rem;
        margin: 0 auto;
        position: static;
    }
}

@media (max-width: 40rem) {
    .tyqn-news-detail {
        padding: 2rem 1rem 3.5rem;
    }

    .tyqn-news-detail > nav ul {
        font-size: 0.6875rem;
        line-height: 1rem;
    }

    .tyqn-news-detail-layout {
        margin-top: 2.75rem;
        gap: 3rem;
    }

    .tyqn-news-detail-richtext {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .tyqn-news-detail-richtext h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-news-detail-richtext img {
        margin-top: 2.25rem;
    }

    .tyqn-news-detail-richtext footer {
        margin-top: 3.5rem;
    }

    .tyqn-news-detail-quote {
        padding: 2rem 1.5rem 1.5rem;
        border-radius: 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-news-detail *,
    .tyqn-news-detail *::before,
    .tyqn-news-detail *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-visit-changsha-travel */
.tyqn-visit-changsha-travel {
    width: 100%;
    /* min-height: 67.5rem; */
    padding: 2.5rem 5rem 4.5rem;
    overflow: hidden;
    background: #ffffff;
}

.tyqn-visit-changsha-travel-inner {
    width: 100%;
    max-width: 100rem;
    /* min-height: 63.5rem; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.tyqn-visit-changsha-travel-heading {
    text-align: center;
}

.tyqn-visit-changsha-travel-heading h2 {
    margin: 0;
    color: #050609;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.5rem;
}

.tyqn-visit-changsha-travel-intro {
    max-width: 76rem;
    margin: 1.25rem auto 0;
    color: #34373d;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.tyqn-visit-changsha-travel-grid {
    margin-top: 5.5rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem;
    align-items: start;
}

.tyqn-visit-changsha-travel-card {
    min-width: 0;
}

.tyqn-visit-changsha-travel-media {
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    background: #f3f5f6;
}

.tyqn-visit-changsha-travel-media img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1.5 / 1;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.tyqn-visit-changsha-travel-card:hover .tyqn-visit-changsha-travel-media img {
    transform: scale(1.02);
}

.tyqn-visit-changsha-travel-card h3 {
    margin: 2.5rem 0 0;
    color: #111318;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
}

.tyqn-visit-changsha-travel-description {
    margin-top: 0.875rem;
    color: #555960;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-visit-changsha-travel-description p + p {
    margin-top: 1.25rem;
}

.tyqn-visit-changsha-travel-button {
    /* min-width: 25rem;
    min-height: 4.5rem; */
    margin: 4.5rem auto 0;
    padding: 1.25rem 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    background: #376ed1;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-visit-changsha-travel-button:hover,
.tyqn-visit-changsha-travel-button:focus-visible {
    background: #295fc0;
    box-shadow: 0 0.625rem 1.25rem rgba(55, 110, 209, 0.24);
    transform: translateY(-0.125rem);
}

.tyqn-visit-changsha-travel-button:focus-visible {
    outline: 0.125rem solid #1f4f9f;
    outline-offset: 0.1875rem;
}

@media (max-width: 75rem) {
    .tyqn-visit-changsha-travel {
        min-height: 0;
        padding: 4.5rem 2rem;
    }

    .tyqn-visit-changsha-travel-inner {
        min-height: 0;
    }

    .tyqn-visit-changsha-travel-grid {
        gap: 2rem;
    }

    .tyqn-visit-changsha-travel-button {
        margin-top: 6rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-visit-changsha-travel-heading.wow,
    .tyqn-visit-changsha-travel-card.wow,
    .tyqn-visit-changsha-travel-button.wow {
        visibility: visible !important;
    }

    .tyqn-visit-changsha-travel-heading h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .tyqn-visit-changsha-travel-grid {
        margin-top: 3.5rem;
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    .tyqn-visit-changsha-travel-button {
        margin-top: 4.5rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-visit-changsha-travel {
        padding: 3.75rem 1rem;
    }

    .tyqn-visit-changsha-travel-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-visit-changsha-travel-intro {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-visit-changsha-travel-card h3 {
        margin-top: 1.25rem;
        font-size: 1.375rem;
        line-height: 1.875rem;
    }

    .tyqn-visit-changsha-travel-description {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-visit-changsha-travel-button {
        width: min(100%, 22rem);
        min-width: 0;
        min-height: 3.5rem;
        margin-top: 3.5rem;
        padding: 0.875rem 1.25rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-visit-changsha-travel *,
    .tyqn-visit-changsha-travel *::before,
    .tyqn-visit-changsha-travel *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-visit-changsha-stay */
.tyqn-visit-changsha-stay {
    width: 100%;
    /* min-height: 61rem; */
    padding: 3.5rem 5rem 3rem;
    overflow: hidden;
    background: #f7f7f7;
}

.tyqn-visit-changsha-stay-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-visit-changsha-stay-heading {
    text-align: center;
}

.tyqn-visit-changsha-stay-heading h2 {
    margin: 0;
    color: #0b0b0b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.tyqn-visit-changsha-stay-intro {
    max-width: 56rem;
    margin: 1rem auto 0;
    color: #333333;
    font-size: 0.875rem;
    line-height: 1.5;
}

.tyqn-visit-changsha-stay-intro p,
.tyqn-visit-changsha-stay-description p {
    margin: 0;
}

.tyqn-visit-changsha-stay-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
}

.tyqn-visit-changsha-stay-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border-radius: 0.5rem;
    background: #ffffff;
}

.tyqn-visit-changsha-stay-media {
    width: 100%;
    aspect-ratio: 1.25 / 1;
    overflow: hidden;
    background: #e8eaed;
}

.tyqn-visit-changsha-stay-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.tyqn-visit-changsha-stay-card:hover .tyqn-visit-changsha-stay-media img {
    transform: scale(1.025);
}

.tyqn-visit-changsha-stay-content {
    padding: 2rem;
}

.tyqn-visit-changsha-stay-content h3 {
    margin: 0;
    color: #111111;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
}

.tyqn-visit-changsha-stay-description {
    margin-top: 0.75rem;
    color: #3f3f3f;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.tyqn-visit-changsha-stay-button {
    display: flex;
    width: fit-content;
    /* min-width: 25rem;
    min-height: 4.5rem; */
    margin: 3rem auto 0;
   padding: 1.25rem 2rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #3268d5;
    border-radius: 0.25rem;
    background: #3268d5;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.tyqn-visit-changsha-stay-button:hover,
.tyqn-visit-changsha-stay-button:focus-visible {
    background: #ffffff;
    color: #3268d5;
}

.tyqn-visit-changsha-stay-button:focus-visible {
    outline: 2px solid #3268d5;
    outline-offset: 3px;
}

@media (max-width: 75rem) {
    .tyqn-visit-changsha-stay {
        min-height: 0;
        padding: 4.5rem 2rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-visit-changsha-stay-heading.wow,
    .tyqn-visit-changsha-stay-card.wow,
    .tyqn-visit-changsha-stay-button.wow {
        visibility: visible !important;
    }

    .tyqn-visit-changsha-stay-heading h2 {
        font-size: 2.5rem;
    }

    .tyqn-visit-changsha-stay-grid {
        max-width: 42rem;
        margin-right: auto;
        margin-left: auto;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .tyqn-visit-changsha-stay-button {
        margin-top: 4rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-visit-changsha-stay {
        padding: 3.75rem 1rem;
    }

    .tyqn-visit-changsha-stay-heading h2 {
        font-size: 2rem;
        line-height: 1.25;
    }

    .tyqn-visit-changsha-stay-intro {
        font-size: 0.8125rem;
    }

    .tyqn-visit-changsha-stay-grid {
        margin-top: 2.5rem;
    }

    .tyqn-visit-changsha-stay-content {
        padding: 1.5rem;
    }

    .tyqn-visit-changsha-stay-content h3 {
        font-size: 1.25rem;
    }

    .tyqn-visit-changsha-stay-description {
        font-size: 0.75rem;
        line-height: 1.5;
    }

    .tyqn-visit-changsha-stay-button {
        width: min(100%, 22rem);
        min-width: 0;
        min-height: 3.5rem;
        margin-top: 3rem;
        font-size: 0.875rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-visit-changsha-stay *,
    .tyqn-visit-changsha-stay *::before,
    .tyqn-visit-changsha-stay *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* tyqn-visit-changsha-enjoy */
.tyqn-visit-changsha-enjoy {
    width: 100%;
    /* min-height: 64.25rem; */
    padding: 5.5rem 5rem 4.5rem;
    overflow: hidden;
    background: #ffffff;
}

.tyqn-visit-changsha-enjoy-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-visit-changsha-enjoy-heading {
    text-align: center;
}

.tyqn-visit-changsha-enjoy-heading h2 {
    margin: 0;
    color: #0b0b0b;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.tyqn-visit-changsha-enjoy-intro {
    max-width: 62rem;
    margin: 1rem auto 0;
    color: #333333;
    font-size: 0.875rem;
    line-height: 1.5;
}

.tyqn-visit-changsha-enjoy-intro p,
.tyqn-visit-changsha-enjoy-description p {
    margin: 0;
}

.tyqn-visit-changsha-enjoy-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
}

.tyqn-visit-changsha-enjoy-card {
    min-width: 0;
}

.tyqn-visit-changsha-enjoy-media {
    width: 100%;
    aspect-ratio: 1.38 / 1;
    overflow: hidden;
    border-radius: 0.5rem;
    background: #e8eaed;
}

.tyqn-visit-changsha-enjoy-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.tyqn-visit-changsha-enjoy-card:hover .tyqn-visit-changsha-enjoy-media img {
    transform: scale(1.025);
}

.tyqn-visit-changsha-enjoy-content {
    padding: 0.875rem 1.25rem 0;
}

.tyqn-visit-changsha-enjoy-content h3 {
    margin: 0;
    color: #111111;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
}

.tyqn-visit-changsha-enjoy-content h4 {
    margin: 0.125rem 0 0;
    color: #333333;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
}

.tyqn-visit-changsha-enjoy-description {
    margin-top: 0.875rem;
    color: #3f3f3f;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.tyqn-visit-changsha-enjoy-button {
    display: flex;
    width: fit-content;
    /* min-width: 25rem;
    min-height: 4.5rem; */
    margin: 2.5rem auto 0;
    padding: 1.25rem 2rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #3268d5;
    border-radius: 0.25rem;
    background: #3268d5;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.tyqn-visit-changsha-enjoy-button:hover,
.tyqn-visit-changsha-enjoy-button:focus-visible {
    background: #ffffff;
    color: #3268d5;
}

.tyqn-visit-changsha-enjoy-button:focus-visible {
    outline: 2px solid #3268d5;
    outline-offset: 3px;
}

@media (max-width: 75rem) {
    .tyqn-visit-changsha-enjoy {
        min-height: 0;
        padding: 4.5rem 2rem;
    }

    .tyqn-visit-changsha-enjoy-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 3rem;
    }

    .tyqn-visit-changsha-enjoy-button {
        margin-top: 4rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-visit-changsha-enjoy-heading.wow,
    .tyqn-visit-changsha-enjoy-card.wow,
    .tyqn-visit-changsha-enjoy-button.wow {
        visibility: visible !important;
    }

    .tyqn-visit-changsha-enjoy-heading h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-visit-changsha-enjoy {
        padding: 3.75rem 1rem;
    }

    .tyqn-visit-changsha-enjoy-heading h2 {
        font-size: 2rem;
        line-height: 1.25;
    }

    .tyqn-visit-changsha-enjoy-intro {
        font-size: 0.8125rem;
    }

    .tyqn-visit-changsha-enjoy-grid {
        margin-top: 2.5rem;
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .tyqn-visit-changsha-enjoy-content {
        padding: 0.875rem 0.5rem 0;
    }

    .tyqn-visit-changsha-enjoy-content h3 {
        font-size: 1.25rem;
    }

    .tyqn-visit-changsha-enjoy-description {
        font-size: 0.75rem;
        line-height: 1.5;
    }

    .tyqn-visit-changsha-enjoy-button {
        width: min(100%, 22rem);
        min-width: 0;
        min-height: 3.5rem;
        margin-top: 3rem;
        font-size: 0.875rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-visit-changsha-enjoy *,
    .tyqn-visit-changsha-enjoy *::before,
    .tyqn-visit-changsha-enjoy *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* tyqn-visit-changsha-business */
.tyqn-visit-changsha-business {
    width: 100%;
    padding: 5rem;
    overflow: hidden;
    background: #ffffff;
}

.tyqn-visit-changsha-business-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tyqn-visit-changsha-business-heading {
    text-align: center;
}

.tyqn-visit-changsha-business-heading h2 {
    margin: 0;
    color: #090b0f;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.tyqn-visit-changsha-business-intro {
    max-width: 50rem;
    margin: 1rem auto 0;
    color: #555960;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-visit-changsha-business-list {
    margin-top: 4rem;
    display: grid;
    gap: 4rem;
}

.tyqn-visit-changsha-business-item {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    align-items: center;
}

.tyqn-visit-changsha-business-media {
    min-width: 0;
    overflow: hidden;
    border-radius: 0.5rem;
    /* background: #eef1f4; */
    box-shadow: 0 0.5rem 1.5rem rgba(31, 42, 58, 0.14);
}

.tyqn-visit-changsha-business-media img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1.56 / 1;
    object-fit: none;
    transition: transform 0.4s ease;
}

.tyqn-visit-changsha-business-item:hover .tyqn-visit-changsha-business-media img {
    transform: scale(1.02);
}

.tyqn-visit-changsha-business-content {
    min-width: 0;
    padding: 1rem;
}

.tyqn-visit-changsha-business-content h3 {
    margin: 0;
    color: #15171b;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.tyqn-visit-changsha-business-content h3 span {
    display: block;
}

.tyqn-visit-changsha-business-description {
    margin-top: 1.5rem;
    color: #555960;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-visit-changsha-business-content > a {
    min-width: 8rem;
    min-height: 2.75rem;
    margin-top: 2rem;
    padding: 0.6875rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    background: #376ed1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.tyqn-visit-changsha-business-content > a:hover,
.tyqn-visit-changsha-business-content > a:focus-visible {
    background: #295fc0;
    box-shadow: 0 0.5rem 1rem rgba(55, 110, 209, 0.22);
    transform: translateY(-0.125rem);
}

.tyqn-visit-changsha-business-content > a:focus-visible {
    outline: 0.125rem solid #1f4f9f;
    outline-offset: 0.1875rem;
}

.tyqn-visit-changsha-business-item:nth-child(even) .tyqn-visit-changsha-business-media {
    order: 2;
}

.tyqn-visit-changsha-business-item:nth-child(even) .tyqn-visit-changsha-business-content {
    order: 1;
}

@media (max-width: 75rem) {
    .tyqn-visit-changsha-business {
        padding: 4.5rem 2rem;
    }

    .tyqn-visit-changsha-business-item {
        gap: 2rem;
    }

    .tyqn-visit-changsha-business-content h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-visit-changsha-business-heading.wow,
    .tyqn-visit-changsha-business-item.wow {
        visibility: visible !important;
    }

    .tyqn-visit-changsha-business-list {
        margin-top: 3.5rem;
        gap: 4rem;
    }

    .tyqn-visit-changsha-business-item {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .tyqn-visit-changsha-business-item:nth-child(even) .tyqn-visit-changsha-business-media,
    .tyqn-visit-changsha-business-item:nth-child(even) .tyqn-visit-changsha-business-content {
        order: initial;
    }

    .tyqn-visit-changsha-business-content {
        padding: 0;
    }
}

@media (max-width: 40rem) {
    .tyqn-visit-changsha-business {
        padding: 3.75rem 1rem;
    }

    .tyqn-visit-changsha-business-heading h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .tyqn-visit-changsha-business-intro {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-visit-changsha-business-content h3 {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }

    .tyqn-visit-changsha-business-description {
        margin-top: 1.25rem;
        font-size: 0.875rem;
        line-height: 1.375rem;
    }

    .tyqn-visit-changsha-business-content > a {
        margin-top: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-visit-changsha-business *,
    .tyqn-visit-changsha-business *::before,
    .tyqn-visit-changsha-business *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-visit-changsha-hero */
.tyqn-visit-changsha-hero {
    width: 100%;
    min-height: 36.5rem;
    padding: 4rem 5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2d73b5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tyqn-visit-changsha-hero-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    text-align: center;
}

.tyqn-visit-changsha-hero h1 {
    margin: 0;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 4rem;
}

.tyqn-visit-changsha-hero-description {
    width: min(100%, 56rem);
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

@media (max-width: 75rem) {
    .tyqn-visit-changsha-hero {
        min-height: 31rem;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-visit-changsha-hero-inner {
        top: 3rem;
    }

    .tyqn-visit-changsha-hero h1 {
        font-size: 2.75rem;
        line-height: 3.5rem;
    }

    .tyqn-visit-changsha-hero-description {
        max-width: 48rem;
        margin-top: 1.5rem;
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-visit-changsha-hero {
        min-height: 30rem;
        padding: 3.5rem 1rem;
        background-position: 58% center;
    }

    .tyqn-visit-changsha-hero-inner {
        top: 1.5rem;
    }

    .tyqn-visit-changsha-hero h1 {
        max-width: 22rem;
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .tyqn-visit-changsha-hero-description {
        max-width: 22rem;
        margin-top: 1.25rem;
        font-size: 0.9375rem;
        line-height: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-visit-changsha-hero *,
    .tyqn-visit-changsha-hero *::before,
    .tyqn-visit-changsha-hero *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-contact-trade-hero */
.tyqn-contact-trade-hero {
    width: 100%;
    min-height: 36.5rem;
    padding: 4rem 5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2d73b5;
    background-image: url('../images/矩形 657.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tyqn-contact-trade-hero-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    text-align: center;
}

.tyqn-contact-trade-hero h1 {
    margin: 0;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 4rem;
}

.tyqn-contact-trade-hero-description {
    width: min(100%, 56rem);
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

@media (max-width: 75rem) {
    .tyqn-contact-trade-hero {
        min-height: 31rem;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tyqn-contact-trade-hero-inner {
        top: 3rem;
    }

    .tyqn-contact-trade-hero h1 {
        font-size: 2.75rem;
        line-height: 3.5rem;
    }

    .tyqn-contact-trade-hero-description {
        max-width: 48rem;
        margin-top: 1.5rem;
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 40rem) {
    .tyqn-contact-trade-hero {
        min-height: 30rem;
        padding: 3.5rem 1rem;
        background-position: 54% center;
    }

    .tyqn-contact-trade-hero-inner {
        top: 1.5rem;
    }

    .tyqn-contact-trade-hero h1 {
        max-width: 22rem;
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .tyqn-contact-trade-hero-description {
        max-width: 22rem;
        margin-top: 1.25rem;
        font-size: 0.9375rem;
        line-height: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-contact-trade-hero *,
    .tyqn-contact-trade-hero *::before,
    .tyqn-contact-trade-hero *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* tyqn-contact-enquiry */
.tyqn-contact-enquiry {
    width: 100%;
    min-height: 56.375rem;
    padding: 4rem 5rem 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #ffffff;
}

.tyqn-contact-enquiry-inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1fr);
    align-items: center;
    gap: 7rem;
    padding-bottom: 30px;
}

.tyqn-contact-enquiry-copy {
    min-width: 0;
    position: relative;
    top: -2.5rem;
}

.tyqn-contact-enquiry-heading h2 {
    margin: 0;
    color: #25262a;
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 4rem;
}

.tyqn-contact-enquiry-heading h2 span {
    display: block;
}

.tyqn-contact-enquiry-heading::after {
    content: '';
    width: 5rem;
    height: 0.5rem;
    margin-top: 3.4375rem;
    display: block;
    background: #3475db;
}

.tyqn-contact-enquiry-description {
    width: min(100%, 38rem);
    margin-top: 3rem;
    color: #3d4046;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.tyqn-contact-enquiry-methods {
    margin-top: 6.375rem;
    display: grid;
    gap: 0.875rem;
}

.tyqn-contact-enquiry-methods li {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    color: #17191d;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.tyqn-contact-enquiry-methods .iconfont {
    width: 1.5rem;
    flex: 0 0 1.5rem;
    color: #3475db;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
}

.tyqn-contact-enquiry-methods a {
    min-width: 0;
    color: inherit;
    overflow-wrap: anywhere;
    transition: color 0.25s ease;
}

.tyqn-contact-enquiry-methods a:hover,
.tyqn-contact-enquiry-methods a:focus-visible {
    color: #3475db;
}

.tyqn-contact-enquiry-methods a:focus-visible {
    outline: 0.125rem solid rgba(52, 117, 219, 0.45);
    outline-offset: 0.1875rem;
}

.tyqn-contact-enquiry-panel {
    min-width: 0;
    min-height: 48.625rem;
    padding: 2.875rem 5rem 3.375rem;
    border-radius: 1.375rem;
    background: #ffffff;
    box-shadow: 0 0.375rem 1.5rem rgba(20, 29, 43, 0.14);
}

.tyqn-contact-enquiry-panel-heading h3 {
    margin: 0;
    color: #17191d;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
}

.tyqn-contact-enquiry-panel-heading p {
    margin-top: 0.75rem;
    color: #4c4f55;
    font-size: 0.9375rem;
    line-height: 1.375rem;
}

.tyqn-contact-enquiry-form {
    margin-top: 2.3125rem;
}

.tyqn-contact-enquiry-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.625rem 1.5rem;
}

.tyqn-contact-enquiry-field {
    min-width: 0;
    display: block;
}

.tyqn-contact-enquiry-field > span {
    display: block;
    color: #3f4248;
    font-size: 0.75rem;
    line-height: 1rem;
}

.tyqn-contact-enquiry-field b {
    color: #ef3333;
    font-weight: 700;
}

.tyqn-contact-enquiry-field input,
.tyqn-contact-enquiry-field textarea {
    width: 100%;
    margin-top: 0.625rem;
    border: 0.0625rem solid #dfe2e7;
    border-radius: 0.25rem;
    outline: 0;
    color: #25272c;
    background: #f8f9fa;
    font: inherit;
    font-size: 0.9375rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.tyqn-contact-enquiry-field input {
    height: 3.375rem;
    padding: 0 0.875rem;
}

.tyqn-contact-enquiry-field textarea {
    height: 9.25rem;
    padding: 0.875rem;
    resize: vertical;
}

.tyqn-contact-enquiry-field input:focus,
.tyqn-contact-enquiry-field textarea:focus {
    border-color: #3475db;
    background: #ffffff;
    box-shadow: 0 0 0 0.1875rem rgba(52, 117, 219, 0.14);
}

.tyqn-contact-enquiry-field-wide {
    grid-column: 1 / -1;
}

.tyqn-contact-enquiry-form button {
    width: 100%;
    min-height: 3.875rem;
    margin-top: 0.875rem;
    padding: 0.75rem 1.5rem;
    border: 0.125rem solid #3475db;
    border-radius: 0.25rem;
    color: #ffffff;
    background: #3475db;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    cursor: pointer;
    transition: color 0.25s ease, background-color 0.25s ease;
}

.tyqn-contact-enquiry-form button:hover,
.tyqn-contact-enquiry-form button:focus-visible {
    color: #3475db;
    background: #ffffff;
}

.tyqn-contact-enquiry-form button:focus-visible {
    outline: 0.1875rem solid rgba(52, 117, 219, 0.45);
    outline-offset: 0.1875rem;
}

.tyqn-contact-enquiry-status {
    min-height: 1.25rem;
    margin-top: 0.75rem;
    color: #3475db;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-contact-enquiry-status:empty {
    display: none;
}

.tyqn-form-validation-message {
    min-height: 1.25rem;
    margin-top: 0.75rem;
    color: #c0392b;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.tyqn-index-import-guide-status.is-error,
.tyqn-index-stock-price-status.is-error,
.tyqn-news-detail-quote-status.is-error,
.tyqn-contact-enquiry-status.is-error {
    color: #c0392b;
}

@media (max-width: 75rem) {
    .tyqn-contact-enquiry {
        min-height: 0;
        padding: 4.5rem 2rem;
    }

    .tyqn-contact-enquiry-inner {
        grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.1fr);
        gap: 3.5rem;
    }

    .tyqn-contact-enquiry-copy {
        top: 0;
    }

    .tyqn-contact-enquiry-heading::after {
        margin-top: 2rem;
    }

    .tyqn-contact-enquiry-methods {
        margin-top: 4.5rem;
    }

    .tyqn-contact-enquiry-heading h2 {
        font-size: 2.75rem;
        line-height: 3.5rem;
    }

    .tyqn-contact-enquiry-description {
        font-size: 1.0625rem;
        line-height: 1.625rem;
    }

    .tyqn-contact-enquiry-methods li {
        font-size: 0.9375rem;
        line-height: 1.375rem;
    }

    .tyqn-contact-enquiry-panel {
        min-height: 0;
        padding: 3rem 2.5rem;
    }

    .tyqn-contact-enquiry-form {
        margin-top: 2rem;
    }

    .tyqn-contact-enquiry-field input,
    .tyqn-contact-enquiry-field textarea {
        margin-top: 0.5rem;
    }

    .tyqn-contact-enquiry-form button {
        margin-top: 1.5rem;
    }
}

@media (max-width: 62rem) {
    .tyqn-contact-enquiry-inner {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .tyqn-contact-enquiry-copy,
    .tyqn-contact-enquiry-panel {
        width: min(100%, 52.25rem);
        margin: 0 auto;
    }
}

@media (max-width: 40rem) {
    .tyqn-contact-enquiry {
        padding: 3.5rem 1rem 4rem;
    }

    .tyqn-contact-enquiry-inner {
        gap: 3rem;
    }

    .tyqn-contact-enquiry-heading h2 {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .tyqn-contact-enquiry-heading::after {
        width: 4rem;
        height: 0.375rem;
        margin-top: 1.5rem;
    }

    .tyqn-contact-enquiry-description {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .tyqn-contact-enquiry-methods {
        margin-top: 2.5rem;
    }

    .tyqn-contact-enquiry-methods li {
        align-items: flex-start;
        gap: 0.875rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .tyqn-contact-enquiry-panel {
        padding: 2rem 1.25rem;
        border-radius: 0.75rem;
    }

    .tyqn-contact-enquiry-panel-heading h3 {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }

    .tyqn-contact-enquiry-fields {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .tyqn-contact-enquiry-field-wide {
        grid-column: 1;
    }

    .tyqn-contact-enquiry-field input {
        height: 3.25rem;
    }

    .tyqn-contact-enquiry-field textarea {
        height: 8rem;
    }

    .tyqn-contact-enquiry-form button {
        min-height: 3.5rem;
        font-size: 0.9375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyqn-contact-enquiry *,
    .tyqn-contact-enquiry *::before,
    .tyqn-contact-enquiry *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}