.common-btn-3 {
    min-width: 23rem;
    height: 5.4rem;
    background: transparent;
    color: #1d2025;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 2px var(--main-color) solid
}

.common-btn-3 .icon {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    background: none;
    position: relative;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fc630c" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3rem
}

.common-btn-3:hover {
    color: var(--main-color)
}

@media screen and (max-width:1023px) {
    .common-btn-3 {
        min-width: 160px;
        height: 44px;
        padding-left: 18px;
        padding-right: 14px;
        margin-top: 0;
        border-width: 1px;
        font-size: 14px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 12px
    }

    .common-btn-3 .icon {
        width: 22px;
        height: 22px;
        background-size: 22px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media screen and (max-width:480px) {
    .common-btn-3 {
        min-width: 138px;
        height: 40px;
        padding-left: 14px;
        padding-right: 12px;
        font-size: 13px;
        gap: 8px
    }

    .common-btn-3 .icon {
        width: 18px;
        height: 18px;
        background-size: 18px
    }
}

.home-about-2 {
    background: #fafafa;
    padding: 10rem 0
}

.home-about-2 .aboutTop {
    display: grid;
    grid-template-columns: 57rem minmax(0, 1fr);
    gap: 2.4rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-about-2 .left,
.home-about-2 .right,
.home-about-2 .aboutBottom {
    background: #fff;
    border-radius: 2rem;
    -webkit-box-shadow: 0 1rem 2.8rem rgba(24, 31, 38, 0.1);
    box-shadow: 0 1rem 2.8rem rgba(24, 31, 38, 0.1)
}

.home-about-2 .left {
    padding: 7.6rem 5.8rem 5.2rem
}

.home-about-2 .subTitle {
    color: var(--main-color);
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 4rem
}

.home-about-2 .subTitle::after {
    content: "";
    display: block;
    width: 6.8rem;
    height: .3rem;
    margin-top: 1.4rem;
    border-radius: .2rem;
    background: var(--main-color)
}

.home-about-2 .left>.title {
    color: #242529;
    font-size: 4.2rem;
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 3rem
}

.home-about-2 .left>.info {
    max-width: 43rem;
    color: #64696e;
    font-size: 1.8rem;
    line-height: 1.55;
    margin-bottom: 3.7rem
}

.home-about-2 .btnDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.8rem
}

.home-about-2 .btnDiv .common-btn {
    background: var(--main-color);
    color: #fff
}

.home-about-2 .btnDiv .common-btn i {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.home-about-2 .videoBtn {
    color: #686d72;
    font-size: 1.7rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .9rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.home-about-2 .videoBtn .icon {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    background: none;
    position: relative;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fc630c" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3rem;
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
    opacity: .6
}

.home-about-2 .videoBtn img {
    width: 2.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.home-about-2 .videoBtn span {
    font-size: 2.3rem;
    line-height: 1
}

.home-about-2 .videoBtn:hover {
    color: var(--main-color)
}

.home-about-2 .videoBtn:hover .icon {
    -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
    opacity: 1
}

.home-about-2 .right {
    padding: 2.8rem
}

.home-about-2 .right .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem
}

.home-about-2 .right .list .box {
    overflow: hidden;
    border: .1rem solid #dfe1e2;
    border-radius: 1.2rem;
    -webkit-transition: -webkit-box-shadow .3s ease, -webkit-transform .3s ease;
    transition: -webkit-box-shadow .3s ease, -webkit-transform .3s ease;
    transition: box-shadow .3s ease, transform .3s ease;
    transition: box-shadow .3s ease, transform .3s ease, -webkit-box-shadow .3s ease, -webkit-transform .3s ease
}

.home-about-2 .right .list .pic {
    aspect-ratio: 1.77777778;
    overflow: hidden
}

.home-about-2 .right .list .pic img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .45s ease;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease, -webkit-transform .45s ease
}

.home-about-2 .right .list .text {
    min-height: 5.7rem;
    padding: .8rem 1.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.home-about-2 .right .list .text img {
    width: 3rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.home-about-2 .right .list .text .title {
    color: #292a2d;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 400
}

.home-about-2 .right .list .box:hover {
    -webkit-box-shadow: 0 1rem 2rem rgba(20, 25, 30, 0.12);
    box-shadow: 0 1rem 2rem rgba(20, 25, 30, 0.12)
}

.home-about-2 .right .list .box:hover .pic img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.home-about-2 .aboutBottom {
    margin-top: 2.4rem;
    padding: 3.2rem 2.5rem
}

.home-about-2 .aboutBottom .list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.home-about-2 .aboutBottom li {
    padding: 0 3rem;
    border-right: .1rem solid #d8dadd
}

.home-about-2 .aboutBottom li:last-child {
    border-right: 0
}

.home-about-2 .aboutBottom .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.6rem
}

.home-about-2 .aboutBottom img {
    width: 4.8rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.home-about-2 .aboutBottom .title {
    color: #292a2d;
    font-size: 1.7rem;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: .5rem
}

.home-about-2 .aboutBottom .info {
    color: #686d72;
    font-size: 1.5rem;
    line-height: 1.25
}

@media screen and (max-width:1200px) {
    .home-about-2 .aboutTop {
        grid-template-columns: 42% minmax(0, 1fr)
    }

    .home-about-2 .left {
        padding: 5rem 4rem
    }

    .home-about-2 .left>.title {
        font-size: 3.5rem
    }

    .home-about-2 .aboutBottom li {
        padding: 0 2rem
    }

    .home-about-2 .aboutBottom .box {
        gap: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .home-about-2 {
        padding: 45px 0
    }

    .home-about-2 .aboutTop {
        display: block
    }

    .home-about-2 .left,
    .home-about-2 .right,
    .home-about-2 .aboutBottom {
        border-radius: 16px;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
    }

    .home-about-2 .left {
        padding: 40px 32px
    }

    .home-about-2 .subTitle {
        margin-bottom: 26px;
        font-size: 17px
    }

    .home-about-2 .subTitle::after {
        width: 56px;
        height: 3px;
        margin-top: 12px
    }

    .home-about-2 .left>.title {
        font-size: 34px;
        margin-bottom: 22px
    }

    .home-about-2 .left>.info {
        max-width: none;
        margin-bottom: 28px;
        font-size: 16px
    }

    .home-about-2 .btnDiv {
        gap: 22px
    }

    .home-about-2 .videoBtn {
        font-size: 16px
    }

    .home-about-2 .right {
        margin-top: 24px;
        padding: 20px
    }

    .home-about-2 .right .list {
        gap: 15px
    }

    .home-about-2 .right .list .text {
        min-height: 52px;
        padding: 8px 14px
    }

    .home-about-2 .right .list .text .title {
        font-size: 16px
    }

    .home-about-2 .aboutBottom {
        margin-top: 30px;
        padding: 25px 18px
    }

    .home-about-2 .aboutBottom .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 0
    }

    .home-about-2 .aboutBottom li:nth-child(2) {
        border-right: 0
    }

    .home-about-2 .aboutBottom li {
        padding: 0 22px
    }

    .home-about-2 .aboutBottom .title {
        font-size: 16px
    }

    .home-about-2 .aboutBottom .info {
        font-size: 14px
    }
}

@media screen and (max-width:640px) {
    .home-about-2 {
        padding: 34px 0
    }

    .home-about-2 .left {
        padding: 30px 20px
    }

    .home-about-2 .left>.title {
        font-size: 29px
    }

    .home-about-2 .left>.title br {
        display: none
    }

    .home-about-2 .right {
        padding: 12px
    }

    .home-about-2 .right .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px
    }

    .home-about-2 .right .list .text img {
        width: 27px
    }

    .home-about-2 .aboutBottom {
        padding: 24px 18px
    }

    .home-about-2 .aboutBottom .list {
        grid-template-columns: 1fr;
        gap: 0
    }

    .home-about-2 .aboutBottom li,
    .home-about-2 .aboutBottom li:nth-child(2) {
        padding: 18px 0;
        border-right: 0;
        border-bottom: 1px solid #d8dadd
    }

    .home-about-2 .aboutBottom li:first-child {
        padding-top: 0
    }

    .home-about-2 .aboutBottom li:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

    .home-about-2 .aboutBottom .box {
        gap: 18px
    }
}

.oem-odm {
    padding: 10rem 0 0;
    background: #fff
}

.oem-odm .hd {
    margin-bottom: 1.2rem;
    text-align: center
}

.oem-odm .hd .common-title-3 {
    margin-bottom: .8rem;
    font-size: 5rem
}

.oem-odm .hd .info {
    color: #555b61;
    font-size: 2.3rem;
    line-height: 1.45
}

.oem-odm .menuTabs {
    width: 53rem;
    margin: 0 auto 3.8rem
}

.oem-odm .listMenu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: .1rem solid #d9dde1;
    border-radius: 2.8rem;
    overflow: hidden
}

.oem-odm .listMenu .box {
    width: 100%;
    height: 5.4rem;
    border: 0;
    border-radius: 2.7rem;
    background: transparent;
    color: #262a2f;
    font-size: 1.7rem;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.oem-odm .listMenu .box:hover,
.oem-odm .listMenu .box.active {
    background: var(--main-color);
    color: #fff;
    font-weight: 700
}

.oem-odm .conTabs .panel {
    display: grid;
    grid-template-columns: 25rem minmax(0, 1fr) 26rem;
    gap: 2rem;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start
}

.oem-odm .conTabs .panel[hidden] {
    display: none
}

.oem-odm .introCard,
.oem-odm .detailCard,
.oem-odm .visualCard {
    border-radius: 2.2rem;
    background: #fff;
    -webkit-box-shadow: 0 1rem 2.8rem rgba(24, 31, 38, 0.1);
    box-shadow: 0 1rem 2.8rem rgba(24, 31, 38, 0.1)
}

.oem-odm .introCard,
.oem-odm .detailCard {
    min-height: 39rem;
    padding: 3.2rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.oem-odm .introCard>img {
    width: 4.8rem;
    margin-bottom: 3rem;
    -o-object-fit: contain;
    object-fit: contain
}

.oem-odm .introCard .title {
    margin-bottom: 2.2rem;
    color: #202328;
    font-size: 2.4rem;
    line-height: 1.12
}

.oem-odm .introCard .info {
    color: #555b61;
    font-size: 1.6rem;
    line-height: 1.45
}

.oem-odm .introCard .options {
    margin-top: 1.4rem;
    padding-top: 2rem;
    border-top: .1rem solid #dde1e4;
    color: #555b61;
    font-size: 1.6rem;
    line-height: 1.5
}

.oem-odm .introCard .options strong,
.oem-odm .introCard .options span,
.oem-odm .detailOptions strong,
.oem-odm .detailOptions span {
    display: block
}

.oem-odm .introCard .options strong {
    margin-bottom: .8rem;
    color: #25292d
}

.oem-odm .visualCard {
    min-height: 53rem;
    position: relative
}

.oem-odm .bikePic {
    width: 66rem;
    aspect-ratio: 1.03125;
    margin: .5rem auto 0;
    position: relative
}

.oem-odm .bikePic img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.oem-odm .spot {
    cursor: pointer
}

.oem-odm .hotspot {
    position: absolute;
    z-index: 2;
    border: 0;
    background: transparent;
    color: #282c31;
    font-size: 1.5rem;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    cursor: pointer
}

.oem-odm .hotspot b {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--main-color);
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}

.oem-odm .hotspot span {
    padding-bottom: .3rem
}

.oem-odm .hotspot:hover b,
.oem-odm .hotspot:focus b,
.oem-odm .hotspot.active b {
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
    -webkit-box-shadow: 0 0 0 .5rem rgba(255, 96, 15, 0.14);
    box-shadow: 0 0 0 .5rem rgba(255, 96, 15, 0.14)
}

.oem-odm .hotspotList li.active .hotspot span {
    color: var(--main-color);
    font-weight: 700
}

.oem-odm .hotspotList li.active .line {
    -webkit-box-shadow: 0 0 0 .5rem rgba(255, 96, 15, 0.14);
    box-shadow: 0 0 0 .5rem rgba(255, 96, 15, 0.14)
}

.oem-odm .line {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute
}

.oem-odm .line::after {
    content: "";
    display: block;
    height: 1px;
    background: var(--main-color);
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.oem-odm .oem .spot-1 .line {
    top: 40.625%;
    left: 54.54545455%
}

.oem-odm .oem .spot-1 .line::after {
    width: 22rem;
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
}

.oem-odm .oem .spot-1 .hotspot {
    top: 26.5625%;
    left: 84.84848485%
}

.oem-odm .oem .spot-2 .line {
    top: 46.875%;
    left: 51.51515152%
}

.oem-odm .oem .spot-2 .line::after {
    width: 24rem;
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg)
}

.oem-odm .oem .spot-2 .hotspot {
    top: 36.71875%;
    left: 84.84848485%
}

.oem-odm .oem .spot-3 .line {
    top: 51.5625%;
    left: 78.03030303%
}

.oem-odm .oem .spot-3 .line::after {
    width: 10rem;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.oem-odm .oem .spot-3 .hotspot {
    top: 48.4375%;
    left: 93.93939394%
}

.oem-odm .oem .spot-4 .line {
    top: 42.1875%;
    left: 20.90909091%
}

.oem-odm .oem .spot-4 .line::after {
    width: 6rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.oem-odm .oem .spot-4 .hotspot {
    top: 40.9375%;
    left: -15.15151515%
}

.oem-odm .oem .spot-5 .line {
    top: 32.8125%;
    left: 27.27272727%
}

.oem-odm .oem .spot-5 .line::after {
    width: 6rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.oem-odm .oem .spot-5 .hotspot {
    top: 20.3125%;
    left: 25%
}

.oem-odm .oem .spot-6 .line {
    top: 14.84375%;
    left: 68.93939394%
}

.oem-odm .oem .spot-6 .line::after {
    width: 7rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.oem-odm .oem .spot-6 .hotspot {
    top: 13.4375%;
    left: 78.78787879%
}

.oem-odm .oem .spot-7 .line {
    top: 81.25%;
    left: 23.48484848%
}

.oem-odm .oem .spot-7 .line::after {
    width: 5rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.oem-odm .oem .spot-7 .hotspot {
    top: 80.3125%;
    left: 25.75757576%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.oem-odm .oem .spot-8 .line {
    top: 83.59375%;
    left: 53.78787879%
}

.oem-odm .oem .spot-8 .line::after {
    width: 7rem;
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg)
}

.oem-odm .oem .spot-8 .hotspot {
    top: 91.40625%;
    left: 49.24242424%
}

.oem-odm .odm .spot-1 .line {
    top: 29.6875%;
    left: 33.03030303%
}

.oem-odm .odm .spot-1 .line::after {
    width: 20rem;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg)
}

.oem-odm .odm .spot-1 .hotspot {
    top: 17.1875%;
    left: 0
}

.oem-odm .odm .spot-2 .line {
    top: 39.0625%;
    left: 46.66666667%
}

.oem-odm .odm .spot-2 .line::after {
    width: 28rem;
    -webkit-transform: rotate(188deg);
    transform: rotate(188deg)
}

.oem-odm .odm .spot-2 .hotspot {
    top: 31.5625%;
    left: -18.18181818%
}

.oem-odm .odm .spot-3 .line {
    top: 46.875%;
    left: 48.48484848%
}

.oem-odm .odm .spot-3 .line::after {
    width: 24rem;
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg)
}

.oem-odm .odm .spot-3 .hotspot {
    top: 37.5%;
    left: 81.81818182%
}

.oem-odm .odm .spot-4 .line {
    top: 57.8125%;
    left: 22.72727273%
}

.oem-odm .odm .spot-4 .line::after {
    width: 21rem;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg)
}

.oem-odm .odm .spot-4 .hotspot {
    top: 44.53125%;
    left: -18.18181818%
}

.oem-odm .odm .spot-5 .line {
    top: 71.875%;
    left: 18.18181818%
}

.oem-odm .odm .spot-5 .line::after {
    width: 6rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.oem-odm .odm .spot-5 .hotspot {
    top: 83.59375%;
    left: 9.09090909%
}

.oem-odm .odm .spot-6 .line {
    top: 65.625%;
    left: 45.45454545%
}

.oem-odm .odm .spot-6 .line::after {
    width: 10rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.oem-odm .odm .spot-6 .hotspot {
    top: 83.59375%;
    left: 39.39393939%
}

.oem-odm .odm .spot-7 .line {
    top: 57.03125%;
    left: 81.06060606%
}

.oem-odm .odm .spot-7 .line::after {
    width: 16rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.oem-odm .odm .spot-7 .hotspot {
    top: 84.375%;
    left: 68.93939394%
}

.oem-odm .detailCard .eyebrow {
    display: block;
    margin-bottom: 2rem;
    color: #555b61;
    font-size: 1.6rem
}

.oem-odm .detailItem {
    display: none;
    width: 100%
}

.oem-odm .detailItem.active {
    display: block
}

.oem-odm .mobileDetail {
    display: none
}

@-webkit-keyframes oemDetailFade {
    from {
        opacity: 0;
        -webkit-transform: translateY(.6rem);
        transform: translateY(.6rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes oemDetailFade {
    from {
        opacity: 0;
        -webkit-transform: translateY(.6rem);
        transform: translateY(.6rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.oem-odm .detailCard .title {
    margin-bottom: 2.2rem;
    color: #22262b;
    font-size: 1.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.oem-odm .detailCard .title b {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background: var(--main-color);
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.8rem;
    text-align: center
}

.oem-odm .detailInfo {
    min-height: 7.6rem;
    color: #555b61;
    font-size: 1.6rem;
    line-height: 1.5
}

.oem-odm .detailOptions {
    margin-top: 1.2rem;
    padding-top: 1.8rem;
    border-top: .1rem solid #dde1e4;
    color: #555b61;
    font-size: 1.6rem;
    line-height: 1.55
}

.oem-odm .detailOptions>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px #f3f4f4 solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.oem-odm .detailOptions .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    background: #fff7f2;
    border-radius: 50%
}

.oem-odm .detailOptions strong {
    margin-bottom: .8rem;
    color: #25292d
}

.oem-odm .btnDiv {
    padding-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem
}

.oem-odm .btnDiv .a-1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 1rem;
    background: var(--main-color);
    color: #fff
}

.oem-odm .btnDiv .a-1 img {
    height: 2.4rem
}

.oem-odm .btnDiv .a-1:hover {
    opacity: .8
}

@media screen and (max-width:1023px) {
    .oem-odm {
        padding: 45px 0
    }

    .oem-odm .hd .common-title-3 {
        font-size: 36px
    }

    .oem-odm .hd .info {
        font-size: 17px
    }

    .oem-odm .menuTabs {
        width: 520px;
        margin-bottom: 28px
    }

    .oem-odm .listMenu .box {
        height: 50px;
        font-size: 16px
    }

    .oem-odm .conTabs .panel {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 16px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .oem-odm .introCard,
    .oem-odm .detailCard {
        min-height: 0;
        padding: 24px 20px
    }

    .oem-odm .introCard {
        grid-column: 1
    }

    .oem-odm .visualCard {
        grid-column: 2;
        grid-row: 1 / span 2;
        min-height: 510px
    }

    .oem-odm .detailCard {
        grid-column: 1
    }

    .oem-odm .introCard>img {
        width: 42px;
        margin-bottom: 20px
    }

    .oem-odm .introCard .title {
        margin-bottom: 14px;
        font-size: 22px
    }

    .oem-odm .introCard .info,
    .oem-odm .introCard .options,
    .oem-odm .detailInfo,
    .oem-odm .detailOptions {
        font-size: 14px
    }

    .oem-odm .detailCard .eyebrow {
        margin-bottom: 18px;
        font-size: 14px
    }

    .oem-odm .detailCard .title {
        margin-bottom: 14px;
        font-size: 17px
    }

    .oem-odm .bikePic {
        max-width: 86%
    }

    .oem-odm .hotspot {
        font-size: 12px
    }

    .oem-odm .hotspot b {
        width: 22px;
        height: 22px;
        font-size: 12px;
        line-height: 22px
    }
}

@media screen and (max-width:640px) {
    .oem-odm {
        padding: 34px 0;
        background: #f5f7f8;
        padding: 22px 0 32px
    }

    .oem-odm .hd {
        margin-bottom: 18px
    }

    .oem-odm .hd .common-title-3 {
        margin-bottom: 8px;
        font-size: 28px;
        line-height: 1.2
    }

    .oem-odm .hd .info {
        font-size: 14px;
        line-height: 1.5
    }

    .oem-odm .menuTabs {
        width: 100%;
        margin-bottom: 20px
    }

    .oem-odm .listMenu {
        border-radius: 23px
    }

    .oem-odm .listMenu .box {
        height: 44px;
        padding: 0 6px;
        border-radius: 22px;
        font-size: 13px
    }

    .oem-odm .conTabs .panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 14px
    }

    .oem-odm .introCard,
    .oem-odm .detailCard,
    .oem-odm .visualCard {
        width: 100%;
        border-radius: 18px;
        -webkit-box-shadow: 4px 5px 0 #eceeef;
        box-shadow: 4px 5px 0 #eceeef
    }

    .oem-odm .introCard,
    .oem-odm .detailCard {
        padding: 20px 16px
    }

    .oem-odm .introCard {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 0 12px
    }

    .oem-odm .introCard>img {
        width: 42px;
        margin: 0;
        grid-row: 1 / span 2
    }

    .oem-odm .introCard .title {
        margin: 0 0 8px;
        font-size: 21px;
        line-height: 1.2
    }

    .oem-odm .introCard .info {
        font-size: 13px;
        line-height: 1.5
    }

    .oem-odm .introCard .options {
        grid-column: -1;
        margin-top: 14px;
        padding-top: 14px;
        font-size: 13px
    }

    .oem-odm .visualCard {
        min-height: 0;
        padding: 14px 10px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .oem-odm .bikePic {
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .oem-odm .hotspotList {
        margin-top: 12px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px
    }

    .oem-odm .hotspotList li,
    .oem-odm [data-oem-panel="odm"] .hotspotList li {
        position: static
    }

    .oem-odm .line {
        display: none
    }

    .oem-odm .hotspot {
        position: static;
        width: 100%;
        min-height: 38px;
        padding: 6px 8px;
        border: 1px solid #f1d8cc;
        border-radius: 8px;
        background: #fff7f2;
        font-size: 12px;
        white-space: normal;
        text-align: left
    }

    .oem-odm .hotspot b {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 22px;
        flex: 0 0 22px
    }

    .oem-odm .hotspot span {
        padding: 0;
        border: 0;
        line-height: 1.25
    }

    .oem-odm .hotspot.active {
        border-color: var(--main-color);
        background: #fff0e8
    }

    .oem-odm .detailCard .eyebrow {
        margin-bottom: 12px;
        font-size: 13px
    }

    .oem-odm .detailCard .title {
        margin-bottom: 12px;
        font-size: 18px
    }

    .oem-odm .detailCard .title b {
        width: 26px;
        height: 26px;
        font-size: 13px;
        line-height: 26px
    }

    .oem-odm .detailInfo {
        min-height: 0;
        font-size: 13px;
        line-height: 1.55
    }

    .oem-odm .detailOptions {
        margin-top: 14px;
        padding-top: 14px;
        font-size: 13px
    }

    .oem-odm .hd,
    .oem-odm .introCard,
    .oem-odm .detailCard {
        display: none
    }

    .oem-odm .menuTabs {
        margin: 0 auto 18px
    }

    .oem-odm .listMenu {
        border: 0;
        border-radius: 18px;
        background: #fff;
        -webkit-box-shadow: 0 4px 0 #dfe3e5;
        box-shadow: 0 4px 0 #dfe3e5
    }

    .oem-odm .listMenu .box {
        height: 44px;
        border-radius: 18px;
        font-size: 16px;
        font-weight: 700
    }

    .oem-odm .conTabs .panel {
        display: block
    }

    .oem-odm .conTabs .panel[hidden] {
        display: none
    }

    .oem-odm .visualCard {
        padding: 12px;
        border: 0;
        border-radius: 22px;
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .oem-odm .bikePic {
        padding: 8px;
        border-radius: 18px;
        background: #f7f8f8
    }

    .oem-odm .hotspotList {
        margin-top: 12px;
        padding: 0 14px;
        display: block;
        border-radius: 18px;
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .oem-odm .hotspotList li,
    .oem-odm [data-oem-panel="odm"] .hotspotList li {
        border-bottom: 1px solid #eef0f1
    }

    .oem-odm .hotspotList li:last-child {
        border-bottom: 0
    }

    .oem-odm .hotspot,
    .oem-odm [data-oem-panel="odm"] .hotspot {
        position: static;
        width: 100%;
        min-height: 51px;
        padding: 8px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr) 18px;
        gap: 7px;
        color: #181b1e;
        text-align: left
    }

    .oem-odm .oem .spot-7 .hotspot,
    .oem-odm .odm .spot-7 .hotspot {
        position: static;
        display: grid;
        white-space: normal;
        text-align: left
    }

    .oem-odm .oem .spot-7 .hotspot b,
    .oem-odm .odm .spot-7 .hotspot b {
        margin: 0
    }

    .oem-odm .hotspot::after {
        content: "+";
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        color: var(--main-color);
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
        text-align: right
    }

    .oem-odm .hotspotList li.expanded .hotspot::after {
        content: "−"
    }

    .oem-odm .mobileDetail {
        display: none;
        padding: 0 30px 14px 37px;
        color: #626970
    }

    .oem-odm .hotspotList li.expanded .mobileDetail {
        display: block
    }

    .oem-odm .mobileDetail .eyebrow,
    .oem-odm .mobileDetail .title {
        display: none
    }

    .oem-odm .mobileDetail .detailInfo {
        padding-top: 10px;
        border-top: 1px solid #eef0f1;
        font-size: 13px;
        line-height: 1.55
    }

    .oem-odm .mobileDetail .detailOptions {
        margin-top: 9px;
        padding-top: 9px;
        font-size: 13px;
        line-height: 1.5
    }

    .oem-odm .mobileDetail .detailOptions strong {
        margin-bottom: 4px
    }

    .oem-odm .hotspot b {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: auto;
        height: auto;
        border-radius: 0;
        background: transparent;
        color: var(--main-color);
        font-size: 15px;
        line-height: 1.3;
        text-align: left;
        -webkit-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .oem-odm .hotspot b::after {
        content: "."
    }

    .oem-odm .hotspot span,
    .oem-odm .hotspotList li.active .hotspot span {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
        color: #181b1e;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.3
    }

    .oem-odm .hotspot:hover,
    .oem-odm .hotspot:focus,
    .oem-odm .hotspot.active {
        border: 0;
        background: transparent
    }

    .oem-odm .hotspot:hover b,
    .oem-odm .hotspot:focus b,
    .oem-odm .hotspot.active b {
        -webkit-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.common-title-3 {
    text-align: center;
    font-size: 3.2rem;
    margin-bottom: 2rem
}

@media screen and (max-width:1023px) {
    .common-title-3 {
        font-size: 24px;
        margin-bottom: 10px
    }
}

.team-page {
    color: #202226
}

.team-page .common-title {
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: .6rem
}

@media screen and (max-width:1024px) {
    .team-page .common-title {
        margin-bottom: 18px;
        font-size: 24px;
        line-height: 1.25
    }
}

.team-banner {
    min-height: 68rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 1
}

.team-banner::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.team-banner .container {
    min-height: 68rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-banner .bannerText {
    width: 66rem;
    padding: 3.5rem 0
}

.team-banner .subTitle {
    color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    text-transform: uppercase;
}

.team-banner .subTitle::after {
    content: "";
    width: 3rem;
    height: .2rem;
    background: var(--main-color)
}

.team-banner h1 {
    font-size: 4.2rem;
    line-height: 1.25;
    margin-bottom: 1.6rem
}

.team-banner .info {
    font-size: 1.8rem;
    line-height: 1.45;
    margin-bottom: 1.8rem
}

.team-banner .serviceList {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 2.6rem
}

.team-banner .serviceList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding-right: 1.5rem;
    font-size: 1.3rem;
    line-height: 1.35
}

.team-banner .serviceList img {
    width: 4.2rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.team-banner .btnDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.team-banner .btnDiv a {
    color: #fff
}

.team-banner .btnDiv .a-1 {
    background: var(--main-color);
    color: #fff
}

.team-banner .btnDiv .a-1 .icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.team-banner .btnDiv .a-1:hover {
    opacity: .8
}

.team-banner .btnDiv .a-2 {
    border-width: 1px;
    border-color: #fff;
    background: #101417
}

.team-banner .btnDiv .a-2:hover {
    background: var(--main-color);
    border-color: var(--main-color)
}

.filterBar {
    padding: 8rem 0;
    display: grid;
    grid-template-columns: 45rem minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem
}

.filterBar .filterTitle p {
    color: #696d72;
    font-size: 1.8rem
}

.filterBar .filterTitle .common-title-3 {
    text-align: left;
    margin-bottom: 1rem
}

.filterBar .filterGroups {
    display: grid;
    gap: 1.2rem
}

.filterBar .filterRow {
    display: grid;
    grid-template-columns: 12rem minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.filterBar .filterRow strong {
    font-size: 1.3rem
}

.filterBar .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.filterBar button {
    height: 4rem;
    padding: 0 2.6rem;
    border: .1rem solid #dfe2e5;
    border-radius: .6rem;
    background: #fff;
    color: #656a70;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.filterBar button:hover,
.filterBar button.active {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff
}

.team-specialists {
    background: #f5f7f8
}

.teamCards {
    padding-top: 0;
    padding-bottom: 8rem;
    position: relative
}

.teamCards>.swiper {
    overflow: hidden
}

.teamCards .swiperLine {
    position: relative;
    margin-bottom: 6rem
}

.teamCards .swiperLine:last-child {
    margin-bottom: 0
}

.teamCards .swiperLine>.swiper {
    overflow: hidden
}

.teamCards .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.teamCards .list>li {
    min-width: 0;
    height: auto
}

.teamCards .box {
    min-height: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: .1rem solid #dfe2e5;
    border-radius: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.teamCards .pic {
    background: #eae5e7;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative
}

.teamCards .pic img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.teamCards .box:hover {
    border-color: var(--main-color)
}

.teamCards .box:hover .pic img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.teamCards .box:hover .title {
    color: var(--main-color)
}

.teamCards .text {
    padding: 3.2rem 3.2rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.teamCards .title {
    font-size: 2.2rem;
    line-height: 1.2
}

.teamCards .position {
    color: #696d72;
    font-size: 1.4rem;
    margin: .3rem 0 1.2rem
}

.teamCards .detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.teamCards .detail p {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    color: #121518;
    font-size: 1.4rem;
    line-height: 1.45;
    margin-bottom: 1.6rem
}

.teamCards .detail img {
    width: 3rem;
    margin-top: -0.4rem;
    -o-object-fit: contain;
    object-fit: contain
}

.teamCards .detail strong {
    display: block;
    color: #282b2e;
    margin-bottom: .7rem
}

.teamCards .contactLink {
    color: var(--main-color);
    font-size: 1.5rem;
    font-weight: 700;
    padding: .8rem 0 1.4rem
}

.teamCards .contactLink:hover {
    color: #d94d10
}

.teamCards .swiperLine>.swiper-button-prev,
.teamCards .swiperLine>.swiper-button-next {
    width: 4.2rem;
    height: 4.2rem;
    margin-top: -3.8rem;
    border-radius: 50%;
    background: rgba(255, 96, 15, 0.5);
    background: rgba(255, 255, 255, 0.5);
    border: 1px var(--main-color) solid;
    color: var(--main-color);
    -webkit-box-shadow: 0 .5rem 1.6rem rgba(25, 31, 36, 0.16);
    box-shadow: 0 .5rem 1.6rem rgba(25, 31, 36, 0.16)
}

.teamCards .swiperLine>.swiper-button-prev:hover,
.teamCards .swiperLine>.swiper-button-next:hover {
    background: var(--main-color);
    color: #fff
}

.teamCards .swiperLine>.swiper-button-prev {
    left: -2.1rem
}

.teamCards .swiperLine>.swiper-button-next {
    right: -2.1rem
}

.teamCards .swiperLine>.swiper-button-prev::after,
.teamCards .swiperLine>.swiper-button-next::after {
    font-size: 1.7rem;
    font-weight: 700
}

.teamCards .swiperLine>.swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 1.875rem
}

.teamCards .swiper-pagination-bullet-active {
    background: var(--main-color)
}

.team-process {
    padding: 8rem 0 8rem;
    background: #fff
}

.team-process .list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.4rem
}

.team-process .box {
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr);
    gap: 3.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-process .box>img {
    width: 10rem;
    -o-object-fit: contain;
    object-fit: contain
}

.team-process b {
    display: block;
    color: var(--main-color);
    font-size: 2.7rem;
    line-height: 1;
    margin-bottom: .8rem
}

.team-process .title {
    font-size: 1.8rem;
    margin-bottom: .5rem
}

.team-process .info {
    color: #50565c;
    font-size: 1.4rem;
    line-height: 1.45
}

.sectionHd {
    position: relative;
    text-align: center
}

.team-cases {
    background: #f5f7f8;
    padding: 8rem 0 8rem
}

.team-cases .sectionHd {
    margin-bottom: 1.4rem
}

.team-cases .sectionHd a {
    position: absolute;
    right: 0;
    top: 1rem;
    color: var(--main-color);
    font-weight: 700
}

.team-cases .list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.4rem
}

.team-cases .box {
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: .1rem solid #dfe2e5;
    border-radius: .6rem;
    display: block
}

.team-cases .pic {
    aspect-ratio: 2.26666667;
    overflow: hidden;
    position: relative
}

.team-cases .pic img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.team-cases .box:hover .pic img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.team-cases .text {
    padding: 3.2rem
}

.team-cases .title {
    font-size: 1.8rem;
    margin-bottom: .8rem;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis
}

.team-cases .info {
    min-height: 7rem;
    color: #64696e;
    font-size: 1.3rem;
    line-height: 1.5
}

.team-cases .text span {
    color: var(--main-color);
    font-weight: 700
}

.team-departments {
    padding: 8rem 0 8rem;
    background: #fff
}

.team-departments .list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 2.4rem
}

.team-departments .box {
    min-height: 100%;
    overflow: hidden;
    text-align: center;
    border: .1rem solid #dfe2e5;
    border-radius: .6rem
}

.team-departments .pic {
    aspect-ratio: 1.73076923;
    overflow: hidden
}

.team-departments .pic img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.team-departments .box:hover .pic img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.team-departments .text {
    padding: 3.2rem
}

.team-departments .title {
    font-size: 1.6rem;
    margin-bottom: .3rem
}

.team-departments .info {
    color: #50565c;
    font-size: 1.4rem
}

.team-data {
    padding: 8rem 0 8rem;
    background: #f5f7f8
}

.team-data .sectionHd {
    margin-bottom: 1.4rem
}

.team-data .sectionHd p {
    position: absolute;
    right: 0;
    top: 1.2rem;
    color: #666b71;
    font-size: 1.2rem
}

.team-data .list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 2.4rem
}

.team-data .box {
    min-height: 100%;
    padding: 1.8rem;
    border: .1rem solid #dfe2e5;
    border-radius: .6rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem
}

.team-data img {
    width: 7rem;
    -o-object-fit: contain;
    object-fit: contain
}

.team-data strong {
    color: var(--main-color);
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: .5rem
}

.team-data span {
    color: #50565c;
    font-size: 1.4rem
}

@media screen and (max-width:1200px) {
    .filterBar .container {
        grid-template-columns: 36rem minmax(0, 1fr)
    }

    .filterBar button {
        padding: 0 1.4rem
    }

    .teamCards>.list {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .team-departments .list,
    .team-data .list {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media screen and (max-width:1023px) {

    .team-banner,
    .team-banner .container {
        min-height: 420px
    }

    .team-banner {
        background-position: 50% center;
        position: relative
    }

    .team-banner::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(5, 10, 15, 0.42)
    }

    .team-banner .container {
        position: relative;
        z-index: 1
    }

    .team-banner .bannerText {
        width: 580px;
        padding: 40px 0
    }

    .team-banner h1 {
        font-size: 36px
    }

    .team-banner .info {
        font-size: 16px
    }

    .team-banner .serviceList li {
        font-size: 12px
    }

    .filterBar {
        padding: 26px 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
        grid-template-columns: none !important;
        gap: 22px !important
    }

    .filterBar .filterTitle {
        float: none !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin-bottom: 22px
    }

    .filterBar .filterGroups {
        float: none !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important
    }

    .filterBar .options {
        overflow-x: auto;
        padding-bottom: 4px
    }

    .filterBar .filterRow {
        grid-template-columns: 65px minmax(0, 1fr)
    }

    .filterBar button {
        height: 38px;
        padding: 0 18px
    }

    .teamCards {
        padding-bottom: 44px
    }

    .teamCards .swiperLine>.swiper-button-prev,
    .teamCards .swiperLine>.swiper-button-next {
        width: 38px;
        height: 38px;
        margin-top: -30px
    }

    .teamCards .swiperLine>.swiper-button-prev {
        left: -8px
    }

    .teamCards .swiperLine>.swiper-button-next {
        right: -8px
    }

    .teamCards .swiperLine>.swiper-button-prev::after,
    .teamCards .swiperLine>.swiper-button-next::after {
        font-size: 15px
    }

    .teamCards .swiperLine>.swiper-pagination {
        bottom: -18px
    }

    .teamCards>.list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px
    }

    .teamCards .text {
        padding: 20px 15px 0
    }

    .teamCards .box {
        min-height: 0
    }

    .teamCards .title {
        font-size: 20px
    }

    .team-process {
        padding: 35px 0
    }

    .team-process .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px
    }

    .team-cases {
        padding: 30px 0
    }

    .team-cases .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px
    }

    .team-departments {
        padding: 28px 0 36px
    }

    .team-departments .list,
    .team-data .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px
    }

    .team-data {
        padding: 28px 0 36px
    }

    .team-data .sectionHd p {
        position: static;
        margin-top: 5px;
        font-size: 14px
    }
}

@media screen and (max-width:640px) {

    .team-banner,
    .team-banner .container {
        min-height: 420px
    }

    .team-banner {
        background-position: 50% center
    }

    .team-banner .bannerText {
        width: 100%;
        padding: 35px 0
    }

    .team-banner h1 {
        font-size: 30px
    }

    .team-banner .info br {
        display: none
    }

    .team-banner .info {
        font-size: 15px;
        line-height: 1.5
    }

    .team-banner .serviceList {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 10px
    }

    .btnDiv {
        gap: 12px
    }

    .filterBar .filterTitle p {
        font-size: 15px
    }

    .filterBar {
        padding: 28px 0
    }

    .filterBar .options {
        width: 100%;
        padding-bottom: 8px
    }

    .filterBar .filterRow {
        display: block
    }

    .filterBar .filterRow strong {
        display: block;
        margin-bottom: 8px
    }

    .team-process .list {
        grid-template-columns: 1fr;
        gap: 22px
    }

    .team-process .box {
        grid-template-columns: 65px minmax(0, 1fr)
    }

    .team-process .box>img {
        width: 58px
    }

    .team-cases .sectionHd a {
        position: static;
        display: inline-block;
        margin-top: 8px
    }

    .team-cases .list {
        grid-template-columns: 1fr
    }

    .team-departments .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px
    }

    .team-departments .title {
        font-size: 14px
    }

    .team-departments .info {
        font-size: 11px
    }

    .team-data .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px
    }

    .team-data .box {
        min-height: 90px;
        padding: 12px 8px;
        gap: 10px
    }

    .team-data img {
        width: 38px
    }

    .team-data strong {
        font-size: 20px
    }

    .team-data span {
        font-size: 14px
    }

    .team-page {
        overflow: hidden
    }

    .filterBar {
        padding: 24px 0 18px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
        grid-template-columns: none !important;
        gap: 18px !important;
        height: auto !important
    }

    .filterBar .filterTitle,
    .filterBar .filterGroups {
        float: none !important;
        clear: both !important;
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .filterBar .filterTitle {
        margin-bottom: 18px
    }

    .filterBar .filterTitle .common-title-3 {
        margin-bottom: 6px;
        font-size: 24px;
        line-height: 1.25
    }

    .filterBar .filterTitle p {
        font-size: 14px;
        line-height: 1.45
    }

    .filterBar .filterGroups {
        display: grid !important;
        gap: 10px
    }

    .filterBar .filterRow {
        display: block !important;
        width: 100%
    }

    .filterBar .filterRow strong {
        margin-bottom: 6px;
        font-size: 11px
    }

    .filterBar .options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 7px 6px;
        overflow: visible;
        padding-bottom: 0
    }

    .filterBar button {
        height: 36px;
        padding: 0 12px;
        font-size: 12px
    }

    .teamCards {
        padding-top: 10px;
        padding-bottom: 32px
    }

    .teamCards .swiperLine {
        margin-bottom: 34px
    }

    .teamCards .swiperLine:last-child {
        margin-bottom: 0
    }

    .teamCards .box {
        border-radius: 6px
    }

    .teamCards .pic {
        aspect-ratio: 1
    }

    .teamCards .text {
        padding: 18px 16px 0
    }

    .teamCards .title {
        font-size: 20px;
        line-height: 1.2
    }

    .teamCards .position {
        min-height: 0;
        margin: 4px 0 15px;
        font-size: 13px;
        line-height: 1.4
    }

    .teamCards .detail p {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 9px;
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 1.5
    }

    .teamCards .detail img {
        width: 24px;
        margin-top: -2px
    }

    .teamCards .detail strong {
        margin-bottom: 4px
    }

    .teamCards .contactLink {
        padding: 7px 0 15px;
        font-size: 14px
    }

    .teamCards .swiperLine>.swiper-button-prev,
    .teamCards .swiperLine>.swiper-button-next {
        top: 42vw;
        width: 32px;
        height: 32px;
        margin-top: -16px;
        background: rgba(255, 255, 255, 0.88);
        -webkit-box-shadow: 0 3px 10px rgba(25, 31, 36, 0.14);
        box-shadow: 0 3px 10px rgba(25, 31, 36, 0.14)
    }

    .teamCards .swiperLine>.swiper-button-prev {
        left: 8px
    }

    .teamCards .swiperLine>.swiper-button-next {
        right: 8px;
        left: auto
    }

    .teamCards .swiperLine>.swiper-button-prev::after,
    .teamCards .swiperLine>.swiper-button-next::after {
        font-size: 13px
    }

    .teamCards .swiperLine>.swiper-pagination {
        bottom: auto;
        margin-top: 14px;
        line-height: 1
    }

    .teamCards .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin: 0 4px
    }

    .team-process {
        padding: 30px 0
    }

    .team-process .common-title-3 {
        margin-bottom: 22px;
        font-size: 24px;
        line-height: 1.25
    }

    .team-process .list {
        gap: 18px
    }

    .team-process .box {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 13px
    }

    .team-process .box>img {
        width: 52px
    }

    .team-process b {
        margin-bottom: 4px;
        font-size: 23px
    }

    .team-process .title {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: 1.3
    }

    .team-process .info {
        font-size: 13px;
        line-height: 1.45
    }

    .team-cases {
        padding: 26px 0
    }

    .team-cases .sectionHd {
        margin-bottom: 18px
    }

    .team-cases .sectionHd .common-title-3 {
        margin-bottom: 2px;
        font-size: 24px
    }

    .team-cases .sectionHd a {
        margin-top: 5px;
        font-size: 13px
    }

    .team-cases .list {
        gap: 14px
    }

    .team-cases .text {
        padding: 16px 14px 13px
    }

    .team-cases .title {
        margin-bottom: 6px;
        font-size: 17px
    }

    .team-cases .info {
        min-height: 0;
        margin-bottom: 7px;
        font-size: 13px;
        line-height: 1.5
    }

    .team-cases .text span {
        font-size: 13px
    }

    .team-departments {
        padding: 25px 0 30px
    }

    .team-departments .pic {
        margin-bottom: 10px
    }

    .team-departments .box {
        padding-bottom: 10px
    }

    .team-departments .title {
        font-size: 14px;
        line-height: 1.3
    }

    .team-departments .info {
        padding: 0 5px;
        font-size: 12px;
        line-height: 1.35
    }

    .team-data {
        padding: 26px 0 30px
    }

    .team-data .sectionHd {
        margin-bottom: 16px
    }
}

.common-contact {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff;
    position: relative
}

.common-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75)
}

.common-contact .container {
    min-height: 40rem;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 3rem
}

.common-contact .common-title {
    font-size: 3.4rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem
}

.common-contact p {
    font-size: 1.7rem;
    line-height: 1.5
}

.common-contact .btnDiv {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.common-contact .commonBtn,
.common-contact .common-btn {
    min-width: 23rem;
    height: 5.5rem;
    padding: 0 2.5rem;
    border-radius: .5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s
}

.common-contact .mainBtn,
.common-contact .a-1 {
    background: var(--main-color);
    border: .1rem solid var(--main-color);
    color: #fff
}

.common-contact .lineBtn,
.common-contact .a-2 {
    background: rgba(12, 18, 22, 0.75);
    border: .1rem solid #fff
}

.common-contact .commonBtn:hover,
.common-contact .common-btn:hover {
    color: #fff;
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    -webkit-box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, 0.2)
}

.common-contact .a-1 .icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.common-contact .a-1:hover {
    opacity: .8
}

.common-contact .a-2:hover {
    background: var(--main-color);
    border-color: var(--main-color)
}

@media screen and (max-width:1023px) {
    .common-contact {
        min-height: 250px
    }

    .common-contact .container {
        min-height: 250px;
        display: block;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .common-contact .text {
        margin-bottom: 25px
    }
}

@media screen and (max-width:640px) {
    .common-contact .common-title {
        font-size: 28px
    }

    .common-contact p {
        font-size: 15px
    }

    .common-contact p br {
        display: none
    }

    .common-contact .btnDiv {
        gap: 12px
    }

    .common-contact .commonBtn,
    .common-contact .common-btn {
        min-width: 0;
        width: 50%;
        height: 48px;
        padding: 0 12px;
        font-size: 14px;
        text-align: center
    }
}

.home-get {
    padding: 8rem 0 8rem;
    background: #f7f8f9
}

.home-get .hd {
    text-align: center;
    margin-bottom: 3rem
}

.home-get .hd .common-title-3 {
    margin-bottom: 1.2rem;
    color: #080b0e;
    font-size: 5.4rem;
    line-height: 1.15
}

.home-get .hd .info {
    color: #5c6065;
    font-size: 2.6rem;
    line-height: 1.4
}

.home-get .nr {
    display: grid;
    grid-template-columns: 60rem minmax(0, 1fr);
    gap: 4rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-get .left,
.home-get .right {
    background: #fff;
    border-radius: 1.6rem;
    -webkit-box-shadow: 0 1rem 2.8rem rgba(24, 31, 38, 0.1);
    box-shadow: 0 1rem 2.8rem rgba(24, 31, 38, 0.1)
}

.home-get .left {
    padding: 4.4rem 4.8rem 3.8rem
}

.home-get .right {
    padding: 4.2rem 5.5rem 3.8rem
}

.home-get .whyTitle,
.home-get .formTitle,
.home-get .responseTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-get .whyTitle,
.home-get .formTitle {
    gap: 2.2rem;
    margin-bottom: 3.6rem;
    margin-left: -1rem
}

.home-get .whyTitle img,
.home-get .formTitle img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.home-get .whyTitle .title,
.home-get .formTitle .title {
    color: #0c0f12;
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 700
}

.home-get .whyTitle img {
    width: 4.8rem
}

.home-get .formTitle img {
    width: 4.8rem
}

.home-get .listWhy {
    padding-bottom: 2.6rem;
    border-bottom: .1rem solid #d7dade
}

.home-get .listWhy li {
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.3rem;
    color: #171a1d;
    font-size: 2.2rem;
    line-height: 1.25
}

.home-get .listWhy li:last-child {
    margin-bottom: 0
}

.home-get .listWhy img {
    width: 2.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.home-get .response {
    padding-top: 3rem
}

.home-get .responseTitle {
    gap: 2.4rem;
    margin-bottom: .8rem
}

.home-get .responseTitle img {
    width: 6.5rem;
    height: 6.5rem;
    padding: 1.2rem;
    border-radius: 50%;
    background: #fff0e9;
    -o-object-fit: contain;
    object-fit: contain
}

.home-get .responseTitle .title {
    font-size: 2.2rem;
    line-height: 1.2
}

.home-get .listResponse {
    padding-left: 8.9rem
}

.home-get .listResponse li {
    min-height: 6rem;
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.8rem;
    border-bottom: .1rem dashed #d7dade;
    color: #171a1d;
    font-size: 1.7rem
}

.home-get .listResponse li:last-child {
    border-bottom: 0
}

.home-get .listResponse img {
    width: 3rem;
    -o-object-fit: contain;
    object-fit: contain
}

.home-get .formTitle {
    margin-bottom: 2.5rem
}

.home-get .list-form {
    display: grid;
    gap: 1.2rem
}

.home-get .list-form .editDiv {
    height: 5.6rem;
    padding: 0 1.8rem;
    border: .1rem solid #cfd3d7;
    border-radius: .7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.8rem;
    -webkit-transition: border-color .3s, -webkit-box-shadow .3s;
    transition: border-color .3s, -webkit-box-shadow .3s;
    transition: border-color .3s, box-shadow .3s;
    transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s
}

.home-get .list-form .editDiv:focus-within {
    border-color: var(--main-color);
    -webkit-box-shadow: 0 0 0 .2rem rgba(253, 104, 38, 0.12);
    box-shadow: 0 0 0 .2rem rgba(253, 104, 38, 0.12)
}

.home-get .list-form .editDiv>img {
    width: 2.2rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.home-get .list-form input,
.home-get .list-form select,
.home-get .list-form textarea {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    color: #35393d;
    font-family: var(--font-family-0);
    font-size: 1.8rem;
    outline: none
}

.home-get .list-form input::-webkit-input-placeholder,
.home-get .list-form textarea::-webkit-input-placeholder {
    color: #74787d;
    opacity: 1
}

.home-get .list-form input:-ms-input-placeholder,
.home-get .list-form textarea:-ms-input-placeholder {
    color: #74787d;
    opacity: 1
}

.home-get .list-form input::-ms-input-placeholder,
.home-get .list-form textarea::-ms-input-placeholder {
    color: #74787d;
    opacity: 1
}

.home-get .list-form input::placeholder,
.home-get .list-form textarea::placeholder {
    color: #74787d;
    opacity: 1
}

.home-get .list-form select {
    color: #74787d;
    cursor: pointer
}

.home-get .list-form .textareaDiv {
    height: 10rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 1.6rem
}

.home-get .list-form textarea {
    resize: vertical;
    min-height: 7rem;
    line-height: 1.4
}

.home-get .list-form .btnDiv {
    display: block
}

.home-get .list-form button {
    width: 100%;
    height: 6.4rem;
    border: 0;
    border-radius: .7rem;
    background: var(--main-color);
    color: #fff;
    font-size: 2.1rem;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: background-color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: background-color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: background-color .3s, transform .3s, box-shadow .3s;
    transition: background-color .3s, transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.home-get .list-form button:hover {
    background: #e95315;
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
    -webkit-box-shadow: 0 .8rem 1.8rem rgba(253, 104, 38, 0.22);
    box-shadow: 0 .8rem 1.8rem rgba(253, 104, 38, 0.22)
}

@media screen and (max-width:1200px) {
    .home-get .nr {
        grid-template-columns: 42% minmax(0, 1fr);
        gap: 2.5rem
    }

    .home-get .left,
    .home-get .right {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}

@media screen and (max-width:1023px) {
    .home-get {
        padding: 45px 0
    }

    .home-get .hd {
        margin-bottom: 28px
    }

    .home-get .hd .common-title-3 {
        font-size: 34px;
        margin-bottom: 10px
    }

    .home-get .hd .info {
        font-size: 17px
    }

    .home-get .nr {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .home-get .left,
    .home-get .right {
        padding: 32px;
        border-radius: 14px
    }

    .home-get .whyTitle,
    .home-get .formTitle {
        gap: 16px;
        margin-bottom: 28px
    }

    .home-get .whyTitle .title,
    .home-get .formTitle .title {
        font-size: 25px
    }

    .home-get .listWhy li {
        margin-bottom: 18px;
        font-size: 17px
    }

    .home-get .responseTitle .title {
        font-size: 20px
    }

    .home-get .listResponse li {
        font-size: 16px
    }

    .home-get .list-form {
        gap: 12px
    }

    .home-get .list-form .editDiv>img {
        width: 16px
    }

    .home-get .list-form .editDiv {
        height: 52px;
        padding: 0 15px
    }

    .home-get .list-form input,
    .home-get .list-form select,
    .home-get .list-form textarea {
        font-size: 16px
    }

    .home-get .list-form .textareaDiv {
        height: 110px;
        padding-top: 15px
    }

    .home-get .list-form button {
        height: 54px;
        font-size: 18px
    }
}

@media screen and (max-width:640px) {
    .home-get {
        padding: 36px 0
    }

    .home-get .hd .common-title-3 {
        font-size: 28px
    }

    .home-get .hd .info {
        font-size: 15px
    }

    .home-get .left,
    .home-get .right {
        padding: 26px 18px
    }

    .home-get .whyTitle img {
        width: 44px
    }

    .home-get .formTitle img {
        width: 40px
    }

    .home-get .whyTitle .title,
    .home-get .formTitle .title {
        font-size: 22px
    }

    .home-get .listWhy li {
        grid-template-columns: 25px minmax(0, 1fr);
        gap: 14px;
        font-size: 15px
    }

    .home-get .listWhy img {
        width: 25px
    }

    .home-get .responseTitle {
        gap: 14px
    }

    .home-get .responseTitle img {
        width: 54px;
        height: 54px;
        padding: 10px
    }

    .home-get .responseTitle .title {
        font-size: 18px
    }

    .home-get .listResponse {
        padding-left: 0
    }

    .home-get .listResponse li {
        min-height: 54px;
        font-size: 14px
    }

    .home-get .list-form .editDiv {
        gap: 12px
    }

    .home-get .list-form button {
        font-size: 16px
    }
}

.home-dingzhi {
    padding: 8rem 0 0;
    background: #fff;
    overflow: hidden
}

.home-dingzhi .hd {
    text-align: center;
    margin-bottom: 2.8rem
}

.home-dingzhi .hd .common-title-3 {
    margin-bottom: .8rem;
    color: #202226;
    font-size: 4.8rem;
    line-height: 1.15
}

.home-dingzhi .hd .common-title-3 span {
    color: var(--main-color)
}

.home-dingzhi .hd .info {
    color: #5b6065;
    font-size: 2.2rem;
    line-height: 1.4
}

.home-dingzhi .steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6rem
}

.home-dingzhi .step {
    min-width: 0;
    padding: 2.4rem 1.8rem 1.8rem;
    border-radius: 2rem;
    background: #fff;
    -webkit-box-shadow: 0 0 2rem #f0f0f0;
    box-shadow: 0 0 2rem #f0f0f0;
    position: relative
}

.home-dingzhi .step:not(:last-child)::after {
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background: url(../images2/icon/arrow-2.svg) no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -4.8rem
}

.home-dingzhi .stepHd {
    padding: 0 .2rem .6rem;
    border-bottom: .1rem solid #d9dcdf
}

.home-dingzhi .stepHd b {
    display: block;
    color: var(--main-color);
    font-size: 4.6rem;
    line-height: 1;
    margin-bottom: .9rem
}

.home-dingzhi .stepHd .title {
    margin-bottom: .5rem;
    color: #24272a;
    font-size: 1.8rem;
    line-height: 1.2;
    white-space: nowrap !important
}

.home-dingzhi .stepHd .info {
    color: #5d6267;
    font-size: 1.4rem;
    line-height: 1.3;
    white-space: nowrap !important
}

.home-dingzhi .modelList {
    display: grid;
    gap: .6rem;
    padding-top: 1rem
}

.home-dingzhi .modelList .pic {
    aspect-ratio: 2.1;
    overflow: hidden;
    border: .1rem solid #e5e7e9;
    border-radius: 1.2rem;
    position: relative
}

.home-dingzhi .modelList img {
    -o-object-fit: contain;
    object-fit: contain
}

.home-dingzhi .brandBike {
    height: 21.5rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-dingzhi .brandBike>img {
    width: 18rem;
    -o-object-fit: contain;
    object-fit: contain
}

.home-dingzhi .brandBike span {
    padding: .5rem .9rem;
    border: .1rem solid var(--main-color);
    border-radius: .7rem;
    background: #fff;
    color: #24272a;
    font-size: 1rem;
    font-weight: 700;
    position: absolute
}

.home-dingzhi .brandBike .logoTag {
    top: 3.2rem;
    right: 0
}

.home-dingzhi .brandBike .brandTag {
    right: 2rem;
    bottom: .4rem
}

.home-dingzhi .optionBox {
    min-height: 6.4rem;
    margin-top: .6rem;
    padding: .9rem 1.4rem;
    border: .1rem solid #d9dcdf;
    border-radius: 1.2rem;
    position: relative
}

.home-dingzhi .optionBox strong {
    display: block;
    color: #24272a;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: .7rem
}

.home-dingzhi .colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.home-dingzhi .colors i {
    width: 2.2rem;
    height: 2.2rem;
    border: .1rem solid #d9dcdf;
    border-radius: 50%;
    background: #16191d
}

.home-dingzhi .colors i:nth-child(2) {
    background: #d9dcdf
}

.home-dingzhi .colors i:nth-child(3) {
    background: #fff
}

.home-dingzhi .colors i:nth-child(4) {
    background: var(--main-color)
}

.home-dingzhi .colors i:nth-child(5) {
    background: #172c49
}

.home-dingzhi .decalBox {
    min-height: 6rem
}

.home-dingzhi .decalBox strong {
    margin-bottom: .4rem
}

.home-dingzhi .decal {
    height: 2.7rem;
    background: linear-gradient(120deg, transparent 0 12%, var(--main-color) 12% 20%, #171a1e 20% 82%, var(--main-color) 82% 90%, transparent 90%);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.7rem;
    text-align: center
}

.home-dingzhi .packageBox {
    height: 8.8rem
}

.home-dingzhi .packageBox img {
    width: 13.1rem;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 1rem;
    bottom: .5rem
}

.home-dingzhi .samplePic {
    height: 21.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-dingzhi .samplePic img {
    width: 18rem;
    -o-object-fit: contain;
    object-fit: contain
}

.home-dingzhi .testBox {
    min-height: 12.4rem;
    padding: .8rem .8rem .8rem 1.2rem;
    border: .1rem solid #d9dcdf;
    border-radius: 1.2rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 7.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-dingzhi .testBox>img {
    width: 8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.home-dingzhi .testList li {
    color: #50555a;
    font-size: 1.1rem;
    line-height: 1.35;
    margin-bottom: .5rem;
    white-space: nowrap !important
}

.home-dingzhi .testList li:last-child {
    margin-bottom: 0
}

.home-dingzhi .testList li::before {
    content: "✓";
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .7rem;
    border-radius: 50%;
    background: var(--main-color);
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    display: inline-block
}

.home-dingzhi .certBox {
    min-height: 8.8rem;
    margin-top: .8rem;
    padding: .8rem;
    border: .1rem solid #d9dcdf;
    border-radius: 1.2rem;
    text-align: center
}

.home-dingzhi .certBox img {
    width: 20rem;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    margin: 0 auto .3rem
}

.home-dingzhi .certBox span {
    color: #555a5f;
    font-size: 1.2rem
}

.home-dingzhi .deliveryPics {
    display: grid;
    gap: .6rem;
    padding-top: 1rem
}

.home-dingzhi .deliveryPics .pic {
    aspect-ratio: 2.38333333;
    overflow: hidden;
    border-radius: .5rem
}

.home-dingzhi .deliveryPics img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home-dingzhi .deliveryBottom {
    min-height: 18rem;
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 54% minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.home-dingzhi .deliveryBottom>img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.home-dingzhi .deliveryList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    color: #50555a;
    font-size: 1.1rem;
    line-height: 1.25;
    margin-bottom: .6rem;
    white-space: nowrap !important
}

.home-dingzhi .deliveryList li:last-child {
    margin-bottom: 0
}

.home-dingzhi .deliveryList img {
    width: 2rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.home-dingzhi .btnDiv {
    margin-top: 3.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5.5rem
}

.home-dingzhi .btnDiv a {
    color: #555a5f
}

.home-dingzhi .btnDiv .mainBtn {
    min-width: 35rem;
    height: 6.4rem;
    padding: 0 3rem;
    border-radius: 1.3rem;
    background: var(--main-color);
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}

.home-dingzhi .btnDiv .mainBtn:hover {
    opacity: .8
}

.home-dingzhi .btnDiv .textBtn {
    font-size: 1.9rem;
    -webkit-transition: color .3s;
    transition: color .3s
}

.home-dingzhi .btnDiv .textBtn span {
    color: var(--main-color);
    font-size: 3rem;
    margin-left: 1.8rem;
    vertical-align: middle
}

.home-dingzhi .btnDiv .textBtn:hover {
    color: var(--main-color)
}

.home-dingzhi .btnDiv .common-btn {
    border-color: transparent
}

.home-dingzhi .btnDiv .common-btn:hover {
    background: var(--main-color);
    color: #fff
}

.home-dingzhi .btnDiv .common-btn:hover i {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

@media screen and (max-width:1280px) {
    .home-dingzhi .steps {
        gap: 3.2rem
    }

    .home-dingzhi .step {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .home-dingzhi .step:not(:last-child)::after {
        right: -2.4rem
    }

    .home-dingzhi .stepHd .title {
        font-size: 1.7rem
    }
}

@media screen and (max-width:1023px) {
    .home-dingzhi {
        padding: 45px 0
    }

    .home-dingzhi .hd {
        margin-bottom: 28px
    }

    .home-dingzhi .hd .common-title-3 {
        font-size: 34px
    }

    .home-dingzhi .hd .info {
        font-size: 17px
    }

    .home-dingzhi .steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px
    }

    .home-dingzhi .step {
        padding: 22px 18px 18px;
        border-radius: 10px
    }

    .home-dingzhi .step:not(:last-child)::after {
        display: none
    }

    .home-dingzhi .stepHd b {
        font-size: 40px
    }

    .home-dingzhi .stepHd .title {
        font-size: 18px
    }

    .home-dingzhi .stepHd .info {
        font-size: 13px
    }

    .home-dingzhi .modelList .pic {
        min-height: 125px
    }

    .home-dingzhi .btnDiv {
        margin-top: 30px;
        gap: 28px
    }

    .home-dingzhi .btnDiv .mainBtn {
        min-width: 300px;
        height: 56px;
        font-size: 19px
    }

    .home-dingzhi .btnDiv .textBtn {
        font-size: 17px
    }
}

@media screen and (max-width:640px) {
    .home-dingzhi {
        padding: 34px 0 38px
    }

    .home-dingzhi .hd {
        margin-bottom: 22px
    }

    .home-dingzhi .hd .common-title-3 {
        margin-bottom: 8px;
        font-size: 27px;
        line-height: 1.2
    }

    .home-dingzhi .hd .info {
        font-size: 14px;
        line-height: 1.5
    }

    .home-dingzhi .steps {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .home-dingzhi .step {
        padding: 18px 14px 16px;
        border-radius: 12px;
        -webkit-box-shadow: 0 0 10px #f0f0f0;
        box-shadow: 0 0 10px #f0f0f0
    }

    .home-dingzhi .stepHd {
        padding: 0 0 10px
    }

    .home-dingzhi .stepHd b {
        margin-bottom: 7px;
        font-size: 34px
    }

    .home-dingzhi .stepHd .title {
        margin-bottom: 4px;
        font-size: 18px;
        white-space: normal !important
    }

    .home-dingzhi .stepHd .info {
        font-size: 13px;
        line-height: 1.4;
        white-space: normal !important
    }

    .home-dingzhi .modelList {
        padding-top: 12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px
    }

    .home-dingzhi .modelList .pic {
        min-height: 0;
        aspect-ratio: 1.12;
        border-radius: 8px
    }

    .home-dingzhi .brandBike {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        gap: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home-dingzhi .brandBike>img {
        width: 185px;
        display: none
    }

    .home-dingzhi .brandBike span {
        padding: 4px 7px;
        border-radius: 5px;
        font-size: 10px
    }

    .home-dingzhi .brandBike .logoTag {
        top: 28px;
        right: 15px;
        position: static
    }

    .home-dingzhi .brandBike .brandTag {
        right: 28px;
        bottom: 8px;
        position: static
    }

    .home-dingzhi .optionBox {
        min-height: 58px;
        margin-top: 7px;
        padding: 9px 12px;
        border-radius: 9px
    }

    .home-dingzhi .optionBox strong {
        margin-bottom: 6px;
        font-size: 12px
    }

    .home-dingzhi .colors {
        gap: 20px
    }

    .home-dingzhi .colors i {
        width: 22px;
        height: 22px
    }

    .home-dingzhi .decalBox {
        min-height: 56px
    }

    .home-dingzhi .decal {
        height: 27px;
        font-size: 13px;
        line-height: 27px
    }

    .home-dingzhi .packageBox {
        height: auto;
        text-align: left
    }

    .home-dingzhi .packageBox img {
        width: 130px;
        right: 10px;
        bottom: 5px;
        position: static
    }

    .home-dingzhi .samplePic {
        height: 205px;
        display: none
    }

    .home-dingzhi .samplePic img {
        width: 180px
    }

    .home-dingzhi .testBox {
        min-height: 122px;
        padding: 10px 10px 10px 12px;
        grid-template-columns: minmax(0, 1fr) 76px;
        border-radius: 9px
    }

    .home-dingzhi .testBox>img {
        width: 76px
    }

    .home-dingzhi .testList li {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.35;
        white-space: normal !important
    }

    .home-dingzhi .testList li::before {
        width: 15px;
        height: 15px;
        margin-right: 6px;
        font-size: 10px;
        line-height: 15px
    }

    .home-dingzhi .certBox {
        min-height: 80px;
        margin-top: 8px;
        padding: 8px;
        border-radius: 9px
    }

    .home-dingzhi .certBox img {
        width: 180px;
        margin-bottom: 3px
    }

    .home-dingzhi .certBox span {
        font-size: 12px
    }

    .home-dingzhi .deliveryPics {
        padding-top: 12px;
        gap: 7px
    }

    .home-dingzhi .deliveryPics .pic {
        border-radius: 6px;
        display: none
    }

    .home-dingzhi .deliveryBottom {
        min-height: auto;
        margin-top: 10px;
        grid-template-columns: 100% minmax(0, 1fr);
        gap: 10px
    }

    .home-dingzhi .deliveryBottom>img {
        display: none
    }

    .home-dingzhi .deliveryList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home-dingzhi .deliveryList li {
        min-width: 50%;
        gap: 6px;
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.3;
        white-space: normal !important
    }

    .home-dingzhi .deliveryList img {
        width: 20px
    }

    .home-dingzhi .btnDiv {
        margin-top: 26px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .home-dingzhi .btnDiv .mainBtn {
        width: 100%;
        min-width: 0;
        height: 48px;
        padding: 0 14px;
        border-radius: 6px;
        font-size: 16px
    }

    .home-dingzhi .btnDiv .common-btn {
        width: 100%;
        height: 46px;
        border-radius: 6px;
        font-size: 15px
    }
}

.home-team-2 {
    padding: 8rem 0 8rem;
    background: #faf9f7
}

.home-team-2>.container {
    display: grid;
    grid-template-columns: 57rem minmax(0, 1fr);
    gap: 3.8rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-team-2 .teamIntro {
    padding: 10.5rem 5.2rem 5.5rem;
    border-radius: 2.4rem;
    background: rgba(255, 255, 255, 0.72);
    -webkit-box-shadow: 0 .7rem 2rem rgba(28, 34, 40, 0.08);
    box-shadow: 0 .7rem 2rem rgba(28, 34, 40, 0.08)
}

.home-team-2 .line {
    width: 7.2rem;
    height: .5rem;
    margin-bottom: 2.8rem;
    border-radius: .3rem;
    background: var(--main-color)
}

.home-team-2 .teamIntro h2 {
    color: #292b2f;
    font-size: 5.5rem;
    line-height: 1.22;
    font-weight: 700;
    margin-bottom: 3rem
}

.home-team-2 .teamIntro h2 span {
    color: var(--main-color)
}

.home-team-2 .teamIntro>.info {
    max-width: 43rem;
    margin-bottom: 3.8rem;
    color: #555a5f;
    font-size: 2rem;
    line-height: 1.55
}

.home-team-2 .mainBtn {
    min-width: 34rem;
    height: 6.4rem;
    padding: 0 3.2rem;
    border-radius: 3.6rem;
    background: var(--main-color);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: background-color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: background-color .3s, transform .3s, box-shadow .3s;
    transition: background-color .3s, transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.home-team-2 .mainBtn span {
    font-size: 3.2rem;
    line-height: 1;
    margin-left: 2rem
}

.home-team-2 .mainBtn .icon {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    background: none;
    position: relative;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fc630c" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3rem;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.home-team-2 .mainBtn:hover {
    opacity: .8
}

.home-team-2 .support {
    margin-top: 5rem;
    display: grid;
    grid-template-columns: 7.2rem minmax(0, 1fr);
    gap: 1.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-team-2 .support>img {
    width: 7.2rem;
    height: 7.2rem;
    padding: 1.5rem;
    border: .1rem solid var(--main-color);
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.home-team-2 .support strong {
    display: block;
    margin-bottom: .5rem;
    color: #292b2f;
    font-size: 1.7rem
}

.home-team-2 .support p {
    color: #555a5f;
    font-size: 1.7rem;
    line-height: 1.55
}

.home-team-2 .menuTabs {
    margin-bottom: 1.8rem
}

.home-team-2 .menuTabs .listMenu {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 2.2rem
}

.home-team-2 .menuTabs button {
    width: 100%;
    height: 4.4rem;
    padding: 0 1.2rem;
    border: .1rem solid #dedfe1;
    border-radius: 2.4rem;
    background: #fff;
    color: #26292c;
    font-size: 1.7rem;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: .3s;
    transition: .3s
}

.home-team-2 .menuTabs li.active button,
.home-team-2 .menuTabs button:hover {
    border-color: var(--main-color);
    background: var(--main-color);
    color: #fff
}

.home-team-2 .conTabs .panel {
    display: none
}

.home-team-2 .conTabs .panel.active {
    display: block
}

.home-team-2 .conTabs .list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem 2.2rem
}

.home-team-2 .conTabs .list .box {
    height: 100%;
    overflow: hidden;
    border-radius: 1.6rem;
    background: #fff;
    -webkit-box-shadow: 0 .8rem 1.8rem rgba(27, 33, 39, 0.08);
    box-shadow: 0 .8rem 1.8rem rgba(27, 33, 39, 0.08);
    display: block;
    -webkit-transition: -webkit-transform .35s, -webkit-box-shadow .35s;
    transition: -webkit-transform .35s, -webkit-box-shadow .35s;
    transition: transform .35s, box-shadow .35s;
    transition: transform .35s, box-shadow .35s, -webkit-transform .35s, -webkit-box-shadow .35s
}

.home-team-2 .conTabs .list .pic {
    aspect-ratio: 1;
    overflow: hidden;
    background-color: #eae5e7;
    position: relative;
    border: .5rem solid #fff;
    border-radius: 1.6rem 1.6rem 0 0
}

.home-team-2 .conTabs .list .pic img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.home-team-2 .conTabs .list .text {
    padding: 1rem 2rem 1.3rem
}

.home-team-2 .conTabs .list .title {
    color: #202327;
    font-size: 1.9rem;
    line-height: 1.15;
    margin-bottom: .3rem
}

.home-team-2 .conTabs .list .role {
    color: var(--main-color);
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: .3rem
}

.home-team-2 .conTabs .list .info {
    color: #5d6267;
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: .9rem
}

.home-team-2 .conTabs .list .btn {
    padding-top: 1rem;
    border-top: .1rem solid #e3e4e6;
    color: var(--main-color);
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.home-team-2 .conTabs .list .btn i {
    font-style: normal;
    font-size: 1.8rem
}

.home-team-2 .conTabs .list .box:hover {
    -webkit-box-shadow: 0 1.4rem 2.8rem rgba(27, 33, 39, 0.14);
    box-shadow: 0 1.4rem 2.8rem rgba(27, 33, 39, 0.14)
}

.home-team-2 .conTabs .list .box:hover .pic img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

@media screen and (max-width:1280px) {
    .home-team-2>.container {
        grid-template-columns: 36% minmax(0, 1fr);
        gap: 2.5rem
    }

    .home-team-2 .teamIntro {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .home-team-2 .teamIntro h2 {
        font-size: 4.5rem
    }

    .home-team-2 .menuTabs .listMenu {
        gap: 1rem
    }

    .home-team-2 .menuTabs button {
        font-size: 1.4rem
    }
}

@media screen and (max-width:1023px) {
    .home-team-2 {
        padding: 45px 0
    }

    .home-team-2>.container {
        display: block
    }

    .home-team-2 .teamIntro {
        padding: 45px 35px;
        border-radius: 18px
    }

    .home-team-2 .line {
        width: 60px;
        height: 4px;
        margin-bottom: 22px
    }

    .home-team-2 .teamIntro h2 {
        font-size: 40px;
        margin-bottom: 22px
    }

    .home-team-2 .teamIntro>.info {
        max-width: 100%;
        margin-bottom: 28px;
        font-size: 17px
    }

    .home-team-2 .mainBtn {
        min-width: 310px;
        height: 56px;
        padding: 0 26px;
        font-size: 16px
    }

    .home-team-2 .support {
        margin-top: 32px;
        grid-template-columns: 62px minmax(0, 1fr)
    }

    .home-team-2 .support>img {
        width: 62px;
        height: 62px;
        padding: 13px
    }

    .home-team-2 .support strong,
    .home-team-2 .support p {
        font-size: 15px
    }

    .home-team-2 .teamContent {
        margin-top: 30px
    }

    .home-team-2 .menuTabs {
        overflow-x: auto;
        padding-bottom: 5px
    }

    .home-team-2 .menuTabs .listMenu {
        width: 720px;
        gap: 12px
    }

    .home-team-2 .menuTabs button {
        height: 42px;
        font-size: 15px
    }

    .home-team-2 .conTabs .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px
    }

    .home-team-2 .conTabs .list .text {
        padding: 12px 16px 14px
    }

    .home-team-2 .conTabs .list .title {
        font-size: 18px
    }

    .home-team-2 .conTabs .list .role,
    .home-team-2 .conTabs .list .info {
        font-size: 14px
    }
}

@media screen and (max-width:640px) {
    .home-team-2 {
        padding: 36px 0
    }

    .home-team-2 .teamIntro {
        padding: 32px 20px
    }

    .home-team-2 .teamIntro h2 {
        font-size: 32px
    }

    .home-team-2 .teamIntro h2 br {
        display: none
    }

    .home-team-2 .teamIntro>.info {
        font-size: 15px
    }

    .home-team-2 .mainBtn {
        width: 100%;
        min-width: 0;
        height: 52px;
        border-radius: 6px;
        font-size: 15px
    }

    .home-team-2 .support {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .home-team-2 .support p br {
        display: none
    }

    .home-team-2 .menuTabs .listMenu {
        width: 650px
    }

    .home-team-2 .conTabs .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px
    }

    .home-team-2 .conTabs .list .pic {
        border-width: 3px
    }

    .home-team-2 .conTabs .list .text {
        padding: 10px 10px 12px
    }

    .home-team-2 .conTabs .list .title {
        font-size: 16px
    }

    .home-team-2 .conTabs .list .role,
    .home-team-2 .conTabs .list .info,
    .home-team-2 .conTabs .list .btn {
        font-size: 12px
    }
}

.team-show {
    padding: 3.6rem 0 4.8rem;
    background: #f8fafb;
    color: #17304b
}

.team-show .common-bread {
    text-align: left
}

.team-show .common-bread .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.team-show .profileCard,
.team-show .detailBox,
.team-show .otherBox {
    border: .1rem solid #dce3e8;
    border-radius: 2.8rem;
    background: #fff
}

.team-show .profileCard {
    padding: 3rem;
    display: grid;
    grid-template-columns: 45rem minmax(0, 1fr);
    gap: 5.2rem
}

.team-show .portrait {
    overflow: hidden
}

.team-show .portrait img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.team-show .profileInfo {
    padding: 1.8rem 1.8rem 0 0
}

.team-show .name {
    margin-bottom: 2.5rem
}

.team-show .name h1 {
    display: inline-block;
    color: #102943;
    font-size: 7.2rem;
    line-height: 1;
    position: relative
}

.team-show .name h1::after {
    content: "";
    width: 4rem;
    height: .4rem;
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: -1.3rem
}

.team-show .name p {
    margin-top: 2rem;
    color: #17304b;
    font-size: 1.8rem;
    font-weight: 700
}

.team-show .profileInfo>h2 {
    margin-bottom: 1.2rem;
    color: #17304b;
    font-size: 3.6rem;
    line-height: 1.2
}

.team-show .tagGroup {
    margin-bottom: 2rem
}

.team-show .tagGroup h3 {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.team-show .tagGroup h3 span {
    color: var(--main-color);
    font-size: 2.6rem
}

.team-show .tagGroup h3 img {
    width: 3.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

.team-show .tagList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.team-show .tagList li {
    min-height: 4rem;
    padding: 0 2rem;
    border-radius: 2rem;
    background: #fff2eb;
    color: #5a6876;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.team-show .tagList img {
    height: 4rem;
    -o-object-fit: contain;
    object-fit: contain
}

.team-show .summary {
    margin: 2.6rem 0 1.8rem;
    color: #596b7c;
    font-size: 2rem;
    line-height: 1.6
}

.team-show .btnDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.8rem
}

.team-show .btnDiv a {
    height: 5.8rem;
    padding: 0 2.4rem;
    border-radius: 3.2rem;
    font-size: 2rem;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}

.team-show .contactBtn {
    min-width: 22.5rem;
    background: var(--main-color);
    color: #fff;
    gap: 1rem
}

.team-show .contactBtn img {
    width: 2.4rem;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.team-show .recommendBtn {
    min-width: 33rem;
    border: .1rem solid var(--main-color);
    color: var(--main-color)
}

.team-show .btnDiv a:hover {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    -webkit-box-shadow: 0 .8rem 1.8rem rgba(253, 104, 38, 0.18);
    box-shadow: 0 .8rem 1.8rem rgba(253, 104, 38, 0.18)
}

.team-show .contactBtn:hover {
    color: #fff;
    background: #e95315
}

.team-show .recommendBtn:hover {
    color: #fff;
    background: var(--main-color)
}

.team-show .detailGrid {
    margin-top: 1.8rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.team-show .detailBox {
    padding: 1.8rem 2.4rem
}

.team-show .boxTitle {
    margin-bottom: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.4rem
}

.team-show .boxTitle .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background: var(--main-color)
}

.team-show .boxTitle .icon>img {
    width: 4rem
}

.team-show .boxTitle>span {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: var(--main-color);
    color: #fff;
    font-size: 3.8rem;
    line-height: 5rem;
    text-align: center
}

.team-show .boxTitle h2 {
    font-size: 2.6rem;
    line-height: 1.2;
    position: relative
}

.team-show .boxTitle h2::after {
    content: "";
    width: 3.8rem;
    height: .2rem;
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: -1.5rem
}

.team-show .helpList {
    display: grid;
    gap: 1.8rem
}

.team-show .helpList li {
    display: grid;
    grid-template-columns: 6.4rem minmax(0, 1fr);
    gap: 1.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-show .helpList img {
    width: 6.4rem;
    height: 6.4rem;
    padding: 1.3rem;
    border-radius: 50%;
    background: #fff0e9;
    -o-object-fit: contain;
    object-fit: contain
}

.team-show .helpList .title {
    margin-bottom: .3rem;
    font-size: 2rem
}

.team-show .helpList .info {
    color: #596b7c;
    font-size: 1.6rem;
    line-height: 1.4
}

.team-show .caseBox dl {
    display: grid;
    grid-template-columns: 12.5rem minmax(0, 1fr);
    gap: 1.4rem;
    color: #596b7c;
    font-size: 1.6rem;
    line-height: 1.45
}

.team-show .caseBox dt {
    color: #17304b;
    font-weight: 700;
    font-size: 2rem
}

.team-show .caseBox blockquote {
    margin-top: 2rem;
    padding: 2rem 2.2rem;
    border-radius: 2.4rem;
    background: #fff0e9;
    color: #536371;
    font-size: 1.6rem;
    line-height: 1.55;
    position: relative;
    padding-left: 4.375rem
}

.team-show .caseBox blockquote b {
    float: left;
    margin-right: .8rem;
    color: var(--main-color);
    font-size: 5rem;
    line-height: 1;
    position: absolute;
    top: 1.8rem;
    left: 1.5rem
}

.team-show .caseBox cite {
    display: block;
    margin-top: .8rem;
    font-style: normal
}

.team-show .modelsBox .boxTitle {
    margin-bottom: 2.5rem
}

.team-show .modelList {
    display: grid;
    gap: 1rem
}

.team-show .modelList .box {
    min-height: 100%;
    padding: .8rem 1.2rem;
    border: .1rem solid #dce3e8;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-show .modelList .pic {
    aspect-ratio: 1.15384615;
    position: relative
}

.team-show .modelList .pic img {
    -o-object-fit: contain;
    object-fit: contain
}

.team-show .modelList .title {
    margin-bottom: .6rem;
    font-size: 2rem;
    line-height: 1.2
}

.team-show .modelList .info {
    margin-bottom: .5rem;
    color: #687888;
    font-size: 1.6rem;
    line-height: 1.35
}

.team-show .modelList .text {
    padding-left: 1.33333333rem
}

.team-show .modelList .text span {
    color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 700
}

.team-show .moreBtn {
    height: 4.8rem;
    margin-top: 1.4rem;
    border-radius: 2.8rem;
    background: #fff0e9;
    color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team-show .moreBtn:hover {
    color: #fff;
    background: var(--main-color)
}

.team-show .talkBox {
    margin-top: 1.8rem;
    padding: 3.5rem 6rem;
    border-radius: 3rem;
    background: #fff0e9;
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr) 31rem;
    gap: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-show .talkBox .icon {
    width: 9rem;
    height: 9rem;
    padding: 1.5rem;
    border-radius: 50%;
    background: var(--main-color);
    -webkit-box-shadow: 0 0 0 1rem rgba(250, 80, 5, 0.1);
    box-shadow: 0 0 0 1rem rgba(250, 80, 5, 0.1)
}

.team-show .talkBox .icon img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.team-show .talkBox h2 {
    margin-bottom: 1.2rem;
    font-size: 3.2rem
}

.team-show .talkBox .text p {
    color: #596b7c;
    font-size: 1.8rem;
    line-height: 1.55
}

.team-show .talkBox .action .a-1 {
    height: 5.6rem;
    border-radius: 3rem;
    background: var(--main-color);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team-show .talkBox .action .a-1:hover {
    opacity: .8
}

.team-show .talkBox .action p {
    margin-top: 1rem;
    color: #536371;
    font-size: 1.6rem;
    text-align: center
}

.team-show .talkBox .action p img {
    height: 2.4rem
}

.team-show .otherBox {
    margin-top: 1.8rem;
    padding: 3.5rem 2.8rem 2.2rem
}

.team-show .otherHd {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    font-size: 1.8rem
}

.team-show .otherHd>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.team-show .otherHd img {
    width: 6.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.team-show .otherHd h2 {
    font-size: 3.2rem
}

.team-show .otherHd p {
    color: #536371
}

.team-show .otherHd a {
    color: var(--main-color);
    font-weight: 700
}

.team-show .otherList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem
}

.team-show .otherList .pic {
    border-radius: 1rem;
    background: #eae5e7;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative
}

.team-show .otherList .box {
    min-height: 11.5rem;
    padding: 1.2rem 1.2rem;
    border: .1rem solid #dce3e8;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: 11rem minmax(0, 1fr) auto;
    gap: 1.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-show .otherList img {
    width: 11rem;
    aspect-ratio: 1;
    border-radius: .6rem;
    -o-object-fit: cover;
    object-fit: cover
}

.team-show .otherList .title {
    margin-bottom: .8rem;
    font-size: 2.1rem
}

.team-show .otherList .info {
    color: #657687;
    font-size: 1.6rem
}

.team-show .otherList .box>span {
    color: #657687;
    font-size: 2rem
}

.team-show .otherList .box:hover {
    border-color: var(--main-color)
}

@media screen and (max-width:1023px) {
    .team-show {
        padding: 40px 0
    }

    .team-show .profileCard {
        grid-template-columns: 38% minmax(0, 1fr);
        gap: 28px;
        padding: 22px;
        border-radius: 20px
    }

    .team-show .portrait {
        min-height: 0
    }

    .team-show .profileInfo {
        padding: 0
    }

    .team-show .name h1 {
        font-size: 52px
    }

    .team-show .profileInfo>h2 {
        font-size: 28px
    }

    .team-show .summary {
        font-size: 15px
    }

    .team-show .btnDiv {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .team-show .btnDiv a {
        height: 50px;
        font-size: 15px
    }

    .team-show .detailGrid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .team-show .detailBox {
        padding: 24px
    }

    .team-show .helpList {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .team-show .talkBox {
        padding: 28px;
        grid-template-columns: 80px minmax(0, 1fr)
    }

    .team-show .talkBox .icon {
        width: 75px;
        height: 75px
    }

    .team-show .talkBox .action {
        grid-column: -1
    }

    .team-show .otherList {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:640px) {
    .team-show {
        padding: 30px 0
    }

    .team-show .btnDiv a,
    .team-show .moreBtn,
    .team-show .talkBox .action a,
    .team-show .talkBox .action .a-1 {
        border-radius: 6px
    }

    .team-show .common-bread {
        margin-bottom: 12px;
        font-size: 12px
    }

    .team-show .profileCard {
        grid-template-columns: 1fr;
        padding: 12px;
        gap: 18px;
        border-radius: 18px
    }

    .team-show .portrait {
        aspect-ratio: .8;
        border-radius: 12px
    }

    .team-show .portrait img {
        height: 100%
    }

    .team-show .profileInfo {
        padding: 0 2px 4px
    }

    .team-show .name {
        margin-bottom: 19px
    }

    .team-show .name h1 {
        font-size: 38px;
        line-height: 1
    }

    .team-show .name h1::after {
        width: 32px;
        height: 3px;
        bottom: -8px
    }

    .team-show .name p {
        margin-top: 15px;
        font-size: 14px;
        line-height: 1.4
    }

    .team-show .profileInfo>h2 {
        margin-bottom: 14px;
        font-size: 22px;
        line-height: 1.25
    }

    .team-show .tagGroup {
        margin-bottom: 15px
    }

    .team-show .tagGroup h3 {
        margin-bottom: 8px;
        gap: 7px;
        font-size: 15px
    }

    .team-show .tagGroup h3 span {
        font-size: 20px
    }

    .team-show .tagGroup h3 img,
    .team-show .tagList img {
        width: 20px;
        height: auto
    }

    .team-show .tagList {
        gap: 7px
    }

    .team-show .tagList li {
        min-height: 32px;
        padding: 6px 10px;
        gap: 6px;
        border-radius: 16px;
        font-size: 12px;
        line-height: 1.25
    }

    .team-show .summary {
        margin: 17px 0;
        font-size: 14px;
        line-height: 1.65
    }

    .team-show .btnDiv {
        display: grid;
        gap: 9px
    }

    .team-show .btnDiv a {
        width: 100%;
        min-width: 0;
        height: 46px;
        margin: 0;
        padding: 0 10px;
        border-radius: 6px;
        font-size: 14px
    }

    .team-show .btnDiv a img {
        width: 24px;
        height: 24px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .team-show .detailGrid {
        margin-top: 14px;
        gap: 14px
    }

    .team-show .detailBox {
        padding: 20px 14px;
        border-radius: 18px
    }

    .team-show .boxTitle {
        margin-bottom: 27px;
        gap: 10px
    }

    .team-show .boxTitle .icon,
    .team-show .boxTitle>span {
        width: 40px;
        height: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px
    }

    .team-show .boxTitle .icon>img {
        width: 32px
    }

    .team-show .boxTitle>span {
        font-size: 29px;
        line-height: 40px
    }

    .team-show .boxTitle h2 {
        font-size: 18px;
        line-height: 1.25
    }

    .team-show .boxTitle h2::after {
        width: 30px;
        bottom: -9px
    }

    .team-show .helpList {
        grid-template-columns: 1fr;
        gap: 15px
    }

    .team-show .helpList li {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px
    }

    .team-show .helpList img {
        width: 48px;
        height: 48px;
        padding: 10px
    }

    .team-show .helpList .title {
        font-size: 16px;
        line-height: 1.3
    }

    .team-show .helpList .info {
        font-size: 13px;
        line-height: 1.5
    }

    .team-show .caseBox dl {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 10px 8px;
        font-size: 13px;
        line-height: 1.5
    }

    .team-show .caseBox dt {
        font-size: 13px;
        line-height: 1.5
    }

    .team-show .caseBox blockquote {
        margin-top: 16px;
        padding: 15px 14px 15px 26px;
        font-size: 13px;
        line-height: 1.55
    }

    .team-show .caseBox blockquote b {
        top: 13px;
        left: 9px;
        font-size: 25px
    }

    .team-show .caseBox cite {
        margin-top: 7px;
        font-size: 13px
    }

    .team-show .modelsBox .boxTitle {
        margin-bottom: 24px
    }

    .team-show .modelList {
        gap: 10px
    }

    .team-show .modelList .box {
        min-height: 112px;
        padding: 8px;
        grid-template-columns: 40% minmax(0, 1fr);
        border-radius: 18px
    }

    .team-show .modelList .text {
        padding-left: 6px
    }

    .team-show .modelList .title {
        font-size: 15px;
        line-height: 1.3
    }

    .team-show .modelList .info,
    .team-show .modelList .text span {
        font-size: 12px
    }

    .team-show .moreBtn {
        height: 44px;
        margin-top: 10px;
        font-size: 14px
    }

    .team-show .talkBox {
        margin-top: 14px;
        padding: 22px 15px 18px;
        grid-template-columns: 1fr;
        gap: 13px;
        text-align: center
    }

    .team-show .talkBox .icon {
        width: 54px;
        height: 54px;
        margin: 0 auto 2px;
        padding: 10px
    }

    .team-show .talkBox h2 {
        margin-bottom: 7px;
        font-size: 18px;
        line-height: 1.35
    }

    .team-show .talkBox .text p {
        font-size: 13px;
        line-height: 1.55
    }

    .team-show .talkBox .text p br {
        display: none
    }

    .team-show .talkBox .action {
        width: 100%;
        grid-column: auto
    }

    .team-show .talkBox .action .a-1 {
        width: 100%;
        height: 44px;
        font-size: 14px
    }

    .team-show .talkBox .action p {
        margin-top: 9px;
        font-size: 13px;
        line-height: 1.4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px
    }

    .team-show .talkBox .action p a {
        color: inherit;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        white-space: nowrap
    }

    .team-show .talkBox .action p img {
        width: 16px;
        height: 16px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
        flex: 0 0 16px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .team-show .otherBox {
        margin-top: 14px;
        padding: 20px 13px 14px;
        border-radius: 18px
    }

    .team-show .otherHd {
        margin-bottom: 12px;
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 8px 5px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .team-show .otherHd>img {
        width: 40px;
        grid-row: 1
    }

    .team-show .otherHd h2 {
        font-size: 18px;
        line-height: 1.3
    }

    .team-show .otherHd p {
        margin: 3px 0 0;
        font-size: 12px;
        line-height: 1.45;
        display: none
    }

    .team-show .otherHd>a {
        grid-column: -1;
        margin: 2px 0 0;
        font-size: 11px
    }

    .team-show .otherList {
        gap: 9px
    }

    .team-show .otherList .box {
        min-height: 82px;
        padding: 9px 10px;
        grid-template-columns: 58px minmax(0, 1fr) auto;
        gap: 10px;
        border-radius: 15px
    }

    .team-show .otherList img {
        width: 58px
    }

    .team-show .otherList .title {
        margin-bottom: 3px;
        font-size: 15px
    }

    .team-show .otherList .info {
        font-size: 12px;
        line-height: 1.35
    }

    .team-show .otherList .box>span {
        font-size: 16px
    }
}