@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: transparent;}.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: 34px;}.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-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 {    margin-bottom: 10px;}.home-cust-bot-left .std-h4 {    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);    width: 130px;    text-align: center;    cursor: pointer;    border-radius: var(--radius);}.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%);    width: 130px;    height: 46px;    border-radius: var(--radius);    background: var(--color333);    opacity: 0;}.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: 110px;}.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 */