@charset "utf-8";



@font-face {

    font-family: "OPPOSans-Regular";

    src: url('../fonts/OPPOSans/OPPOSans3.0cn-Regular-9be23d63.woff2') format("woff2");

    font-weight: 400;

    font-style: normal;

    font-display: swap;

    /* font-variation-settings: 'wght' 750; */

}



@font-face {

    font-family: "OPPOSans-Medium";

    src: url('../fonts/OPPOSans/OPPOSans3.0cn-Medium.woff2') format("woff2");

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "OPPOSans-Bold";

    src: url('../fonts/OPPOSans/OPPOSans3.0En-Bold.woff2') format("woff2");

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



body {

    font-family: "OPPOSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



/* wowpop */

.altumcode {

    --fontFamily: "OPPOSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}



/* 英文站换行规则 */

/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 

    word-wrap: normal; 

    word-break: keep-all; 

} */

/* 规范 - start */

:root {

    /* 字号 */

    --font80: 80px;

    --font64: 64px;

    --font48: 48px;

    --font32: 32px;

    --font28: 28px;

    --font24: 24px;

    /* 段落字号 */

    --font20: 20px;

    --font16: 16px;

    --font14: 14px;

    /* 行高 */

    --line13: 1.3;

    --line15: 1.5;

    --line165: 1.65;

    /* 颜色 */

    --color23: #232323;

    --color333: #333333;

    --color666: #666666;

    --color999: #999999;

    --colorfff: #ffffff;

    --colormain1: #F9E8D6;

    --colormain2: #DFEFD7;

    --colormain3: #F9F0D2;

    --colormain4: #E7E0EB;

    --colorbj1: #F9F8F5;

    --colorbj2: #F2EFE8;

    --colorbt: #001730;

    /* 板块间距 */

    --space1: 160px;

    --space2: 120px;

    --space3: 40px;

    /* 段落间距 */

    --parpspace: 10px;

    /* 圆弧 */

    --radius: 40px;

    /* 按钮 */

    --btnh1: 50px;

    /* 导航 */

    --head: 80px;

    --anchor: 50px;

    /* 大数据 */

    --data170: 170px;

    /* 字体 */

    --familyM: "OPPOSans-Medium";

    --familyB: "OPPOSans-Bold";

}



.std-h1 {

    font-size: var(--font80);

    color: var(--color333);

    line-height: var(--line13);

}



.std-h2,

.yxedr-active h2 {

    font-size: var(--font64);

    color: var(--color333);

    line-height: var(--line13);

}



.std-h3,

.yxedr-active h3 {

    font-size: var(--font48);

    color: var(--color333);

    line-height: var(--line13);

}



.std-h4,

.yxedr-active h4 {

    font-size: var(--font32);

    color: var(--color333);

    line-height: var(--line15);

}



.std-h5,

.yxedr-active h5 {

    font-size: var(--font28);

    color: var(--color333);

    line-height: var(--line15);

}



.std-h6,

.yxedr-active h6 {

    font-size: var(--font24);

    color: var(--color333);

    line-height: var(--line15);

}



.std-text1,

.std-text1 p {

    font-size: var(--font20);

    color: var(--color666);

    line-height: var(--line15);

}



.std-text2,

.std-text2 p {

    font-size: var(--font16);

    color: var(--color666);

    line-height: var(--line165);

}



.std-text3,

.std-text3 p {

    font-size: var(--font14);

    color: var(--color666);

    line-height: var(--line165);

}



.yxedr-active p {

    font-size: var(--font16);

    color: var(--color666);

    line-height: var(--line165);

    margin-bottom: 20px;

}



.std-margin {

    margin-top: var(--space1);

}



.std-margin1 {

    margin-bottom: var(--space2);

}



.std-margin2 {

    margin-bottom: var(--space3);

}



.std-padding {

    padding-top: var(--space1);

}



.std-padding1 {

    padding-bottom: var(--space2);

}



.std-padding2 {

    padding-bottom: var(--space3);

}



.yxedr-active h2,

.yxedr-active h3,

.yxedr-active h4,

.yxedr-active h5,

.yxedr-active h6,

.std-text1 p,

.std-text2 p,

.std-text3 p {

    margin-bottom: var(--parpspace);

}



/* 规范 -end */



/*分享翻译*/

.ys-wechat-cont-parga p::before {

    /*分享中文版本*/

    content: '分享到 - 微信';

    /*分享英文版本*/

    /* content: 'Share the - weixin'; */

}



/*导航默认选中 */

.head-nav-item1.yxnav-active1 .head-nav-item-title,

.head-nav-item1.on .head-nav-item-title {

    background: #FAE5D1;

}



.head-nav-item1 .hnid-left-li.yxnav-active2 .hnid-left-li-link {

    background: rgba(250, 229, 209, .3);

}



.hnid-left-li.yxnav-active2 .hnid-left-li-link img,

.hnid-mid-li.yxnav-active2 .hnid-left-li-link img {

    transform: translateX(0);

    opacity: 1

}



.head-nav-item2 .hnid-left-li.yxnav-active2 .hnid-left-li-link,

.head-nav-item2 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {

    background: rgba(223, 239, 215, .3);

}



.head-nav-item2.yxnav-active1 .head-nav-item-title,

.head-nav-item2.on .head-nav-item-title {

    background: #DFEFD7;

}



.head-nav-item3.yxnav-active1 .head-nav-item-title,

.head-nav-item3.on .head-nav-item-title {

    background: #F9F0D2;

}



.head-nav-item3 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {

    background: rgba(249, 240, 210, .3);

}



.head-nav-item4.yxnav-active1 .head-nav-item-title,

.head-nav-item4.on .head-nav-item-title {

    background: #E7E0EB;

}



.head-nav-item4 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {

    background: rgba(231, 224, 235, .3);

}



.head-nav-item5.yxnav-active1 .head-nav-item-title,

.head-nav-item5.on .head-nav-item-title {

    background: #F2E9D3;

}



.head-nav-item5 .hnid-mid-li.yxnav-active2 .hnid-left-li-link {

    background: rgba(242, 233, 211, .3);

}



/* yongsy样式 */

a[href="https://www.yongsy.com"] {

    color: rgba(255, 255, 255, .2);

}



/* common */

.ys-ph-navbar4 .ys-phnav-menu {

    background: #F9F8F5;

}



.std-btn9 {

    display: inline-block;

    --btnw: 150px;

    /* 按钮宽度 */

    --move30: 30px;

    /* 文字移动距离 */

    --moveicon: calc(54px - var(--btnw));

    /* icon移动距离 */

}



.std-btn9-box {

    display: flex;

    align-items: center;

    height: var(--btnh1);

    padding: 6px 9px;

    background: var(--color23);

    border-radius: calc(var(--btnh1) / 2);

    position: relative;

    transition: all .6s;

    width: var(--btnw);

    overflow: hidden;

}



.std-btn9-box p {

    font-size: var(--font16);

    line-height: var(--line165);

    color: var(--colorfff);

    padding: 0;

    transition: all .6s;

    z-index: 1;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 26px;

    opacity: 1;

    white-space: nowrap;

}



.std-btn9-icon {

    width: 36px;

    height: 36px;

    border-radius: 50%;

    background: var(--colorfff);

    position: absolute;

    font-size: 0;

    flex-shrink: 0;

    z-index: 2;

    transition: all .6s;

    top: 50%;

    right: 9px;

    transform: translateY(-50%);

}



.std-btn9-icon img {

    width: 66.666667%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transform: all .6s;

}



.std-btn9-icon img:nth-child(2) {

    opacity: 0;

}



.mod-btn {

    --btnw: 180px;

}



.head-nav {

    display: flex;

}



.head-cont {

    display: flex;

    justify-content: space-between;

}



.ys-hd-pc {

    background: var(--colorbj1);

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

}



.home-main .ys-hd-pc {

    background: #f9f8f5;

}



.home-main .ys-hd-pc.isfixed {

    background: var(--colorbj1);

}



.color-bj {

    background: var(--colorbj1);

}



.mod-nobj .std-btn9-box {

    background: transparent;

    border: 1px solid var(--color23);

}



.mod-nobj .std-btn9-box p {

    color: var(--color23);

}



.mod-nobj .std-btn9-icon {

    background: var(--color23);

    /* transition-delay: .2s; */

}



.mod-nobj .std-btn9-icon img:nth-child(2) {

    opacity: 1;

}



.mod-nobj .std-btn9-icon img:nth-child(1) {

    opacity: 0;

}



/* 轮播按钮 */

.mod-arrow .swiper-button-prev,

.mod-arrow .swiper-button-next,

.swiper-arrow-left,

.swiper-arrow-right,

.mod-arrow .slick-prev,

.mod-arrow .slick-next {

    width: 55px;

    height: 55px;

    border: 1px solid var(--color333);

    border-radius: 15px;

    transition: all .36s;

}



.mod-arrow .swiper-button-next::after,

.mod-arrow .slick-next::after {

    content: '' !important;

    background: url(../images/a1_arrow01.svg) center / cover no-repeat;

    width: 30px;

    height: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);



}



.mod-arrow .swiper-button-prev::after,

.mod-arrow .slick-prev::after {

    content: '' !important;

    background: url(../images/a1_arrow001.svg) center / cover no-repeat;

    width: 30px;

    height: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition: all .36s;

}



.mod-arrow .swiper-button-next.swiper-button-disabled,

.mod-arrow .swiper-button-prev.swiper-button-disabled,

.swiper-arrow-right.swiper-button-disabled,

.swiper-arrow-left.swiper-button-disabled,

.mod-arrow .slick-next.slick-disabled,

.mod-arrow .slick-prev.slick-disabled {

    opacity: .5;

    cursor: auto;

    pointer-events: none;

}



.home-cust-bot .swiper-button-prev {

    left: 82px !important;

    right: auto !important;

    top: inherit !important;

    bottom: 62px !important;

}



.home-cust-bot .swiper-button-next {

    left: 152px !important;

    right: auto !important;

    top: inherit !important;

    bottom: 62px !important;

}



/* 轮播按钮  end*/

.ys-footer {

    background: var(--color23);

    padding-top: 100px;

}



.ys-footer-top {

    display: flex;

    justify-content: space-between;

}



.ys-footer-top-ul {

    width: 20%;

}



.ys-footer-top-nav {

    width: 50%;

    display: flex;

    padding: 0 8%;

}



.ys-footer-top-share {

    width: 30%;



}



.yftn-left>ul {

    display: flex;

    flex-wrap: wrap;

}



.yftn-left>ul>li {

    width: 50%;

}



.yfts-top-ul {

    display: flex;

}



.ys-footer-top-li .ys-imgbox-cover {

    width: 100%;

    border-radius: 20px;

}



.ys-footer-top-li .std-text2 {

    margin: 10px 0;

}



.ys-footer-top-li .std-text2 {

    color: #fff;

}



.ys-footer-top-li {

    margin-bottom: 56px;

}



.yftl-btn {

    position: relative;

    display: inline-block;

    margin: 0 !important;

}



.yftl-btn::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 25%;

    height: 1px;

    background: var(--colorfff);

}



.yftn-left>ul>li>a,

.yftn-right>ul>li>a {

    color: var(--colorfff);

    font-size: var(--font24);

    line-height: var(--line15);

    display: block;

    margin-bottom: 20px;

}



.yftn-left a {

    color: var(--colorfff);

    font-size: var(--font16);

    line-height: var(--line15);

    display: block;

    margin-bottom: 12px;

}



.yftn-left {

    width: 70%;

}



.yftn-right {

    width: 30%;

}



.yfts-top .std-h6,

.yfts-bot .std-h6 {

    color: var(--colorfff);

}



.yfts-bot-tel a {

    color: var(--colorfff);

    font-size: 36px;

    line-height: 1.5;

}



.yfts-top {

    margin-bottom: 56px;

}



.yfts-top .std-h6 {

    margin-bottom: 10px;

}



.yfts-top-item {

    margin-right: 40px;

}



.ys-footer-bot {

    padding: 150px 0 26px;

}



.ys-footer-bot .std-h3 {

    margin-bottom: 130px;

}



.ys-footer-bot .std-h3 {

    text-align: center;

    color: var(--colorfff);

}



.ys-footer-bot-cont {

    display: flex;

    flex-direction: row-reverse;

    justify-content: center;

}



.ys-footer-ul {

    display: flex;

    padding-left: 20px;

}



.ys-footer-bot-cont li a,

.ys-footer-bot-cont p a,

.ys-footer-bot-cont p span {

    color: var(--colorfff);

}



.ys-footer-ul li {

    padding: 0 25px;

}



.yftn-left>ul>li {

    margin-bottom: 60px;

}



.yfts-top-item-icon {

    cursor: pointer;

}



/* .home-service .swiper-container {

    overflow: hidden;

} */

.home-service #ys-swiper1 {

    /* width: caLc(1400px + calc(calc(100% - 1400px) / 2)); */

    margin: 0 !important;

}



.ys-cont16001 {

    margin-right: -200px;

}



.home-service .swiper-slide {

    width: 25%;

    margin-right: 0;

    border-radius: var(--radius);

    height: auto;

}



.home-service .ys-imgbox-cover {

    border-radius: var(--radius) var(--radius) 0 0;

}



.home-service-text {

    padding: 26px 28px 35px;

}



.home-service .std-h3 {

    margin-bottom: 30px;

}



.home-service-text li p {

    color: var(--color333);

    font-size: var(--font16);

    line-height: 1.5;

    width: calc(100% - 22px);

    padding-left: 15px;

}



.home-service-text li {

    display: flex;

    margin-bottom: 15px;

}



.home-service-text li img {

    width: 22px;

    transform: scale(0);

}



.home-service-text .std-h4 {

    margin-bottom: 16px;

}



.home-service-cont {

    height: 100%;

    background: #F5F3ED;

    border-radius: var(--radius);

}



.home-service .swiper-button-prev:after,

.home-service .swiper-container-rtl .swiper-button-next:after {

    display: none;

}



.home-service .swiper-button-next:after,

.home-service .swiper-container-rtl .swiper-button-prev:after {

    display: none;

}



.std-btn8 {

    display: inline-block;

    position: relative;

}



.std-btn8-box {

    z-index: 2;

    border-radius: 25px;

    padding: 5px 24px;

    position: relative;

    display: block;

    transition: all .6s;

}



.std-btn8-box::after {

    content: "";

    position: absolute;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    background: var(--color23);

    transition: all .6s;

    opacity: 1;

    z-index: -1;

    border-radius: 25px;

    transform-origin: 50% 50%;

}



.std-btn8-box::before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    border: solid 2px transparent;

    border-radius: 25px;

    transition: all .6s;

    transform-origin: 50% 50%;

}



.std-btn8-box p {

    font-size: var(--font16);

    line-height: 1.75;

    color: var(--colorfff);

    transition: all .6s;

}



.contact-start .std-btn8-box::before {

    border: solid 1px var(--color23);

}



.mod-fllow {

    text-align: center;

    position: relative;

}



.mod-fllow::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: calc(50% - 75px);

    height: 1px;

    background: #CDCBC8;

}



.mod-fllow::after {

    content: '';

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    width: calc(50% - 75px);

    height: 1px;

    background: #CDCBC8;

}



.head-nav-item-title .std-text2 {

    line-height: 38px;

    padding-right: 8px;

}



.head-nav-item-title {

    padding: 0 20px;

    display: flex;

    margin-top: 21px;

    border-radius: var(--radius);

}



.head-nav-item-title img {

    width: 14px;

}



.hspw-bt-list li a {

    display: flex;

}



.hspw-bt-list li img {

    width: 20px;

}



.hspw-bt-list li p {

    font-size: var(--font14);

    color: var(--color333);

    line-height: var(--line15);

    padding-left: 10px;

}



.hspw-bt-list li {

    margin-bottom: 7px;

}



.mod-nobj .std-btn9-box p {

    padding: 0;

}



.head-nav-item {

    position: relative;

}



.head-nav-item-down {

    border-radius: 20px;

    padding: 25px 30px 35px;

}



.hnid-left-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -20px;

    width: 620px;

    height: 100%;

}



.hnid-remod {

    width: 290px;

    margin-left: 40px;

}



.hnid-left-li {

    width: 50%;

    padding: 0 20px;

}



.hnid-cont {

    display: flex;

}



.hnid-left-li-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 14px 28px;

    border-radius: 10px;

}



.hnid-left-li-link img {

    width: 18px;

    transform: translateX(-10px);

    opacity: 0;

}



.hlll-left .std-text2,

.hnid-left-li-link .std-text2 {

    color: var(--color333);

    white-space: nowrap;

    padding-right: 40px;

}



.hlll-left .std-text3 {

    color: var(--color999);

}



.hnid-remod-item .std-text2 {

    color: var(--color333);

}



.hnid-remod-title {

    margin-bottom: 10px;

}



.hnid-remod-item-img {

    margin-top: 30px;

    border-radius: 15px;

    overflow: hidden;

}



.hnid-remod-item-img img {

    border-radius: 15px;

}



.hnid-remod-top {

    margin-bottom: 26px;

}



.hnid-remod-bot-ul {

    margin-top: 14px;

}



.hnid-remod-bot-li,

.hnid-remod-bot-li a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    cursor: pointer;

}



.hnid-remod-bot-li .std-text2 {

    color: var(--color333);

}



.hnid-remod-bot-li img {

    width: 18px;

}



.hnid-remod-bot-li {

    margin-bottom: 6px;

}



.ys-videom {

    background: rgba(0, 0, 0, .7);

}



.ys-videom-video {

    border-radius: var(--radius);

}



.ys-videom-close .icon-close:before {

    color: #666;

    font-weight: bold;

}



.ys-videom-close .icon-close {

    font-size: 19px;

}



.ys-videom-close {

    width: 50px;

    height: 50px;

    background: var(--colorfff);

    border-radius: 50%;

    top: -2em;

    right: -2em;

}



.ys-videom-close .icon-close {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.hnid-remod-top {

    padding: 22px;

    border-radius: 20px;

}



.head-nav-item1 .hnid-remod-top {

    background: #FAE5D1;

}



.hnid-right {

    display: flex;

}



.head-nav-item2 .hnid-remod-top {

    background: #DFEFD7;

}



.hnid-mid {

    width: 250px;

    padding-left: 60px;

    padding-right: 30px;

}



.hnid-left {

    border-right: 1px solid rgba(205, 203, 200, .3);

    height: 100%;

}



.head-nav-item2 .hnid-left .hnid-left-li {

    padding: 0 10px;

}



.head-nav-item2 .hnid-left .hnid-left-ul {

    margin: 0 -10px;

}



.hnid-left-two {

    padding-left: 28px;

}



.hnid-left-two {

    margin-bottom: 10px;

}



.head-nav-item3-left {

    padding-right: 40px;

}



.head-nav-item3-cont {

    display: flex;

}



.head-nav-item3-left .hnid-left-two {

    color: var(--color999);

}



.head-nav-item3-right .hnid-left-li-link .std-text2 {

    padding-right: 30px;

}



.head-nav-item3-right {

    border-right: 1px solid rgba(205, 203, 200, .3);

}



.head-nav-item3 .hnid-remod {

    margin-left: 53px;

}



.head-nav-item3-right {

    padding-right: 20px;

}



.head-nav-item3 .head-nav-item-down {

    padding: 25px 60px 30px 25px;

}



.head-nav-item3 .hnid-remod {

    width: var(--space1);

}



/* .head-nav-item4 .head-nav-item-down, */

.head-nav-item5 .head-nav-item-down {

    padding: 28px 28px 15px;

}



.head-nav-item.on .head-nav-item-down {

    display: block;

}



.ys_videom {

    display: none;

}



.yfts-top-item-icon {

    width: 60px;

}



.yfts-top-item-ewm {

    display: none;

    position: absolute;

    bottom: 110%;

    left: 50%;

    transform: translateX(-50%);

    width: 120px;

}



.yfts-top-item:first-child .yfts-top-item-icon {

    width: 60px;

}



.yfts-top-item {

    position: relative;

}



/* common end*/

/* 首页 */

.home-banner {

    position: relative;

}



.home-banner-img-ph {

    display: none;

}



.home-banner-img,

.home-banner-img img {

    width: 100%;

}



.home-banner-title {

    width: 47%;

}



.home-cust-top .std-text2 {

    text-align: center;

    margin-bottom: 8px;

    margin-top: 8px;

}



.home-cust-top-ul {

    display: flex;

    justify-content: space-between;

    margin: 0 -15px;

    padding: 40px 0;

    flex-wrap: wrap;

}



.home-cust-top-cont {

    border-top: 1px solid #CDCBC8;

    border-bottom: 1px solid #CDCBC8;

}



.home-cust-bot .swiper-container {
    width: calc(50vw + 50%);
}

.home-cust-bot #ys-swiper {
    width: 90%;
}

.home-cust-bot .swiper-slide {
    width: 100%;
    margin-right: 30px;
    padding: 56px 72px 30px 85px;
    border-radius: var(--radius);
}

.home-cust-bot .swiper-slide:last-child {
    margin-right: 0 !important;
}



.home-cust-bot .swiper-container {

    width: calc(50vw + 50%);

    overflow: visible;

}



.home-cust-bot-right {

    width: 65%;

    position: relative;

}



.home-cust-bot-cont {

    position: relative;

}



.home-cust-bot .home-cust-bot-left {

    width: 37.6%;

    position: absolute;

    top: 55px;

    left: 0;

}



.home-cust-bot-right img {

    width: 100%;

}



.hcbr-img2 {

    position: absolute;

    top: 0;

    left: 0;

}



.hcbl-icon {
    width: 200px;
    height: 60px;
    margin-bottom: 10px;
}

.hcbl-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.home-cust-bot-left .std-h4 {
    font-size: 24px;
    margin-bottom: 40px;
}



.home-cust-bot .swiper-pagination {

    position: absolute;

    top: 55px !important;

    left: 90px !important;

    width: 200px !important;

    background: #E1E1E1 !important;

    height: 2px !important;

}



.home-cust-bot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    height: 4px !important;

    border-radius: 100px !important;

    background: var(--color23) !important;

    top: -1px !important;

}



.home-cust-bot #ys-swiper {

    width: 90%;

    margin: 0 !important;

}



.home-part {

    border-bottom: 1px solid #CDCBC8;

}



.home-solu-bot {

    position: relative;

}



.home-solu-bot-cont {

    opacity: 0;

    pointer-events: none;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    transition: all 0s ease;

    transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

}



.home-solu-bot-cont.on {

    display: block;

}



.home-solu-tab {

    position: relative;

}



.home-solu-top-cont {

    border-radius: var(--radius);

    background: var(--colorbj2);

    padding: 6px 8px;

    display: inline-block;

    height: 100%;

}



.home-solu-tab-item p {

    line-height: 46px;

    color: var(--color333);

    font-size: var(--font20);

    min-width: 130px;

    padding: 0 20px;

    text-align: center;

    cursor: pointer;

    border-radius: var(--radius);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.home-solu-tab-item {

    position: relative;

    z-index: 10;

}



.home-solu-tab-item.on p {

    color: var(--colorfff);

}



.home-solu-top-bj {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    height: 46px;

    border-radius: var(--radius);

    background: var(--color333);

    opacity: 0;

    transition: all .36s;

}



.home-solu-top-bj.active {

    opacity: 1;

}



.hsbt-num-cont {

    font-family: var(--familyB);

    font-size: 250px;

    color: var(--color23);

}



.home-solu-bot {

    margin-top: 60px;

}



.hsbt-num .std-text2 {

    margin-top: 20px;

}



.home-solu-bot-data {

    display: flex;

    justify-content: space-between;

}



.hsbt-text {

    width: 33.6%;

    padding-top: 3%;

}



.hsbt-text .std-h4 .std-text2 {

    color: var(--color666);

}



.hsbt-text .std-text2 {

    color: var(--color333);

}



.hsbt-text .std-h4 {

    margin-bottom: 16px;

}



.hsbt-text .std-btn9 {

    margin-top: 16px;

}



.home-solu-bot-logo {

    padding: 0 5%;

}



.hsbl-logo-li .ys-imgbox-cover {

    width: 150px;

    height: 150px;

    background: var(--colorfff);

    border-radius: 50%;

}



.hsbl-logo-li {

    width: 150px;

    margin: 0 10px;

}



/* .hsbl-logo2 .hsbl-logo-ul {

    animation: donghua 50s linear infinite;

} */



@keyframes donghua {

    from {

        transform: translateX(0);

    }



    to {

        transform: translateX(-100%);

    }

}



/* .hsbl-logo1 .hsbl-logo-ul {

    animation: donghua1 50s linear infinite;

} */



@keyframes donghua1 {

    from {

        transform: translateX(-100%);

    }



    to {

        transform: translateX(0);

    }

}



.hsbl-logo-ul2 {

    transform: translateX(100%);

}



.hsbl-logo {

    width: 10000px;

}



.hsbl-logo1 {

    margin-bottom: 10px;

}



.home-solu-bot-data {

    margin-bottom: 90px;

}



.home-solu-bot-logo {

    position: relative;

}



.home-solu-bot-logo::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 25%;

    height: 100%;

    background: linear-gradient(90deg, #F9F8F5 35%, rgba(249, 248, 245, 0.00) 100%);

    z-index: 1;

}



.home-solu-bot-logo::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 25%;

    height: 100%;

    background: linear-gradient(-90deg, #F9F8F5 35%, rgba(249, 248, 245, 0.00) 100%);

    z-index: 1;

}



.home-part {

    padding: 130px 0;

}



.home-news-top,

.hnbc-top {

    display: flex;

    justify-content: space-between;

}



.hnbc-top-right {

    width: 58%;

    border-radius: var(--radius);

}



.hnbc-top-left {

    width: 42%;

    padding-right: 9%;

    padding-top: 30px;

}



.home-news-tag {

    line-height: 30px;

    border-radius: 5px;

    background: var(--colorbj2);

    padding: 0 10px;

    color: #888;

    display: inline-block;

}



.hnbc-top-left-tag {

    display: flex;

    align-items: center;

}



.hnbc-top-left-tag .home-news-tag {

    margin-right: 28px;

    position: relative;

}



.hnbc-top-left-tag .home-news-tag::before {

    content: '';

    position: absolute;

    top: 50%;

    right: -14px;

    transform: translateY(-50%);

    height: 80%;

    width: 1px;

    background: var(--color999);

}



.hnbc-top-left .std-h5 {

    margin: 22px 0 30px;

}



.hnbc-bot {

    display: flex;

    margin: 0 -15px;

}



.hnbc-bot-item {

    width: 25%;

    padding: 0 15px;

}



.hnbc-top {

    margin-bottom: 30px;

}



.hnbc-bot-item a {

    background: var(--colorbj2);

    padding: 30px 30px 75px 30px;

    border-radius: var(--radius);

    display: block;

    height: 100%;

    position: relative;

}



.hnbc-bot-item .home-news-tag {

    background: #EDE8DD;

}



.hnbc-bot-item .std-h6 {

    margin: 11px 0;

}



.hnbc-bot-item-arrow {

    position: absolute;

    bottom: 34px;

    left: 28px;

}



.home-news-bot {

    position: relative;

}



.home-news-bot-cont {

    opacity: 0;

    pointer-events: none;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    transition: all 0s ease;

    transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

}



.home-news-bot-cont.on {

    opacity: 1;

    pointer-events: all;

    position: relative;

    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

    transition: all 1.5s ease, opacity 0s ease;

}



.mod-cta .ys-cont1400 {

    position: relative;

}



.mod-cta-text {

    position: absolute;

    top: 42%;

    left: 50%;

    transform: translate(-50%, -50%);

    padding: 0 112px;

    width: 100%;

}



.mod-cta-text .std-text2 {

    margin: 16px 0 26px;

}



.mod-cta-bj img {

    border-radius: var(--radius);

}



.home-data-li {

    padding: 45px 0;

    border-bottom: 1px solid #CDCBC8;

    display: flex;

    justify-content: space-between;

    padding-right: 14%;

}



.home-data-li-num {

    display: flex;

}



.home-data-li-num {

    color: var(--color23);

    font-size: var(--data170);

    font-family: var(--familyB);

}



.home-data-li .std-h6 {

    color: var(--color666);

    margin-top: 10px;

}



.home-data .std-h3 {

    margin-bottom: 55px;

}



.home-data-li:last-child {

    border-color: transparent;

}



.home-data {

    padding-bottom: 60px;

}



.home-service-title {

    display: flex;

    justify-content: space-between;

}



.swiper-arrow-left,

.swiper-arrow-right {

    cursor: pointer;

}



.swiper-arrow {

    display: flex;

}



.swiper-arrow-left,

.swiper-arrow-right {

    position: relative;

}



.swiper-arrow img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 28px;

}



.swiper-arrow-right {

    margin-left: 16px;

}



.swiper-arrow img:last-child {

    opacity: 0;

}



.home-news,

.home-rely {

    padding-bottom: 0;

    border-color: transparent;

}



.home-news-cont,

.home-rely-cont {

    margin-bottom: var(--space1);

}



.head-change a {

    color: var(--color333);

    font-size: var(--line16);

    line-height: 80px;

}



.head-tel {

    color: var(--color333);

    font-size: 18px;

    line-height: 80px;

}



.head-right {

    display: flex;

}



.head-change {

    margin: 0 36px;

}



.head-nav {

    margin-right: 36px;

}



.head-right .std-btn8 {

    margin-top: 21px;

}



.head-search {

    position: relative;

    margin-left: 36px;

}



.head-search-icon {

    width: 32px;

    height: 80px;

    cursor: pointer;

    text-align: center;

    display: flex;

    align-items: center;

}



.head-search-icon img {

    width: 16px;

}



.head-search-pull-wrap {

    max-width: 1024px;

    margin: auto;

    padding: 32px 22px 80px;

}



.hspw-tp-close-btn {

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: rgb(110, 110, 115);

    position: relative;

    opacity: 0;

    visibility: hidden;

    z-index: 2;

    transition: opacity .32s cubic-bezier(.4, 0, .6, 1), fill .32s cubic-bezier(.4, 0, .6, 1), visibility .32s step-end;

}



.hspw-tp-close-btn .icon-close {

    color: #fff;

    font-size: 6px;

    text-align: center;

}



.hspw-tp-close {

    width: 32px;

    height: 32px;

    position: relative;

    cursor: pointer;

}



.hspw-tp-close.active .hspw-tp-close-btn {

    opacity: 1;

    visibility: visible;

    transition: opacity .32s cubic-bezier(.4, 0, .6, 1), fill .32s cubic-bezier(.4, 0, .6, 1), visibility .32s step-start;

}



.hspw-tp-icon {

    width: 26px;

    cursor: pointer;

}



.hspw-tp-icon img {

    width: 100%;

}



.hspw-tp-input {

    width: calc(100% - 32px - 32px);

    height: 40px;

    padding-left: 5px;

}



.hspw-tp-input input {

    width: 100%;

    height: 100%;

    padding: 0 10px;

    font-size: 20px;

    color: #333;

}



.hspw-tp-input input::placeholder {

    font-size: 24px;

    color: var(--color666);

}



.head-search-pull {

    position: fixed;

    top: 80px;

    left: 0;

    width: 100%;

    background: #FAF8F5;

    height: 0;

    overflow: hidden;

    transition: height 200ms cubic-bezier(.4, 0, .6, 1);

}



.hspw-tp {

    display: flex;

    align-items: center;

}



.hspw-bt {

    margin-top: 32px;

}



.hspw-bt-list a {

    font-size: 14px;

    display: block;

    line-height: 1.75;

    transition: all .36s;

    color: var(--color23);

}



.hspw-bt-parga p {

    font-size: 14px;

    line-height: 1.75;

    transition: all .36s;

    color: #999;

}



.hspw-bt-parga {

    margin-bottom: 20px;

}



.hspw-bt-list li {

    margin-bottom: 5px;

}



.hspw-bt-list li:last-child {

    margin-bottom: 0;

}



.search-bg {

    background: rgba(232, 232, 237, .4);

    -webkit-backdrop-filter: blur(20px);

    backdrop-filter: blur(20px);

    visibility: hidden;

    position: fixed;

    opacity: 0;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9;

    transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-end 80ms;

}



.search-bg.active {

    opacity: 1;

    visibility: visible;

    transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-start 80ms;

}



.home-wrap {

    background: #fff;

    width: 100%;

    height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

}



.home-wrap p {

    font-size: 50px;

    line-height: 1.75;

    color: #333;

    font-weight: bold;

}



@keyframes globalnav-search-input-intro {

    0% {

        opacity: 0;

        transform: translateY(-4px)

    }



    to {

        opacity: 1;

        transform: translateY(0)

    }

}



.head-search.act .hspw-tp {

    animation: globalnav-search-input-intro .24s cubic-bezier(.4, 0, .6, 1) .2s both;

}



.head-search.act .hspw-bt-parga {

    animation: globalnav-search-input-intro .32s both normal cubic-bezier(.4, 0, .6, 1) .2s;

}



.head-search.act .hspw-bt-list li {

    animation: globalnav-search-input-intro .32s both normal cubic-bezier(.4, 0, .6, 1) calc(.2s + 50ms * var(--item-number));

}



.hspw-tp-close-btn img {

    width: 14px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.hsbt-num-cont-span2 {

    font-size: var(--data170);

}



.head-nav-item.on .hnid-left-li,

.head-nav-item.on .hnid-mid-li {

    animation: nav .5s both normal cubic-bezier(.645, .045, .355, 1) calc(30ms * var(--item-number));

}



@keyframes nav {

    0% {

        opacity: 0;

        transform: translateY(40px)

    }



    to {

        opacity: 1;

        transform: translateY(0)

    }

}



.home-page {

    height: 100vh;

}



.home-banner {

    width: auto;

    height: calc(100% - 150px);

}



.home-banner-img img {

    width: auto;

    height: 100%;

    max-width: inherit;

    position: relative;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    object-fit: cover;

}



.home-page {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.home-banner-img {

    width: 100%;

    height: 100%;

}



.hcbr-img3 {

    position: absolute;

    top: -5%;

    right: -30%;

}



.move-on.open.home-customer .swiper-slide-active .hcbr-img3 {

    animation: case 1s cubic-bezier(.645, .045, .355, 1) both;

    animation-delay: .2s;

}



@keyframes case {

    0% {

        top: -5%;

        right: -30%;

    }



    100% {

        top: 0%;

        right: 0%;

    }

}



.home-ban .std-btn9.open {

    --btnw: 56px;

}



.home-ban .std-btn9.open p {

    opacity: 1;

}



.home-solu-bot-cont.on {

    opacity: 1;

    pointer-events: all;

    position: relative;

    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

    transition: all 1.5s ease, opacity 0s ease;

}



.home-service-text-img {

    position: relative;

    height: 100%;

}



.home-service-text-img img:last-child {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

    width: 14px;

}



.home-service-text-img img:first-child {

    width: 100%;

    transform: scale(0.2);

}



.home-service-text-img img:first-child {

    transition: all .36s ease-out;

}



.home-service-text-img img:last-child {

    transition: all .6s ease-in-out;

}



.move-on.open.home-service-text-img img:first-child {

    transform: scale(1);

}



.move-on.open.home-service-text-img img:last-child {

    transition-delay: .5s;

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}





















.home-part.mod-cta {

    border-color: transparent;

}



.home-cust-top-li {

    width: 12.5%;

}



/* 轮播溢出隐藏 */

.ys-ban-li:not(:first-child) {

    display: none;

}



.home-ban .std-btn9-box {

    transition: all .5s ease-out;

}



.home-solu-tab-item p,

.home-solu-top-bj,

.ys-footer-top-nav a,

.head-nav-item-title,

.hnid-left-li-link img,

.hnid-left-li-link,

.hnid-remod-item-img img,

.hnid-remod-bot-li,

.head-nav-item-title,

.hcbr-img3 {

    transition: all .36s;

}



.home-solu-tab-item p,

.hnbc-bot-item-arrow,

.yftl-btn::before,

.swiper-arrow img {

    transition: all .5s;

}



/* 内页 */

/* tammy - start */

.ys-cont900 {

    width: 900px;

    max-width: 100%;

    margin: 0 auto;

}



/* d1 - start */

.service-main {

    background: var(--colorbj2);

}



.service-title {

    padding-top: var(--space2);

    padding-bottom: var(--space2);

}



.service-title-left {

    width: 50%;

}



.service-title-right {

    width: 41%;

}



.service-title-cry,

.sili-cry {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}



.service-title-right .std-text2,

.service-title-right .std-text2 p {

    line-height: var(--line165);

    color: var(--color666);

}



.service-inof-list-item {

    padding-top: var(--space2);

    padding-bottom: var(--space2);

}



.service-title-left .std-h3 {

    margin-bottom: var(--space3);

}



.sili-cry-img {

    position: relative;

    -webkit-mask-image: var(--mask);

    mask-image: var(--mask);

    -webkit-mask-size: 100%;

    mask-size: 100%;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    -webkit-mask-position: center;

    mask-position: center;

    position: relative;

}



.sili-cry-img img {

    width: 100%;

}



.sili-cry-img video {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    object-fit: contain;

    background: transparent !important;

}



.service-inof-list-item:last-child {

    border-bottom: 1px solid #CDCBC8;

}



.service-title-right .std-h4 {

    margin-bottom: 63px;

}



.service-title-right .std-text2 {

    margin-bottom: 35px;

}



.sili-text p {

    color: var(--color333);

    line-height: var(--line15);

    position: relative;

    padding-left: 31px;

    margin-bottom: 17px;

}



.sili-text p:last-child {

    margin-bottom: 0;

}



.sili-text p::before {

    content: '';

    width: 22px;

    height: 22px;

    background-size: 100% 100%;

    background-image: var(--mark);

    position: absolute;

    left: 0;

    top: 7px;

}



.service-inof-list-item {

    border-top: 1px solid #CDCBC8;

}



.sili-text {

    margin-bottom: 47px;

}



.service-process {

    padding-top: var(--space2);

    z-index: 3;

}



.service-process-box {

    overflow: hidden;

}



.service-process .ys-cont1400 {

    position: relative;

    z-index: 3;

}



.service-process .ys-cont1400::before {

    content: '';

    border-radius: var(--radius) 0 0 var(--radius);

    background: var(--colorfff);

    position: absolute;

    left: 0;

    top: 0;

    margin-right: calc(700px - 50vw);

    height: 100%;

    width: calc(100% + calc(50vw - 700px));

}



.service-process-cry {

    padding: var(--space2) 0 var(--space2) var(--space1);

    position: relative;

    z-index: 6;

}



.spcl-item-data {

    font-family: var(--familyM);

    font-size: 128px;

    line-height: 1;

    color: var(--color23);

}



.spcl-item:first-child .spcl-item-data {

    font-size: var(--data170);

}



.spcl-item .std-h6 {

    color: var(--color666);

    line-height: 1.4;

    margin-bottom: 30px;

}



.spcl-item {

    width: 50%;

    position: relative;

}



.service-process-cry-list {

    display: flex;

    flex-wrap: wrap;

}



.spcl-item:first-child {

    margin-left: 50%;

}



.spcl-item:first-child .std-h6 {

    margin-bottom: 9px;

}



.spcl-item {

    border-bottom: 1px solid #CDCBC8;

    padding-top: 59px;

    padding-bottom: 79px;

}



.spcl-item:first-child {

    padding-bottom: 38px;

    padding-top: 0;

}



.spcl-item:nth-of-type(2)::before {

    content: '';

    width: 100%;

    height: 1px;

    background: #CDCBC8;

    position: absolute;

    top: -1px;

    left: 0;

}



.spcl-item:nth-of-type(2n) {

    border-right: 1px solid #CDCBC8;

}



.service-process-cry-list {

    --distance160: 160px;

    margin-top: -30px;

}



.spcl-item:nth-of-type(2n-1) {

    padding-left: var(--distance160);

}



.service-process-cry .std-h3 {

    width: 46%;

}



.service-process {

    position: relative;

}



.service-firm::before {

    content: '';

    background: #020514;

    top: -500px;

    height: 500px;

    width: 100%;

    left: 0;

    position: absolute;

}



.service-firm {

    position: relative;

    background: #020514;

    padding-top: var(--space1);

}



.service-firm-top-nub .std-h3 {

    padding: 0 var(--distance37);

    position: relative;

    cursor: pointer;

}



.service-firm-top {

    --distance37: 37px;

    margin: 0 calc(var(--distance37) * -1);

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 78px;

}



.service-firm-top-nub .std-h3 {

    color: #bbb;

    transition: all .4s ease;

}



.service-firm-top-nub.on .std-h3 {

    color: var(--colorfff);

}



.service-firm-top-nub .std-h3::before {

    content: '/';

    font-size: inherit;

    color: #bbb;

    line-height: inherit;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translate(50%, -50%);

}



.service-firm-top-nub:last-child .std-h3::before {

    display: none;

}



.service-firm-rotate {

    border-top: 1px solid var(--colorfff);

    margin-bottom: 172px;

    position: relative;

}



.service-card-item-icon {

    width: 80px;

    margin: 0 auto;

    margin-bottom: 20px;

}



.service-card-item .std-text1 {

    text-align: center;

    color: var(--colorfff);

    line-height: var(--line13);

}



.service-card {

    border-radius: var(--radius);

    background: rgba(52, 52, 52, 0.45);

    display: flex;

    flex-wrap: wrap;

}



.service-card-item {

    width: 20%;

    padding: 44px 5px 40px;

}



/* d1 - end */

/* d2 - start */

.why-main {

    background: var(--colorbj1);

}



.why-select .std-h1 {

    text-align: center;

    line-height: 1.325;

    margin-bottom: var(--space3);

}



.why-select .std-h4,

.why-select .std-h4 p {

    line-height: var(--line15);

    text-align: center;

}



.yx-case3-box {

    width: 100%;

    height: 60vh;

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

}



.why-select .std-h4 {

    position: relative;

}



.service-firm {

    padding-bottom: 126px;

}



/* d2 - end */

.mod-anchor {

    height: var(--anchor);

}



.anchor-box {

    border-bottom: 1px solid #CDCBC8;

    width: 100%;

    height: var(--anchor);

}



.anchor-box .ys-cont1400 {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.anchor-box-list {

    display: flex;

    --distance17d5: 17.5px;

    margin: 0 calc(var(--distance17d5) * -1);

}



.ys-bread-list a,

.anchor-box-list-item .std-text3 {

    line-height: var(--anchor);

    color: var(--color999);

    font-size: var(--font14);

    transition: all .4s ease;

}



.anchor-box-list-item {

    padding: 0 var(--distance17d5);

    cursor: pointer;

}



.ys-bread {

    --distance12: 12px;

    margin: 0 calc(var(--distance12) * -1);

}



.ys-bread-list {

    padding: 0 var(--distance12);

}



.ys-bread-list::before {

    content: '';

    background-image: url(../images/b1_icon02.svg);

    width: 12px;

    height: 12px;

    background-size: 100% 100%;

    position: absolute;

    top: 50%;

    right: -6px;

    transform: translateY(-50%);

}



.ys-bread-list:last-child a {

    color: var(--color333);

}



.anchor-box-list-item.act .std-text3 {

    color: var(--color333);

}



.anchor-box {

    background: var(--colorbj1);

    position: fixed;

    top: var(--head);

    left: 0;

    width: 100%;

    z-index: 90;

    transform: translateY(0);

    transition: all .4s ease;

}



.inside-main.up .anchor-box {

    transform: translateY(calc(var(--head) * -1));

}



.inside-main.up .ys-hd-pc {

    transform: translateY(calc(var(--head) * -1));

}



.ys-hd-pc {

    transition: all .4s ease;

}



.why-select {

    padding-top: var(--space1);

    padding-bottom: var(--space1);

}



.yx-case3 span {

    transition: all .8s ease-in-out;

}



.yx-case3 .active {

    background: linear-gradient(180deg, #57AFBE 0%, #3ECB6F 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.why-inof {

    padding-top: var(--space2);

    padding-bottom: var(--space1);

}



.why-inof-cry {

    --distance15: 15px;

    margin: 0 calc(var(--distance15) * -1) calc(var(--distance15) * -2);

    display: flex;

    flex-wrap: wrap;

}



.why-inof-cry-nub {

    width: 50%;

    padding: 0 var(--distance15);

    margin-bottom: calc(var(--distance15) * 2);

}



.why-inof-cry-nub:first-child {

    width: 100%;

}



.wicn-box {

    width: 100%;

    height: 100%;

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    position: relative;

}



.wicn-box-bg {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .4s ease;

}



.wicn-box-play {

    width: 80px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 6;

    cursor: pointer;

}



.wicn-box-play img {

    width: 100%;

}



.wicn-box-text {

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    padding: 0 65px 64px;

    z-index: 10;

}



.wicn-box-text .std-h6 {

    color: rgba(255, 255, 255, .8);

    line-height: var(--line15);

    margin-bottom: 24px;

}



.wicn-box-text .std-h4 {

    color: var(--colorfff);

    line-height: var(--line15);

}



.why-inof-cry-nub:first-child .wicn-box::before {

    content: '';

    background: rgba(0, 0, 0, 0.2);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3;

}



.why-inof-cry-nub2 .wicn-box {

    background: #1B1B1D;

    padding: 49px 59px 80px;

}



.wicn-box-icon {

    width: 59px;

}



.wicn-box-icon img {

    width: 100%;

}



.wicn-box-data,

.wicn-box-data span {

    font-size: var(--data170);

    font-family: var(--familyB);

    line-height: 1;

    color: var(--colorfff);

}



.wicn-box-data span {

    margin-right: 8px;

}



.wicn-box-data i {

    font-size: var(--font32);

    line-height: var(--line15);

    color: var(--colorfff);

    font-style: normal;

}



.wicn-box-bot .std-h4 {

    color: var(--colorfff);

}



.why-inof-cry-nub2 .wicn-box {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.wicn-box-data {

    margin-bottom: 25px;

}



.wicn3-core {

    padding: 77px 54px;

    position: absolute;

    top: 0;

    left: 0;

    width: 332px;

}



.wicn3-core .std-h4 {

    color: var(--colorfff);

    line-height: var(--line15);

    margin-bottom: 27px;

}



.wicn3-core .std-h6 {

    color: rgba(255, 255, 255, .8);

    line-height: var(--line15);

    padding-right: 20px;

}



.wicn4-core {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    padding: 47px 54px 0;

}



.wicn4-core .std-h6 {

    margin-bottom: 24px;

    color: rgba(255, 255, 255, .8);

}



.wicn4-core .std-h4 {

    color: var(--colorfff);

    line-height: var(--line15);

}



.why-inof-cry-nub5 .wicn-box {

    background: var(--colorfff);

    padding: 47px 64px;

}



.why-inof-cry-nub5 .std-h6 {

    color: rgba(153, 153, 153, .8);

    line-height: var(--line15);

    margin-bottom: 93px;

}



.why-inof-cry-nub5 .std-h3 {

    padding: 0 18px;

    width: calc(8em + 36px);

}



.why-link {

    background: var(--color23);

    padding-top: var(--space2);

    padding-bottom: var(--space1);

}



.why-link .std-h3 {

    color: var(--colorfff);

    line-height: var(--line13);

    margin-bottom: var(--space2);

}



.wlln-icon {

    width: 90px;

    margin-left: 44px;

}



.wlln-icon img {

    width: 100%;

}



.why-link-list-nub {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.why-link-list-nub:first-child {

    justify-content: flex-start;

}



.why-link-list-nub:nth-of-type(2) {

    justify-content: center;

}



.why-link-list-nub:nth-of-type(3) {

    justify-content: flex-end;

}



.wlln-font {

    font-size: var(--data170);

    font-family: var(--familyB);

    line-height: 1;

    color: var(--colorfff);

    overflow: hidden;

}



.wlln-font span {

    transform: scaleY(0);

    display: inline-block;

    transform-origin: 50% 100%;

    will-change: transform;

}



.why-link-list-nub.on .wlln-font span {

    animation: textFadeup .7s cubic-bezier(0.26, 1, 0.48, 1) both;

    will-change: transform;

}



@keyframes textFadeup {

    0% {

        transform: scaleY(0);

    }



    100% {

        transform: scaleY(1);

    }

}



@-webkit-keyframes textFadeup {

    0% {

        transform: scaleY(0);

    }



    100% {

        transform: scaleY(1);

    }

}



.wlln-icon {

    opacity: 0;

    animation: 7.5s linear 0s infinite normal none running rotateSign;

    display: inline-block;

    transform-origin: center center;

    transition: opacity 1s .9s linear;

}



.why-link-list-nub.on .wlln-icon {

    opacity: 1;

}



@keyframes rotateSign {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



@-webkit-keyframes rotateSign {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



.why-link .ys-cont1400 {

    position: relative;

    z-index: 3;

}



.why-link,

.why-exp {

    position: relative;

}



.why-link::before {

    content: '';

    background: var(--color23);

    height: 100vh;

    width: 100vw;

    position: absolute;

    top: 0;

    left: 0;

}



.why-exp {

    padding-left: 40px;

    padding-right: 40px;

    position: relative;

    z-index: 6;

}



.why-exp-cry {

    background: var(--colorbj1);

    border-radius: 20px 20px 0 0;

    padding-top: var(--space2);

    padding-bottom: var(--space1);

}



.why-exp-cry .std-h3 {

    margin-bottom: var(--space3);

    color: var(--color333);

    line-height: var(--line13);

}



.wecl-item {

    margin-bottom: 25px;

    position: relative;

    padding: 29px 32px 28px;

    display: flex;

}



.wecl-item:last-child {

    margin-bottom: 0;

}



.wecl-item::before {

    content: '';

    background: var(--bg1);

    position: absolute;

    border-radius: var(--radius);

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition: all .4s ease;

}



.wecl-item-logo {

    width: 356px;

    height: 356px;

    border-radius: var(--radius);

    background: var(--bg2);

    position: relative;

}



.wecl-item-logo-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 270px;

}



.wecl-item-text {

    /* 59.2 */

    width: calc(59.2% - 210.752px);

    padding-left: 55px;

    padding-right: 61px;

    padding-top: 27px;

    padding-bottom: 12px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.wecl-item-data {

    /* 40.8 */

    width: calc(40.8% - 145.248px);

    border-left: 1px solid #CDCBC8;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 0 0 12px 34px;

}



.wecl-item-text .std-h6,

.wecl-item-text .std-h6 p {

    color: var(--color333);

    line-height: var(--line165);

}



.wecl-item-logo,

.wecl-item-text,

.wecl-item-data {

    position: relative;

    z-index: 6;

}



.wecl-item-text-inof p {

    margin-bottom: 4px;

}



.wecl-item-text-inof p:last-child {

    margin-bottom: 0;

    color: var(--color23);

}



.wecl-item-data-font {

    color: var(--color23);

    font-size: 96px;

    line-height: 1;

    margin-bottom: 9px;

}



.wecl-item-data .std-text2 {

    color: rgba(0, 0, 0, 0.7);

    line-height: var(--line13);

}



.why-case {

    border-top: 1px solid #CDCBC8;

    padding-top: var(--space2);

    padding-bottom: var(--space1);

    position: relative;

    z-index: 7;

    background: var(--colorbj1);

}



.wccl-data {

    color: var(--color23);

    font-size: var(--data170);

    font-family: var(--familyB);

}



.why-case-cry {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 49px;

}



.why-case-cry-left {

    display: flex;

    align-items: flex-end;

}



.why-case-cry-left .std-h3 {

    margin-left: 23px;

}



.why-case-cry-right {

    padding-top: 87px;

    width: 396px;

}



.wccr-item {

    border-bottom: 1px solid #CDCBC8;

    display: flex;

    justify-content: space-between;

    padding-top: 16px;

    padding-bottom: 5px;

    padding-left: 11px;

    padding-right: 14px;

}



.wccr-item .std-h6 {

    color: var(--color333);

    line-height: var(--line15);

}



.why-case-img {

    width: 521px;

    margin: 0 auto;

    margin-bottom: -1px;

    position: relative;

    z-index: 3;

}



.why-case-img img {

    width: 100%;

}



.why-case-logo {

    border-top: 1px solid #CDCBC8;

    background: var(--colorbj1);

    position: relative;

    z-index: 3;

}



.wclh-list-item {

    width: 172px;

    display: inline-block;

    position: relative;

}



.wclh-list {

    width: calc(172px * var(--width-shu));

    white-space: nowrap;

    font-size: 0;

}



.wclh-list2 {

    transform: translateX(100%);

    position: absolute;

    top: 0;

    left: 0;

}



.wclh-list1 {

    transform: translateX(0);

}



.wclh-list1 {

    animation: donghua calc(1.8s * var(--width-shu)) linear infinite;

}



.wclh-list2 {

    animation: donghua2 calc(1.8s * var(--width-shu)) linear infinite;

}



.why-case-logo-horse:nth-of-type(2n-1) .wclh-list2 {

    transform: translateX(-100%);

    position: absolute;

    top: 0;

    left: 0;

}



@keyframes donghua {

    from {

        transform: translateX(0);

    }



    to {

        transform: translateX(-100%);

    }

}



@keyframes donghua2 {

    from {

        transform: translateX(100%);

    }



    to {

        transform: translateX(0);

    }

}



.why-case-logo-horse:nth-of-type(2n-1) .wclh-list1 {

    animation: donghua3 calc(1.8s * var(--width-shu)) linear infinite;

}



.why-case-logo-horse:nth-of-type(2n-1) .wclh-list2 {

    animation: donghua4 calc(1.8s * var(--width-shu)) linear infinite;

}



@keyframes donghua3 {

    from {

        transform: translateX(0);

    }



    to {

        transform: translateX(100%);

    }

}



@keyframes donghua4 {

    from {

        transform: translateX(-100%);

    }



    to {

        transform: translateX(0);

    }

}



.wclh-lil-circle {

    width: 150px;

    height: 150px;

    background: var(--colorfff);

    border-radius: 50%;

    transition: all .4s ease;

}



.wclh-list-item-link {

    position: relative;

}



.wclh-list-item {

    padding: 0 11px;

}



.wclh-lil-wrap {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    transform: translate(-50%, -50%);

}



.wclh-lil-wrap-icon {

    width: 100%;

    opacity: 1;

    transition: all .36s ease;

}



.wclh-lil-wrap-icon img {

    transform: scale(1) !important;

}



.wclh-lil-wrap-text {

    position: absolute;

    width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -30%);

    text-align: center;

    opacity: 0;

    pointer-events: none;

    transition: all .4s ease;

}



.wclh-lil-wrap-text .std-h6 {

    margin-bottom: 4px;

}



.why-case-logo {

    padding-top: 31px;

}



.why-case-logo-horse {

    margin-bottom: 9px;

    position: relative;

}



.why-case-logo-horse:last-child {

    margin-bottom: 0;

}



.why-case-logo-horse2 {

    transform: translateX(48px);

}



.why-approve {

    background: var(--colorbj2);

    padding-top: var(--space2);

    overflow: hidden;

}



.why-approve .std-h3 {

    margin-bottom: 23px;

}



.why-approve-cry-list {

    width: 100%;

}



.why-approve-cry-left {

    width: calc(100% - 364px);

}



.wacl-list-item-img {

    width: 531px;

}



.wacl-list-item-text {

    padding-left: 30px;

}



.wacl-lit-yin {

    width: 51px;

    margin-bottom: 24px;

}



.wacl-lit-yin img {

    width: 100%;

}



.wacl-list-item-text .std-h6,

.wacl-list-item-text .std-h6 p {

    color: var(--color333);

    line-height: var(--line165);

}



.wacl-list-item-text .std-h6 {

    margin-bottom: 24px;

}



.wacl-core-icon {

    width: 84px;

    position: relative;

    z-index: 10;

}



.wacl-core {

    display: flex;

    align-items: center;

    height: 100%;

    position: relative;

}



.why-approve-cry {

    display: flex;

    align-items: flex-end;

}



.wacl-list {

    position: relative;

}



.wacl-list-item {

    display: flex;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    transition: all 0s ease;

    transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

}



.wacl-list-item.act {

    opacity: 1;

    pointer-events: all;

    position: relative;

    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

    transition: all 1.5s ease, opacity 0s ease;

}



.wacl-list-item-text {

    width: calc(100% - 531px);

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-right: 150px;

}



.why-approve-cry-list {

    height: 500px;

    overflow: hidden;

}



.why-approve-cry-right {

    padding-bottom: 125px;

    width: 364px;

    position: relative;

}



.wacl-core::before {

    content: '';

    background: #CDCBC8;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: calc(100% - 4px);

    height: 1px;

    transition: all .4s ease;

}



.swiper-slide.no_act .wacl-core::before {

    opacity: 0;

}



.wacl-core {

    padding: 11px 28px 0;

}



.wecl-item-text-inof {

    width: calc(100% - 84px);

    padding-left: 32px;

    position: relative;

    z-index: 10;

}



.wacl-core::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    background: #DFD8C8;

    border-radius: 20px;

    bottom: 0;

    left: 0;

    transition: all .4s ease;

    opacity: 0;

}



.why-approve-cry-list .swiper-slide.act .wacl-core::after {

    opacity: 1;

}



.why-approve-cry-list .swiper-slide.act .wacl-core::before {

    opacity: 0;

}



.why-approve-cry-list .swiper-slide {

    cursor: pointer;

}



.why-approve-cry-right .swiper-button-next,

.why-approve-cry-right .swiper-button-prev {

    width: 25px;

    height: 25px;

    left: 50%;

    transform: translateX(-50%);

    right: auto;

    margin-top: 0;

}



.why-approve-cry-right .swiper-button-next::before,

.why-approve-cry-right .swiper-button-prev::before {

    content: '';

    background-image: url(../images/0d2_icon3.svg);

    background-size: 100% 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

}



.why-approve-cry-right .swiper-button-prev::before {

    transform: translate(-50%, -50%) rotate(180deg);

}



.why-approve-cry-right .swiper-button-next {

    bottom: 75px;

    top: auto;

}



.why-approve-cry-right .swiper-button-prev {

    top: -50px;

}



.why-approve-cry-right .swiper-button-next::after,

.why-approve-cry-right .swiper-button-prev::after {

    opacity: 0 !important;

    pointer-events: none;

}



.why-approve-cry-right .swiper-button-next.swiper-button-disabled,

.why-approve-cry-right .swiper-button-prev.swiper-button-disabled {

    opacity: 0;

}



.why-share {

    padding-top: var(--space2);

    padding-bottom: calc(var(--space1) + var(--jian64));

    --jian64: 64px;

}



.why-share .std-h3 {

    margin-bottom: 65px;

}



.why-share-list {

    --jian6d5: 6.5px;

    display: flex;

    flex-wrap: wrap;

    margin: 0 calc(var(--jian6d5) * -1) calc(var(--jian18) * -1);

    --jian18: 18px;

}



.why-share-list-item {

    width: 25%;

    padding: 0 var(--jian6d5);

    margin-bottom: var(--jian18);

}



.why-share-list-item:nth-of-type(2n) {

    position: relative;

}



.wsli-img {

    width: 100%;

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.wsli-text {

    background: var(--bg);

    border-radius: var(--radius);

    position: relative;

}



.wsli-text-inof {

    position: absolute;

    padding: 49px 39px;

    top: 0;

    left: 0;

    width: 100%;

}



.wsli-text {

    margin-top: var(--jian18);

}



.why-share-list-item:nth-of-type(2n) .wsli-text {

    margin-top: 0;

    margin-bottom: var(--jian18);

}



.why-share-list-item:nth-of-type(2n) {

    display: flex;

    flex-direction: column-reverse;

}



.wsli-text .std-text1 {

    line-height: var(--line15);

    margin-bottom: 16px;

    color: var(--fontbg);

}



.wsli-text .std-h5 {

    line-height: var(--line15);

    color: var(--fontbg);

}



.wsli-text::before {

    content: '';

    border-bottom: 14px solid var(--bg);

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    position: absolute;

    top: -14px;

    left: 50%;

    transform: translateX(-50%);

}



.why-share-list-item:nth-of-type(2n) .wsli-text::before {

    border-top: 14px solid var(--bg);

    border-bottom: 0;

    top: auto;

    bottom: -14px;

}



.why-awards {

    border-top: 1px solid #CDCBC8;

    padding-top: var(--space2);

}



.why-awards .std-h3 {

    color: var(--color333);

    margin-bottom: var(--space3);

}



.why-awards:last-child {

    padding-bottom: var(--space1);

}



.why-awards {

    --jian15: 15px;

}



.waon-link,

.wali-link {

    background: #F2EFE8;

    border-radius: var(--radius);

    display: flex;

}



.wali-link {

    padding: 53px 18px 55px 44px;

}



.why-awards-list-item,

.why-awards-other-nub {

    padding: 0 var(--jian15);

    margin-bottom: calc(var(--jian15) * 2);

}



.why-awards-list,

.why-awards-other {

    margin: 0 calc(var(--jian15) * -1);

    display: flex;

    flex-wrap: wrap;

}



.why-awards-other {

    margin-bottom: calc(var(--jian15) * -2);

}



.wali-link-img {

    width: 342px;

}



.wali-link-text {

    width: calc(100% - 342px);

    padding-top: 36px;

}



.wali-link-text .std-h5 {

    color: var(--color333);

    line-height: var(--line15);

    margin-bottom: 22px;

    height: calc(1.5em * 2);

}



.why-awards-list-item {

    width: 50%;

}



.why-awards-other-nub {

    width: 33.333333%;

}



.waon-link-img {

    width: 100%;

    margin-bottom: 25px;

}



.waon-link-btn {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding-left: 10px;

}



.waon-link-btn .std-text2 {

    color: var(--color333);

    line-height: var(--line15);

    margin-right: 8px;

}



.waon-link-btn-icon {

    width: 24px;

}



.waon-link-btn-icon img {

    width: 100%;

}



.waon-link {

    flex-wrap: wrap;

    flex-direction: column;

}



.waon-link-text {

    padding: 0 28px 37px;

}



.waon-link-text .std-h6 {

    margin-bottom: 17px;

}



/* start */

.ys-bgimg {

    position: relative;

    z-index: 2;

    width: 100%;

    height: 100vh;

    --pro: 0;

    overflow: hidden;

}



.ys-bgimg-box {

    position: fixed;

    top: var(--anchor);

    left: 0;

    bottom: 0;

    z-index: -1;

    width: 100%;

    height: calc(100vh - var(--anchor));

    padding-top: 86px;

    perspective: 1000px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #d9d9d9;

    overflow: hidden;

    --core: calc(calc(var(--prox) * 70%) + 10%);

    clip-path: circle(var(--core) at 50% 50%);

}



.ys-bgimg-box-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-content: center;

    transform: rotate(-6.37deg) scale(1.3) translateZ(0);

}



.ys-bbl-item {

    display: flex;

    will-change: transform;

}



.ys-bbl-item-nub {

    width: 25%;

}



.ys-bbl-item-nub .ys-imgbox-cover {

    border-radius: var(--radius);

    padding: 13px;

}



.ys-bbl-item {

    position: relative;

}



.ys-bbl-item-nub .ys-imgbox-cover img {

    border-radius: inherit;

}



.ys-bbl-item:nth-of-type(2n-1) {

    left: calc(15% - calc(30% * var(--pro)));

    /* transform: translateX(calc(15% - calc(30% * var(--pro)))) translate3d(0, 0, 0); */

}



.ys-bbl-item:nth-of-type(2n) {

    left: calc(calc(30% * var(--pro)) - 15%);

    /* transform: translateX(calc(calc(30% * var(--pro)) - 15%)) translate3d(0, 0, 0); */

}



/* .ys-bbl-item-nub {

    transform: translate3d(0,0,0);

} */



/* end */

.company-outline {

    position: relative;

}



.company-outline .std-h1 {

    position: fixed;

    top: 50%;

    --left1: calc(calc(1 - var(--prox) * 1.2) * 100%);

    --x1: calc(var(--prox) * -100%);

    transform: translate(var(--x1), -50%);

    left: var(--left1);

    white-space: nowrap;

}



.ys-bgimg .std-h1 {

    color: var(--colorfff);

    z-index: 2;

}



.company-outline-box {

    position: relative;

    width: 100%;

    top: var(--anchor);

    left: 0;

    height: 150vh;

}



.ys-bgimg,

.company-outline-text {

    height: calc(100vh - var(--anchor));

}



.company-partner {

    background: var(--color23);

    padding-top: var(--space1);

    padding-bottom: var(--space1);

    position: relative;

    z-index: 10;

}



.company-outline-text {

    position: relative;

    z-index: 9;

}



.company-outline {

    background: #f9f8f5;

}



.company-outline-box>.std-h1 {

    top: calc(50% + var(--anchor) / 2);

}



.ys-bgimg-box::before {

    content: '';

    background: rgba(0, 0, 0, .7);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

    opacity: 0;

    pointer-events: none;

    transition: all .4s ease;

}



.company-outline.act .ys-bgimg-box::before {

    opacity: 1;

}



.company-outline-text {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.company-outline-text .yx-case3 span {

    color: var(--colorfff);

    line-height: var(--line15);

    font-family: var(--familyM);

}



.company-outline-text .yx-case3 {

    position: relative;

}



.company-outline-text .yx-case3-box {

    height: 60vh;

}



.company-partner-box {

    /* position: relative; */

    --jian15: 15px;

}



.company-partner .std-h3 {

    color: var(--colorfff);

    margin-bottom: var(--space3);

}



.company-partner-list-item {

    padding: 0 var(--jian15);

}



.company-partner-list {

    margin: 0 calc(var(--jian15) * -1);

    /* 62.15% */

    width: 124.3%;

}



.cpli-box {

    border-radius: var(--radius);

    overflow: hidden;

    position: relative;

    cursor: pointer;

}



.cpli-box-play {

    position: absolute;

    width: 80px;

    z-index: 8;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.company-partner-list-item:not(:first-child) {

    display: none;

}



.company-partner-list .slick-list {

    overflow: visible;

}



.cpli-box img {

    transition: all .4s ease;

}



.company-partner.mod-arrow .slick-prev,

.company-partner.mod-arrow .slick-next {

    border: 1px solid var(--colorfff);

}



.company-partner.mod-arrow .slick-next::after {

    background: url(../images/a1_arrow02.svg) center / cover no-repeat;

}



.company-partner.mod-arrow .slick-prev::after {

    background: url(../images/a1_arrow002.svg) center / cover no-repeat;

}



.company-partner .ys-cont1400 {

    position: relative;

}



.company-partner-box .slick-slider {

    position: static;

}



.company-founder {

    background: #f9f8f5;

    padding-top: var(--space2);

    border-bottom: 1px solid #CDCBC8;

    z-index: 10;

    position: relative;

    padding-bottom: var(--space2);

}



.company-founder-person-left {

    width: 56.28%;

    padding-right: 100px;

}



.company-founder-person-right {

    width: 43.72%;

}



.company-founder-person-left .std-h3 {

    color: var(--color333);

    margin-bottom: 50px;

}



.company-founder-person-left .std-text1,

.company-founder-person-left .std-text1 p {

    color: var(--color666);

    line-height: var(--line15);

    margin-bottom: 16px;

}



.company-founder-person-left .std-text1 p:last-child {

    margin-bottom: 0;

}



.company-founder-person-left .std-text1 span {

    color: var(--color333);

}



.cfpr-img {

    width: 100%;

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    position: relative;

    cursor: pointer;

}



.cfpr-img img {

    width: 100%;

}



.company-founder-person {

    display: flex;

    align-items: center;

    padding-bottom: 60px;

    border-bottom: 1px solid #CDCBC8;

}



.company-video-hover,

.company-video-click {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    pointer-events: none;

    transition: all .4s ease;

}



.cfpr-img-btn {

    position: absolute;

    bottom: 40px;

    left: 40px;

    z-index: 6;

    padding: 14px 40px 14px 14px;

    border-radius: 44px;

    display: flex;

    align-items: center;

    transition: all .4s ease;

}



.cfpr-img-btn::before {

    content: '';

    background: var(--colorfff);

    height: 100%;

    width: 88px;

    border-radius: 44px;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: all .6s cubic-bezier(.645, .045, .355, 1);

}



.cfpr-img-btn.act::before {

    width: 100%;

}



.cfpr-img-btn-icon {

    width: 60px;

}



.cfpr-img-btn-text {

    padding-left: 24px;

    position: relative;

    z-index: 2;

    opacity: 0;

    transition: all .4s .2s ease;

}



.cfpr-img-btn.act .cfpr-img-btn-text {

    opacity: 1;

}



.cfpr-img-btn-text .std-text1,

.cfpr-img-btn-text .std-text1 p {

    color: var(--color333);

    line-height: var(--line15);

    margin-bottom: 0;

}



.cfpr-img-btn-text .std-text2,

.cfpr-img-btn-text .std-text2 p {

    line-height: var(--line165);

    color: var(--color666);

    margin-bottom: 0;

}



.cfpr-img-btn-text .std-text2 {

    margin-top: 1px;

}



.company-video.on .company-video-hover {

    opacity: 1;

    pointer-events: all;

}



.company-video.act .company-video-click {

    opacity: 1;

    pointer-events: all;

}



.cfpr-img.act .cfpr-img-btn {

    opacity: 0;

    pointer-events: none;

}



.company-founder-alway {

    --top70: 70px;

    padding-top: var(--top70);

    position: relative;

}



.company-founder-alway .std-h3 {

    color: var(--color333);

    margin-bottom: var(--space3);

}



.company-founder-alway-list {

    --jian30: 30px;

    margin: 0 calc(var(--jian30) * -1);

    padding-right: 90px;

    position: static;

}



.cfal-item {

    width: 33.333333%;

    padding: 0 var(--jian30);

}



.cfal-item-link {

    width: 100%;

    display: block;

    border-radius: var(--radius);

    background: var(--colorbj2);

    padding: 37px 53px 20px;

}



.cfal-item-link .ys-imgbox-cover {

    width: 100%;

    margin-bottom: 20px;

    overflow: visible;

}



.cfal-item-link .ys-imgbox-cover img {

    object-fit: contain;

}



.cfal-item-link .std-text1 {

    text-align: center;

    color: var(--color333);

    line-height: var(--line15);

}



.company-founder-alway-list .slick-list {

    overflow: visible;

}



.cfal-item:not(:first-child) {

    display: none;

}



.company-partner.mod-arrow .slick-next,

.company-partner.mod-arrow .slick-prev,

.company-who.mod-arrow .slick-next,

.company-who.mod-arrow .slick-prev {

    top: 4px;

    transform: translate(0);

}



.company-partner.mod-arrow .slick-prev,

.company-founder-alway.mod-arrow .slick-prev,

.company-who.mod-arrow .slick-prev {

    left: auto;

    right: 70px;

}



.company-founder-alway.mod-arrow .slick-next,

.company-founder-alway.mod-arrow .slick-prev {

    transform: translate(0);

    top: calc(var(--top70) + 4px);

}



.company-who {

    position: relative;

    z-index: 10;

    background: #f9f8f5;

    padding-top: var(--space2);

    padding-bottom: var(--space2);

}



.company-who .std-h3 {

    margin-bottom: var(--space3);

}



.company-who-list {

    --jian20: 20px;

    margin: 0 calc(var(--jian20) * -1);

    padding-right: 58px;

    position: static;

}



.company-who-list-item {

    width: 33.333333%;

    padding: 0 var(--jian20);

}



.cwli-link-img {

    width: 100%;

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    position: relative;

    cursor: pointer;

    margin-bottom: 20px;

}



.cwli-link-img-play {

    width: 68px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

    pointer-events: none;

    transition: all .4s ease;

}



.cwli-link-img-play img {

    width: 100%;

}



.cwli-link-img-hover,

.cwli-link-img-click {

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    width: 100%;

    height: 100%;

    opacity: 0;

    pointer-events: none;

}



.company-who-list-item:not(:first-child) {

    display: none;

}



.company-who-list .slick-list {

    overflow: visible;

}



.cwli-link-img.act .cwli-link-img-play {

    opacity: 0;

}



.company-who .ys-cont1400 {

    position: relative;

}



.company-active {

    position: relative;

    z-index: 10;

    background: #f9f8f5;

    padding-top: var(--space2);

    padding-bottom: var(--space2);

    border-top: 1px solid #CDCBC8;

}



.company-active .std-h1 {

    text-align: center;

    color: var(--color333);

    line-height: var(--line13);

    margin-bottom: 20px;

}



.company-active-font {

    font-size: 500px;

    line-height: var(--line13);

    color: var(--colorbj2);

    font-family: var(--familyM);

    position: absolute;

    bottom: 42px;

}



.company-active-list-item img {

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.company-active-list-item img {

    width: 100%;

}



.company-active-list-item1 {

    width: 27.57%;

    margin-left: 4.42857%;

}



.company-active-list-item2 {

    width: 21.57%;

    margin-right: 3.5714%;

    margin-top: 55px;

}



.company-active-list2-left {

    width: 29.285714%;

    margin-left: 0;

    position: relative;

    margin-top: 44px;

}



.company-active-list-item3 {

    width: 67.317073%;

    position: absolute;

    top: 0;

    right: 0;

}



.company-active-list-item4 {

    margin-top: 76px;

    width: 65.365854%;

    margin-left: 0;

}



.company-active-list-item5 {

    width: 17.071429%;

    margin-top: 143px;

}



.company-active-list2-right {

    width: 30.928571%;

    margin-right: -9px;

    position: relative;

}



.company-active-list-item6 {

    width: 70.900693%;

}



.company-active-list-item7 {

    width: 52.886836%;

    position: absolute;

    right: 0;

    top: 89px;

}



.company-active-list1 {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-bottom: 26px;

}



.company-active-list2 {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}



.company-active .ys-cont1400 {

    position: relative;

    z-index: 6;

}



.company-active-font {

    left: 100%;

}



@keyframes growmove {

    0% {

        left: 100%;

    }



    100% {

        left: 9.114583%;

    }

}



@-webkit-keyframes growmove {

    0% {

        left: 100%;

    }



    100% {

        left: 9.114583%;

    }

}



.company-active .std-h1,

.company-active-list-item {

    opacity: 0;

    -webkit-transform: translate3d(0, 60px, 0);

    transform: translate3d(0, 60px, 0);

}



.company-active.act .std-h1 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 0.2s;

}



.company-active.act .company-active-font {

    animation: growmove .8s ease-in-out both;

    animation-delay: .7s;

}



.company-active.act .company-active-list-item1 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 1.5s;

}



.company-active.act .company-active-list-item2 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 1.6s;

}



.company-active.act .company-active-list-item3 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 1.7s;

}



.company-active.act .company-active-list-item4 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 1.8s;

}



.company-active.act .company-active-list-item5 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 1.9s;

}



.company-active.act .company-active-list-item6 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 2.0s;

}



.company-active.act .company-active-list-item7 {

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: 2.1s;

}



.company-value {

    background: var(--colorfff);

    position: relative;

    z-index: 10;

}



.company-value .std-h3 {

    color: var(--color333);

    line-height: var(--line13);

}



.company-value {

    --width: 444px;

    --jian54: 54px;

}



.company-value-list {

    white-space: nowrap;

    font-size: 0;

    margin: 0 calc(var(--jian54) * -1);

}



.company-value-inof {

    width: var(--width);

    margin: 0 auto;

}



.company-value-list-item {

    width: var(--width);

    height: var(--width);

    border-radius: 50%;

    margin: 0 var(--jian54);

    display: inline-block;

    position: relative;

}



.company-value-list-item::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: var(--colorfff);

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

}



.cvli-box {

    opacity: 0;

}



.company-value-list-item:first-child .cvli-box {

    opacity: 1;

}



.company-value.act .cvli-box {

    opacity: 1;

    -webkit-transition: opacity .6s linear;

    -o-transition: opacity .6s linear;

    transition: opacity .6s linear;

}



.company-value.act .company-value-list-item::before {

    -webkit-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

    -o-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

    width: 100%;

    height: 100%;

    opacity: 1;

}



.company-value.act .company-value-list-item:nth-child(n+2)::before {

    -webkit-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

    -o-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

    transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

    width: 100%;

    height: 100%;

    opacity: 1.0;

}



.company-value.act .company-value-list-item:nth-child(2)::before,

.company-value.act .company-value-list-item:nth-child(2) .cvli-box {

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}



.company-value.act .company-value-list-item:nth-child(3)::before,

.company-value.act .company-value-list-item:nth-child(3) .cvli-box {

    -webkit-transition-delay: 1s;

    -o-transition-delay: 1s;

    transition-delay: 1s;

}



.company-value.act .company-value-list-item:nth-child(4)::before,

.company-value.act .company-value-list-item:nth-child(4) .cvli-box {

    -webkit-transition-delay: 1.5s;

    -o-transition-delay: 1.5s;

    transition-delay: 1.5s;

}



.cvli-box {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    flex-direction: column;

    padding: 20px;

    width: var(--width);

    height: var(--width);

    position: relative;

    z-index: 8;

}



.cvli-box .std-text2 {

    color: var(--color666);

    margin-bottom: 35px;

}



.cvli-box .std-h4,

.cvli-box .std-h4 p {

    line-height: var(--line13);

    color: var(--color333);

}



.cvli-box .std-h4 p {

    margin-bottom: 5px;

}



.cvli-box .std-h4 p:last-child {

    margin-bottom: 0;

}



.company-value .std-h3 {

    margin-bottom: var(--space3);

}



.cvli-dots-nub {

    opacity: 0;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(1) {

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(2) {

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(3) {

    -webkit-transition-delay: .4s;

    -o-transition-delay: .4s;

    transition-delay: .4s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(4) {

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}



.company-value-list-item:nth-child(1) .cvli-dots-nub:nth-child(5),

.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(1) {

    -webkit-transition-delay: .6s;

    -o-transition-delay: .6s;

    transition-delay: .6s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(2) {

    -webkit-transition-delay: .7s;

    -o-transition-delay: .7s;

    transition-delay: .7s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(3) {

    -webkit-transition-delay: .8s;

    -o-transition-delay: .8s;

    transition-delay: .8s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(4) {

    -webkit-transition-delay: .9s;

    -o-transition-delay: .9s;

    transition-delay: .9s;

}



.company-value-list-item:nth-child(2) .cvli-dots-nub:nth-child(5),

.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(1) {

    -webkit-transition-delay: 1s;

    -o-transition-delay: 1s;

    transition-delay: 1s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(2) {

    -webkit-transition-delay: 1.1s;

    -o-transition-delay: 1.1s;

    transition-delay: 1.1s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(3) {

    -webkit-transition-delay: 1.2s;

    -o-transition-delay: 1.2s;

    transition-delay: 1.2s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(4) {

    -webkit-transition-delay: 1.3s;

    -o-transition-delay: 1.3s;

    transition-delay: 1.3s;

}



.company-value-list-item:nth-child(3) .cvli-dots-nub:nth-child(5),

.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(1) {

    -webkit-transition-delay: 1.4s;

    -o-transition-delay: 1.4s;

    transition-delay: 1.4s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(2) {

    -webkit-transition-delay: 1.5s;

    -o-transition-delay: 1.5s;

    transition-delay: 1.5s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(3) {

    -webkit-transition-delay: 1.6s;

    -o-transition-delay: 1.6s;

    transition-delay: 1.6s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(4) {

    -webkit-transition-delay: 1.7s;

    -o-transition-delay: 1.7s;

    transition-delay: 1.7s;

}



.company-value-list-item:nth-child(4) .cvli-dots-nub:nth-child(5) {

    -webkit-transition-delay: 1.8s;

    -o-transition-delay: 1.8s;

    transition-delay: 1.8s;

}



.cvli-dots-nub:nth-child(1) div {

    animation: flow_anime1 2s ease-in infinite;

}



@keyframes flow_anime1 {

    0% {

        background: rgba(255, 255, 255, 0.0);

    }



    0.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    30% {

        background: rgba(255, 255, 255, 0.0);

    }

}



@-webkit-keyframes flow_anime1 {

    0% {

        background: rgba(255, 255, 255, 0.0);

    }



    0.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    30% {

        background: rgba(255, 255, 255, 0.0);

    }

}



.cvli-dots-nub:nth-child(2) div {

    animation: flow_anime2 2s ease-in infinite;

}



@keyframes flow_anime2 {

    10% {

        background: rgba(255, 255, 255, 0.0);

    }



    10.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    40% {

        background: rgba(255, 255, 255, 0.0);

    }

}



@-webkit-keyframes flow_anime2 {

    10% {

        background: rgba(255, 255, 255, 0.0);

    }



    10.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    40% {

        background: rgba(255, 255, 255, 0.0);

    }

}



.cvli-dots-nub:nth-child(3) div {

    animation: flow_anime3 2s ease-in infinite;

}



@keyframes flow_anime3 {

    20% {

        background: rgba(255, 255, 255, 0.0);

    }



    20.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    50% {

        background: rgba(255, 255, 255, 0.0);

    }

}



@-webkit-keyframes flow_anime3 {

    20% {

        background: rgba(255, 255, 255, 0.0);

    }



    20.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    50% {

        background: rgba(255, 255, 255, 0.0);

    }

}



.cvli-dots-nub:nth-child(4) div {

    animation: flow_anime4 2s ease-in infinite;

}



@keyframes flow_anime4 {

    30% {

        background: rgba(255, 255, 255, 0.0);

    }



    30.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    60% {

        background: rgba(255, 255, 255, 0.0);

    }

}



@-webkit-keyframes flow_anime4 {

    30% {

        background: rgba(255, 255, 255, 0.0);

    }



    30.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    60% {

        background: rgba(255, 255, 255, 0.0);

    }

}



.cvli-dots-nub:nth-child(5) div {

    animation: flow_anime5 2s ease-in infinite;

}



@keyframes flow_anime5 {

    40% {

        background: rgba(255, 255, 255, 0.0);

    }



    40.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    70% {

        background: rgba(255, 255, 255, 0.0);

    }

}



@-webkit-keyframes flow_anime5 {

    40% {

        background: rgba(255, 255, 255, 0.0);

    }



    40.1% {

        background: rgba(255, 255, 255, 1.0);

    }



    70% {

        background: rgba(255, 255, 255, 0.0);

    }

}



.cvli-dots {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: calc(100% + var(--jian54));

}



.cvli-dots-nub div {

    width: 10px;

    height: 10px;

    box-sizing: border-box;

    border: 2px solid var(--colorfff);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden;

}



.cvli-dots-nub {

    position: absolute;

    top: -5px;

    transform: translateX(-50%);

}



.cvli-dots-nub:nth-child(1) {

    left: -34px;

}



.cvli-dots-nub:nth-child(2) {

    left: -17px;

}



.cvli-dots-nub:nth-child(4) {

    left: 17px;

}



.cvli-dots-nub:nth-child(5) {

    left: 34px;

}



.company-value-list-item:last-child .cvli-dots {

    display: none;

}



.company-value-view {

    height: calc(100vh - var(--anchor));

    display: flex;

    align-items: center;

    padding-top: var(--space2);

    padding-bottom: var(--space2);

    background: var(--colorbj2);

    --sacle1: calc(var(--pro1) * 100%);

    clip-path: circle(var(--sacle1) at 50% 50%);

}



.company-value {

    min-height: 200vh;

    --pro1: 0;

    --heightx: calc(200vh - var(--anchor) + var(--widthz));

    height: var(--heightx);

}



.company-value-view .ys-cont1400 {

    position: relative;

}



.company-value-view .std-h3 {

    position: absolute;

    left: 0;

    top: -107px;

}



.company-value.on1 .company-value-view {

    position: fixed;

    top: var(--anchor);

    left: 0;

    width: 100%;

}



.company-value.on2 .company-value-view {

    position: absolute;

    top: auto;

    bottom: 0;

}



.company-value.act .cvli-dots-nub {

    -webkit-transition: opacity 0.3s ease-in-out;

    -o-transition: opacity 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out;

    opacity: 1.0;

}



.company-value-inof {

    --x1: calc(var(--widthz) * var(--pro2) * -1);

    transform: translateX(var(--x1));

}



.company-end {

    background: var(--colorbj2);

    border-top: 1px solid #CDCBC8;

    padding-top: var(--space2);

    padding-bottom: var(--space2);

    text-align: center;

    position: relative;

    z-index: 10;

}



.company-main .ys-footer {

    position: relative;

    z-index: 10;

}



.why-service {

    position: relative;

}



.why-service.act .why-link {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

}



.why-service.act {

    padding-top: var(--topx);

}



.why-exp-cry {

    position: relative;

    z-index: 10;

}



.why-exp-cry::before {

    content: '';

    width: 100%;

    height: calc(100% + 4rem);

    position: absolute;

    top: 0;

    left: 0;

    background: var(--colorbj1);

    border-radius: 20px 20px 0 0;

}



.why-service.act.on1 .why-link {

    position: fixed;

    top: 0;

}



.why-service.act.on2 .why-link {

    position: absolute;

    top: var(--top1);

}



.wecl-item::after {

    content: '';

    background: var(--colorbj1);

    opacity: .7;

    position: absolute;

    border-radius: var(--radius);

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

    pointer-events: none;

    transition: all .4s ease;

}



.wecl-item.on::after {

    opacity: 0;

}



.wecl-item.on::before,

.wecl-item.on::after {

    width: calc(100% + 20px);

}



.why-share-list-item:nth-of-type(2n-1) {

    --move1: calc(calc(var(--pro) * -20px) + 20px);

    transform: translateY(var(--move1));

}



.why-share-list-item:nth-of-type(2n) {

    --move2: calc(var(--pro) * calc(var(--jian64) + 50px) - 30px);

    transform: translateY(var(--move2));

}



.ys-num {

    overflow: hidden;

    display: flex;

}



.ys-num-wrap {

    font-size: inherit;

    text-align: inherit;

    font-weight: inherit;

    color: inherit;

    line-height: inherit;

}



.ys-num-wrap span {

    transform: translateY(100%);

    display: inline-block;

    will-change: transform;

}



.ys-num-wrap.on span {

    animation: numFadeup .7s cubic-bezier(0.26, 1, 0.48, 1) both;

}



@keyframes numFadeup {

    0% {

        transform: translateY(100%);

    }



    100% {

        transform: translateY(0);

    }

}



.ys-num-wrap span:last-child {

    animation-delay: 0ms !important;

    transform: translateY(0) !important;

    animation: none !important;

}



.ys-num i {

    color: inherit;

    font-size: inherit;

    line-height: inherit;

}



.wicn-box-data {

    display: flex;

    align-items: flex-end;

}



.stretch-font {

    position: relative;

}



.stretch-font::before {

    content: '';

    background-image: url(../images/d2_icon03.svg);

    position: absolute;

    width: 15px;

    height: 96px;

    background-size: 100% 100%;

    left: 0;

    top: -20px;

}



.stretch-font span {

    margin-bottom: 19px;

    display: block;

    line-height: inherit;

    position: relative;

}



.stretch-font span:last-child {

    margin-bottom: 0;

}



.stretch-font::after {

    content: '';

    background-image: url(../images/d2_icon02.svg);

    position: absolute;

    width: 15px;

    height: 96px;

    background-size: 100% 100%;

    right: 0;

    bottom: -20px;

    opacity: 0;

}



.stretch-font span::before {

    content: '';

    background: #D5E9FF;

    position: absolute;

    width: calc(100% + 20px);

    height: 100%;

    top: 0;

    left: -10px;

    z-index: -1;

    opacity: 0;

    width: 0;

}



.stretch-font.act span:first-child::before {

    transition: all .1s linear;

    opacity: 1;

    animation: stretchspan1 1s linear forwards;

}



.stretch-font.act span:nth-child(2)::before {

    transition: all .1s linear;

    opacity: 1;

    animation: stretchspan2 1s linear forwards;

}



.stretch-font.act::after {

    transition: all .1s linear;

    opacity: 1;

    animation: stretchicon 1s linear forwards;

}



@keyframes stretchspan1 {

    0% {

        width: 0;

    }



    49% {

        width: calc(100% + 20px);

        opacity: 1;

    }



    100% {

        width: calc(100% + 20px);

        opacity: 1;

    }

}



@keyframes stretchspan2 {

    51% {

        width: 0;

    }



    100% {

        width: calc(100% + 20px);

        opacity: 1;

    }

}



@keyframes stretchicon {

    0% {

        right: 100%;

        top: -20px;

    }



    49% {

        right: 0;

        top: -20px;

    }



    50% {

        opacity: 0;

    }



    51% {

        right: 100%;

        top: auto;

        bottom: -20px;

    }



    100% {

        right: 0%;

        top: auto;

        bottom: -20px;

    }

}



.sticky-html,

.sticky-body {

    overflow: inherit !important;

}



.service-inof-list {

    position: relative;

}



.service-inof-list-item {

    position: sticky;

    top: var(--top1);

    background: var(--colorbj2);

}



.sfri-cry {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}



.sfri-cry .std-text1 {

    width: 35%;

    padding-top: 43px;

}



.sfri-cry .std-text1,

.sfri-cry .std-text1 p {

    color: var(--colorfff);

    line-height: var(--line15);

}



.sfri-cry-list {

    width: 52.93%;

    background: rgba(0, 0, 0, 0.42);

    display: flex;

    justify-content: space-evenly;

    padding-top: 25px;

    padding-bottom: 26px;

}



.sfri-cry-list-item .std-h6 {

    color: var(--colorfff);

    line-height: var(--line15);

    position: relative;

    padding-left: 27px;

}



.sfri-cry-list-item .std-h6::before {

    content: '';

    background-image: url(../images/d1_icon01.svg);

    width: 14px;

    height: 14px;

    background-size: 100% 100%;

    position: absolute;

    left: 0;

    top: 11px;

}



.sfri-cry-list-item {

    padding: 10px 0;

}



.service-firm-rotate-item:not(:first-child) {

    display: none;

}



.mod-arrows1 .slick-prev::before,

.mod-arrows1 .slick-next::before {

    content: '';

    width: 24px;

    height: 24px;

    background-image: url(../images/d1_arrow02.svg);

    background-size: 100% 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.mod-arrows1 .slick-prev::before {

    transform: translate(-50%, -50%) rotate(180deg);

}



.service-firm-rotate .slick-prev,

.service-firm-rotate .slick-next {

    top: -60px;

    transform: translateY(0);

}



.service-firm-rotate .slick-prev {

    left: auto;

    right: 66px;

}



.mod-arrows1 .slick-arrow.slick-disabled {

    opacity: .4;

}



.service-firm {

    position: relative;

}



.service-bg {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    height: 100vh;

    opacity: 0;

    pointer-events: none;

}



.service-firm.on .service-bg {

    position: fixed;

    top: 0;

    opacity: 1;

}



.service-firm.end .service-bg {

    position: absolute;

    top: auto;

    bottom: 0;

    opacity: 1;

}



.service-firm .ys-cont1400 {

    position: relative;

    z-index: 10;

}



.service-bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.ys-footer {

    position: relative;

    z-index: 10;

}



.contact-main {

    background: var(--colorbj1);

}



.cull-item .std-h6 {

    color: var(--color333);

    line-height: var(--line15);

    margin-bottom: 18px;

}



.cull-iin-link-icon {

    width: 19px;

    position: relative;

    top: 4px;

}



.cull-iin-link-icon img {

    transform: scale(1) !important;

}



.cull-iin-link .std-text2 {

    width: calc(100% - 19px);

    padding-left: 5px;

}



.cull-iin-link {

    display: flex;

    align-items: flex-start;

}



.cull-item-inof-nub {

    margin-bottom: 10px;

}



.cull-item-inof-nub:last-child {

    margin-bottom: 0;

}



.contact-us-left .std-h3 {

    margin-bottom: 102px;

}



.cull-item {

    margin-bottom: 89px;

}



.cull-item:last-child {

    margin-bottom: 0;

}



.contact-us {

    padding-top: 88px;

}



.contact-us-right {

    width: 882px;

    position: relative;

}



.contact-us-left {

    width: calc(100% - 882px);

    padding-right: 89px;

}



.contact-us .ys-cont1400 {

    display: flex;

    align-items: flex-start;

}



.curi-img {

    width: 72.789116%;

    border-radius: 20px;

    overflow: hidden;

    margin-left: 27.210884%;

    position: absolute;

    right: 0;

    z-index: -1;

}



.curi-name {

    text-align: right;

    color: var(--color333);

    padding-bottom: 18px;

    position: absolute;

    right: 0;

    bottom: 0;

}



.curi_xin {

    position: absolute;

    transform: translate(0, 0);

}



.curi_xin::before {

    content: '';

    height: 1px;

    position: absolute;

    background: #D6C399;

    width: 100%;

}



.curi-map {

    overflow: visible;

}



.contact-us-right-item {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    pointer-events: none;

    transition: all .4s ease;

}



.contact-us-right-item.act {

    position: relative;

    opacity: 1;

    pointer-events: all;

}



.cull-item {

    opacity: .5;

    transition: all .4s ease;

}



.cull-item.on {

    opacity: 1;

}



.contact-start-box .std-h3 {

    text-align: center;

    margin-bottom: 17px;

}



.contact-start-box .std-text2,

.contact-start-box .std-text2 p {

    text-align: center;

    color: var(--color333);

}



.contact-start-box .std-text2 {

    margin-bottom: 75px;

}



.contact-start-box .std-text2 a {

    color: inherit;

    line-height: inherit;

}



.contact-start-box-list {

    width: 346px;

    margin: 0 auto;

}



.csbl-nub {

    margin-bottom: 15px;

}



.csbl-nub:last-child {

    margin-bottom: 0;

}



.csbl-nub .std-btn8 {

    width: 100%;

    text-align: center;

}



.csbl-nub:nth-of-type(2) .std-btn8-box::after {

    background: transparent;

}



.csbl-nub:nth-of-type(2) .std-btn8-box p {

    color: var(--color333);

}



.contact-start {

    display: flex;

    align-items: center;

}



.contact-us-right {

    height: calc(100vh - var(--anchor) - var(--head));

}



.contact-us .ys-cont1400 {

    min-height: calc(100vh - var(--anchor) - var(--head));

}



.contact-us.on1 .contact-us-right {

    position: fixed;

    top: calc(var(--anchor) + var(--head));

    right: calc(50% - 700px);

}



.contact-us-left-list {

    padding-bottom: 30vh;

}



.contact-us .ys-cont1400 {

    position: relative;

}



.contact-us.on2 .contact-us-right {

    position: absolute;

    top: var(--top2);

    right: 0;

}



.contact-start-box {

    width: 600px;

    margin: 0 auto;

    max-width: 100%;

}



.contact-start {

    padding-top: var(--space2);

    padding-bottom: var(--space1);

}



.contact-start .ys-cont1400 {

    position: relative;

    padding-top: 52px;

    padding-bottom: 106px;

}



@keyframes bounceIng {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@-webkit-keyframes bounceIng {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



.contact-start-pop-item {

    position: absolute;

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3);

}



.contact-start-pop-item .ys-imgbox-cover {

    width: 100%;

    border-radius: 50%;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.contact-start-pop-item1 {

    width: 161px;

    position: absolute;

    top: 19px;

    left: 0;

}



.contact-start-pop-item2 {

    width: 101px;

    left: 21.642857%;

    bottom: 84px;

}



.contact-start-pop-item3 {

    width: 84px;

    bottom: 0;

    right: 26.285714%;

}



.contact-start-pop-item4 {

    width: 96px;

    bottom: 97px;

    right: 8.357143%;

}



.contact-start-pop-item5 {

    width: 132px;

    right: 2.642857%;

    top: 0;

}



.contact-start-pop-item.act {

    animation: bounceIng 1.2s ease both;

    animation-delay: 0.2s;

}



.contact-start-pop-item.act .ys-imgbox-cover {

    animation-delay: 1s;

    animation: popmove 5s linear infinite;

}



.contact-start-pop-item2.act .ys-imgbox-cover {

    animation-delay: 1.6s;

}



.contact-start-pop-item3.act .ys-imgbox-cover {

    animation-delay: 2s;

}



.contact-start-pop-item4.act .ys-imgbox-cover {

    animation-delay: 1.5s;

}



.contact-start-pop-item5.act .ys-imgbox-cover {

    animation-delay: 1s;

}



@keyframes popmove {

    0% {

        transform: translateY(0px) rotate(0deg);

        -webkit-transform: translateY(0px) rotate(0deg);

    }



    25% {

        transform: translateY(10px) rotate(0deg);

        -webkit-transform: translateY(10px) rotate(0deg);

    }



    50% {

        transform: translateY(0px) rotate(0deg);

        -webkit-transform: translateY(0px) rotate(0deg);

    }



    75% {

        transform: translateY(-10px) rotate(0deg);

        -webkit-transform: translateY(-10px) rotate(0deg);

    }



    100% {

        transform: translateY(0px) rotate(0deg);

        -webkit-transform: translateY(0px) rotate(0deg);

    }

}



@-webkit-keyframes popmove {

    0% {

        transform: translateY(0px) rotate(0deg);

        -webkit-transform: translateY(0px) rotate(0deg);

    }



    25% {

        transform: translateY(10px) rotate(0deg);

        -webkit-transform: translateY(10px) rotate(0deg);

    }



    50% {

        transform: translateY(0px) rotate(0deg);

        -webkit-transform: translateY(0px) rotate(0deg);

    }



    75% {

        transform: translateY(-10px) rotate(0deg);

        -webkit-transform: translateY(-10px) rotate(0deg);

    }



    100% {

        transform: translateY(0px) rotate(0deg);

        -webkit-transform: translateY(0px) rotate(0deg);

    }

}



.company-video-controls {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 0 20px 20px;

    pointer-events: none;

}



.company-video-controlsp-btn {

    background-color: rgba(1, 2, 2, .7);

    border-radius: 50%;

    width: 40px;

    height: 40px;

    color: var(--colorfff);

    position: relative;

}



.company-video-controls .company-video-controlsp-btn .cvcb-pause {

    width: 12px;

    margin-left: 2px;

}



.company-video-controls .company-video-controlsp-btn .svsb-play {

    width: 10px;

    opacity: 0;

}



.company-video-controls .company-video-controlsp-btn .cvcb-pause,

.company-video-controls .company-video-controlsp-btn .svsb-play {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.company-video-controls-time {

    font-size: 12px;

    color: var(--colorfff);

    margin-left: 10px;

}



.company-video-controls {

    display: flex;

    align-items: center;

    opacity: 0;

    transition: all .4s ease;

}



.company-video.act .company-video-controls {

    opacity: 1;

}



.company-video-controls-pro {

    height: 9px;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    transition-property: opacity;

    transition-timing-function: cubic-bezier(.135, .9, .15, 1);

    transition-duration: .9s;

    background: rgba(255, 255, 255, .2);

}



.cvcp-cry {

    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;

    transition-timing-function: cubic-bezier(.135, .9, .15, 1);

    transition-duration: .9s;

}



.cvcp-cry {

    position: absolute;

    background: var(--color23);

    width: var(--pro);

    height: 100%;

}



.company-video.on1 .company-video-controls .company-video-controlsp-btn .svsb-play {

    opacity: 1;

}



.company-video.on1 .company-video-controls .company-video-controlsp-btn .cvcb-pause {

    opacity: 0;

}



.service-main .anchor-box,

.contact-main .anchor-box {

    border-bottom: 1px solid transparent;

}



.service-main .mod-anchor.isfixed .anchor-box,

.contact-main .mod-anchor.isfixed .anchor-box {

    border-bottom: 1px solid #CDCBC8;

}



/* 载入 - start */

html {

    font-size: calc(0.8676470588235294rem + 0.14705882352941177vw);

}



.ys-fadeupnew {

    transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    opacity: 0;

    transform-style: preserve-3d;

    transition: transform 1s ease, opacity .1s ease;

}



.ys-fadeupnew.fadeInup {

    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    opacity: 1;

    transform-style: preserve-3d;

}



/* 载入 - end */

/* .service-inof-list-item:first-child .std-h3,

.service-inof-list-item:first-child .std-h3 span{

    transform:translate(0,0)!important;

} */

.company-outline {

    z-index: -1;

}



.contact-us-right .slick-list {

    overflow: visible;

}



.curi-map,

.curi-name,

.curi-img {

    opacity: 0;

}



.curi-img {

    transform: scale(0.8);

    transform-origin: right top;

}



.curi_xin::before {

    width: 0%;

}



.contact-us-right-item.act .curi-map {

    opacity: 1;

    transition: all .3s ease;

}



.contact-us-right-item.act .curi_xin::before {

    width: calc(100% - var(--radius));

    transition: all .2s .15s ease;

}



.contact-us-right-item.act .curi-name {

    opacity: 1;

    transition: all .2s .3s ease;

}



.contact-us-right-item.act .curi-img {

    opacity: 1;

    transform: scale(1);

    transition: all .4s .35s ease;

}



.company-all {

    background: #f9f8f5;

}



.font-fade span {

    position: relative;

    display: inline-block;

}



.why-select .yx-case3-box {

    height: 40vh;

}



/* tammy - end */

/* Linda-start */

.solution-news .hnbc-bot-item a,

.news-main .hnbc-bot-item a {

    padding-bottom: 170px;

}



.solution-news-wrap,

.solution-custom-wrap {

    margin-bottom: 100px;

}



.solution-news {

    padding-bottom: 0;

    border-bottom: none;

}



.solution-main .ys-main {

    margin-top: var(--head);

}



.solution-main .home-cust-top-ul {

    padding-top: 20px;

    padding-bottom: 66px;

}



.solution-energy .home-cust-top-li {

    margin-top: 40px;

}



.solution-opinion-wrap {

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    padding: 30px 23px;

    background: var(--colorbj2);

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    position: relative;

}



.solution-opinion-wrap-img {

    width: 26%;

    border-radius: var(--radius);

}



.sown-data {

    font-size: 96px;

    color: var(--color23);

    line-height: 1.2;

}



.sown-parga p {

    margin-bottom: 0;

    color: var(--color23);

    opacity: 0.7;

}



.solution-opinion-wrap-text {

    width: 44%;

    border-right: 1px solid #CDCBC8;

    padding-left: 55px;

    padding-right: 60px;

    /* display: flex;

    justify-content: space-around; */

}



.solution-opinion-wrap-num {

    width: 30%;

    padding-left: 35px;

    position: absolute;

    right: 23px;

    bottom: 30px;

    /* display: flex;

    flex-wrap: wrap;

    align-items: flex-end; */

}



.sowt-info-post {

    color: var(--color23);

    opacity: 0.7;

}



.sowt-tit {

    margin-top: 27px;

    line-height: 1.67;

    margin-bottom: 100px;

}



.sowt-cont {

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

}



.sslu-item-logo {

    width: 188px;

    height: 188px;

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    position: relative;

    background: var(--colorbj2);

}



.sslu-item a {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.scwl-slick-li-ul {

    margin: 0 -76px;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

}



.scwl-slick-li:not(:first-child) {

    display: none;

}



.scwl-slick-li {

    padding: 0 76px;

}



.scwl-slick {

    margin: 0 -76px;

}



.sslu-item {

    width: 50%;

    padding: 0 76px;

    margin-top: 40px;

}



.sslu-item-text {

    width: calc(100% - 188px);

    padding-left: 30px;

}



.sslu-item-text-lab {

    display: inline-block;

    padding: 5px 15px;

    background: var(--colorbj2);

    border-radius: 5px;

}



.sslu-item-text-lab p {

    margin-bottom: 0;

    line-height: 1.3;

}



.sslu-item-text-tit {

    margin-top: 14px;

    height: 3em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.sslu-item-logo .ys-imgbox-cover {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: calc(100% - 40px);

    padding: 0 20px;

}



.home-rely-list-tp {

    margin-bottom: 30px;

}



.home-rely-list-mid {

    margin-bottom: 184px;

}



.hrlb-cont {

    background: var(--colorbj2);

    border-radius: var(--radius);

    padding-top: 65px;

    padding-bottom: 72px;

    padding: 65px 93px 72px 30%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    z-index: 1;

}



.hrlb-cont .std-text1 {

    margin-top: 10px;

}



.hrlb-cont-bg {

    width: 400px;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1;

}



.hrlb-cont-bg img {

    width: 100%;

}



.home-rely-list-bt {

    position: relative;

}



.hrlb-img {

    width: 28%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2;

}



.hrlb-img img {

    width: 100%;

}



.hrlb-img-icon {

    width: 90px;

    position: absolute;

    right: -30px;

    top: 45px;

}



.hrlt-ul-li {

    width: 25%;

    padding: 0 15px;

}



.hrlt-ul {

    margin: 0 -15px;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}



.hrlt-ul-li-cont {

    border-radius: var(--radius);

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.home-rely-list-tp .hrlt-ul-li:nth-child(1) .hrlt-ul-li-cont {

    background: var(--colormain2);

    padding: 40px 10px 10px;

}



.hulc-tp {

    padding: 0 20px;

}



.hulc-tp-icon {

    width: 70px;

}



.hulc-tp-icon img {

    width: 100%;

}



.hulc-tp-tit div {

    height: 1.5em;

}



.hulc-tp-tit span {

    display: inline-block;

    position: relative;

}



.hulc-tp-tit span::before {

    content: '';

    background: var(--color23);

    position: absolute;

    width: 100%;

    height: 1px;

    bottom: 0;

    left: 0px;

    z-index: -1;

    opacity: 0;

    width: 0;

}



.hulc-tp-tit.act div:first-child span::before {

    transition: all .1s linear;

    opacity: 1;

    animation: stretchspan1_1 1s linear forwards;

}



.hulc-tp-tit.act div:nth-child(2) span::before {

    transition: all .1s linear;

    opacity: 1;

    animation: stretchspan2_1 1s linear forwards;

}



@keyframes stretchspan1_1 {

    0% {

        width: 0;

    }



    49% {

        width: 100%;

        opacity: 1;

    }



    100% {

        width: 100%;

        opacity: 1;

    }

}



@keyframes stretchspan2_1 {

    51% {

        width: 0;

    }



    100% {

        width: 100%;

        opacity: 1;

    }

}



.hulc-bt {

    border-radius: 40px;

    background: #81C1AC;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    padding: 43px 24px;

}



.hulc-bt .home-data-li-num {

    color: #fff;

    font-size: var(--font64);

    line-height: 1.3;

    font-family: var(--familyM);

}



.hulc-bt .home-data-li-num .ys-demo-num,

.hulc-bt .home-data-li-num span {

    line-height: 1.3;

}



.hulc-bt-tit {

    color: #fff;

}



.hrlt-ul-li-cont .cfpr-img-btn-icon {

    width: 48px;

    border-radius: 50%;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.hrlt-ul-li-cont .cfpr-img-btn::before {

    width: 76px;

}



.hrlt-ul-li-cont .cfpr-img-btn {

    padding: 12.5px 20px 12.5px 14px;

    border-radius: 49px;

    bottom: 20px;

    left: 20px;

}



.hrlt-ul-li-cont .cfpr-img-btn.act::before {

    width: 100%;

}



.cibt-parga1 p {

    line-height: 1.75 !important;

    color: #333 !important;

}



.cibt-parga2 p {

    line-height: 21px !important;

}



.hrlt-ul-li-cont .cfpr-img-btn-text {

    padding-left: 14px;

}



.company-video-controlsp-btn {

    background-color: #001F41;

    width: 36px;

    height: 36px;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}



.company-video-controls-time {

    line-height: 36px;

    font-size: 16px;

    padding: 0 10px;

    border-radius: 80px;

    background-color: #001F41;

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}



.home-rely-list-midk .hrlt-ul-li:nth-child(3) {

    width: 50%;

    height: auto;

}



.home-rely-list-midk .hrlt-ul-li:nth-child(3) .hrlt-ul-li-cont {

    background: var(--colorbj2);

    padding: 20px 32px;

    height: 100%;

}



.hulc-pics {

    width: 100%;

}



.hulc-pics img {

    width: 100%;

}



.hulc-tit {

    text-align: center;

    color: #333;

    margin-top: 15px;

}



.hrlb-cont-btn .mod-btn {

    --btnw: 150px;

}



.solution-energy-tp {

    padding-top: 80px;

    padding-bottom: 100px;

}



.solution-energy-tp .ys-cont1400 {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.solution-energy-tp-video {

    width: 48%;

    border-radius: var(--radius);

    position: relative;

    overflow: hidden;

}



.solution-energy-tp-text {

    width: 52%;

    padding-right: 173px;

}



.hrlb-cont-btn-li2 .std-btn9 {

    --btnw: 248px;

}



.hrlb-cont-btn-li1 {

    margin-right: 20px;

}



.sett-btn {

    display: flex;

    flex-wrap: wrap;

    margin-top: 60px;

}



.sett-parga p {

    color: #333;

}



.sett-parga {

    margin-top: 23px;

}



.solution-energy-tp h1 {

    margin-top: 16px;

}



.setv-wrap {

    width: 100%;

    position: relative;

}



.setv-wrap img {

    width: 100%;

}



.setv-wrap-video {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    object-fit: cover;

}



.setv-wrap-btn .cfpr-img-btn-icon {

    width: 78px;

    border-radius: 50%;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.cimbt-play {

    width: 60px;

}



.setv-wrap-btn.cfpr-img-btn::before {

    border-radius: 63px;

    width: 107px;

}



.setv-wrap-btn.cfpr-img-btn {

    padding: 15px 40px 15px 14px;

    left: 38px;

    bottom: 50px;

    cursor: pointer;

}



.setv-wrap-btn.cfpr-img-btn.act::before {

    width: 100%;

}



.solution-main {

    background: var(--colorbj1);

}



.solution-info-item-tit {

    height: 1.3em;

    position: relative;

}



.solution-info-item-tit,

.solution-info-item-tit span {

    font-size: 500px;

    line-height: 1.3;

    font-family: var(--familyM);

}



.solution-info-item-tit span {

    display: inline-block;

    position: absolute;

    white-space: nowrap;

}



.siiw-titbox {

    padding-left: 0px;

}



.siiw-titbox .std-h3 {

    color: var(--color23);

}



.siiw-titbox .std-h6 {

    color: var(--color23);

    opacity: 0.7;

    margin-top: 20px;

}



.solution-info-item-wrap {

    margin-top: -120px;

    position: relative;

    z-index: 2;

}



.siiw-list-swiper {

    padding-right: 244px !important;

}



.siiw-list-swiper,

.liib-swiper {

    overflow: visible !important;

    padding-bottom: 40px !important;

}



.slsl-img {

    width: 58%;

    border-radius: var(--radius);

}



.slsl-text {

    width: 42%;

    padding-left: 54px;

}



.slsl-text-logo {

    width: 170px;

}



.slsl-text-subtit {

    line-height: 1.67;

    color: var(--color23);

    opacity: 0.7;

    margin-top: 24px;

}



.slsl-text-parga {

    margin-top: 42px;

}



.slsl-text-parga p {

    color: var(--color23);

    opacity: 0.7;

}



.slsl-text-tit {

    margin-top: 20px;

}



.siiw-list {

    margin-top: 100px;

    position: relative;

}



.lab-info-item-bt .swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.siiw-list .swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    height: 1px !important;

    top: auto !important;

    bottom: 0 !important;

}



.lab-info-item-bt .swiper-pagination-progressbar,

.siiw-list .swiper-pagination-progressbar {

    background: #CDCBC8 !important;

}



.lab-info-item-bt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,

.siiw-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    height: 2px !important;

    top: -0.5px;

    background: #333;

}



.siiw-list-btn {

    margin-top: 22px;

    justify-content: flex-end;

}



.solution-info-item {

    margin-bottom: 80px;

}



.solution-info-item:last-child {

    margin-bottom: 0;

}



body {

    height: auto !important;

}



.white-nav .ys-hd-pc {

    background: var(--color23);

}



.white-nav .head-nav-item-title .std-text2 {

    color: var(--colorfff);

    transition: all .36s;

}



.white-nav .head-nav-item.on .head-nav-item-title .std-text2 {

    color: var(--color666);

}



.white-nav .ys-hd-pc .std-btn8-box::before {

    border: 2px solid var(--colorfff);

}



.white-nav .ys-hd-pc .std-btn8-box::after {

    background: transparent;

}



.white-nav .ys-hd-pc .std-btn8-box p {

    color: var(--colorfff) !important;

}



.white-nav .head-tel,

.white-nav .head-change a {

    color: var(--colorfff);

}



.white-nav .anchor-box {

    background: var(--color23);

    border-bottom: 1px solid rgba(205, 203, 200, 0.40);

}



.white-nav .ys-bread-list:last-child a {

    color: var(--colorfff);

}



.white-nav .anchor-box-list-item.act .std-text3 {

    color: var(--colorfff);

}



.lab-ban {

    text-align: center;

    background: var(--color23);

    padding-top: 200px;

    padding-bottom: 110px;

    position: relative;

    z-index: 10;

}



.lab-ban-title {

    overflow: hidden;

    position: relative;

}



.lab-ban-title video {

    width: 100%;

    height: auto;

}



.lab-ban-title {

    width: 37.5vw;

    height: 6.15vw;

    -webkit-mask-image: url(../images/000.svg);

    overflow: hidden;

    -webkit-mask-size: 100% 100%, 100% 100%;

    margin: 0 auto;

}



.lab-ban-title h1 {

    display: none;

}



.lab-ban .std-h5 {

    width: 64%;

    margin: auto;

    color: #86868B;

    margin-top: 40px;

}



.lab-ban-btn {

    margin-top: 230px;

    display: inline-block;

    cursor: pointer;

}



.lab-ban-btn-wrap {

    display: flex;

    align-items: center;

    position: relative;

}



.lab-ban-btn-wrap::after {

    content: "";

    width: 0%;

    height: 1px;

    background: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .36s;

}



.lab-ban-btn-wrap .std-h4 {

    color: #fff;

    margin-right: 4px;

}



.lab-ban-btn-wrap img {

    width: 37px;

}



.lab-main {

    background: var(--colorbj1);

}



.lab-info {

    padding-top: var(--space2);

    padding-bottom: var(--space1);

}



.liit-parga {

    width: 41%;

}



.lab-info-item-tp .std-h3 {

    width: 59%;

}



.lab-info-item-tp {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



.liit-parga .std-text2 p {

    line-height: 1.75;

    margin-bottom: 0;

}



.liit-parga .hrlb-cont-btn {

    margin-top: 20px;

}



.lab-info-item-bt {

    margin-top: 60px;

}



.liib-swiper-item .ys-imgbox-cover {

    border-radius: var(--radius);

}



.liib-swiper {

    padding-right: 296px !important;

}



.lab-info-item {

    position: relative;

    margin-bottom: var(--space2);

}



.lab-info-item:last-child {

    margin-bottom: 0;

}



.lab-info-item::after {

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: var(--colorbj1);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 5;

}



.liib-swiper-item {

    position: relative;

}



.liib-swiper-item-icon {

    width: 60px;

    cursor: pointer;

    display: none;

}



.liib-swiper-item-icon img {

    width: 100%;

}



.liib-swiper-item.on .liib-swiper-item-icon {

    display: block;

}



.hnit-icon {

    width: 14px;

    height: 14px;

    position: relative;

}



.mod-cover img {

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

    max-width: inherit;

}



.head-nav-item-title {

    align-items: center;

}



.head-search-icon-search {

    width: 16px;

    height: 16px;

    position: relative;

    margin: auto;

}



.head-logo {

    line-height: 80px;

}



.head-logo a {

    display: block;

    width: 100%;

    line-height: 80px;

}



.head-cont {

    align-items: center;

}



.head-logo-cover {

    overflow: visible;

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    position: relative;

}



.head-logo-cover img:nth-child(1) {

    position: relative;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    transition: all .36s;

}



.head-logo-cover img:nth-child(2) {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    transition: all .36s;

}



.white-nav .head-logo-cover img:nth-child(2) {

    opacity: 0;

}



.mod-cover img:nth-child(2) {

    opacity: 0;

}



.white-nav .mod-cover img:nth-child(2) {

    opacity: 1;

}



.home-data {

    position: relative;

}



.home-data-bg {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}



.home-data-bg-layer {

    width: 190vw;

    height: 100%;

    z-index: -1;

}



.home-data .ys-cont1400 {

    position: relative;

    z-index: 5;

}



.home-data-bg-img {

    width: 100%;

}



.home-data-bg-img img {

    width: 100%;

}



.home-data-bg-layer img {

    width: 100%;

}



.home-data-bg-layer img:nth-child(1) {

    animation: lamp1 3s linear infinite;

}



.home-data-bg-layer img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    transform: translateX(100%);

    animation: lamp2 3s linear infinite;

}



@keyframes lamp1 {

    from {

        transform: translateX(0);

    }



    to {

        transform: translateX(-100%);

    }

}



@keyframes lamp2 {

    from {

        transform: translateX(100%);

    }



    to {

        transform: translateX(0);

    }

}



.hnic-num {

    padding: 0 8px;

    border-radius: 10px;

    background: var(--colormain2);

    font-size: 12px;

    line-height: 20px;

    color: var(--color333);

    position: absolute;

    top: -12px;

    right: 0;

    transition: all .5s;

    transform-origin: left bottom;

}



.head-nav-item-cont {

    position: relative;

}



/* Linda-end */

/*鼠标效果*/

@media screen and (min-width: 1200px) {

    .ys-btn-cont-bt li:hover{

        background: rgba(83, 71, 71, 0.20);

    }

    .hsbt-text-btn-li a:hover img{

        transform: translateX(10px);

    }

    .mod-btn .std-btn9-box:hover .std-btn9-icon img:nth-child(1),

    .mod-nobj .std-btn9-box:hover .std-btn9-icon img:nth-child(2),

    .hnbc-top a:hover .mod-nobj .std-btn9-icon img:nth-child(2) {

        opacity: 0;

    }



    .mod-btn .std-btn9-box:hover .std-btn9-icon img:nth-child(2),

    .mod-nobj .std-btn9-box:hover .std-btn9-icon img:nth-child(1),

    .hnbc-top a:hover .mod-nobj .std-btn9-icon img:nth-child(1) {

        opacity: 1;

    }



    .mod-btn .std-btn9-box:hover .std-btn9-icon {

        background: var(--color23);

        border: 1px solid var(--colorfff);

        right: 135px;

    }



    .mod-btn .std-btn9-box:hover p,

    .mod-nobj .std-btn9-box:hover p,

    .hnbc-top a:hover .mod-nobj .std-btn9-box p {

        left: 60px;

        color: var(--colorfff);

    }



    .mod-nobj .std-btn9-box:hover .std-btn9-icon,

    .hnbc-top a:hover .mod-nobj .std-btn9-icon {

        background: var(--colorfff);

        border: 1px solid var(--color23);

        right: 135px;

    }



    .mod-nobj .std-btn9-box:hover,

    .hnbc-top a:hover .mod-nobj .std-btn9-box {

        background: var(--color23);

    }



    .mod-arrow .swiper-button-next:hover,

    .mod-arrow .swiper-button-prev:hover,

    .swiper-arrow-left:hover,

    .swiper-arrow-right:hover,

    .mod-arrow .slick-next:hover,

    .mod-arrow .slick-prev:hover {

        background: var(--color333);

    }



    .mod-arrow .swiper-button-next:hover::after,

    .mod-arrow .slick-next:hover::after {

        background: url(../images/a1_arrow02.svg) center / cover no-repeat;

    }



    .mod-arrow .swiper-button-prev:hover::after,

    .mod-arrow .slick-prev:hover::after {

        background: url(../images/a1_arrow002.svg) center / cover no-repeat;

    }



    .company-partner.mod-arrow .slick-next:hover,

    .company-partner.mod-arrow .slick-prev:hover {

        background: var(--colorfff);

    }



    .company-partner.mod-arrow .slick-next:hover::after {

        background: url(../images/a1_arrow01.svg) center / cover no-repeat;

    }



    .company-partner.mod-arrow .slick-prev:hover::after {

        background: url(../images/a1_arrow001.svg) center / cover no-repeat;

    }



    .hnbc-bot-item a:hover .hnbc-bot-item-arrow {

        transform: translateX(10px);

    }



    .hnbc-top-right a:hover img {

        transform: scale(1.05);

    }



    .ys-footer-top-li a:hover .yftl-btn::before {

        width: 100%;

    }



    .ys-footer-top-nav a:hover {

        padding-left: 5px;

    }



    .swiper-arrow-left:hover img:last-child,

    .swiper-arrow-right:hover img:last-child {

        opacity: 1;

    }



    .swiper-arrow-left:hover img:first-child,

    .swiper-arrow-right:hover img:first-child {

        opacity: 0;

    }



    .std-btn8-box:hover::after {

        opacity: 0;

        transform: scale(1.1);

    }



    .std-btn8-box:hover p {

        color: var(--color333);

    }



    .std-btn8-box:hover::before {

        transform: scale(1.1);

        border-color: var(--color23);

    }



    .head-nav-item1 .hnid-left-li-link:hover {

        background: rgba(250, 229, 209, .3);

    }



    .hnid-left-li-link:hover img {

        transform: translateX(0);

        opacity: 1;

    }



    .head-nav-item1 .hnid-remod-item a:hover .hnid-remod-item-img img {

        transform: scale(1.05);

    }



    .hnid-remod-bot-li:hover {

        transform: translateX(10px);

    }



    .head-nav-item1 .head-nav-item-title:hover {

        background: #FAE5D1;

    }



    .head-nav-item2 .hnid-left-li-link:hover {

        background: rgba(223, 239, 215, .3);

    }



    .head-nav-item2 .head-nav-item-title:hover {

        background: #DFEFD7;

    }



    .head-nav-item3 .hnid-left-li-link:hover {

        background: rgba(249, 240, 210, .3);

    }



    .head-nav-item3 .head-nav-item-title:hover {

        background: #F9F0D2;

    }



    .head-nav-item3 .hnid-mid-li .hnid-left-li-link:hover {

        background: rgba(249, 240, 210, .3);

    }



    .head-nav-item4 .head-nav-item-title:hover {

        background: #E7E0EB;

    }



    .head-nav-item4 .hnid-left-li-link:hover {

        background: rgba(231, 224, 235, .3);

    }



    .head-nav-item5 .head-nav-item-title:hover {

        background: #F2E9D3;

    }



    .head-nav-item5 .hnid-left-li-link:hover {

        background: rgba(242, 233, 211, .3);

    }



    .hspw-tp-close-btn:hover {

        background: #333336;

    }



    /* tammy */

    .ys-bread-list a:hover {

        color: var(--color333);

    }



    .wicn-box:hover .wicn-box-bg {

        transform: scale(1.05);

    }



    .wclh-list-item-link:hover .wclh-lil-circle {

        background: var(--color23);

        transform: scale(1.29);

    }



    .wclh-list-item-link:hover .wclh-lil-wrap-text .std-h6 {

        color: var(--colorfff);

    }



    .wclh-list-item-link:hover .std-text2 {

        color: #CDCBC8;

    }



    .wclh-list-item-link:hover .wclh-lil-wrap-icon {

        opacity: 0;

        pointer-events: none;

        transform: translateY(-20%) scale(.8);

    }



    .wclh-list-item-link:hover .wclh-lil-wrap-text {

        opacity: 1;

        pointer-events: all;

        transform: translate(-50%, -50%);

    }



    .wclh-list-item:hover {

        z-index: 10;

    }



    .why-case-logo-horse:hover {

        z-index: 3;

    }



    .why-share-list-item:hover .wsli-img img {

        transform: scale(1.05);

    }



    .cpli-box:hover>img {

        transform: scale(1.05);

    }



    .why-case-logo-horse:hover .wclh-list {

        animation-play-state: paused !important;

    }



    .cfpr-img-btn:hover {

        transform: scale(1.025);

    }



    /* end */

    .mod-nobj .std-btn9-box:hover .std-btn9-icon,

    .hnbc-top a:hover .mod-nobj .std-btn9-icon {

        background: var(--colorfff);

        border: 1px solid var(--color23);

        right: 106px;

    }



    /* Linda-start */

    .solution-opinion-wrap:hover .solution-opinion-wrap-img img {

        transform: scale(1.05);

    }



    .hrlb-cont-btn .mod-btn .std-btn9-box:hover .std-btn9-icon {

        right: 108px;

    }



    .hrlb-cont-btn-li2 .mod-nobj .std-btn9-box:hover .std-btn9-icon,

    .hnbc-top a:hover .mod-nobj .std-btn9-icon {

        right: 204px;

    }



    .white-nav .ys-bread-list a:hover {

        color: var(--colorfff);

    }



    .lab-ban-btn-wrap:hover::after {

        width: 100%;

    }



    .white-nav .head-nav-item-title:hover .mod-cover img:nth-child(2) {

        opacity: 0;

    }



    .white-nav .head-nav-item .head-nav-item-title:hover .std-text2 {

        color: var(--color666);

    }



    .head-nav-item:hover .hnic-num {

        transform: scale(0);

    }



    /* Linda-end */

    /* 2025.01.09 - start */

    .yfts-lxn-core:hover{

        color: var(--colorfff);

    }

    .mod-arrow .swiper-button-next:hover, .mod-arrow .swiper-button-prev:hover, .swiper-arrow-left:hover, .swiper-arrow-right:hover, .mod-arrow .slick-next:hover, .mod-arrow .slick-prev:hover {

        background: var(--colorbt);

    }

    .mod-btn .std-btn9-box:hover .std-btn9-icon {

        background: var(--colorbt);

    }

    /* 2025.01.09 - end */

}



/* tammy - 2024.04.29 - start */

.service-firm-rotate-item {

    transition: opacity 0s !important;

}



.service-firm-rotate-item .sfri-cry {

    transition: all 0s ease;

    transform: translate3d(0px, 4rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

}



.service-firm-rotate-item.slick-active .sfri-cry {

    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

    transition: all 1.5s ease, opacity 0s ease;

}



.company-outline.on-hide .ys-bgimg-box {

    opacity: 0;

}



.company-main {

    background: var(--colorbj2);

}



.company-outline {

    z-index: 1;

}



.company-value .company-value-list-item:nth-child(2)::before,

.company-value.act .company-value-list-item:nth-child(2) .cvli-box {

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}



.company-value .company-value-list-item:nth-child(n+2)::before {

    -webkit-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

    -o-transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

    transition: width .9s cubic-bezier(0.76, 0, 0.24, 1), height .9s cubic-bezier(0.76, 0, 0.24, 1);

}



.company-value .company-value-list-item::before {

    -webkit-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

    -o-transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: opacity .6s linear, width .6s cubic-bezier(0.165, 0.84, 0.44, 1), height .6s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.company-value .cvli-box {

    -webkit-transition: opacity .6s linear;

    -o-transition: opacity .6s linear;

    transition: opacity .6s linear;

}



.company-video.act .cwli-link-img-play {

    opacity: 0;

}



.sili-text p::after {

    content: '';

    width: 14px;

    height: 10px;

    background-size: 100% 100%;

    background-image: var(--mark1);

    position: absolute;

    left: 11px;

    top: 18px;

    transform: translate(-50%, -50%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

    transition: all .6s ease-in-out;

}



.sili-text p.open::before {

    transform: scale(1);

}



.sili-text p::before {

    transform: scale(0.2);

    transition: all .36s ease-out;

}



.sili-text p.open::after {

    transition-delay: .5s;

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}



.curi-map {

    opacity: 0;

    /* transform: scale(.8); */

    transition: all .2s ease;

}



.contact-us-right-item.act .curi-map {

    opacity: 1;

    transform: scale(1);

    transition: all .4s ease;

}



.contact-us {

    padding-top: calc(88px + var(--head));

}



/* tammy - 2024.04.29 - end */

/* 4.29 g */

.home-service {

    border-bottom-color: transparent;

}



.home-data-bg {

    top: -50px;

}



.lab-main .anchor-box {

    position: static;

}



.white-nav .no-top {

    background: var(--color23);

}



.news-main .ys-main {

    margin-top: 80px;

}



.news-top {

    background: #F2EFE8;

    padding: 100px 0;

}



.hnbc-top-right {

    position: relative;

}



.hnbc-top-right .ys-imgbox-cover {

    border-radius: var(--radius);

}



.news-top .hnbc-top {

    margin-bottom: 0;

    align-items: center;

}



.news-main .home-news-tag {

    background-color: #EDE8DD;

}



.news-main .hnbc-top-left-tag .home-news-tag::before {

    right: -17px;

    height: 5px;

    width: 5px;

    border-radius: 50%;

}



.news-top .hnbc-top-right {

    width: 57%;

    cursor: pointer;

}



.news-top .hnbc-top-left {

    width: 43%;

    padding-right: 6%;

    padding-top: 0;

}



.news-top .std-text1 {

    margin: 20px 0;

}



.news-top .std-btn9 {

    margin-top: 24px;

}



.news-top-play {

    position: absolute;

    bottom: 26px;

    left: 32px;

}



.hnbc-top-left .std-h3 {

    height: calc(1.3em * 2);

}



.news-top-text p {

    height: calc(1.5em * 2);

}



.news-top .hnbc-top-left-tag {

    margin-bottom: 14px;

}



.news-bot-left,

.newsdt-top-cont {

    width: 64.2%;

}



.news-bot-right {

    width: 22.8%;

}



.news-bot .ys-cont1400 {

    display: flex;

    justify-content: space-between;

}



.news-bot {

    margin-top: 38px;

}



.news-bot-li a {

    padding: 40px;

    display: flex;

    justify-content: space-between;

    position: relative;

}



.news-bot-li .ys-imgbox-cover {

    width: 40%;

    height: 100%;

    border-radius: var(--radius);

}



.news-bot-li-text {

    width: 60%;

    padding-left: 50px;

}



.news-bot-li a {

    border-bottom: 1px solid #CDCBC8;

}



.news-bot-li a::before {

    position: absolute;

    content: '';

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 100%;

    height: 102%;

    background: #F2EFE8;

    z-index: 2;

    opacity: 0;

    border-radius: var(--radius);

}



.news-bot-li a::after {

    position: absolute;

    content: '';

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 100%;

    height: 102%;

    background: var(--colorbj1);

    z-index: 1;

    opacity: 0;

}



.news-bot-li-text .std-h5 {

    margin: 12px 0;

}



.news-bot-li.on .ys-imgbox-cover {

    display: none;

}



.news-bot-li.on .news-bot-li-text {

    padding-left: 0;

    width: 100%;

}



.news-bot-li-text,

.news-bot-li .ys-imgbox-cover {

    position: relative;

    z-index: 10;

}



.news-bot-ul {

    margin-bottom: 70px;

}



.news-bot {

    margin-bottom: var(--space1);

}



.pc-fenye li {

    font-family: 'OPPOSans-Regular' !important;

    line-height: 28px;

    color: var(--color666);

}



.pc-fenye li.activepage {

    color: var(--color333);

    background: transparent;

    border-color: var(--color333);

}



.news-bot-right {

    margin-top: 38px;

}



.news-bot-right-item {

    margin-bottom: 80px;

}



.news-bot-right-item .std-h6 {

    margin-bottom: 30px;

}



.nbri-ul1 .ys-imgbox-cover {

    border-radius: 20px;

}



.nbri-ul1 li {

    margin-bottom: 32px;

}



.nbri-ul1 li a {

    position: relative;

}



.nbri-ul1 li a::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 86px;

    border-radius: 0px 0px 20px 20px;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

    z-index: 1;

}



.nbri-ul1 .std-text1 {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    color: var(--colorfff);

    padding: 14px 22px;

    z-index: 5;

}



.nbri-ul2 li a {

    padding: 0 0 28px;

    border-bottom: 1px solid #CDCBC8;

    display: block;

    margin-bottom: 28px;

}



.nbri-ul2 li .std-text1 {

    color: var(--color333);

}



.nbri-tag-text {

    margin-right: 10px;

    margin-bottom: 10px;

}



.nbri-tag-text a {

    border-radius: 5px;

    background: #EDE8DD;

    padding: 3px 10px;

    color: #888;

    font-size: var(--font16);

    display: block;

}



.nbri-tag {

    display: flex;

    flex-wrap: wrap;

}



.nbri-ewm {

    width: 100%;

    background: #EDE8DD;

    border-radius: 13px;

    position: relative;

}



.nbri-ewm-img {

    width: 100%;

    padding: 26px 40px;

}



.nbri-ewm img {

    border-radius: 13px;

    width: 230px;

    margin: 0 auto;

}



.nbri-ewm .std-text2 {

    margin-top: 12px;

    color: var(--color333);

    text-align: center;

}



.newsdt-bot {

    margin-bottom: var(--space1);

}



.newsdt-bot {

    border-top: 1px solid #CDCBC8;

}



.nbri-cta {

    padding: 20px 45px 20px 26px;

    background: #F2EFE8;

    border-radius: 20px;

}



.nbri-cta .std-btn9 {

    margin-top: 30px;

}



.newsdt-main .newsdt-top-cont {

    padding: 100px 0 40px;

    border-bottom: 1px solid #CDCBC8;

}



.newsdt-main .yxedr-active p img {

    border-radius: var(--radius);

}



.newsdt-guide {

    display: flex;

    align-items: center;

}



.newsdt-guide {

    padding: 88px 50px 88px 240px;

    border-radius: var(--radius);

    background: #F2EFE8;

    position: relative;

}



.newsdt-guide {

    margin-top: 70px;

}



.newsdt-guide-text {

    padding: 0 90px 0 45px;

}



.newsdt-guide-img {

    position: absolute;

    top: -30px;

    left: 90px;

    width: 150px;

}



.newsdt-guide .mod-btn {

    --btnw: 150px;

}



.newsdt-main .news-bot-right {

    margin-top: 0;

}



.newsdt-top-cont .std-h3 {

    margin: 24px 0;

}



.newsdt-top-tag span:last-child {

    color: var(--color333);

    padding-left: 45px;

}



.topic-share {

    background: #F2EFE8;

    border-radius: 15px;

    padding: 30px 28px 40px;

}



.topic-share-top {

    display: flex;

    align-items: center;

    margin-bottom: 40px;

}



.topic-share-img {

    width: 78px;

    border-radius: 50%;

}



.topic-share-img img {

    border-radius: 50%;

    width: 100%;

}



.topic-share-top .std-text2 {

    padding-left: 18px;

}



.topic-share-text .std-h6 {

    border-bottom: 1px solid #CDCBC8;

    margin-bottom: 24px;

    padding-bottom: 10px;

}



.topic-share-text-icon {

    display: flex;

    justify-content: flex-end;

}



.topic-share-text-icon .yfts-top-item-icon {

    width: 38px !important;

}



.topic-share-text-icon .yfts-top-item {

    margin-right: 0;

}



.topic-share-text-icon .yfts-top-item:first-child {

    margin-right: 25px;

}



.topic-theme-text {

    position: relative;

    margin-bottom: 20px;

}



.topic-theme-text.on p {

    padding-left: 18px;

    color: #333;

}



.topic-theme-text::before {

    content: '';

    position: absolute;

    top: 6px;

    left: 0;

    width: 2px;

    height: 0;

    background: #F89356;

    transition: all .36s;

}



.topic-theme-text.on::before {

    height: 28px;

}



.topic-theme .std-h6 {

    border-bottom: 1px solid #CDCBC8;

    padding-bottom: 10px;

}



.topic-theme-text p {

    color: var(--color999);

    line-height: 2;

    cursor: pointer;

    transition: all .36s;

}



.topic-main .news-bot-right {

    margin-top: 64px;

}



.topic-title .std-h3 {

    margin: 22px 0 26px;

}



.topic-title .std-text2 {

    color: var(--color666) !important;

}



.topic-title .newsdt-top-tag span:last-child {

    padding-left: 0;

}



.topic-title {

    padding-bottom: 32px;

    border-bottom: 1px solid #CDCBC8;

    margin-bottom: 42px;

}



.news-bot-right-item:last-child {

    margin-bottom: 0;

}



.cta-main .ys-main {

    margin-top: 130px;

}



.cta-form-li {

    width: calc(50% - 12px);

}



.cta-form {

    display: flex;

    justify-content: space-between;

}



.cta-form input {

    width: 100%;

    height: 36px;

    padding: 0 16px;

}



.cta-form input,

.cta-form textarea {

    border: 1px solid #72716F;

    border-radius: 5px;

    font-size: 16px;

}



.cta-cont {

    display: flex;

}



.cta-left {

    width: 51.7%;

    padding-right: 10.76%;

}



.cta-rihgt {

    width: 48.3%;

    background: #F2EFE8;

    border-radius: var(--radius) 0 0 0;

    padding: 62px 120px;

    position: relative;

}



.cta-left .std-h4 {

    margin-bottom: 24px;

}



.cta-left-vio {

    position: relative;

}



.cta-left-vio-play {

    position: absolute;

    bottom: 28px;

    left: 30px;

    width: 60px;

    cursor: pointer;

}



.cta-left-vio-img {

    border-radius: var(--radius);

}



.cta-left-vio {

    margin-bottom: 38px;

}



.cta-left-cont-service {

    margin-top: 40px;

    margin-bottom: 130px;

}



.cta-left-cont .home-cust-top-li {

    width: 25%;

    margin-bottom: 38px;

}



.cta-left-cont-service li {

    display: flex;

    align-items: flex-start;

    margin-bottom: 22px;

}



.clcs-text {

    padding-left: 12px;

}



.cta-left-cont-service img {

    margin-top: 5px;

}



.clcs-text .std-text1 {

    color: var(--color333);

}



.cta-form span {

    color: #FF0000;

}



.cta-form p {

    margin-bottom: 10px;

}



.cta-form {

    margin-bottom: 20px;

}



.cta-form textarea,

.cta-form label {

    width: 100%;

}



.cta-form textarea {

    padding: 10px 16px;

}



.cta-form p {

    font-size: 16px;

    line-height: 1.5;

}



.cta-form img {

    width: 115px;

    border-radius: 5px;

    cursor: pointer;

}



.cta-form-valid {

    display: flex;

    justify-content: space-between;

}



.cta-form-valid input {

    width: calc(100% - 122px);

}



.cta-agree-icon {

    width: 20px;

    height: 20px;

    border-radius: 5px;

    border: 1px solid #72716F;

    position: relative;

    cursor: pointer;

}



.cta-agree-icon img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    transition: all .36s;

}



.cta-agree {

    display: flex;

    align-items: center;

}



.cta-agree p {

    padding-left: 10px;

    color: var(--color333);

    font-size: 14px;

}



.cta-agree p a {

    color: var(--color666);

}



.cta-btn a {

    margin-top: 28px;

    background: var(--color23);

    color: var(--colorfff);

    text-align: center;

    font-size: 16px;

    line-height: 48px;

    border-radius: 50px;

    display: block;

    width: 100%;

}



.cta-btn {

    width: 100%;

}



.cta-agree.on .cta-agree-icon img {

    opacity: 1;

}



.cta-rihgt::before {

    content: '';

    position: absolute;

    top: 0;

    right: -88px;

    width: 88px;

    height: 100%;

    background: #F2EFE8;

    border-radius: 0 var(--radius) 0 0;

}



.casedt-main {

    background: var(--color23);

}



.lab-main .no-top {

    margin-top: 80px;

    border-bottom: 1px solid rgba(205, 203, 200, 0.40);

}



.casedt-sur-logo {

    width: 330px;

    margin: 0 auto 30px !important;

}



.casedt-sur-title {

    color: var(--colorfff);

    margin-bottom: 90px;

    text-align: center;

}



.casedt-sur-vio-img img {

    width: 100%;

    border-radius: var(--radius);

}



.casedt-sur-vio {

    position: relative;

    cursor: pointer;

    margin-bottom: 70px;

}



.casedt-sur-vio-play {

    display: flex;

    align-items: center;

}



.casedt-sur-vio-play .std-h4 {

    color: var(--colorfff);

    margin-right: 5px;

    position: relative;

}



.casedt-sur-vio-play .std-h4::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 1px;

    background: var(--colorfff);

    transition: all .36s;

}



.casedt-sur-intro {

    color: var(--colorfff);

    text-align: center;

    margin-bottom: 100px;

}



.casedt-sur-num .std-text1 {

    text-align: center;

}



.casedt-sur-num ul {

    display: flex;

}



.casedt-sur-num li {

    width: 33.333333%;

    text-align: center;

}



.casedt-sur-num-data .ys_demo_num1 {

    color: #A1A1A6;

    font-size: var(--font64);

}



.casedt-sur-num-text {

    padding-left: 20px;

    color: #A1A1A6;

    font-size: var(--font32);

}



.casedt-sur-num-data {

    margin-bottom: 10px;

}



.casedt-sur-num li .std-text2 {

    color: #A1A1A6;

}



.casedt-sur-leader {

    background: rgba(255, 255, 255, .1);

    border-radius: 40px;

    display: flex;

    align-items: center;

    padding: 80px 100px;

    justify-content: space-between;

}



.casedt-sur-leader-left {

    width: 70%;

    color: var(--colorfff);

    opacity: .7;

}



.casedt-sur-leader-right img {

    width: 80px;

    border-radius: 50%;

    margin-bottom: 10px;

}



.casedt-sur-leader-right {

    text-align: center;

}



.cslr-name {

    color: var(--colorfff);

}



.cslr-intro {

    color: var(--colorfff);

    opacity: .7;

}



.casedt-sur {

    margin-bottom: 220px;

}



.casedt-main .std-h3 {

    color: var(--colorfff);

}



.casedt-case h3 {

    color: var(--colorfff);

    font-size: 40px;

}



.casedt-spec-item-top {

    display: flex;

    margin: 0 -15px;

}



.casedt-spec .std-h3 {

    margin-bottom: 80px;

}



.casedt-spec-item-left {

    width: 50%;

    padding: 0 15px;

    position: relative;

}



.casedt-spec-item .ys-imgbox-cover,

.casedt-spec-item .ys-imgbox-cover img {

    border-radius: var(--radius);

}



.casedt-spec-item-bot {

    position: relative;

}



.csil-title {

    position: absolute;

    top: 56px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    padding: 0 60px;

}



.casedt-spec-item-left .csil-title {

    width: calc(100% - 30px);

}



.casedt-spec-item-top,

.casedt-spec-item-top {

    margin-bottom: 30px;

}



.csil-title .std-h4 p {

    color: var(--colorfff);

    line-height: var(--line13);

}



.csil-title .std-h6 {

    color: var(--colorfff);

    opacity: .8;

    margin-bottom: 10px;

}



.csil-title .std-h4 {

    width: 86%;

}



.casedt-spec {

    margin-bottom: 230px;

}



.casedt-case h3 {

    font-size: 40px;

    color: var(--colorfff);

    opacity: .8;

    line-height: var(--line13);

}



.casedt-main .home-part .ys-cont1400 {

    border-radius: var(--radius);

    background: var(--color333);

    position: relative;

}



.casedt-cta-img {

    position: absolute;

    top: -20%;

    right: 10%;

    width: 470px;

}



.casedt-main .home-part .mod-cta-text {

    position: static;

    transform: translate(0%, 0%);

    padding: 82px 135px;

}



.casedt-main .home-part .std-text1,

.casedt-main .home-part .std-h4 {

    color: var(--colorfff);

}



.casedt-main .home-part .std-btn9 a {

    border: 1px solid var(--colorfff);

}



.casedt-main .home-part .mod-nobj .std-btn9-box p {

    color: var(--colorfff);

}



.casedt-main .home-part .mod-nobj .std-btn9-icon {

    background: var(--colorfff);

}



.casedt-main .home-part .mod-nobj .std-btn9-icon img:nth-child(1) {

    opacity: 1;

}



.casedt-main .home-part .mod-nobj .std-btn9-icon img:nth-child(2) {

    opacity: 0;

}



.casedt-main .home-part .std-text1 {

    margin: 20px auto 30px;

}



.casedt-spec-item {

    margin-bottom: 30px;

}



.casedt-sur-vio {

    position: relative;

}



.casedt-sur-vio-mc {

    background: rgba(0, 0, 0, 0.32);

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: var(--radius);

    transition: all .36s;

    opacity: 1;

}



.casedt-case .swiper-slide {

    width: 25% !important;

    margin-right: 30px;

    background: #1D1D1F;

    border-radius: var(--radius);

    padding: 42px 32px;

    height: auto;

}



.casedt-case-img {

    margin-bottom: 90px;

    width: 160px;

}



.casedt-case .swiper-slide .std-h4 {

    margin-bottom: 135px;

    color: var(--colorfff);

}



.casedt-case .swiper-container {

    overflow: initial;

}



.swiper-wrapper {

    margin-bottom: 30px;

}



.casedt-case .casedt-case {

    margin-bottom: 170px;

}



.casedt-case-title {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.casedt-case .mod-arrow .swiper-button-prev::after {

    background: url(../images/a1_arrow002.svg) center / cover no-repeat;

}



.casedt-case .mod-arrow .swiper-button-next::after {

    background: url(../images/a1_arrow02.svg) center / cover no-repeat;

}



.casedt-case .swiper-arrow-left,

.casedt-case .swiper-arrow-right {

    border: 1px solid var(--colorfff);

}



.casedt-case .swiper-arrow img:last-child {

    opacity: 1;

}



.casedt-case .swiper-pagination {

    bottom: -55px !important;

}



.casedt-case .swiper-pagination-bullet {

    background: #D9D9D9 !important;

    opacity: .25 !important;

}



.casedt-case .swiper-pagination-bullet-active {

    background: var(--colorfff) !important;

    opacity: 1 !important;

}



.casedt-case {

    margin-bottom: 160px;

}



.case-down a {

    display: flex;

}



.case-down .std-text3 {

    color: var(--color333);

}



.case-top {

    position: relative;

}



.sslu-item .ys-pos-center {

    width: 80%;

}



.case-top-cont {

    display: flex;

    position: relative;

    z-index: 10;

    justify-content: space-between;

}



.case-tab,

.case-bot {

    position: relative;

    z-index: 10;

}



.case-cont {

    position: relative;

    margin-top: 130px;

}



.case-top-num {

    color: var(--color23);

    font-size: var(--data170);

    font-family: var(--familyB);

    padding-right: 25px;

}



.case-top-flex {

    display: flex;

    align-items: flex-end;

    justify-content: flex-end;

}



.case-top-info .std-h6 {

    color: var(--color666);

}



.case-top .ys-slick {

    width: 400px;

}



.case-top {

    margin-bottom: 80px;

}



.case-tab-item {

    display: flex;

}



.case-tab-item ul {

    display: flex;

    width: calc(100% - 78px);

    flex-wrap: wrap;

}



.case-tab-item-name {

    width: 78px;

    font-size: var(--font16);

    line-height: var(--line13);

    color: var(--color333);

}



.case-tab-item {

    margin-bottom: 18px;

}



.case-tab-item li {

    margin-right: 40px;

    margin-bottom: 10px;

}



.case-tab-item li a {

    color: var(--color666);

    font-size: var(--font16);

    line-height: var(--line13);

}



.case-tab {

    margin-bottom: 50px;

}



.case-bot .item {

    width: 50%;

    padding: 0 100px;

    margin-bottom: 140px;

    position: relative;

}



.case-bot-pic,

.case-bot-img {

    position: relative;

}



.case-bot-img img:nth-child(2),

.case-bot-img img:nth-child(3) {

    position: absolute;

    top: 0;

    left: 0;

}



.case-bot .item:nth-child(2n) {

    top: 80px;

}



.case-bot-icon {

    position: absolute;

    top: 30px;

    left: 60px;

    z-index: 1;

}



.case-bot-img img {

    width: 100%;

    border-radius: var(--radius);

}



.case-bot-text .std-text2 {

    background: #F2EFE8;

    padding: 0 15px;

    display: inline-block;

    border-radius: 5px;

}



.case-bot-text .std-h6 {

    margin-top: 10px;

}



.case-bot-masonry {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -100px 20px;

}



.ys-slick-item.slick-current .case-top-num {

    animation: ysfadeInUp 0.8s ease-in-out both;

    animation-delay: 0.2s;

}



.ys-slick-item.slick-current .case-top-info {

    animation: ysfadeInUp 0.8s ease-in-out both;

    animation-delay: 0.3s;

}



.service-main .ys-main,

.why-main .ys-main,

.company-main .ys-main,

.contact-main .ys-main {

    margin-top: var(--head);

}



.company-outline-box {

    top: 0;

}



.company-value.act1 .company-value-list-item::before {

    width: 0;

    height: 0;

    opacity: 0;

}



.service-bg {

    position: absolute;

    overflow: hidden;

}



.service-firm.on .service-bg {

    position: absolute;

}



.service-firm.on1 .service-bg {

    position: fixed;

    top: 25vh;

}



.service-firm.on2 .service-bg {

    overflow: visible;

}



.service-bg img {

    width: 100%;

    min-height: 100%;

    object-fit: cover;

    max-width: none;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    height: auto;

}



.ybcu-li-text {

    font-size: var(--font64);

    line-height: 1.1;

    color: var(--colorfff);

    white-space: nowrap;

    position: relative;

    transform-origin: 30% 50%;

    transition: all .36s;

    z-index: 2;

}



.ybcu-li-text::after {

    content: "";

    position: absolute;

    top: 50%;

    right: -68px;

    transform: translateY(-50%);

    background: url(../images/arrow0.svg) center no-repeat;

    background-size: contain;

    height: 100%;

    width: 48px;

    opacity: 0;

    transition: all .36s;

}



.ybcu-li-text::before {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    background: url(../images/arrow0.svg) center no-repeat;

    background-size: contain;

    height: 100%;

    width: 48px;

    opacity: 0;

    transition: all .36s;

}



/* .ybcu-li:last-child.act .ybcu-li-text::after {

    opacity: 1;

} */



.ybcu-li:last-child.act {

    cursor: pointer;

    transform: scale(0.6);

}



.ybcu-li {

    display: none;

    pointer-events: none;

    padding: 6px 20px;

}

.ybcu-li.act {

    display: block;

    pointer-events: all;

}

/* 20241212 */

.ybcu-li.active{

    opacity: 0;

}

.ybcu-li.start .ybcu-li-text {

    animation: TextShow .4s forwards;

}

.ybcu-li.start{

    display: block;

    pointer-events: all;

    opacity: 1 !important;

}

.ybcu-li.start::after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: solid 4px var(--colorfff);

    border-radius: 50px;

    opacity: 0;

    transition: all .36s;

}

.ybcu-li.start::after {

    top: 0;

    transform: translate(-50%, 0%);

    border: 2px solid var(--colorfff);

    background: rgba(147, 139, 139, 0.10);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

}

.ybcu-li.start::after {

    animation: LineShow .4s 0.2s forwards;

}

.ybcu-li.start .ybcu-li-text::after {

    opacity: 1;

}

/* 20241212 */



/* .ybcu-li:last-child.act .ybcu-li-text {

    animation: TextShow .4s forwards;

} */



@keyframes TextShow {

    0% {

        transform: scale(1);

    }



    100% {

        transform: scale(0.6);

    }

}



/* .ybcu-li:last-child::after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: solid 4px var(--colorfff);

    border-radius: 50px;

    opacity: 0;

    transition: all .36s;

} */



@keyframes LineShow {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



.ybcu-li:last-child.act::after {

    animation: LineShow .4s 0.2s forwards;

}



.ybcu-li:last-child::before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    /* background: var(--colorfff); */

    border-radius: 50px;

    opacity: 0;

    transition: all .36s;

    cursor: pointer;

}



.ys-btn-cont-ul {

    position: relative;

}



.mc-modal-demo {

    background: var(--color333);

}



.ys-modal-content {

    background: var(--color333);

}



.ys-modal-ul-li {

    width: 50%;

    margin-bottom: 20px;

}



.ys-modal-ul {

    display: flex;

    flex-wrap: wrap;

}



.ys-modal-ul-li a {

    display: block;

    color: #fff;

    line-height: 1.2;

    font-size: 30px;

}



.ys-modal-close .icon-close:before {

    color: #fff;

}



.casetab-suff-top {

    position: relative;

}



.csti-img2 {

    display: none;

}



.casetab-suff-top img {

    width: 100%;

    border-radius: var(--radius);

}



.casetab-suff {

    margin-top: 160px;

}



.casetab-suff-top-cont .std-h2 {

    color: var(--colorfff);

    text-align: center;

    margin-bottom: 20px;

}



.ys-modal-ul-li.act a {

    color: #6c6c70;

}



.casetab-suff .home-cust-top-li {

    margin-bottom: 30px;

}



.casetab-suff .home-cust-top-cont {

    border-top: 1px solid transparent;

}



.casetab-sulo {

    background: #F2EFE8;

}



.casetab-brand-title {

    display: flex;

    justify-content: space-between;

}



.casetab-brand-title .std-text1 {

    width: 40%;

}



.casetab-brand-li {

    display: flex;

    padding: 37px;

    background: #F2EFE8;

    border-radius: var(--radius);

    margin-bottom: 100px;

}



.casetab-brand-ul .case-bot-pic {

    width: 50%;

}



.casetab-brand-li-text {

    width: 50%;

    padding-left: 70px;

    padding-top: 36px;

}



.cbit-img {

    margin-bottom: 32px;

}



.casetab-brand-li-text .std-h6 {

    margin-bottom: 60px;

}



.cblt-num {

    display: flex;

    flex-wrap: wrap;

}



.cblt-num-text {

    width: 50%;

    margin-bottom: 40px;

}



.cblt-num-text-data .ys-demo-num {

    font-size: var(--font64);

    color: var(--color333);

    line-height: var(--line13);

    font-family: var(--familyB);

    padding-right: 10px;

}



.cblt-num-text-data {

    display: flex;

    align-items: flex-end;

}



.casetab-brand-li-text .std-btn9 {

    margin-top: 10px;

}



.casetab-sulo-ul {

    display: flex;

    margin: 0 -80px;

    flex-wrap: wrap;

}



.casetab-sulo-ul li {

    width: 33.333333%;

    padding: 0 80px;

}



.casetab-sulo-icon {

    width: 70px;

    margin-bottom: 10px;

}



.casetab-sulo-ul .std-h4 {

    margin-bottom: 30px;

}



.casetab-news-title {

    display: flex;

    justify-content: space-between;

}



.casetab-news .ys-slick-item a {

    background: #F2EFE8;

    border-radius: var(--radius);

    padding: 68px 36px 114px;

    position: relative;

    display: block;

    height: 100%;

}



.casetab-news .ys-slick-item {

    padding: 0 16px;

    height: auto;

}



.casetab-news .ys-slick {

    margin: 0 -16px;

}



.casetab-news-arrow {

    position: absolute;

    bottom: 52px;

    left: 36px;

}



.casetab-news .case-bot-text {

    margin-top: 40px;

}



.casetab-news .case-bot-text .std-text2 {

    background: #EDE8DD;

}



.casetab-news-time {

    color: var(--color666);

    font-size: var(--font16);

    line-height: var(--line13);

    margin-top: 10px;

}



.casetab-news .swiper-arrow-left.slick-disabled,

.casetab-news .swiper-arrow-right.slick-disabled {

    opacity: .5;

}



.case-bot-img img:nth-child(3) {

    top: 0;

    left: 0;

    transition: all .5s ease-in-out;

}



.casetab-brand .case-bot-img img:nth-child(3) {

    top: -3%;

    left: 10%;

}



.casetab-brand .ys-fadeupnew.fadeInup .case-bot-img img:nth-child(3) {

    transition-delay: .5s;

    top: 0;

    left: 0;

}



.casedt-cta-img img {

    transform: translate(10%, -5%);

}



.casedt-main .ys-fadeupnew.fadeInup .casedt-cta-img img {

    transition-delay: .5s;

    transform: translate(0, 0);

}



.contact-us {

    padding-top: 88px;

}



.contact-us-left-list {

    padding-bottom: 0;

}



.contact-us-right {

    height: auto;

}



.cull-item .std-h6 {

    cursor: pointer;

}



.company-outline .std-h1 {

    font-size: 6vw;

}



.company-outline-box {

    height: 300vh;

}



.why-exp {

    padding-bottom: 30vh;

    width: 100%;

}



.why-service.act.on1 .why-exp {

    position: fixed;

    top: var(--topx);

}



.why-service.act.on3 .why-exp {

    position: absolute;

    top: calc(var(--topx) + 30vh);

}



.why-service {

    height: calc(var(--topx) + var(--topx2));

}



.wlit-btn .cfpr-img-btn {

    position: relative;

    bottom: 0;

    left: 0;

    display: inline-block;

    cursor: pointer;

}



.wlit-btn .cfpr-img-btn::before {

    background: #DFD8C8;

}



.wlit-btn .cfpr-img-btn-icon {

    height: 100%;

    background: #F2EFE8;

    border-radius: 50%;

    position: relative;

    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

}



.wlit-btn .cfpr-img-btn-icon::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: rgba(0, 78, 111, .2);

}



.wlit-btn-cont {

    display: flex;

}



.wlit-btn-cont2 {

    position: absolute;

    top: 50%;

    left: 98px;

    transform: translateY(-50%);

    padding-left: 0;

    transition: all .36s;

    opacity: 0 !important;

}



.wlit-btn-cont1 {

    transition: all .36s;

}



.case-bot-text .std-h6 {

    height: calc(1.5em * 2);

}



.casedt-cta-img img {

    transition: all .5s ease-in-out;

}



.news-bot-li a,

.news-bot-li a::before,

.news-bot-li a::after,

.comp-tabli li {

    transition: all .36s;

}



.hnbc-top-left .std-h3,

.news-top-text p,

.case-bot-text .std-h6 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



@media screen and (min-width: 1200px) {

    .ybcu-li:last-child.act:hover .ybcu-li-text {

        color: #fff;

    }



    .ybcu-li:last-child.act:hover::before {

        opacity: 1;

    }



    /* .ybcu-li:last-child.act:hover .ybcu-li-text::before{

        opacity: 1;

    }

    .ybcu-li:last-child.act:hover .ybcu-li-text::after{

        opacity: 0;

    } */

    .hnbc-top-right:hover .ys-imgbox-cover img {

        transform: scale(1.05);

    }



    .news-bot-li a:hover::before,

    .news-bot-li a:hover::after {

        opacity: 1;

    }



    .comp-tabli li:hover {

        color: var(--color333);

        border-color: var(--color333);

    }



    .casedt-sur-vio:hover .casedt-sur-vio-play .std-h4::before {

        width: 100%;

    }



    .casedt-case .swiper-arrow-left:hover,

    .casedt-case .swiper-arrow-right:hover {

        background: transparent;

    }



    .case-tab-item li a:hover {

        color: var(--color333);

    }



    .case-bot .item a:hover .case-bot-img img:last-child {

        top: 3%;

        left: -10%;

    }



    .wlit-btn .cfpr-img-btn:hover .wlit-btn-cont1 {

        opacity: 0 !important;

    }



    .wlit-btn .cfpr-img-btn:hover .wlit-btn-cont2 {

        opacity: 1 !important;

    }



    .wlit-btn .cfpr-img-btn:hover {

        transform: scale(1);

    }



    /* 2024.05.24 - start */

    .mod-btn .std-btn9-box:hover .std-btn9-icon {

        right: calc(var(--btnw) - 36px - 9px);

    }

}



/* tammy - start */

.company-partner-list {

    max-width: calc(50vw + 650px);

}



.company-founder-alway-list .slick-track {

    display: flex;

}



.company-founder-alway-list .slick-slide {

    height: auto;

}



.cfal-item-link,

.waon-link {

    height: 100%;

}



.head-logo,

.head-logo a {

    line-height: var(--head);

}



.head-search-icon {

    height: var(--head);

}



.head-change a,

.head-tel {

    line-height: var(--head);

}



.head-search-pull {

    top: var(--head);

}



.waon-link-text {

    flex-grow: 1;

    display: flex;

    flex-direction: column;

}



.waon-link-text .std-h6 {

    flex-grow: 1;

}



.wali-link-text {

    flex-grow: 1;

}



.why-share-list-item:nth-of-type(2n) .wsli-text::before {

    bottom: -13px;

}



.sili-ph {

    display: none;

}



.service-card {

    justify-content: center;

}



.slick-dots li {

    background: var(--color999);

    opacity: .4;

    width: 10px;

    height: 10px;

}



.slick-dots li.slick-active {

    background: var(--color23);

    opacity: 1;

}



.sticky-html,

.sticky-body {

    overflow: inherit !important;

}



.company-value-ph {

    display: none;

}



/* tammy - end */

.mod-cta-bj img {

    width: 100%;

}



.casedt-sur {

    padding-top: 220px;

}



.casedt-sur h1 {

    text-align: center;

    font-size: 30px;

    line-height: 1.5;

    color: var(--colorfff);

    margin-bottom: 40px;

}



.submit-main .head-cont {

    width: 100%;

    padding: 0 35px;

    align-items: stretch;

}



.head-mid {

    display: flex;

}



.head-mid .std-btn8 {

    margin-top: 21px;

}



.submit-right {

    position: relative;

    width: 52%;

    height: 100%;

}



.submit-right::before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    background: var(--colormain2);

    border-radius: 20px;

    animation: pic1 1.2s ease-out .3s normal forwards;

}



@keyframes pic1 {

    0% {

        width: 0;

    }



    100% {

        width: 100%;

    }

}



.submit-right img {

    width: 53%;

    opacity: 0;

    animation: pic2 1s ease-out .65s normal forwards;

}



@keyframes pic2 {

    0% {

        opacity: 0;

        transform: translate(0%, -50%);

    }



    100% {

        opacity: 1;

        transform: translate(-50%, -50%);

    }

}



.submit-cont {

    margin-top: var(--head);

    display: flex;

    padding: 0 27px 25px 100px;

    height: calc(100vh - var(--head));

    justify-content: space-between;

    align-items: center;

}



.submit-left {

    width: 50%;

}



.submit-left-title {

    color: var(--color333);

    font-size: 30px;

    line-height: 1.5;

    margin-bottom: 18px;

}



.submit-left-cont .std-btn9 {

    margin-top: 30px;

}



.submit-left-ewm {

    display: flex;

    margin-top: 70px;

}



.submit-left-ewm-item {

    width: 120px;

    margin-right: 42px;

}



.submit-left-ewm-item img {

    border-radius: 10px;

}



.submit-left-ewm-item .std-text3 {

    text-align: center;

    margin-top: 10px;

    color: var(--color23);

}



.submit-left .std-text1 {

    width: 50%;

}



.error-main .submit-right::before {

    background: var(--colormain1);

}



.error-main .submit-left-cont {

    width: 100%;

}



.error-title {

    font-size: 100px;

    color: var(--color666);

    line-height: 1.5;

}



.home-service {

    padding-top: 0 !important;

}



.home-news {

    padding-bottom: 0 !important;

}



.hrlt-ul-li:first-child {

    height: auto;

}



.hrlt-ul-li-cont {

    height: 100%;

}



.hrlt-ul-li:first-child .hrlt-ul-li-cont {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.head-nav-item2 .hnid-left {

    padding-right: 20px;

}



.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {

    color: var(--color23);

}



.cta-cue {

    color: #FF0000;

    font-size: var(--font14);

    line-height: var(--line15);

    margin-top: 5px;

    display: none;

}



/* 未填显示提示语 */

.has-required.empty .cta-cue {

    display: block;

}



/* 未填输入框，验证码框变红 */

.has-required.empty input {

    border-color: #FF0000;

}



/* 未填同意隐私政策输入框变红 */

.has-required.empty .cta-agree-icon {

    border-color: #FF0000;

}



.cta-area .cta-form-li,

.cta-yz .cta-form-li {

    width: 100%;

}



.cta-agree-cont {

    display: flex;

    align-items: center;

}



.hsbt-text h3 {

    display: inline-block;

}



.home-banner-img {

    position: relative;

}



.home-banner-text {

    z-index: 10;

}



/* 网站建设欣赏页面-start */

.appreciate-main .ys-main {

    margin-top: var(--head);

}



.appreciate-main {

    background: var(--colorbj1);

}



.appreciate-contact {

    padding: 100px 0;

    border-bottom: 1px solid #CDCBC8;

    overflow: hidden;

}



.appreciate-contact-img {

    width: 61%;

    overflow: hidden;

}



.appreciate-contact-img img {

    width: 100%;

    transition: all .36s;

}



.appreciate-contact-text h1 {

    font-family: var(--familyM);

}



.appreciate-contact-text {

    width: 39%;

    padding-left: 95px;

}



.appreciate-contact a {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



.appreciate-contact-text-parga p {

    font-size: 18px;

    line-height: 1.75;

    color: #666;

    height: 7em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.appreciate-contact-text-parga {

    margin-top: 20px;

}



.appreciate-contact-text-btn {

    margin-top: var(--space3);

}



.appreciate-img {

    padding-top: 80px;

    padding-bottom: 175px;

    border-bottom: 1px solid #CDCBC8;

}



.appreciate-case {

    padding-top: 128px;

    padding-bottom: 117px;

    overflow: hidden;

}



.appreciate-case-list-li {

    width: 50%;

    padding: 0 16px;

}



.appreciate-case-list {

    margin: 0 -16px;

}



.appreciate-case-list-li a {

    display: block;

    width: 100%;

    height: 100%;

    border-radius: var(--radius);

    background: var(--colorbj2);

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    padding: 54px 38px 65px 45px;

}



.appreciate-case-list-li:not(:first-child) {

    display: none;

}



.acll-tit {

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

    font-family: var(--familyM);

}



.appreciate-case-list .slick-dots {

    bottom: 0;

}



.appreciate-case-list .slick-list {

    padding-bottom: 40px;

}



.appreciate-case-list.empty .slick-list {

    padding-bottom: 0;

}



.appreciate-case-list .slick-track {

    margin: 0;

}



.appreciate-case h2 {

    margin-bottom: 35px;

    font-family: var(--familyM);

}



.appreciate-img h2 {

    margin-bottom: 53px;

    font-family: var(--familyM);

}



.appreciate-img-bt-side {

    width: 26%;

    position: sticky;

    top: 100px;

}



.appreciate-img-bt-list {

    width: 74%;

    padding-left: 140px;

    margin-top: 116px;

}



.appreciate-img-bt {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}



.aibl-li {

    width: 100%;

    position: relative;

    padding: 20px;

    z-index: 1;

}



.aibl-li::after {

    content: "";

    width: 100%;

    height: 100%;

    background: #DFD8C8;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 30px;

    z-index: -1;

}



.aibl-li img {

    width: 100%;

    border-radius: 20px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.aibs-ul-li {

    padding: 10px;

    position: relative;

    margin-bottom: 22px;

    z-index: 1;

    cursor: pointer;

}



.aibs-ul-li:last-child {

    margin-bottom: 0;

}



.aibs-ul-li .ys-imgbox-cover {

    border-radius: 10px;

}



.aibs-ul-li::after {

    content: "";

    width: 100%;

    height: 100%;

    background: #DFD8C8;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 10px;

    z-index: -1;

    transition: all .36s;

    opacity: 0;

}



.aibs-ul-li.act::after {

    opacity: 1;

}



.appreciate-html,

.appreciate-html body {

    overflow: inherit !important;

}



.aibl-li:not(:first-child) {

    display: none;

}



/* 网站建设欣赏页面-end */

.mod-cta-bj {

    position: relative;

}



.mod-cta-bj video {

    position: absolute;

    right: 6.14%;

    width: 33.36%;

    bottom: 0;

    background: transparent;

}



.casetab-suff-top-cont .std-text1,

.casetab-suff-top-cont .std-text1 p {

    color: var(--colorfff);

    line-height: var(--line165);

    color: var(--colorfff);

    text-align: center;

}



.casetab-suff-top-cont {

    width: 62.286%;

}



.casetab-suff-top-cont .ys-btn {

    display: flex;

    justify-content: center;

}



.casetab-suff-top-cont .std-text1 {

    margin-bottom: 26px;

}



.ys-footer-top-li,

.ys-footer-top-li a {

    position: relative;

    display: block;

}



.yftl-float {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 29px 18px 24px 23px;

    align-items: flex-start;

}



.ys-footer-top-li .std-text2 {

    color: var(--color333);

    line-height: var(--line15);

    font-family: var(--familyB);

    font-weight: bold;

    margin-top: 0 !important;

}



.ys-footer-top-li .yftl-btn::before {

    background: var(--color333);

}



.ys-footer-top-li {

    margin-bottom: 43px;

}



.ys-footer-top-ul {

    width: 17.5%;

}



.yftl-float .yftl-btn {

    left: 4px;

}



.yftl-float .yftl-btn {

    font-size: 14px;

}



.yftl-float .yftl-btn {

    display: flex;

    align-items: center;

}



.yftl-btn-icon {

    width: 16px;

    margin-left: 8px;

}



.yftl-btn-icon img {

    width: 100%;

}



.ys-footer-top-li .yftl-btn::before {

    display: none;

}



.cfpr-add-top {

    border-radius: 19px;

    background: rgba(255, 255, 255, 0.30);

    position: absolute;

    top: 30px;

    left: 29px;

    display: flex;

    align-items: center;

    padding: 8px 17px 8px 21px;

    transition: all .4s ease;

    pointer-events: none;

}



.cfpr-add-top-icon {

    width: 10px;

    margin-right: 10px;

    font-size: 0;

}



.cfpr-add-top-icon img {

    width: 100%;

}



.cfpr-add-top-font {

    font-size: var(--font16);

    color: var(--color333);

}



.company-video.act .cfpr-add-top {

    opacity: 0;

}



.hulc-pics img {

    transition: all .5s;

}



.solution-opinion-wrap:not(:last-child) {

    margin-bottom: 40px;

}



.solution-custom .swiper-arrow-right.slick-disabled,

.solution-custom .swiper-arrow-left.slick-disabled {

    pointer-events: none;

    opacity: 0.5;

}



.contact-start-box-list .std-btn8-box {

    padding: 10px 24px;

}



@media screen and (min-width: 1200px) {

    .hrlt-ul-li-cont:hover .hulc-pics img {

        transform: scale(1.05);

    }



    .cull-item:hover {

        opacity: 1;

    }

}



.company-video-controls-audio {

    background-color: #001F41;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    display: flex;

    align-items: center;

    justify-content: center;

    pointer-events: all;

}



.company-video-controls-audio .ys-imgbox-cover {

    width: 55%;

}



.company-video-controls-audio img:nth-of-type(2) {

    opacity: 0;

}



.company-video-controls-audio.act img:nth-of-type(2) {

    opacity: 1;

}



.company-video-controls-audio.act img:first-child {

    opacity: 0;

}



.company-video-controls-left {

    display: flex;

    align-items: center;

}



.company-video-controls {

    justify-content: space-between;

}



/*2024.9.5xiugai start*/

.std-btn8-box::after {

    background: var(--colorbt);

}



.mod-nobj .std-btn9-box {

    background: transparent;

    border: 1px solid var(--colorbt);

}



.std-btn9-box {

    background: var(--colorbt);

}



.news-bot .ys-cont1400 {

    flex-wrap: wrap;

}



.news-bot-add {

    width: 100%;

    margin-bottom: 15px;

    margin-top: 20px;

}



.news-bot-add .home-solu-tab-item {

    position: relative;

}



.news-bot-add .home-solu-tab-item::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 0%;

    height: 100%;

    transition: all 0.36s;

    background: var(--color333);

    border-radius: 40px;

}



.news-bot-add .home-solu-tab-item.on::after {

    width: 100%;

}



.news-bot-add .home-solu-tab-item.on p {

    color: var(--colorfff);

}



.news-bot-add .home-solu-tab-item p {

    position: relative;

    z-index: 1;

}



.cta-left-service-add {

    margin-top: 40px;

    margin-bottom: 130px;

}



.clsa-top {

    display: flex;

    align-items: center;

    margin-bottom: 12px;

}



.clsa-top-le {

    width: 49px;

}



.clsa-top-le img {

    width: 100%;

}



.clsa-top-ri {

    width: calc(100% - 49px);

    flex-grow: 1;

    padding-left: 20px;

    font-size: var(--font24);

    line-height: 1.5;

    color: var(--color333);

    font-family: var(--familyM);

}



.clsa-btm p {

    color: var(--color666);

    font-family: var(--familyM);

    font-size: var(--font16);

    line-height: 1.75;

}



.cta-main .cta-left-cont-service {

    display: none;

}



@media screen and (min-width: 1200px) {



    .mod-nobj .std-btn9-box:hover,

    .hnbc-top a:hover .mod-nobj .std-btn9-box {

        background: var(--colorbt);

    }



    .std-btn8-box:hover::before {

        border-color: var(--colorbt);

    }



    .news-bot-add .home-solu-tab-item:hover::after {

        width: 100%;

        left: 0;

        right: auto;

    }



    .news-bot-add .home-solu-tab-item:hover p {

        color: var(--colorfff);

    }



    .hsbl-logo:hover {

        z-index: 20;

    }



    .hsbl-logo:hover .hsbl-logo-ul {

        animation-play-state: paused !important;

    }



}



/*2024.9.5xiugai end*/

/*2024.9.6xiugai start*/

.casetab-brand-ul .case-bot-pic {

    width: 45.248869%;

}



.casetab-brand-li-text .cbit-img {

    display: none;

}



.case-bot-add {

    font-size: 54px;

    color: var(--color333);

    line-height: var(--line15);

    font-family: var(--familyM);

    margin-bottom: 26px;

}



.casetab-brand .case-bot-icon {

    display: none;

}



.casetab-suff .home-cust-top-ul {

    justify-content: flex-start;

}



/*2024.9.6xiugai end*/

/*2024.9.5新增网站建设分享列表页 start*/

.website-section {

    padding-top: 100px;

}



.website-section-tit {

    color: var(--color333);

    font-family: var(--familyM);

    font-size: var(--font64);

    line-height: 1.3;

    margin-bottom: 90px;

}



.website-section-ul {

    display: flex;

    flex-wrap: wrap;

    margin-left: -16px;

    margin-right: -16px;

}



.website-section-ul-list {

    width: 50%;

    padding: 0 16px;

    margin-bottom: 34px;

}



.wsul-link {

    display: block;

    padding: 54px 42px 35px;

    border-radius: 40px;

    background: #F2EFE8;

}



.wsul-link-img {

    width: 100%;

    border-radius: 20px;

    margin-bottom: 39px;

}



.wsul-link-btm-tit {

    color: var(--color333);

    font-family: var(--familyM);

    font-size: var(--font28);

    line-height: 1.5;

    height: 1.5em;

    overflow: hidden;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    margin-bottom: 22px;

}



.wsul-link-btm-icon {

    padding: 11px 30px 11px 17px;

    border-radius: 13px;

    background: #DFEFD7;

    display: flex;

    align-items: center;

}



.wlbi-img {

    width: 30px;

    margin-right: 15px;

}



.wlbi-img img {

    width: 100%;

}



.wlbi-text {

    color: var(--color333);

    font-family: var(--familyM);

    font-size: 18px;

    line-height: 1.5;

}



.wsul-link-btm-cont {

    display: inline-block;

}



.website-section-page {

    margin-top: 90px;

    margin-bottom: 50px;

}



/*2024.9.5新增网站建设分享列表页 end*/



/* 2024.09.05 */

.casedt-main .casedt-sur-vio-img {

    position: relative;

}



.casedt-main .casedt-sur-vio-img video {

    border-radius: var(--radius);

    left: 0;

    top: 0;

    transform: inherit;

    display: block !important;

}



.casedt-main .casedt-sur-vio-play {

    z-index: 4;

}



.casedt-main .casedt-sur-vio-mc {

    z-index: 3;

}



/* 2024.09.19 */

.casedt-sur-title {

    margin-bottom: 36px;

}



.casedt-sur .std-h6 {

    color: #A1A1A6;

    text-align: center;

    line-height: var(--line15);

    margin-bottom: 43px;

}



.ys-cont1100 {

    width: 1100px;

    margin: 0 auto;

    max-width: 100%;

}



.casedt-free .std-h3 {

    color: var(--colorfff);

    text-align: center;

    margin-bottom: 50px;

}



.casedt-free-core {

    border-radius: var(--radius);

    overflow: hidden;

    background: #1D1D1F;

    position: relative;

}



.casedt-free-core {

    display: flex;

    align-items: flex-start;

}



.casedt-free-core-left {

    width: 61.363636%;

}



.casedt-free-core-img {

    width: 100%;

}



.casedt-free-core-text {

    width: 38.636364%;

}



.cfct-top {

    padding: 33px 41px 24px 47px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(255, 255, 255, .1);

}



.cfct-top-name-logo {

    width: 47px;

    border-radius: 50%;

    overflow: hidden;

}



.cfct-top-name-logo img {

    width: 100%;

}



.cfct-top-name {

    display: flex;

    align-items: center;

}



.cfct-top-name .std-text2 {

    color: var(--colorfff);

    padding-left: 12px;

    line-height: 1.75;

}



.cfct-tfb-add {

    width: 16px;

    height: 16px;

    position: relative;

}



.cfct-top-follow {

    position: relative;

}



.cfct-top-follow-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    background: #f00;

    padding: 6px 25px 6px 20px;

    cursor: pointer;

}



.cfct-tfb-add::before,

.cfct-tfb-add::after {

    content: '';

    width: 2px;

    height: 100%;

    position: absolute;

    background: var(--colorfff);

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.cfct-tfb-add::after {

    transform: translate(-50%, -50%) rotate(90deg);

}



.cfct-top-follow-code {

    position: absolute;

    width: 150px;

    left: 50%;

    transform: translateX(-50%);

    top: calc(100% + 10px);

    border-radius: 22px;

    display: none;

}



.cfct-top-follow-btn .std-text2 {

    color: var(--colorfff);

    padding-left: 7px;

    line-height: 1.75;

}



.cfct-top-follow-code img {

    width: 100%;

    border-radius: 22px;

}



.cfct-top-follow-code::before {

    content: '';

    height: 10px;

    width: 100%;

    position: absolute;

    top: -10px;

    left: 0;

}



.cfct-scroll-box {

    padding: 30px 51px 50px 49px;

}



.cfct-scroll-box .std-h5 {

    color: var(--colorfff);

    line-height: var(--line15);

    margin-bottom: 27px;

}



.cfct-inof-nub .std-text1 {

    color: var(--colorfff);

    line-height: var(--line15);

    margin-bottom: 6px;

}



.cfct-inof-nub {

    margin-bottom: 35px;

}



.cfct-inof-nub:last-child {

    margin-bottom: 0;

}



.cfct-inof-nub .std-text2,

.cfct-inof-nub .std-text2 p {

    color: rgba(255, 255, 255, .7);

    line-height: var(--line165);

}



.cfci-nub:not(:first-child) {

    display: none;

}



.cfct-inof-nub .std-text1 span {

    position: relative;

    top: -2px;

}



.casedt-free {

    --height1: calc(100vh - 140px);

    --height2: 105px;

}



.casedt-free-core {

    height: var(--height1);

    max-height: 900px;

}



.cfct-scroll {

    height: calc(var(--height1) - var(--height2));

    max-height: calc(900px - var(--height2));

}



.cfct-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 5px;

}



.cfct-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #3f3f3f;

}



.cfct-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background: transparent;

}



.cfct-scroll .mCSB_inside>.mCSB_container {

    margin-right: 0;

}



.cfct-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    margin-left: 11px;

}



.cfct-scroll .mCSB_scrollTools {

    bottom: var(--radius);

}



.cfci-nub-bg {

    width: 100%;

    height: var(--height1);

    max-height: 900px;

}



.cfci-nub-bg.ys-imgbox-cover img:nth-child(2) {

    object-fit: cover;

    object-position: top center;

}



.casedt-control {

    position: absolute;

    bottom: 6px;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    justify-content: center;

}



.casedt-control-play {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: rgba(0, 0, 0, .3);

    position: relative;

    cursor: pointer;

}



.casedt-control-dots {

    height: 50px;

    border-radius: 50px;

    background: rgba(0, 0, 0, .3);

    --jian: 7px;

    display: flex;

    align-items: center;

    padding: 0 25px;

    margin-left: 16px;

}



.casedt-control-dots-nub {

    width: 7px;

    height: 7px;

    border-radius: 10px;

    margin: 0 var(--jian);

    transition: all .4s ease;

    cursor: pointer;

    position: relative;

    overflow: hidden;

}



.casedt-control-dots-nub.on {

    width: 35px;

}



.casedt-control-dots-nub::before {

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background: rgba(255, 255, 255, .7);

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.casedt-control-dots-nub::after {

    content: '';

    width: 0%;

    height: 100%;

    border-radius: 10px;

    background: var(--colorfff);

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: all .4s ease;

    opacity: 0;

}



.casedt-control-dots-nub.on::after {

    width: 100%;

    opacity: 1;

    transition: width 4s linear, opacity .4s ease;

}



.casedt-control-play img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    transition: all .4s ease;

    opacity: 0;

}



.casedt-control-play.on1 img:first-child {

    opacity: 1;

}



.casedt-control-play.on2 img:nth-of-type(2) {

    opacity: 1;

}



.casedt-control-play.on3 img:nth-of-type(3) {

    opacity: 1;

}



.casedt-detail-core {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}



.casedt-detail .std-h3 {

    margin-bottom: var(--space3);

}



.casedt-detail-core .std-text2 {

    width: 83.5%;

}



.casedt-detail-core-code {

    max-width: 16.5%;

    width: 100px;

}



.casedt-detail-core .std-text2 h6 {

    color: var(--colorfff);

    font-size: var(--font20);

    line-height: var(--line15);

    margin-bottom: 0.85em;

}



.casedt-detail-core .std-text2 p {

    color: rgba(255, 255, 255, .7);

    line-height: var(--line165);

    margin-bottom: 0.75em;

}



.casedt-detail-core .std-text2 p a {

    color: inherit;

    text-decoration: underline;

}



.cdcc-nub-img {

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 6px;

}



.cdcc-nub-img img {

    width: 100%;

}



.cdcc-nub .std-text2 {

    text-align: center;

    width: 100%;

}



.cdcc-nub .std-text2,

.cdcc-nub .std-text2 p {

    color: rgba(255, 255, 255, .7);

    line-height: var(--line15);

    margin-bottom: 0 !important;

}



.cdcc-nub {

    margin-bottom: 48px;

}



.cdcc-nub:last-child {

    margin-bottom: 0;

}



.casedt-detail-core-code {

    padding-top: calc(var(--font20) * 2.35);

}



.casedt-detail,

.casedt-free {

    padding-bottom: 220px;

}



.casedt-detail .ys-cont1100 {

    transform: translateX(50px);

}



.casedt-detail-core .std-text2 img {

    border-radius: calc(var(--radius) / 2);

}



.why-approve1 {

    height: calc(100vh - var(--head) - var(--anchor));

    background: #F2EFE8;

    position: relative;

    display: flex;

    align-items: center;

    padding-top: var(--space3);

}



.why-approve1-bg {

    background: #F9F8F5;

    position: absolute;

    height: 100%;

    right: 0;

    width: calc(50vw + 493px);

    top: 0;

    --radius1: calc(calc(100vh - var(--head) - var(--anchor)) / 2);

    border-radius: var(--radius1) 0 0 var(--radius1);

}



.why-approve1 .ys-cont1400 {

    position: relative;

    z-index: 6;

}



.why-approve1-dots {

    --jian: 6px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin: 0 calc(var(--jian) * -1);

}



.why-approve1-dots-item {

    padding: 0 var(--jian);

}



.why-approve1-rotate-nub:not(:first-child) {

    display: none;

}



.why-approve1 .std-h3 {

    text-align: center;

    margin-bottom: 84px;

}



.why-approve1-text {

    width: 59%;

    margin: 0 auto;

    position: relative;

    margin-bottom: 42px;

}



.why-approve1-text,

.why-approve1-text p {

    text-align: center;

    line-height: var(--line15);

    color: var(--color333);

}



.why-approve1-rotate .slick-list {

    overflow: visible;

}



.why-approve1-text::before,

.why-approve1-text::after {

    content: '';

    width: 103px;

    height: 103px;

    background-size: 100% 100%;

    position: absolute;

}



.why-approve1-text::before {

    background-image: url(../images/0d2_icon02.svg);

    left: -106px;

    top: 0;

    transform: translate(-100%, -76.6%);

}



.why-approve1-text::after {

    background-image: url(../images/0d2_icon03.svg);

    left: calc(100% + 132px);

    bottom: -28px;

}



.why-approve1-other-play {

    width: 60px;

    cursor: pointer;

    margin: 0 auto;

    margin-bottom: 22px;

}



.why-approve1-other-play img {

    width: 100%;

}



.why-approve1-other-core {

    display: flex;

}



.wa1oc-left {

    width: 50%;

    text-align: right;

    position: relative;

    padding-right: 20px;

}



.wa1oc-logo {

    width: 50%;

    padding-left: 20px;

}



.wa1oc-left-name,

.wa1oc-left-pos {

    font-size: var(--font20);

    line-height: var(--line13);

    color: var(--color333);

}



.wa1oc-left-pos {

    color: rgba(51, 51, 51, .7);

    margin-top: 5px;

}



.wa1oc-logo img {

    height: 52px;

}



.wa1oc-left::before {

    content: '';

    height: 83%;

    width: 1px;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    background: #CDCDCD;

}



.wa1di-box {

    width: 80px;

    padding: 8px;

    border-radius: 50%;

    position: relative;

    cursor: pointer;

}



.why-approve1-dots {

    margin-top: calc(var(--space2) - 16px);

}



.wa1di-box .ys-imgbox-cover {

    width: 100%;

    border-radius: 50%;

}



.wa1di-box .ys-imgbox-cover img {

    object-fit: cover;

}



.wa1di-box::before {

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 1px solid #D9D9D9;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    transition: all .4s ease;

}



.wa1di-box svg {

    position: absolute;

    pointer-events: all;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    overflow: visible !important;

    width: 100%;

    height: 100%;

}



.wa1di-box .circle {

    stroke-dasharray: 0, 251;

    opacity: 0;

    cx: 39;

    cy: 41;

}



.why-approve1-dots-item.on .circle {

    opacity: 1;

    animation: why_circle 4s linear forwards;

}



.why-approve1-dots-item.on .wa1di-box::before {

    opacity: 1;

}



@keyframes why_circle {

    0% {

        stroke-dasharray: 0, 251;

    }



    100% {

        stroke-dasharray: 251, 251;

    }

}



@-webkit-keyframes why_circle {

    0% {

        stroke-dasharray: 0, 251;

    }



    100% {

        stroke-dasharray: 251, 251;

    }

}



.why-video-pop .ys-videom-close::before {

    content: '';

    background-image: url(../images/aclose.svg);

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

}



.why-video-pop .ys-videom-close {

    width: 73px;

    height: 73px;

    background: transparent;

    border-radius: 50%;

    top: -77px;

    right: -97px;

    opacity: .9;

}



.why-video-pop .ys-videom-close .icon-close {

    font-size: 0;

}



.why-video-pop .ys-videom-content {

    width: 472px;

    max-height: calc(100vh - 150px);

}



.ys-videom-video {

    max-height: calc(100vh - 150px);

}



.yftl-ph {

    display: none;

}



.yftl-ph img {

    width: 100%;

}



.hsbl-logo {

    width: auto;

    display: flex;

}



.solution-news .siiw-list-btn {

    margin-top: 10px !important;

}



.home-solu-bot .home-solu-bot-logo::after,

.home-solu-bot .home-solu-bot-logo::before {

    z-index: 30;

}



.hsbl-logo-ul {

    display: flex;

    flex: none;

}



.wclh-list-item {

    flex: none;

}



.hsbl-logo {

    position: relative;

}



.home-rely-more {

    margin-top: var(--space1);

}



.home-rely-btm {

    padding-top: 60px;

}



.solution-info-item-ph {

    display: none;

}



.news-bot-add .home-solu-tab-item::after {

    display: none;

}



.case-bot .case-bot-icon {

    display: none;

}





.hrlt-ul-end {

    width: 50%;



}



.hrlt-ul-end .hrlt-ul-li-cont {

    background: #F2EFE8;

}



.hrlt-ul-end-top {

    width: 100%;

    position: relative;

    z-index: 1;

}



.hrlt-ul-end-video {

    position: absolute;

    bottom: -15%;

    right: -9%;

    width: 75%;

}



.hrlt-ul-end-video video {

    width: 100%;

    background: transparent;

}



.hrlt-ul-end-cont {

    padding: 40px 34px;

    position: relative;

    width: 100%;

}



.hrlt-ul-end-top .std-h4 {

    color: #333;

}



.hrlt-ul-end-top {

    width: 63%;

    border-radius: 30px;

    background: #E7E1D3;

    padding: 47px 40px 53px;

    position: relative;

}



.hrlt-ul-end-top img {

    width: 28%;

    position: absolute;

    bottom: -25px;

    right: 18%;

    z-index: -1;

}



.hrlt-ul-end-btm p {

    font-size: 170px;

    font-weight: 400;

    line-height: 1;

    background: linear-gradient(90deg, rgba(231, 225, 211, 0.28) 2.57%, #E7E1D3 97.87%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.hrlt-ul-end-btm {

    position: absolute;

    bottom: -6px;

    right: -10px;

}



.hrlt-ul-end {

    position: relative;

}



.hrlt-ul-end-img {

    display: none;

}



.hrlt-ul-end-img {

    position: absolute;

    bottom: -6%;

    right: -3%;

    width: 53%;

}



.hrlt-ul-end-img img {

    width: 100%;

}



.slsl-text-logo {

    width: 175px;

}



.ys-bbl-item-nub {

    transform: translate3d(0, 0, 0) translateZ(0);

}





.hnid-left-more {

    display: inline-block;

    padding-left: 28px;

    margin-top: 35px;

}



.head-nav-item.on .hnid-left-more {

    animation: nav .5s both normal cubic-bezier(.645, .045, .355, 1) calc(30ms* 8);

}



.hnid-left-more .std-text2 {

    padding-right: 13px;

}



/* 2024.09.27 - start */

.home-banner1 .yx_text2_effect {

    font-size: var(--font80);

    line-height: var(--line165);

    color: var(--color333);

    letter-spacing: 0.29em;

    text-align: center;

    transition: all .4s ease;

}



.home-banner1 .home-banner-title {

    width: 100%;

    text-align: center;

}



.home-banner1.act .yx_text2_effect,

.home-banner1.act .mod-btn {

    opacity: 0;

}



.home-banner1.act .home-banner-img img {

    opacity: 0;

}



.home-banner1.act .home-banner-img video {

    opacity: 1;

}



.home-banner1 .home-banner-img video {

    opacity: 0;

}



.home-page {

    height: auto;

}



.home-banner.home-banner1 {

    height: auto;

}



.home-banner1 .home-banner-img img {

    width: 100%;

    top: 0;

    left: 0;

    transform: translate(0);

}



.home-banner1 .home-banner-img img,

.home-banner1 .home-banner-img video {

    transition: all .4s ease;

}



.solution-energy .home-cust-top-li {

    margin-top: 0px;

}



.solution-main .home-cust-top-ul {

    padding-top: 50px;

    padding-bottom: 50px;

}



.home-cust-top-ul {

    justify-content: flex-start;

}



.service-inof-list-item,

.service-process,

.ys-footer,

.service-title {

    overflow: hidden;

}



.home-part.home-data {

    border-bottom: 0px;

}



.home-part.home-add {

    border-bottom: 0px solid #CDCBC8;

    padding-top: var(--space3);

    padding-bottom: 0;

}



.home-part.home-add+.home-part {

    padding-top: 0;

}



.hulc-add {

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.sticky-html,

.sticky-body {

    overflow: visible !important;

}



.case-main .case-bot-text .std-h6 {

    margin-top: var(--space3);

    height: inherit;

    -webkit-line-clamp: inherit;

    margin-bottom: calc(var(--space3) / 1.5);

}



.slsl-img.on .company-video-hover {

    opacity: 1;

    pointer-events: all;

}



.casedt-sur .std-h6 span:last-child {

    display: none;

}



.hsbl-logo-ul1 {

    transform: translateX(0%);

}



.hsbl-logo-ul {

    position: relative;

}



.hsbl-logo {

    font-size: 0;

}



.casedt-sur .std-h6 a {

    color: inherit;

}



/* .cfpr-add-top{

    display: none;

} */

.cfpr-add-top .cfpr-add-top-font {

    display: none;

}



.cfpr-add-top-icon {

    margin-right: 0 !important;

}



.ys-ban-video {

    background: transparent !important;

}



.head-cont {

    position: relative;

    z-index: 10;

}



/* .home-main .ys-hd-pc::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .4);

    backdrop-filter: blur(35px);

} */





.ys-num-wrap span:nth-child(1) {

    margin-right: 0 !important;

}



.news-bot-left,

.newsdt-top-cont {

    width: 68.2%;

}



.hsbt-text .mod-nobj .std-btn9-box {

    margin-top: 10px;

}



.hsbt-text .mod-nobj .std-btn9-box:first-child {

    margin-top: 0 !important;

}



.why-main .why-inof {

    padding-top: 0 !important;

}



.hnbc-bot .slick-list {

    width: 100%;

}



.hnbc-bot .slick-track {

    height: 100%;

}



.yftn-left {

    width: 100%;

}



.yftn-left>ul>li {

    width: 33.333333%;

}



.yftn-left>ul>li:first-child {

    width: 66.666666%;

}



.yftn-left>ul>li:first-child ul {

    display: flex;

    flex-wrap: wrap;

}



.yftn-left>ul>li:first-child ul li {

    width: 50%;

}



.casetab-brand-paging {

    padding-bottom: var(--space2);

}



.cblt-num-text-data .ys-demo-num {

    font-size: var(--font48);

}



.cblt-num-text .std-h4 {

    font-size: var(--font24);

}



.company-active,

.company-who,

/* .company-all, */

.company-partner {

    width: 100%;

    overflow: hidden;

}



.ys-bbl-item,

.company-outline .std-h1 {

    transition: all 0.1s;

}



.head-nav-item4 .head-nav-item3-left:nth-child(2) {

    padding-left: 40px;

}



.home-news-bot .hnbc-top-right img {

    object-fit: cover;

}



/* 2024.10.14修改-start */

.home-service-cont{

    transition: all .36s;

}

.cta-form input, .cta-form textarea,

.cta-form input::placeholder, .cta-form textarea::placeholder{

    color: #666 !important;

    font-family: inherit !important;

}

.hnbc-top-left a{

    display: block;

}

.casedt-cta-img{

    z-index: -1;

}

.casedt-main .home-part .ys-cont1400{

    z-index: 1;

}

.casedt-free-core,

.cfci-nub-bg{

    height: auto;

    max-height: inherit;

}

.cfct-scroll {

    height: auto;

    max-height: calc(900px - 140px);

}

/*鼠标效果*/

@media screen and (min-width: 1200px) {

    .home-service-cont:hover{

        background: #F8F3E6;

    }

    .hnbc-top a:hover .mod-nobj .std-btn9-icon{

        right: 106px;

    }

}

/* 2024.10.14修改-end */





/* 2024.11.6Linda修改-start */

.casetab-suff .home-cust-top-cont{

    border-bottom: none;

}

.casetab-suff{

    border-bottom: 1px solid #CDCBC8;

}



.hsbl-logo1 .hsbl-logo-ul1{

    animation: goon_dong1 linear infinite;

}

.hsbl-logo1 .hsbl-logo-ul2{

    transform: translateX(100%);

    position: absolute;

    top: 0;

    left: 0;

    animation: goon_dong2 linear infinite;

}

.hsbl-logo1 .hsbl-logo-ul3 {

    transform: translateX(100%);

    position: absolute;

    top: 0;

    left: 0;

    animation: goon_dong3 linear infinite;

}

.hsbl-logo2 .hsbl-logo-ul1{

    animation: goon_dong4 linear infinite;

}

.hsbl-logo2 .hsbl-logo-ul2{

    transform: translateX(100%);

    position: absolute;

    top: 0;

    left: 0;

    animation: goon_dong5 linear infinite;

}

.hsbl-logo2 .hsbl-logo-ul3 {

    transform: translateX(-100%);

    position: absolute;

    top: 0;

    left: 0;

    animation: goon_dong6 linear infinite;

}

@keyframes goon_dong1 {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(100%);

    }

}

@keyframes goon_dong2 {

    from {

        transform: translateX(100%);

    }

    to {

        transform: translateX(200%);

    }

}

@keyframes goon_dong3 {

    from {

        transform: translateX(-100%);

    }

    to {

        transform: translateX(0%);

    }

}

@keyframes goon_dong4 {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-100%);

    }

}

@keyframes goon_dong5 {

    from {

        transform: translateX(100%);

    }

    to {

        transform: translateX(0);

    }

}

@keyframes goon_dong6 {

    from {

        transform: translateX(200%);

    }

    to {

        transform: translateX(100%);

    }

}

.casetab-news .case-bot-text .std-text2{

    height: 1.65em;

    background: transparent;

    overflow: hidden;

    padding: 0 !important;

}

.casetab-news .case-bot-text .std-text2 p{

    background: #EDE8DD;

    padding: 0 15px;

}

.company-founder{

    overflow: hidden;

}

.sslu-item.empty .sslu-item-text{

    width: 100%;

    padding-left: 0;

}

.news-main .hnbc-top-left-tag .home-news-tag::before{

    display: none;

}

.swiper-arrow-icon{

    position: relative !important;

    width: 55px !important;

    height: 55px !important;

    margin-top: 0 !important;

    right: auto !important;

    left: auto !important;

    top: 0 !important;

}

.siiw-list{

    padding-bottom: 77px;

}

.swiper-button-icons{

    top: auto !important;

    bottom: -77px;

}

.siiw-list .swiper-button-prev{

    left: auto;

    right: 71px;

}

.siiw-list .swiper-button-next{

    right: 0;

}

.siiw-list .swiper-button-prev::after, .siiw-list .slick-prev::after,

.siiw-list .swiper-button-next::after, .siiw-list .slick-next::after{

    width: 24px;

    height: 24px;

}

.hsbt-text-btn{

    width: 195px;

    margin-top: 25px;

}

.hsbt-text-btn-li a{

    padding: 0 15px 5px 0;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #999;

    justify-content: space-between;

}

.hsbt-text-btn-li img{

    width: 18px;

    transition: all .36s;

}

.hsbt-text-btn-li p{

    font-size: var(--font20);

    line-height: var(--line165);

    color: #333;

}

.hsbt-text-btn-li{

    margin-bottom: 12px;

}

.hsbt-text-btn-li:last-child{

    margin-bottom: 0;

}



/* 2024.11.6Linda修改-end */

/* 2024.11.14修改-start */

.ys-btn-cont-bt li p{

    font-size: var(--font64);

    line-height: 1.1;

    color: var(--colorfff);

    display: block;

    transform: scale(0.6);

}

.ys-btn-cont-bt li{

    position: relative;

    padding: 9px 0;

    transition: all .36s;

}

.ys-btn-cont-bt li a{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.ys-btn-cont-bt{

    position: absolute;

    width: 100%;

    left: 0;

    display: none;

}

.ybcu-li:last-child::after{

    top: 0;

    transform: translate(-50%,0%);

    border: 2px solid var(--colorfff);

    background: rgba(147, 139, 139, 0.10);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

}

/* .ys-btn-cont.act .ybcu-li:last-child::after{

    height: calc(100% + var(--height));

    border-radius: 35px;

} */

.ys-btn-cont.act .ybcu-li::after{

    height: calc(100% + var(--height));

    border-radius: 35px;

}

.ybcu-li{

    transform: scale(1) !important;

}

.ys-btn-cont{

    transform: scale(0.6);

    position: relative;

    cursor: pointer;

}

.ys-btn-cont-bt li:last-child{

    border-radius: 0 0 35px 35px;

}

.ys-btn-cont.act .ybcu-li-text::after{

    transform: translateY(-50%) rotate(180deg);

}

.nbri-ul1 li a{

    display: block;

}

.hsin-box-ts1 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: none;

}

/* 2024.11.14修改-end */

.appreciate-img .wsul-link-btm-cont{

    margin-top: var(--space2);

    display: block;

    text-align: center;

}

.appreciate-img .wlbi-cont {

    display: inline-block;

}

.news-bot-page{

    display: flex;

    justify-content: space-between;

    margin: 0 -15px;

}

.nbpl-cont{

    display: flex;

    align-items: flex-start;

} 

.nbpl-left{

    display: flex;

    align-items: center;

}

.news-bot-page-li{

    max-width: 50%;

    padding: 0 15px;

}

.news-bot-page-li:last-child .nbpl-cont, .news-bot-page-li:last-child  .nbpl-left{

    flex-direction: row-reverse;

}

.nbpl-left .std-text2{

    padding: 0 10px;

    color: var(--color333)

}

.nbpl-left{

    width: 82px;

}

.nbpl-right{

    width:calc(100% - 82px);

}

/* .news-bot-page-li:last-child a .nbpl-right .std-text2{

    text-align: right;

} */

.pc-fenye li{

    flex-shrink: 0;

}

/* 2025.01.09 - start */

.yfts-bot{

    margin-bottom: 56px;

}

.yfts-link-name{

    color: var(--colorfff);

    line-height: var(--line15);

    margin-bottom: 8px;

}

.yfts-link-top{

    padding: 15px 14px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    cursor: pointer;

}

.yfts-link-top .std-text2{

    color: rgba(255, 255, 255, .5);

    line-height: var(--line15);

    width: 50%;

    flex-grow: 1;

}

.yfts-link-icon{

    width: 12px;

    height: 7px;

    transition: all .4s ease;

    font-size: 0;

}

.yfts-link-icon img{

    width: 100%;

    transition: all .4s ease;

    transform: rotate(180deg);

}

.yfts-link-zhan{

    width: 316px;

    max-width: 100%;

    position: relative;

    z-index: 10;

}

.yfts-link-xia{

    border-radius: 0px 0px 8px 8px;

    background: #151515;

    padding: 3px 7px 10px 18px;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

}

.yfts-lxn-core{

    display: block;

    padding: 15px 0;

    line-height: var(--line15);

    color: rgba(255,255,255,.6);

    transition: all .4s ease;

    font-size: var(--font16);

    border-bottom: 1px solid rgba(255,255,255,.06);

}

.yfts-link-xia-nub:last-child .yfts-lxn-core{

    border-bottom: 0px;

}

.yfts-link-xia{

    display: none;

}

.yfts-link-zhan.on .yfts-link-icon img{

    transform: rotate(0deg);

}

.yfts-link-xia{

    height: 233px;

}

.yfts-link .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .75);

}

.yfts-link .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .15);

}

.yfts-link .mCSB_scrollTools{

    top: 10%;

    bottom: 10%;

}

.yfts-link .mCSB_scrollTools {

    width: 10px;

}

.yfts-link .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.yfts-link .mCSB_inside>.mCSB_container {

    margin-right: 12px;

}

/* btn */

.mod-nobj .std-btn9-icon {

    background: var(--colorbt);

}

.home-solu-top-bj{

    background: var(--colorbt);

}

/* 2025.01.09 - end */

/* 2025.01.21 - start */

.case-tab-item-name,

.case-tab-item li a{

    line-height: var(--line165);

}

.case-tab-item3 .case-tab-item-name span{

    color: var(--colorfff);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 14.5px;

    position: relative;

    z-index: 2;

    font-size: var(--font16);

    line-height: var(--line13);

}

.case-tab-item3 .case-tab-item-name span::before{

    content: '';

    width: 100%;

    height: 2em;

    border-radius: 16px;

    background: var(--color333);

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: -1;

}

.case-tab-item3 .case-tab-item-name{

    display: flex;

    justify-content: flex-start;

    line-height: 1;

    font-size: 0;

    align-items: flex-start;

}

.case-tab-item3.case-tab-item li a{

    color: var(--color333);

}

.case-tab-item li a {

    color: var(--color666);

    font-size: var(--font16);

    line-height: var(--line13);

}

.ctin-btn{

    display: flex;

    align-items: center;

    cursor: pointer;

    position: relative;

    font-size: var(--font16);

}

.ctin-btn-close{

    width: 13px;

    margin-left: 4px;

    font-size: 0;

    opacity: 0;

    transition: all .6s;

}

.ctin-btn-close img{

    width: 100%;

}

.case-tab-item:not(.case-tab-item3) li {

    margin-right: 26px;

}

.ctin-btn .std-text2,

.ctin-btn .ctin-btn-close{

    position: relative;

    z-index: 6;

}

.ctin-btn::before{

    content: '';

    width: calc(100% + 20px);

    height: 2em;

    border-radius: 5px;

    background: #F2EFE8;

    left: -10px;

    position: absolute;

    transition: all .6s;

    opacity: 0;

}

.ctin-btn .std-text2{

    transition: all .6s;

}

.ctin-btn.on::before{

    opacity: 1;

}

.ctin-btn.on .ctin-btn-close{

    opacity: 1;

}

.ctin-btn.on .std-text2{

    color: var(--color333);

}

.case-tab-item {

    margin-bottom: 16px;

}

.case-tab-item.case-tab-item3 {

    margin-top: 19px;

}

/* 2025.01.21 - end */

.ys-ban-ts1{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    filter: brightness(1.06);

    opacity: 0;

}

/* .ys-ban-ts1.on{

    opacity: 1;

} */

.ctin-btn>a{

    pointer-events: none;

}

.ctin-btn.on>a{

    pointer-events: all;

}

.ctin-btn{

    cursor: auto;

}

.ctin-btn a{

    cursor: pointer;

}

.ctin-btn .std-text2 {

    font-size: 0;

    display: flex;

    height: calc(var(--font16)* var(--line165));

    align-items: center;

}

.home-banner1 .yx_text2_effect {

    letter-spacing: 0.21em;

}

.home-banner1.act .ys-ban-ts1.on {

    opacity: 1;

}

/*2025.3.1 Linda修改-start*/
.sslu-item .ys-pos-center{
    transition: all .36s;
}
.casedt-case .swiper-slide a{
    display: block;
}
.wsli-text::before {
    top: -12px;
}
.yxedr-active p a{
    color: var(--color666);
    line-height: 1.75;
    display: inline-block;
    position: relative;
    font-size: var(--font16);
}
.yxedr-active p a::before{
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 2px;
    left: 0;
}
.hnbc-top-left .std-h3{
    -webkit-line-clamp: 3;
    height: 4.5em;
    line-height: var(--line15);
    margin-bottom: 20px;
}
.company-video-hover, .company-video-click{
    background: transparent !important;
}
.head-search-pull {
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 4%);
}
.casedt-detail-core section{
    text-align: left !important;
}
.z_1200_1 ul li a {
    padding: 22px 5px !important;
    line-height: 1.5 !important;
}
.z_1200_1 ul li span{
    line-height: 1.5 !important;
    padding: 22px 0 !important;
}
.ys-footer-bot-cont p{
    color: var(--colorfff);
}

#c-s-in .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #d8e0e6 !important;
}

#c-s-in .mCSB_outside+.mCSB_scrollTools {
    right: 5px;
    top: 10px;
    bottom: 10px;
}

#c-s-in .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f1f3f5;
}

@media screen and (min-width: 1200px) {
    .sslu-item a:hover .sslu-item-logo img{
        transform: translate(-50%, -50%) scale(1.05);
    }
}

/*2025.3.1 Linda修改-end*/

/*2025.3.7 helen修改 star*/

.siiw-titbox .font-fade {
    display: flex;
    flex-wrap: wrap;
}

.siiw-titbox .font-fade span{
    display: block;
}

.solution-info-item-wrap .ys-fadeupnew {
    transition: transform 0.56s ease, opacity .1s ease;
}

.altumcode-middle_center::before {
    pointer-events: all !important;
}

.home-solu-top-cont .mCSB_scrollTools {
    opacity: 0 !important;
}

/*2025.3.7 helen修改 end*/
/*2025.3.26Linda修改-start*/
.hnbc-top-right {
    width: 50%;
    padding-left: 15px;
}
.hnbc-top-right a{
    width: 100%;
    display: block;
    position: relative;
    border-radius: var(--radius);
    border-top-left-radius: ;
    border-top-right-radius: ;
    border-bottom-right-radius: ;
    border-bottom-left-radius: ;
    overflow: hidden;
}
.hnbc-top-left {
    width: 50%;
    padding-top: 100px;
}
/*2025.3.26Linda修改-end*/
/* 2025.07.21 - start - tammy */
.sub-nav{
    position: fixed;
    bottom: 50px;
    width: 86.7vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 200px;
    background: #fff;
    box-shadow: 0px 38px 48px 0px rgba(0, 0, 0, 0.07), 0px 4.758px 6.01px 0px rgba(0, 0, 0, 0.03);
    z-index: 99;
    padding: 0 10px;
}
.snii-link{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 20px 10px;
    cursor: pointer;
}
.snii-link .ys-imgbox-cover{
    width: 48px;
}
.sub-nav-inof{
    display: flex;
}
.sub-nav-inof-item{
    width: 25%;
    flex-grow: 1;
}
.snii-font{
    font-size: 22px;
    line-height: 1.4;
    color: #666;
    margin-left: 12px;
}
.sub-nav{
    display: none;
}
/* 2025.07.21 - end - tammy */