@charset "utf-8";

.news-show .article table {
    all: revert
}

.news-show .article ul,
.news-show .article ol {
    list-style: revert;
    margin: revert;
    padding: revert
}

.news-show .article ul li,
.news-show .article ol li {
    list-style: revert
}

.copyPopup {
    min-width: 10rem;
    height: 3.25rem;
    padding: 0 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: .5rem;
    background: rgba(20, 20, 20, 0.92);
    -webkit-box-shadow: 0 .75rem 2.25rem rgba(0, 0, 0, 0.35);
    box-shadow: 0 .75rem 2.25rem rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 1rem;
    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;
    pointer-events: none;
    opacity: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%) scale(.92);
    transform: translate(-50%, -50%) scale(.92);
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease
}

.copyPopup.active {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.copyPopup .copyPopup-icon {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: .625rem;
    border-radius: 50%;
    background: #f0ef1d;
    background: var(--main-color);
    color: #111;
    font-size: .875rem;
    line-height: 1.375rem;
    text-align: center
}

@media screen and (max-width:640px) {
    .copyPopup {
        min-width: 140px;
        height: 48px;
        padding: 0 20px;
        border-radius: 7px;
        font-size: 14px
    }

    .copyPopup .copyPopup-icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        font-size: 13px;
        line-height: 20px
    }
}

.waveCanvas {
    overflow: hidden;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0
}

#waveCanvas-service {
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.inside-service {
    z-index: 1
}

.inside-service~.footer {
    background: #030303
}

.canvas {
    position: relative;
    z-index: 1
}

.canvas::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/body-bg-2.webp) no-repeat top center;
    background-size: cover;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0
}

#waveCanvas-contact {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: .4
}

.menuSub {
    font-weight: 100;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.625rem;
    position: relative;
    z-index: 9
}

.menuSub .bt {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #fff
}

.menuSub .menuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem
}

.menuSub .menuList li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.menuSub .box {
    min-width: 8.75rem;
    height: 3.125rem;
    padding: 0 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1125);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    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;
    text-align: center;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease
}

.menuSub .box:hover,
.menuSub .box.active {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.22);
    color: #fff
}

@media screen and (max-width:1023px) {
    .menuSub {
        margin-bottom: 24px;
        gap: 16px;
        font-size: 15px;
        overflow-x: auto;
        padding-bottom: 4px
    }

    .menuSub .menuList {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 12px
    }

    .menuSub .box {
        min-width: 108px;
        height: 40px;
        padding: 0 20px
    }
}

.inside {
    padding: 12.5rem 0 0 0;
    position: relative
}

.inside .common-title {
    margin-bottom: 6rem
}

@media screen and (max-width:1023px) {
    .inside {
        padding: 80px 0 0
    }

    .inside .common-title {
        margin-bottom: 32px
    }
}

@media screen and (max-width:640px) {
    .inside {
        padding-top: 80px
    }

    .inside .common-title {
        margin-bottom: 24px
    }
}

@media screen and (max-width:1023px) {
    .common-btn {
        min-width: 144px;
        height: 40px;
        padding: 0 18px;
        border-radius: 20px;
        font-size: 16px;
        line-height: 1;
        gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .common-btn .icon {
        width: 20px;
        height: 20px;
        background-size: 20px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .common-btn:hover {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media screen and (max-width:640px) {
    .common-btn {
        min-width: 136px;
        height: 38px;
        padding: 0 16px;
        border-radius: 19px;
        font-size: 16px
    }

    .common-btn:hover {
        padding-left: 16px;
        padding-right: 16px
    }
}

.inside-project {
    overflow: hidden
}

.inside-contact {
    z-index: 1
}

.service {
    color: #fff;
        overflow-x: clip;
}

.service dl,
.service dt,
.service dd {
    margin: 0
}

.service dl {
    display: flex;
    flex-wrap: wrap;
    position: -webkit-sticky;
    position: sticky;
    top: 6.125rem;
    padding-bottom: 6rem;
    margin-bottom: 6rem;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
    opacity: var(--service-stack-opacity, 1);
    -webkit-transform: scale(var(--service-stack-scale, 1));
    transform: scale(var(--service-stack-scale, 1));
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: opacity .2s linear, transform .2s linear;
    transition: opacity .2s linear, transform .2s linear, -webkit-transform .2s linear;
    will-change: opacity, transform;
}


.service dl::after {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: rgba(0, 0, 0, 0.1) url(../images/body-bg.webp) repeat;
    pointer-events: none;
    width: 100dvw;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: -1
}
.service dl.active .hd {
    color: #fff
}

.service dl.active .hd::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.service dl.active .hd .title,
.service dl.active .hd .right {
    opacity: 1
}

.service dl.active .bd {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.service .hd {
    width: 25%;
    cursor: pointer;
    min-height: 7.5rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    
}

.service .hd::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.service .hd:hover {
    opacity: .8;
    border-color: rgba(255, 255, 255, 0.32)
}

.service .hd:hover::before {
    opacity: .1
}

.service .hd:hover::after {
    border-color: var(--main-color)
}

.service .hd .left {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .875rem
}

.service .hd .num {
    padding-top: .5625rem;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2
}

.service .hd .title {
    margin: 0;
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.28;
    letter-spacing: .025rem;
    opacity: .86;
    -webkit-transition: opacity .35s, color .35s;
    transition: opacity .35s, color .35s
}

.service .hd .title:hover{
	color:  var(--main-color);
}

.service .hd .right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-top: 11rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5;
    text-align: left;
    opacity: .82;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.service .hd .right p {
    margin: 0
}

.service .hd .right p+p {
    margin-top: .5rem
}

.service .bd {
    flex: 1;
}

.service .jieshao {
    margin-bottom: 6rem;
    color: rgba(255, 255, 255, 0.42);
    font-size: 1.2rem;
    line-height: 2.2;
    height: 5.2rem;
    overflow: hidden;
}

.service .jieshao p {
    margin: 0
}

.service .hd .more{
	border: 1px solid rgba(255, 255, 255, 0.34);
	color: #fff;
	border-radius: 2rem;
	width: 7rem;
    text-align: center;
    padding: 0.5rem 0.2rem;
}
.service .hd .more:hover{
	border: 1px solid var(--sub-color);
	color: var(--sub-color);
}

@media screen and (max-width:1023px) {
    .service dl {
        position: static;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        will-change: auto
    }

    .service .hd {
        min-height: 0;
        padding: 0;
        display: block;
        top: 64px;
         width: 100%;
    }

    .service .hd::after {
        width: 13px;
        height: 13px;
        right: 12px
    }

    .service .hd .left {
        gap: 10px;
       
    }

    .service .hd .num {
        padding-top: 6px;
        font-size: 13px
    }

    .service .hd .title {
        font-size: 26px
    }

    .service .hd .right {
        width: auto;
        margin-top: 22px;
        padding-top: 0;
        font-size: 16px;
        line-height: 1.75
    }

    .service .bd {
        padding-top: 34px;
         width: 100%;
         flex: none;
    }

    .service .jieshao {
        margin-bottom: 34px;
        font-size: 14px;
        line-height: 1.9;
		height:auto;
    }
}

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

    .service .hd .title {
        font-size: 22px
    }

    .service .hd .right {
        margin-top: 16px;
        font-size: 15px
    }

    .service .bd {
        padding-top: 26px
    }

    .service .jieshao {
        margin-bottom: 26px;
        font-size: 13px
    }
}

.contact {
    margin-top: 9.375rem;
    display: grid;
    grid-template-columns: 26.25rem minmax(0, 1fr);
    gap: 7.5rem;
    color: #fff
}

.contact .left {
    padding-top: .25rem
}

.contact .leftC {
    position: -webkit-sticky;
    position: sticky;
    top: 6.25rem;
    left: 0
}

.contact .intro {
    color: rgba(255, 255, 255, 0.9)
}

.contact .intro+.intro {
    margin-top: 12.5rem
}

.contact .small {
    margin-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.42);
    font-size: 1rem;
    line-height: 1.6
}

.contact .title {
    color: #fff;
    font-size: 1.4375rem;
    font-weight: 400;
    line-height: 1.55
}

.contact .right {
    min-width: 0
}

.contact .list-form>li {
    margin-bottom: 2.125rem
}

.contact .list-form>li:last-child {
    margin-bottom: 0
}

.contact .list-form .title-form {
    margin-bottom: .625rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: .9375rem;
    line-height: 1.5;
    display: block
}

.contact .list-form .title-form em {
    color: var(--main-color);
    font-style: normal
}

.contact .list-form .editDiv {
    display: block
}

.contact .list-form .text-form,
.contact .list-form .textare-form {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(18, 18, 18, 0.72);
    color: #fff;
    font-size: .875rem;
    line-height: 1.5;
    -webkit-transition: border-color .3s ease, background-color .3s ease;
    transition: border-color .3s ease, background-color .3s ease
}

.contact .list-form .text-form::-webkit-input-placeholder,
.contact .list-form .textare-form::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.18)
}

.contact .list-form .text-form:-ms-input-placeholder,
.contact .list-form .textare-form:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.18)
}

.contact .list-form .text-form::-ms-input-placeholder,
.contact .list-form .textare-form::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.18)
}

.contact .list-form .text-form::placeholder,
.contact .list-form .textare-form::placeholder {
    color: rgba(255, 255, 255, 0.18)
}

.contact .list-form .text-form:focus,
.contact .list-form .textare-form:focus {
    border-color: rgba(255, 255, 255, 0.42);
    background: rgba(24, 24, 24, 0.86)
}

.contact .list-form .text-form {
    height: 3.625rem;
    padding: 0 1.25rem
}

.contact .list-form .textare-form {
    height: 14.375rem;
    padding: 1.25rem;
    resize: none;
    vertical-align: top
}

.contact .list-form .btnDiv {
    margin-top: 3.75rem;
    text-align: right
}

.contact .list-form .submitBtn {
    min-width: 10.25rem;
    height: 3.125rem;
    padding: 0 1.25rem 0 1.25rem;
    border-radius: 999px;
    background: var(--main-color);
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: .625rem;
    cursor: pointer;
    -webkit-box-shadow: 0 0 2.563rem 0 rgba(240, 239, 29, 0.39);
    box-shadow: 0 0 2.563rem 0 rgba(240, 239, 29, 0.39);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.contact .list-form .submitBtn svg {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.contact .list-form .submitBtn:hover {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

@media screen and (max-width:1280px) {
    .contact {
        grid-template-columns: 20.625rem minmax(0, 1fr);
        gap: 4.375rem
    }
}

@media screen and (max-width:1023px) {
    .contact {
        margin-top: 54px;
        padding-bottom: 60px;
        display: block
    }

    .contact .left {
        padding-top: 0;
        margin-bottom: 32px
    }

    .contact .intro+.intro {
        margin-top: 24px
    }

    .contact .small {
        margin-bottom: 10px;
        font-size: 14px
    }

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

    .contact .list-form>li {
        margin-bottom: 22px
    }

    .contact .title-form {
        font-size: 14px
    }

    .contact .text-form {
        height: 50px;
        padding: 0 14px;
        font-size: 14px
    }

    .contact .textare-form {
        height: 160px;
        padding: 14px;
        font-size: 14px
    }

    .contact .btnDiv {
        margin-top: 28px
    }
}

@media screen and (max-width:640px) {
    .contact {
        margin-top: 38px
    }

    .contact .title {
        font-size: 18px
    }

    .contact .submitBtn {
        width: 100%;
        height: 46px
    }
}

.project-show .hd {
    color: #fff;
    position: relative;
    overflow: hidden
}

.project-show .hd .title-show {
    margin: .875rem 0 0;
    width: 100%;
    font-size: 3.375rem;
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: 0
}

.project-show .hd .year {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1
}

.project-show .hd .text {
    padding: 4.375rem 0 2.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 7.5rem
}

.project-show .hd .info {
    width: 50%;
    font-size: 1.25rem;
    font-weight: 100;
    line-height: 1.8;
    text-align: left
}

.project-show .hd .tags {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    gap: 1.25rem 1.25rem;
    padding-left: 5rem
}

.project-show .hd .tags span {
    height: 2.125rem;
    min-width: 7.5rem;
    padding: 0 1rem;
    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;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.86);
    font-size: .875rem;
    line-height: 1;
    white-space: nowrap
}
.project-show .hd .shuxing {
    width: 100%;
    font-size: 1rem;
    margin-top: 1rem;
}
.project-show .hd .shuxing .list li {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
    padding-bottom: .5rem;
    margin-bottom: .5rem;

}
.project-show .hd .shuxing .list li span {
    display: inline-block;
    width: 5rem;
    opacity: .4;
}

.project-show .hd .pic {
    overflow: hidden;
    width: 100%;
    height: 43.75rem;
    border-radius: .5rem .5rem 0 0;
    background: #080808;
    position: relative
}

.project-show .hd .pic::after {
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: radial-gradient(circle at 50% 47%, rgba(244, 255, 0, 0.06), rgba(0, 0, 0, 0) 12%), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0.18)));
    background: radial-gradient(circle at 50% 47%, rgba(244, 255, 0, 0.06), rgba(0, 0, 0, 0) 12%), linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.18));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.project-show .hd .pic img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.project-show .hd .playBtn {
    width: 6.625rem;
    height: 6.625rem;
    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;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(243, 246, 0, 0.12);
    -webkit-transition: background .45s ease, -webkit-transform .45s ease;
    transition: background .45s ease, -webkit-transform .45s ease;
    transition: transform .45s ease, background .45s ease;
    transition: transform .45s ease, background .45s ease, -webkit-transform .45s ease;
    -webkit-animation: playBtnHalo 3s ease-in-out infinite;
    animation: playBtnHalo 3s ease-in-out infinite
}

.project-show .hd .playBtn::before {
    content: "";
    width: 4.25rem;
    height: 4.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: rgba(243, 246, 0, 0.22);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: playBtnPulse 3s .55s ease-in-out infinite;
    animation: playBtnPulse 3s .55s ease-in-out infinite
}

.project-show .hd .playBtn::after {
    content: "";
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: #f3f600;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: playBtnPulse 3s 1.1s ease-in-out infinite;
    animation: playBtnPulse 3s 1.1s ease-in-out infinite
}

.project-show .hd .playBtn i {
    width: 0;
    height: 0;
    margin-left: .1875rem;
    position: relative;
    z-index: 2;
    border-top: .375rem solid transparent;
    border-bottom: .375rem solid transparent;
    border-left: .5625rem solid #fff
}

.project-show .hd .playBtn:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.04);
    transform: translate(-50%, -50%) scale(1.04);
    background: rgba(243, 246, 0, 0.18)
}

.project-show .xx {
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
    padding: 3.5rem .5rem 4.625rem;
    display: grid;
    grid-template-columns: minmax(0, 44.0625rem) minmax(0, 35rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 6.875rem;
    column-gap: 6.875rem
}

.project-show .xx .item {
    min-width: 0
}

.project-show .xx .title {
    margin: 0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.project-show .xx .info {
    margin-top: 2.5rem;
    color: #7e7c7b;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    text-align: left
}

.project-show .xx .item-intro .info {
    max-width: 43.75rem
}

.project-show .xx .item-result {
    padding-right: .25rem
}

.project-show .xx .item-result .info {
    max-width: 35rem
}

.project-show .xx .item-result p {
    margin: 0
}

.project-show .btnDiv {
    text-align: center;
    padding-top: 4.375rem
}

.project-show .pics {
    /* height: 21.5625rem; */
    --project-pics-item-width: 26.25rem;
    --project-pics-gap: 1rem;
    --project-pics-distance: calc((var(--project-pics-item-width) + var(--project-pics-gap)) * 4);
    margin-top: 3.75rem;
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--project-pics-gap);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    /* overflow: auto; */
    /* scrollbar-width: thin; */
    scrollbar-color: rgba(255, 255, 255, 0.1) #000;
}

.project-show .pics .item {
    -webkit-box-flex: 1;
    -ms-flex: 0 0 var(--project-pics-item-width);
    flex: 0 0 var(--project-pics-item-width);
    min-width: var(--project-pics-item-width);
    height: 14.25rem;
    overflow: hidden;
    border-radius: .4375rem;
    background: #040404;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: projectShowPicsMarquee 32s linear infinite;
    animation: projectShowPicsMarquee 32s linear infinite;
    will-change: transform;
    -webkit-transition: flex-grow .6s cubic-bezier(.22, .61, .36, 1), height .6s cubic-bezier(.22, .61, .36, 1), opacity .45s ease, -webkit-box-flex .6s cubic-bezier(.22, .61, .36, 1), -webkit-box-shadow .45s ease;
    transition: flex-grow .6s cubic-bezier(.22, .61, .36, 1), height .6s cubic-bezier(.22, .61, .36, 1), opacity .45s ease, -webkit-box-flex .6s cubic-bezier(.22, .61, .36, 1), -webkit-box-shadow .45s ease;
    transition: flex-grow .6s cubic-bezier(.22, .61, .36, 1), height .6s cubic-bezier(.22, .61, .36, 1), opacity .45s ease, box-shadow .45s ease;
    transition: flex-grow .6s cubic-bezier(.22, .61, .36, 1), height .6s cubic-bezier(.22, .61, .36, 1), opacity .45s ease, box-shadow .45s ease, -webkit-box-flex .6s cubic-bezier(.22, .61, .36, 1), -ms-flex-positive .6s cubic-bezier(.22, .61, .36, 1), -webkit-box-shadow .45s ease
}

.project-show .pics:hover .item {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes projectShowPicsMarquee {
    to {
        -webkit-transform: translateX(calc(var(--project-pics-distance) * -1));
        transform: translateX(calc(var(--project-pics-distance) * -1))
    }
}

@keyframes projectShowPicsMarquee {
    to {
        -webkit-transform: translateX(calc(var(--project-pics-distance) * -1));
        transform: translateX(calc(var(--project-pics-distance) * -1))
    }
}

.project-show .pics .item:nth-child(2) {
    /* -webkit-box-flex: 1.5;
    -ms-flex-positive: 1.5;
    flex-grow: 1.5;
    height: 21.4375rem */
}

/* .project-show .pics .item:nth-child(2) img {
    -webkit-filter: saturate(1.12) brightness(1.08);
    filter: saturate(1.12) brightness(1.08)
} */

.project-show .pics img {
    width: 100%;
    height: 100%;
    max-width: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: saturate(.95) brightness(.92);
    filter: saturate(.95) brightness(.92);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.22, .61, .36, 1), -webkit-filter .45s ease;
    transition: -webkit-transform .8s cubic-bezier(.22, .61, .36, 1), -webkit-filter .45s ease;
    transition: transform .8s cubic-bezier(.22, .61, .36, 1), filter .45s ease;
    transition: transform .8s cubic-bezier(.22, .61, .36, 1), filter .45s ease, -webkit-transform .8s cubic-bezier(.22, .61, .36, 1), -webkit-filter .45s ease
}

.project-show .pics:hover .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 14.25rem;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.project-show .pics:hover .item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: saturate(.95) brightness(.92);
    filter: saturate(.95) brightness(.92)
}

/* .project-show .pics .item:hover {
    -webkit-box-flex: 1.5;
    -ms-flex-positive: 1.5;
    flex-grow: 1.5;
    height: 21.4375rem;
    z-index: 3;
    opacity: 1;
    -webkit-box-shadow: 0 1.125rem 2.625rem rgba(0, 0, 0, 0.48);
    box-shadow: 0 1.125rem 2.625rem rgba(0, 0, 0, 0.48)
}

.project-show .pics .item:hover img {
    -webkit-transform: scale(1.055);
    transform: scale(1.055);
    -webkit-filter: saturate(1.12) brightness(1.08);
    filter: saturate(1.12) brightness(1.08)
} */

.project-show .bd {
    padding-top: 3.125rem
}

.project-show .bd .img {
    overflow: hidden;
    border-radius: .625rem
}

@media screen and (max-width:1280px) {
    .project-show .hd {
        min-height: auto
    }

    .project-show .hd .tags {
        justify-self: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .project-show .title-show {
        white-space: normal
    }

    .project-show .xx {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 3.125rem
    }

    .project-show .xx .info {
        max-width: none
    }
}

@media screen and (max-width:1023px) {
    .project-show .hd {
        padding: 0 4px 4px;
        border-left: none;
        border-right: none
    }

    .project-show .hd .year {
        font-size: 16px;
        line-height: 1.5
    }

    .project-show .hd .title-show {
        margin-top: 8px;
        font-size: 32px;
        line-height: 1.25;
        white-space: normal
    }

    .project-show .hd .text {
        padding: 32px 0 0;
        min-height: 0;
        margin-bottom: 32px;
        display: block
    }

    .project-show .hd .info {
        width: 100%;
        max-width: none;
        margin-top: 24px;
        font-size: 16px;
        line-height: 1.5
    }

    .project-show .hd .tags {
        width: 100%;
        margin-top: 24px;
        padding-left: 0;
        gap: 12px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .project-show .hd .tags span {
        min-width: auto;
        height: 32px;
        padding: 0 16px;
        font-size: 16px;
        line-height: 1.5
    }

    .project-show .hd .pic {
        height: auto;
        border-radius: 8px 8px 0 0
    }

    .project-show .hd .pic img {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain
    }

    .project-show .xx {
        min-height: 0;
        padding: 32px 0 48px;
        border-left: none;
        border-right: none;
        row-gap: 32px
    }

    .project-show .xx .title {
        font-size: 20px;
        line-height: 1.5
    }

    .project-show .xx .info {
        margin-top: 24px;
        font-size: 16px;
        line-height: 1.5
    }

    .project-show .pics {
        --project-pics-item-width: 52vw;
        --project-pics-gap: 14px;
        height: auto;
        margin-top: 40px;
        margin-left: calc((100% - 100vw) / 2);
        width: 100vw;
        padding: 28px 14px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: var(--project-pics-gap);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden
    }

    .project-show .pics .item,
    .project-show .pics .item:hover {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--project-pics-item-width);
        flex: 0 0 var(--project-pics-item-width);
        min-width: var(--project-pics-item-width);
        -ms-flex-item-align: auto;
        align-self: auto;
        height: 30vw;
        border-radius: 7px;
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .project-show .pics img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: saturate(.95) brightness(.92);
        filter: saturate(.95) brightness(.92)
    }

    .project-show .btnDiv {
        padding-top: 32px
    }
}

@media screen and (max-width:640px) {
    .project-show .hd .title-show {
        font-size: 24px;
        line-height: 1.25
    }

    .project-show .hd .info {
        font-size: 16px;
        line-height: 1.5
    }

    .project-show .hd .playBtn {
        width: 38px;
        height: 38px;
        -webkit-box-shadow: 0 0 0 12px rgba(244, 255, 0, 0.14), 0 0 0 24px rgba(244, 255, 0, 0.08);
        box-shadow: 0 0 0 12px rgba(244, 255, 0, 0.14), 0 0 0 24px rgba(244, 255, 0, 0.08)
    }

    .project-show .hd .playBtn i {
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 12px
    }

    .project-show .xx {
        padding-top: 32px;
        padding-bottom: 40px
    }

    .project-show .xx .title {
        font-size: 20px;
        line-height: 1.5
    }

    .project-show .xx .info {
        font-size: 16px;
        line-height: 1.5
    }

    .project-show .pics {
        --project-pics-item-width: 62vw;
        --project-pics-gap: 10px;
        margin-top: 32px;
        padding: 22px 10px
    }

    .project-show .pics .item,
    .project-show .pics .item:hover {
        height: 38vw;
        border-radius: 6px
    }
}

.news-show {
    padding-top: 5rem
}

.news-show .con {
    margin-top: 3.75rem;
    display: grid;
    grid-template-columns: minmax(0, 56.25rem) 25rem;
    gap: 6.25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.news-show .article {
    min-width: 0
}

.news-show .title-show {
    margin: 0 0 3.75rem;
    color: #fff;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: .025rem
}

.news-show .article-section {
    margin-bottom: 4.125rem;
    scroll-margin-top: 6.875rem
}

.news-show .article-section .titleBig {
    margin: 0 0 2.625rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.55
}

.news-show .article-section p {
    margin: 0 0 1.875rem;
    color: rgba(255, 255, 255, 0.48);
    font-size: 1rem;
    line-height: 2;
    text-align: justify
}

.news-show .article-section p strong {
    color: rgba(255, 255, 255, 0.58);
    font-weight: 700
}

.news-show .pic {
    overflow: hidden;
    margin-bottom: 3.75rem;
    background: #101010
}

.news-show .pic img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block
}

.news-show .article-aside {
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.news-show .aside-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    padding-top: .375rem
}

.news-show .aside-title {
    margin-bottom: 1.625rem;
    color: #7e7c7b;
    font-size: 1.25rem;
    line-height: 1.4
}

.news-show .toc {
    position: relative;
    padding-left: 0;
    padding-bottom: .625rem
}

.news-show .toc::before {
    content: "";
    width: 1px;
    height: calc(100% - 1.125rem);
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: .5rem;
    top: .75rem
}

.news-show .toc li {
    margin-bottom: 2.125rem;
    padding-left: 1.875rem;
    position: relative
}

.news-show .toc li::before {
    content: "";
    width: .5625rem;
    height: .5625rem;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    background: #161616;
    position: absolute;
    z-index: 2;
    left: .25rem;
    top: .5625rem;
    -webkit-transition: background-color .3s ease, border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.news-show .toc li.active::before {
    border-color: var(--main-color);
    background: var(--main-color);
    -webkit-box-shadow: 0 0 0 .3125rem rgba(252, 252, 16, 0.08);
    box-shadow: 0 0 0 .3125rem rgba(252, 252, 16, 0.08)
}

.news-show .toc li.active a {
    color: #fff
}

.news-show .toc a {
    color: #7e7c7b;
    font-size: 1rem;
    line-height: 1.8;
    display: block;
    -webkit-transition: color .3s ease, padding .3s ease;
    transition: color .3s ease, padding .3s ease
}

.news-show .toc a:hover {
    color: #fff;
    padding-left: .625rem
}

.news-show .share {
    margin-top: 4.375rem
}

.news-show .share-title {
    margin-bottom: 1.125rem;
    color: #7e7c7b;
    font-size: 1.25rem
}

.news-show .share-link {
    color: rgba(255, 255, 255, 0.75);
    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;
    position: relative;
    -webkit-transition: color .3s ease, -webkit-transform .3s ease;
    transition: color .3s ease, -webkit-transform .3s ease;
    transition: color .3s ease, transform .3s ease;
    transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.news-show .share-link svg {
    width: 1.75rem;
    height: 1.75rem
}

.news-show .share-link:hover {
    color: var(--main-color)
}

.news-show .share-link.copied {
    color: var(--main-color);
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

@media screen and (max-width:1280px) {
    .news-show .con {
        grid-template-columns: minmax(0, 1fr) 17.8125rem;
        gap: 3.625rem
    }

    .news-show .title-show {
        font-size: 2.5rem
    }

    .news-show .toc li {
        margin-bottom: 1rem
    }

    .news-show .toc a {
        font-size: .75rem;
        line-height: 1.5
    }

    .news-show .share {
        margin-top: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .news-show {
        padding-top: 80px
    }

    .news-show .con {
        display: block;
        margin-top: 32px
    }

    .news-show .title-show {
        margin-bottom: 32px;
        font-size: 28px;
        line-height: 1.25
    }

    .news-show .article-section {
        margin-bottom: 40px;
        scroll-margin-top: 80px
    }

    .news-show .article-section .titleBig {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 1.5
    }

    .news-show .article-section p {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.5
    }

    .news-show .pic {
        margin-bottom: 32px
    }

    .news-show .article-aside {
        display: none
    }
}

@media screen and (max-width:640px) {
    .news-show .title-show {
        font-size: 24px;
        line-height: 1.25
    }

    .news-show .article-section .titleBig {
        font-size: 18px;
        line-height: 1.5
    }

    .news-show .article-section p {
        font-size: 16px;
        line-height: 1.5
    }
}

.prev-next-return {
    overflow: hidden;
    position: relative;
    font-size: 1.5rem
}

.prev-next-return ul,
.prev-next-return ol {
    list-style: none;
    margin: none;
    padding: none
}

.prev-next-return ul li,
.prev-next-return ol li {
    list-style: none
}

.prev-next-return .list {
    border-top: 1px rgba(255, 255, 255, 0.18) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.18) solid;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none
}

.prev-next-return ul,
.prev-next-return ol {
    list-style: none;
    margin: none;
    padding: none
}

.prev-next-return ul li,
.prev-next-return ol li {
    list-style: none
}

.prev-next-return em {
    font-style: initial
}

.prev-next-return .prev,
.prev-next-return .next {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    position: relative
}

.prev-next-return .prev a,
.prev-next-return .next a {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    font-weight: 100;
    font-size: 1.875rem;
    color: #fff;
    display: block;
    position: relative;
    -webkit-transition: padding .5s cubic-bezier(.625, .05, 0, 1);
    transition: padding .5s cubic-bezier(.625, .05, 0, 1)
}

.prev-next-return .prev a::after,
.prev-next-return .next a::after {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 0;
    -webkit-transition: height .5s cubic-bezier(.625, .05, 0, 1);
    transition: height .5s cubic-bezier(.625, .05, 0, 1)
}

.prev-next-return .prev a em,
.prev-next-return .next a em {
    line-height: 42px;
    height: 84px;
    padding: 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.prev-next-return .prev a span,
.prev-next-return .next a span {
    display: block;
    min-width: 6.25rem;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.48);
    margin-bottom: .625rem
}

.prev-next-return .prev:hover a,
.prev-next-return .next:hover a {
    padding-left: 1rem;
    padding-right: 1rem
}

.prev-next-return .prev:hover a::after,
.prev-next-return .next:hover a::after {
    height: 100%
}

.prev-next-return .prev {
    border-bottom: 1px rgba(255, 255, 255, 0.18) solid
}

@media screen and (max-width:1023px) {
    .prev-next-return {
        margin-top: 40px;
        font-size: 16px
    }

    .prev-next-return .list {
        border-top-color: rgba(255, 255, 255, 0.14);
        border-bottom-color: rgba(255, 255, 255, 0.14)
    }

    .prev-next-return .prev,
    .prev-next-return .next {
        border-color: rgba(255, 255, 255, 0.14)
    }

    .prev-next-return .prev a,
    .prev-next-return .next a {
        display: block;
        height: auto;
        min-height: 88px;
        padding: 24px 40px 24px 0;
        font-size: 16px;
        line-height: 1.5
    }

    .prev-next-return .prev a:hover,
    .prev-next-return .next a:hover {
        padding-left: 0;
        padding-right: 40px
    }

    .prev-next-return .prev a span,
    .prev-next-return .next a span {
        width: auto;
        min-width: 0;
        margin-bottom: 8px;
        color: var(--main-color);
        font-size: 16px;
        line-height: 1.5;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: .04em
    }

    .prev-next-return .prev em,
    .prev-next-return .next em {
        padding-left: 0;
        min-width: 0;
        color: rgba(255, 255, 255, 0.9);
        line-height: 1.5;
        height: auto;
        max-height: 48px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2
    }

    .prev-next-return .prev.prev a::before,
    .prev-next-return .next.prev a::before {
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg)
    }
}

@media screen and (max-width:640px) {
    .prev-next-return {
        margin-top: 32px
    }

    .prev-next-return .prev a,
    .prev-next-return .next a {
        min-height: 80px;
        padding: 20px 32px 20px 0
    }

    .prev-next-return .prev span,
    .prev-next-return .next span {
        min-width: 0
    }

    .prev-next-return .prev em,
    .prev-next-return .next em {
        font-size: 16px;
        line-height: 1.5;
        max-height: 48px
    }
}

.prev-next-return-2 {
    overflow: hidden;
    position: relative;
    border-bottom: 1px rgba(255, 255, 255, 0.18) solid
}

.prev-next-return-2 ul,
.prev-next-return-2 ol {
    list-style: none;
    margin: none;
    padding: none
}

.prev-next-return-2 ul li,
.prev-next-return-2 ol li {
    list-style: none
}

.prev-next-return-2 .list {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.prev-next-return-2 ul,
.prev-next-return-2 ol {
    list-style: none;
    margin: none;
    padding: none
}

.prev-next-return-2 ul li,
.prev-next-return-2 ol li {
    list-style: none
}

.prev-next-return-2 em {
    font-style: initial
}

.prev-next-return-2 .prev,
.prev-next-return-2 .next {
    width: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    position: relative
}

.prev-next-return-2 .prev a,
.prev-next-return-2 .next a {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    font-weight: 700;
    font-size: 1.125rem;
    color: #fff;
    display: block;
    position: relative;
    -webkit-transition: padding .5s cubic-bezier(.625, .05, 0, 1);
    transition: padding .5s cubic-bezier(.625, .05, 0, 1)
}

.prev-next-return-2 .prev a::after,
.prev-next-return-2 .next a::after {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 0;
    -webkit-transition: height .5s cubic-bezier(.625, .05, 0, 1);
    transition: height .5s cubic-bezier(.625, .05, 0, 1)
}

.prev-next-return-2 .prev a em,
.prev-next-return-2 .next a em {
    line-height: 42px;
    height: 42px;
    padding: 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.prev-next-return-2 .prev a span,
.prev-next-return-2 .next a span {
    display: block;
    font-weight: 400;
    color: #7e7c7b;
    font-size: .875rem
}

.prev-next-return-2 .prev:hover a,
.prev-next-return-2 .next:hover a {
    padding-left: 1rem;
    padding-right: 1rem
}

.prev-next-return-2 .prev:hover a::after,
.prev-next-return-2 .next:hover a::after {
    height: 100%
}

.prev-next-return-2 .prev {
    padding-right: 2rem;
    position: relative
}

.prev-next-return-2 .prev::after {
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    background: rgba(255, 255, 255, 0.18);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.prev-next-return-2 .next {
    padding-left: 2rem
}

@media screen and (max-width:1023px) {
    .prev-next-return-2 {
        margin-top: 36px;
        font-size: 14px
    }

    .prev-next-return-2 .list {
        border-top-color: rgba(255, 255, 255, 0.14);
        border-bottom-color: rgba(255, 255, 255, 0.14)
    }

    .prev-next-return-2 .prev,
    .prev-next-return-2 .next {
        border-color: rgba(255, 255, 255, 0.14)
    }

    .prev-next-return-2 .prev a,
    .prev-next-return-2 .next a {
        display: block;
        height: auto;
        padding: 18px 0 18px 0;
        font-size: 15px
    }

    .prev-next-return-2 .prev a:hover,
    .prev-next-return-2 .next a:hover {
        padding-left: 0;
        padding-right: 42px
    }

    .prev-next-return-2 .prev a:hover::after,
    .prev-next-return-2 .next a:hover::after {
        height: 0
    }

    .prev-next-return-2 .prev a:hover::before,
    .prev-next-return-2 .next a:hover::before {
        border-color: var(--main-color)
    }

    .prev-next-return-2 .prev a span,
    .prev-next-return-2 .next a span {
        width: auto;
        min-width: 0;
        margin-bottom: 8px;
        color: var(--main-color);
        font-size: 13px;
        line-height: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: .04em
    }

    .prev-next-return-2 .prev em,
    .prev-next-return-2 .next em {
        padding-left: 0;
        min-width: 0;
        color: rgba(255, 255, 255, 0.9);
        line-height: 1.55;
        height: auto;
        max-height: 46px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2
    }

    .prev-next-return-2 .prev.prev a::before,
    .prev-next-return-2 .next.prev a::before {
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg)
    }
}

@media screen and (max-width:640px) {
    .prev-next-return-2 {
        margin-top: 28px;
        border-bottom: none
    }

    .prev-next-return-2 .prev,
    .prev-next-return-2 .next {
        width: 100%;
        padding-left: 0
    }

    .prev-next-return-2 .prev::after,
    .prev-next-return-2 .next::after {
        display: none
    }

    .prev-next-return-2 .prev {
        border-bottom: 1px rgba(255, 255, 255, 0.18) solid
    }
}

.newsRelate {
    padding: 12.5rem 0 3.125rem
}

.newsRelate .common-title {
    text-align: center;
    margin-bottom: 3.125rem
}

.newsRelate .list {
    border-top: 1px solid rgba(255, 255, 255, 0.18)
}

.newsRelate .list li {
    display: contents
}

.newsRelate .list li:nth-child(1) .box {
    z-index: 1
}

.newsRelate .list li:nth-child(2) .box {
    z-index: 2
}

.newsRelate .list li:nth-child(3) .box {
    z-index: 3
}

.newsRelate .list li:nth-child(4) .box {
    z-index: 4
}

.newsRelate .list .box {
    min-height: 34.25rem;
    padding: 6.5625rem 0 6.25rem;
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0, 41.875rem) minmax(0, 36.875rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 6.125rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    background: #080808;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    isolation: isolate
}

.newsRelate .list .text {
    min-height: 20.9375rem;
    padding-left: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    opacity: var(--relate-opacity, 1);
    -webkit-transform: scale(var(--relate-scale, 1));
    transform: scale(var(--relate-scale, 1));
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1), -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    will-change: opacity, transform
}

.newsRelate .list .date {
    width: 7.5rem;
    color: rgba(255, 255, 255, 0.34);
    font-size: .875rem;
    line-height: 1.4;
    text-align: center;
    position: absolute;
    left: 0;
    top: .625rem
}

.newsRelate .list .title {
    max-width: 35rem;
    margin: 0;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 3rem;
    letter-spacing: .025rem;
    max-height: 6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.newsRelate .list .info {
    max-width: 29.375rem;
    margin-top: 3.4375rem;
    color: rgba(255, 255, 255, 0.48);
    font-size: .875rem;
    line-height: 1.75rem;
    max-height: 3.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.newsRelate .list .pic {
    overflow: hidden;
    width: 36.875rem;
    max-width: 100%;
    aspect-ratio: 1.76119403;
    background: #000;
    opacity: var(--relate-opacity, 1);
    -webkit-transform: scale(var(--relate-scale, 1));
    transform: scale(var(--relate-scale, 1));
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1), -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    will-change: opacity, transform
}

.newsRelate .list .pic img {
    width: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .735s cubic-bezier(.625, .05, 0, 1);
    transition: -webkit-transform .735s cubic-bezier(.625, .05, 0, 1);
    transition: transform .735s cubic-bezier(.625, .05, 0, 1);
    transition: transform .735s cubic-bezier(.625, .05, 0, 1), -webkit-transform .735s cubic-bezier(.625, .05, 0, 1)
}

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

.newsRelate .list .box:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:1280px) {
    .newsRelate .list .box {
        grid-template-columns: minmax(0, 1fr) 31.25rem;
        gap: 3.25rem
    }

    .newsRelate .list .title {
        font-size: 1.625rem;
        line-height: 1.55
    }
}

@media screen and (max-width:1023px) {
    .newsRelate {
        padding: 55px 0 80px
    }

    .newsRelate .common-title {
        margin-bottom: 30px
    }

    .newsRelate .list li {
        display: block;
        border: none
    }

    .newsRelate .list .box {
        border: none;
        position: relative;
        top: auto;
        min-height: 0;
        padding: 34px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .newsRelate .list .text {
        min-height: 0;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .newsRelate .list .date {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        font-size: 13px;
        position: static
    }

    .newsRelate .list .title {
        max-width: none;
        font-size: 22px;
        line-height: 1.45;
        max-height: 64px
    }

    .newsRelate .list .info {
        max-width: none;
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.7;
        max-height: 48px
    }

    .newsRelate .list .pic {
        width: 100%;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .newsRelate .list .box:hover .pic img {
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width:640px) {
    .newsRelate {
        padding: 40px 0 58px
    }

    .newsRelate .list .box {
        padding: 26px 0;
        gap: 16px
    }

    .newsRelate .list .title {
        font-size: 18px;
        line-height: 1.5;
        max-height: 54px
    }

    .newsRelate .list .info {
        margin-top: 12px;
        font-size: 13px;
        line-height: 1.65;
        max-height: 43px
    }
}

.news {
    overflow-x: clip;
    position: relative;
    z-index: 9
}
.news .hd {
    margin-bottom: 2rem;
}



.news .menuThird {
    font-weight: 100;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.625rem;
    position: relative;
    z-index: 9
}
.news .menuThird .bt {
    opacity: 0;
}

.news .menuThird .list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.news .menuThird .list a {
    color: #fff;
    display: block;
    /* min-width: 8.75rem; */
    text-align: center;
}
.news .menuThird .list a:hover {
    color: var(--sub-color);
}
.news .listNews>li {
    display: contents;
    position: relative
}

.news .listNews>li:nth-child(1) .box {
    z-index: 1
}

.news .listNews>li:nth-child(2) .box {
    z-index: 2
}

.news .listNews>li:nth-child(3) .box {
    z-index: 3
}

.news .listNews>li:nth-child(4) .box {
    z-index: 4
}

.news .listNews>li:nth-child(5) .box {
    z-index: 5
}

.news .listNews>li:nth-child(6) .box {
    z-index: 6
}

.news .listNews>li:nth-child(7) .box {
    z-index: 7
}

.news .listNews>li:nth-child(8) .box {
    z-index: 8
}

.news .listNews>li:nth-child(9) .box {
    z-index: 9
}

.news .listNews>li:nth-child(10) .box {
    z-index: 10
}

.news .listNews .box {
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    padding: 5rem 0 5rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-template-columns: minmax(0, 39.375rem) minmax(0, 36.875rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 6.125rem;
    isolation: isolate;
    z-index: 1
}

.news .listNews .box::after {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: rgba(0, 0, 0, 0.1) url(../images/body-bg.webp) repeat;
    pointer-events: none;
    width: 100dvw;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: -1
}

.news .listNews>li:nth-child(1) .box {
    background: none
}

.news .listNews>li:nth-child(1) .box::after {
    background: -webkit-gradient(linear, left bottom, left top, from(#131313), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #131313, rgba(0, 0, 0, 0))
}

.news .listNews .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 43.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2.5rem;
    column-gap: 2.5rem;
    padding-left: 10rem;
    opacity: var(--news-stack-opacity, 1);
    -webkit-transform: scale(var(--news-stack-scale, 1));
    transform: scale(var(--news-stack-scale, 1));
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1), -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    will-change: opacity, transform
}

.news .listNews .date {
    padding-top: .625rem;
    color: rgba(255, 255, 255, 0.36);
    font-size: .875rem;
    line-height: 1.4;
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0
}

.news .listNews .title {
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 3rem;
    letter-spacing: .03125rem;
    max-height: 6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.news .listNews .info {
    margin-top: 1.875rem;
    color: rgba(255, 255, 255, 0.48);
    font-size: .875rem;
    line-height: 1.75rem;
    max-height: 3.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.news .listNews .more {
    width: 100%;
    color: rgba(255, 255, 255, 0.42);
    font-size: .875rem;
    line-height: 1.25rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.news .listNews .more svg {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.news .listNews .pic {
    overflow: hidden;
    width: 36.875rem;
    max-width: 100%;
    aspect-ratio: 1.76119403;
    background: #000;
    opacity: var(--news-stack-opacity, 1);
    -webkit-transform: scale(var(--news-stack-scale, 1));
    transform: scale(var(--news-stack-scale, 1));
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1);
    transition: opacity .45s ease, transform .45s cubic-bezier(.625, .05, 0, 1), -webkit-transform .45s cubic-bezier(.625, .05, 0, 1);
    will-change: opacity, transform
}

.news .listNews .pic img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .735s;
    transition: -webkit-transform .735s;
    transition: transform .735s;
    transition: transform .735s, -webkit-transform .735s
}

.news .listNews .box:hover::after {
    height: 100%
}

.news .listNews .box:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news .listNews .box:hover .title,
.news .listNews .box:hover .more {
    color: var(--main-color)
}

.news .listNews .box:hover .more svg {
    -webkit-transform: translateX(.375rem);
    transform: translateX(.375rem)
}

@media screen and (max-width:1023px) {
    .news .menuSub {
        margin-bottom: 34px
    }

    .news .listNews>li {
        display: block
    }

    .news .listNews .box {
        position: relative;
        top: auto;
        padding: 34px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px
    }

    .news .listNews .text {
        max-width: none;
        display: block;
        padding-left: 0;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .news .listNews .date {
        width: auto;
        margin-bottom: 10px;
        padding-top: 0;
        font-size: 13px;
        position: static
    }

    .news .listNews .title {
        font-size: 22px;
        line-height: 1.45;
        max-height: 64px
    }

    .news .listNews .info {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.7;
        max-height: 48px
    }

    .news .listNews .more {
        margin-top: 22px;
        font-size: 13px
    }

    .news .listNews .more svg {
        width: 18px;
        height: 18px
    }

    .news .listNews .pic {
        width: 100%;
        aspect-ratio: 1.76119403;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .news .listNews .box:hover::after {
        height: 0
    }

    .news .listNews .box:hover .pic img {
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width:640px) {
    .news .menuSub {
        margin-bottom: 24px
    }

    .news .listNews .box {
        padding: 26px 0;
        gap: 16px
    }

    .news .listNews .title {
        font-size: 18px;
        line-height: 1.5;
        max-height: 54px
    }

    .news .listNews .info {
        margin-top: 12px;
        font-size: 13px;
        line-height: 1.65;
        max-height: 43px
    }

    .news .listNews .more {
        margin-top: 18px
    }
}

.about-banner {
    position: relative;
    overflow: hidden;
    background: #101010;
    color: #fff
}

.about-banner .pic {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.about-banner .pic .pc,
.about-banner .pic .mobile {
    width: 100%;
    height: 100%
}

.about-banner .pic .mobile {
    display: none
}

.about-banner .pic video,
.about-banner .pic img {
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.about-banner::after {
    content: "";
    width: 100%;
    height: 44%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(16, 16, 16, 0)), color-stop(42%, rgba(16, 16, 16, 0.45)), to(rgba(16, 16, 16, 0.92)));
    background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0, rgba(16, 16, 16, 0.45) 42%, rgba(16, 16, 16, 0.92) 100%)
}

.about-banner .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.about-banner .container,
.about-banner .textC {
    height: 100%
}

.about-banner .textC {
    position: relative
}

.about-banner .headline {
    position: absolute;
    left: 0;
    top: 15.125rem
}

.about-banner .title {
    margin: 0;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    font-size: 3.5rem
}

.about-banner .title span,
.about-banner .title strong {
    display: block
}

.about-banner .title span {
    margin-bottom: .75rem
}

.about-banner .play-btn {
    width: 6.625rem;
    height: 6.625rem;
    margin-top: 4rem;
    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;
    position: relative;
    border-radius: 50%;
    background: rgba(243, 246, 0, 0.12);
    -webkit-transition: background .45s ease, -webkit-transform .45s ease;
    transition: background .45s ease, -webkit-transform .45s ease;
    transition: transform .45s ease, background .45s ease;
    transition: transform .45s ease, background .45s ease, -webkit-transform .45s ease;
    -webkit-animation: playBtnHalo 3s ease-in-out infinite;
    animation: playBtnHalo 3s ease-in-out infinite
}

.about-banner .play-btn::before {
    content: "";
    width: 4.25rem;
    height: 4.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: rgba(243, 246, 0, 0.22);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: playBtnPulse 3s .55s ease-in-out infinite;
    animation: playBtnPulse 3s .55s ease-in-out infinite
}

.about-banner .play-btn::after {
    content: "";
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: #f3f600;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: playBtnPulse 3s 1.1s ease-in-out infinite;
    animation: playBtnPulse 3s 1.1s ease-in-out infinite
}

.about-banner .play-btn i {
    width: 0;
    height: 0;
    margin-left: .1875rem;
    position: relative;
    z-index: 2;
    border-top: .375rem solid transparent;
    border-bottom: .375rem solid transparent;
    border-left: .5625rem solid #fff
}

.about-banner .play-btn:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    background: rgba(243, 246, 0, 0.18)
}

.about-banner .intro {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns: 23.75rem 1fr;
    gap: 2.5rem;
    position: absolute;
    left: 0;
    bottom: 8vw
}

.about-banner .intro-title {
    font-size: 1.125rem;
    line-height: 1.875rem;
    font-weight: 700
}

.about-banner .intro-title p {
    padding-left: 1.125rem;
    margin: 0;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.29);
    position: relative;
    -webkit-transition: color .35s ease, -webkit-transform .35s cubic-bezier(.22, .61, .36, 1);
    transition: color .35s ease, -webkit-transform .35s cubic-bezier(.22, .61, .36, 1);
    transition: color .35s ease, transform .35s cubic-bezier(.22, .61, .36, 1);
    transition: color .35s ease, transform .35s cubic-bezier(.22, .61, .36, 1), -webkit-transform .35s cubic-bezier(.22, .61, .36, 1)
}

.about-banner .intro-title p:hover,
.about-banner .intro-title p:focus {
    color: rgba(255, 255, 255, 0.72);
    outline: none
}

.about-banner .intro-title .active {
    color: #fff;
    -webkit-transform: translateX(.3125rem);
    transform: translateX(.3125rem)
}

.about-banner .intro-title .active::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.about-banner .intro-desc {
    max-width: 37.5rem;
    color: #7e7c7b;
    font-size: 1rem;
    line-height: 1.875rem;
	color: #fff;
}

.about-banner .intro-desc p {
    margin: 0;
    display: none
}

.about-banner .intro-desc p.active {
    display: block;
    -webkit-animation: introDescIn .55s cubic-bezier(.22, .61, .36, 1) both;
    animation: introDescIn .55s cubic-bezier(.22, .61, .36, 1) both
}

@media screen and (max-width:1280px) {
    .about-banner .headline {
        top: 13.125rem
    }

    .about-banner h1 span {
        font-size: 2.625rem
    }

    .about-banner h1 strong {
        font-size: 3.125rem
    }

    .about-banner .intro {
        bottom: 4vw
    }
}

@media screen and (max-width:1023px) {
    .about-banner {
        height: auto;
        min-height: 720px
    }

    .about-banner .pic .pc {
        display: none
    }

    .about-banner .pic .mobile {
        display: block
    }

    .about-banner .headline {
        top: 160px
    }

    .about-banner h1 span {
        font-size: 36px;
        margin-bottom: 10px
    }

    .about-banner h1 strong {
        font-size: 44px
    }

    .about-banner .play-btn {
        width: 82px;
        height: 82px;
        margin-top: 46px
    }

    .about-banner .play-btn::before {
        width: 54px;
        height: 54px
    }

    .about-banner .intro {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        grid-template-columns: 1fr;
        gap: 22px;
        bottom: 70px
    }

    .about-banner .intro-title {
        width: 100%;
        text-align: left;
        font-size: 16px;
        line-height: 1.75
    }

    .about-banner .intro-title p {
        text-align: left;
        padding-left: 0;
    }

    .about-banner .intro-desc {
        width: 100%;
        max-width: none;
        padding-top: 0;
        font-size: 15px;
        line-height: 1.9
    }
}

@media screen and (max-width:640px) {
    .about-banner {
        min-height: 680px
    }

    .about-banner .headline {
        top: 132px
    }

    .about-banner h1 span {
        font-size: 31px
    }

    .about-banner h1 strong {
        font-size: 36px
    }

    .about-banner .play-btn {
        width: 72px;
        height: 72px;
        margin-top: 38px
    }

    .about-banner .intro {
        bottom: 48px
    }
}

@-webkit-keyframes playBtnHalo {

    0%,
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(243, 246, 0, 0.2);
        box-shadow: 0 0 0 0 rgba(243, 246, 0, 0.2)
    }

    50% {
        -webkit-box-shadow: 0 0 0 1.375rem rgba(243, 246, 0, 0);
        box-shadow: 0 0 0 1.375rem rgba(243, 246, 0, 0)
    }
}

@keyframes playBtnHalo {

    0%,
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(243, 246, 0, 0.2);
        box-shadow: 0 0 0 0 rgba(243, 246, 0, 0.2)
    }

    50% {
        -webkit-box-shadow: 0 0 0 1.375rem rgba(243, 246, 0, 0);
        box-shadow: 0 0 0 1.375rem rgba(243, 246, 0, 0)
    }
}

@-webkit-keyframes playBtnPulse {

    0%,
    100% {
        opacity: .72;
        -webkit-transform: translate(-50%, -50%) scale(.9);
        transform: translate(-50%, -50%) scale(.9)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1.12);
        transform: translate(-50%, -50%) scale(1.12)
    }
}

@keyframes playBtnPulse {

    0%,
    100% {
        opacity: .72;
        -webkit-transform: translate(-50%, -50%) scale(.9);
        transform: translate(-50%, -50%) scale(.9)
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1.12);
        transform: translate(-50%, -50%) scale(1.12)
    }
}

@-webkit-keyframes introDescIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(.75rem);
        transform: translateY(.75rem);
        -webkit-filter: blur(.1875rem);
        filter: blur(.1875rem)
    }

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

@keyframes introDescIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(.75rem);
        transform: translateY(.75rem);
        -webkit-filter: blur(.1875rem);
        filter: blur(.1875rem)
    }

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

@media (prefers-reduced-motion:reduce) {

    .about-banner .play-btn,
    .about-banner .play-btn::before,
    .about-banner .play-btn::after {
        -webkit-animation: none;
        animation: none
    }

    .about-banner .intro-title p,
    .about-banner .intro-title p::before {
        -webkit-transition: none;
        transition: none
    }

    .about-banner .intro-desc p.active {
        -webkit-animation: none;
        animation: none
    }
}

#spaceCanvas {
    opacity: .5;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.about-hxzz {
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 2.25rem;
    color: #fff;
    line-height: 2;
    padding-top: 15rem;
    padding-bottom: 5rem
}



.about-hxzz .common-title {
    margin-bottom: 3.75rem
}

@media screen and (max-width:1023px) {
    .about-hxzz {
        padding: 120px 24px;
        font-size: 24px;
        line-height: 1.9
    }

    .about-hxzz .common-title {
        margin-bottom: 36px;
        position: relative;
        z-index: 2
    }

    .about-hxzz .nr {
        max-width: 760px;
        margin: 0 auto;
        position: relative;
        z-index: 2
    }
}

@media screen and (max-width:640px) {
    .about-hxzz {
        padding: 72px 20px 80px;
        color: rgba(255, 255, 255, 0.62);
        font-size: 16px;
        line-height: 1.9
    }

    .about-hxzz .common-title {
        margin-bottom: 24px
    }

    .about-hxzz .nr {
        max-width: 420px;
        margin: 0 auto
    }

    .about-hxzz .nr br {
        display: none
    }
}

.about-gsjs {
    
    min-height: 47.5rem;
    padding: 10rem 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    margin-left: auto;
    margin-right: auto;
}

.about-gsjs>div {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.about-gsjs .gsjs-pic-left {
    overflow: hidden;
    width: 60%;
    max-width: 68.125rem
}

.about-gsjs .gsjs-pic-left img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.about-gsjs .gsjs-text {
    width: 35%;
    max-width: 31.25rem;
    min-height: 44.0625rem;
    padding-top: 1rem;
    position: relative;
    z-index: 2
}

.about-gsjs .common-title {
    margin-bottom: 1.875rem
}

.about-gsjs .common-title .title {
    line-height: 1.38
}

.about-gsjs .desc {
    color: #7e7c7b;
    font-size: 1rem;
    font-weight: 100;
    line-height: 2
}

.about-gsjs .desc p {
    margin-bottom: 1.875rem
}

.about-gsjs .desc p:last-child {
    margin-bottom: 0
}

.about-gsjs .gsjs-pic-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 44.0625rem
}

.about-gsjs .gsjs-pic-right img {
    height: 100%;
    max-width: none;
    max-height: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1280px) {
    .about-gsjs {
        min-height: 40.625rem;
        gap: 1.875rem
    }

    .about-gsjs .gsjs-pic-left {
        width: 50%
    }

    .about-gsjs .gsjs-text {
        max-width: 30rem;
        min-height: 38.125rem
    }

    .about-gsjs .common-title .title {
        font-size: 2.6875rem
    }

    .about-gsjs .desc {
        font-size: .9375rem;
        line-height: 1.95
    }
}

@media screen and (max-width:1023px) {
    .about-gsjs {
        min-height: 0;
        padding: 72px 0 76px;
        display: block
    }

    .about-gsjs .gsjs-pic {
        position: relative;
        top: auto;
        overflow: hidden
    }

    .about-gsjs .gsjs-pic img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .about-gsjs .gsjs-pic-left {
        width: calc(100% - 24px);
        height: auto;
        aspect-ratio: 1.54609929;
        margin-right: 24px
    }

    .about-gsjs .gsjs-pic-right {
        width: calc(100% - 96px);
        height: auto;
        aspect-ratio: 1.36170213;
        margin: 34px 0 0 auto
    }

    .about-gsjs .gsjs-text {
        width: auto;
        min-height: 0;
        margin: 42px 24px 0;
        padding-top: 0
    }

    .about-gsjs .common-title {
        margin-bottom: 26px
    }

    .about-gsjs .common-title .info {
        margin-bottom: 18px;
        font-size: 16px
    }

    .about-gsjs .common-title .title {
        font-size: 34px;
        line-height: 1.35
    }

    .about-gsjs .desc {
        width: auto;
        font-size: 14px;
        line-height: 1.9
    }

    .about-gsjs .desc p {
        margin-bottom: 20px
    }

    .about-gsjs .desc p:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:640px) {
    .about-gsjs {
        padding: 52px 0 60px
    }

    .about-gsjs .gsjs-pic-left {
        width: calc(100% - 16px);
        margin-right: 16px;
        border-radius: 0 10px 10px 0
    }

    .about-gsjs .gsjs-pic-right {
        width: calc(100% - 64px);
        margin-top: 30px;
        border-radius: 10px 0 0 10px
    }

    .about-gsjs .gsjs-text {
        margin: 34px 20px 0
    }

    .about-gsjs .common-title {
        margin-bottom: 22px
    }

    .about-gsjs .common-title .info {
        margin-bottom: 14px;
        font-size: 14px
    }

    .about-gsjs .common-title .title {
        font-size: 27px;
        line-height: 1.4
    }

    .about-gsjs .desc {
        color: rgba(255, 255, 255, 0.58);
        font-size: 14px;
        line-height: 1.85
    }
}

#canvas {
    opacity: .5;
    width: 100%;
    height: 69vh;
    max-height: 39.375rem;
    min-height: 26.25rem;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -10vw;
    margin-left: 0;
    background: transparent
}

.about-whzc {
    padding: 6.25rem 0 5.5rem;
    overflow: visible;
    position: relative;
    z-index: 1;
    color: #fff
}

.about-whzc * {
    overflow: visible
}

.about-whzc .container {
    overflow: visible
}

.about-whzc .about-whzc-inner {
    display: grid;
    grid-template-columns: 50% 50%;
    position: relative
}

.about-whzc .about-whzc-left {
    padding-top: .625rem;
    padding-bottom: 10rem;
    min-height: calc(100vh - 6.25rem);
    position: -webkit-sticky;
    position: sticky;
    top: 6.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: start;
    align-self: start
}

.about-whzc .title {
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 3.375rem;
    font-weight: 400;
    line-height: 1.32;
    letter-spacing: 0;
    position: relative;
    top: auto;
    left: 0;
    z-index: 2
}

.about-whzc .about-whzc-right {
    position: relative
}

.about-whzc .whzc-item {
    color: #fff;
    opacity: .2;
    position: relative;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    margin-bottom: 10rem
}

.about-whzc .whzc-item.is-visible {
    opacity: 1
}

.about-whzc .whzc-item {
    text-align: right
}

.about-whzc .whzc-item .box {
    text-align: left;
    display: inline-block
}

.about-whzc .whzc-item-2 {
    text-align: left
}

.about-whzc .whzc-item-4 {
    text-align: left
}

.about-whzc .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-family: var(--font-family-D-D);
    line-height: .72
}

.about-whzc .num span {
    font-size: 8.125rem;
    font-weight: 400;
    letter-spacing: 0
}

.about-whzc .num sup {
    margin: 0 1.125rem .625rem .375rem;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1
}

.about-whzc .num em {
    margin-bottom: .375rem;
    color: currentColor;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    line-height: 1;
    text-transform: uppercase;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.about-whzc .text {
    max-width: 15rem;
    margin-top: 1.125rem;
    color: currentColor;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.55
}

@media screen and (max-width:1280px) {
    .about-whzc {
        min-height: 56.25rem
    }

    .about-whzc .about-whzc-inner {
        grid-template-columns: 43% 57%
    }

    .about-whzc .title {
        font-size: 2.625rem
    }

    .about-whzc .whzc-item {
        width: 20.625rem
    }

    .about-whzc .num span {
        font-size: 6.5rem
    }

    .about-whzc .whzc-item-1 .num span {
        font-size: 6.75rem
    }
}

@media screen and (max-width:1023px) {
    .about-whzc {
        min-height: 0;
        padding: 78px 0 72px
    }

    .about-whzc .about-whzc-inner {
        min-height: 0;
        display: block
    }

    .about-whzc .about-whzc-left {
        min-height: 0;
        padding: 0 0 170px;
        overflow: hidden;
        position: relative;
        top: auto
    }

    .about-whzc #canvas {
        width: 100%;
        height: 150px;
        min-height: 0;
        max-height: none;
        left: -4%;
        bottom: 0
    }

    .about-whzc .title {
        font-size: 32px;
        line-height: 1.35
    }

    .about-whzc .about-whzc-right {
        min-height: 0;
        margin-top: 36px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 24px
    }

    .about-whzc .whzc-item {
        width: auto;
        margin-bottom: 0;
        opacity: 1;
        position: static
    }

    .about-whzc .num span,
    .about-whzc .whzc-item-1 .num span {
        font-size: 62px
    }

    .about-whzc .num sup,
    .about-whzc .whzc-item-1 .num sup {
        margin-right: 8px;
        margin-bottom: 7px;
        font-size: 18px
    }

    .about-whzc .num em {
        margin-bottom: 5px;
        font-size: 13px
    }

    .about-whzc .text {
        max-width: none;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.6
    }
}

@media screen and (max-width:640px) {
    .about-whzc {
        padding: 56px 0 60px
    }

    .about-whzc .about-whzc-left {
        padding-bottom: 136px
    }

    .about-whzc #canvas {
        height: 118px;
        left: 0;
        opacity: .65
    }

    .about-whzc .title {
        font-size: 27px;
        line-height: 1.4
    }

    .about-whzc .about-whzc-right {
        margin-top: 28px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px
    }

    .about-whzc .whzc-item,
    .about-whzc .whzc-item-2,
    .about-whzc .whzc-item-4 {
        min-width: 0;
        min-height: 184px;
        padding: 18px 15px 20px;
        border-top: 1px solid rgba(244, 255, 0, 0.5);
        background: rgba(255, 255, 255, 0.035);
        text-align: left
    }

    .about-whzc .whzc-item .box,
    .about-whzc .whzc-item-2 .box,
    .about-whzc .whzc-item-4 .box {
        width: 100%;
        display: block
    }

    .about-whzc .num {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        white-space: normal
    }

    .about-whzc .num span {
        font-size: 46px
    }

    .about-whzc .num sup {
        margin: 0 0 5px 4px;
        font-size: 15px
    }

    .about-whzc .num em {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 10px 0 0;
        font-size: 10px;
        letter-spacing: .08em
    }

    .about-whzc .whzc-item-1 .num span {
        font-size: 46px
    }

    .about-whzc .whzc-item-1 .num sup {
        margin: 0 0 5px 4px;
        font-size: 15px
    }

    .about-whzc .text {
        margin-top: 14px;
        color: rgba(255, 255, 255, 0.66);
        font-size: 13px;
        line-height: 1.6;
        word-break: break-word
    }
}

.about-awards .common-title {
    text-align: center
}

.about-awards .nr {
    margin-top: 3.875rem;
    display: grid;
    grid-template-columns: minmax(0, 45rem) minmax(0, 38.125rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 5rem;
    border-bottom: 1px rgba(255, 255, 255, 0.18) solid
}

.about-awards .awards-1 {
    height: 100%;
    overflow: hidden;
    position: relative;
    pointer-events: none
}

.about-awards .awards-1 .list {
    max-width: 43.125rem;
    height: 100%;
    position: relative;
    display: block
}

.about-awards .awards-1 li {
    margin: 0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: none;
    transition: none
}

.about-awards .awards-1 .box {
    min-width: 9.375rem;
    height: 3rem;
    padding: 0 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1125);
    color: #fff;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1;
    white-space: nowrap;
    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-transform: translate(-50%, -50%) rotate(0rad);
    transform: translate(-50%, -50%) rotate(0rad);
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.about-awards .awards-1 .is-active .box {
    border-color: #f4ff00;
    background: #f4ff00;
    color: #0a0a0a
}

.about-awards .awards-2 {
    padding-bottom: 1.875rem
}

.about-awards .awards-group {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns: 8.125rem minmax(0, 1fr);
    /* gap: 5rem */
}

.about-awards .awards-group+.awards-group {
    margin-top: 2.5rem
}

.about-awards .awards-group .label {
    padding-top: .125rem;
    color: #7e7c7b;
    font-size: .875rem;
    line-height: 1.5
}

.about-awards .awards-group .list {
    color: #fff;
    font-size: .875rem;
    line-height: 1.5
}

.about-awards .awards-group .list li {
    margin-bottom: 1.25rem
}

.about-awards .awards-group .list li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1280px) {
    .about-awards .nr {
        grid-template-columns: minmax(0, 1fr) minmax(0, 32.5rem);
        gap: 2.5rem
    }

    .about-awards .left {
        min-height: 17.875rem
    }

    .about-awards .awards-1 {
        height: 100%;
        min-height: 17.875rem
    }

    .about-awards .awards-1 .list {
        max-width: 40rem
    }

    .about-awards .awards-1 .box {
        min-width: 8.25rem;
        height: 2.75rem;
        padding: 0 1.5rem;
        font-size: 1rem
    }

    .about-awards .awards-1 .is-active .box {
        min-width: 10rem
    }

    .about-awards .awards-group {
        grid-template-columns: 6.25rem minmax(0, 1fr);
        gap: 2rem
    }
}

@media screen and (max-width:1023px) {
    .about-awards .nr {
        margin-top: 40px;
        padding-bottom: 70px;
        display: block
    }

    .about-awards .left {
        min-height: 260px
    }

    .about-awards .awards-1 {
        height: 260px;
        min-height: 260px
    }

    .about-awards .awards-1 .list {
        max-width: none
    }

    .about-awards .awards-1 .box {
        min-width: 0;
        height: 40px;
        padding: 0 20px;
        font-size: 14px
    }

    .about-awards .awards-1 .is-active .box {
        min-width: 0
    }

    .about-awards .awards-2 {
        margin-top: 44px;
        padding-top: 0
    }

    .about-awards .awards-group {
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 26px
    }

    .about-awards .awards-group+.awards-group {
        margin-top: 34px
    }

    .about-awards .awards-group .label {
        font-size: 14px
    }

    .about-awards .awards-group .list {
        font-size: 14px
    }

    .about-awards .awards-group .list li {
        margin-bottom: 14px
    }
}

@media screen and (max-width:640px) {
    .about-awards .nr {
        margin-top: 30px;
        padding-bottom: 54px
    }

    .about-awards .awards-1 {
        height: 230px;
        min-height: 230px
    }

    .about-awards .awards-1 .list {
        max-width: none
    }

    .about-awards .awards-1 .box {
        height: 36px;
        padding: 0 15px;
        font-size: 13px
    }

    .about-awards .awards-group {
        display: block
    }

    .about-awards .awards-group .label {
        margin-bottom: 12px
    }
}

.about-hxjzg {
    overflow: hidden;
    padding-top: 8.75rem;
    padding-bottom: 7.375rem;
    position: relative
}

.about-hxjzg .wavesHxjzg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.about-hxjzg .common-title {
    text-align: center
}

.about-hxjzg .common-title .info {
    margin-bottom: 2.125rem
}

.about-hxjzg .nr {
    margin-top: 4.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.about-hxjzg .left,
.about-hxjzg .right {
    width: 50%;
    min-width: 0
}

.about-hxjzg .left {
    padding-right: 8.75rem
}

.about-hxjzg .hxjzg-list {
    border-top: 1px solid rgba(255, 255, 255, 0.18)
}

.about-hxjzg .hxjzg-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18)
}

.about-hxjzg .hxjzg-list .box {
    padding: 2.1875rem .875rem 2.1875rem .875rem;
    color: #fff;
    cursor: pointer
}

.about-hxjzg .hxjzg-list .hd {
    min-height: 2.5rem;
    padding-right: 3.375rem;
    display: grid;
    grid-template-columns: minmax(0, 11.25rem) minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem;
    position: relative
}

.about-hxjzg .hxjzg-list .hd:hover {
    opacity: .8
}

.about-hxjzg .hxjzg-list .title {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0
}

.about-hxjzg .hxjzg-list .tag {
    color: rgba(255, 255, 255, 0.86);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5
}

.about-hxjzg .hxjzg-list .icon {
    width: 1.875rem;
    height: 1.875rem;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.about-hxjzg .hxjzg-list .icon::before,
.about-hxjzg .hxjzg-list .icon::after {
    content: "";
    width: .75rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.86);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.about-hxjzg .hxjzg-list .icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.about-hxjzg .hxjzg-list .bd {
    display: none;
    padding-top: 1.5625rem;
    color: #7e7c7b;
    font-size: 1rem;
    line-height: 1.875rem;
    min-height: 9.0625rem
}

.about-hxjzg .hxjzg-list .bd p {
    margin: 0
}

.about-hxjzg .hxjzg-list li.active .box {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem
}

.about-hxjzg .hxjzg-list li.active .icon::after {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
}

.about-hxjzg .hxjzg-list li.active .bd {
    display: block
}

.about-hxjzg .hxjzg-swiper {
    overflow: hidden;
    width: 100%;
    margin-top: .375rem
}

.about-hxjzg .pic {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1.22033898;
    background: #0b0b0b
}

.about-hxjzg .pic img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1280px) {
    .about-hxjzg .nr {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .about-hxjzg .left {
        padding-right: 3rem;
        height: auto
    }

    .about-hxjzg .hxjzg-swiper,
    .about-hxjzg .swiper-wrapper,
    .about-hxjzg .swiper-slide,
    .about-hxjzg .pic {
        height: 100%
    }

    .about-hxjzg .pic {
        aspect-ratio: auto
    }

    .about-hxjzg .hxjzg-list .hd {
        grid-template-columns: minmax(0, 10rem) minmax(0, 1fr)
    }

    .about-hxjzg .hxjzg-list .title {
        font-size: 1.75rem
    }
}

@media screen and (max-width:1023px) {
    .about-hxjzg {
        padding-top: 78px;
        padding-bottom: 76px
    }

    .about-hxjzg .left,
    .about-hxjzg .right {
        width: 100%
    }

    .about-hxjzg .left {
        padding-right: 0
    }

    .about-hxjzg .nr {
        margin-top: 44px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 34px
    }

    .about-hxjzg .hxjzg-list .box {
        padding: 24px 6px
    }

    .about-hxjzg .hxjzg-list .hd {
        min-height: 30px;
        padding-right: 42px;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px
    }

    .about-hxjzg .hxjzg-list .title {
        font-size: 24px
    }

    .about-hxjzg .hxjzg-list .tag {
        font-size: 13px
    }

    .about-hxjzg .hxjzg-list .icon {
        width: 28px;
        height: 28px
    }

    .about-hxjzg .hxjzg-list .bd {
        max-width: none;
        min-height: 0;
        padding-top: 16px;
        font-size: 14px;
        line-height: 1.8
    }

    .about-hxjzg .hxjzg-list .bd p+p {
        margin-top: 10px
    }

    .about-hxjzg .hxjzg-swiper {
        margin-top: 0;
        border-radius: 12px
    }

    .about-hxjzg .pic {
        aspect-ratio: 1.6
    }
}

@media screen and (max-width:640px) {
    .about-hxjzg {
        padding-top: 58px;
        padding-bottom: 56px
    }

    .about-hxjzg .common-title .title {
        font-size: 27px
    }

    .about-hxjzg .common-title .info-2 {
        font-size: 14px
    }

    .about-hxjzg .nr {
        margin-top: 32px;
        gap: 28px
    }

    .about-hxjzg .hxjzg-list .title {
        font-size: 21px
    }

    .about-hxjzg .hxjzg-list .box {
        padding: 21px 2px
    }

    .about-hxjzg .hxjzg-list .hd {
        padding-right: 40px
    }

    .about-hxjzg .hxjzg-list .icon {
        width: 30px;
        height: 30px
    }

    .about-hxjzg .hxjzg-swiper {
        border-radius: 9px
    }
}

.about-fuwu {
    min-height: 55rem;
    padding: 6.25rem 0 7.5rem;
    position: relative;
    color: #fff
}

.about-fuwu .common-title {
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    z-index: 0;
    top: 15rem;
    left: 0
}

.about-fuwu .nr {
    position: relative
}

.about-fuwu .list {
    padding-left: 8rem;
    padding-right: 8rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 22.8125rem));
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 2rem 4.375rem;
    position: relative;
    z-index: 3
}

.about-fuwu .team-item {
    position: relative;
    z-index: 3;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    will-change: transform
}

.about-fuwu .team-item:nth-child(3n + 1) {
    margin-top: 0
}

.about-fuwu .team-item:nth-child(3n + 2) {
    margin-top: 31.25rem
}

.about-fuwu .team-item:nth-child(3n) {
    margin-top: 6.25rem
}

.about-fuwu .box {
    overflow: hidden;
    height: 30rem;
    border-radius: 1.625rem;
    background: #050505;
    position: relative;
    -webkit-box-shadow: 0 1.5rem 3.75rem rgba(0, 0, 0, 0.28);
    box-shadow: 0 1.5rem 3.75rem rgba(0, 0, 0, 0.28)
}

.about-fuwu .pic {
    width: 100%;
    aspect-ratio: .76041667;
    overflow: hidden
}

.about-fuwu .pic::after {
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.16)), color-stop(38%, rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.76)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0, rgba(0, 0, 0, 0.04) 38%, rgba(0, 0, 0, 0.76) 100%)
}

.about-fuwu .pic img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.about-fuwu .text {
    width: 100%;
    height: 100%;
    padding: 1.875rem 1.5rem 1.875rem;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    text-align: center
}

.about-fuwu .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .8125rem
}

.about-fuwu .hd span {
    padding-top: .375rem;
    font-size: .875rem;
    line-height: 1
}

.about-fuwu .hd strong {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.22;
    text-align: left
}

.about-fuwu .bd {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.55
}

@media screen and (max-width:1280px) {
    .about-fuwu {
        min-height: 47.5rem
    }

    .about-fuwu .common-title .title {
        font-size: 2.625rem
    }

    .about-fuwu .common-title .info-2 {
        font-size: 1.0625rem
    }

    .about-fuwu .team-center {
        margin-bottom: -6rem
    }

    .about-fuwu .list {
        grid-template-columns: repeat(3, minmax(0, 19.375rem));
        gap: 1.75rem 2.625rem
    }

    .about-fuwu .team-item:nth-child(3n + 2) {
        margin-top: 26.875rem
    }

    .about-fuwu .team-item:nth-child(3n) {
        margin-top: 5.5rem
    }

    .about-fuwu .box {
        height: 26.25rem
    }

    .about-fuwu .hd strong {
        font-size: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .about-fuwu {
        min-height: 0;
        padding: 78px 0 80px
    }

    .about-fuwu .common-title {
        position: static
    }

    .about-fuwu .common-title .info {
        margin-bottom: 18px
    }

    .about-fuwu .common-title .title {
        font-size: 32px;
        line-height: 1.35
    }

    .about-fuwu .common-title .info-2 {
        margin-top: 18px;
        font-size: 15px
    }

    .about-fuwu .list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 38px;
        padding-left: 0;
        padding-right: 0;
    }

    .about-fuwu .team-item {
        -webkit-transform: none !important;
        transform: none !important
    }

    .about-fuwu .team-item:nth-child(n) {
        margin-top: 0
    }

    .about-fuwu .box {
        height: 360px;
        border-radius: 18px
    }

    .about-fuwu .text {
        padding: 22px 18px 24px
    }

    .about-fuwu .hd {
        gap: 8px
    }

    .about-fuwu .hd strong {
        font-size: 20px
    }

    .about-fuwu .bd {
        font-size: 14px
    }
}

@media screen and (max-width:640px) {
    .about-fuwu {
        padding: 58px 0 60px
    }

    .about-fuwu .common-title .title {
        font-size: 27px
    }

    .about-fuwu .common-title .info-2 {
        font-size: 14px;
        line-height: 1.75
    }

    .about-fuwu .common-title .info-2 br {
        display: none
    }

    .about-fuwu .list {
        width: 100%;
        margin-top: 30px;
        padding-bottom: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }

    .about-fuwu .list::-webkit-scrollbar {
        height: 2px
    }

    .about-fuwu .list::-webkit-scrollbar-thumb {
        background: rgba(244, 255, 0, 0.55)
    }

    .about-fuwu .team-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 84%;
        flex: 0 0 84%;
        scroll-snap-align: start
    }

    .about-fuwu .box {
        height: 410px;
        border-radius: 14px
    }

    .about-fuwu .text {
        padding: 22px 18px 24px
    }

    .about-fuwu .hd strong {
        font-size: 22px
    }

    .about-fuwu .bd {
        font-size: 14px;
        line-height: 1.65
    }
}

.about-team-m {
    display: none
}

.about-team {
    min-height: 37.5rem;
    padding: 6.875rem 0 0;
    overflow: hidden;
    position: relative
}

.about-team .culture-marquee {
    width: 112vw;
    margin-left: -6vw;
    padding: 3.375rem 0;
    position: relative;
    -webkit-transform: rotate(3.5deg);
    transform: rotate(3.5deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.about-team .marquee-advanced {
    width: 100%;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
    will-change: transform;
    margin-bottom: 15rem
}

.about-team .marquee-advanced:last-child {
    margin-bottom: 0
}

.about-team .marquee-advanced::before,
.about-team .marquee-advanced::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    z-index: 5;
    background-image: repeating-linear-gradient(90deg, transparent 0 18px, rgba(255, 255, 255, 0.22) 18px 32px, transparent 32px 52px);
    opacity: .74;
    -webkit-filter: blur(.2px);
    filter: blur(.2px)
}

.about-team .marquee-advanced::before {
    top: 0
}

.about-team .marquee-advanced::after {
    bottom: 0
}

.about-team .marquee-advanced.is-bts-1 {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.about-team .marquee-advanced.is-bts-1 .marquee-track {
    -webkit-animation: cultureMarqueeLeft 34s linear infinite;
    animation: cultureMarqueeLeft 34s linear infinite
}

.about-team .marquee-advanced.is-bts-2 {
    z-index: 2;
    margin-top: -5.75rem;
    -webkit-transform: rotate(-7deg) translate3d(-3vw, 0, 0);
    transform: rotate(-7deg) translate3d(-3vw, 0, 0)
}

.about-team .marquee-advanced.is-bts-2 .marquee-track {
    -webkit-animation: cultureMarqueeRight 38s linear infinite;
    animation: cultureMarqueeRight 38s linear infinite
}

.about-team .marquee-track {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .5rem;
    will-change: transform
}

.about-team .marquee-scroll {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform
}

.about-team .marquee-advanced:hover .marquee-track {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.about-team .marquee-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 26.25rem;
    height: 16.25rem;
    overflow: hidden;
    background: #111
}

.about-team .marquee-item.marquee-item-lg {
    width: 26.25rem
}

.about-team .marquee-item.marquee-item-xl {
    width: 26.25rem
}

.about-team .marquee-item img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: .5s;
    transition: .5s
}

.about-team .marquee-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about-team .is-bts-2 .marquee-item {
    height: 16.25rem
}

@media screen and (max-width:1280px) {
    .about-team {
        min-height: 41.25rem
    }

    .about-team .marquee-item {
        width: 17.875rem;
        height: 19.125rem
    }

    .about-team .marquee-item.marquee-item-lg {
        width: 23.75rem
    }

    .about-team .marquee-item.marquee-item-xl {
        width: 31.25rem
    }

    .about-team .is-bts-2 {
        margin-top: -4.625rem
    }

    .about-team .is-bts-2 .marquee-item {
        height: 18.75rem
    }
}

@media screen and (max-width:1023px) {
    .about-team {
        min-height: 520px;
        padding: 72px 0 86px
    }

    .about-team .culture-marquee {
        width: 128vw;
        margin-left: -14vw;
        padding: 38px 0
    }

    .about-team .marquee-advanced.is-bts-1 .marquee-track {
        -webkit-animation-duration: 28s;
        animation-duration: 28s
    }

    .about-team .marquee-advanced.is-bts-2 {
        margin-top: -52px
    }

    .about-team .marquee-advanced.is-bts-2 .marquee-track {
        -webkit-animation-duration: 31s;
        animation-duration: 31s
    }

    .about-team .marquee-track {
        gap: 6px
    }

    .about-team .marquee-item {
        width: 220px;
        height: 236px
    }

    .about-team .marquee-item.marquee-item-lg {
        width: 286px
    }

    .about-team .marquee-item.marquee-item-xl {
        width: 360px
    }

    .about-team .is-bts-2 .marquee-item {
        height: 226px
    }
}

@media screen and (max-width:640px) {
    .about-team {
        min-height: 360px;
        padding: 42px 0 52px
    }

    .about-team .culture-marquee {
        width: 124vw;
        margin-left: -12vw;
        padding: 22px 0;
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    .about-team .marquee-advanced {
        padding: 20px 0
    }

    .about-team .marquee-advanced::before,
    .about-team .marquee-advanced::after {
        height: 14px;
        background-image: repeating-linear-gradient(90deg, transparent 0 12px, rgba(255, 255, 255, 0.2) 12px 22px, transparent 22px 36px)
    }

    .about-team .marquee-item {
        width: 150px;
        height: 156px
    }

    .about-team .marquee-item.marquee-item-lg {
        width: 190px
    }

    .about-team .marquee-item.marquee-item-xl {
        width: 230px
    }

    .about-team .is-bts-2 {
        margin-top: -28px
    }

    .about-team .is-bts-2 .marquee-item {
        height: 148px
    }
}

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

    .about-team,
    .about-team-2 {
        display: none
    }

    .about-team-m {
        padding: 60px 0 64px;
        overflow: hidden;
        display: block;
        color: #fff;
        background: #050505
    }

    .about-team-m .container {
        width: auto;
        margin-left: 16px;
        margin-right: 16px
    }

    .about-team-m .common-title {
        margin-bottom: 30px;
        text-align: center
    }

    .about-team-m .common-title .info {
        margin-bottom: 14px;
        font-size: 14px
    }

    .about-team-m .common-title .title {
        margin: 0;
        color: #fff;
        font-size: 28px;
        font-weight: 400;
        line-height: 1.35
    }

    .about-team-m .list {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 10px;
        column-gap: 10px
    }

    .about-team-m .list li {
        width: 100%;
        margin: 0 0 10px;
        display: inline-block;
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        vertical-align: top
    }

    .about-team-m .list .box {
        overflow: hidden;
        aspect-ratio: .8;
        border-radius: 8px;
        background: #111;
        position: relative
    }

    .about-team-m .list .box::after {
        content: "";
        width: 100%;
        height: 100%;
        pointer-events: none;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.22)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.22) 100%);
        position: absolute;
        left: 0;
        top: 0
    }

    .about-team-m .list li:nth-child(3n + 2) .box {
        aspect-ratio: 1.33333333
    }

    .about-team-m .list li:nth-child(5n) .box {
        aspect-ratio: 1
    }

    .about-team-m .list img {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-filter: grayscale(1) contrast(1.04);
        filter: grayscale(1) contrast(1.04)
    }
}

@media screen and (max-width:380px) {
    .about-team-m {
        padding-top: 52px
    }

    .about-team-m .container {
        margin-left: 12px;
        margin-right: 12px
    }

    .about-team-m .common-title .title {
        font-size: 25px
    }

    .about-team-m .list {
        -webkit-column-gap: 8px;
        column-gap: 8px
    }

    .about-team-m .list li {
        margin-bottom: 8px
    }
}

@-webkit-keyframes cultureMarqueeLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes cultureMarqueeLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@-webkit-keyframes cultureMarqueeRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes cultureMarqueeRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.about-team-2 {
    overflow: hidden;
    color: #f5f5f7;
    position: relative;
    max-width: 2560px;
    margin: 0 auto
}

.about-team-2 .culture-hero {
    height: 100vh;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    cursor: default;
    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
}

.about-team-2 .unit-canvas-container {
    width: 102vw;
    height: 102vh;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    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
}

.about-team-2 .unit-canvas-wrapper {
    width: 2820px;
    height: 2350px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    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;
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity
}

.about-team-2 .unit-canvas-wrapper-0 {
    z-index: 4;
    opacity: 1
}

.about-team-2 .unit-canvas-wrapper-1,
.about-team-2 .unit-canvas-wrapper-2,
.about-team-2 .unit-canvas-wrapper-3 {
    -webkit-animation: teamHeroFadeIn .8s cubic-bezier(.16, 1, .3, 1) forwards;
    animation: teamHeroFadeIn .8s cubic-bezier(.16, 1, .3, 1) forwards
}

.about-team-2 .unit-canvas-wrapper-1 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.about-team-2 .unit-canvas-wrapper-2 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.about-team-2 .unit-canvas-wrapper-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.about-team-2 .unit-canvas-copy {
    width: 760px;
    max-width: 92vw;
    text-align: center;
    color: #f5f5f7;
    pointer-events: auto;
    position: relative
}

.about-team-2 .tag {
    color: #f5f5f7;
    opacity: 0;
    -webkit-animation: teamHeroCopyFade .8s cubic-bezier(.16, 1, .3, 1) 1.2s forwards;
    animation: teamHeroCopyFade .8s cubic-bezier(.16, 1, .3, 1) 1.2s forwards;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 1rem;
    text-transform: uppercase;
    position: relative
}

.about-team-2 .tag>span {
    position: relative;
    padding-left: 1.25rem
}

.about-team-2 .tag>span::after {
    content: "";
    display: block;
    width: .3125rem;
    height: .3125rem;
    border-radius: .3125rem;
    background: var(--main-color);
    position: absolute;
    top: .75rem;
    left: 0
}

.about-team-2 .headline {
    margin: 0;
    color: #f5f5f7;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 3.375rem;
    line-height: 1.2
}

.about-team-2 .headline-sliding-mask {
    display: block;
    overflow: hidden
}

.about-team-2 .headline-sliding-text {
    display: block;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-animation: teamHeroHeadlineIn 1s cubic-bezier(.16, 1, .3, 1) forwards;
    animation: teamHeroHeadlineIn 1s cubic-bezier(.16, 1, .3, 1) forwards
}

.about-team-2 .headline-sliding-text-1 {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.about-team-2 .headline-sliding-text-2 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.about-team-2 .headline-sliding-text-3 {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.about-team-2 .unit-tile {
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    pointer-events: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.about-team-2 .unit-tile:hover {
    z-index: 5
}

.about-team-2 .unit-tile:hover .unit-image-wrapper {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.about-team-2 .unit-tile:hover .unit-bio {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.about-team-2 .unit-image-wrapper {
    overflow: hidden;
    width: 260px;
    height: 175px;
    background: #111;
    position: relative;
    -webkit-box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45);
    -webkit-transition: -webkit-transform .45s cubic-bezier(.16, 1, .3, 1);
    transition: -webkit-transform .45s cubic-bezier(.16, 1, .3, 1);
    transition: transform .45s cubic-bezier(.16, 1, .3, 1);
    transition: transform .45s cubic-bezier(.16, 1, .3, 1), -webkit-transform .45s cubic-bezier(.16, 1, .3, 1)
}

.about-team-2 .unit-image-wrapper::after {
    content: "+";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #111;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    display: none
}

.about-team-2 .unit-image-wrapper img {
    width: 100%;
    max-width: none;
    max-height: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(1) contrast(1.04) brightness(.88);
    filter: grayscale(1) contrast(1.04) brightness(.88)
}

.about-team-2 .unit-bio {
    width: 280px;
    padding: 16px 18px;
    border-radius: 16px;
    background: rgba(28, 28, 30, 0.86);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    color: #f5f5f7;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
    opacity: 0;
    position: absolute;
    left: 80%;
    top: calc(60%);
    z-index: 3;
    -webkit-transform: translate(-50%, 14px);
    transform: translate(-50%, 14px);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    pointer-events: none
}

.about-team-2 .unit-bio p {
    margin: 0
}

.about-team-2 .unit-tile-0 {
    -webkit-transform: translate(-331px, 395px);
    transform: translate(-331px, 395px)
}

.about-team-2 .unit-tile-1 {
    -webkit-transform: translate(213px, 423px);
    transform: translate(213px, 423px)
}

.about-team-2 .unit-tile-2 {
    -webkit-transform: translate(400px, -362px);
    transform: translate(400px, -362px)
}

.about-team-2 .unit-tile-3 {
    -webkit-transform: translate(-627px, -283px);
    transform: translate(-627px, -283px)
}

.about-team-2 .unit-tile-4 {
    -webkit-transform: translate(87px, -742px);
    transform: translate(87px, -742px)
}

.about-team-2 .unit-tile-5 {
    -webkit-transform: translate(-795px, 778px);
    transform: translate(-795px, 778px)
}

.about-team-2 .unit-tile-6 {
    -webkit-transform: translate(-675px, -639px);
    transform: translate(-675px, -639px)
}

.about-team-2 .unit-tile-7 {
    -webkit-transform: translate(-230px, 755px);
    transform: translate(-230px, 755px)
}

.about-team-2 .unit-tile-8 {
    -webkit-transform: translate(509px, 72px);
    transform: translate(509px, 72px)
}

.about-team-2 .unit-tile-9 {
    -webkit-transform: translate(-150px, -394px);
    transform: translate(-150px, -394px)
}

.about-team-2 .unit-tile-10 {
    -webkit-transform: translate(689px, -711px);
    transform: translate(689px, -711px)
}

.about-team-2 .unit-tile-11 {
    -webkit-transform: translate(-531px, 51px);
    transform: translate(-531px, 51px)
}

.about-team-2 .unit-tile-12 {
    -webkit-transform: translate(-1062px, 86px);
    transform: translate(-1062px, 86px)
}

.about-team-2 .unit-tile-13 {
    -webkit-transform: translate(-1127px, -324px);
    transform: translate(-1127px, -324px)
}

.about-team-2 .unit-tile-14 {
    -webkit-transform: translate(-777px, 422px);
    transform: translate(-777px, 422px)
}

.about-team-2 .unit-tile-15 {
    -webkit-transform: translate(1125px, -634px);
    transform: translate(1125px, -634px)
}

.about-team-2 .unit-tile-16 {
    -webkit-transform: translate(808px, -288px);
    transform: translate(808px, -288px)
}

.about-team-2 .unit-tile-17 {
    -webkit-transform: translate(326px, 804px);
    transform: translate(326px, 804px)
}

.about-team-2 .unit-tile-18 {
    -webkit-transform: translate(772px, 494px);
    transform: translate(772px, 494px)
}

.about-team-2 .unit-tile-19 {
    -webkit-transform: translate(804px, 833px);
    transform: translate(804px, 833px)
}

.about-team-2 .unit-tile-20 {
    -webkit-transform: translate(940px, 150px);
    transform: translate(940px, 150px)
}

.about-team-2 .unit-tile-0 .unit-image-wrapper {
    width: 215px;
    height: 287px
}

.about-team-2 .unit-tile-1 .unit-image-wrapper {
    width: 445px;
    height: 250px
}

.about-team-2 .unit-tile-2 .unit-image-wrapper {
    width: 215px;
    height: 287px
}

.about-team-2 .unit-tile-3 .unit-image-wrapper {
    width: 375px;
    height: 250px
}

.about-team-2 .unit-tile-4 .unit-image-wrapper {
    width: 445px;
    height: 250px
}

.about-team-2 .unit-tile-5 .unit-image-wrapper {
    width: 291px;
    height: 250px
}

.about-team-2 .unit-tile-6 .unit-image-wrapper {
    width: 291px;
    height: 250px
}

.about-team-2 .unit-tile-7 .unit-image-wrapper {
    width: 445px;
    height: 250px
}

.about-team-2 .unit-tile-8 .unit-image-wrapper {
    width: 215px;
    height: 287px
}

.about-team-2 .unit-tile-9 .unit-image-wrapper {
    width: 375px;
    height: 250px
}

.about-team-2 .unit-tile-10 .unit-image-wrapper {
    width: 291px;
    height: 250px
}

.about-team-2 .unit-tile-11 .unit-image-wrapper {
    width: 375px;
    height: 250px
}

.about-team-2 .unit-tile-12 .unit-image-wrapper {
    width: 445px;
    height: 250px
}

.about-team-2 .unit-tile-13 .unit-image-wrapper {
    width: 215px;
    height: 287px
}

.about-team-2 .unit-tile-14 .unit-image-wrapper {
    width: 375px;
    height: 250px
}

.about-team-2 .unit-tile-15 .unit-image-wrapper {
    width: 215px;
    height: 287px
}

.about-team-2 .unit-tile-16 .unit-image-wrapper {
    width: 215px;
    height: 287px
}

.about-team-2 .unit-tile-17 .unit-image-wrapper {
    width: 215px;
    height: 287px
}

.about-team-2 .unit-tile-18 .unit-image-wrapper {
    width: 291px;
    height: 250px
}

.about-team-2 .unit-tile-19 .unit-image-wrapper {
    width: 375px;
    height: 250px
}

.about-team-2 .unit-tile-20 .unit-image-wrapper {
    width: 375px;
    height: 250px
}

@media screen and (max-width:1068px) {
    .about-team-2 .unit-canvas-wrapper {
        width: 2700px;
        height: 2040px
    }

    .about-team-2 .headline {
        font-size: 64px
    }

    .about-team-2 .tag {
        font-size: 23px
    }

    .about-team-2 .unit-tile-0 {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .about-team-2 .unit-tile-1 {
        -webkit-transform: translate(245px, 385px);
        transform: translate(245px, 385px)
    }

    .about-team-2 .unit-tile-2 {
        -webkit-transform: translate(449px, -337px);
        transform: translate(449px, -337px)
    }

    .about-team-2 .unit-tile-3 {
        -webkit-transform: translate(-560px, -257px);
        transform: translate(-560px, -257px)
    }

    .about-team-2 .unit-tile-4 {
        -webkit-transform: translate(99px, -727px);
        transform: translate(99px, -727px)
    }

    .about-team-2 .unit-tile-5 {
        -webkit-transform: translate(-764px, 741px);
        transform: translate(-764px, 741px)
    }

    .about-team-2 .unit-tile-6 {
        -webkit-transform: translate(-663px, -579px);
        transform: translate(-663px, -579px)
    }

    .about-team-2 .unit-tile-7 {
        -webkit-transform: translate(-221px, 765px);
        transform: translate(-221px, 765px)
    }

    .about-team-2 .unit-tile-8 {
        -webkit-transform: translate(518px, 64px);
        transform: translate(518px, 64px)
    }

    .about-team-2 .unit-tile-9 {
        -webkit-transform: translate(-129px, -377px);
        transform: translate(-129px, -377px)
    }

    .about-team-2 .unit-tile-10 {
        -webkit-transform: translate(663px, -689px);
        transform: translate(663px, -689px)
    }

    .about-team-2 .unit-tile-11 {
        -webkit-transform: translate(-506px, 61px);
        transform: translate(-506px, 61px)
    }

    .about-team-2 .unit-tile-12 {
        -webkit-transform: translate(-1017px, 119px);
        transform: translate(-1017px, 119px)
    }

    .about-team-2 .unit-tile-13 {
        -webkit-transform: translate(-1052px, -210px);
        transform: translate(-1052px, -210px)
    }

    .about-team-2 .unit-tile-14 {
        -webkit-transform: translate(-732px, 431px);
        transform: translate(-732px, 431px)
    }

    .about-team-2 .unit-tile-15 {
        -webkit-transform: translate(997px, -587px);
        transform: translate(997px, -587px)
    }

    .about-team-2 .unit-tile-16 {
        -webkit-transform: translate(970px, 48px);
        transform: translate(970px, 48px)
    }

    .about-team-2 .unit-tile-17 {
        -webkit-transform: translate(370px, 727px);
        transform: translate(370px, 727px)
    }

    .about-team-2 .unit-tile-18 {
        -webkit-transform: translate(792px, 407px);
        transform: translate(792px, 407px)
    }

    .about-team-2 .unit-tile-19 {
        -webkit-transform: translate(827px, 744px);
        transform: translate(827px, 744px)
    }

    .about-team-2 .unit-tile-20 {
        -webkit-transform: translate(876px, -249px);
        transform: translate(876px, -249px)
    }

    .about-team-2 .unit-tile-0 .unit-image-wrapper {
        width: 190px;
        height: 253px
    }

    .about-team-2 .unit-tile-1 .unit-image-wrapper {
        width: 393px;
        height: 221px
    }

    .about-team-2 .unit-tile-2 .unit-image-wrapper {
        width: 190px;
        height: 253px
    }

    .about-team-2 .unit-tile-3 .unit-image-wrapper {
        width: 331px;
        height: 221px
    }

    .about-team-2 .unit-tile-4 .unit-image-wrapper {
        width: 393px;
        height: 221px
    }

    .about-team-2 .unit-tile-5 .unit-image-wrapper {
        width: 257px;
        height: 221px
    }

    .about-team-2 .unit-tile-6 .unit-image-wrapper {
        width: 257px;
        height: 221px
    }

    .about-team-2 .unit-tile-7 .unit-image-wrapper {
        width: 393px;
        height: 221px
    }

    .about-team-2 .unit-tile-8 .unit-image-wrapper {
        width: 190px;
        height: 253px
    }

    .about-team-2 .unit-tile-9 .unit-image-wrapper {
        width: 331px;
        height: 221px
    }

    .about-team-2 .unit-tile-10 .unit-image-wrapper {
        width: 257px;
        height: 221px
    }

    .about-team-2 .unit-tile-11 .unit-image-wrapper {
        width: 331px;
        height: 221px
    }

    .about-team-2 .unit-tile-12 .unit-image-wrapper {
        width: 393px;
        height: 221px
    }

    .about-team-2 .unit-tile-13 .unit-image-wrapper {
        width: 208px;
        height: 278px
    }

    .about-team-2 .unit-tile-14 .unit-image-wrapper {
        width: 331px;
        height: 221px
    }

    .about-team-2 .unit-tile-15 .unit-image-wrapper {
        width: 212px;
        height: 284px
    }

    .about-team-2 .unit-tile-16 .unit-image-wrapper {
        width: 190px;
        height: 253px
    }

    .about-team-2 .unit-tile-17 .unit-image-wrapper {
        width: 190px;
        height: 253px
    }

    .about-team-2 .unit-tile-18 .unit-image-wrapper {
        width: 257px;
        height: 221px
    }

    .about-team-2 .unit-tile-19 .unit-image-wrapper {
        width: 331px;
        height: 221px
    }

    .about-team-2 .unit-tile-20 .unit-image-wrapper {
        width: 331px;
        height: 221px
    }
}

@media screen and (max-width:734px) {
    .about-team-2 .unit-canvas-container {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .about-team-2 .unit-canvas-wrapper {
        width: 1800px;
        height: 1600px
    }

    .about-team-2 .headline {
        font-size: 54px
    }

    .about-team-2 .tag {
        font-size: 20px
    }

    .about-team-2 .unit-tile {
        padding: 0
    }

    .about-team-2 .unit-image-wrapper {
        width: 190px;
        height: 127px
    }

    .about-team-2 .unit-bio {
        display: none
    }

    .about-team-2 .unit-tile-0 {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .about-team-2 .unit-tile-1 {
        -webkit-transform: translate(134px, 294px);
        transform: translate(134px, 294px)
    }

    .about-team-2 .unit-tile-2 {
        -webkit-transform: translate(151px, -235px);
        transform: translate(151px, -235px)
    }

    .about-team-2 .unit-tile-3 {
        -webkit-transform: translate(-393px, -191px);
        transform: translate(-393px, -191px)
    }

    .about-team-2 .unit-tile-4 {
        -webkit-transform: translate(24px, -458px);
        transform: translate(24px, -458px)
    }

    .about-team-2 .unit-tile-5 {
        -webkit-transform: translate(-579px, 480px);
        transform: translate(-579px, 480px)
    }

    .about-team-2 .unit-tile-6 {
        -webkit-transform: translate(-360px, -399px);
        transform: translate(-360px, -399px)
    }

    .about-team-2 .unit-tile-7 {
        -webkit-transform: translate(-279px, 496px);
        transform: translate(-279px, 496px)
    }

    .about-team-2 .unit-tile-8 {
        -webkit-transform: translate(284px, 13px);
        transform: translate(284px, 13px)
    }

    .about-team-2 .unit-tile-9 {
        -webkit-transform: translate(-93px, -249px);
        transform: translate(-93px, -249px)
    }

    .about-team-2 .unit-tile-10 {
        -webkit-transform: translate(343px, -428px);
        transform: translate(343px, -428px)
    }

    .about-team-2 .unit-tile-11 {
        -webkit-transform: translate(-354px, 48px);
        transform: translate(-354px, 48px)
    }

    .about-team-2 .unit-tile-12 {
        -webkit-transform: translate(-690px, 84px);
        transform: translate(-690px, 84px)
    }

    .about-team-2 .unit-tile-13 {
        -webkit-transform: translate(-658px, -153px);
        transform: translate(-658px, -153px)
    }

    .about-team-2 .unit-tile-14 {
        -webkit-transform: translate(-404px, 273px);
        transform: translate(-404px, 273px)
    }

    .about-team-2 .unit-tile-15 {
        -webkit-transform: translate(595px, -234px);
        transform: translate(595px, -234px)
    }

    .about-team-2 .unit-tile-16 {
        -webkit-transform: translate(383px, -190px);
        transform: translate(383px, -190px)
    }

    .about-team-2 .unit-tile-17 {
        -webkit-transform: translate(6px, 541px);
        transform: translate(6px, 541px)
    }

    .about-team-2 .unit-tile-18 {
        -webkit-transform: translate(454px, 286px);
        transform: translate(454px, 286px)
    }

    .about-team-2 .unit-tile-19 {
        -webkit-transform: translate(327px, 507px);
        transform: translate(327px, 507px)
    }

    .about-team-2 .unit-tile-20 {
        -webkit-transform: translate(553px, 76px);
        transform: translate(553px, 76px)
    }
}

@media screen and (max-width:640px) {
    .about-team-2 .culture-hero {
        height: 100vh;
        height: 100svh;
        min-height: 620px;
        max-height: 760px
    }

    .about-team-2 .headline {
        font-size: 34px;
        line-height: 1.24
    }

    .about-team-2 .unit-canvas-copy {
        width: calc(100vw - 40px);
        max-width: 360px
    }

    .about-team-2 .tag {
        margin-bottom: 14px;
        font-size: 14px
    }

    .about-team-2 .tag>span {
        padding-left: 14px
    }

    .about-team-2 .tag>span::after {
        width: 4px;
        height: 4px;
        top: 7px
    }

    .about-team-2 .unit-image-wrapper {
        border-radius: 5px
    }

    .about-team-2 .unit-image-wrapper img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .about-team-2 .unit-tile-0 .unit-image-wrapper {
        width: 135px;
        height: 181px
    }

    .about-team-2 .unit-tile-1 .unit-image-wrapper {
        width: 281px;
        height: 158px
    }

    .about-team-2 .unit-tile-2 .unit-image-wrapper {
        width: 135px;
        height: 181px
    }

    .about-team-2 .unit-tile-3 .unit-image-wrapper {
        width: 236px;
        height: 158px
    }

    .about-team-2 .unit-tile-4 .unit-image-wrapper {
        width: 281px;
        height: 158px
    }

    .about-team-2 .unit-tile-5 .unit-image-wrapper {
        width: 183px;
        height: 158px
    }

    .about-team-2 .unit-tile-6 .unit-image-wrapper {
        width: 183px;
        height: 158px
    }

    .about-team-2 .unit-tile-7 .unit-image-wrapper {
        width: 281px;
        height: 158px
    }

    .about-team-2 .unit-tile-8 .unit-image-wrapper {
        width: 136px;
        height: 181px
    }

    .about-team-2 .unit-tile-9 .unit-image-wrapper {
        width: 236px;
        height: 158px
    }

    .about-team-2 .unit-tile-10 .unit-image-wrapper {
        width: 183px;
        height: 158px
    }

    .about-team-2 .unit-tile-11 .unit-image-wrapper {
        width: 236px;
        height: 158px
    }

    .about-team-2 .unit-tile-12 .unit-image-wrapper {
        width: 281px;
        height: 158px
    }

    .about-team-2 .unit-tile-13 .unit-image-wrapper {
        width: 136px;
        height: 181px
    }

    .about-team-2 .unit-tile-14 .unit-image-wrapper {
        width: 236px;
        height: 158px
    }

    .about-team-2 .unit-tile-15 .unit-image-wrapper {
        width: 136px;
        height: 181px
    }

    .about-team-2 .unit-tile-16 .unit-image-wrapper {
        width: 136px;
        height: 181px
    }

    .about-team-2 .unit-tile-17 .unit-image-wrapper {
        width: 136px;
        height: 181px
    }

    .about-team-2 .unit-tile-18 .unit-image-wrapper {
        width: 184px;
        height: 158px
    }

    .about-team-2 .unit-tile-19 .unit-image-wrapper {
        width: 236px;
        height: 158px
    }

    .about-team-2 .unit-tile-20 .unit-image-wrapper {
        width: 236px;
        height: 158px
    }
}

@-webkit-keyframes teamHeroHeadlineIn {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes teamHeroHeadlineIn {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes teamHeroCopyFade {
    to {
        opacity: 1
    }
}

@keyframes teamHeroCopyFade {
    to {
        opacity: 1
    }
}

@-webkit-keyframes teamHeroFadeIn {
    to {
        opacity: 1
    }
}

@keyframes teamHeroFadeIn {
    to {
        opacity: 1
    }
}


.about-hxzz.is-hxzz-animate .nr > div {
	opacity: 0;
	transform: translateY(4rem);
	will-change: opacity, transform;
}

.about-hxzz.is-hxzz-animate .nr > div .hxzz-line-text {
	display: inline-block;
	opacity: .12;
	will-change: opacity;
}

@media screen and (min-width: 1024px) {
	.about-gsjs.is-gsjs-scroll {
		overflow: hidden;
	}

	.about-gsjs.is-gsjs-scroll > div {
		will-change: transform;
	}

	.about-gsjs.is-gsjs-scroll .gsjs-pic-right {
		flex: 0 0 52vw;
		width: 52vw;
	}
}