@font-face {
    font-family: 'chip-regular';
    src: url('../font/Roboto-Regular.woff2') format('woff2'),
        url('../font/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'chip-bold';
    src: url('../font/Roboto-Bold.woff2') format('woff2'),
        url('../font/Roboto-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'chip-out';
    src: url('../font/Outfit-VariableFont_wght.woff2') format('woff2'),
        url('../font/Outfit-VariableFont_wght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "PingFang SC", "Microsoft YaHei";
}

:root {
    /* 字号 */
    --font64: 64px;
    --font48: 48px;
    --font38: 38px;
    --font32: 32px;
    --font30: 30px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line14: 1.4;
    --line16: 1.6;
    --line18: 1.8;
    --line80: 80px;
    /* 颜色 */
    --color1: #333333;
    --color2: #4F5759;
    --color3: #ffffff;
    --colormain1: #008AD1;
    --colormain2: #0A7F2B;
    /* 板块间距 */
    --space120: 120px;
    --space80: 80px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace9: 9px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --familyR: 'chip-regular';
    --familyB: 'chip-bold';
}

.std-h1 {
    font-size: var(--font64);
    color: var(--color3);
    line-height: var(--line12);
}

.std-h2,
.yxedr-active h2 {
    font-size: var(--font48);
    color: var(--color1);
    line-height: var(--line12);
}

.std-h3,
.yxedr-active h3 {
    font-size: var(--font32);
    color: var(--color1);
    line-height: var(--line12);
}

.std-h4,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--color1);
    line-height: var(--line14);
}

.std-h5,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--color1);
    line-height: var(--line14);
}

.std-text1,
.std-text1 p {
    font-size: var(--font16);
    color: var(--color1);
    line-height: var(--line18);
}

.std-text2,
.std-text2 p {
    font-size: var(--font14);
    color: var(--color1);
    line-height: var(--line18);
}

.yxedr-active p {
    font-size: var(--font16);
    color: var(--color2);
    line-height: var(--line18);
    margin-bottom: var(--parpspace12);
}

.std-margin {
    margin-top: var(--space120);
}

.std-margin1 {
    margin-bottom: var(--space120);
}

.std-margin2 {
    margin-bottom: var(--space80);
}

.std-margin3 {
    margin-bottom: var(--space40);
}

.std-padding {
    padding-top: var(--space120);
}

.std-padding1 {
    padding-bottom: var(--space120);
}

.std-padding2 {
    padding-top: var(--space80);
}

.std-padding3 {
    padding-bottom: var(--space80);
}

.std-padding4 {
    padding-bottom: var(--space40);
}

.yxedr-active h2,
.yxedr-active h3,
.yxedr-active h4,
.yxedr-active h5 {
    margin-bottom: var(--parpspace9);
}

.std-text1 p,
.std-text2 p {
    margin-bottom: var(--parpspace12);
}

/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
/*分享翻译*/
.ys-wechat-cont-parga p::before {
    /*分享中文版本*/
    content: '分享到 - 微信';
    /*分享英文版本*/
    /* content: 'Share the - weixin'; */
}

/*导航默认选中*/
.head-nav-item-title.yxnav-active1::before {
    width: 100%;
}

.hnid-li.yxnav-active2 .hnid-link {
    color: var(--colormain1);
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: #BCBCBC;
    opacity: .3;
    padding-left: 40px;
}

/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child) {
    display: none;
}

/* ada */
.ys-nybanner .ys-bread {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.ys-bread-list::before {
    content: '/';
    position: absolute;
    top: 50%;
    right: -7px;
    width: 10px;
    transform: translateY(-50%);
    font-size: var(--font14);
    color: #fff;
    line-height: 1.5;
}

.ys-bread-list a {
    font-size: var(--font14);
    color: #fff !important;
    line-height: 1 !important;
}

.ys-bread-list:nth-child(1)::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -7px;
    margin-right: 4px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fff;
}

.contact-main .ys-bread-list:nth-child(1)::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -7px;
    margin-right: 4px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fff;
}


.ys-bread-list:nth-child(1)::before {
    display: none;
}

.ys-cont1050 {
    width: 1050px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: 30;
}

.corporate-content {
    position: relative;
}

.corporate-content-top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
}

.corporate-content-top-li {
    border-right: 1px solid #DEDEDE;
    width: 25%;
    position: relative;
    cursor: pointer;
}

.corporate-content-top-li:last-child {
    border-right: 1px solid transparent;
}

.corporate-content-top-li a {
    display: block;
    font-size: 18px;
    padding: 29px 0;
    color: #333;
    line-height: 1.75;
    text-align: center;
    transition: all .36s;
    box-shadow: 0px 0 20px 0px rgba(42, 134, 182, 0.10);
    background: #fff;
}

.corporate-content-bottom {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.corporate-content-bottom-li {
    width: 33.333333%;
    padding: 0 50px;
    margin-bottom: var(--space80);
}

.ccbl-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
}

.ccbl-date {
    color: #999;
    line-height: 1.5;
}

.ccbl-title {
    color: #333;
    line-height: 1.75;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    transition: all .36s;

}

.ccbl-text-look {
    color: var(--color2);
    transition: all .4s;
    margin-right: 10px;
}

.ccbl-text {
    display: flex;
    align-items: center;
}

.ccbl-text-icon {
    width: 24px;
    height: 24px;
    position: relative;
}

.ccbl-text-icon img {
    position: absolute;
    transition: all .36s;
}

.ccbl-text-icon img:nth-child(1) {
    opacity: 1;
}

.ccbl-text-icon img:nth-child(2) {
    opacity: 0;
}

.corporate-content-top-li::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 2px;
    transition: all .36s;
    border-radius: 0px 0px 6px 6px;
    background: linear-gradient(90deg, #008AD1 0%, #078F88 100%);
}

.ys-fybtn {
    padding: 0 15px;
}

.yx-paging-pc a {
    float: left;
}

.ys-fybtn a {
    font-size: 14px;
    color: #333;
}

.yx-paging-ph {
    display: none;
}

.yx-paging-ul {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}

.yx-paging-ul li {
    float: left;
    width: 28px;
    height: 28px;
    border: 0px solid transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #0B1839;
    text-align: center;
    margin: 0px 10px;
    border-radius: 4px;
    transition: .3s;
}

.yx-paging-ul li.yx-paging-activepage {
    background-color: var(--colormain1);
    color: #fff;
}

.ys_fybtn {
    padding: 0 15px;
}

.yx_paging_pc a {
    float: left;
}

.ys_fybtn a {
    font-size: 14px;
    color: #333;
}

.yx_paging_ph {
    display: none;
}

.yx_paging_ul {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}

.yx_paging_ul li {
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
}

.yx_paging_first li::before,
.yx_paging_next li::before,
.yx_paging_prev li::before,
.yx_paging_end li::before {
    font-family: "iconfont";
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

.yx_paging_first li::before {
    content: "\e74d";
}

.yx_paging_next li::before {
    content: "\e743";
}

.yx_paging_prev li::before {
    content: "\e744";
}

.yx_paging_end li::before {
    content: "\e74c";
}

.ys-nyban-title h1 {
    font-size: var(--font48);
    font-weight: bold;
    line-height: 1.75;
}

.details-main .ys-nyban-title p {
    font-size: var(--font20);
    line-height: 1.5;
}

.details-share {
    position: relative;
}

.details-main .details-share-content {
    position: absolute;
    bottom: 22px;
    right: 0;
}

.details-share-content li {
    color: #fff;
    margin-right: 20px;
}

.details-bottom {
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.2);
    padding-top: var(--space40);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-bottom-li {
    width: 35%;
}

.details-bottom-li a {
    width: 100%;
    display: flex;
}

.details-bottom-li-title {
    width: 64px;
    color: #333;
    line-height: 1.75;
    transition: all .36s;
}

.details-bottom-li-text {
    width: calc(100% - 64px);
    color: #333;
    line-height: 1.75;
    transition: all .36s;
}


.details-top img {
    border-radius: 6px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.contact-content-bottom .ccbl-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: var(--space40);
}

.cult-text-name {
    width: fit-content;
}

.ccbl-ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.ccbl-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative;
}

.cult-text {
    display: flex;
    align-items: center;
    padding: 0 24px;
    color: #999;
    border-bottom: 1px solid rgba(138, 132, 132, 0.20);
}

.act .cult-text {
    width: 40%;
}

.cult-text-input {
    flex: 1;
}

.cult-text input {
    color: #999;
    width: 100%;
    height: 52px;
    padding-left: 10px;
    font-size: var(--font16);
}

.ccbl-ul-li span {
    color: #D90000;
    margin-left: 8px;
}

.contact-content-bottom {
    display: flex;
}

.contact-content-bottom-left {
    width: 60%;
    margin-right: 76px;
}

.contact-content-bottom-right {
    margin-top: 54px;
    width: 40%;
    position: relative;
    height: fit-content;
    box-shadow: 0px 4px 25px 0px rgba(42, 134, 182, 0.20);
}

.ccbr-img img {
    border-radius: 6px;
    width: 100%;
}


.ccbr-content {
    width: calc(100% - 92px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
}

.ccbr-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(25px);
    z-index: -1;
}

.ccbl-ul-li-top {
    cursor: pointer;
    position: relative;
}

.ccbl-ul-li-content {
    position: relative;
}

.ccbl-ul-li-content.on .cult-icon {
    transform: translateY(50%) rotate(180deg);
}

.cult-icon {
    position: absolute;
    top: 0;
    right: 20px;
    transform: translateY(50%);
    transition: all .36s;
}

.ccbl-ul-li-bottom {
    width: 100%;
    position: absolute;
    display: none;
    z-index: 5;
    box-shadow: 0px 5px 10px 0px rgba(42, 134, 182, 0.20);
}

.ccbl-ul-li-bottom .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.jcil-cont-bom-ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 8px;
    border-radius: 6px !important;
    background-color: var(--colormain1) !important;
}

.culb-ul {
    height: 140px;
    padding: 16px 24px;
    border-radius: 0px 0px 6px 6px;
    background: #FFF;
}

.culb-ul-li {
    font-size: var(--font16);
    color: #999;
    line-height: 2.4;
    cursor: pointer;
    transition: all .36s;
}

.contact-content-bottom textarea {
    resize: none;
    margin-top: 20px;
    width: 100%;
    height: 170px;
    padding: 24px;
    font-size: var(--font16);
    color: #999;
    line-height: 1.8;
    border-radius: 8px;
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: var(--ffffff, #FFF);
}

.contact-content-bottom textarea::placeholder {
    font-size: var(--font16);
    color: #999;
    line-height: 1.8;
}

.ccbl-ul-li:nth-child(5) input {
    pointer-events: none;
}

.ccbl-ul-li:nth-child(6) input {
    pointer-events: none;
}

.ccbl-ul-li:nth-child(7) {
    width: 100%;
    margin-bottom: var(--space40);
}

.ccbl-ul-li:nth-child(8) {
    width: 100%;
    margin-bottom: 35px;
}

.ys-cont1050 .act.corporate-content-top-li::after {
    width: 100%;
}

.ys-cont1050 .act.corporate-content-top-li a {
    color: var(--colormain1);
}

.ccbr-content-title {
    color: #333;
    line-height: 1.75;
}

.ccbr-content-text {
    color: var(--color2);
    margin-top: 20px;
}

.ccbr-content-text a {
    color: var(--color2);
}

.cult-code {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 132px;
    left: calc(40% + 20px);
}

.cult-code img {
    width: 100%;
}

.ccbl-ul-li-link {
    display: flex;
    align-items: center;
}

.cull-box {
    width: 14px;
    height: 14px;
    border: 1px solid rgba(79, 87, 89, 1);
    border-radius: 100%;
    margin-right: 12px;
    position: relative;
    cursor: pointer;
    transition: all .36s;
}

.cull-text a {
    color: var(--colormain1);
}

.cull-text {
    color: #999;
}

.culb-text {
    color: #fff;
    margin-right: 10px;
}

.culb-icon {
    width: 24px;
}

.ccbl-ul-li-button {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    border-radius: 4px;
    background-color: var(--colormain1);
}

.cull-box::after {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--colormain1);
    opacity: 0;
    transition: all .36s;
}

.ccbl-ul-li-link.on .cull-box::after {
    opacity: 1;
}

.ccbl-ul-li-link.on .cull-box {
    border: 1px solid var(--colormain1);
}

.ccbl-ul-li:nth-child(9) {
    margin-bottom: -35px;
}

.ccbl-ul-li:nth-child(10) {
    margin-bottom: 0;
}


.buss-cont-head {
    width: 100%;
    height: 60px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    justify-content: center;
    align-items: center;
}

.buss-cont-head-title {
    position: relative;
    font-size: 18px;
    color: #333;
    padding: 0 60px;
    transition: all .36s;
    border-right: 1px solid rgba(79, 87, 89, 0.20);
}

.buss-cont-head-title:nth-child(2) {
    border-right: 0;
}

.buss-cont-head-title::after {
    content: "";
    width: 60%;
    position: absolute;
    height: 2px;
    bottom: -120%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--colormain1);
    opacity: 0;
    transition: all .36s;
}

.buss-cont-top {
    position: relative;
}

.buss-cont-top-bj {
    position: absolute;
    pointer-events: none;
}

.buss-cont-top-cont {
    width: 100%;
}

.buss-cont-top-bj img {
    width: 100%;
    pointer-events: none;
}

.culb-cont {
    display: flex;
    align-items: center;
    text-align: center;
}

.bctc-title {
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: var(--space40);
}

.bctc-pc {
    position: relative;
}

.bctc-pc img {
    position: absolute;
    top: 0;
    left: 0;
}

.buss-cont-middle {
    position: relative;
}

.buss-cont-middle .bctc-title {
    text-align: left;
}

.buss-cont-middle .bctc-text {
    text-align: left;
}

.buss-cont-mid-bj {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    width: 100%;
}

.buss-cont-mid-bj img {
    object-fit: cover;
    height: 100%;
}


.buss-cont-middle-cont {
    position: relative;
    overflow: hidden;
    z-index: 20;
}

.bcmc-img {
    position: absolute;
    top: 0;
    left: 0;
}

.buss-cont-mid-bj img {
    width: 100%;
}

.buss-cont-mid-img {
    padding-top: 170px;
    padding-bottom: var(--space80);
}

.buss-cont-mid-cont {
    position: absolute;
}

.bcbc-cont {
    display: flex;
    position: relative;
    margin-bottom: var(--space40);
    z-index: 3;
    transition: all .36s;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.bcbc-cont::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    transition: all .36s;
    opacity: 0;
    z-index: 2;
    background: linear-gradient(154deg, #008AD1 16.59%, #00476B 134.7%);
}

.bcbc-cont-left {
    width: 49%;
    z-index: 10;
}

.bcbc-cont-left img {
    border-radius: 6px;
}

.bcbc-cont-right {
    width: 51%;
    padding: 30px 40px;
    z-index: 10;
}

.bcbc-cont-right-title {
    color: var(--color2);
    line-height: 1.75;
    margin-bottom: 12px;
    transition: all .36s;
}

.yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 24px;
}

.bcbc-cont .bcbc-cont-right-text.yxedr-active ul li {
    transition: all .36s;
    color: #999;
}

.bcbc-cont .yxedr-active p {
    color: #999;
    transition: all .36s;
}

@keyframes slide-up {
    0% {
        transform: translateY(100%);
        /* 从下到当前位置 */
        opacity: 0;
        /* 开始时完全透明 */
    }

    100% {
        transform: translateY(0);
        /* 移动到原位置 */
        opacity: 1;
        /* 结束时完全不透明 */
    }
}

@keyframes slide-left {
    0% {
        transform: translatex(-100%);
        opacity: 0;
    }

    100% {
        transform: translatex(0%);
        opacity: 1;
    }
}

@keyframes slide-right {
    0% {
        transform: translatex(100%);
        opacity: 0;
    }

    100% {
        transform: translatex(0);
        /* 移动到原位置 */
        opacity: 1;
        /* 结束时完全不透明 */
    }
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
        /* 从下到当前位置 */
        opacity: 0;
        /* 开始时完全透明 */
    }

    100% {
        transform: translateY(0);
        /* 移动到原位置 */
        opacity: 1;
        /* 结束时完全不透明 */
    }
}

.mid-text .buss-cont-mid-text {
    position: absolute;
    top: 40px;
}

.bctc-ph {
    display: none;
}

.mid-text .bctc-title {
    color: #fff;
}

.bctc-title p {
    z-index: 20;
    position: relative;
}

.bctc-title.text13_on {
    transition: all .1s ease;
}

.bctc-pc img:nth-child(1) {
    position: relative;
}

.bctc-title p {
    line-height: 1.75;
    font-weight: bold;
}

.buss-cont-middle-cont .bctc-title p {
    color: #fff;
}

.bctc-title1 .bctc-title {
    --move1: calc(var(--cha) * var(--pro));
    transform: translateY(var(--move1));
}

.bctc-title2 .bctc-title {
    --move2: calc(calc(var(--cha) * var(--pro)) - var(--cha));
    transform: translateY(var(--move2));
}

.talent-flex {
    display: flex;
    padding-top: var(--space80);
    padding-bottom: var(--space80);
}

.talent-flex2 {
    display: flex;
    flex-direction: row-reverse;
}

.tal-module {
    background-color: #F9F9F9;
    flex-direction: row-reverse;
}

.talent-content-foot {
    padding: var(--space120) 0;
}

.tal-module-left {
    width: 50%;
}

.tal-module-left img {
    width: 100%;
    border-radius: 6px;
}

.tal-module-right {
    width: 50%;
    padding-left: 210px;
    padding-top: var(--space40);
}

.tal-module-right-title {
    width: fit-content;
    font-weight: bold;
    color: #333;
    margin-bottom: 26px;
    line-height: 1.75;
    position: relative;
}

.tal-module-right-text.yxedr-active p {
    font-size: var(--font20);
    color: var(--color2);
    font-weight: bold;
    line-height: 1.75;
    margin-bottom: 15px;
}

.talent-color {
    background-color: #F9F9F9;
}

.talent-foot {
    display: flex;
    border-radius: 6px;
    background: linear-gradient(154deg, #008AD1 16.59%, #00476B 134.7%);
}

.talent-foot-left {
    width: 50%;
    position: relative;
}

.talent-foot-left-img img {
    border-radius: 6px;
}

.talent-foot-right {
    width: 50%;
    position: relative;
    padding-top: 86px;
    padding-left: var(--space80);
}

.talent-foot-right-icon {
    position: absolute;
    bottom: 0;
    width: 124%;
    left: 0;
}

.talent-foot-right-icon img {
    width: 100%;
    opacity: 0.1;
}

.talent-foot-left-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    padding: 30px 0;
    width: 316px;
    background: linear-gradient(90deg, #2A87B7 0%, #00968F 100%);
}

.tflb-icon {
    width: 24px;
}

.tflb-text {
    color: #fff;
    margin-left: 10px;
}

.talent-foot-right-title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 37px;
    line-height: 1.75;
}

.talent-foot-right-text {
    color: #fff;
    margin-bottom: 12px;
}

.talent-foot-right-text a {
    color: #fff;
}

.tmrt-ul-li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--color2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 8px;
}

.tmrt-ul-li {
    position: relative;
}

.tmrt-ul-li p {
    font-size: var(--font20);
    font-weight: bold;
    line-height: 1.75;
    color: var(--color2);
    margin-left: 28px;
    margin-bottom: 10px;
}

.tal-module-right-title::after {
    position: absolute;
    content: " ";
    margin-top: 4px;
    display: block;
    width: calc(100% + 64px);
    height: 2px;
    background: linear-gradient(90deg, #2A87B7 0%, #00968F 100%);
}

.join-content {
    background-color: #F5FAFD;
}

.join-cont-title {
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
    margin-bottom: var(--space40);
}

.join-cont-in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -50px;
    padding-bottom: var(--space40);
    position: relative;
    z-index: 10;
}

.join-cont-in-li:last-child {
    margin-bottom: 0;
}

.join-cont-in-li {
    margin-bottom: 12px;
    width: 33.333333%;
    padding: 0 50px;
    position: relative;
}

.jcil-cont {
    width: 100%;
}

.jcil-cont-top {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 40px;
    transition: all .36s;
    border: 1px solid rgba(138, 132, 132, 0.20);
}

.jcil-cont-top-input {
    flex: 1;
}

.jcil-cont-top-input input {
    width: 100%;
    height: 47px;
    font-size: var(--font16);
    color: #999;
    line-height: 1.8;
}

.jcil-cont .act .jcil-cont-top-input input {
    pointer-events: none;
}


.jcil-cont-top-input input::placeholder {
    color: #999;
    font-size: var(--font16);
}

.jcil-cont-top-img {
    cursor: pointer;
    width: 24px;
    position: relative;

}

.jcil-cont-top-img img {
    transition: all .36s;
}

.jcil-text {
    line-height: 1.75;
    margin-right: 20px;
}

.join-cont-in-li {
    display: flex;
    align-items: center;
}

.jcil-down {
    flex: 1;
    position: relative;
}

.swiper-button-prev.swiper-button-disabled::after {
    transition: all .36s;
    background: url(../image/b2_1_arrow_03.svg) center / cover no-repeat;
    color: transparent;
}

.swiper-button-next.swiper-button-disabled::after {
    transition: all .36s;
    background: url(../image/b2_1_arrow_04.svg) center / cover no-repeat;
    color: transparent;
}

.test-main .swiper-button-next:after,
.test-main .swiper-button-prev:after {
    color: transparent;
}

.jcil-cont-bottom {
    position: absolute;
    width: 80%;
    left: 50%;
    transform: translatex(-50%);
    display: none;
    z-index: 20;
    box-shadow: 0px 5px 10px 0px rgba(42, 134, 182, 0.20);
    border-radius: 0 0 6px 6px;
}

.jcil-cont-bom-ul {
    margin-top: 1px;
    padding: 10px 30px;
    border-radius: 0px 0px 6px 6px;
    background: #FFF;
}

.jcbu-li {
    padding-bottom: 10px;
    color: #999;
    line-height: 1.8;
    cursor: pointer;
    transition: all .36s;
}

.jcil-cont.on .jcil-cont-top-img img {
    transform: rotate(180deg);
}

.join-cont-card {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.join-cont-card .act .jccl-cont-title {
    color: var(--colormain1);
}

.join-cont-card .act .jccl-cont-button {
    background-color: var(--colormain1);
    border: 1px solid transparent;
}

.join-cont-card .act .jccl-cont-button a {
    color: #fff;
}


.join-cont-card-li {
    padding: 0 50px;
    width: 33.333333%;
    margin-bottom: var(--space80);
    position: relative;
}

.jccl-cont {
    width: 100%;
    height: 100%;
    position: relative;
    padding: var(--space40);
    border-radius: 6px;
    background: #FFF;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.jccl-cont-title {
    font-weight: bold;
    margin-bottom: 10px;
    transition: all .36s;
}

.jccl-cont-text {
    color: #999;
    display: flex;
    align-items: center;
    margin-bottom: 140px;
}

.jccl-cont-text-add::after {
    content: "";
    display: inline-block;
    width: 1px;
    background-color: #999;
    height: 12px;
    margin: 0 10px;
}

.jccl-cont-text-degree::after {
    content: "";
    display: inline-block;
    width: 1px;
    background-color: #999;
    height: 12px;
    margin: 0 10px;
}

.jccl-cont-button {
    width: 120px;
    padding: 7px 0;
    position: absolute;
    right: 90px;
    bottom: var(--space40);
    border-radius: 4px;
    background: #fff;
    border: 1px solid var(--color2);
    transition: all .36s;
}

.jccl-cont-button a {
    color: var(--color2);
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    transition: all .36s;
}

.join-cont-card .act .jccl-cont-icon {
    opacity: 0.04;
}

.jccl-cont-icon {
    left: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    width: 140%;
    transition: all .36s;
    pointer-events: none;
}

.jccl-cont-icon img {
    width: 100%;
    pointer-events: none;
}

.services-cont-title {
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 20px;
}

.services-cont-text {
    color: var(--color2);
    line-height: 1.75;
    margin-bottom: var(--space40);
}

.services-cont-img {
    width: 100%;
    position: relative;
}

.services-cont-img-case img {
    width: 100%;
    border-radius: 6px;
}

.talent-cont-ul-li {
    transition: all .36s;
    position: relative;
    z-index: 10;
}

.talent-cont-ul-li:nth-child(even) {
    background-color: #F9F9F9;
    padding-top: var(--space80);
    padding-bottom: var(--space80);
}

.services-cont-text0 {
    width: 20%;
    position: absolute;
}

.services-cont-img-text1 {
    top: 15.7%;
    left: 10%;
}

.services-cont-img-text2 {
    top: 15.7%;
    left: 73.28%;
}

.services-cont-img-text3 {
    top: 57.87%;
    left: 10%;
}

.services-cont-img-text4 {
    top: 57.87%;
    left: 73.28%;
}

.scit-title {
    color: #fff;
    line-height: 1.75;
    margin-bottom: 20px;
}

.services-cont-img .yxedr-active p {
    font-size: var(--font16);
    color: #fff;
    line-height: 1.75;
}

.services-cont-img .yxedr-active ul li {
    color: #fff;
}

.ys-cont700 {
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: 40;
}

.appl-cont-bottom-title {
    font-weight: bold;
    line-height: 1.75;
    margin-bottom: 20px;
}

.acbs-ul-li-text {
    text-align: center;
    transition: all .36s;
    color: var(--color2);
    position: relative;
    z-index: 10;
}

.acbs-ul {
    display: flex;
    margin: 0 -30px;
}

.acbs-ul-li {
    width: 100%;
    height: auto;
    margin: 20px;
}

.acbs-ul-li-img {
    width: 140px;
    margin: 0 auto;
    margin-bottom: 44px;
    position: relative;
    z-index: 10;
}

.acbs-ul-li-cont {
    position: relative;
    padding: 65px 20px 50px;
    display: block;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(42, 134, 182, 0.10), 0px 0px 10px 0px rgba(42, 134, 182, 0.10);
    height: 100%;
}

.acbs-ul-li-cont::before {
    opacity: 0;
    transition: all .36s;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    background: linear-gradient(154deg, #008AD1 16.59%, #00476B 134.7%);
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10), 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.appl-cont-bottom-text {
    line-height: 1.75;
    margin-bottom: var(--space40);
}

.appl-cont-bottom {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
    position: relative;
}

.applications-cont-text {
    text-align: center;
}

.applications-main .bctc-title {
    margin-bottom: 20px;
}

.join-pop .mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
}

.join-pop .iconfont {

    font-weight: bold;
}

.join-pop .iconfont::before {
    content: "";
    display: none;
}

.join-pop .iconfont {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
}

.dscl-code {
    width: 160px;
    position: absolute;
    height: 160px;
    background-color: #fff;
    border-radius: 6px;
    top: -170px;
    left: 50%;
    transform: translate(-50%);
    transition: all .36s;
    opacity: 0;
}

.dscl-code::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
}

.dscl-code-icon1 {
    width: 120px;
    padding: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #adadad;
    border-radius: 6px;
    z-index: 10;
}

.details-share-cont-li {
    position: relative;
}

.dscl-code-icon2 img:nth-child(1) {
    width: 38px;
    position: absolute;
    bottom: 0;
    left: 6px;
}

.dscl-code-icon2 img:nth-child(2) {
    width: 38px;
    position: absolute;
    top: 0;
    right: 6px;
}

.join-pop .ys-modal-content-title {
    font-weight: bold;
    margin-bottom: 12px;
}

.join-pop .ys-modal-content-detail {
    display: flex;
    align-items: center;

}

.join-pop .ymcd-cont {
    display: flex;
    align-items: center;
    margin-right: 12px;
}

.join-pop .ymcd-cont-icon {
    width: 24px;
}

.join-pop .ymcd-cont-text {
    color: #999;
    line-height: 1.75;
    margin-left: 10px;
}

.join-pop .ys-modal-content-year {
    margin-top: 10px;
    margin-bottom: var(--space40);
}

.join-pop .ys-modal-content-Position {
    margin-bottom: 30px;
}

.join-pop .ymcp-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.join-pop .ymcp-text p {
    line-height: 1.75;
}

.ys-modal-pad {
    padding: var(--space40) 0;
    background-color: #fff;
    border-radius: 6px;
}

.ys-modal-content {
    padding: var(--space80) 10px var(--space80) 60px;
}

.join-pop .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: linear-gradient(180deg, #2A87B7 0%, #00968F 100%);
    width: 8px;
}

.join-pop .ys-modal-close {
    right: 20px;
    top: 20px;
}

.dscl-img img {
    width: 24px;
}

.swiper-button-next,
.swiper-button-prev {
    top: 60% !important;
    cursor: pointer;
    transition: all .36s;
}

.about-history .swiper-button-next:after {
    position: absolute;
    content: "" !important;
    width: 42px;
    height: 42px;
    background: url(../image/b2_1_arrow_04.svg) no-repeat center;
    background-size: 100% 100%;
    transition: all .36s;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -62px !important;
}

.about-history .swiper-button-prev:after {
    position: absolute;
    content: "" !important;
    width: 42px;
    height: 42px;
    background: url(../image/b2_1_arrow_03.svg) no-repeat center;
    background-size: 100% 100%;
    transition: all .36s;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -62px !important;
}

.appl-cont-bottom-swiper .swiper-wrapper {
    /* position: relative; */
    display: flex;
}

.swiper-slide-cont {
    height: 100%;
}

.acbs-ul-li-img img {
    transition: all .36s;
}

.acbs-ul-li-img img:nth-child(1) {
    opacity: 1;
}

.acbs-ul-li-img img:nth-child(2) {
    opacity: 0;
}

.test-cont-top {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}

.test-cont-top-title {
    margin-bottom: var(--space40);
    line-height: 1.75;
    text-align: center;
    font-weight: bold;
}

.test-cont-top-img {
    width: 100%;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.test-cont-top-img img {
    padding: 46px 43px;
}

.test-cont-bottom {
    position: relative;
    padding-top: var(--space80);
    padding-bottom: var(--space80);
    background-color: #F9F9F9;
}

.bctc-word {
    margin-bottom: var(--space40);
}

.test-swiper-title {
    text-align: center;
    font-weight: bold;
    line-height: 1.75;
    margin-bottom: var(--space40);
}

.test-swiper {
    position: relative;
}

.tcbu-li-cont-title {
    line-height: 1.75;
    color: var(--color2);
    margin-bottom: 10px;
}

.tcbu-li-cont {
    padding: 20px 40px;
}

.tcbu-li-cont-text p::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.tcbu-li-cont-text p {
    position: relative;
    font-size: var(--font16);
    color: #999;
    padding-left: 12px;
    margin-bottom: 10px;
}

.tcbu-li-img {
    border-radius: 6px 6px 0 0;
}

.tcbu-li {
    width: 100%;
    padding: 0 30px;
    width: 25%;
    margin-bottom: 18px;
}

.tcbu-li-content {
    height: 100%;
    display: block;
    border-radius: 6px;
    background: #FFF;
    margin-bottom: 20px;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.test-main .swiper-button-next {
    top: 60% !important;
    left: 104% !important;
}

.test-main .swiper-button-prev {
    top: 60% !important;
    left: -5% !important;
}

.active {
    display: block;
}

.test-main .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}

.applications-main .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}

.scic-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.services-cont-img-case {
    position: relative;
}

.services-content.on .scic-img2 {
    -webkit-animation: clockwiseRotate 40s infinite linear both;
    animation: clockwiseRotate 40s infinite linear both;
}

@keyframes clockwiseRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.scic-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.services-content.on .scic-img {
    -webkit-animation: clockwiseRotate1 .8s 1 cubic-bezier(.64, .19, .34, .84) both;
    animation: clockwiseRotate1 .8s 1 cubic-bezier(.64, .19, .34, .84) both;
}

@keyframes clockwiseRotate1 {
    0% {
        -webkit-transform: scale(.3) rotate(0);
        transform: scale(.3) rotate(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg);
        opacity: 1;
    }
}

.services-content.on .scic-img1 {
    -webkit-animation: clockwiseRotate2 3s cubic-bezier(.64, .19, .34, .84) .5s infinite;
    animation: clockwiseRotate2 3s cubic-bezier(.64, .19, .34, .84) .5s infinite;
}

@keyframes clockwiseRotate2 {
    0% {
        opacity: .5;
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opacity: .5;
        transform: scale(0.95);
    }
}

.services-cont-img-case {
    overflow: hidden;
}

.jcbu-li:last-child {
    padding-bottom: 0;
}

.jcil-cont-bom-ul {
    height: 155px;
}

.join-pop .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #EDEDED !important;
}

.ys-wechat {
    background: rgba(0, 0, 0, .5);
}

.ys-cont1620 {
    width: 1620px;
    margin: 0 auto;
}

.head-nav,
.ys-hd-pc .ys-cont1620,
.head-right,
.head-lang a {
    display: flex;
}

.ys-hd-pc .ys-cont1620 {
    justify-content: space-between;
}

.head-search-icon,
.head-lang-icon,
.head-menu {
    width: 24px;
    cursor: pointer;
}

.head-nav-item-title,
.head-lang .std-text1,
.head-menu,
.head-lang-icon {
    line-height: var(--line80);
}

.head-search {
    margin-top: 23px;
    position: relative;
}

.head-nav-item {
    padding: 0 42px;
}

.head-nav-item-title {
    padding: 0 18px;
    position: relative;
}

.head-nav-item-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #2A86B6;
}

.head-logo {
    width: 140px;
}

.head-nav {
    margin: 0 60px 0 -60px;
}

.head-search {
    width: 188px;
    height: 34px;
    margin-right: 20px;
}

.head-search input {
    border-radius: 50px;
    border: 1px solid var(--color3);
    height: 100%;
    padding: 0 50px 0 20px;
    width: 100%;
    color: var(--color2);
    font-size: var(--font16);
}

.head-lang-icon {
    margin-right: 10px;
}

.head-lang {
    padding-right: 30px;
    margin-right: 20px;
    padding-left: 20px;
    position: relative;
}

.head-lang::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 26px;
    background: #D7D7D7;
}

.head-lang::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 26px;
    background: #D7D7D7;
}

.head-lang a {
    align-items: center;
}

.head-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.head-logo a {
    display: block;
    line-height: var(--line80);
}

.head-nav-item-title {
    color: var(--color3);
    font-size: var(--font16);
    display: block;
}

.head-logo img:first-child,
.head-search-icon img:first-child,
.head-lang-icon img:first-child,
.head-menu img:first-child {
    opacity: 0;
}

.ys-hd-pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.head-lang .std-text1 {
    color: var(--color3);
}

.head-nav-item-down {
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

.hnid-ul {
    padding: 40px 30px;
}

.hnid-link {
    color: var(--color2);
    font-size: var(--font16);
    white-space: nowrap;
}

.menu-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}

.menu-pop.on {
    z-index: 999;
}

.menu-pop-cont {
    width: 950px;
    opacity: 0;
}

.menu-pop-ul {
    display: flex;
    margin: 0 -80px;
    justify-content: center;
}

.menu-pop-li {
    padding: 0 80px;
}

.menu-pop-li .std-h4 {
    display: block;
    margin-bottom: 30px;
    color: var(--color3);
    font-weight: bold;
}

.menu-pop-li li .std-h5 {
    color: rgba(255, 255, 255, .5);
}

.menu-pop-li li {
    margin-bottom: 24px;
}

.menu-pop-close {
    position: absolute;
    bottom: -130px;
    left: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    transition: all .5s;
}

.menu-pop-li li.yxnav-active2 .std-h5 {
    color: var(--color3);
}

.ys-footer {
    background: #464D5B;
    position: relative;
    padding-top: 100px;
}

.ys-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #2A87B7 72.5%, #00968F 100%);
    width: 100%;
    height: 10px;
}

.foot-top {
    display: flex;
    justify-content: space-between;
}

.foot-left-logo {
    width: 194px;
    margin-bottom: 40px;
}

.foot-left-logo a {
    display: block;
}

.foot-left-logo img {
    width: 100%;
}

.foot-left-img {
    width: 120px;
}

.foot-right>ul {
    display: flex;
    /* padding-left: 20%; */
}

.foot-right>ul>li {
    padding: 0 80px;
}

.foot-right a {
    display: block;
    color: var(--color3);
    font-size: var(--font16);
    margin-bottom: 16px;
    line-height: var(--line14);
}

.foot-right>ul>li>a {
    margin-bottom: 20px;
    font-size: var(--font20);
    font-weight: bold;
}

.foot-share {
    display: flex;
}

.ys-footer .dscl-img {
    width: 32px;
}

.ys-footer .details-share-cont-li {
    margin-right: 55px;
}

.foot-bot p,
.foot-bot span,
.foot-bot p a {
    color: rgba(255, 255, 255, .7);
    font-size: var(--font14);
}

.foot-bot {
    display: flex;
    justify-content: space-between;
}

.foot-bot ul {
    display: flex;
    margin: 0 -20px;
}

.foot-bot li {
    padding: 0 20px;
}

.foot-bot span {
    padding-right: 22px;
}

.foot-bot {
    padding: 30px 0;
}

.foot-top {
    margin-bottom: 100px;
}

.foot-bot li a {
    color: var(--color3);
    opacity: .7;
    font-size: var(--font14);
}

.inside-main .ys-main {
    margin-top: var(--line80);
}

.ys-hd-pc.isfixed .head-logo img:first-child,
.ys-hd-pc.isfixed .head-search-icon img:first-child,
.ys-hd-pc.isfixed .head-lang-icon img:first-child,
.ys-hd-pc.isfixed .head-menu img:first-child,
.inside-main .ys-hd-pc .head-logo img:first-child,
.inside-main .ys-hd-pc .head-search-icon img:first-child,
.inside-main .ys-hd-pc .head-lang-icon img:first-child,
.inside-main .ys-hd-pc .head-menu img:first-child {
    opacity: 1;
}

.ys-hd-pc.isfixed .head-logo img:last-child,
.ys-hd-pc.isfixed .head-search-icon img:last-child,
.ys-hd-pc.isfixed .head-lang-icon img:last-child,
.ys-hd-pc.isfixed .head-menu img:last-child,
.inside-main .ys-hd-pc .head-logo img:last-child,
.inside-main .ys-hd-pc .head-search-icon img:last-child,
.inside-main .ys-hd-pc .head-lang-icon img:last-child,
.inside-main .ys-hd-pc .head-menu img:last-child {
    opacity: 0;
}

.ys-hd-pc.isfixed,
.inside-main .ys-hd-pc {
    background: var(--color3);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

.ys-hd-pc.isfixed .head-nav-item-title,
.inside-main .ys-hd-pc .head-nav-item-title {
    color: var(--color1);
}

.ys-hd-pc.isfixed .head-search input,
.inside-main .ys-hd-pc .head-search input {
    border-color: var(--color2);
}

.ys-hd-pc.isfixed .head-search input::-webkit-input-placeholder,
.inside-main .ys-hd-pc .head-search input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
}

.ys-hd-pc.isfixed .head-search input::-moz-placeholder,
.inside-main .ys-hd-pc .head-search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

.ys-hd-pc.isfixed .head-search input:-ms-input-placeholder,
.inside-main .ys-hd-pc .head-search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
}

.ys-hd-pc.isfixed .head-lang .std-text1,
.inside-main .ys-hd-pc .head-lang .std-text1 {
    color: #999999;
}

.ys-phnav-menu {
    background: var(--colormain1);
}

.bctc-pc img {
    opacity: 0;
    transform: translateY(60px);
}

.bctc-pc3 {
    opacity: 0;
    transform: translateX(60px);
}

/* B3 1 */
.buss-cont-top.on .bctc-pc1 {
    animation: effect1 .6s ease-in-out 0s 1 normal forwards;
}

.buss-cont-top.on .bctc-pc2 {
    animation: effect1 .6s ease-in-out .5s 1 normal forwards;
}

.buss-cont-top.on .bctc-pc4 {
    animation: effect1 .6s ease-in-out 1.5s 1 normal forwards;
}

.buss-cont-top.on .bctc-pc5 {
    animation: effect1 .6s ease-in-out 2s 1 normal forwards;
}

.buss-cont-top.on .bctc-pc3 {
    animation: effect2 .6s ease-in-out 1s 1 normal forwards;
}

/* B3 2 */
.buss-cont-middle.on .bctc-pc-img1 {
    animation: effect3 .6s ease-in-out 0s 1 normal forwards;
}

.buss-cont-middle.on .bctc-pc-img2 {
    animation: effect3 .3s ease-in-out .5s 1 normal forwards;
}

.buss-cont-middle.on .bctc-pc-img3 {
    animation: effect2 .6s ease-in-out .7s 1 normal forwards;
}

.buss-cont-middle.on .bctc-pc-img4 {
    animation: effect2 .3s ease-in-out 1.2s 1 normal forwards;
}

.buss-cont-middle.on .bctc-pc-img5 {
    animation: effect2 .6s ease-in-out 1.4s 1 normal forwards;
}

.buss-cont-middle.on .bctc-pc-img6 {
    animation: effect2 .3s ease-in-out 1.9s 1 normal forwards;
}

.buss-cont-middle.on .bctc-pc-img7 {
    animation: effect2 .6s ease-in-out 2.1s 1 normal forwards;
}

.buss-cont-middle.on .bctc-pc-img8 {
    animation: effect1 .3s ease-in-out 2.6s 1 normal forwards;
}

/* B4 1 */
.buss-cont-top.on .bctc-pc-pic1 {
    animation: effect3 .6s ease-in-out 0s 1 normal forwards;
}

.buss-cont-top.on .bctc-pc-pic2 {
    animation: effect3 .3s ease-in-out .5s 1 normal forwards;
}

.buss-cont-top.on .bctc-pc-pic3 {
    animation: effect3 .6s ease-in-out .8s 1 normal forwards;
}

/* .buss-cont-top.on .bctc-pc-pic4{
    animation: effect4 .3s ease-in-out 1.3s 1 normal forwards;
} */
.buss-cont-top .bctc-pc-pic4 {
    transform: translateY(0px);
    opacity: 1;
}

/* B4 2 */
.applications-main .buss-cont-middle .bctc-pc img {
    opacity: 1;
    transform: translateY(0px);
}

/* c */
.creat-plat.on .bctc-pc1 {
    animation: effect4 .6s ease-in-out 0s 1 normal forwards;
}

.creat-plat.on .bctc-pc2 {
    animation: effect4 .6s ease-in-out .5s 1 normal forwards;
}

.creat-plat.on .bctc-pc3 {
    animation: effect4 .6s ease-in-out 1s 1 normal forwards;
}

.creat-plan.on .bctc-pc1 {
    animation: effect3 .6s ease-in-out 0s 1 normal forwards;
}

.creat-plan.on .bctc-pc2 {
    animation: effect3 .6s ease-in-out .5s 1 normal forwards;
}

.creat-plan.on .bctc-pc3 {
    animation: effect3 .6s ease-in-out 1s 1 normal forwards;
}

/* B2-1 */
.chip-flow.on .bctc-pc1 {
    animation: effect1 .6s ease-in-out .3s 1 normal forwards;
}

.chip-flow.on .bctc-pc2 {
    animation: effect1 .3s ease-in-out .8s 1 normal forwards;
}

.chip-flow.on .bctc-pc3 {
    animation: effect1 .6s ease-in-out 1.1s 1 normal forwards;
}

@keyframes effect1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes effect2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes effect3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes effect4 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.applica-car-title-text ul li {
    list-style-type: disc;
}

.applica-car-bj-ph {
    display: none;
}

.applica-car {
    position: relative;
}

.applica-car-title {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
}

.applica-car-bj {
    position: relative;
    width: 100%;
    height: 725px;
    overflow: hidden;
}

.acci-li {
    position: absolute;
    border-radius: 6px;
    background: var(--color3);
    padding: 0 45px;
    transition: all .36s;
}

.acci-li::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    transition: all .36s;
    opacity: 0;
    background: linear-gradient(154deg, #008AD1 16.59%, #00476B 134.7%);
}

.acci-li .std-h5 {
    line-height: 55px;
    transition: all .36s;
    position: relative;
    z-index: 5;
}

.applications-main .swiper-button-next,
.applications-main .swiper-button-prev {
    top: 50% !important;
    cursor: pointer;
    transition: all .36s;
}

.applica-car-title-text {
    background: var(--color3);
    border-radius: 6px;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10), 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
    position: relative;
    padding: 40px 55px 20px;
    min-height: 250px;
    width: 460px;
}

.actt-bj {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 212px;
}

.applica-car-title-text li {
    margin-bottom: 12px;
}

.applica-car-title-text li p {
    color: var(--color2);
    font-size: var(--font16);
    line-height: var(--line16);
}

.test-cont-bottom .swiper-pagination-bullet-active {
    background: var(--colormain1);
}

.cta-cue {
    padding: 0 24px;
    color: #D90000;
    font-size: var(--font14);
    line-height: var(--font16);
    margin-top: 10px;
    display: none;
}

.ccbl-ul-li.empty .cull-box {
    border: 1px solid #E80000;
}

.ccbl-ul-li.empty .cta-cue {
    display: block;
}

/* 未填显示提示语 */
.has-required.empty .cta-cue {
    display: block;
}

/* 未填输入框，验证码框变红 */
.has-required.empty .cult-text {
    border-color: var(--colormain1);
}

/* 未填同意隐私政策输入框变红 */
.has-required.empty .form_agree_btn::before {
    border-color: var(--colormain1);
}

.pace-line {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.pace-line-li {
    width: 16px;
    height: 6px;
    position: relative;
    cursor: pointer;
    transition: all .36s;
    margin: 0 6px;
}

.pace-line-li::before {
    height: 100%;
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 80px;
}

.pace-line-li-span {
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 1px;
    border-radius: 80px;
    background: #fff;
    width: 0;
}

.on.pace-line-li {
    width: 128px;
}

.ys-ban-title {
    font-weight: bold;
}

.mod-btn .ys-imgbox-contain {
    width: 24px;
}

.mod-btn .std-text1 {
    line-height: 54px;
    padding-right: 10px;
    color: var(--color3);
}

.mod-btn-box {
    display: flex;
    padding: 0 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    align-items: center;
}

.mod-btn {
    display: inline-block;
}

.ys-ban-txtbox .mod-btn {
    margin-top: 30px;
}

.scrool-sown {
    position: absolute;
    bottom: 40px;
    right: 80px;
    display: flex;
    align-items: center;
}

.scrool-sown .std-text1 {
    color: var(--color3);
    padding-right: 10px;
}

.ys-banner .slick-next {
    right: 68px;
    width: 64px;
    height: 64px;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
}

.ys-banner .slick-next::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 34px;
    background: url(../image/a_arrow_06.svg) center / cover no-repeat;
    opacity: .7;
}

.ys-banner .slick-prev {
    left: 68px;
    width: 64px;
    height: 64px;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    z-index: 10;
}

.ys-banner .slick-prev::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    width: 34px;
    height: 34px;
    background: url(../image/a_arrow_06.svg) center / cover no-repeat;
    opacity: .7;
}

.mod-title .std-h2 {
    font-weight: bold;
}

.home-buss-cont {
    display: flex;
    justify-content: space-between;
}

.home-buss-left,
.home-buss-right {
    width: calc(50% - 30px);
}
.home-buss-left{
    height: 100%;
}
/* .home-buss-right-ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
} */
.home-buss-right-ul li{
    margin-bottom: 25px;
}

.home-buss-right-li a,
.home-buss-left a {
    display: block;
    position: relative;
}

.home-buss-left-text {
    position: absolute;
    bottom: -25px;
    width: 100%;
    padding: 0 20px;
    z-index: 10;
}

.home-buss-left-text .std-h5 {
    color: var(--color3);
    font-weight: bold;
    margin-bottom: 10px;
}

.mod-white-box {
    display: flex;
    align-items: center;
}

.mod-white-box .std-text1 {
    color: var(--color3);
    padding-right: 10px;
}

.home-creat {
    position: relative;
}

.home-creat-bj img {
    width: 100%;
}

.home-creat-bj video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.home-creat .mod-title-left {
    width: 50%;
}

.home-creat .std-h2,
.home-creat .std-text1 p {
    color: var(--color3);
}

.home-creat .mod-title-left {
    margin-bottom: 34px;
}

.home-creat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 67.1875%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
    z-index: 1;
}

.home-creat-cont {
    z-index: 10;
}

.home-buss-right-li a::before,
.home-buss-left a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: 0px 0px 8px 8px;
    background: linear-gradient(180deg, rgba(102, 102, 102, 0.00) 0%, #000 100%);
    z-index: 1;
    opacity: 0;
}

.home-buss-left a::before {
    height: 30%;
}

.home-buss-left .ys-imgbox-cover,
.home-buss-right-li .ys-imgbox-cover {
    border-radius: 8px;
}

.home-news .mod-title {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}

.home-about {
    position: relative;
}

.home-news-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}

.home-news-li {
    width: 50%;
    margin-bottom: var(--space80);
    padding: 0 30px;
}

.home-about-bj img {
    width: 100%;
}

.home-about-bj1,
.home-about-bj2,
.home-about-bj3 {
    position: absolute;
    top: 0;
    left: 0;
}

.home-news-li a {
    display: flex;
}

.mod-blue .ys-imgbox-cover {
    width: 24px !important;
    border-radius: 0;
}

.mod-blue-box {
    display: flex;
    align-items: center;
}

.home-news-li .ys-imgbox-cover {
    width: 46%;
    border-radius: 6px;
    height: 100%;
}

.home-news-text {
    width: 54%;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mod-blue .std-text1 {
    padding-right: 10px;
}

.home-news-text-time {
    color: #999;
    margin-bottom: 10px;
    font-family: var(--familyR) !important;
}

.home-news-text-title .std-h5 {
    margin-bottom: 10px;
    font-weight: bold;
    color: var(--color2);
    max-height: calc(1.4em * 2);
}

.home-news-text-word {
    color: #999;
    height: calc(1.8em * 2);
}

.home-news-text .ys-imgbox-cover img:first-child {
    opacity: 0;
}

.home-about-cont {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.home-about-num {
    display: flex;
}

.home-about-cont .mod-blue {
    margin-top: var(--space40);
}

.home-about-cont .std-text1 {
    color: var(--colormain1);
}

.home-about-li-text .ys-demo-num {
    font-size: 60px;
    color: var(--colormain1);
    font-family: var(--familyB) !important;
}

.halt-text {
    color: var(--colormain1);
    font-size: 40px;
    font-weight: bold;
}

.home-about-li {
    padding-right: 180px;
}

.home-about-li-text {
    margin-bottom: 10px;
}

.home-about-li .std-text1 {
    color: var(--color2);
}

.home-creat-cont .mod-blue .std-text1 {
    color: var(--color3);
}

.home-creat-cont .mod-blue {
    display: inline-block;
}

.home-about-bj1 {
    transform: translateY(10%);
    opacity: 0;
}

.home-about.on .home-about-bj1 {
    animation: cloud1 1s ease-in-out 0s 1 normal forwards;
}

@keyframes cloud1 {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-about-bj2 {
    transform: translate(-5%, 10%);
    opacity: 0;
}

.home-about.on .home-about-bj2 {
    animation: cloud2 1s ease-in-out 0s 1 normal forwards;
}

@keyframes cloud2 {
    0% {
        opacity: 0;
        transform: translate(-5%, 10%);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.home-about-bj3 {
    transform: translate(5%, 10%);
    opacity: 0;
}

.home-about.on .home-about-bj3 {
    animation: cloud3 1s ease-in-out 0s 1 normal forwards;
}

@keyframes cloud3 {
    0% {
        opacity: 0;
        transform: translate(5%, 10%);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.creat-aims,
.creat-plan,
.creat-plat {
    position: relative;
}

.creat-cont {
    position: relative;
}

.act.corporate-content-top-li::after {
    width: 100%;
}

.act.corporate-content-top-li a {
    color: var(--colormain1);
}

.creat-bj,
.creat-bj img {
    width: 100%;
}

.mod-tab {
    position: relative;
    z-index: 99;
}

.creat-plat .std-h3 {
    text-align: center;
}

.creat-cont .std-h3 {
    font-weight: bold;
}

.creat-aims .std-h3,
.creat-plan .std-h3 {
    color: var(--color3);
}

.creat-aims-item {
    display: flex;
    justify-content: space-between;
}

.creat-aims-item-right {
    width: 68.57%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.cair-cont {
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.cair-li {
    position: absolute;
    width: 285px;
}

.cair-li-cont {
    background: var(--color3);
    border-radius: 6px;
    padding: 20px 20px 10px;
    display: flex;
    align-items: flex-start;
}

.cair-li-cont-text {
    padding-left: 10px;
}

.cair-li-cont-text .std-h5 {
    color: var(--color1);
    font-weight: bold;
    margin-bottom: 10px;
}

.cair-li-cont-text .std-text1 p {
    color: #999;
}

.cair-li1 {
    left: 50%;
    top: 0.42%;
    transform: translate(-50%, -70%);
}

.cair-li2 {
    left: 93.29%;
    top: 25.16%;
    transform: translate(-10%, -50%);
}

.cair-li3 {
    left: 93.29%;
    top: 74.84%;
    transform: translate(-10%, -50%);
}

.cair-li4 {
    left: 50%;
    top: 99.79%;
    transform: translate(-50%, -30%);
}

.cair-li5 {
    left: 6.29%;
    top: 74.64%;
    transform: translate(-90%, -50%);
}

.cair-li6 {
    left: 6.08%;
    top: 24.95%;
    transform: translate(-90%, -50%);
}

.cair-cont-lottie {
    width: 100%;
    position: relative;
}

#lottie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.cair-li-cont {
    opacity: 0;
    transform: translateY(30px);
}

/* .cair-li.on .cair-li-cont {
    animation: lottie-item 1s ease-in-out 0s 1 normal forwards;
} */

@keyframes lottie-item {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.creat-eco-left {
    width: 30.7%;
}

.creat-eco-right {
    width: 62.3%;
    height: 600px;
    overflow: hidden;
    position: relative;
}

.creat-eco-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    z-index: 10;
}

.creat-eco-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    z-index: 10;
}

.creat-eco-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.creat-eco-left .std-text1 p {
    color: var(--color2);
}

.home-news .mod-btn .mod-btn-box {
    border-color: var(--color2);
}

.home-news .mod-btn .std-text1 {
    color: var(--color2);
}

.home-news .mod-btn .ys-imgbox-contain img:last-child {
    opacity: 0;
}

.creat-eco-right {
    display: flex;
    margin: 0 -12px;
}

.creat-eco-right-ul {
    padding: 0 12px;
}

.aerl-img {
    border-radius: 6px;
    background: var(--color3);
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.creat-eco-right-li {
    margin-bottom: 24px;
}

.creat-eco-right-cont {
    height: 10000px;
    position: relative;
    width: 33.333333%;
}

.creat-eco-right-cont1 .creat-eco-right-ul,
.creat-eco-right-cont3 .creat-eco-right-ul {
    animation: donghua3 40s linear infinite;
}

.creat-eco-right-cont2 .creat-eco-right-ul {
    animation: donghua4 40s linear infinite;
}

@keyframes donghua3 {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes donghua4 {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

.creat-eco-right-cont2 {
    margin-top: 60px;
}

.creat-eco-right-ul1 {
    position: relative;
    top: 0;
    left: 0;
}

.creat-eco-right-ul2 {
    transform: translateY(100%);
}

.chip-flow .std-h3 {
    text-align: left;
    font-weight: bold;
}

.chip-approve {
    position: relative;
}

.chip-valid-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chip-service-item-li .ys-imgbox-cover {
    width: 60px;
}

.chip-valid-right {
    height: 100%;
    width: 70%;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10), 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
    position: relative;
}

.chip-valid-left {
    width: 30%;
}

.chip-valid-right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.chip-valid-right svg {
    width: 100%;
    height: 100%;
}

.chip-valid-right rect {
    fill: transparent;
    stroke: #868686;
}

.chip-valid-left-li .std-text1 {
    cursor: pointer;
}

.chip-valid-left-li:not(:last-child) {
    margin-bottom: 40px;
}

.chip-valid-left-li .std-text1 {
    color: var(--color2);
    font-weight: bold;
    display: inline-block;
}

.chip-test,
.chip-service {
    background: #F9F9F9;
}

.chip-main .std-h3 {
    font-weight: bold;
}

.chip-valid-left-li.on .std-text1 {
    color: var(--colormain1);
}

.chip-valid-right rect.on {
    fill: #D3F0FF;
    stroke: #008AD1;
}

.chip-valid-left-li {
    position: relative;
}

.chip-valid-left-li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 32%;
    width: 0;
    height: 2px;
    border-radius: 2px;
    transition: all .36s;
    background: linear-gradient(90deg, #008AD1 0%, #078F88 100%);
    z-index: 10;
}

.chip-valid-left-li.on::before {
    width: 70%;
}

.chip-approve {
    position: relative;
}

.chip-approve-top {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.chip-approve-top .std-h3 {
    color: var(--color3);
}

.chip-approve-li:not(:last-child) {
    margin-bottom: 40px;
}

.chip-approve-li {
    width: 353px;
    background: rgba(255, 255, 255, .6);
    border-radius: 6px;
    position: relative;
}

.chip-approve-li .std-h5 {
    line-height: 75px;
    text-align: center;
    position: relative;
    z-index: 10;
}

.chip-approve-li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 6px;
    background: var(--colormain1);
}

.chip-depen-cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chip-depen-right {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10), 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
    width: 50%;
    overflow: hidden;
}

.chip-depen-left {
    width: 50%;
    padding-right: 8%;
}

.chip-depen-left .std-h5 {
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--color2);
}

.chip-service .std-h3 {
    text-align: center;
}

.chip-test .std-h3 {
    margin-bottom: 20px;
}

.chip-test .ys-slick-item {
    width: 33.333333%;
    padding: 0 30px;
}

.chip-test .ys-slick {
    margin: 0 -30px;
}

.chip-test .slick-track,
.appl-cont-bottom .slick-track {
    display: flex;
    margin: 0 auto;
}

.chip-test .slick-prev,
.appl-cont-bottom .slick-prev,
.test-main .swiper-button-prev::after {
    left: -24px;
    width: 42px;
    height: 42px;
    background: url(../image/b2_1_arrow_03.svg) center / cover no-repeat;
    transition: all .36s;
}

.appl-cont-bottom .slick-prev {
    left: -48px;
}

.chip-test .slick-next,
.appl-cont-bottom .slick-next,
.test-main .swiper-button-next::after {
    right: -24px;
    width: 42px;
    height: 42px;
    background: url(../image/b2_1_arrow_04.svg) center / cover no-repeat;
    transition: all .36s;
}

.appl-cont-bottom .slick-next {
    right: -48px;
}

.chip-test .slick-next.slick-disabled,
.chip-test .slick-prev.slick-disabled,
.appl-cont-bottom .slick-next.slick-disabled,
.appl-cont-bottom .slick-prev.slick-disabled {
    pointer-events: none;
    opacity: .5;
}

.cslt-ul {
    display: flex;
}

.cslt-li {
    width: 14.285714%;
    text-align: center;
    cursor: pointer;
}

.chip-service-line-top,
.chip-service-line {
    margin-bottom: var(--space40);
}

.chip-service-line-top {
    height: 4px;
    position: relative;
    border-radius: 80px;
    background: linear-gradient(268deg, rgba(0, 138, 209, 0.20) 1.53%, rgba(7, 143, 136, 0.20) 102.6%);
}

.cslt-img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(7, 143, 136, .2);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
    transition: all 0.36s;
}

.cslt-img::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background: rgba(7, 143, 136, .2);
    border-radius: 50%;
}

.cslt-img::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #078F88;
    border-radius: 50%;
}

.cslt-li .std-text1 {
    color: var(--color2);
    font-weight: bold;
}

.cslt-li.on .std-text1 {
    color: var(--colormain1);
}

.chip-service-item {
    /* width: 100%; */
    position: relative;
    min-height: 360px;
}

.chip-service-item-li {
    width: 23%;
    transition: all 0.56s;
    /* height: 100%; */
    /* position: absolute;
    top: 0;
    left: 0; */
    /* transition: left 1.2s;
    transition-delay: 0.2s; */
}

.csil-wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.csil-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 4px;
    border-radius: 6px;
    z-index: -1;
    background: linear-gradient(154deg, #008AD1 16.59%, #00476B 134.7%);
}

.chip-service-item-li.on .csil-wrap {
    z-index: 30;
    transition: all 0.36s;
    /* background: linear-gradient(154deg, #008AD1 16.59%, #00476B 134.7%); */
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.chip-service-item-li.on .csil-wrap::after {
    width: 100%;
    height: 100%;
    transition: all 0.9s;
    /* border-radius: 0; */
}

.chip-service-item-li1 {
    z-index: 10;
}

.chip-service-item-li2 {
    z-index: 9;
}

.chip-service-item-li3 {
    z-index: 8;
}

.chip-service-item-li4 {
    z-index: 7;
}

.chip-service-item-li5 {
    z-index: 6;
}

.chip-service-item-li6 {
    z-index: 5;
}

.chip-service-item-li7 {
    z-index: 4;
}

.chip-service-item.active .chip-service-item-li2 {
    left: 13%;
}

.chip-service-item.active .chip-service-item-li3 {
    left: 26%;
}

.chip-service-item.active .chip-service-item-li4 {
    left: 39%;
}

.chip-service-item.active .chip-service-item-li5 {
    left: 52%;
}

.chip-service-item.active .chip-service-item-li6 {
    left: 65%;
}

.chip-service-item.active .chip-service-item-li7 {
    left: 78%;
}

.csil-num {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: var(--font24);
    color: #999;
    line-height: 1.5;
}

/* 
.chip-service-item-li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */

.csil-num-edr ul li {
    list-style-type: disc;
}

.csil-num-edr ul li p {
    color: #999;
    font-size: var(--font16);
    line-height: 1.5;
}

.csil-num-edr ul li:not(:last-child) {
    margin-bottom: 10px;
}

.csil-num-edr ul li::marker {
    color: #999;
}

.csil-num-edr ul {
    padding-left: 20px;
}

.chip-service-item-li.on .csil-num,
.chip-service-item-li.on .csil-num-edr ul li::marker,
.chip-service-item-li.on .csil-num-edr ul li p {
    color: var(--color3);
}

.chip-service-item-li.on .ys-imgbox-cover img:last-child {
    opacity: 0;
}

.chip-service-item-li.on .ys-imgbox-cover img:first-child {
    opacity: 1;
}

.chip-service-line-top span {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 80px;
    background: linear-gradient(90deg, #008AD1 0%, #078F88 100%);
    box-shadow: 0px 0px 16px 4px rgba(2, 64, 137, 0.08);
    transition: all 0.36s;
}

.about-intro-top {
    display: flex;
    position: relative;
}

.about-intro-top-text {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.about-intro-top-img {
    width: 50%;
}

.aitt-cont {
    width: 50%;
    padding-left: 40px;
    position: relative;
}

.about-intro-top-img img {
    width: 100%;
}

.aitt-cont-logo {
    position: absolute;
    top: -34%;
    right: 0;
    width: 85%;
}

.about-cont .std-h3 {
    font-weight: bold;
}

.about-intro-ul {
    display: flex;
    margin: 0 -80px;
}

.about-intro-li {
    width: 33.333333%;
    padding: 100px 80px;
    position: relative;
}

.about-intro-li::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 140px;
    transform: translateY(-50%);
    background: var(--color2);
    opacity: .5;
    border-radius: 2px;
}

.about-intro-li:last-child:before {
    opacity: 0;
}

.about-intro-item-icon {
    width: 32px;
    margin: 0 auto 32px;
}

.about-intro-item {
    text-align: center;
}

.about-intro-bot {
    background: #F5FAFD;
}

.about-intro-li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: linear-gradient(154deg, #008AD1 16.59%, #00476B 134.7%);
    z-index: -1;
    opacity: 0;
}

.about-partner-ul {
    margin: 0 -30px;
}

.about-partner-li {
    width: 20%;
    padding: 0 30px;
}

.about-partner-item-li {
    margin-bottom: 60px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.about-partner-item-li:last-child {
    margin-bottom: 0;
}

.about-partner-item-li:last-child {
    margin-bottom: 0;
}

.about-partner-cont {
    width: 100%;
}

.about-partner-li {
    margin: 20px 0;
}

.about-partner-ul .slick-dots {
    bottom: -20px;
}

.about-partner-ul .slick-dots li.slick-active {
    background: var(--colormain1);
}

.about-partner-ul .slick-dots li {
    font-size: 0;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid var(--colormain1)
}

.about-team-cont {
    display: flex;
    margin: 0 -30px;
}

.about-team-left,
.about-team-right {
    width: 50%;
    padding: 0 30px;
}

.atlt-cont {
    margin-bottom: 60px;
    padding: 20px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
}

.about-team-left .about-team-left-li:last-child .atlt-cont {
    margin-bottom: 0;
}

.about-team-left-li .atlt-cont {
    display: flex;
}

.atlt-cont .ys-imgbox-cover {
    width: 23%;
}

.atlt-text {
    width: 77%;
    padding: 20px 0 0 20px;
}

.about-team-left-top .atlt-cont .ys-imgbox-cover {
    margin-bottom: 20px;
}

.about-team-left-top .ys-imgbox-cover,
.about-team-left-top .atlt-text {
    width: 100%;
    padding: 0;
}

.about-team-right .atlt-cont {
    margin-bottom: 0;
}

.about-team-right-ul {
    margin: -30px 0;
}

.about-team-right-ul .about-team-left-li {
    margin: 30px 20px 30px 0;
}

.about-history-right .swiper-slide.on .ys-imgbox-cover {
    display: none;
}

.about-history-cont {
    display: flex;
    align-items: center;
}

.about-history-left {
    width: 50%;
}

.about-history-left {
    display: flex;
}

.ahll-time {
    font-family: var(--familyB);
    font-size: 300px;
    color: var(--color2);
    opacity: .2;
    line-height: var(--line12);
}

.about-history-right .swiper-container,
.about-history-left-last .swiper-container {
    overflow: visible;
}

.about-history {
    background: #F5FAFD;
    position: relative;
    overflow: hidden;
}

.about-history::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(100vw - 1400px) / 2);
    height: 100%;
    background: #F5FAFD;
    z-index: 10;
}

.about-history-right .ys-imgbox-cover {
    border-radius: 6px;
    margin-bottom: 20px;
}

.about-history-right-text .std-text1 {
    color: var(--colormain1);
    margin-bottom: 15px;
    font-weight: bold;
}

.about-history-right-text ul li {
    list-style-type: disc;
}

.about-history-right-text ul {
    padding-left: 20px;
}

.about-history-right-text ul li::marker {
    color: var(--color2);
}

.about-history-right-text ul li P {
    color: var(--color2);
    font-size: var(--font16);
    line-height: 1.75;
}

.about-history-right .swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: inherit;
    bottom: 0;
}

.about-history-right .swiper-pagination-progressbar {
    background: rgba(79, 87, 89, .2);
}

.about-history-right .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--colormain1);
}

.about-history-left-last .swiper-slide {
    height: 360px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-history-left-year {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-history-title {
    position: absolute;
    top: 60px;
    left: 51%;
    transform: translateX(-50%);
    text-align: left;
}

.about-history-left-last .swiper-wrapper {
    height: 360px;
}

.about-history-left {
    margin: 180px 0;
    background: #F5FAFD;
    position: relative;
    z-index: 10;
}

.about-history-left-last .swiper-button-prev {
    left: 50% !important;
    right: inherit !important;
    top: 0 !important;
    transform: rotate(90deg);
    margin-top: 0 !important;
}

.about-history-left-last .swiper-button-next {
    left: 50% !important;
    right: inherit !important;
    bottom: 0 !important;
    transform: rotate(90deg);
    top: inherit !important;
}

.about-history-left-last .swiper-slide.swiper-slide-active .ahll-time {
    color: var(--colormain1);
    opacity: 1;
}

.about-history-right-box.swiper-slide-active {
    opacity: 1 !important;
}

.about-history-right-box {
    opacity: 0 !important;
}

.about-history-left-last .swiper-slide.swiper-slide-prev .ahll-time {
    opacity: 0.2;
    background: linear-gradient(0deg, #4F5759 19.04%, rgba(170, 187, 191, 0.00) 46.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-history-left-last .swiper-slide.swiper-slide-next .ahll-time {
    opacity: 0.2;
    background: linear-gradient(180deg, #4F5759 0%, rgba(170, 187, 191, 0.00) 58.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.buss-cont-top-bj {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.buss-cont-top-bj img {
    object-fit: cover;
    height: 100%;
}

.applica-car-left {
    width: 45.208333%;
}

.applica-car-cont {
    width: 54.791667%;
    position: relative;
    left: -0.5px;
}

.applica-car-left-bj img,
.applica-car-cont-bj img {
    width: 100%;
}

.accb-img2 {
    position: absolute;
    top: 0;
    left: 0;
}

.applica-car-cont {
    position: relative;
}

.applica-car {
    display: flex;
}

.applica-car-cont-bj {
    width: 100%;
}

.applica-car-left-bj {
    width: 100%;
}

.actt-bj img {
    width: 100%;
}

.appl-cont-bottom-text {
    width: 45%;
}

.creat-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.creat-bj img {
    object-fit: cover;
    height: 100%;
}

.aclb-imgph {
    display: none;
}

.bctc-pc {
    width: 100%;
}

.creat-main .creat-plat .bctc-pc img {
    transform: translateY(0);
    width: 100%;
}

.corporate-content-top-li:first-child a {
    border-radius: 6px 0 0 6px;
}

.corporate-content-top-li:last-child a {
    border-radius: 0 6px 6px 0;
}

.chip-approve .creat-bj {
    position: static;
}

.creat-plat-cont {
    padding-top: 130px;
}

.ys-ban-li.slick-current .std-h1 {
    animation: ysfadeInUp 0.8s ease-in-out both;
    animation-delay: 0.3s;
}

.ys-ban-li.slick-current .mod-btn {
    animation: ysfadeInUp 0.8s ease-in-out both;
    animation-delay: 0.4s;
}

.about-history-right-cont {
    width: calc(50% - 80px);
    position: absolute !important;
    top: 55%;
    transform: translateY(-50%);
    right: 0;
}

.about-history-right-sk .swiper-slide {
    width: 370px;
}

.about-history-right .swiper-slide {
    margin-bottom: 40px;
}

.head-right {
    justify-content: space-between;
}

.dscl-img a {
    display: block;
}

.dscl-img img {
    width: 100%;
}

.appl-cont-bottom-swiper .swiper-slide {
    height: auto;
}

.home-news-text-word,
.home-news-text-title .std-h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.head-logo img,
.head-search-icon img,
.head-lang-icon img,
.head-menu img,
.head-nav-item-title::before,
.ys-hd-pc,
.head-search input,
.head-lang .std-text1,
.hnid-link,
.head-nav-item-title::before,
.menu-pop-li .std-h4,
.menu-pop-li li .std-h5,
.foot-bot li a,
.foot-right a,
.acbs-ul-li-cont,
.mod-btn-box,
.slick-next,
.slick-prev,
.home-buss-left-text,
.home-buss-right-li a::before,
.mod-blue .std-text1,
.home-news-text-title .std-h5,
.mod-btn .std-text1,
.chip-valid-left-li .std-text1,
.chip-valid-right rect,
.chip-approve-li .std-h5,
.chip-approve-li::before,
.chip-test .slick-prev,
.chip-test .slick-next,
.csil-num,
.csil-num-edr ul li p,
.csil-num-edr ul li::marker,
.about-intro-li::after,
.about-intro-li .std-h4,
.about-intro-li .std-text1,
.about-intro-li::before,
.about-intro-item .std-text1 p {
    transition: all .36s;
}

.head-search input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: var(--color3);
    font-size: 16px;
}

.head-search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--color3);
    font-size: 16px;
}

.head-search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: var(--color3);
    font-size: 16px;
}

.hnid-li:not(:last-child) {
    margin-bottom: 30px;
}

.ys-ban-li:not(:first-child) {
    display: none;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .atlt-cont:hover .ys-imgbox-cover img {
        transform: scale(1.05);
    }

    .about-intro-li:hover .about-intro-item-icon img:last-child {
        opacity: 0;
    }

    .about-intro-li:hover .about-intro-item-icon img:first-child {
        opacity: 1;
    }

    .about-intro-li:hover .std-h4,
    .about-intro-li:hover .std-text1 p {
        color: var(--color3);
    }

    .about-intro-li:hover::after {
        opacity: 1;
    }

    .about-intro-li:hover::before {
        opacity: 0;
    }

    .chip-test-cont .ys-slick-item-cont .ys-imgbox-cover:hover img {
        transform: scale(1.05);
    }

    .chip-test .slick-next:hover,
    .appl-cont-bottom .slick-next:hover {
        background: url(../image/b2_1_arrow_01.svg) center / cover no-repeat;
    }

    .appl-cont-bottom .slick-prev:hover,
    .chip-test .slick-prev:hover {
        background: url(../image/b2_1_arrow_02.svg) center / cover no-repeat;
    }

    .chip-approve-li:hover::before {
        width: 100%;
    }

    .chip-approve-li:hover .std-h5 {
        color: var(--color3);
    }

    .home-news-li a:hover .home-news-text .ys-imgbox-cover img,
    .home-creat-cont .mod-blue-box:hover .ys-imgbox-cover img {
        transform: scale(1);
    }

    .home-news-li a:hover .std-h5,
    .home-news-li a:hover .mod-blue .std-text1,
    .home-creat-cont .mod-blue-box:hover .std-text1 {
        color: var(--colormain1);
    }

    .home-news-li a:hover .home-news-text .ys-imgbox-cover img:first-child,
    .home-creat-cont .mod-blue-box:hover .ys-imgbox-cover img:first-child,
    .home-news .mod-btn-box:hover .ys-imgbox-contain img:last-child {
        opacity: 1;
    }

    .home-news-li a:hover .home-news-text .ys-imgbox-cover img:last-child,
    .home-creat-cont .mod-blue-box:hover .ys-imgbox-cover img:last-child,
    .home-news .mod-btn-box:hover .ys-imgbox-contain img:first-child {
        opacity: 0;
    }

    .home-news .mod-btn-box:hover .std-text1 {
        color: var(--color3);
    }

    .home-news .mod-btn-box:hover {
        border-color: var(--colormain1);
    }

    .home-buss-right-li a:hover .home-buss-left-text,
    .home-buss-left a:hover .home-buss-left-text {
        bottom: 20px;
    }

    .home-buss-right-li a:hover::before,
    .home-buss-left a:hover::before {
        opacity: 1;
    }

    .ys-banner .slick-prev:hover,
    .ys-banner .slick-next:hover {
        background: rgba(0, 0, 0, .5);
    }

    .mod-btn-box:hover {
        background: var(--colormain1);
        border-color: var(--colormain1);
    }

    .acci-li:hover::before {
        opacity: 1;
    }

    .acci-li:hover .std-h5 {
        color: var(--color3);
    }

    .hnid-link:hover {
        color: var(--colormain1);
    }

    .head-nav-item:hover .head-nav-item-title::before {
        width: 100%;
    }

    .menu-pop-li li .std-h5:hover {
        color: var(--color3);
    }

    .foot-bot li a:hover {
        opacity: 1;
    }

    .swiper-slide-cont:hover .tcbu-li-img img {
        transform: scale(1.05);
    }

    .swiper-button-next:hover:after {
        background: url(../image/b2_1_arrow_01.svg) no-repeat center;
    }

    .swiper-button-prev:hover:after {
        background: url(../image/b2_1_arrow_02.svg) no-repeat center;
    }

    .details-share-cont-li:hover .dscl-code {
        opacity: 1;
    }

    .jccl-cont:hover .jccl-cont-icon {
        opacity: 0.04;
    }

    .jccl-cont:hover .jccl-cont-title {
        color: var(--colormain1);
    }

    .jccl-cont-button:hover {
        background-color: var(--colormain1);
        border: 1px solid transparent;
    }

    .join-main .ys-modal {
        background: rgba(0, 0, 0, .5);
    }

    .jccl-cont-button:hover a {
        color: #fff;
    }

    .jccl-cont-button:hover .jccl-cont-title {
        color: var(--colormain1);
    }

    .jccl-cont-button:hover .jccl-cont-icon {
        opacity: 0.04;
    }

    .corporate-content-top-li:hover.corporate-content-top-li::after {
        width: 100%;
    }

    .corporate-content-top-li:hover.corporate-content-top-li a {
        color: var(--colormain1);
    }

    .corporate-content-bottom-li a:hover .ccbl-title {
        color: var(--colormain1);
    }

    .corporate-content-bottom-li a:hover .ccbl-text-look {
        color: var(--colormain1);
    }

    .corporate-content-bottom-li a:hover .ccbl-text-icon img:nth-child(1) {
        opacity: 0;
    }

    .corporate-content-bottom-li a:hover .ccbl-text-icon img:nth-child(2) {
        opacity: 1;
    }

    .yx-paging-ul li:hover {
        background-color: #f7f7f7;
        color: #0B1839;
    }

    .yx_paging_first li:hover,
    .yx_paging_prev li:hover,
    .yx_paging_next li:hover,
    .yx_paging_end li:hover {
        border: 0px solid transparent;
    }

    .details-bottom-li a:hover .details-bottom-li-title {
        color: var(--colormain1);
    }

    .details-bottom-li a:hover .details-bottom-li-text {
        color: var(--colormain1);
    }

    .culb-ul-li:hover {
        color: var(--colormain1);
    }

    .buss-cont-head-title:hover {
        color: var(--colormain1);
    }

    .buss-cont-head-title:hover::after {
        opacity: 1;
    }

    .bcbc-cont:hover .bcbc-cont-right-title {
        color: #fff;
    }

    .bcbc-cont:hover .bcbc-cont-right-text.yxedr-active p {
        color: #fff;
    }

    .bcbc-cont:hover .bcbc-cont-right-text.yxedr-active ul li {
        color: #fff;
    }

    .ys-cont700 .act.corporate-content-top-li::after {
        width: 100%;
    }

    .yx-paging-ul a:nth-child(1):hover li {
        background-color: #fff;
    }

    .yx-paging-ul a:nth-child(2):hover li {
        background-color: #fff;
    }

    .yx-paging-ul a:nth-child(8):hover li {
        background-color: #fff;
    }

    .yx-paging-ul a:nth-child(9):hover li {
        background-color: #fff;
    }

    .yx-paging-tabli.yx-paging-activepage:hover {
        background-color: var(--colormain1);
        color: #fff;
    }

    .bcbc-cont:hover.bcbc-cont::after {
        opacity: 1;
    }

    .jcbu-li:hover {
        color: var(--colormain1);
    }

    .acbs-ul-li-cont:hover::before {
        opacity: 1;
    }

    .acbs-ul-li-cont:hover .acbs-ul-li-img img:nth-child(1) {
        opacity: 0;
    }

    .acbs-ul-li-cont:hover .acbs-ul-li-img img:nth-child(2) {
        opacity: 1;
    }

    .acbs-ul-li-cont:hover .acbs-ul-li-text {
        color: #fff;
    }

    .talent-cont-ul-li:hover .ys-imgbox-cover img:nth-child(2) {
        transform: scale(1.1);
    }

    .join-cont-card-li.on .jccl-cont-title {
        color: var(--colormain1);
    }

    .join-cont-card-li.on .jccl-cont-title {
        color: var(--colormain1);
    }

    .join-cont-card-li.on .jccl-cont-icon {
        opacity: 0.04;
    }

    .acbs-ul-li-cont:hover .ys-imgbox-cover img {
        transform: scale(1) !important;
    }

    .menu-pop-close:hover {
        transform: translateY(-50%) rotate(180deg);
    }


    .ys-ban-txtbox .mod-blue-box:hover .std-text1 {
        color: #008AD1 !important;
    }

    .ys-ban-txtbox .mod-blue-box:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;
    }

    .ys-ban-txtbox .mod-blue-box:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

}

.chip-service-item-li .std-text1 {
    display: none;
}

.test-main .appl-cont-bottom-swiper {
    overflow: hidden;
}

.menu-pop-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: -100%;
    right: -100%;
    position: fixed;
    background: linear-gradient(103deg, #008AD1 -12.18%, #00476B 113.73%);
}

.menu-pop.on .menu-pop-img {
    -webkit-animation: menu1 1s ease-out 1 forwards;
    animation: menu1 1s ease-out 1 forwards;
}

@keyframes menu1 {
    0% {
        top: -100%;
        right: -100%;
        transform: scale(1);
    }

    100% {
        top: 0px;
        right: 0;
        transform: scale(2);
    }
}

.menu-pop.on .menu-pop-cont {
    -webkit-animation: menu2 1s ease-out .5s 1 forwards;
    animation: menu2 1s ease-out .5s 1 forwards;
}

@keyframes menu2 {
    0% {
        opacity: 0;
        top: 100%;
    }

    100% {
        opacity: 1;
        top: 50%;
    }
}

.menu-pop-icon1 {
    position: fixed;
    top: -15%;
    right: -13%;
    opacity: 0;
    width: 28%;
}

.menu-pop-icon2 {
    position: fixed;
    bottom: -5%;
    left: -5%;
    opacity: 0;
    width: 30%;
}

.menu-pop.on .menu-pop-icon1,
.menu-pop.on .menu-pop-icon2 {
    -webkit-animation: menu3 1s ease-in-out 1s 1 forwards;
    animation: menu3 1s ease-in-out 1s 1 forwards;
}

@keyframes menu3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ys-hd-pc.isfixed .head-search input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.ys-hd-pc.isfixed .head-search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.ys-hd-pc.isfixed .head-search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.atlt-text-top .std-h5 {
    font-weight: bold;
    padding-right: 15px;
}

.inside_page {
    justify-content: space-between;
}

.chip-service-line {
    padding: 0 7%;
}

.scrool-sown-img {
    overflow: hidden;
}

.scrool-sown img {
    animation: scrooling 1s linear 0s infinite normal both;
}

@keyframes scrooling {
    0% {
        transform: translateY(-100%);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100%);
    }
}


.about-team-left-top .ys-imgbox-cover {
    border-radius: 6px;
}

.about-team-left-li .ys-imgbox-cover {
    border-radius: 6px;
}

.atlt-text-bot span {
    font-family: "Microsoft YaHei" !important;
}


.join-pop .ys-modal-pad {
    border-radius: 6px !important;
    overflow: hidden;
}

.test-content {
    width: 100%;
    position: relative;
}

.corporate-content-top.isfixed {
    position: fixed;
    top: 125px;
    max-width: 1400px;
    z-index: 50;
}

.dscl-code {
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
}

textarea,
input {
    font-family: "Microsoft YaHei" !important;
}

.menu-pop-li li.yxnav-active2 a {
    color: #fff;
}

.chip-service {
    position: relative;
    z-index: 1;
}

.ccbl-ul-li .culb-icon img {
    transform: rotate(90deg);
}

.about-history {
    z-index: 1;
}

.about-team-cont {
    align-items: flex-start;
}

.about-team-left {
    padding-bottom: 2px;
}

.about-team-right-ul {
    margin: 0 !important;
}

.about-team-left-li:first-child {
    margin-top: 0 !important;
}

.about-team-left-li:last-child {
    margin-bottom: 0 !important;
}

.about-team-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.about-team-right-ul {
    padding-left: 30px;
    padding-right: 30px;
}

.about-team-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #008AD1 !important;
}

.about-team-right .mCSB_outside+.mCSB_scrollTools {
    right: 0px;
}

.tal-module-right .tmrt-ul-li p {
    font-weight: normal;
}

.cair-li.on .cair-li-cont {
    /* animation: xl 1.8s infinite; */
    opacity: 1;
    transform: translateY(0px);
}


@keyframes xl {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}


@keyframes xl1 {
    0% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(10px);
    }
}

.applica-car {
    z-index: 1;
}

.applica-car-title {
    z-index: 5;
}

.bctc-info {
    margin-top: 15px;
    color: #666;
    line-height: 1.6;
    transition: all 0.36s;
    font-size: 18px;
    font-weight: normal !important;
}

.bctc-title2 .bctc-info {
    color: #fff !important;
}


.buss-cont-top,
.buss-cont-middle {
    position: relative;
    z-index: 2;
}

.chip-valid-left-li .std-text1 {
    font-weight: normal;
}

.chip-valid-left-li.on .std-text1 {
    font-weight: bold;
}

.foot-left-img {
    margin: 0 auto;
}

.about-history-right-box .swiper-wrapper {
    align-items: center;
}

.bctc-pc .bctc-pc-pic4 {
    opacity: 0 !important;
}

.buss-cont-top.on1 .bctc-pc-pic4 {
    opacity: 1 !important;
}

.chip-test .slick-prev {
    left: -45px;
}

.chip-test .slick-next {
    right: -45px;
}


.tal-module-left {
    border-radius: 6px;
}

/* .cair-li2.on .cair-li-cont,
.cair-li1.on .cair-li-cont,
.cair-li6.on .cair-li-cont {
    animation: xl1 1.8s infinite;
} */

.applica-car-left {
    pointer-events: none;
}

.home-buss-right-li a {
    overflow: hidden;
}


/* .chip-service-item-li {
    position: relative;
    top: auto;
    left: auto;
} */

.chip-service-item {
    display: flex;
    /* flex-wrap: wrap; */
    margin: 0 -5px;
}

/* .chip-service-item {
    min-height: auto !important;
} */

.chip-service-item-li {
    position: relative;
    left: auto !important;
    width: 14.285714%;
    padding: 0 5px !important;
}

.chip-service-item-li .csil-num {
    transition: all 0.36s;
}

.chip-service-item-li .csil-num2 {
    top: auto;
    bottom: 20px;
}

.csil-num1 {
    opacity: 0;
}

.chip-service-item-li .ys-imgbox-cover {
    margin: 0 auto;
}

.csil-wrap {
    padding: 40px 20px;
}

.csil-num-edr {
    opacity: 0;
    transition: all 0.36s;
}

.chip-service-item-li.on .csil-num1 {
    opacity: 1;
}

.chip-service-item-li.on .csil-num2 {
    opacity: 0 !important;
}

.chip-service-item-li.on .csil-num-edr {
    opacity: 1;
}

.chip-service-item-li.on .ys-imgbox-cover {
    margin-left: 0;
}

.chip-service-item-li.on {
    width: 21%;
}

.csil-num-letter {
    position: absolute;
    bottom: -50px;
    left: -50px;
}

.csil-num-letter p {
    color: rgba(0, 138, 209, 0.06);
    font-size: 200px;
    font-family: 'chip-out';
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.chip-service-item-li .ys-imgbox-cover {
    transition-delay: 0.68s;
}

.csil-num-edr ul li::marker,
.csil-num-edr ul li p {
    transition-delay: 0.46s;
}

.csil-num1 {
    transition-delay: 0.36s;
}

.csil-num-edr ul li::marker,
.csil-num-edr p {
    color: #fff !important;
}


.bctc-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bctc-img1,
.bctc-imgk {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bctc-img {
    animation: xl 1.2s infinite;
}

.bctc-imgk {
    animation: xl2 1.2s infinite;
}


@keyframes xl2 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}


.creat-eco {
    position: relative;
    z-index: 1;
}

.home-buss-left a {
    overflow: hidden;
}

.chip-service-item-li.on .csil-wrap::after {
    transition: all 0.7s;
}

.bctc-img1-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bctc-img1 {
    animation: none;
}

.bctc-img1-bg:nth-child(1) {
    animation: xl2 1.2s infinite;
}

.bctc-img1-bg:nth-child(2) {
    animation: xl3 1.2s infinite;
}

@keyframes xl3 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0px);
    }
}

.ys-modal-content-btn {
    position: static;
}

.aitt-cont-parga {
    max-height: 446px;
}

.aitt-cont-parga .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain1) !important;
    width: 2px;
}

.cair-li-cont {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10), 0px 4px 20px 0px rgba(42, 134, 182, 0.10), 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
    transition: transform .8s ease-in-out, opacity .5s ease-in-out 0s;
}

.cair-li::after {
    content: "";
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all .36s;
}

.cair-li1.on::after {
    opacity: 1;
    transition-delay: .3s;
}

.cair-li2.on::after {
    opacity: 1;
    transition-delay: .35s;
}

.cair-li3.on::after {
    opacity: 1;
    transition-delay: .4s;
}

.cair-li4.on::after {
    opacity: 1;
    transition-delay: .45s;
}

.cair-li5.on::after {
    opacity: 1;
    transition-delay: .5s;
}

.cair-li6.on::after {
    opacity: 1;
    transition-delay: .55s;
}


.cair-li1.on .cair-li-cont {
    transition-delay: .2s;
}

.cair-li2.on .cair-li-cont {
    transition-delay: .25s;
}

.cair-li3.on .cair-li-cont {
    transition-delay: .3s;
}

.cair-li4.on .cair-li-cont {
    transition-delay: .35s;
}

.cair-li5.on .cair-li-cont {
    transition-delay: .4s;
}

.cair-li6.on .cair-li-cont {
    transition-delay: .45s;
}

.chip-service-item-li .ys-imgbox-cover,
.about-intro-item-icon {
    width: 42px;
}

.chip-valid .std-padding .std-padding1 .mod-pointg.chip-valid-left-li {
    margin-bottom: 24px !important;
}
.home-buss-right .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: linear-gradient(90deg, #008AD1 0%, #078F88 100%);
}
.home-buss-right .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: linear-gradient(268deg, rgba(0, 138, 209, 0.20) 1.53%, rgba(7, 143, 136, 0.20) 102.6%);
}
/* 新增 start*/
.chip2-main .scic-img{
    position: static;
}
.chip2-main .scic-img1{
    position: relative;
}
.chip2-main .scit-title{
    color: var(--color2);
    font-weight: bold;
}
.chip2-main .services-cont-img .yxedr-active p {
    color: var(--color2);
}
.chip2-main .services-cont-img .yxedr-active ul li {
    color: var(--color2);
}
.chip2-sect1-li{
    position: absolute;
    max-width: 110px;
    text-align: center;
    opacity: 0;
}
.chip2-sect1-title{
    color: var(--color2);
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.chip2-sect1-li1{
    left:38%;
    top:27.42%;
}
.chip2-sect1-li2{
    left:55.71%;
    top:27.42%;
}
.chip2-sect1-li3{
    left:37.36%;
    top:68.85%;
}
.chip2-sect1-li4{
    left:55.79%;
    top:68.85%;
}
.services-content.on .chip2-sect1-li{
    -webkit-animation: encircle .8s .5s 1 cubic-bezier(.64, .19, .34, .84) both;
    animation: encircle .8s .5s 1 cubic-bezier(.64, .19, .34, .84) both;
}
@keyframes encircle {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.chip2-text{
    color: var(--color2);
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    margin-top: 10px;
}
.chip2-sect2-cont{
    position: relative;
}
.chip2-sect2-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.chip2-sect2-left{
    border-radius: 8px;
    box-shadow: 0px 4px 20px 0px rgba(6, 90, 133, 0.14);
    padding: 8% 10%;
}
.chip2-sect2-left{
    width: 57.14%;
    height: 100%;
}
.chip2-sect2-right{
    width: 42.86%;
    height: 100%;
    background-image:linear-gradient(312deg, #2A86B6 5.37%, #078F88 137.65%);
}
.chip2-sect2-right .ys-slick{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.chip2-sect2-right{
    position: relative;
}
.chip2-sect2-right .ys-imgbox-cover{
    width: 65%;
    margin: 0 auto;
}
.chip2-sect2-right .ys-sic-text{
    text-align: center;
    margin-top: 30px;
    color: var(--color3);
    font-size: var(--font20);
}
.chip2-sect2 .slick-dots{
    bottom: 20px;
}
.chip2-sect2 .slick-dots li {
    width: 16px;
    height: 6px;
    margin: 0 6px;
    border-radius: 80px;
    background: transparent;
    border: 1px solid rgba(255,255,255,.4);
}
.chip2-sect2 .slick-dots li.slick-active {
    background: transparent;
    width: 128px;
}
.chip2-sect2 .slick-dots li::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--color3);
    border-radius: 80px;
}
.chip2-sect2 .slick-dots li.slick-active::before{
    animation: slickline 3s linear 0s 1 normal forwards;
}
@keyframes slickline {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
.applt-cont{
    background: #F9F9FB;
    position: relative;
}
.applt-bj1{
    position: absolute;
    top: 0;
    left: -7%;
}
.applt-bj2{
    position: absolute;
    bottom: 0;
    right: -5%;
}
.applt-top{
    padding:40px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.20);
}
.applt-cont .std-h5{
    color: #000;
}
.applt-top img{
    margin:0 auto;
    display: block;
}
.applt-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.applt-li{
    width: 33.333333%;
    padding: 0 30px;
    height: auto;
    margin-bottom: 40px;
}
.applt-li-cont{
    background: var(--color3);
    height: 100%;
    box-shadow: 0px 4px 20px 0px rgba(42, 134, 182, 0.10);
    border-radius: 6px;
}
.applt-li-img{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #E2F2F6;
}
.applt-li-text{
    background: var(--color3);
    padding: 20px 45px 20px 30px; 
}
.applt-li-text .std-h5{
    color: var(--color2);
    margin-bottom: 10px;
}
.applt-li li p{
    color:#999;
}
.applt-li .yxedr-active ul li {
    color: #999;
}
.applt-top{
    margin-bottom: 40px;
}
.applt-li-img .ys-imgbox-cover{
    padding:18px;
}
.applt-bj img{
    width: 35.4%;
}
.chip2-sect2 .services-cont-title{
    margin-bottom: 40px;
}
.chip2-sect2-left .yxedr-active p{
    color: #666;
    opacity: .7;
}
.chip2-sect2-left .yxedr-active li{
    color: #666;
    opacity: .7;
}
.chip2-sect2-left .yxedr-active h5{
    width: 45%;
    margin-bottom: 20px;
}
.bussn-sect1-right{
    position: relative;
    width: 600px;
    padding-bottom: 600px;
    /* height: 600px; */
    /* box-shadow: 0px 9px 40px 0px rgba(13, 130, 122, 0.20);
    border-radius: 50%; */
}
.bussn-sect1-right-shape{
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bsrs-ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: rotate(29deg);
    transform: rotate(29deg);
}
.bsrs-li{
    position: absolute;
    top: 49%;
    left: 49%;
    width: 2%;
    height: 2%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.bsrs-segment {
    bottom: 50%;
    right: 50%;
    width: 5000%;
    height: 5000%;
    overflow: hidden;
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
}
.bsrs-segment{
    transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    border: 3px solid rgba(255, 255, 255, .8666666667);
    transition: background .3s ease;
}
.bsrs-segment, .bsrs-segmentinner{
    position: absolute;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.bsrs-segmentinner{
    right: -60%;
    bottom: -60%;
    width: 120%;
    height: 120%;
    background: #333;
    border-radius: 100%;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    cursor: pointer;
}
.bussn-sect1-right-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    background: var(--color3);
    filter: drop-shadow(0px 4px 20px rgba(13, 130, 122, 0.50));
    opacity: 0;
}
.bsri-img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 158px;
    height: 158px;
    background: #fff;
    border-radius: 50%;
    filter: drop-shadow(0px 4px 10px rgba(13, 130, 122, 0.20));
}
.bsri-img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
}
.bsrt-li{
    position: absolute;
    width: 170px;
}
.bsrt-title, .bsrt-text{
    color: var(--color3);
}
.bsrt-title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.75;
    margin: 5px 0 3px;
    text-align: center;
}
.bsrt-text{
    font-size: 18px;
    line-height: 1.75;
    text-align: center;
}
.bsrt-icon{
    width: 32px;
    margin: 0 auto;
}
.bsrt-li1{
    left:52.57%;
    top:9.17%;
}
.bsrt-li2{
    left:68.54%;
    top:39.67%;
}
.bsrt-li3 {
    left: 54%;
    top: 66.67%;
}
.bsrt-li4{
    left:18.80%;
    top:66.67%;
}
.bsrt-li5{
    left:3.99%;
    top:39.67%;
}
.bsrt-li6{
    left:18.13%;
    top:9.17%;
}
.bsrs-segmentinner{
    transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
}
.bsrs-li1 .bsrs-segmentinner,
.bsrs-li3 .bsrs-segmentinner,
.bsrs-li5 .bsrs-segmentinner {
    background: #62B7B1;
}
.bsrs-li2 .bsrs-segmentinner,
.bsrs-li4 .bsrs-segmentinner,
.bsrs-li6 .bsrs-segmentinner {
    background: #219089;
}
.bsrs-li1 { 
    opacity: 0; 
    transform: rotate(60deg) scale(0); 
    transition: opacity 0.6s, transform 0.6s; 
}
.bsrs-li2 { 
    opacity: 0; 
    transform: rotate(120deg) scale(0); 
    transition: opacity 0.6s, transform 0.6s;
}
.bsrs-li3 { 
    opacity: 0; 
    transform: rotate(180deg) scale(0); 
    transition: opacity 0.6s, transform 0.6s;
}
.bsrs-li4 {
    opacity: 0; 
    transform: rotate(240deg) scale(0); 
    transition: opacity 0.6s, transform 0.6s;
}
.bsrs-li5 { 
    opacity: 0; 
    transform: rotate(300deg) scale(0); 
    transition: opacity 0.6s, transform 0.6s; 
}
.bsrs-li6 { 
    opacity: 0; 
    transform: rotate(1turn) scale(0); 
    transition: opacity 0.6s, transform 0.6s; 
}
.bussn-sect1.on .bsrs-li1{
    opacity: 1;
    transform: rotate(60deg) scale(1);
    transition: opacity .6s, transform .6s;
    transition-delay: 2.65s;
}
.bussn-sect1.on .bsrs-li2 {
    opacity: 1;
    transform: rotate(120deg) scale(1);
    transition: opacity .6s, transform .6s;
    transition-delay: 2.8s;
}
.bussn-sect1.on .bsrs-li3{
    opacity: 1;
    transform: rotate(180deg) scale(1);
    transition: opacity .6s, transform .6s;
    transition-delay: 2.95s;
}
.bussn-sect1.on .bsrs-li4{
    opacity: 1;
    transform: rotate(240deg) scale(1);
    transition: opacity .6s, transform .6s;
    transition-delay: 3.1s;
}
.bussn-sect1.on .bsrs-li5{
    opacity: 1;
    transform: rotate(300deg) scale(1);
    transition: opacity .6s, transform .6s;
    transition-delay: 3.25s;
}
.bussn-sect1.on .bsrs-li6{
    opacity: 1;
    transform: rotate(1turn) scale(1);
    transition: opacity .6s, transform .6s;
    transition-delay: 3.4s;
}

.bsrt-li{  
    opacity: 0;  
    transition: opacity 0.6s; 
    transition-delay: 2.85s;
} 
.bussn-sect1.on .bsrt-li1 {  
    opacity: 1;  
    transition: opacity 0.6s; 
    transition-delay: 3s;
} 
.bussn-sect1.on .bsrt-li2 {  
    opacity: 1;  
    transition: opacity 0.6s;  
    transition-delay: 3.15s; 
} 
.bussn-sect1.on .bsrt-li3 { 
    opacity: 1;  
    transition: opacity 0.6s;  
    transition-delay: 3.3s;  
} 
.bussn-sect1.on .bsrt-li4 {  
    opacity: 1;  
    transition: opacity 0.6s;  
    transition-delay: 3.45s;
} 
.bussn-sect1.on .bsrt-li5 {  
    opacity: 1;  
    transition: opacity 0.6s;  
    transition-delay: 3.6s; 
} 
.bussn-sect1.on .bsrt-li6 {  
    opacity: 1;  
    transition: opacity 0.6s;  
    transition-delay: 3.75s; 
} 
.bussn-sect1-cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bussn-sect1 .bussn-sect1-bj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bussn-sect1{
    position: relative;
}
.bussn-sect1-bj img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.bussn-sect1 .bctc-title{
    text-align: left;
}
.bussn-sect1-left-ph{
    display: none;
}
.bussn-sect1-mian{
    position: relative;
    z-index: 10;
}
.svg-order1, .svg-order2, .svg-order3, .svg-order5,
.svg-order6, .svg-order7, .svg-order9, .svg-order10, .svg-order12{
    opacity: 0;
}
.bussn-sect1.on .svg-order1{
    animation: ysfadeInUp .3s ease-in-out both;
    animation-delay: 0s;
}
.bussn-sect1.on .svg-order2{
    animation: ysfadeInUp .3s ease-in-out both;
    animation-delay: 0.1s;
}
.bussn-sect1.on .svg-order3{
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 0.2s;
}
.bussn-sect1.on .svg-order5{
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 0.7s;
}
.bussn-sect1.on .svg-order6{
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 1.2s;
}
.bussn-sect1.on .svg-order7{
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 1.2s;
}
.bussn-sect1.on .svg-order9{
    animation: ysfadeInUp .3s ease-in-out both;
    animation-delay: 1.8s;
}
.bussn-sect1.on .svg-order10{
    animation: ysfadeInUp .3s ease-in-out both;
    animation-delay: 1.8s;
}
.bussn-sect1.on .svg-order12{
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 2.5s;
}
.bussn-sect1.on .bussn-sect1-right-icon{
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 2.6s;
}
.bussn-sect1-right-box{
    width: 100%;
}
.bussn-sect1-cont{
    position: relative;
}
.bussn-sect1-left-pc{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: calc(100% - 600px);
}
.services-main .chip2-sect1-title{
    color: var(--color3);
} 
.chip2-sect1 .services-cont-text {
    margin-bottom: 0;
}
.bslp-svg{
    width: 100%;
}
.bussn-sect1 .bctc-title {
    margin-bottom: 0;
}
.bussn-sect1-right::before{
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    box-shadow: 0px 9px 40px 0px rgba(13, 130, 122, 0.20);
    border-radius: 50%;
    transform: translate(-50%,-50%);
    background: transparent;
    opacity: 0;
}
.bussn-sect1.on .bussn-sect1-right::before {
    opacity: 1;
    transition: opacity 0.6s;
    transition-delay: 3.9s;
}
/* 新增 end */
/*2024.9.2修改 start*/
.mod-tab{
    z-index: 98;
}
.chip2-sect2-left .yxedr-active p {
    opacity: 1;
}
.head-search input::-webkit-input-placeholder {
    font-size: 14px;
}

.head-search input::-moz-placeholder {
    font-size: 14px;
}

.head-search input:-ms-input-placeholder {
    font-size: 14px;
}
.head-search input{
    font-size: 14px;
}
.about-intro-top-img img{
    border-radius: 6px;
}
.bsrt-text{
    font-size: 14px;
}
.bctc-pc-add1{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: xl3 1.2s infinite;
}
.bctc-pc-add2{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: xl3 1.2s infinite;
}
/*2024.9.2修改 end*/
/*2024.9.5修改 start*/
.services-cont-text{
    font-size: 18px;
} 
.chip2-sect3 .std-text1 p{
    font-size: 18px;
}
.about-main .about-history {
    background: none;
}
.about-main .about-partner {
    background: #F5FAFD;
}
.about-main .about-history::before {
    background: none;
}
.about-main .about-history-left {
    background: none;
}
/*2024.9.5修改 end*/
a[href="https://www.yongsy.com"] {
    opacity: 0.01;
}
.head-search input{
    color: #fff;
}
.head-search input::-webkit-input-placeholder {
    color: #fff !important;
}
.head-search input:-moz-placeholder {
    color: #fff !important;
}
.head-search input::-moz-placeholder {
    color: #fff !important;
}
.head-search input:-ms-input-placeholder {
    color: #fff !important;
}
.ys-hd-pc.isfixed .head-search input, .inside-main .ys-hd-pc .head-search input{
    color: var(--color) !important;
}
.ys-hd-pc.isfixed .head-search input::-webkit-input-placeholder, .inside-main .ys-hd-pc .head-search input::-webkit-input-placeholder {
    color: var(--color) !important;
}
.ys-hd-pc.isfixed .head-search input:-moz-placeholder, .inside-main .ys-hd-pc .head-search input:-moz-placeholder {
    color: var(--color) !important;
}
.ys-hd-pc.isfixed .head-search input::-moz-placeholder, .inside-main .ys-hd-pc .head-search input::-moz-placeholder {
    color: var(--color) !important;
}
.ys-hd-pc.isfixed .head-search input:-ms-input-placeholder, .inside-main .ys-hd-pc .head-search input:-ms-input-placeholder {
    color: var(--color) !important;
}