@charset "UTF-8";

:root {
    --w: 14.3rem;
    --ease: ease;
    --easein: ease-in;
    --easeout: ease-out;
    --easeinout: ease-in-out;
    --boxShadow: 0 0 10px rgb(0 0 0 / 10%);
    --c: #111111;
    --d: #7ab9da;
    --l: #3e8bb4;
    --q: #ebf6fc;
    --b: #f4fafd;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #0000001a
}

::-webkit-scrollbar-thumb {
    border: solid 1px transparent;
    width: 3px;
    border-radius: 4px;
    background-color: var(--d);
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar:horizontal {
    height: 9px;
}

::-webkit-selection {
    background: transparent;
    color: transparent;
}

::-moz-selection {
    background: transparent;
    color: transparent;
}

::selection {
    background-color: #1c509c;
    color: #fff;
    -webkit-text-fill-color: #fff
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    font-size: 0.16rem;
    line-height: 1.5;
    color: inherit;
}

input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
    color: #999;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder {
    color: #c2c2c2
}

select:focus,
textarea:focus,
input:focus,
button {
    outline: none
}

textarea,
input {
    text-indent: 0.1rem;
}

p {
    color: var(--c);
}

html {
    scroll-behavior: smooth;
    font-size: calc(100vw / 19.2);
}

ul,
ol,
li {
    padding: 0;
    list-style-type: none;
    vertical-align: middle
}

a {
    text-decoration: none;
    color: inherit;
    transition: all var(--ease) .3s;
}

a:visited {
    color: inherit;
}

a:focus,
a:focus-visible {
    outline: none;
    color: var(--d);
}

a:focus-visible:not(:focus),
a:active:focus,
a:active:focus-visible,
a:active:focus-visible:not(:focus) {
    outline: none;
}

a:not(.disabled):hover {
    color: var(--d);
    text-decoration: none;
    cursor: pointer
}

a[href] {
    cursor: pointer
}

* span,
* strong,
* b,
* i {
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
}

img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: middle
}

video {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: middle
}

img[src=""],
img:not([src]) {
    opacity: 0
}

b {
    font-size: inherit;
    color: inherit;
    font-family: inherit
}

font {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    text-transform: inherit
}

svg {
    width: 0.18rem;
    height: 0.18rem;
    margin: 0;
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

input:focus,
input:focus-visible,
input:hover,
select:focus,
select:focus-visible,
select:hover,
textarea:focus,
textarea:focus-visible,
textarea:hover {
    background-color: #fff;
    text-transform: none;
    outline: none;
    box-shadow: none;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
}

/* 内页banner */
.ny_banner {
    height: calc(100vh - 0.9rem);
}

.bannerImg {
    height: 100%;
    display: grid;
    overflow: hidden;
    position: relative;
}

.bannerImg img {
    height: 100%;
    object-fit: cover;
    grid-area: 1 / 1;
}

.bannerImg .banner-info {
    grid-area: 1 / 1;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 0.15rem;
    --c: #fff;
    --bhline: 200px;
    text-align: center;
}

.bannerImg .bannerName {
    color: var(--c);
    opacity: 0;
    transform: translateY(40px);
}

.bannerImg .bannerSum {
    color: var(--c);
    line-height: 1.2;
    margin: 0.14rem 0 0.4rem;
    opacity: 0;
    transform: translateY(40px);
}

.bannerImg .bannerSum * {
    font-size: inherit;
    color: var(--c);
    line-height: 1.2;
}

.bannerImg .banner_scrollDown {
    display: flex;
    flex-direction: column;
    width: 0px;
    position: relative;
    opacity: 0;
    transform: translateY(40px);
}

.bannerImg .banner_scrollDown::before {
    content: '';
    width: 1px;
    height: var(--bhline);
    display: flex;
    background: #fff;
    margin-bottom: 0.1rem;
}

.bannerImg .banner_scrollDown::after {
    content: '';
    display: inline-block;
    width: 0.11rem;
    height: 0.11rem;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: -0.05rem;
    top: -1px;
}

.bannerImg .banner_scrollDown span {
    color: var(--c);
    display: inline-block;
    text-transform: uppercase;
    transform: rotate(90deg);
    letter-spacing: -0.5px;
    white-space: pre;
    position: relative;
    font-family: arial;
}

.bannerImg .banner_scrollDown span::after {
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    position: absolute;
    background: #7ab9da;
    border-radius: 100%;
    bottom: -0.3rem;
    left: 0.6rem;
    z-index: -1;
}

/* 面包屑 */
.break {
    padding: 0.15rem 0;
}

.break ul {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    row-gap: 0.04rem;
    opacity: .6;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.break ul li {
    display: inline-block;
    align-items: center;
    gap: 0.08rem;
    line-height: 1.2;
    white-space: normal;
    width: auto;
}

.break ul li:last-child {
    overflow: hidden;
}

.break ul li svg {
    height: auto;
    width: 16px;
    color: var(--c);
}

.break ul li a {
    color: var(--c);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.12rem;
}

.break ul li a:hover {
    color: var(--d);
}

/* 表单样式 */
form legend,
form .p_label {
    margin-bottom: 0.1rem;
    display: flex;
    gap: 0.1rem;
    align-items: center;
    font-weight: bold;
}

form .p_group {
    display: flex;
    gap: 0.3rem;
    width: 100%;
}

form .p_group .input-group {
    width: 100%;
    position: relative;
}

form .p_group .radioItem {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    opacity: .6;
    transition: all var(--ease) .3s;
}

form .p_group .radioItem input {
    width: 0.13rem;
    height: 0.13rem;
    appearance: auto;
}

form .p_group .radioItem.cur {
    opacity: 1;
}

form [required] .p_label::after {
    content: '*';
    color: var(--d);
    font-weight: bold;
    margin: 0;
}

form .form_input {
    position: relative;
    justify-content: space-between;
    display: flex;
    gap: 0.4rem;
}

form .form_input>div {
    flex: 1;
}

form .input-group input,
form .input-group .p_input {
    border-radius: 0.04rem;
    border: 1px solid #efefef;
    background: #fff;
    padding: 0.1rem;
    width: 100%;
    height: 0.58rem;
}

form .p_group .input-group textarea {
    height: 2rem;
}

form .p_group .file_hint {
    width: 100%;
    background: #fff;
    border: 1px dashed var(--d);
    height: 1.4rem;
    border-radius: 0.04rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

form .p_group .file_hint svg {
    color: var(--d);
    height: auto;
    width: 0.34rem;
}

form .p_group .file_hint span {
    color: #0006;
    margin-top: 0.06rem;
}

form .p_fileName {
    align-items: center;
}

form .p_fileName span {
    color: var(--d);
}

form .code_img {
    position: absolute;
    right: 0.1rem;
    width: 1.1rem;
}

form .formBtn {
    margin-top: 0.34rem;
    width: 100%;
    background: var(--d);
    border: 0;
    border-radius: 0.3rem;
    line-height: 1.2;
    padding: 0.15rem;
    color: #fff;
    transition: background var(--ease) .3s;
    cursor: pointer;
}

form .formBtn:hover {
    background: var(--l);
}

/* 渐变背景 */
.gradientBg {
    background: linear-gradient(180deg, var(--b), transparent);
}

/* 页码 */
.pagenation {
    display: flex;
    justify-content: center;
    gap: 0.2rem;
    margin-top: 0.8rem;
}

.pagenation .page_a {
    width: 0.5rem;
    height: 0.5rem;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: var(--boxShadow);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all var(--ease) 0.3s;
}

.pagenation .page_a.disabled {
    background: #fff;
    border-color: #fff;
    color: #0003;
    cursor: no-drop;
}

.pagenation .page_a svg {
    width: 0.12rem;
    height: 0.12rem;
}

.pagenation .page_a:not(.current):not(.disabled):hover {
    background: var(--d);
    border-color: var(--d);
    box-shadow: none;
    color: #fff;
}

.pagenation .page_a.current {
    border-color: var(--d);
    color: var(--d);
    box-shadow: none;
}

/* 网站地图 sMap */
.sMap {
    background: var(--b);
    height: 100vh;
}

.sMap .sMapList {
    justify-content: center;
    gap: 1rem;
}

.sMap .sMapList ul {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sMap .sMapList a {
    position: relative;
}

.sMap .sMapList a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 0%;
    height: 2px;
    background: var(--d);
    transition: all var(--ease) .3s;
}

.sMap .sMapList a:hover::after {
    width: 100%;
}

/* 404 four */
.four {
    background: var(--b);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.four a {
    background: var(--d);
    color: #fff;
    padding: 10px 32px;
    border-radius: 30px;
    display: inline-block;
}

.four a:hover {
    background: var(--l);
    color: #fff;
}

.four .fTime {
    margin: 0 4px;
}

/* 返回顶部 backTop */
.backTop {
    position: fixed;
    right: 0.6rem;
    bottom: 0.6rem;
    border-radius: 100%;
    border: 1px solid rgb(0 0 0 / 15%);
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 5px;
    cursor: pointer;
    transition: all var(--ease) 0.3s;
    background: #fff;
    background: rgb(255 255 255 / 30%);
    backdrop-filter: blur(18px) saturate(100%);
    -webkit-backdrop-filter: blur(18px) saturate(100%);
    z-index: 10;
}

.backTop svg {
    width: 0.15rem;
    height: auto;
    transition: all var(--ease) 0.3s;
}

.backTop p {
    transition: all var(--ease) 0.3s;
}

.backTop:hover {
    border: 1px solid var(--d);
}

.backTop:hover * {
    color: var(--d)
}


/* 调用样式 */
.container {
    margin: 0 auto;
    max-width: var(--w);
    padding: 0 15px;
    width: 96%;
}

.noease {
    transition: none;
}

.f-170 {
    font-size: 1.7rem;
    letter-spacing: -.04em
}

.f-160 {
    font-size: 1.6rem;
    letter-spacing: -.04em
}

.f-120 {
    font-size: 1.2rem;
    letter-spacing: -.04em
}

.f-100 {
    font-size: 1rem;
    letter-spacing: -.04em
}

.f-90 {
    font-size: .9rem
}

.f-80 {
    font-size: .8rem
}

.f-70 {
    font-size: .7rem
}

.f-64 {
    font-size: .64rem
}

.f-60 {
    font-size: .6rem
}

.f-56 {
    font-size: .56rem
}

.f-54 {
    font-size: .54rem
}

.f-50 {
    font-size: .5rem
}

.f-48 {
    font-size: .48rem
}

.f-46 {
    font-size: .46rem
}

.f-44 {
    font-size: .44rem
}

.f-42 {
    font-size: .42rem
}

.f-40 {
    font-size: .4rem
}

.f-38 {
    font-size: .38rem
}

.f-36 {
    font-size: .36rem
}

.f-34 {
    font-size: .34rem
}

.f-32 {
    font-size: .32rem
}

.f-30 {
    font-size: .3rem
}

.f-28 {
    font-size: .28rem
}

.f-26 {
    font-size: .26rem
}

.f-24 {
    font-size: .24rem
}

.f-22 {
    font-size: .22rem
}

.f-20 {
    font-size: 0.2rem;
}

.f-18 {
    font-size: .18rem
}

.f-16 {
    font-size: .16rem
}

.f-14 {
    font-size: 0.14rem;
}

.f-12 {
    font-size: 0.12rem;
}

[class*="f-"]:not(.f-center):not(.f-left):not(.f-right) *:not([class*="f-"]),
[class*="f-"] *:not([class*="f-"]) {
    font-size: inherit;
}

.mb-90 {
    margin-bottom: .9rem
}

.mb-80 {
    margin-bottom: .8rem
}

.mb-70 {
    margin-bottom: .7rem
}

.mb-60 {
    margin-bottom: .6rem
}

.mb-50 {
    margin-bottom: .5rem
}

.mb-40 {
    margin-bottom: .4rem
}

.mb-30 {
    margin-bottom: .3rem
}

.mb-20 {
    margin-bottom: .2rem
}

.mb-10 {
    margin-bottom: .1rem
}

.mr-90 {
    margin-right: .9rem
}

.mr-80 {
    margin-right: .8rem
}

.mr-70 {
    margin-right: .7rem
}

.mr-60 {
    margin-right: .6rem
}

.mr-50 {
    margin-right: .5rem
}

.mr-40 {
    margin-right: .4rem
}

.mr-30 {
    margin-right: .3rem
}

.mr-20 {
    margin-right: .2rem
}

.mr-10 {
    margin-right: .1rem
}

.ml-90 {
    margin-left: .9rem
}

.ml-80 {
    margin-left: .8rem
}

.ml-70 {
    margin-left: .7rem
}

.ml-60 {
    margin-left: .6rem
}

.ml-50 {
    margin-left: .5rem
}

.ml-40 {
    margin-left: .4rem
}

.ml-30 {
    margin-left: .3rem
}

.ml-20 {
    margin-left: .2rem
}

.ml-10 {
    margin-left: .1rem
}

.mt-90 {
    margin-top: .9rem
}

.mt-80 {
    margin-top: .8rem
}

.mt-70 {
    margin-top: .7rem
}

.mt-60 {
    margin-top: .6rem
}

.mt-50 {
    margin-top: .5rem
}

.mt-40 {
    margin-top: .4rem
}

.mt-30 {
    margin-top: .3rem
}

.mt-20 {
    margin-top: .2rem
}

.mt-10 {
    margin-top: .1rem
}

.m-0 {
    margin: 0;
}

.pb-90 {
    padding-bottom: .9rem
}

.pb-80 {
    padding-bottom: .8rem
}

.pb-70 {
    padding-bottom: .7rem
}

.pb-60 {
    padding-bottom: .6rem
}

.pb-50 {
    padding-bottom: .5rem
}

.pb-40 {
    padding-bottom: .4rem
}

.pb-30 {
    padding-bottom: .3rem
}

.pb-20 {
    padding-bottom: .2rem
}

.pb-10 {
    padding-bottom: .1rem
}

.pr-90 {
    padding-right: .9rem
}

.pr-80 {
    padding-right: .8rem
}

.pr-70 {
    padding-right: .7rem
}

.pr-60 {
    padding-right: .6rem
}

.pr-50 {
    padding-right: .5rem
}

.pr-40 {
    padding-right: .4rem
}

.pr-30 {
    padding-right: .3rem
}

.pr-20 {
    padding-right: .2rem
}

.pr-10 {
    padding-right: .1rem
}

.pl-90 {
    padding-left: .9rem
}

.pl-80 {
    padding-left: .8rem
}

.pl-70 {
    padding-left: .7rem
}

.pl-60 {
    padding-left: .6rem
}

.pl-50 {
    padding-left: .5rem
}

.pl-40 {
    padding-left: .4rem
}

.pl-30 {
    padding-left: .3rem
}

.pl-20 {
    padding-left: .2rem
}

.pl-10 {
    padding-left: .1rem
}

.pt-90 {
    padding-top: .9rem;
}

.pt-80 {
    padding-top: .8rem
}

.pt-70 {
    padding-top: .7rem
}

.pt-60 {
    padding-top: .6rem
}

.pt-50 {
    padding-top: .5rem
}

.pt-40 {
    padding-top: .4rem
}

.pt-30 {
    padding-top: .3rem
}

.pt-20 {
    padding-top: .2rem
}

.pt-10 {
    padding-top: .1rem
}

.p-0 {
    padding: 0;
}

.op-0 {
    opacity: 0
}

.op-1 {
    opacity: .1
}

.op-2 {
    opacity: .2
}

.op-3 {
    opacity: .3
}

.op-4 {
    opacity: .4
}

.op-5 {
    opacity: .5
}

.op-6 {
    opacity: .6
}

.op-7 {
    opacity: .7
}

.op-8 {
    opacity: .8;
}

.op-9 {
    opacity: .9
}

.op-10 {
    opacity: 1
}

.noBlod {
    font-weight: normal;
}

.noItalic {
    font-style: normal;
}

.noUnderline {
    text-decoration: none;
}

.noTransform {
    text-transform: none;
}

.noPointer {
    pointer-events: none;
}

.f-left {
    text-align: left
}

.f-center {
    text-align: center
}

.f-right {
    text-align: right
}

.bold {
    font-weight: bold;
}

.hide {
    display: none
}

.flex {
    display: flex;
}

@media (max-width: 1900px) {
    html {
        font-size: calc(100vw / 19);
    }
}

@media (max-width: 1440px) {
    html {
        font-size: calc(100vw / 14.4);
    }

    .sMap .sMapList {
        gap: 0.7rem;
    }

    .bannerImg .banner_scrollDown {
        display: none;
    }
}

@media (max-width: 991px) {
    form .form_input {
        flex-direction: column;
        gap: 0.3rem;
    }

    form legend,
    form .p_label {
        margin-bottom: 10px;
    }

    .sMap .sMapList {
        gap: 0.4rem;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .sMap .sMapList ul {
        gap: 0.12rem;
    }
}

@media (max-width: 768px) {
    html {
        font-size: calc(100vw / 7.6);
    }

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

    .pagenation {
        gap: 14px;
        margin-top: 60px;
    }

    .pagenation .page_a {
        width: 36px;
        height: 36px;
    }

    .ny_banner {
        --banh: 400px;
        height: var(--banh);
    }

    .bannerImg .banner-info {
        height: var(--banh);
    }

    .bannerImg img[data-speed] {
        height: calc(var(--banh) + 3rem);
        margin-top: -1.5rem;
    }
}

@media (max-width: 575px) {
    html {
        font-size: calc(100vw / 5.75);
    }
}

@media (max-width: 480px) {
    html {
        font-size: 88px;
    }

    .pb-90 {
        padding-bottom: 60px;
    }

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

    .f-54 {
        font-size: 32px;
    }

    .f-44 {
        font-size: 30px;
    }

    .f-42 {
        font-size: 28px;
    }

    .f-36 {
        font-size: 24px;
    }

    .f-30 {
        font-size: 22px;
    }

    .f-28 {
        font-size: 20px;
    }

    .f-20 {
        font-size: 16px;
    }

    .f-18 {
        font-size: 16px;
    }

    .f-16 {
        font-size: 14px;
    }

    .f-14 {
        font-size: 13px;
    }

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

/* 关于我们-品牌简介 ab_1 */
.ab_1 {
    display: grid;
    height: calc(100vh);
    --asb: 2rem;
    --white: #fff;
    color: var(--white);
    overflow: hidden;
}

.ab_1 .ab1_t {
    background: #fff;
    grid-area: 1 / 1;
    height: 100vh;
    z-index: 2;
    display: grid;
}

.ab_1 .ab1_zw {
    background-image: url(../svg/logo.svg);
    pointer-events: none;
    height: 0;
}

.ab_1 .ab1_Banner {
    grid-area: 1 / 1;
}

.ab_1 .ab1_icoBox {
    position: relative;
    z-index: 3;
    grid-area: 1 / 1;
    display: grid;
    height: 100%;
    width: 100%;
    gap: 0.5rem;
    /* padding-bottom: 0.9rem; */
    /* mix-blend-mode: lighten; */
    /* padding-bottom: 0.2rem;*/
}

.ab_1 .ab1_ico {
    mask-image: url(../svg/logo.svg);
    -webkit-mask-image: url(../svg/logo.svg);
    mask-position: center calc(((100vh - 3rem) / 2) - 1.2rem);
    -webkit-mask-position: center calc(((100vh - 3rem) / 2) - 1.2rem);
    -webkit-mask-position-y: calc(((100vh - 3rem) / 2) - 1.2rem);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 25%;
    -webkit-mask-size: 25%;
    width: 100%;
    /* height: 50vh; */
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    top: 0.6rem;
}

.ab_1 .ab1_ico img {
    object-fit: cover;
}

.ab_1 .ab1_ico svg {
    width: 4rem;
    height: auto;
    color: #000;
    display: none;
}

.ab_1 .ab1_iText {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0.2rem;
    /* height: 50vh; */
    padding-top: 1.4rem;
    grid-area: 1 / 1;
}

.ab_1 .ab1_iText .bText {
    color: #111;
}

.ab_1 .ab1_iText img {
    max-width: 5.12rem;
    height: auto;
    margin-bottom: 0.6rem;
}

.ab_1 .ab1_iText .sText {
    color: var(--d);
}

.ab_1 .ab1_Banner p {
    color: var(--white);
    /* word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden; */
}

.ab_1 .ab_top {
    height: 100%;
    display: grid;
}

.ab_1 .ab_top .ab_topImg {
    grid-area: 1 / 1;
}

.ab_1 .ab_top .ab_topImg img {
    object-fit: cover;
}

.ab_1 .ab_top .asper {
    height: 100%;
    grid-area: 1 / 1;
    z-index: 2;
    position: relative;
    width: 100%;
}

.ab_1 .ab_top .asper .swiper-slide {
    height: 100%;
}

.ab_1 .ab_top .asper .container {
    height: calc(100% - var(--asb));
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ab_1 .ab_top .asper .ax {
    max-width: 5.3rem;
    width: 100%;
    transform: translateY(50px);
    opacity: 0;
    transition: all var(--ease) .7s;
}

.ab_1 .cur .ab_top .asper .swiper-slide-active .ax {
    opacity: 1;
    transform: translateY(0);
}

.ab_1 .ab_bottom {
    height: var(--asb);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgb(0 0 0 / 10%);
    opacity: 0;
    transform: translateY(var(--asb));
    transition: all var(--ease) .3s 0s;
}

.ab_1 .cur .ab_bottom {
    opacity: 1;
    transform: translateY(0);
    transition: all var(--ease) .6s .2s;
}

.ab_1 .ab_bottom ul {
    display: flex;
    height: 100%;
}

.ab_1 .ab_bottom ul li {
    flex: 1;
    cursor: pointer;
    padding: 0.1rem 1rem;
    border-top: 1px solid rgb(255 255 255 / 20%);
    border-right: 1px solid rgb(255 255 255 / 20%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all var(--ease) .3s;
}

.ab_1 .ab_bottom ul li.cur {
    background: rgb(255 255 255 / 10%);
}

.ab_1 .ab_bottom ul li:hover {
    background: rgb(255 255 255 / 10%);
}

.ab_1 .ab_bottom ul li:last-child {
    border-right: 0;
}

/* 关于我们-品牌简介 - ab_2 */
.ab_2 {
    padding: 1.5rem 0;
    background: url(../images/ab2.jpg) center no-repeat var(--b);
    background-size: cover;
    --white: #fff;
    --4: 0.4;
    overflow: hidden;
}

.ab_2 .accordionList {
    display: flex;
}

.ab_2 .accordionList .acdPool {
    flex: 1;
    background: rgb(255 255 255 / 40%);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 0.3rem;
    border: 1px solid #fff;
    display: flex;
    gap: 0.4rem;
    margin-right: 0.02rem;
    min-height: 3.9rem;
    transition: all var(--ease) .6s;
    cursor: pointer;
    padding-left: 0.4rem;
}

.ab_2 .accordionList .acdPool:last-child {
    margin-right: 0px;
}

.ab_2 .accordionList .acdPool .acdLeft {
    border-radius: 0.3rem;
    overflow: hidden;
    width: 0;
    transition: all var(--ease) 0.6s;
    height: 3.4rem;
}

.ab_2 .accordionList .acdPool .acdLeft img {
    object-fit: cover;
}

.ab_2 .accordionList .acdPool .acdRight {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding-top: 0.35rem;
    padding-bottom: 0.2rem;
    max-width: 2rem;
    width: 100%;
    height: 100%;
}

.ab_2 .accordionList .acdPool .acdRight svg,
.ab_2 .accordionList .acdPool .acdRight img {
    width: 0.33rem;
    height: 0.33rem;
    margin-bottom: 1.5rem;
    transition: all var(--ease) 0.4s;
}

.ab_2 .accordionList .acdPool.cur .acdRight svg,
.ab_2 .accordionList .acdPool.cur .acdRight img {
    margin-bottom: 0.6rem;
}

.ab_2 .accordionList .acdPool .acdRight .acdT {
    transform: translateY(0.75rem);
    transition: all var(--ease) 0.6s;
}

.ab_2 .accordionList .acdPool .acdRight .acdT h5 {
    line-height: 1.2;
    font-size: 0.24rem;
    transition: all var(--ease) 0.4s;
}

.ab_2 .accordionList .acdPool.cur .acdRight .acdT h5 {
    font-size: 0.36rem;
}

.ab_2 .accordionList .acdPool .acdRight .acdT p {
    opacity: 0;
    transition: all var(--ease) 0.6s;
}

.ab_2 .accordionList .acdPool.cur {
    flex: 3;
    gap: 0.6rem;
}

.ab_2 .accordionList .acdPool.cur .acdLeft {
    width: 2.9rem;
}

.ab_2 .accordionList .acdPool.cur .acdRight .acdT {
    transform: translateY(0rem);
}

.ab_2 .accordionList .acdPool.cur .acdRight .acdT p {
    opacity: .7;
}

/* 关于我们-品牌简介 - ab_3 */
.ab_3 {
    padding: 0.4rem 0;
    background: #fff;
    height: 100vh;
    display: flex;
    justify-content: center;
    border-bottom: 0.01rem solid #eee;
}

.ab_3 .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* height: 100vh; */
    /* position: sticky;
    top: 0; */
}

.ab_3 .csr_sum div {
    justify-content: center;
}

.ab_3 .csr_sum p {
    color: #0003;
    line-height: 1.3;
    word-break: break-word;
    white-space: pre-line;
    position: relative;
    --after-width: 0;
}

.ab_3 .csr_sum p div:after {
    content: attr(data-word);
    position: absolute;
    clip-path: polygon(0% 0%, var(--after-width) 0%, var(--after-width) 100%, 0% 100%);
    height: 100%;
    color: #111;
    left: 0;
    right: 0;
    top: 0;
}

.ab_3 .csr_sum p.ab_3_l div::after {
    color: var(--d);
}

.ab_3 .csr_sum p.ab_3_l div:last-child::after,
.ab_3 .csr_sum p.ab_3_l div:nth-last-child(2)::after {
    color: #111;
}

.ab_3 .csr {
    width: 100%;
}

.ab_3 .csr span {
    position: relative;
}

.ab_3 .csr span::before {
    content: '';
    width: 0.6rem;
    height: 1px;
    display: flex;
    background: #0004;
    position: absolute;
    top: 50%;
    right: calc(100% + 0.2rem);
}

/* 关于我们-不知道叫啥 - ab_4 */
.ab_4 {
    display: flex;
    height: 100vh;
}

.ab_4 .abLeft {
    width: 50%;
    overflow: hidden;
    background: #000;
}

.ab_4 .abLeft ul {
    display: grid;
    height: 100%;
}

.ab_4 .abLeft ul li {
    grid-area: 1 / 1;
    opacity: 0;
    transition: all var(--ease) .8s;
}

.ab_4 .abLeft ul li img {
    object-fit: cover;
}

.ab_4 .abLeft ul li.cur {
    opacity: 1;
}

.ab_4 .abRight {
    width: 50%;
    display: grid;
    overflow: hidden;
}

.ab_4 .abRight .abg {
    display: grid;
    height: 100%;
    grid-area: 1 / 1;
    background: #000;
}

.ab_4 .abRight .abg li {
    grid-area: 1 / 1;
    filter: blur(100px) saturate(100%);
    -webkit-filter: blur(100px) saturate(100%);
    transition: all var(--ease) .5s;
    opacity: 0;
}

.ab_4 .abRight .abg li img {
    object-fit: cover;
    transform: scale(1.3);
}

.ab_4 .abRight .abg li.cur {
    opacity: 1;
}

.ab_4 .abRight .ab_SmImg {
    grid-area: 1 / 1;
    height: calc(100% + 4rem);
    margin-top: -2rem;
    width: 100%;
}

.ab_4 .abRight .ab_SmImg .swiper-slide {
    display: flex;
    align-items: center;
}

.ab_4 .abRight .ab_SmImg .swiper-slide .ab_i {
    transform: scale(0.7);
    transition: all var(--ease) .3s;
    width: 100%;
    height: 100%;
    max-width: 4rem;
    max-height: 4rem;
    margin: 0 auto;
}

.ab_4 .abRight .ab_SmImg .swiper-slide-active .ab_i {
    transform: scale(1);
    margin: 0 auto;
}

.ab_4 .abRight .ab_SmImg .swiper-slide .ab_i img {
    object-fit: cover;
}

/* 品牌历程 ab_5 */
.ab_5 {
    padding: 1.1rem 0;
    overflow: hidden;
}

.ab_5 .history {
    overflow: visible;
}

.ab_5 .history .hist {
    background: var(--b);
    border-radius: 4px;
    display: flex;
    gap: 0.4rem;
    justify-content: space-between;
    height: 100%;
}

.ab_5 .history .hist .histText {
    max-width: calc(100% - 5.8rem);
    width: 100%;
}

.ab_5 .history .hist .histText time {
    display: flex;
}

.ab_5 .history .hist .histText p {
    line-height: 1.3;
    color: #111;
    height: calc(100% - 1.2rem);
    overflow-y: auto;
}

.ab_5 .history .hist .histText p::-webkit-scrollbar-thumb {
    background-color: var(--d)
}

.ab_5 .history .hist .histImg {
    border-radius: 0.04rem;
    overflow: hidden;
    min-height: 3rem;
    min-width: 3rem;
    max-width: 5.25rem;
    max-height: 4.3rem;
    aspect-ratio: 6 / 5;
}

.ab_5 .history .hist .histImg img {
    object-fit: cover;
    transition: all var(--ease) .6s;
}

.ab_5 .hisTimeBox {
    border-top: 1px solid #ddd;
}

.ab_5 .hisTimeBox .historyTime {
    margin-top: -0.05rem;
}

.ab_5 .hisTimeBox .swiper-slide {
    color: #0004;
    position: relative;
    transition: all var(--ease) .3s;
    cursor: pointer;
    max-width: 3rem;
}

.ab_5 .hisTimeBox .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0.1rem;
    height: 0.1rem;
    background: #ddd;
    border-radius: 100%;
    transition: all var(--ease) .3s;
}

.ab_5 .hisTimeBox .swiper-slide-thumb-active {
    color: var(--c);
}

.ab_5 .hisTimeBox .swiper-slide-thumb-active::before {
    background: var(--d);
}

.ab_5 .history_Mon .swiper-button-prev,
.ab_5 .history_Mon .swiper-button-next {
    top: auto;
    bottom: 0.3rem;
    left: 0.5rem;
    margin: 0;
}

.ab_5 .history_Mon .swiper-button-next {
    left: 0.8rem;
}

.ab_5 .history_Mon .swiper-button-prev::after,
.ab_5 .history_Mon .swiper-button-next::after {
    font-size: 0.22rem;
    font-weight: bold;
    color: var(--d);
}

.ab_5 .history_Mon:hover img {
    transform: scale(1.1);
}

/* 关于我们-产业链建设 ab_6 */
.ab_6 {
    height: 80vh;
    display: grid;
    align-items: center;
    overflow: hidden;
}

.ab_6>div {
    grid-area: 1 / 1;
    flex-direction: column;
    align-items: center;
}

.ab_6>div img {
    object-fit: cover;
}

.ab_6 .ab_6Text {
    position: relative;
    z-index: 2;
}

.ab_6>div h2 {
    color: #fff;
}

.ab_6>div p {
    color: #fff;
}

.ab_6 .sJob {
    display: flex;
}

.ab_6 .sJob a {
    display: flex;
    background: var(--d);
    border-radius: 0.3rem;
    gap: 0.1rem;
    align-items: center;
    color: #fff;
}

.ab_6 .sJob a:hover {
    background: #83c4e6;
}

.ab_6 .sJob span {
    white-space: pre;
    padding: 0.12rem 0.1rem 0.12rem 0.25rem;
}

.ab_6 .sJob i {
    width: 0.4rem;
    height: 0.4rem;
    background: #fff;
    border-radius: 100%;
    margin-right: 0.05rem;
    color: var(--l);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 关于我们-品牌荣誉 ab_7 */
.ab_7 {
    padding: 1.1rem 0;
}

.ab_7 .honor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.4rem;
}

.ab_7 .honor .honorRight ul {
    display: grid;
}

.ab_7 .honor .honorRight ul li {
    grid-area: 1 / 1;
    opacity: 0;
    transform: translateY(0.5rem);
    transition: all var(--ease) 0.8s;
    min-width: 3rem;
    max-width: 5.1rem;
}

.ab_7 .honor .honorRight ul li.cur {
    transform: translateY(0px);
    opacity: 1;
}

.ab_7 .honorList {
    position: relative;
}

.ab_7 .honorList .honorTitle {
    margin-bottom: 0.06rem;
    line-height: 1.2;
    transition: all var(--ease) .3s;
}

.ab_7 .honorList .honorSum {
    opacity: 0;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all var(--ease) .3s;
}

.ab_7 .swiper-slide-active .honorList .honorSum {
    opacity: .6;
}

.ab_7 .honorList time {
    transition: all var(--ease) .3s;
}

.ab_7 .honorLeft {
    --h: 5.8rem;
    height: var(--h);
    width: 50%;
}

.ab_7 .honorLeft .honorBox {
    width: 100%;
    height: 100%;
}

.ab_7 .honorLeft .swiper-scrollbar {
    left: -0.4rem;
    right: auto;
    height: 99%;
    background: rgba(0, 0, 0, .03);
}

.ab_7 .honorLeft .honorBox .swiper-slide {
    height: calc(var(--h) / 5);
    display: flex;
    align-items: center;
    opacity: .5;
    transition: all var(--ease) .3s;
    padding-top: 0.18rem;
    cursor: pointer;
}

.ab_7 .honorLeft .honorBox .swiper-slide-active {
    opacity: 1;
    padding-top: 0;
}

.ab_7 .honorLeft .honorBox .swiper-slide:hover {
    opacity: 1;
}

.ab_7 .swiper-slide-active .honorList time {
    color: var(--d);
    opacity: 1;
}

.ab_7 .honorLeft .honorBox .swiper-slide:not(.noClick)::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.02rem;
    background: #ddd;
}

.ab_7 .honorLeft .honorBox .swiper-slide:not(.noClick)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0.02rem;
    background: var(--d);
    transition: all linear 0s;
}

.ab_7 .honorLeft .honorBox .swiper-slide-active:not(.noClick)::after {
    width: 100%;
    transition: all linear 5s;
}

.ab_7 .honorLeft .honorBox .swiper-slide.noClick {
    padding: 0;
}

/* 联系我们 co_2 */
.co_2 {
    height: auto;
    padding: 1.5rem 0;
}

.co_2 .container {
    display: flex;
    justify-content: space-between;
    gap: 0.4rem;
    margin-bottom: 0.8rem;
}

.co_2 .container:last-child {
    margin-bottom: 0;
}

.co_2 .container:nth-child(2n+0) .co_2_right {
    order: -1;
}

.co_2 .co_2_left {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.co_2 .co_2_left h1 {
    margin-bottom: 0.2rem;
    line-height: 1.2;
}

.co_2 .co_2_left>p {
    color: #666;
    display: grid;
    gap: 0.1rem;
    grid-template-columns: 0.2rem 1fr;
}

.co_2 .co_2_left>p.co2_nep {
    color: #666;
    display: grid;
    gap: 0.1rem;
    grid-template-columns: 1fr;
}

.co_2 .co_2_left>p svg {
    margin-top: 0.04rem;
    color: #111;
}

.co_2 .co_2_left>p span {
    color: inherit;
}

.co_2 .co_2_left .qr_box {
    display: flex;
    gap: 0.2rem;
    margin-top: 0.4rem;
    text-align: center;
}

.co_2 .co_2_left .qr_box .qr {
    width: 1.5rem;
}

.co_2 .co_2_left .qr_box img {
    border-radius: 0.2rem;
    border: 1px solid #e7e7e7;
    aspect-ratio: 1 / 1;
    padding: 0.15rem;
    height: auto;
    margin-bottom: 0.1rem;
}

.co_2 .co_2_right {
    max-width: 6.6rem;
    width: 100%;
    height: 4.4rem;
    border-radius: 0.04rem;
    overflow: hidden;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.co_2 .co_2_right img {
    object-fit: cover;
}

/* 联系我们 co_3 */
.co_3 {
    padding: 1.5rem 0;
}

.co_3 .co_b {
    margin-bottom: 0.3rem;
}

.co_3 .co_b h2 {
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.co_3 .co_b p {
    text-align: center;
    line-height: 1.6;
    color: #0009;
}

.co_3 .co_b p br {
    display: none;
}

/* 搜索无结果 & 搜索结果页 searchBox_1 */
.searchBox_1 {
    padding: 1.5rem 0;
}

.searchBox_1 .co_b {
    margin-bottom: 0.3rem;
}

.searchBox_1 .co_b h1 {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
}

.searchBox_1 form {
    width: 100%;
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1.4rem;
}

.searchBox_1 form .input-group input,
.searchBox_1 form .input-group .p_input {
    background: #fff;
    padding: 0.14rem 0.35rem;
    width: 100%;
    border-radius: 0;
    border: 0;
    height: 0.58rem;
}

.searchBox_1 form .formBtn {
    width: 100%;
    height: calc(100% - 0.02rem);
    background: var(--d);
    border: 0;
    border-radius: 0.3rem;
    line-height: 1.2;
    padding: 0.15rem;
    color: #fff;
    transition: background var(--ease) .3s, color var(--ease) .3s;
    cursor: pointer;
    transform: translateX(-1px);
    margin-top: 1px;
    display: flex;
    gap: 0.08rem;
    justify-content: center;
    align-items: center;
}

.searchBox_1 form .formBtn:hover {
    background: var(--l);
    color: #fff;
}

/* 搜索页面 & 搜索无结果 sno_list & search_tag */
.sno_list {
    margin: 1rem 0;
}

.sno_list .no_data {
    text-align: center;
    color: #0009;
}

.search_tag {
    margin-top: 0.4rem;
}

.search_tag .t {
    opacity: .6;
    margin-bottom: 0.1rem;
}

.search_tag .tagBox {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.search_tag .tagBox .tag_list {
    display: flex;
    gap: 0.08rem;
}

.search_tag .tagBox .tag_list a {
    background: #fff;
    padding: 0.08rem 0.14rem;
    border: 1px solid #ddd;
    display: flex;
    border-radius: 0.3rem;
    min-width: 1rem;
    justify-content: center;
}

.search_tag .tagBox .tag_list a:hover {
    border-color: var(--d);
}

.search_tag .tagBox .delete {
    opacity: .8;
}

.search_tag .tagBox .delete svg {
    width: 0.16rem;
    height: 0.16rem;
}

.search_tag .tagBox .delete:hover {
    opacity: 1;
}

/* 搜索结果页 & 搜索结果产品 & 搜索结果资讯 search_listBox */
.search_listBox {
    margin-top: 0.7rem;
}

.search_listBox .search_tab ul {
    display: flex;
    gap: 0.02rem;
}

.search_listBox .search_tab ul li {
    padding: 0.12rem 0.24rem;
    border-radius: 0.04rem;
    display: flex;
    gap: 0.1rem;
    transition: background var(--ease) .3s, color var(--ease) .3s;
    cursor: pointer;
}

.search_listBox .search_tab ul li a {
    color: var(--c);
}

.search_listBox .search_tab ul li.cur,
.search_listBox .search_tab ul li:hover {
    background: var(--d);
    color: #fff;
}

.search_listBox .search_tab ul li:hover a,
.search_listBox .search_tab ul li.cur a {
    color: #fff;
}

.search_listBox .search_tab ul li i {
    font-style: normal;
}

.search_listBox .search_tab {
    margin-bottom: 0.4rem;
}

.search_listBox .search_poolItem {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.search_listBox .search_poolItem .search_Title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.2rem;
    margin-bottom: 0.3rem;
}

.search_listBox .search_poolItem .search_Title>p {
    line-height: 1.2;
    display: flex;
    align-items: baseline;
    gap: 0.1rem;
}

.search_listBox .search_poolItem .search_Title>p span {
    opacity: .7;
}

.search_listBox .search_poolItem .search_Title>p span i {
    font-size: inherit;
    font-style: normal;
}

.search_listBox .search_poolItem .search_Title>a {
    display: flex;
    gap: 0.1rem;
    align-items: center;
}

.search_listBox .search_poolItem .search_List {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(2.6rem, 1fr));
    grid-gap: 0.4rem;
}

.search_listBox .search_poolItem .search_List .sl_box_img {
    aspect-ratio: 3 / 4;
    border-radius: 0.04rem;
    overflow: hidden;
    margin-bottom: 0.1rem;
}

.search_listBox .search_poolItem .search_List .sl_box_img img {
    object-fit: cover;
    transition: all var(--ease) .8s;
}

.search_listBox .search_poolItem .search_List .sl_box:hover img {
    transform: scale(1.1);
}

.search_listBox .search_poolItem .search_List .sl_box_title p {
    position: relative;
    display: inline-block;
}

.search_listBox .search_poolItem .search_List .sl_box_title p::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.04rem;
    border: 0;
    width: 0%;
    height: 0.02rem;
    background: var(--c);
    margin: 0 auto;
    transition: all var(--ease) .3s;
}

.search_listBox .search_poolItem .search_List .sl_box:hover p::after {
    width: 100%;
}

/* 工作机会 jo_2 */
.jo_2 {
    height: auto;
    padding: 1.5rem 0;
    overflow: hidden;
}

.jo_2 .container {
    display: flex;
    justify-content: space-between;
}

.jo_2 .jo_2_left {
    max-width: 5.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    justify-content: center;
}

.jo_2 .jo_2_left h3 {
    margin-bottom: 0.2rem;
    line-height: 1.2;
}

.jo_2 .jo_2_left h4 {
    margin-bottom: 0.2rem;
    line-height: 1.2;
}

.jo_2 .jo_2_left h4 span {
    color: var(--d);
}

.jo_2 .jo_2_left p {
    color: #666;
    line-height: 1.6;
}

.jo_2 .jo_2_right {
    max-width: 6.6rem;
    width: 100%;
    height: 5rem;
}

.jo_2 .jo_2_right .jo_2_img {
    height: 100%;
    width: calc(100% + ((var(--w) / 2) / 2));
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    border-radius: 0.04rem;
    overflow: hidden;
    max-width: 8.35rem;
}

.jo_2 .jo_2_right img {
    object-fit: cover;
}

/* 我们能提供的 jo_3*/
.jo_3 {
    padding: 1.5rem 0;
    background: var(--b);
}

.jo_3 .jo_b {
    margin-bottom: 0.6rem;
}

.jo_3 .jo_b h2 {
    text-align: center;
    line-height: 1.2;
}

.jo_3 .jo_cando .jo_cando_img {
    aspect-ratio: 16 / 10;
    border-radius: 0.04rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.jo_3 .jo_cando .jo_cando_img img {
    object-fit: cover;
}

.jo_3 .jo_cando h3 {
    margin-bottom: 0.1rem;
    line-height: 1.2;
}

.jo_3 .jo_cando p {
    color: #666;
}

.jo_3 .jo_cando {
    position: relative;
}

.jo_3 .jo_candoArr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin-top: -0.5rem;
}

.jo_3 .jo_candoArr .swiper-button-prev {
    left: -0.5rem;
    color: var(--c);
}

.jo_3 .jo_candoArr .swiper-button-next {
    right: -0.5rem;
    color: var(--c);
}

.jo_3 .jo_candoBox {
    position: relative;
}

.jo_3 .jo_candoArr>div::after {
    font-weight: bold;
    font-size: .32rem;
}

.jo_3 .jo_candoArr>div:hover::after {
    color: var(--l);
}

/* 招聘岗位 jo_4*/
.jo_4 {
    padding: 1.5rem 0;
    background: #fff;
}

.jo_4 .jo_b {
    margin-bottom: 0.6rem;
}

.jo_4 .jo_b h2 {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
}

.jo_4 .jo_4_list {
    padding: 0;
    background: none;
}

.jo_4 .jo_4_list form {
    display: flex;
    justify-content: space-between;
    gap: 0.2rem;
    border: none;
    background: none;
    border-radius: inherit;
    margin-bottom: 0.2rem;
}

.jo_4 .jo_4_list form .jo_item {
    position: relative;
    display: flex;
    gap: 0.1rem;
}

.jo_4 .jo_4_list form .jo_item select {
    border-radius: 0.3rem;
    border: 1px solid #efefef;
    padding-left: 0.3rem;
    width: 100%;
    appearance: none;
    padding-right: 0.4rem;
    background: url('../svg/arrow.svg') no-repeat right 0.2rem center #fff;
    background-size: 0.12rem;
    min-width: 2.2rem;
    cursor: pointer;
}

.jo_4 .jo_4_list .jo_4_searchNum {
    color: #0006;
    margin-bottom: 0.1rem;
}

.jo_4 .jo_4_list .jo_4_searchNum span {
    color: var(--l);
    margin: 0 0.04rem;
}

.jo_4 .jo_4_list .jo_4_listItemBox {
    border-top: 1px solid #eee;
}

.jo_4 .jo_4_list .jo_4_listItem {
    display: grid;
    grid-template-columns: 1fr 0.6fr 0.6fr 1fr 1fr;
    padding: 0 0.25rem;
    align-items: center;
    gap: 0.2rem;
    border-bottom: 1px solid #eee;
    height: 0.82rem;
    color: var(--c);
}

.jo_4 .jo_4_list .jo_4_listItem:hover {
    background: #7ab9da;
    color: #fff;
}

.jo_4 .jo_4_list .jo_4_listItem .jo_lie {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.jo_4 .jo_4_list .jo_4_listItem .jo_lie .jo_type {
    background: rgb(122 185 218 / 10%);
    color: var(--d);
    border: 1px solid var(--d);
    padding: 0.02rem 0.08rem;
    border-radius: 0.3rem;
    transition: all var(--ease) .3s;
}

.jo_4 .jo_4_list .jo_4_listItem .jo_lie svg {
    height: 0.23rem;
    width: 0.2rem;
}

.jo_4 .jo_4_list .jo_4_listItem .jo_4_time p {
    color: #0006;
}

.jo_4 .jo_4_list .jo_4_listItem .jo_4_more {
    display: flex;
    justify-content: flex-end;
}

.jo_4 .jo_4_list .jo_4_listMore {
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jo_4 .jo_4_list .jo_4_listMore p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.07rem;
    opacity: .5;
    cursor: pointer;
}

.jo_4 .jo_4_list .jo_4_listMore p img {
    width: 0.14rem;
}

.jo_4 .jo_4_list .jo_4_listItem p {
    transition: all var(--ease) .3s;
}

.jo_4 .jo_4_list .jo_4_listItem:hover p {
    color: #fff;
}

.jo_4 .jo_4_list .jo_4_listItem:hover .jo_lie .jo_type {
    color: #fff;
    border: 1px solid #fff;
}

/* 岗位详情 jod_1 */
.jod_1 .j1 {
    margin-top: 0.8rem;
    display: grid;
    grid-template-columns: 1fr 25%;
    gap: 0.7rem;
}

.jod_1 .j1 .jod_1_left .jobName {
    color: var(--c);
    line-height: 1.2;
    margin-bottom: 0.35rem;
}

.jod_1 .j1 .jod_1_left .jobxx {
    display: flex;
    gap: 0.24rem;
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #eee;
}

.jod_1 .j1 .jod_1_left .jobxx .jobType {
    color: var(--d);
}

.jod_1 .j1 .jod_1_left .jobxx .aTim {
    color: #0006;
}

.jod_1 .j1 .jod_1_left .jobxx span {
    color: #0006;
}

.jod_1 .j1 .jod_1_right {
    margin-top: 1.4rem;
}

.jod_1 .j1 .jod_1_left .sJob {
    display: flex;
}

.jod_1 .j1 .jod_1_left .sJob a {
    display: flex;
    background: var(--d);
    border-radius: 0.3rem;
    gap: 0.1rem;
    align-items: center;
    color: #fff;
}

.jod_1 .j1 .jod_1_left .sJob a:hover {
    background: #83c4e6;
}

.jod_1 .j1 .jod_1_left .sJob span {
    white-space: pre;
    padding: 0.12rem 0.1rem 0.12rem 0.25rem;
}

.jod_1 .j1 .jod_1_left .sJob i {
    width: 0.4rem;
    height: 0.4rem;
    background: #fff;
    border-radius: 100%;
    margin-right: 0.05rem;
    color: var(--l);
    display: flex;
    justify-content: center;
    align-items: center;
}

.jod_1 .j1 .jod_1_right .jod_1_hot {
    background: #fff;
    box-shadow: var(--boxShadow);
    padding: 0.4rem;
}

.jod_1 .j1 .jod_1_right .jod_1_hot_title {
    margin-bottom: 0.24rem;
}

.jod_1 .j1 .jod_1_right .jod_1_hot_list {
    display: flex;
    flex-direction: column;
}

.jod_1 .j1 .jod_1_right .jod_1_hot_list_item_text {
    margin-bottom: 0.24rem;
    padding-bottom: 0.24rem;
    border-bottom: 1px solid #eee;
}

.jod_1 .j1 .jod_1_right .jod_1_hot_list_item_text time {
    color: #0006;
    margin-bottom: 0.04rem;
    display: flex;
    line-height: 1.2;
}

.jod_1 .j1 .jod_1_right .jod_1_hot_list_item_text h4 {
    display: flex;
    justify-content: space-between;
}

.jod_1 .j1 .jod_1_right .jod_1_hot_list_item_text svg {
    opacity: 0;
    transition: all var(--ease) .3s;
}

.jod_1 .j1 .jod_1_right .jod_1_hot_list_item_text a:hover svg {
    opacity: 1;
}

/* 投递简历 suj_1 */
.suj_1 .suj_b {
    color: var(--c);
}

.suj_1 .suj_b p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    margin-top: 0.1rem;
    line-height: 1.2;
}

.suj_1 .suj_b p svg {
    color: var(--d);
}

.suj_1 .yzm .input-group {
    max-width: 4rem;
}

/* 产品 ny_bannerProduct*/
.ny_bannerProduct {
    height: 7.6rem;
}

.ny_bannerProduct .banner-info {
    --c: #323232;
    height: 3.4rem;
}

/* 产品 列表 & 详情 po_2*/
.po_2 {
    background: var(--b);
    position: relative;
}

.po_2 .po:nth-child(2n+0) {
    background: #fff;
}

.po_2 .po_title {
    color: var(--c);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.2rem;
}

.po_2 .po_title p {
    margin-top: 0.06rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}

.po_2 .po_title .po_r {
    position: relative;
    display: flex;
    gap: 0.1rem;
}

.po_2 .po_title .po_r>div {
    background: rgb(122 185 218 / 30%);
    color: var(--d);
    border-radius: 100%;
    width: 0.48rem;
    height: 0.48rem;
    position: static;
    margin: 0;
    transition: all var(--ease) .3s;
}

.po_2 .po_title .po_r>div::after {
    font-size: 0.16rem;
    font-weight: bold;
}

.po_2 .po_title .po_r>div:hover {
    background: var(--d);
    color: #fff;
}

.po_2 .po_title h2 {
    font-weight: bold;
}

.po_2 .sl_box_img {
    aspect-ratio: 3 / 4;
    border-radius: 0.04rem;
    overflow: hidden;
    margin-bottom: 0.1rem;
}

.po_2 .sl_box_img img {
    object-fit: cover;
    transition: all var(--ease) .8s;
}

.po_2 .sl_box:hover img {
    transform: scale(1.1);
}

.po_2 .sl_box_title {
    text-align: center;
    padding-bottom: 0.04rem;
}

.po_2 .sl_box_title p {
    position: relative;
    display: inline-block;
}

.po_2 .sl_box_title p::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.04rem;
    border: 0;
    width: 0%;
    height: 0.02rem;
    background: var(--c);
    margin: 0 auto;
    transition: all var(--ease) .3s;
}

.po_2 .sl_box:hover p::after {
    width: 100%;
}

.po_2 .po_menu {
    position: sticky;
    width: calc((100% - var(--w)) / 2);
    display: flex;
    justify-content: center;
    z-index: 2;
    top: 0;
    height: 0;
    padding-left: 0.3rem;
}

.po_2 .po_menu .p_m {
    display: flex;
    height: fit-content;
}

.po_2 .po_menu .p_ml {
    margin-top: 0.12rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.po_2 .po_menu .p_m .p_mItem {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    position: relative;
}

.po_2 .po_menu .p_m .p_mItem p {
    cursor: pointer;
    transition: all var(--ease) .3s;
    opacity: .6;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}

.po_2 .po_menu .p_m .p_mItem p.cur {
    opacity: 1;
}

.po_2 .po_menu .p_m .p_mItem p:hover {
    color: var(--d);
}

.po_2 .po_menu .p_m .p_mLine {
    height: calc(100% - 0.1rem);
    width: 0.02rem;
    background: #eee;
    position: relative;
}

.po_2 .po_menu .p_m .p_mLine::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--d);
    height: var(--h);
}

.po_2 .po_menu .p_m .p_mLine::before {
    content: '';
    position: absolute;
    left: -0.066rem;
    top: calc(var(--i) - 0px);
    background-image: url(../svg/water.svg);
    background-size: contain;
    width: 0.15rem;
    height: 0.15rem;
}

.po_2 .po_list:not(.swiper) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(2.6rem, 1fr));
    grid-gap: 0.4rem;
}

.po_2 .pod {
    background: #fff;
}

.po_2 .pod .po_title {
    justify-content: center;
}

/* 产品详情 pod_1 */
.pod_1 {
    background: var(--b);
}

.pod_1 .container {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.pod_1 .container .pod_left {
    max-width: 6.4rem;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 0.3rem;
}

.pod_1 .container .pod_left .pod_ls {
    height: 100%;
    overflow: visible;
}

.pod_1 .container .pod_left .pod_ls .swiper-pagination {
    bottom: -0.3rem;
}

.pod_1 .container .pod_left .pod_ls .swiper-pagination-bullet-active {
    background: var(--d);
}

.pod_1 .container .pod_right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 0.3rem;
    width: 43%;
}

.pod_1 .pod_1_img {
    border-radius: 0.04rem;
    overflow: hidden;
    height: 100%;
}

.pod_1 .pod_1_img img {
    object-fit: cover;
    transition: all var(--ease) .8s;
}

.pod_1 .pod_1_img:hover img {
    transform: scale(1.1);
}

.pod_1 .pod_information ul {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #d5e9f4;
}

.pod_1 .pod_information ul li {
    border-bottom: 1px solid #d5e9f4;
}

.pod_1 .pod_information .pod_l {
    display: grid;
    gap: 0.2rem;
    grid-template-columns: 0.4rem 1fr;
}

.pod_1 .pod_information .pod_l .pod_l_text {
    display: flex;
    flex-direction: column;
    gap: 0.02rem;
}

.pod_1 .pod_information>a {
    width: 100%;
    background: var(--d);
    border: 0;
    border-radius: 0.3rem;
    line-height: 1.2;
    padding: 0.15rem 0.15rem;
    color: #fff;
    transition: background var(--ease) .3s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    display: none;
}

.pod_1 .pod_information>a:hover {
    background: var(--l);
}

/* 产品链建设 */
.poc_2 {
    background: #fff;
}

.poc_2 .podB {
    position: relative;
}

.poc_2 .podB .pod_line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: var(--h);
    background: var(--d);
    opacity: .8;
}

.poc_2 .podB .pod_line::before {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    position: absolute;
    top: 0;
    left: -0.04rem;
    background: var(--l);
    border-radius: 100%;
}

.poc_2 .podB .pod_line::after {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    position: absolute;
    bottom: -0.08rem;
    left: -0.04rem;
    background: var(--l);
    border-radius: 100%;
}

.poc_2 .podB_item {
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0;
}

.poc_2 .podB_item .po_img {
    width: 45%;
    aspect-ratio: 6 / 4;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.poc_2 .podB_item .po_img img {
    object-fit: cover;
    overflow: hidden;
    border-radius: 0.04rem;
}

.poc_2 .podB_item .po_img .swiper-pagination {
    position: static;
    margin-top: 0.08rem;
}

.poc_2 .podB_item .po_img .swiper-pagination span {
    background: var(--d);
}

.poc_2 .podB_item .po_text {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.poc_2 .podB_item .po_text .t {
    position: relative;
}

.poc_2 .podB_item .po_text .t::before {
    content: '';
    position: absolute;
    left: -0.84rem;
    top: 50%;
    width: 0.32rem;
    height: 0.32rem;
    background: #e4f1f8;
    border-radius: 100%;
    transform: translateY(-50%);
}

.poc_2 .podB_item .po_text .t::after {
    content: '';
    position: absolute;
    left: -0.72rem;
    top: 50%;
    width: 0.08rem;
    height: 0.08rem;
    background: var(--d);
    border-radius: 100%;
    transform: translateY(-50%);
}

.poc_2 .podB_item.r .po_text {
    order: -1;
}

.poc_2 .podB_item.r .po_text .t::before {
    right: -0.84rem;
    left: auto;
}

.poc_2 .podB_item.r .po_text .t::after {
    right: -0.72rem;
    left: auto;
}

.poc_2 .podB_item:last-child {
    padding-bottom: 1.8rem;
}

.poc_2 .podB_item .po_imgBig {
    overflow: hidden;
}

.poc_2 .podB_item .po_iCover {
    width: 70%;
    overflow: visible;
}

.poc_2 .podB_item .po_iCover .pod_video {
    aspect-ratio: 16 / 8.2;
    border-radius: 0.04rem;
    overflow: hidden;
    transition: all var(--ease) .3s;
    cursor: pointer;
    background-color: #f5f6f7;
}

.poc_2 .podB_item .po_iCover .pod_video video {
    object-fit: cover;
    transition: all var(--ease) .3s;
}

.poc_2 .podB_item .po_iCover .swiper-slide {
    opacity: 0;
    transition: opacity var(--ease) .3s, transform;
}

.poc_2 .podB_item .po_iCover .swiper-slide-active {
    opacity: 1;
}

.poc_2 .podB_item .po_iCover .swiper-slide-prev {
    opacity: .4;
}

.poc_2 .podB_item .po_iCover .swiper-slide-next {
    opacity: .4;
}

.poc_2 .podB_item .po_iCover .swiper-button-prev,
.poc_2 .podB_item .po_iCover .swiper-button-next {
    left: -1rem;
    border-radius: 100%;
    width: 0.5rem;
    height: 0.5rem;
    background: var(--d);
    color: #fff;
    transition: all var(--ease) .3s;
}

.poc_2 .podB_item .po_iCover .swiper-button-next {
    left: auto;
    right: -1rem;
}

.poc_2 .podB_item .po_iCover .swiper-button-prev:hover,
.poc_2 .podB_item .po_iCover .swiper-button-next:hover {
    background: var(--l);
}

.poc_2 .podB_item .po_iCover .swiper-button-prev::after,
.poc_2 .podB_item .po_iCover .swiper-button-next::after {
    font-size: 0.18rem;
    font-weight: bold;
}

.poc_2 .podB_item .po_iCover .pod_video .pod_vButton {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: all var(--ease) .3s;
    pointer-events: none;
}

.poc_2 .podB_item .po_iCover .pod_video .pod_vButton svg {
    color: #fff;
    height: auto;
    width: 0.8rem;
}

.poc_2 .podB_item .po_iCover .pod_video:hover {
    background: #000;
}

.poc_2 .podB_item .po_iCover .pod_video:hover video {
    opacity: 0.8;
}

/* 合作伙伴 pa_2 */
.pa_3 h2 {
    color: var(--c);
    font-weight: bold;
}

.pa_2 {
    background: var(--b);
}

.pa_2 .partner_Img {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(1.85rem, 1fr));
    gap: 0.15rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pa_2 .partner_Img>div {
    height: 1.2rem;
    width: calc((100% / 6) - 0.15rem);
    background: #fff;
}

/* 我们的客户 pa_3*/
.pa_3 .pao_t {
    color: var(--d);
}

.pa_3 .pao_t span {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: pre;
    gap: 0.4rem;
    font-weight: bold;
}

.pa_3 .pao_t span::before {
    content: '';
    width: 100%;
    display: flex;
    height: 1px;
    background: var(--d);
}

.pa_3 .pao_t span::after {
    content: '';
    width: 100%;
    display: flex;
    height: 1px;
    background: var(--d);
}

.pa_3 .pao {
    display: grid;
}

.pa_3 .pao {
    column-gap: 0.4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
}

.pa_3 .pao .paoImg {
    border-radius: 100%;
    width: 0.6rem;
    height: 0.6rem;
    overflow: hidden;
    box-shadow: var(--boxShadow);
    display: block;
    /* margin: 0 auto; */
}

.pa_3 .pao .paoImg img {
    object-fit: cover;
}

.pa_3 .pao .paoBreak {
    flex-basis: 100%;
    height: 0;
    padding: 0.2rem 0;
}

/* 品牌资讯 n_1 */
.n_1 {
    background: var(--b);
}

.n_1 .n_hot {}

.n_1 .n_hot a {
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.04rem;
    overflow: hidden;
}

.n_1 .n_hot .n_hot_left {
    width: 40%;
    overflow: hidden;
    background: #f5f6f7;
    aspect-ratio: 5 / 3.8;
}

.n_1 .n_hot .n_hot_left img {
    object-fit: cover;
    transition: all var(--ease) .3s;
}

.n_1 .n_hot .n_hot_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60%;
    padding: 0.4rem 0.5rem;
}

.n_1 .n_hot .n_hot_right .nhb {
    max-width: 6rem;
    width: 100%;
}

.n_1 .n_hot .n_hot_right time {
    color: var(--d);
    margin-bottom: 0.06rem;
    display: flex;
}

.n_1 .n_hot .n_hot_right h4 {
    line-height: 1.2;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--c);
}

.n_1 .n_hot .n_hot_right p {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.n_1 .n_hot .n_hot_right .nhArr {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.n_1 .n_hot .n_hot_right .nhArr>div {
    position: static;
    width: auto;
    display: flex;
    gap: 0.05rem;
}

.n_1 .n_hot .n_hot_right .nhArr .swiper-button-prev,
.n_1 .n_hot .n_hot_right .nhArr .swiper-button-next {
    width: 0.38rem;
    height: 0.38rem;
    background: var(--q);
    color: var(--l);
    border-radius: 100%;
    margin: 0;
}

.n_1 .n_hot .n_hot_right .nhArr .swiper-button-prev::after,
.n_1 .n_hot .n_hot_right .nhArr .swiper-button-next::after {
    font-size: 0.14rem;
    font-weight: bold;
}

.n_1 .n_hot .n_hot_right .nhArr span {
    background: var(--l);
    width: 0.08rem;
    height: 0.08rem;
    margin: 0;
}

.n_1 .n_hot:hover img {
    transform: scale(1.05);
}

/* 品牌资讯-列表 newsList */
.newsList {
    column-count: 3;
    column-gap: 0.8rem;
    display: block;
}

.newsList .nl_box_title {
    text-align: left;
}

.newsList time {
    color: #0006;
    margin-top: 0.2rem;
    margin-bottom: 0.06rem;
    display: flex;
    line-height: 1.2;
}

.newsList .newsLabel {
    margin-top: 0.24rem;
    display: flex;
    gap: 0.03rem;
    flex-wrap: wrap;
}

.newsList .newsLabel span {
    padding: 0.04rem 0.15rem;
    border-radius: 0.3rem;
    background: #EBF6FC;
    color: #7AB9DA;
}

.newsList .nl_box_title p::after {
    display: none;
}

.newsList .nl_box_img {
    aspect-ratio: auto;
    overflow: hidden;
    border-radius: 0.04rem;
}

.newsList .nl_box_img img {
    object-fit: cover;
    transition: all var(--ease) .8s;
}

.newsList .nl_box:hover img {
    transform: scale(1.1);
}

.newsList a {
    break-inside: avoid;
    margin-bottom: 0.8rem;
    display: block;
}

.newsList a .nl_box_title p {
    transition: all var(--ease) 0.3s;
}

.newsList a:hover .nl_box_title p {
    color: var(--d);
}

/* 标签 tag */
.tag {
    display: flex;
}

.tag ul {
    display: flex;
    gap: 0.1rem;
    flex-wrap: wrap;
}

.tag ul li {
    display: flex;
}

.tag ul li a {
    background: #EBF6FC;
    color: #7AB9DA;
    padding: 0.04rem 0.13rem;
    border-radius: 0.3rem;
}

.tag ul li a:hover {
    color: #fff;
    background: var(--l);
}

/* 分类 fl */
.fl {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.fl ul {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.fl ul li {
    display: flex;
}

.fl ul li a {
    color: var(--c);
    position: relative;
}

.fl ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 0%;
    height: 2px;
    background: var(--d);
    margin: 0 auto;
    transition: all var(--ease) .3s;
}

.fl ul li a:hover::after {
    width: 100%;
}

.fl ul li.cur a::after {
    width: 100%;
}

.fl ul li.cur a {
    color: var(--d)
}

/* 搜索 search*/
form .search {
    border-radius: 0.3rem;
    border: 1px solid #efefef;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 0.1rem;
    position: relative;
}

form .search .input-group input {
    padding: 0.14rem 0.35rem;
    border-radius: 0;
    border: 0;
}

form .search .formBtn {
    background: none;
    color: var(--c);
    width: 0.7rem;
    padding: 0;
    margin: 0;
}

/* 品牌资讯-搜索 */
form .search.d {
    background: var(--q);
}

form .search.d input {
    background: none;
    padding: 0 0.15rem;
    height: 0.48rem;
}

form .search.d .formBtn {
    height: 0.4rem;
    width: 0.4rem;
    background: #fff;
    margin-right: 0.06rem;
    color: var(--l);
}

/* 品牌资讯-详情 nDetail */
.nDetail {
    background: var(--b);
}

.nDetail .nxx {
    justify-content: center;
    column-gap: 0.3rem;
    row-gap: 0.1rem;
    flex-wrap: wrap;
}

.nDetail .nxx p {
    color: var(--d);
}

.nDetail .richText {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
    border-bottom: 0px solid #eee;
}

/* 详情富文本 */
.richText {
    margin-bottom: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #eee;
    line-height: 1.8;
}

.richText * {
    line-height: inherit;
}

.richText h1,
.richText h2,
.richText h3,
.richText h4,
.richText h5,
.richText h6 {
    font-weight: bold;
}

/* 上下页 goDetail */
.goDetail {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.goDetail .gl {
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
}

.goDetail .gl a {
    opacity: .7;
}

.goDetail .gl a:hover {
    opacity: 1;
}

.goDetail .gb a {
    background: var(--l);
    color: #fff;
    border-radius: 30px;
    padding: 0.15rem 0.3rem;
}

/* 详情-标签 detailTag */
.detailTag {
    display: flex;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #b7d9eb;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.14rem;
}

.detailTag .l {
    display: flex;
    align-items: center;
}

.detailTag .l span {
    white-space: pre;
}

.detailTag .l ul {
    display: flex;
    gap: 0.1rem;
    flex-wrap: wrap;
}

.detailTag .l li {
    background: var(--d);
    color: #fff;
    padding: 0.04rem 0.12rem;
    border-radius: 0.3rem;
    white-space: pre;
}

.detailTag .r {
    display: flex;
    align-items: center;
    gap: 0.12rem;
}

.detailTag .r ul {
    display: flex;
    gap: 0.14rem;
}

.detailTag .r li {
    color: var(--c);
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all var(--ease) .3s;
    position: relative;
}

.detailTag .r li:hover {
    opacity: 1;
    color: var(--d);
}

.detailTag .r li svg {
    height: auto;
    width: 0.2rem;
    display: flex;
    opacity: .6;
}

.detailTag .r li svg {
    opacity: 0.6;
}

.detailTag .r li #qrcode {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0.06rem;
    top: 100%;
    display: none;
}

.detailTag .r li.cur #qrcode {
    display: flex;
}

/* 品牌资讯-相关 ndd */
.ndd .newsList {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3rem, 1fr));
    grid-gap: 0.7rem;
}

.ndd .newsList .nl_box_img {
    aspect-ratio: 5 / 3;
}

.ndd .newsList .nl_box {
    margin: 0;
}

/* 品牌资讯-标签页 nt_1 */
.nt_1 .tag {
    justify-content: space-between;
}

.nt_1 .tag .tT {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

.nt_1 .tag .tT h1 {
    line-height: 1.2;
    color: var(--c);
}

.nt_1 .tag .tT p {
    display: flex;
    gap: 0.04rem;
}

.nt_1 .tag .tT p span {
    color: var(--d);
}

.nt_1 .tag .t {
    display: flex;
    align-items: center;
}

.nt_1 .tag .t>p {
    white-space: pre;
}

/* 其他页面 inf */
.inf .update {
    justify-content: center;
    gap: 0.2rem;
}

.inf .richText {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: justify;
}

.inf .wl {
    padding-left: 1em;
}

.inf .wl,
.inf .wl li {
    list-style-type: disc;
}

.inf .wl li {
    color: var(--d);
    line-height: 2.2;
}

/* 修改新增样式 */
.n_2 .tag {
    width: 100%;
}

.ab1_2 {
    position: relative;
}

.r-img {
    max-width: 0.13rem;
}

.ww:not(.group),
.ww.group>* {
    opacity: 0;
}

.poc_2 .co_b h2 {
    margin-bottom: 0.1rem;
    font-weight: bold;
}

form .p_group .input-group select {
    background: url(/static/home/svg/arrow.svg) no-repeat 97% center #fff;
    background-size: 16px;
}

.jo_4 .searchBox_1 form .input-group input,
.jo_4 .searchBox_1 form .input-group .p_input {
    height: 0.46rem;
    padding: 0.1rem 0.35rem;
}

/* 修改新增 2025-06-04 */
.pod_1 .podarr {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.04rem;
    flex-wrap: wrap;
    margin: 0.3rem auto 0;
}

.pod_1 .podarr a {
    flex: 1;
    transition: all var(--ease) .3s;
    background: var(--d);
    color: #fff;
    padding: 0.1rem 0.15rem;
    text-align: center;
    border-radius: 0.04rem;
}

.pod_1 .podarr a:hover {
    background: #5ea1c4;
}

.poc_2 .po_menu {
    display: none;
}

.history .swiper-slide-prev,
.history .swiper-slide-next {
    cursor: pointer;
}

.history .swiper-slide {
    height: auto;
}

.history_Mon {
    height: 100%;
}

@media screen and (max-width: 1440px) {
    .po_2 .po_menu {
        display: none;
    }

    .pa_3 .pao {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
        gap: 0.4rem;
    }

    .pa_3 .pao .paoBreak {
        display: none;
    }

    .poc_2 .podB_item .po_text .t::before {
        display: none;
    }

    .poc_2 .podB_item .po_text .t::after {
        display: none;
    }

    .ab_1 .ab_bottom ul li {
        padding: 0.4rem 0.7rem;
    }

    .jo_3 .jo_candoArr .swiper-button-prev {
        left: -0.35rem;
    }

    .jo_3 .jo_candoArr .swiper-button-next {
        right: -0.35rem;
    }

}

@media screen and (max-width: 1024px) {
    .jo_3 .jo_candoArr .swiper-button-prev {
        display: none;
    }

    .jo_3 .jo_candoArr .swiper-button-next {
        display: none;
    }

    .co_2 .co_2_right {
        max-width: none;
        width: 48%;
    }

    .co_2 .co_2_left {
        max-width: none;
        width: 40%;
    }

    .pod_1 .container {
        gap: 0.6rem;
    }

    .pod_1 .container .pod_left {
        width: 60%;
    }
}

@media screen and (max-width: 768px) {
    .suj_1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .searchBox_1 {
        padding: 70px 0;
    }

    .search_listBox {
        margin-top: 40px;
    }

    .search_listBox .search_poolItem .search_List {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

    .search_listBox .search_tab ul li {
        padding: 8px 15px;
    }

    .searchBox_1 .co_b {
        margin-bottom: 20px;
    }

    .searchBox_1 form .formBtn span {
        display: none;
    }

    .searchBox_1 form {
        grid-template-columns: 1fr 50px;
    }

    .newsList {
        column-count: 2;
        column-gap: 20px;
    }

    .search_listBox .search_poolItem .search_Title {
        align-items: center;
    }

    .search_listBox .search_poolItem .search_Title a {
        font-size: 0;
        padding: 4px;
        gap: 0;
    }

    .searchBox_1 form .input-group input,
    .searchBox_1 form .input-group .p_input {
        padding: 0.14rem 0.20rem;
    }

    .pod_1 .container {
        gap: 0.3rem;
        flex-direction: column;
    }

    .pod_1 .container .pod_left {
        width: 100%;
        max-width: none;
        padding-bottom: 0rem;
    }

    .pod_1 .container .pod_right {
        width: 100%;
    }

    .po_2 .po_list:not(.swiper) {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

    .ny_bannerProduct {
        --banh: 520px;
        height: var(--banh);
    }

    .ny_bannerProduct .banner-info {
        /*height: calc((var(--banh) / 2) - 0.2rem);*/
        /*background: linear-gradient(0deg, #ffffff, #ffffff00);*/
        /*position: absolute;*/
        /*bottom: 0;*/
        /*padding-top: 340px;*/
        /*height: auto;*/
        /*text-align: left;*/
        /*width: 100%;*/
        /*align-items: flex-start;*/
    }

    .po_2 .po_title .po_r {
        /* display: none; */
    }

    .po_2 .po_title .po_r>div {
        width: 0.32rem;
        height: 0.32rem;
    }

    .po_2 .po_title .po_r>div::after {
        font-size: 0.12rem;
        font-weight: bold;
    }

    .nt_1 .tag {
        flex-direction: column;
        gap: 0.2rem;
    }

    .nt_1 .tag .t {
        align-items: baseline;
        flex-direction: column;
        gap: 0.1rem;
    }

    .detailTag .l {
        align-items: baseline;
        gap: 0.1rem;
    }

    .fl ul {
        gap: 0.2rem;
        order: 2;
        flex-wrap: wrap;
    }

    .n_1 .n_hot a {
        flex-direction: column;
    }

    .n_1 .n_hot .n_hot_left {
        width: 100%;
    }

    .n_1 .n_hot .n_hot_right {
        width: 100%;
        padding: 0.3rem 0.2rem;
    }

    .fl {
        flex-wrap: wrap;
        gap: 20px;
    }

    .fl form {
        width: 100%;
    }

    .fl form .search {
        display: grid;
        grid-template-columns: 1fr 0.45rem;
    }

    .n_1 .n_hot {
        margin-top: 30px;
    }

    .jod_1 .j1 {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .jod_1 h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .jod_1 .jod_1_right {
        margin-top: 0rem;
    }

    .jod_1 .jod_1_right .jod_1_hot {
        padding: 0.3rem;
    }

    .jo_2 .container {
        gap: 0.3rem;
    }

    .jo_2 .jo_2_left {
        max-width: 50%;
    }

    .jo_2 .jo_2_right {
        max-width: 50%;
        overflow: hidden;
    }

    .jo_2 .jo_2_right .jo_2_img {
        width: 100%;
        height: auto;
    }

    .jo_2 {
        padding: 78px 0;
    }

    .jo_3 {
        padding: 78px 0;
    }

    .jo_4 {
        padding: 78px 0;
    }

    .jo_4 .jo_4_list .jo_4_listItem {
        grid-template-columns: 1fr 0.5fr 0.5fr 0.2rem;
    }

    .jo_4 .jo_4_list .jo_4_listItem .jo_4_time {
        display: none;
    }

    .jo_4 .jo_4_list form {
        flex-direction: column;
        gap: 0.1rem;
        margin-bottom: 0.4rem;
    }

    .jo_4 .jo_4_list form .search {
        gap: 0.1rem;
        display: grid;
        grid-template-columns: 1fr 0.76rem;
    }

    .jo_4 .jo_4_list form .jo_item select {
        padding: 0.15rem 0.4rem 0.15rem 0.3rem;
    }

    .poc_2 .podB_item .po_iCover .swiper-button-prev,
    .poc_2 .podB_item .po_iCover .swiper-button-next {
        display: none;
    }

    .co_2 .co_2_left .qr_box .qr {
        width: 0.9rem;
    }

    .co_2 .co_2_left .qr_box img {
        padding: 0.08rem;
    }

    .ab_1 .ab_bottom ul li {
        padding: 0.15rem 0.2rem;
        height: 33.333%;
    }

    .ab_1 .ab_bottom ul {
        flex-direction: column;
    }

    .ab_1 {
        --asb: 5rem;
    }

    .ab_2 .accordionList .acdPool {
        flex-direction: column;
        padding: 0.2rem;
        justify-content: space-between;
        gap: 0.2rem;
        min-height: auto;
        margin-right: 0;
        margin-bottom: 0.02rem;
    }

    .ab_2 .accordionList .acdPool .acdLeft {
        width: 0;
        height: 0;
    }

    .ab_2 .accordionList .acdPool.cur .acdLeft {
        width: 100%;
        height: 4.4rem;
    }

    .ab_2 .accordionList .acdPool .acdRight {
        max-width: 100%;
        height: auto;
        gap: 0.4rem;
        padding: 0 0 0.2rem 0;
    }

    .ab_2 .accordionList .acdPool .acdRight .acdT h5 {
        font-size: 0.24rem;
    }

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

    .ab_2 .accordionList .acdPool {
        gap: 0;
        justify-content: flex-start;
    }

    .ab_2 .accordionList .acdPool .acdRight .acdT p {
        opacity: 1;
    }

    .ab_2 .accordionList .acdPool .acdRight .acdT {
        transform: none;
    }

    .ab_4 .abRight .ab_SmImg .swiper-slide .ab_i {
        max-width: 4rem;
        max-height: 4rem;
        border-radius: 10px;
        overflow: hidden;
    }

    .ab_4 {
        flex-direction: column;
        height: auto;
    }

    .ab_4 .abLeft {
        width: 100%;
        height: 3rem;
        display: none;
    }

    .ab_4 .abRight {
        width: 100%;
    }

    .ab_4 .abRight .ab_SmImg {
        height: 5rem;
        margin: 0;
        padding: 0.6rem 0;
    }

    .ab_4 .abRight .abg {
        height: 5rem;
    }

    .ab_5 .history .hist .histText p {
        font-size: 0.22rem;
        height: auto;
        overflow-y: inherit;
    }

    .ab_6>div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ab_6>div img {
        transform: none !important;
    }

    .ab_6 {
        height: 50vh;
    }

    .ab_7 .honor .honorRight ul li {
        /* display: none; */
        transform: translateY(0rem);
    }

    .ab_7 .honorLeft {
        --h: 6.8rem;
        width: 100%;
    }

    .co_b p br {
        display: none;
    }

    .backTop {
        right: 0.15rem;
        bottom: 0.15rem;
        width: 0.5rem;
        height: 0.5rem;
    }

    .bText {
        max-width: 3.4rem;
    }

    .bText br {
        display: none;
    }

    .ab_1 .ab1_iText img {
        max-width: 2.4rem;
    }

    .sMap {
        height: auto;
    }

    .sMap .sMapList ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.3rem;
        row-gap: 0.06rem;
    }

    .sMap .sMapList ul li:first-child {
        width: 100%;
    }

    .sMap .sMapList ul li {
        width: auto;
    }

    .sMap .sMapList {
        grid-template-columns: 1fr;
    }

    .ab_3 .f-42 {
        font-size: 24px;
    }

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

    .honorRight {
        order: -2;
    }

    .ab_5 .history_Mon .swiper-button-next,
    .ab_5 .history_Mon .swiper-button-prev {
        background: rgb(0 0 0 / 40%);
        border-radius: 0.6rem;
        width: 0.4rem;
        height: 0.4rem;
    }

    .ab_5 .history_Mon .swiper-button-next {
        left: 1rem;
    }

    .newsList .newsLabel span {
        padding: 0.04rem 0.1rem;
    }

    .pa_2 .partner_Img>div {
        height: 0.8rem;
        width: calc((100% / 4) - 0.15rem);
    }

    .ab_3 {
        padding: 0.15rem 0;
        height: 55vh;
    }

    .detailTag {
        align-items: flex-start;
        gap: 0.1rem;
        flex-direction: column;
    }

    .pod_1 .container {
        gap: 0.3rem;
    }

    .ab_5 .history .hist {
        flex-direction: column;
    }

    .ab_5 .history .hist .histText {
        max-width: 100%;
        width: 100%;
    }

    .ab_5 .history .hist .histImg {
        max-width: 100%;
        width: 100%;
        min-width: none;
        height: auto;
    }

    .ab_5 .history_Mon .swiper-button-prev::after,
    .ab_5 .history_Mon .swiper-button-next::after {
        font-size: 0.18rem;
        color: #fff;
    }

    .ab_1 .ab1_ico {
        mask-size: 75%;
        -webkit-mask-size: 75%;
    }
}

@media screen and (max-width: 575px) {
    .nDetail .nTitle {
        font-size: 26px;
    }

    .pod_1 .container .pod_left .pod_ls {
        height: 4rem;
    }

    .pa_2 .partner_Img {
        grid-gap: 0.08rem;
    }

    .pa_2 .partner_Img>div {
        height: 0.66rem;
        width: calc((100% / 3) - 0.15rem);
    }

    .pod_1 .container {
        gap: 0.15rem;
    }
}

@media screen and (max-width: 430px) {
    .pa_2 .partner_Img {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0.08rem;
    }

    .pa_3 .pao {
        gap: 0.1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .pa_ourFriend {
        padding-bottom: 30px;
    }

    .pa_3 .pao .paoImg {
        width: 34px;
        height: 34px;
    }

    .pa_3 .pao_t {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ndd .newsList {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

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

    .jo_2 .jo_2_left {
        max-width: 100%;
    }

    .jo_2 .jo_2_right {
        max-width: 100%;
        height: auto;
    }

    .jo_4 .jo_4_list form .jo_item {
        flex-direction: column;
    }

    .jo_4 .jo_4_list .jo_4_listItem .jo_4_post {
        display: none;
    }

    .jo_4 .jo_4_list .jo_4_listItem {
        grid-template-columns: 1fr 1fr 0.2rem;
        padding: 0 0.14rem;
    }

    .jo_4 .jo_4_list .jo_4_listItem .jo_lie .jo_type {
        display: none;
    }

    .jo_4 .jo_b {
        margin-bottom: 0.3rem;
    }

    .poc_2 .podB .pod_line {
        display: none;
    }

    .poc_2 .podB_item {
        flex-direction: column;
        gap: 20px;
        padding: 0 0 0.6rem 0;
    }

    .poc_2 .podB_item .po_img {
        width: 100%;
    }

    .poc_2 .podB_item .po_text {
        width: 100%;
        text-align: center;
    }

    .poc_2 .podB_item.r .po_text {
        order: 2;
    }

    .poc_2 .podB_item.r .po_text p {
        text-align: center;
    }

    .poc_2 .podB_item:last-child {
        padding-bottom: 0;
    }

    .poc_2 .po:not(.po3) {
        padding-bottom: 0;
    }

    .bannerImg .bannerName {
        text-align: center;
        width: 100%;
    }

    .bannerImg .bannerSum {
        font-size: 18px;
        /*color: #fff;*/ 
        line-height: 1.6;
        margin-top: 0;
    }

    .ny_bannerProduct .bannerImg .bannerName {
        /*text-align: left;*/
        /*width: 100%;*/
    }

    .ny_bannerProduct .bannerImg .bannerSum {
        /*font-size: 24px;*/
        /*color: #0000008c;*/
        /*line-height: 1.6;*/
        /*margin-top: 0.1rem;*/
    }

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

    .co_2 {
        padding: 70px 0;
    }

    .co_3 {
        padding: 70px 0;
    }

    .co_2 .co_2_left {
        height: auto;
        width: 100%;
    }

    .co_2 .co_2_right {
        height: auto;
        width: 100%;
    }

    .co_2 .container:nth-child(2n+0) .co_2_right {
        order: 2;
    }

    .ab_3 .f-42 {
        font-size: 20px;
    }

    .ab_5 .history .hist {
        flex-direction: column;
    }

    .ab_5 .history .hist .histText {
        padding-left: 0;
        padding-right: 0;
    }

    .ab_5 .history_Mon .swiper-button-prev::after,
    .ab_5 .history_Mon .swiper-button-next::after {
        color: #fff;
    }

    .ab_2 .accordionList .acdPool.cur .acdLeft {
        height: 3.2rem;
    }

    .sMap .sMapList ul li {
        width: auto;
    }
}

@media screen and (max-width: 376px) {
    .sMap .sMapList ul {
        gap: 0.2rem;
    }

    .f-16 {
        font-size: 12px;
    }

    .nDetail .nxx {
        column-gap: 0.1rem;
    }

    .f-44 {
        font-size: 22px;
    }

    .ab_3 .f-42 {
        font-size: 14px;
    }
}


/* 20250616 */
.colist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.44rem;
}

.colist .i {
    position: relative;
    overflow: hidden;
    border-radius: 0.04rem;
}

.colist img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: all var(--ease) 0.8s;
}

.colist img:hover {
    transform: scale(1.1);
}

.co_2 .xbt {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 0.4rem;
}

.co_2 .xbt p {
    text-align: center;
    line-height: 1.6;
    color: #0009;
}

.co_2 .xbt h2 {
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.xbtlunbo {
    width: 100%;
    padding-bottom: 0.4rem;
    height: 5.7rem;
}

.xbtlunbo img {
    object-fit: contain;
    border-radius: 0.04rem;
    overflow: hidden;
    height: 100%;
}

.xbtlunbo .swiper-pagination {
    position: static;
    margin-top: 0.06rem;
}

.xbtlunbo .swiper-pagination-bullet-active {
    background-color: var(--d);
}

@media screen and (max-width: 768px) {
    .xbtlunbo {
        height: 3rem;
    }
}

.co_111 .bannerImg .banner_scrollDown{
    display: none;
}
.co_111 .bannerImg .banner-info {
    justify-content: flex-start;
    --c: #111;
    padding-top: 1.3rem;
}

.img-pc{
    display: block;
}
.img-mb{
    display: none;
}
@media screen and (max-width: 768px) {
    .img-pc{
        display: none;
    }
    .img-mb{
        display: block;
    }
}