﻿@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'SHIDAILVNENG-Light';
    src: url('../fonts/OPPOSans-Light/OPPOSans-L.woff2') format('woff2'),
        url('../fonts/OPPOSans-Light/OPPOSans-L.woff') format('woff');
}
@font-face {
    font-family: 'SHIDAILVNENG-Regular';
    src: url('../fonts/OPPOSans-Regular/OPPOSans-Regular.woff2') format('woff2'),
    url('../fonts/OPPOSans-Regular/OPPOSans-Regular.woff') format('woff');
}
body,
input,textarea{
    font-family: "SHIDAILVNENG-Regular","PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "SHIDAILVNENG-Regular","PingFang SC", "Microsoft YaHei" !important;
}

html{
    font-size: 100px;
}
/* a[href=""],a[href='']{
    cursor:default
} */
.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
    -webkit-text-fill-color: #333 !important;
}
:root{
    /* 字号 */
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    /* 间距 */
    --space250: 2.5rem;
    --space240: 2.4rem;
    --space230: 2.3rem;
    --space220: 2.2rem;
    --space210: 2.1rem;
    --space200: 2.0rem;
    --space190: 1.9rem;
    --space180: 1.8rem;
    --space170: 1.7rem;
    --space160: 1.6rem;
    --space150: 1.5rem;
    --space140: 1.4rem;
    --space130: 1.3rem;
    --space120: 1.2rem;
    --space110: 1.1rem;
    --space100: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space70: 0.7rem;
    --space60: 0.6rem;
}
:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line165: 1.65;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colorddd: #ddd;
    --colormain: #006EFB;
    --colorfont: #07111F;
    --colortext: #4B5563;
    --colorbj1: rgba(0, 110, 251, 0.2);
    --colorbj2: #F6F8FA;
    --colorbj3: rgba(0, 110, 251, 0.1);
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;  
    /* 特殊字体或粗细 */
    --bold: '';
    --lightf: 'SHIDAILVNENG-Light';
    --regularf: 'SHIDAILVNENG-Regular';
    --transition: all 0.36s ease-in-out;
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2),-webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2),color 0.3s var(--bezier2);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    /* 圆角 */
    --border-radius1: 0.1rem;
    --border-radius2: 0.11rem;
    --border-radius3: 0.16rem;
    --border-radius4: 0.2rem;
    --border-radius5: 0.46rem;
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1); 
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
}
.std-font84,
.std-font84 p {
    font-size: var(--font84);
    color: var(--colorfont);
    line-height: var(--line12);
}
.std-font64,
.std-font64 p {
    font-size: var(--font64);
    color: var(--colorfont);
    line-height: var(--line12);
}
.std-font54,
.std-font54 p,
.yxedr-active h2 {
    font-size: var(--font54);
    color: var(--colorfont);
    line-height: var(--line12);
}
.std-font48,
.std-font48 p {
    font-size: var(--font48);
    color: var(--colorfont);
    line-height: var(--line12);
}
.std-font30,
.std-font30 p,
.yxedr-active h3 {
    font-size: var(--font30);
    color: var(--colorfont);
    line-height: var(--line16);
}
.std-font24,
.std-font24 p,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--colorfont);
    line-height: var(--line12);
}
.std-font20,
.std-font20 p,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--color333);
    line-height: var(--line16);
}
.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--line15);
}
.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
}
.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--color333);
    line-height: var(--line16);
}
.yxedr-active,
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
}
.yxedr-active p{
    margin-bottom: 0.75em;
}
.yxedr-active>p:last-child{
    margin-bottom: 0;
}
.std-padding150t {
    padding-top: var(--space150);
}
.std-padding150 {
    padding-bottom: var(--space150);
}
.std-padding120t {
    padding-top: var(--space120);
}
.std-padding120 {
    padding-bottom: var(--space120);
}
.std-padding100t {
    padding-top: var(--space100);
}
.std-padding100 {
    padding-bottom: var(--space100);
}
.std-margin40 {
    margin-bottom: var(--space40);
}
.std-padding40 {
    padding-bottom: var(--space40);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}
.search-main{
    --colormain1: var(--colormain) !important;
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    content: '分享到 - 微信';
    /* content: 'Share the - WeChat'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2)!important;
    white-space: nowrap;
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 公共按钮 - start */
.std-btn1 {
    display: flex;
}
.std-btn-link1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.22rem;
    border-radius: 1000px;
    background: var(--colorfont);
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: 46px;
    height: 46px;
    transition: var(--transition);
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    min-width: 1.3rem;
}
.std-btn-text {
    display: block;
}
/* 公共按钮 - end */
/* 内页按钮区 - start */
.solution-action-in {
    display: flex;
    justify-content: center;
}
/* 内页按钮区 - end */
/* 侧边锚点隐藏 */
.mod-anchor{
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
    position: fixed;
    z-index: 20;
}
.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor ul{
    transition: all .4s ease;
}
.mod-anchor:not(.act) ul{
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor.act ul{
    opacity: 0;
    transform: translateX(-50%);
}
/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled{
    pointer-events: none!important;
    opacity: .5!important;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    
}
/* 载入 */
.ys-upfade1{
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}
.ys-upfade1.ys-fade-true{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
/* 首页banner载入 */
.ys-ban-li.act .ys-ban-title{
    animation: ysfadeInUp .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title{
    animation-delay: 0.3s;
}
.ys-ban-li.act .home-ban-desc{
    animation: ysfadeInUp .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .home-ban-desc{
    animation-delay: 0.4s;
}
/* 公共样式 - end */

/* 首页 - start */

 .ys-hd-pc-core {
    align-items: center;
    justify-content: flex-start;
    height: var(--headh);
}
 .ys-hd-pc::before {
    background: rgba(255, 255, 255, .96);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: none;
}
 .head-logo {
    width: 188px;
    margin-right: 0.72rem;
}
 .head-logo a {
    display: block;
    width: 100%;
}
 .head-nav-item-title {
    margin:0 var(--gap2);
    padding: var(--gap1);
    font-size: var(--font16);
    line-height: var(--line16);
}
 .head-other {
    margin-left: auto;
}
 .head-search-btn {
    width:20px;
}
 .head-search-btn .ys-imgbox-cover {
    font-size: 0;
}
.home-ban-imgbox {
    overflow: hidden;
}
.home-ban-img {
    width: 100%;
}
.home-ban-img img:nth-child(n+2) {
    object-fit: cover;
    object-position: center center;
    transform: scale(1.08);
    transition: transform 1.6s var(--bezier2);
}
.home-ban-imgbox::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background: rgba(7, 17, 31, .14);
    pointer-events: none;
}
.home-banner-ring {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: -1.18rem;
    width: 15.94rem;
    max-width: 83vw;
    aspect-ratio: 1;
    transform: translateX(-50%);
    pointer-events: none;
}
.home-banner-ring::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: repeating-conic-gradient(from 0deg, rgba(255, 255, 255, .56) 0deg 0.7deg, transparent 0.7deg 2.7deg);
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 8px), #000 calc(100% - 7px), #000 calc(100% - 4px), transparent calc(100% - 3px));
    mask: radial-gradient(closest-side, transparent calc(100% - 8px), #000 calc(100% - 7px), #000 calc(100% - 4px), transparent calc(100% - 3px));
    animation: homeRingOnce 1.7s ease both, homeRingLoop 24s linear 1.7s infinite;
}
.home-ban-txtbox .ys-cont1200 {
    margin-top: 3.5rem;
}
.home-ban-title {
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line12);
}
.home-ban-desc {
    margin: 0.2rem auto 0;
    color: var(--colorfff);
    line-height: var(--line16);
    text-align: center;
}
.ys-ban-li.act .home-ban-img .home-ban-pic,
.slick-current .home-ban-img .home-ban-pic {
    transform: scale(1);
}
.home-sec-title {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    z-index: 2;
}
.home-sec-title .std-font54 {
    color: var(--colorfont);
}
.home-sec-desc {
    flex-basis: 100%;
    margin-top: 0.2rem;
    color: var(--colortext);
    line-height:var(--line16);
}
.home-title-mark {
    position: relative;
    width: 0.26rem;
    height: 0.3rem;
    margin: 0.02rem 0 0 0.1rem;
    flex: none;
}
.home-title-mark span {
    position: absolute;
    display: block;
    background: var(--colormain);
}
.home-title-mark span:nth-child(1) {
    left: 0;
    top: .14rem;
    width: .125rem;
    height: .125rem;
}
.home-title-mark span:nth-child(2) {
    left: .14rem;
    top: 0;
    width: .075rem;
    height: .075rem;
}
.home-title-mark span:nth-child(3) {
    left: .18rem;
    top: .22rem;
    width: .075rem;
    height: .075rem;
}
.home-energy {
    position: relative;
}
.home-energy-light{
    position: absolute;
    top: -30%;
    right: 0;
    width: 6.4rem;
    pointer-events: none;
    z-index: 1;
}
.energy-layout {
    display: flex;
    align-items: center;
    margin-top: 0.62rem;
    justify-content: space-between;
}
.energy-visual {
    position: relative;
    width: 6.86rem;
    aspect-ratio: 686 / 764;
    flex: none;
    overflow: visible;
}
.energy-deco-ring::before,
.news-deco-ring::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: repeating-conic-gradient(from 0deg, rgba(0, 110, 251, .45) 0deg 1deg, transparent 1deg 5deg);
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 7px), #000 calc(100% - 6px), #000 calc(100% - 4px), transparent calc(100% - 3px));
    mask: radial-gradient(closest-side, transparent calc(100% - 7px), #000 calc(100% - 6px), #000 calc(100% - 4px), transparent calc(100% - 3px));
    animation: homeRingLoop 18s linear infinite;
}
.energy-deco-ring.spin-once::before {
    animation: homeRingOnce .9s ease both, homeRingLoop 18s linear .9s infinite;
}
.energy-list {
    width: 46%;
}
.energy-card {
    border-bottom: 1px solid rgba(0, 110, 251, .18);
    cursor: pointer;
}
.energy-card:first-child {
    border-top: 0;
}
.energy-copy {
    display: none;
    overflow: hidden;
    padding: 0.3rem 0;
}
.energy-kicker {
    display: flex;
    align-items: center;
    color: var(--colormain);
    font-size: var(--font16);
    line-height: var(--line14);
    flex: 1;
    padding-right: 0.2rem;
}
.energy-name {
    margin-top: .1rem;
    color: var(--colorfont);
    font-weight: 300;
}
.energy-desc {
    margin-top:0.2rem;
    color: var(--colortext);
    font-size: var(--font16);
    line-height: var(--line165);
}
.energy-desc,.energy-desc p{
    color: var(--colortext);
    font-size: var(--font16);
    line-height: var(--line165);
}
.energy-summary {
    display: flex;
    align-items: center;
    width: 100%;
    padding:0.3rem 0;
    color: var(--colorfont);
    line-height: var(--line12);
    text-align: left;
    cursor: pointer;
    justify-content: space-between;
}
.energy-summary .std-font24 {
    font-weight: 300;
    line-height: var(--line12);
}
.energy-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .48rem;
    height: .48rem;
    flex: none;
}
.energy-icon img {
    max-width: 88%;
    max-height: 88%;
}
.energy-mobile-list {
    display: none;
}
.home-network {
    position: relative;
}
.network-layout {
    display: flex;
    align-items: center;
    margin-top: 0.6rem;
    justify-content: space-between;
}
.network-globe {
    position: relative;
    width: 46.43%;
    aspect-ratio: 1/1;
}
.network-globe.is-dragging,
.network-globe:active {
    cursor: grabbing;
}
.network-globe-canvas,
.network-globe-fallback {
    position: absolute;
    inset: 0;
}
.network-globe-canvas {
    z-index: 2;
    width: 100%;
    opacity: 0;
    transition: opacity .42s ease;
}
.network-globe.is-ready .network-globe-canvas {
    opacity: 1;
}
.network-globe-canvas canvas {
    display: block;
    width: 100%;
    height: 100%;
}
.network-globe-fallback {
    z-index: 1;
    overflow: hidden;
    border-radius: 50%;
    opacity: 1;
    transition: opacity .32s ease;
}
.network-globe.is-ready .network-globe-fallback {
    opacity: 0;
    pointer-events: none;
}
.network-globe-fallback img:nth-child(n+2) {
    object-fit: cover;
}
.network-metrics {
    display: flex;
    flex-wrap: wrap;
    width: 45.71%;
    margin: 0 -0.08rem;
}
.network-metric {
    width: 50%;
    padding: 0.34rem 0.08rem 0.36rem;
    position: relative;
}
.network-metric::before{
    content: "";
    width: calc(100% - 0.08rem * 2);
    height: 1px;
    background: rgba(7, 17, 31, 0.1);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.network-num {
    display: flex;
    color: var(--colorfont);
    line-height: var(--line12);
    font-size: var(--font64);
}
.network-label {
    margin-top: .08rem;
    color: var(--colortext);
    line-height: var(--line16);
}
.partner-horse-wrap {
    margin-top: 0.7rem;
    position: relative;
    z-index: 2;
}
.partner-horse {
    --width1: 2.8rem;
    --gap1: .1rem;
    margin-bottom: .2rem;
}
.partner-horse:last-child {
    margin-bottom: 0;
}
.partner-logo-card {
    width: 100%;
    height: 1.8rem;
    padding:0;
    border-radius: .12rem;
    background: var(--colorfff);
}
.news-layout {
    margin-top: .4rem;
}
.news-feature {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius4);
    background: var(--colorbj2);
}
.news-feature-link {
    position: relative;
    display: flex;
    align-items: stretch;
}
.news-feature-link-line{
    position: absolute;
    bottom: -30%;
    right: -7%;
    width:2.8rem ;
    pointer-events: none;
    transition: var(--transition);
    opacity: 0;
}
.news-feature-img {
    width: 51.57%;
}
.news-feature-img img:nth-child(n+2),
.news-img img:nth-child(n+2) {
    object-fit: cover;
    object-position: center 42%;
}
.news-feature-copy {
    position: relative;
    z-index: 2;
    width: 48.43%;
    padding: 0.79rem 0.84rem 0.56rem 0.59rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news-date {
    display: block;
    color: var(--color999);
    line-height: 1.625;
    font-weight: 300;
}
.news-date-feature {
    line-height: var(--line16);
}
.news-title {
    margin-top: .1rem;
    color: var(--color333);
    font-weight: 300;
    transition: color .3s ease;
}
.news-feature .std-btn1 {
    margin-top: 1.15rem;
}
.news-list {
    --ge: 33.333333%;
    --gap1: 0.14rem;
    --gap2: 0.4rem;
    margin: 0.3rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.news-item {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}
.news-item-link {
    height: 100%;
    display: block;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #DDD;
}
.news-img {
    width: 100%;
    border-radius: var(--border-radius1);
}
.news-list .news-date {
    margin-top: .2rem;
}
.news-item-title {
    margin-top: 0.12rem;
    color: var(--color333);
    transition: var(--transition);
}
.news-vi {
    position: absolute;
    right: 1.02rem;
    bottom: .64rem;
    z-index: 3;
    width: .34rem;
    height: .34rem;
    opacity: 0;
    transform: rotate(0deg) scale(.9);
    transition: var(--transition);
    pointer-events: none;
}
.news-vi span {
    position: absolute;
    display: block;
    background: var(--colormain);
}
.news-vi span:nth-child(1) {
    left: 0;
    top: .15rem;
    width: .14rem;
    height: .14rem;
}
.news-vi span:nth-child(2) {
    right: .06rem;
    top: 0;
    width: .09rem;
    height: .09rem;
}
.news-vi span:nth-child(3) {
    right: 0;
    bottom: 0;
    width: .09rem;
    height: .09rem;
}
.home-footer {
    overflow: visible;
    background: var(--colorbj2);
    padding-top: 0.7rem;
    padding-bottom: 0.12rem;
}
.home-footer .footer-top {
    align-items: center;
    padding-bottom: 0.4rem;
}
.home-footer .footer-logo {
    width: 2.83rem;
}
.home-footer .footer-mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--colorddd);
    padding: 0.2rem 0 0.6rem;
}
.home-footer .footer-nav {
    width: auto;
    margin: 0 -.2rem;
    --gap1: .2rem;
}
.home-footer .footer-nav>li>a,
.home-footer .footer-privacy a {
    margin-bottom: 0;
    color: var(--color333);
    font-size: var(--font16);
    line-height: var(--line16);
    transition: var(--transition);
}
.home-footer .footer-share {
    --width1: 0.32rem;
    --gap1: 0.1rem;
    --codew: 120px;
}
.home-footer .footer-share-code {
    top: auto;
    bottom: calc(100% + .2rem);
    border-radius: .04rem;
}
.home-footer .footer-share-code::before {
    top: auto;
    bottom: -.08rem;
    border-top: .08rem solid var(--colorfff);
    border-bottom: 0;
}
.home-footer .footer-share-code::after {
    top: auto;
    bottom: -.2rem;
    height: .2rem;
}
.home-footer .footer-share-btn .ys-imgbox-cover img:nth-child(3) {
    opacity: 0;
}
.home-footer .footer-bot {
    align-items: center;
    padding: 0.14rem 0 0.18rem;
    position: relative;
}
.home-footer .footer-bot::before{
    content: "";
    width: 100vw;
    height: 1px;
    background:#DDD;
    top: 0;
    left: calc(var(--place) * -1);
    position: absolute;
}
.home-footer .footer-text,
.home-footer .footer-text a,
.home-footer .footer-text p,
.home-footer .footer-gongan {
    color: var(--color666);
    font-size: var(--font14);
    line-height: var(--line16);
}
.home-footer .footer-text p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.home-footer .footer-gongan {
    display: inline-flex;
    align-items: center;
}
.home-footer .footer-gongan img {
    width: 18px;
    height: 18px;
    margin-right: 0.06rem;
}
.home-footer .footer-powered {
    color: rgba(51, 51, 51, .2);
    font-size: var(--font14);
    line-height: var(--line16);
}
.footer-text p a{
    margin:0 0.16rem ;
}
@keyframes homeRingOnce {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes networkFlow {
    0% {
        stroke-dashoffset: 90;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes networkPulse {
    0% {
        opacity: .15;
        transform: scale(.6);
    }
    45% {
        opacity: 1;
        transform: scale(1.4);
    }
    100% {
        opacity: .2;
        transform: scale(2.5);
    }
}
@keyframes partnerMarquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% - .2rem));
    }
}
/* 首页 - end */
body::after{
    display: none;
}
.ys-page-wrap{
    position: relative;
}
.ys-page-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
}
body.mod-viewer .ys-page-wrap::after{
    opacity: 1;
}
.ys-banner{
    height: 100vh;
}
.ys-ban-slick,.ys-ban-slick .slick-list,.ys-ban-slick .slick-list .slick-track,.ys-ban-slick .slick-list .slick-track .ys-ban-li,.ys-ban-slick .slick-list .slick-track .ys-ban-li .ys-ban-imgbox *,.ys-ban-slick .slick-list .slick-track .ys-ban-li .ys-ban-imgbox{
    height: 100%;
}
.ys-ban-slick .slick-list .slick-track .ys-ban-li .ys-ban-imgbox *{
    object-fit: cover;
}
.home-banner{
    position: relative;
}
.home-banner-line{
    width:83%;
    position: absolute;
    left: 50%;
    top: 77%;
    z-index: 1;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.home-banner-line.act{
    animation: homeRingLoop 1s linear 1 both;
}
.head-nav {
    --gap2: 0.32rem;
}
@keyframes homeRingLoop {
    0% {
        transform:translate(-50%,-50%) rotate(0deg);
    }
    100% {
        transform:translate(-50%,-50%) rotate(360deg);
    }
}
@keyframes homeBannerZoom {
    0% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(1);
    }
}
.ys-ban-imgbox.act .ys-ban-pc{
    animation: homeBannerZoom 1.5s linear 1 both;
}
.ys-ban-imgbox.act .ys-ban-ph{
    animation: homeBannerZoom 1.5s linear 1 both;
}
.home-banner .slick-dots {
    bottom: 40px;
}
.ys-dots1 .slick-dots li {
    width: 48px;
    margin: 0 4px;
}
.ys-dots1 .slick-dots li::before {
    background: rgba(255, 255, 255, .2);
}
.energy-layout-le{
    width:49%;
    position: relative;
}
.energy-layout-le-imgbox{
    position: relative;
    width: 100%;
    height: 100%;
}
.elll-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
    transition: -webkit-clip-path 1s var(--bezier2), clip-path 1s var(--bezier2);
    will-change: clip-path;
    z-index: 1;
}
.elll-item.notact{
    transition-delay: 1s;
    -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
    z-index: 1;
}
.elll-item.act{
    -webkit-clip-path: circle(75% at 50% 50%);
    clip-path: circle(75% at 50% 50%);
    z-index: 5;
}
.elll-item .ys-imgbox-cover{
    border-radius: 0.46rem;
}
.energy-card.notpoint{
    pointer-events: none;
}
.energy-layout-le-img{
    width: 2.68rem;
    position: absolute;
    top: -14%;
    left: -13%;
    pointer-events: none;
}
.home-sec-title img{
    width: 24px;
    margin-left: 0.07rem;
}

.energy-copy .std-btn1{
    margin-top:0.3rem ;
}
.energy-layout-le-img.act{
    animation: homeRingOnce 1s linear 1 both;
}
.energy-copy{
    display: none;
}
.energy-copy-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.energy-summary-le {
    display: flex;
    align-items: center;
    padding-right: 0.2rem;
}
.energy-summary-le img{
    margin-right:0.13rem;
    width: 48px;
}
.energy-summary-icon,.energy-copy-top img{
    width:14px ;
}
.home-partner{
    position: relative;
}
.home-partner-light{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    pointer-events: none;
    width: 100%;
}
.footer-privacy {
    --gap1: 0.2rem;
}
@keyframes homeRingOnce1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}
.ys-hd-pc{
    transition:var(--transition);
}
.ys-hd-pc.isfixed,.ys-hd-pc.ishover{
    box-shadow: var(--shadow);
}
.footer-bot{
    border-top: unset;
}
.energy-phbox{
    display: none;
}
.partner-logo-card .ys-imgbox-cover{
    border-radius: 0.16rem;
}
.solution-page .ys-nybanner{
    height: 100vh;
}
.solution-page .ys-nybanner .ys-nyban-img,.solution-page .ys-nybanner .ys-nyban-img *{
    height: 100vh;
    object-fit: cover;
}
.ys-nybanner .std-font54{
    font-size: var(--font54);
    color: var(--colorfff);
    line-height: var(--line12);
    text-align: center;
}
.ys-bread {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.ys-bread-list a{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line165);
}
.ys-bread-list::before{
    color: var(--colorfff);
}
.solution-case-le {
    width: 30.8%;
}
.solution-case-ri{
    width:59.07%;
    position: relative;
}
.solution-case .ys-cont1400{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.solution-case-le-cry,.solution-case-le-cry p{
    line-height: var(--line165);
    color: var(--colortext);
}
.solution-case-le-cry{
    margin-top: 0.32rem;
}
.scll-item-cry{
    border-radius: 0.08rem;
    border: 1px solid #DDE8F5;
    background: var(--colorfff);
    padding: 0.16rem 0.2rem 0.18rem;
    height: 100%;
}
.scll-item-cry img{
    width: 26px;
    margin-bottom: 0.09rem;
}
.scll-item-cry-text{
    font-size: var(--font16);
    color: #061529;
    line-height: var(--line165);
}
.solution-case-le-list{
   --ge: 50%;
   --gap1: 0.08rem;
   --gap2: 0.16rem;
   margin: 0.4rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.solution-case-le-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.solution-case-le .home-sec-title{
    position: relative;
}
.solution-case-le .std-font40{
    color: #000;
    font-size: var(--font40);
    line-height: var(--line12);
    text-align: left;
}
.solution-case-le .home-sec-title img {
    margin-left: 2px;
    position: relative;
    top: -10px;
}
.solution-case-le .home-sec-title{
    flex-wrap: nowrap;
}
.solution-case-ri .ys-imgbox-cover{
    border-radius: 0.16rem;
    z-index: 2;
}
.solution-case-ri-cri{
    position: absolute;
    bottom: -20%;
    right: -15%;
    width:2.68rem;
    z-index: 1;
    pointer-events: none;
}
.solution-case-ri-cri.act{
    animation: homeRingOnce 0.8s linear 1 both;
}
.solution-connection-top-le .std-font40{
    font-size: var(--font40);
    line-height: var(--line12);
    color: #000;
    margin-right: 0.08rem;
}
.solution-connection-top-le img{
    width: 24px;
    position: relative;
    top: -18px;
}
.solution-connection-top-le{
    display: flex;
}
.solution-connection-top-ri,.solution-connection-top-ri p{
    color: var(--colortext);
    line-height: var(--line165);
}
.solution-case{
    overflow: visible;
}
.solution-connection-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.6rem;
}
.solution-connection-top-ri{
    width:37.43%;
}
.solution-connection-bottom{
    position: relative;
}
.scbi-list-item:not(:first-child){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.scbt-swiper-item-cry{
    line-height: var(--line165);
    color: var(--colorfff );
    position: relative;
    transition: var(--transition);
    padding:0.16rem 0;
    width: fit-content;
    cursor: pointer;
    opacity: 0.6;
}
.scbt-swiper-item-cry::before{
    content: "";
    width: 0%;
    height: 1px;
    background: var(--colorfff);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
}
.scbt-swiper-item.act .scbt-swiper-item-cry::before{
    width: 100%;
}
.scbt-swiper-item.act .scbt-swiper-item-cry{
    opacity: 1;
}
.solution-connection-bottom-tab{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    z-index: 10;
}
.solution-service-topcry,.solution-service-topcry p{
    color: var(--colortext);
    text-align: center;
}
.solution-service .solution-connection-top-le{
    justify-content: center;
    margin-bottom: 0.26rem;
}
.scbr-li-top{
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: 0.1rem;
}
.scbr-li-bot,.scbr-li-bot p{
    color: var(--colorfff);
    line-height: var(--line165);
}
.solution-connection-bottom-ri{
    position: absolute;
    bottom: 1.06rem;
    right:  calc(50vw - 700px);
    z-index: 10;
}
@media screen and (max-width:1647px) {
    .solution-connection-bottom-ri {
        right: 7.5vw;
    }
}
.scbt-swiper-item{
    display: flex;
    justify-content: center;
}
.scbr-li:not(:first-child){
    display: none;
}
.solution-service-bot-list{
   --gap1: 0.1rem;
   margin: 0 calc(var(--gap1) * -1);
   display: flex;
   justify-content: center;
   height: 542px;
}
.ssbl-item .ys-imgbox-cover{
    height: 100%;
}
.ssbl-item{
   width: 26.42%;
   padding: 0 var(--gap1);
   transition: var(--transition);
}
.solution-service-bot-list .ys-imgbox-cover img:nth-child(n+2){
    object-fit: cover;
}
.solution-service-bot-list .ys-imgbox-cover{
    border-radius: 0.14rem;
}
.solution-service-bot{
    margin-top:0.5rem ;
}
.solution-veloxis .solution-connection-top-le{
    justify-content: center;
    margin-bottom: 0.2rem;
}
.solution-veloxis .solution-service-topcry{
    width: 78%;
    margin: auto;
}
.solution-veloxis{
    background: #F6F8FA;
}
.svbl-list-item .ys-imgbox-cover{
    border-radius: 0.2rem;
}
.solution-veloxis-bot-le{
    position: relative;
}
.svbl-box{
    position: relative;
}
.svbl-list-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
    transition: -webkit-clip-path 1s var(--bezier2), clip-path 1s var(--bezier2);
    will-change: clip-path;
}
.svbl-list-item.notpoint{
    pointer-events: none;
}
.svbl-list-item.notact{
    transition-delay: 1s;
    -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
    z-index: 1;
}
.svbl-list-item.act {
    -webkit-clip-path: circle(75% at 50% 50%);
    clip-path: circle(75% at 50% 50%);
    z-index: 5;
}
.solution-veloxis-bot-le{
    width: 53.57%;
}
.solution-veloxis-bot-ri{
    width:42.43%;
}
.solution-veloxis-bot{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.svbl-line{
    width: 2.68rem;
    position: absolute;
    top: -23%;
    left: -17%;
    pointer-events: none;
}
.svbl-line.act{
    animation: homeRingOnce 0.8s linear 1 both;
}
.solution-veloxis-bot{
    margin-top: 0.6rem;
}
.svbr-listcry-item .std-font30{
    color: var(--colorfont);
    line-height: var(--line12);
    transition: var(--transition);
    margin-bottom: 0.15rem;
}
.svbr-listcry-item{
    border-bottom: 1px solid rgba(0, 110, 251, 0.20);
    padding: 0.4rem 0 0.14rem;
    cursor: pointer;
    transition: var(--transition);
}
.svbr-listcry-item-cry,.svbr-listcry-item-cry p{
    color: var(--colortext);
    line-height: var(--line165);
}
.svbr-listcry-item.act{
    border-bottom: 1px solid rgba(0, 110, 251, 1);
}
.svbr-listcry-item.act .std-font30{
    color: var(--colormain);
}
.svbr-listcry-item:first-child{
    padding-top: 0;
}
.svbr-listcry-item.notpoint{
    pointer-events: none;
}
.solution-transaction-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solution-transaction{
    position: relative;
}
.solution-transaction .ys-cont1400{
    position: relative;
    z-index: 3;
}
.solution-transaction::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(246, 248, 250, 0.00) -10.78%, #F6F8FA 85.39%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.stsi-cry{
    border-radius: 0.16rem;
    border: 1px solid #FFF;
    background: rgba(246, 248, 250, 0.60);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    padding: 0.4rem 0.32rem 0.47rem;
    height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.solution-transaction-slick{
   --ge: 50%;
   --gap1: 0.14rem;
   margin: 0 calc(var(--gap1) * -1);
}
.solution-transaction-slick-item{
   width: var(--ge);
   padding: 0 var(--gap1);
}
.stsi-cry-top .std-font30{
    color: var(--color333);
    line-height: var(--line12);
    margin-bottom: 0.28rem;
}
.stsi-cry-list{
   --ge: 50%;
   --gap1: 0.1rem;
   --gap2: 0.08rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.stsi-cry-list>li{
   width: var(--ge);
   padding: 0.16rem var(--gap1);
   margin-bottom: var(--gap2);
   position: relative;
}
.stsi-cry-list>li::before{
    content: "";
    width: calc(100% - 0.2rem);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background:#DDD;
    height: 1px;
}
.scli-top{
    color: #000;
    line-height: 1.45;
    margin-bottom: 0.06rem;
}
.scli-bot,.scli-bot p{
    color: var(--colortext);
    line-height: var(--line165);
}
.stsi-cry-bot{
    margin-top:0.66rem ;
}
.stsi-cry-bot-text{
    color: var(--colortext);
    font-size: var(--font14);
    line-height: var(--line16);
    margin-bottom: 0.16rem;
}
.stsi-cry-bot-num{
    color: var(--colormain);
    font-size: var(--font28);
    line-height: 1.1;
}
.stsi-cry-bot-num span{
    font-size: var(--font64);
}
.solution-transaction-slick{
    margin-top: 0.6rem;
}
.inside-main .slick-dots{
    bottom: 0;
    position: relative;
    margin-top: 0.2rem;
}
.solution-case-ri-para{
    object-fit: cover;
    height: 120% !important;
}
.solution-service{
    position: relative;
}
.solution-service-light{
    position: absolute;
    top: -10%;
    left: 0;
    width: 4rem;
    pointer-events: none;
}
.scbi-list-item {
    position: relative;
    width: 100%;
    height: 100%;
    clip-path: inset(100% 0% 0% 0%);
    -webkit-clip-path: inset(100% 0% 0% 0%);
    will-change: clip-path;
    z-index: 1;
}
.scbi-list-item.act {
    z-index: 5 !important;
    clip-path: inset(0% 0% 0% 0%) !important;
    -webkit-clip-path: inset(0% 0% 0% 0%) !important;
    transition: clip-path 0.7s linear, -webkit-clip-path 0.7s linear !important;
}
.scbi-list-item.is-floor {
    transition-delay: 0.7s;
    z-index: 3 !important;
    clip-path: inset(0% 0% 0% 0%) !important;
    -webkit-clip-path: inset(0% 0% 0% 0%) !important;
    transition: none !important;
}
.scbt-swiper-item.notpoint{
    pointer-events: none;
}
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: none;
    }
}
.ssbl-item-cry{
    height: 100%;
    position: relative;
} 
.ssbl-item-cry-text{
    color: var(--colorfff);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: var(--font20);
    line-height: 1.45;
    padding: 0.2rem;
    text-align: center;
}
.news-img img:nth-child(n+2){
    object-fit: cover;
}
.about-page .ys-nybanner{
    height: 100vh;
}
.about-page .ys-nybanner .ys-nyban-img,.about-page .ys-nybanner .ys-nyban-img *{
    height: 100vh; 
    object-fit: cover;
}
.about-solution-cry,.about-solution-cry p{
    font-size: var(--font30);
    line-height: var(--line12);
    color: transparent;
    text-align: center;
}
.about-solution-cry p span {
    --size: 0%;
    transition: unset;
    -webkit-text-fill-color: transparent; 
    -webkit-background-clip: text;
    background-image: 
        linear-gradient(#07111F, #07111F), 
        linear-gradient(#999999, #999999); 
    background-repeat: no-repeat, no-repeat;
    background-size: var(--size) 100%, 100% 100%;
    background-position: 0 0, 0 0;
    animation: fillText 2s linear forwards;
}
@keyframes fillText {
    from {
        background-size: 0% 100%, 100% 100%;
    }
    to {
        background-size: 100% 100%, 100% 100%;
    }
}
.about-solution{
    position: relative;
}
.about-solution-line{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.about-solution-line.act{
    animation: homeRingOnce 3s linear 1 both;
}
.about-solution-light{
    position: absolute;
    bottom:var(--space200);
    left: 50%;
    transform: translateX(-50%);
    width: 86.2%;
    pointer-events: none;
}
.about-solution-list{
   --ge: 4.48rem;
   --gap1: 0.14rem;
   --gap2: 0.28rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.about-solution-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.about-solution-list>li>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
   transition: var(--transition);
   padding: 0.42rem 0.24rem;
   border-radius: 0.12rem;
   background: #FFF;
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   overflow: hidden;
}
.asli-box-top{
    color: var(--colorfont);
    font-size: var(--font54);
    line-height: var(--line12);
    margin-bottom: 0.06rem;
    transition: var(--transition);
}
.asli-box-bot,.asli-box-bot p{
    color: #6D7889;
    line-height: var(--line165);
    transition: var(--transition);
}
.asli-box img{
    width:1.9rem;
    position: absolute;
    bottom: -54%;
    right: -15%;
    transition: all 0.8s linear;
}
.about-solution-cry{
    margin: 0 auto 1.08rem;
    width: 80%;
}
.center-tit{
    justify-content: center;
    margin-bottom: 0.6rem;
}
.acli-box-top img{
    width: 48px;
    margin-bottom: 0.1rem;
}
.acli-box-top-text{
    color: var(--colormain);
    text-align: center;
    line-height: var(--line165);
    font-size: var(--font16);
}
.acli-box-bot,.acli-box-bot p{
    line-height: 1.45;
    text-align: center;
}
.about-culture-list{
   --ge: 33.333333%;
   --gap1: 0.14rem;
   --gap2: 0.28rem;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.about-culture-list>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.about-culture-list>li>div{
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 0.4rem 0.3rem;
   background: var(--colorfff);
   border-radius: 0.16rem;
   box-shadow: 0 0 40px 0 rgba(211, 213, 215, 0.25);
}
.acli-box-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.acli-box-bot{
    margin-top:0.3rem;
}
.about-culture{
    position: relative;
}
.about-culture-light{
    position: absolute;
    left: 50%;
    top: 30%;
    z-index: 1;
    transform: translate(-50%,-50%);
    width: 25rem;
    max-width: unset;
    pointer-events: none;
}
.about-culture .ys-cont1400{
    position: relative;
    z-index: 3;
}
.acbs-item-img{
    background: #F6F8FA;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    margin: auto;
}
.acbs-item-img img{
    width:0.62rem ;
}
.acbs-item{
    padding: 0.2rem;
}
.acbs-item:not(:last-child){
    border-right: 1px solid #DDD;
}
.acbs-item-img{
    margin-bottom: 0.3rem;
}
.acbs-item .std-font24{
    text-align: center;
    line-height: 1.45;
    margin-bottom: 0.12rem;
}
.acbs-item-cry,.acbs-item-cry p{
    color: var(--colortext);
    text-align: center;
}
.about-culture-line{
    position: absolute;
    left: 50%;
    top: 32%;
    z-index: 1;
    transform: translate(-50%,0%);
    width: 100%;
}
.about-culture-line.act{
    animation: homeRingOnce2 3s linear 1 both;
}
@keyframes homeRingOnce2 {
    0% {
        transform:translate(-50%,0%) rotate(0deg);
    }
    100% {
        transform:translate(-50%,0%) rotate(360deg);
    }
}
.about-hist-bg{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}
.about-hist-bg::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 87.55%, #F6F8FA 98.83%), linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.00) 54.63%, #FFF 96.65%);
    z-index: 1;
}
.about-hist{
    position: relative;
}
.about-hist-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-hist .ys-cont1400{
    position: relative;
    z-index: 3;
}
.ahsi-tit .std-font40{
    font-size: var(--font40);
    line-height: var(--line12);
    color: var(--colormain);
    margin-left: 0.08rem;
    flex: 1;
}
.ahsi-tit{
    display: flex;
    align-items: center;
}
.about-hist-swiper{
    overflow: visible !important;
    padding: 1rem 0 var(--space150) !important;
}
.about-hist-swiper-item .ys-spot {
    --width: 6px;
    top: 20px;
}
@keyframes scalebig {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .8
    }
    100% {
        transform: translate(-50%, -50%) scale(5);
        opacity: 0
    }
}
@-webkit-keyframes scalebig {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .8
    }
    100% {
        transform: translate(-50%, -50%) scale(5);
        opacity: 0
    }
}
.ahsi-cry-tap{
    color: var(--colormain);
    line-height: var(--line165);
    margin-bottom:2px;
}
.ahsi-cry-year{
    color: #000;
    font-size: var(--font50);
    line-height: var(--line12);
    margin-bottom: 0.12rem;
}
.ahsi-cry-info,.ahsi-cry-info p{
    color: #4B5563;
    line-height: var(--line165 );
}
.ahsi-cry{
    padding: 0.2rem 0.32rem;
    position: relative;
}
.ahsi-cry::before{
    content: "";
    width: 1px;
    height: calc(100% - 0.2rem - 0.2rem);
    background: linear-gradient(180deg, rgba(0, 110, 251, 0.00) 0%, #006EFB 51.92%, rgba(0, 110, 251, 0.00) 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.ahsi-tit{
    display: none;
}
.about-hist-swiper-item.istitle .ahsi-tit{
    display: flex;
    align-items: flex-start;
}
.about-hist-swiper-item.istitle .ahsi-cry{
    display: none;
}
.about-hist-swiper-item1{
    width:480px !important;
    height: auto !important;
}
.about-hist-swiper-item1.istitle{
    width: 290px !important;
}
.about-hist-swiper-follow{
    width: 0.68rem;
    position: absolute;
    z-index: 5;
    pointer-events: none;
    opacity: 0;
    top: 0;
    left: 0;
}
.ahsi-cry-info{
    margin-bottom: 0.4rem;
}
.footer-share li:nth-child(n+3){
    display: none;
}
.elli-zhan,.svbl-box-zhan{
    width: 100%;
    height: 100%;
}
.scbi-list-item .ys-imgbox-cover img,.elll-item .ys-imgbox-cover img,.svbl-list-item .ys-imgbox-cover img,.energy-phbox-list-item  .ys-imgbox-cover img{
    object-fit: cover;
}
.head-other,.ys-phnav-search{
    display: none;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .asli-box:hover{
        background: var(--colormain);
    }
    .asli-box:hover .asli-box-top,.asli-box:hover .asli-box-bot p{
        color: var(--colorfff);
    }
    .ssbl-item:hover{
        width: calc(100% - 26.42% - 26.42% );
    }
    .asli-box:hover img{
        transform: rotate(30deg);
    }
    .std-btn-link1:hover {
        background: var(--colormain);
        color: var(--colorfff);
    }
    .home-main .head-nav-item-title:hover,
    .home-footer .footer-nav a:hover,
    .home-footer .footer-privacy a:hover {
        color: var(--colormain);
    }
    .home-footer .footer-share li:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }
    .home-footer .footer-share li:hover .ys-imgbox-cover img:nth-child(3) {
        opacity: 1;
    }
    .news-feature-link:hover .news-feature-img img:nth-child(2),
    .news-item-link:hover .news-img img:nth-child(2) {
        transform: scale(1.05);
    }
    .news-feature-link:hover .news-deco-ring::before {
        animation-duration: 4s;
    }
    .news-feature-link:hover .news-title,
    .news-item-link:hover .news-item-title {
        color: var(--colormain);
    }
    .news-feature-link:hover .std-btn-link1 {
        background: var(--colormain);
        color: var(--colorfff);
    }
    .news-feature-link:hover .news-vi {
        opacity: 1;
        transform: rotate(18deg) scale(1);
    }
    .energy-summary:hover {
        color: var(--colormain);
    }
    .news-feature-link:hover .news-feature-link-line{
        opacity: 1;
        animation: homeRingOnce1 1s linear 1 both;
    }
}