@charset "utf-8";

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

.altumcode {
    --fontFamily: "PingFang SC", "Microsoft YaHei";
}

input,
textarea {
    font-family: "Microsoft YaHei";
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular/roboto-regular-webfont.eot');
    src: url('../fonts/Roboto-Regular/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular/roboto-regular-webfont.woff2') format('woff2'),
        url('../fonts/Roboto-Regular/roboto-regular-webfont.woff') format('woff'),
        url('../fonts/Roboto-Regular/roboto-regular-webfont.ttf') format('truetype'),
        url('../fonts/Roboto-Regular/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular/Montserrat-Regular.woff2") format("woff2"),
        url("../fonts/Montserrat-Regular/Montserrat-Regular.woff") format("woff"),
        url("../fonts/Montserrat-Regular/Montserrat-Regular.ttf") format("truetype"),
        url("../fonts/Montserrat-Regular/Montserrat-Regular.eot") format("embedded-opentype"),
        url("../fonts/Montserrat-Regular/Montserrat-Regular.svg") format("svg");
}

@font-face {
    font-family: "montserrat-bold";
    src: url("../fonts/Montserrat-bold/montserrat-bold.woff2") format("woff2"),
        url("../fonts/Montserrat-bold/montserrat-bold.woff") format("woff"),
        url("../fonts/Montserrat-bold/montserrat-bold.ttf") format("truetype"),
        url("../fonts/Montserrat-bold/montserrat-bold.eot") format("embedded-opentype"),
        url("../fonts/Montserrat-bold/montserrat-bold.svg") format("svg");
}


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

/*导航默认选中*/
.yxnav-active1 {}

.yxnav-active2 {}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}

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

/* 规范 star */
:root {
    /* 字号 */
    --font60: 60px;
    /* 色值 */
    --color: #1E3083;
    --color1: #22307E;
}

.std-tit1 {
    font-size: 64px;
    line-height: 1.2;
}

.std-tit2 {
    font-size: 48px;
    line-height: 1.2;
}

.std-tit3 {
    font-size: 44px;
    line-height: 1.4;
}

.std-tit4 {
    font-size: 32px;
    line-height: 1.4;
}

.std-tit5 {
    font-size: 24px;
    line-height: 1.5;
}

.std-word,
.std-word p {
    font-size: 18px;
    line-height: 1.7;
}

.std-word1,
.std-word1 p {
    font-size: 16px;
    line-height: 1.8;
}


.std-word2,
.std-word2 p {
    font-size: 14px;
    line-height: 1.8;
}

.yxedr-active p {
    font-size: 18px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 12px;
}

.std-padd {
    padding: 120px 0;
}

.std-mar {
    margin-bottom: 60px;
}

.std-tit20 {
    font-size: 20px;
    line-height: 1.6;
}

/* 规范 end */


.ys-hd-pc {
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.36s;
    padding: 0 100px;
    justify-content: space-between;
    width: 100%;
}

.ys-hd-pc::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
    transition: all 0.36s;
}

.head-logo {
    width: 130px;
    line-height: 80px;
}

.head-nav-item-title {
    line-height: 80px;
    color: #fff;
    font-size: 18px;
    transition: all 0.36s;
    display: block;
    position: relative;
}

.head-nav-item-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 2px;
    background: #fff;
    border-radius: 4px;
    transition: all 0.36s;
    opacity: 0;
}

.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    opacity: 1;
    width: 40px;
}

.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--color1) !important;
}

.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after {
    background: var(--color1) !important;
}

.mod-head-ri {
    display: flex;
}

.head-sear {
    margin-left: 80px;
}

.head-sear-icon {
    width: 24px;
    height: 80px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.head-sear-icon svg {
    width: 100%;
}

.head-nav {
    display: flex;
}

.yx-search3box {
    --btn-width: 27px;
    --head: 60px;
}

.yx-search3-btn {
    width: var(--btn-width);
    margin-right: 50px;
    line-height: var(--head);
    position: relative;
}

.yx-search3-btn img {
    width: 100%;
    transition: all .36s;
}

.yx-search3img1 {
    position: relative;
    top: 0;
    left: 0;
}

.yx-search3img2 {
    position: absolute;
    top: 18px;
    left: 0;
    opacity: 0;
}

.yx-search3box {
    position: relative;
}

.yx-search3xlbox {
    width: 100%;
    height: 250px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
}

.yx-search3-tbox {
    width: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: var(--head);
    border-bottom: 1px solid #666;
}

.yx-search3xlbtn {
    width: 27px;
    line-height: var(--head);
}

.yx-search3xlbtn img {
    width: 100%;
    transition: all .36s;
}

.yx-search3-xls {
    width: calc(100% - 27px);
    padding-right: 20px;
}

.yx-search3-xls input {
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}

.yx-search3-xls input::placeholder {
    color: #666;
}

.yx-search3-btn.on .yx-search3img2 {
    opacity: 1;
}

.yx-search3-btn.on .yx-search3img1 {
    opacity: 0;
}

.head-lang-top-icon {
    width: 24px;
}

.head-lang-top-icon svg {
    width: 100%;
}

.ys-hd-pc path,
.ys-hd-pc circle {
    transition: all 0.36s;
}

.head-lang-top-info p {
    color: #fff;
    line-height: 80px;
    transition: all 0.36s;
}

.head-lang-top-arr {
    width: 16px;
}

.head-lang-top {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.head-lang-top-info {
    padding-left: 8px;
    padding-right: 4px;
}

.head-lang-top-arr svg {
    width: 100%;
    transition: all 0.36s;
}

.head-lang-btm {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 8px 0;
    display: none;
}

.head-lang {
    position: relative;
    margin-left: 40px;
}

.head-lang-btm a {
    padding: 5px 10px;
    display: block;
    color: #333;
    line-height: 1.5;
}

.head-lang-top.act .head-lang-top-arr svg {
    transform: rotate(180deg);
}

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

.hnid-list {
    border-radius: 10px;
    background: #FFF;
    padding: 16px 0;
}


.head-nav-item-down {
    white-space: nowrap;
    background: transparent;
    min-width: 250px;
    padding-top: 4px;
}

.hnid-list-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hnid-list-li {
    width: 100%;
    position: relative;
    padding: 8px 24px;
}

.hnid-list-li:last-child {
    margin-bottom: 0;
}

.hnid-list-li-ri {
    width: 24px;
}

.hnid-list-li-le p {
    color: #333;
    transition: all 0.36s;
    font-size: 16px;
    line-height: 1.5;
}

.head-logo img:nth-child(2) {
    opacity: 0;
}

.hnid-list-li-ri img {
    transform: scale(1) !important;
}

.hnid-list-li-ri img:nth-child(2) {
    opacity: 0;
}

.hnid-list-li.yxnav-active2>.hnid-list-link .hnid-list-li-le p {
    color: var(--color);
}

.hnid-list-li.yxnav-active2>.hnid-list-link .hnid-list-li-ri img:nth-child(1) {
    opacity: 0;
}

.hnid-list-li.yxnav-active2>.hnid-list-link .hnid-list-li-ri img:nth-child(2) {
    opacity: 1;
}

.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: #fff;
}

.hnid-list-li-level {
    position: absolute;
    left: 100%;
    top: 0;
    padding-left: 8px;
    display: none;
}

.hlll-ul {
    border-radius: 10px;
    background: #FFF;
    padding: 16px 0;
    min-width: 288px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.hlll-li {
    width: 100%;
    position: relative;
    padding: 8px 24px;
}

.hlll-li.yxnav-active3>.hnid-list-link .hnid-list-li-le p {
    color: var(--color);
}

.hlll-li.yxnav-active3>.hnid-list-link .hnid-list-li-ri img:nth-child(1) {
    opacity: 0;
}

.hlll-li.yxnav-active3>.hnid-list-link .hnid-list-li-ri img:nth-child(2) {
    opacity: 1;
}

.ys-ban-txtbox-svg {
    width: 526px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.ys-ban-txtbox-info {
    width: 630px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
    max-width: 100%;
}

.ys-ban-txtbox-info p {
    color: #fff;
    line-height: 1.7;
}

.ys-ban-slick .slick-arrow {
    width: 64px;
    height: 64px;
    background-size: 100% 100% !important;
    z-index: 10;
}

.ys-ban-slick .slick-prev {
    background: url(../images/syarr1.svg);
    left: 60px;
}

.ys-ban-slick .slick-next {
    background: url(../images/syarr2.svg);
    right: 60px;
}

.ys-ban-slick .slick-dots li {
    width: 200px;
    height: 2px;
    opacity: 0.4;
    background: #fff;
    border-radius: 0;
}

.ys-ban-slick .slick-dots li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background: #fff;
    border-radius: 50%;
    right: -7px;
}

.ys-ban-slick .slick-dots li.slick-active {
    opacity: 1;
    background: #fff;
}

.ys-ban-slick .slick-dots li:last-child:after {
    display: none;
}

.ys-ban-slick .slick-dots {
    bottom: 25px;
}

.home-solution {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-solution-wrap {
    width: 100%;
    position: relative;
}

.ys-hd-pc::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: -1;
    /* background: linear-gradient(180deg, #010D1B 0%, rgba(3, 12, 26, 0) 100%); */
    opacity: 0.4;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(102, 102, 102, 0) 100%);
}

.home-solution-wrap {
    width: calc(100% + 160px);
}

.home-solution-wrap-ul {
    width: 100%;
    position: relative;
}

.hswu-li {
    width: 100%;
    position: relative;
}

.hswu-wrap {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.hswu-wrap-ri {
    width: 63%;
    position: relative;
}

.hswu-wrap-ri::after {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 74.59%, #FFF 98.88%);
}

.hswu-wrap-ri img {
    width: 100%;
}

.hswu-wrap-le {
    width: 37%;
    padding-right: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.hswu-wrap-le-subtit .std-tit5 {
    color: var(--color1);
}

.hswu-wrap-le-subtit {
    margin-bottom: 8px;
}

.hswu-wrap-le-tit .std-tit2 {
    color: #333;
}

.hswu-wrap-le-info p {
    color: #333;
}

.hwlm-le {
    width: 34px;
}

.hwlm-le img {
    transform: scale(1) !important;
}

.hwlm-ri p {
    color: var(--color1);
    line-height: 1.6;
}

.hwlm-ri {
    padding-left: 12px;
}

.hwlm-link {
    display: flex;
    align-items: center;
}

.hwlm-le img:nth-child(2) {
    opacity: 0;
}

.hswu-wrap-le-tit {
    margin-bottom: 40px;
}

.hswu-wrap-le-info {
    margin-bottom: 82px;
}

.hswu-wrap-le-more {
    display: inline-block;
}

.home-solution-btm-li {
    width: 25%;
    border-top: 2px solid rgba(51, 51, 51, 0.2);
    position: relative;
    padding-top: 17px;
    cursor: pointer;
    display: none;
}

.home-solution-btm-li:first-child {
    display: block;
}

.hsbl-info .std-tit20 {
    color: #1F2121;
}


.home-solution-btm-li::after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--color1);
    opacity: 0;
    transition: all 0.36s;
}

.home-solution-btm-li.slick-current::after {
    opacity: 1;
    width: 80%;
}

.home-solution-btm-li.slick-current .std-tit20 {
    color: var(--color1);
}

.hswu-li.slick-current .hswu-wrap-le-subtit {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.1s;
}

.hswu-li.slick-current .hswu-wrap-le-tit {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}

.hswu-li.slick-current .hswu-wrap-le-info {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}

.hswu-li.slick-current .hswu-wrap-le-more {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}

.home-partners {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-partners-top .std-tit5 {
    text-align: center;
    color: var(--color);
}

.home-partners-btm {
    width: 100%;
    position: relative;
    z-index: 10;
    margin-bottom: 50px;
}

.home-partners .hpbw-wrap-li img {
    -webkit-filter: grayscale(1);
    /* Webkit */
    filter: gray;
    /* IE6-9 */
    filter: grayscale(1);
    /* W3C */
    transition: all 0.36s;
}


.hpbw-wrap-li {
    width: 300px;
    padding: 0 40px;
    position: relative;
}

.hpbw-wrap-li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background: rgba(51, 51, 51, 0.2);
}

.home-partners-btm-wrap {
    width: 100%;
    margin: 10px 0;
    display: flex;
    overflow: hidden;
}

@keyframes donghua {
    from {
        transform: translateX(0);
    }

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

.hpbw-wrap {
    animation: donghua 50s linear infinite;
    display: flex;
    flex: none;
}

.home-partners-subhea {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.home-partners-subhea::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: #999999;
    z-index: -1;
}

.home-partners-subhea-info {
    border: 1px solid #999999;
    border-radius: 80px;
    padding: 8px 32px;
    background: #fff;
}

.home-partners-subhea-info p {
    color: #999;
    line-height: 1.8;
}

.home-about {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.home-about-video {
    width: 1216px;
    margin: 0 auto;
    overflow: hidden;
}

.home-about-info .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.home-about-info {
    width: 76%;
    margin: 0 auto;
    text-align: center;
    margin-top: 29px;
    margin-bottom: 40px;
}

.home-about-video {
    width: 100%;
    position: relative;
}

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

.home-about-more {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.home-about-ul {
    display: flex;
    /* flex-wrap: wrap; */
}

.home-about-ul-li {
    width: 25%;
    text-align: center;
}

.haul-btm p {
    color: #999999;
    line-height: 1.6;
}

.haul-top p {
    color: var(--color1);
    font-family: "Montserrat-Regular";
}

.haul-top p span {
    font-weight: bold;
}

.haul-info p {
    font-size: 14px;
    line-height: 1.8;
    color: #999;
}

.home-about-desz {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}

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

.home-news {
    width: 100%;
    position: relative;
}

.home-news-top-le .std-tit2 {
    color: #333;
    line-height: 1.2;
}

.home-news-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.hnbu-li {
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 30px;
}

.hnbu-link {
    width: 100%;
    display: block;
    border: 1px solid rgba(34, 48, 126, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

.hnbu-link-top {
    width: 100%;
    position: relative;
    padding: 40px 32px;
}

.hnbu-link-top-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.hnbu-link-top-tit {
    margin-bottom: 76px;
}

.hnbu-link-top-time p {
    color: #999;
    line-height: 1.6;
}

.hnbu-link-top-time {
    width: 100%;
    border-bottom: 1px solid rgba(34, 48, 126, 0.2);
    padding-bottom: 14px;
}

.hnbu-link-top-more {
    padding-top: 32px;
}

.hnbu-link-btm {
    border-radius: 10px;
}

.ys-footer {
    width: 100%;
    background: #F8F8F8;
    padding-top: 100px;
}

.mod-fot-top-ri {
    width: 230px;
}

.mod-fot-top-le {
    width: calc(100% - 230px);
    display: flex;
    padding-right: 30px;
}

.mftr-logo {
    width: 100%;
    position: relative;
    margin-bottom: 216px;
}

.mftr-logo img {
    width: 100%;
}

.mod-fot-top {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 80px;
}

.mftr-recru-ri {
    width: 24px;
}

.mftr-recru-ri svg {
    width: 100%;
}

.mftr-recru-ri path {
    transition: all 0.36s;
}

.mftr-recru-le p {
    color: var(--color1);
    transition: all 0.36s;
}

.mftr-recru-link {
    display: flex;
    align-items: center;
    border: 1px solid rgba(34, 48, 126, 0.2);
    border-radius: 80px;
    padding: 8px 24px;
    transition: all 0.36s;
}

.mftr-recru-le {
    padding-right: 16px;
}

.mftr-recru {
    display: flex;
    justify-content: flex-end;
}

.mftl-li-top a {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(51, 51, 51, 0.5);
}

.mftl-li-btm-li a {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    transition: all 0.36s;
}

.mftl-li {
    width: 20%;
}

.mftl-li-top {
    margin-bottom: 40px;
}

.mftl-li-btm-li {
    margin-bottom: 20px;
}

.mod-fot-btm {
    width: 100%;
    position: relative;
    border-top: 1px solid #CACACA;
    padding-top: 30px;
    padding-bottom: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.mod-fot-btm-le p,
.mod-fot-btm-le p a {
    color: #999;
    line-height: 1.8;
    font-size: 12px;
}

.mod-fot-btm-le a {
    margin-right: 28px;
}

.mod-fot-btm-le p {
    margin-bottom: 12px;
}

.mod-fot-btm-le p:last-child {
    margin-bottom: 0 !important;
}

.mfbr-li-icon {
    width: 32px;
    cursor: pointer;
}

.mfbr-li-icon img {
    width: 100%;
}

.mfbr-li {
    position: relative;
    margin-left: 40px;
}

.mfbr-li-code {
    width: 110px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.mfbr-li-code img {
    width: 100%;
}

.mod-fot-btm-ri {
    display: flex;
}

.ys-hd-pc.isfixed {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.ys-hd-pc.isfixed::after {
    opacity: 0;
}

.ys-hd-pc.isfixed .head-logo img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.isfixed .head-logo img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc.isfixed .head-nav-item-title {
    color: #333;
}

.ys-hd-pc.isfixed circle,
.ys-hd-pc.isfixed path {
    stroke: #333 !important;
}

.ys-hd-pc.isfixed .head-lang-top-info p {
    color: #333;
}

.ys-banner-wrap {
    width: 100%;
    position: relative;
}

.ys-banner-wrap .std-tit2 {
    color: #fff;
}

.ys-banner-info p {
    color: #fff;
}

.ys-banner-info {
    width: 660px;
    margin-top: 32px;
}

.mod-bread-ul-li a {
    color: #fff;
    line-height: 1.8;
    font-size: 14px;
}

.ys-banner {
    position: relative;
    overflow: hidden;
}

.mod-bread {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 10;
    width: 100%;
}

.mod-bread-ul {
    display: flex;
}

.mod-bread-ul-li {
    padding-right: 36px;
    position: relative;
}

.mod-bread-ul-li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background-image: url(../images/saryt.svg);
    background-size: 100% 100%;
}

.mod-bread-ul-li:last-child:after {
    display: none;
}

.home-innov {
    width: 100%;
    position: relative;
}

.home-innov-tit .std-tit2 {
    color: #333;
}

.home-innov-btm {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
}

.home-innov-btm-swiper {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.hibs-li {
    width: 100% !important;
    position: relative;
}

.hibs-img {
    width: 100%;
    height: 100%;
}

.hibs-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys-ban-txtbox-more {
    display: flex;
    justify-content: center;
}

.ybtm-link p {
    color: #fff;
    line-height: 1.8;
    padding-right: 24px;
    transition: all 0.36s;
}

.ybtm-img {
    width: 32px;
}

.ybtm-img img:nth-child(2) {
    opacity: 0;
}

.ybtm-link {
    display: flex;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 8px 10px;
    padding-left: 32px;
    transition: all 0.36s;
    cursor: pointer;
}

.ybtm-link img {
    transform: scale(1) !important;
}

.hibs-relati {
    width: 1000px;
    max-width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    padding: 0 150px;
    z-index: 10;
}

.hibs-img {
    position: relative;
}

.hibs-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.20) 42.16%, rgba(0, 0, 0, 0.20) 98.41%);
}

.hibs-relati-subtit p {
    color: #fff;
    line-height: 1.8;
}

.hibs-relati-subtit {
    margin-bottom: 8px;
}

.hibs-relati-tit .std-tit2 {
    color: #fff;
}

.hibs-relati-more {
    display: inline-block;
}

.hibs-relati-tit {
    margin-bottom: 120px;
}

html.stick body {
    overflow: visible !important;
}

.home-about-wrap {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 180px;
    left: 0;
    z-index: 1;
}

.home-about-sticky {
    width: 100%;
    height: 180vh;
    position: relative;
}

.home-innov-cont {
    width: 100%;
    position: relative;
}

.home-innov-btm {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    left: 0;
    max-width: 100%;
}

.ys-banner1 .ys-ban-imgbox::before {
    opacity: 0.4;
    background: linear-gradient(270deg, rgba(6, 17, 40, 0) 0%, #03112A 100%);
    width: 60%;
}

.contant-lead {
    width: 100%;
    position: relative;
}

.contant-lead-tit .std-tit2 {
    color: #333;
    text-align: center;
}

.contant-lead-btm {
    width: 100%;
    position: relative;
}

.contant-lead-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.clbu-li {
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.clbu-li:nth-child(4),
.clbu-li:nth-child(5) {
    width: 50%;
}

.clbu-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    background: #FFF;
    padding: 20px 32px;
    box-shadow: 0px 8.041px 17.869px 0px rgba(52, 128, 225, 0.04), 0px 2.394px 5.32px 0px rgba(52, 128, 225, 0.03), 0px 36px 80px 0px rgba(52, 128, 225, 0.08);
}

.clbu-wrap-top p {
    color: #999;
    line-height: 1.8;
    padding-left: 16px;
}

.clbu-wrap-top img {
    width: 24px;
}

.clbu-wrap-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.clbu-wrap-btm .std-tit5 {
    color: var(--color);
}

.clbu-wrap-top {
    margin-bottom: 24px;
}

.clbu-wrap-btm {
    margin-bottom: 10px;
}

.clbu-wrap-top-le {
    align-items: center;
    display: flex;
    padding-right: 20px;
}

.clbu-wrap-top-ri {
    display: flex;
    align-items: center;
    flex: none;
}

.clbu-wrap-top-ri p {
    color: #999999;
    line-height: 1.8;
    padding-right: 8px;
}

.clbu-wrap-top-ri img {
    width: 24px;
}

.clbu-wrap-btm .mfbr-li:first-child {
    margin-left: 0;
}

.clbu-wrap-btm .mfbr-li-icon {
    width: 48px;
}

.contant-form {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.contant-form-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.contant-form-img img {
    width: 100%;
    min-height: 510px;
    object-fit: cover;
}

.contant-form-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 18, 37, 0.4);
}

.contant-form-btm {
    width: 100%;
    position: relative;
    margin-top: -400px;
    z-index: 10;
}

.contant-form-btm-tit .std-tit3 {
    color: #fff;
    line-height: 1.4;
    text-align: center;
}

.contant-form-btm-ul {
    /* width: 800px; */
    margin: 0 auto;
    max-width: 100%;
    border-radius: 80px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
}

.cfbu-li p {
    color: #fff;
    text-align: center;
    transition: all 0.36s;
}

.cfbu-li {
    padding: 12px 80px;
    cursor: pointer;
    transition: all 0.36s;
    border-radius: 80px;
}

.contant-form-btm-swip {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.contant-form-btm-tit {
    margin-bottom: 70px;
}

.cfbu-li.act p {
    color: var(--color);
}

.cfbu-li.act {
    background: #FFF;
}


.contant-form-btm-wrap {
    width: 100%;
    padding: 0 15px;
}

.cfbs-li {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    background: #FFF;
    padding: 50px 60px;
    box-shadow: 0px 36px 80px 0px rgba(52, 128, 225, 0.08), 0px 8.041px 17.869px 0px rgba(52, 128, 225, 0.04), 0px 2.394px 5.32px 0px rgba(52, 128, 225, 0.03);
}

.cfbs-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.cfbs-ul-li {
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 30px;
}

.cfbs-ul-label {
    display: flex;
    align-items: center;
    border: 1px solid;
    border-radius: 80px;
    border: 1px solid rgba(75, 89, 107, 0.20);
    padding: 0 24px;
}

.cfbs-ul-label input {
    height: 38px;
    font-size: 14px;
    color: #999;
    padding-left: 15px;
    width: 100%;
}

.cfbs-ul-label p {
    color: #999;
    font-size: 14px;
    line-height: 1.8;
    flex: none;
}

.cfbs-ul-label p span {
    color: #FC0028;
}

.cfbs-tit p {
    color: var(--color);
    line-height: 1.75;
}

.cfbs-tit {
    margin-bottom: 20px;
}

.cfbs-scene {
    width: 100%;
}

.cfbs-scene-li {
    width: 100%;
    position: relative;
}

.cslt-le p {
    color: #333;
    line-height: 1.5;
}

.cfbs-scene-li-top {
    width: 100%;
    border-radius: 80px;
    border: 1px solid rgba(75, 89, 107, 0.40);
    display: flex;
    padding: 8px 32px;
}

.cslt-le {
    flex: none;
}

.cslt-ri-li-le {
    width: 16px;
    height: 16px;
    border: 1px solid var(--color1);
    border-radius: 50%;
    margin-top: 3px;
    position: relative;
}

.cslt-ri-li-le::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color1);
    opacity: 0;
    transition: all 0.36s;
}

.cslt-ri-li.on .cslt-ri-li-le::after {
    opacity: 1;
}

.cslt-ri-li-info p {
    color: #999999;
    line-height: 1.8;
    transition: all 0.36s;
}

.cslt-ri-li {
    display: flex;
    margin-right: 45px;
    cursor: pointer;
}

.cslt-ri-li-info {
    padding-left: 12px;
}

.cslt-ri {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
    padding-left: 40px;
}

.cslb-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.cslb-ul-li {
    width: 33.333333%;
    padding: 0 20px;
}

.cslb-ul-li-wrap {
    width: 100%;
}

.cfbs-scene-li-btm {
    width: 100%;
    padding-top: 12px;
    display: none;
}

.cslb-ul-li .cfbs-ul-label input {
    height: 30px;
}

.cfbs-scene-li3 .cslb-ul-li:nth-child(2) {
    width: 66.666666%;
}

.cfbs-scene-li {
    margin-bottom: 30px;
}

.cfbs-scene-li-top input {
    height: 45px;
    width: 100%;
    font-size: 14px;
    color: #999;
    padding-left: 40px;
}


.cfbs-scene-li-top input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.cfbs-scene-li-top input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.cfbs-scene-li-top input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.cfbs-scene-li-top input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.cfbs-scene-li4 .cfbs-scene-li-top {
    display: flex;
    align-items: center;
}

.cfbs-scene-li4 .cfbs-scene-li-top {
    padding-top: 0;
    padding-bottom: 0;
}

.cfbs-scene-li-text {
    width: 100%;
    height: 116px;
    border-radius: 10px;
    border: 1px solid rgba(51, 51, 51, 0.20);
}

.cfbs-scene-li-text textarea {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.8;
    color: #999;
    padding: 14px 24px;
}


.cfbs-scene-li-text textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.cfbs-scene-li-text textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.cfbs-scene-li-text textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.cfbs-scene-li-text textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.cslw-code {
    width: 168px;
}

.cslw-code img {
    width: 100%;
    cursor: pointer;
}

.cslw-le {
    width: 50%;
    padding-right: 40px;
}

.cslw-le .cfbs-ul-label p span {
    color: #004CF5;
}

.cslw-ri {
    width: 50%;
    padding-left: 40px;
}

.cfbs-scene-li6-wrap {
    display: flex;
    align-items: flex-end;
}

.cslw-ri-sumit {
    border-radius: 40px;
    background: #1E3083;
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    transition: all 0.36s;
}


.cslr-ri p {
    font-size: 14px;
    line-height: 1.5;
    color: #999;
}

.cslr-ri a {
    color: var(--color1);
}

.cslr-le {
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 50%;
    position: relative;
    transition: all 0.36s;
    margin-top: 2px;
    cursor: pointer;
}

.cslr-le.on {
    border-color: var(--color1);
}

.cslr-le.on::after {
    opacity: 1;
}

.cslr-le::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: var(--color1);
    transition: all 0.36s;
    border-radius: 50%;
    opacity: 0;
}

.cfbs-scene-li7-wrap {
    display: flex;
}

.cslr-ri {
    padding-left: 16px;
}

.mod-link-ul {
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
    display: flex;
}

.mod-link-link {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    padding: 12px 48px;
    border-radius: 80px;
    display: block;
}

.mod-link-li {
    margin: 0 12px;
}

.mod-link-li:first-child {
    margin-left: 0;
}

.mod-link-li:last-child {
    margin-right: 0;
}

.mod-link {
    padding-top: 40px;
    width: 100%;
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
}

.mod-link-li.act .mod-link-link {
    background: var(--color);
    color: #fff;
}

.mod-link .ys-cont1600 {
    display: flex;
}

.invest-energ-top-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.invest-energ-top-info p {
    color: #999;
    line-height: 1.7;
    margin-bottom: 10px;
}

.invest-energ {
    padding-top: 0 !important;
    position: relative;
    z-index: 10;
    width: 100%;
}

.invest-energ-top-tit {
    margin-bottom: 40px;
}

.invest-energ-top {
    width: 100%;
    padding-bottom: 90px;
}

.ietc-le .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.ietc-ri .ys-imgbox-cover {
    width: 48px;
    cursor: pointer;
}

.ietc-ri {
    display: flex;
    align-items: center;
}

.ietc-ri-nex {
    margin-left: 40px;
}

.invest-energ-top-control {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.ietc-ri .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.invest-energ-top-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.ietu-li {
    width: 25%;
    padding: 20px;
}

.invest-energ .ietu-li {
    display: none;
}

.invest-energ .ietu-li:first-child {
    display: block;
}

.ietu-wrap {
    width: 100%;
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 6px 20px 0px rgba(3, 0, 112, 0.05);
    padding: 24px;
}

.ietu-wrap-time p {
    font-size: 14px;
    line-height: 1.8;
    color: #999;
}

.ietu-wrap-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.ietu-wrap-tit {
    margin-bottom: 50px;
}

.ietu-wrap-time {
    margin-bottom: 8px;
}

.ietu-wrap-btm {
    width: 100%;
    border-top: 1px solid rgb(214, 214, 214);
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ietu-wrap {
    width: 100%;
    display: block;
}

.iwbl-lab {
    font-size: 14px;
    color: #fff;
    line-height: 1.8;
    padding: 0 16px;
    background: var(--color1);
    border-radius: 80px;
}

.invest-energ-top-ul .slick-list {
    width: 100%;
}

.invest-energ-top-more .ybtm-link1 {
    background: var(--color1) !important;
}

.invest-energ-top-more p {
    color: #fff !important;
}

.invest-energ-top-more {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-top: 30px;
}

.invest-announ {
    width: 100%;
    background: #F8F8F8;
}

.invest-announ-btm {
    width: 100%;
    position: relative;
}

.invest-announ-btm-li {
    width: 100%;
    position: relative;
    display: none;
}

.invest-announ-btm-li:first-child {
    display: block;
}

.iabl-link {
    width: 100%;
    display: flex;
    box-shadow: 0px 16px 20px 0px rgba(3, 0, 112, 0.05);
    border-radius: 10px;
    background: #FFF;
    padding: 25px 40px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.iabl-link .ietu-wrap-tit {
    margin-bottom: 0 !important;
}

.iabl-link .ietu-wrap-tit .std-tit5 {
    height: 1.5em !important;
    -webkit-line-clamp: 1 !important;
}

.iabl-link-le {
    display: flex;
    align-items: center;
    padding-right: 80px;
}

.iabl-link-le .ietu-wrap-time {
    flex: none;
    padding-right: 16px;
    margin-bottom: 0 !important;
}

.iabl-link-ri {
    flex: none;
    display: flex;
    align-items: center;
    padding-left: 80px;
    border-left: 1px solid rgb(204, 211, 216);
}

.iabl-link-ri .ietu-wrap-btm-le {
    padding-right: 40px;
}

.iabl-wrap {
    width: 100%;
    position: relative;
}

.invest-announ-btm .slick-list {
    overflow: visible !important;
}

.invest-compan {
    width: 100%;
    padding-bottom: 0 !important;
}

.invest-govern {
    width: 100%;
    padding-top: 0 !important;
}

.invest-govern-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.invest-govern-ri {
    width: 51%;
}

.invest-govern-ri img {
    width: 100%;
}

.invest-govern-le {
    width: 49%;
    padding-right: 92px;
}

.invest-member {
    width: 100%;
    padding-top: 0 !important;
}

.invest-member-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.invest-member-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.invest-member-li {
    width: 20%;
    padding: 0 20px;
    margin-bottom: 60px;
}

.imlw-img {
    border-radius: 50%;
    width: 100%;
    background: #ABACAE;
}

.imlw-btm {
    width: 100%;
    border-bottom: 1px solid rgba(34, 48, 126, 0.2);
    padding-top: 28px;
    padding-bottom: 12px;
    text-align: center;
}

.imlw-btm-posi p {
    color: var(--color);
    line-height: 1.8;
}

.imlw-btm-name p {
    color: #333;
    line-height: 1.7;
}

.invest-rank {
    width: 100%;
    padding-top: 0 !important;
}

.invest-rank-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.invest-rank-ri {
    width: 43%;
    border-radius: 10px;
    overflow: hidden;
}

.invest-rank-ri img {
    width: 100%;

}

.invest-rank-le {
    width: 57%;
    padding-right: 100px;
}

.invest-rank-le-wrap {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(21, 65, 114, 0.06);
    padding: 43px 40px;
}

.irlw-li {
    width: 100%;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    display: flex;
    flex-wrap: wrap;
    padding-top: 32px;
    padding-bottom: 16px;
}

.irlw-li-le,
.irlw-li-ri {
    width: 50%;
    padding: 0 24px;
}

.irlw-li-ri {
    text-align: center;
}

.irlw-li:first-child .std-tit5 {
    font-size: 18px;
}

.irlw-li:first-child {
    padding-top: 0 !important;
    color: #999;
}

.invest-contact {
    width: 100%;
    padding-top: 0 !important;
}

.invest-contact-top {
    width: 100%;
    position: relative;
    z-index: 1;
}

.invest-contact-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

.invest-contact-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.invest-contact-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    opacity: 0.6;
    background: linear-gradient(270deg, rgba(4, 28, 64, 0) 0%, #001D43 100%);
}

.invest-contact-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.invest-contact-top-wrap {
    width: 41%;
    padding-bottom: 100px;
}

.ictw-tit .std-tit3 {
    color: #fff;
    line-height: 1.4;
}

.ictw-tit {
    margin-bottom: 30px;
}

.ictw-info p {
    color: #fff;
    line-height: 1.7;
}

.ictw-info {
    margin-bottom: 56px;
}

.ictw-li-wrap img {
    width: 32px;
}

.ictw-li-wrap p {
    color: #fff;
    line-height: 1.7;
    padding-left: 24px;
}

.ictw-li-wrap {
    display: flex;
    align-items: center;
}

.ictw-ul {
    display: flex;
    flex-wrap: wrap;
}

.ictw-li {
    width: 33.333333%;
    margin-bottom: 30px;
    padding-right: 15px;
}

.ictw-li:nth-child(2n) {
    width: 66.666666%;
}

.invest-contact-btm {
    width: 100%;
    position: relative;
    margin-top: -160px;
    z-index: 10;
}

.invest-contact-btm-wrap {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    padding: 60px 100px;
    box-shadow: 0px 36px 80px 0px rgba(52, 128, 225, 0.08), 0px 8.041px 17.869px 0px rgba(52, 128, 225, 0.04), 0px 2.394px 5.32px 0px rgba(52, 128, 225, 0.03);
}

.icbw-li {
    width: 50%;
    padding: 0 30px;
    margin-bottom: 30px;
}

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

.ilsl-ri p {
    font-size: 14px;
    line-height: 1.8;
    color: #999;
}

.ilsl-ri {
    padding-left: 16px;
}


.icbw-li-selc-li {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 36px;
}

.ilsl-le {
    width: 16px;
    height: 16px;
    border: 1px solid #999999;
    border-radius: 50%;
    position: relative;
    transition: all 0.36s;
}

.icbw-li-selc-li.on .ilsl-le {
    border-color: var(--color1);
}

.icbw-li-selc-li.on .ilsl-le::after {
    opacity: 1;
}

.ilsl-le::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: var(--color1);
    border-radius: 50%;
    transition: all 0.36s;
    opacity: 0;
}

.icbw-li-selc {
    padding-left: 32px;
    display: flex;
    align-items: center;
}

.icbw-li1 .cfbs-ul-label {
    height: 40px;
    border: none;
}

.icbw-li2 {
    width: 100%;
}

.icbw-li2 .cfbs-scene-li-text {
    height: 328px;
}

.mod-link-desz {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    z-index: -1;
}

.mod-link-desz img {
    width: 100%;
}


.ys-banner-sales-li {
    width: 293px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: none;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 20px 24px;
    padding: 22px 25px;
    margin-right: 40px;
}

.ybsl-top img {
    width: 24px;
}

.ybsl-top p {
    color: #fff;
    padding-left: 16px;
}

.ybsl-top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.ys-banner-sales,
.ybsl-top {
    transform: translate3d(0, 0, 0);
}

.ybsl-btm .std-tit5 {
    color: #fff;
}

.ys-banner-sales {
    margin-top: 50px;
    display: flex;
}

.service-speed {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.service-speed-wrap {
    width: 100%;
    position: relative;
}

.service-speed-subtit .std-tit5 {
    color: var(--color1);
    line-height: 1.5;
}

.service-speed-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
    text-align: center;
}

.service-speed-top {
    width: 100%;
    text-align: center;
}

.service-speed-subtit {
    margin-bottom: 4px;
}

.service-speed-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.service-speed-ul-li {
    width: 25%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.ssul-wrap {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #FFF;
    padding: 24px;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
}

.ssul-wrap-svg {
    width: 64px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.ssul-wrap-svg img {
    width: 100%;
}

.ssul-wrap-info .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.ssul-wrap-info {
    text-align: center;
}

.service-resour {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.service-resour-btm {
    width: 100%;
    position: relative;
}

.service-resour-btm-ul {
    display: flex;
    margin: 0 -20px;
}

.srbu-li {
    width: 25%;
    padding: 0 20px;
    transition: all 0.56s;
}

.srbu-wrap {
    width: 100%;
    height: 620px;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.srbu-wrap-img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.srbu-wrap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.srbu-wrap-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.36s;
    background: rgba(5, 18, 37, 0.2);
}

.srbu-wrap-img::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    transition: all 0.36s;
    opacity: 0;
    background: linear-gradient(0deg, #021226 0%, rgba(5, 18, 37, 0) 100%);
}

.srbu-wrap-btm-top .std-tit2 {
    color: #fff;
    line-height: 1.2;
    transition: all 0.36s;
}

.srbu-wrap-btm-btm p {
    color: #fff;
    line-height: 1.8;
    transition: all 0.36s;
}

.srbu-wrap-btm {
    width: 100%;
    padding: 49px 40px;
    position: relative;
    z-index: 10;
    text-align: center;
    transition: all 0.36s;
}

.srbu-li.act {
    width: 50%;
}

.srbu-li.act .srbu-wrap-btm1 {
    opacity: 0;
}

.srbu-li.act .srbu-wrap-btm2 {
    opacity: 1;
}

.srbu-wrap-btm2 {
    text-align: left !important;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.service-networ {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.service-networ-img {
    width: 100%;
}

.service-networ-img-wrap {
    width: 100%;
    display: none;
    overflow: hidden;
}

.service-networ-img-wrap:first-child {
    display: block;
}

.service-networ-img-wrap img {
    width: 100%;
}

.service-networ-btm {
    width: 100%;
    position: relative;
    z-index: 10;
    margin-top: -350px;
}

.service-networ-btm .contant-form-btm-swip {
    margin-bottom: 60px;
}

.service-networ-btm-wrap {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    position: relative;
    padding: 40px 80px 60px;
    box-shadow: 0px 4px 24px 0px rgba(21, 65, 114, 0.06);
}

.snbw-top {
    width: 100%;
    position: relative;
}

.snbw-top-img {
    width: 100%;
    position: relative;
}

.snbw-top-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;
    height: 100%;
    z-index: 10;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}


.snbw-top-img::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 100%;
    z-index: 10;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}


.snbw-top-img img {
    width: 100%;
}

.snbw-top-dots-li {
    position: absolute;
    width: 22px;
}

.snbw-top-dots-li img {
    width: 100%;
}

.snbw-top-dots-li.on {
    cursor: pointer;
}

.snbw-top-dots-li img {
    width: 22px;
}

.stdl-hover {
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
    padding: 2px 24px;
    position: absolute;
}

.snbw-top-dots-li .stdl-hover {
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
    display: none;
    pointer-events: none;
}

.stdl-hover p {
    color: var(--color);
    white-space: nowrap;
}

.snbw-btm {
    width: 100%;
    position: absolute;
    bottom: 40px;
    z-index: 10;
    left: 0;
    display: flex;
    justify-content: center;
}

.snbw-btm-li p {
    color: #333;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    padding: 14px 24px;
    min-width: 200px;
    text-align: center;
    position: relative;
}

.snbw-btm-li p::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/d1flion.svg);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-shadow: 0px 8px 12px rgba(3, 0, 112, 0.10);
    right: -10px;
}

.snbw-btm-li p::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/d1flion.svg);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-shadow: 0px 8px 12px rgba(3, 0, 112, 0.10);
    left: -10px;
}

.snbw-btm-li {
    padding: 0 70px;
    position: relative;
}

.snbw-btm-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/d1flocv.svg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    right: -21px;
}

.snbw-btm-li:last-child:after {
    display: none;
}

.snbw-li {
    width: 100%;
    display: none;
    position: relative;
}

.snbw-li:first-child {
    display: block;
}


.system-monitor {
    width: 100%;
    padding-top: 20px !important;
    position: relative;
}

.inner-page .ys-hd-pc {
    background: #fff;
}

.inner-page .ys-hd-pc::after {
    opacity: 0;
}

.inner-page .ys-hd-pc .head-logo img:nth-child(1) {
    opacity: 0;
}

.inner-page .ys-hd-pc .head-logo img:nth-child(2) {
    opacity: 1;
}

.inner-page .ys-hd-pc .head-nav-item-title {
    color: #333;
}

.inner-page .ys-hd-pc circle,
.inner-page .ys-hd-pc path {
    stroke: #333 !important;
}

.inner-page .ys-hd-pc .head-lang-top-info p {
    color: #333;
}

.inner-page .ys-hd-pc::before {
    background: rgba(51, 51, 51, 0.4);
}

.system-monitor-wrap {
    width: calc(100% + 8%);
    display: flex;
    flex-wrap: wrap;
    /* align-items: flex-start; */
}

.system-monitor-ri {
    width: 52.5%;
    position: relative;
    height: 100%;
}

.system-monitor-ri-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.system-monitor-ri-img img {
    width: 100%;
}

.system-monitor-le {
    width: 47.5%;
    padding-right: 120px;
    padding-top: 170px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.system-monitor-ri-more {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 10;
}

.ybtm-link2 {
    background: #fff;
}

.ybtm-link2 p {
    color: var(--color1);
}

.inner-page .ys-main {
    margin-top: 80px;
}

.inner-page .mod-bread-ul-li a {
    color: #999999;
}

.inner-page .mod-bread {
    bottom: auto;
    top: 20px;
}

.inner-page .mod-bread-ul-li::after {
    background-image: url(../images/sarytf.svg);
}

.smlt-tit .std-tit2 {
    color: #333;
    line-height: 1.2;
}

.smlt-tit {
    margin-bottom: 40px;
}

.smlt-info p {
    color: #999;
    line-height: 1.7;
    margin-bottom: 10px;
}

.smlu-li {
    width: 25%;
    padding: 0 15px;
}

.system-monitor-le-ul {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.smlu-wrap {
    width: 100%;
    position: relative;
    text-align: center;
}

.smlu-wrap-svg {
    width: 100%;
}

.smlu-wrap-svg img {
    width: 100%;
}

.smlu-wrap-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 10;
}

.smlu-wrap-info-top p {
    color: var(--color1);
}

.std-tit28 {
    font-size: 28px;
    line-height: 1.5;
}

.smlu-wrap-info-top span {
    font-family: "Montserrat-Regular";
    /* font-weight: bold; */
}

.smlu-wrap-info-btm p {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.system-advant {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.system-advant-btm {
    /* width: calc(100% + 160px); */
    width: 100%;
    position: relative;
}

.sabs-li {
    width: 370px !important;
    height: auto !important;
    margin-right: 40px;
}

.sabs-li-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
    border-radius: 10px;
    background: #FFF;
    padding: 24px;
}

.sabs-li-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color1);
    transition: all 0.36s;
    opacity: 0;
    border-radius: 10px;
    z-index: -1;
}

.sabs-li-wrap-icon {
    width: 64px;
    margin-bottom: 40px;
}

.sabs-li-wrap-icon img {
    width: 100%;
}

.sabs-li-wrap-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.sabs-li-wrap-tit {
    margin-bottom: 24px;
}

.sabs-li-wrap-info p {
    color: #999;
    line-height: 1.8;
    margin-bottom: 12px;
    padding-left: 36px;
    position: relative;
}

.sabs-li-wrap-info p::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background-image: url(../images/c7icong.svg);
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}

.sabs-li-wrap-info p:last-child {
    margin-bottom: 0;
}

.sabs-li:last-child {
    margin-right: 0 !important;
}

.system-advant-desz {
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    z-index: -1;
}

.system-advant-desz img {
    width: 100%;
}

.system-monitor-le-btm {
    width: 100%;
    position: relative;
}

.smlb-top-lab {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    background: var(--color1);
    border-radius: 80px;
    display: inline-block;
    padding: 4px 24px;
}

.smlb-top {
    margin-bottom: 27px;
}

.workman-latest {
    width: 100%;
    padding-top: 0 !important;
}

.workman-latest-top-le .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.workman-latest-top-ri p {
    color: #999;
    line-height: 1.7;
}

.workman-latest-top {
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

.workman-latest-btm {
    width: 100%;
    position: relative;

}

.workman-latest-btm-img img {
    width: 100%;
}


.workman-latest-btm-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.workman-latest-btm-table {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
    z-index: 10;
    margin-top: -400px;
}

.wlbt-wrap {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(21, 65, 114, 0.06);
    padding: 20px 40px 40px;
}

.wlbt-wrap-head-li .std-tit5 {
    color: #333;
    line-height: 1.5;
    text-align: center;
    transition: all 0.36s;
}

.wlbt-wrap-head {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid rgba(51, 51, 51, 0.20);
}

.wlbt-wrap-head-li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 15px;
    transition: all 0.36s;
    border-radius: 10px 10px 0 0;
}

.wlbt-wrap-li-info p {
    color: #333;
    line-height: 1.7;
    transition: all 0.36s;
}

.wlbt-wrap-li {
    display: flex;
    align-items: stretch;
}

.wlbt-wrap-li-info {
    width: 25%;
    padding: 16px 15px;
    text-align: center;
    transition: all 0.36s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wlbt-wrap-li-info:first-child p {
    color: #999;
}

.wlbt-wrap-li:last-child .wlbt-wrap-li-info {
    border-radius: 0 0 10px 10px;
}

.wlbt-wrap-li-info.act {
    background: rgba(34, 48, 126, 0.1);
}

.wlbt-wrap-li-info.act p {
    color: var(--color);
}

.wlbt-wrap-head-li.act {
    background: rgba(34, 48, 126, 0.1);
}

.wlbt-wrap-head-li.act p {
    color: var(--color);
}

.standa-page .system-monitor-le {
    padding-top: 0 !important;
}

.standa-page .system-monitor-wrap {
    align-items: center;
}

.standa-page {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 40px;
}

.standa-page-li {
    width: 50%;
    padding: 0 35px;
    margin-bottom: 80px;
}

.standa-page-ul {
    margin: 0 -35px;
    display: flex;
    flex-wrap: wrap;
}

.standa-page-li-wrap {
    width: 100%;
    position: relative;
}

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

.splw-img .ys-imgbox-cover {
    border-radius: 10px;
}

.splw-img-lab {
    width: 160px;
    position: absolute;
    bottom: -85px;
    right: -30px;
    border-radius: 1077.922px;
    background: #FFF;
    box-shadow: 0px 10.286px 12.857px 0px rgba(1, 0, 44, 0.10);
}

.splw-btm-tit .std-tit5 {
    color: #333;
}

.splw-btm {
    width: 100%;
    padding-top: 24px;
    padding-right: 140px;
}

.splw-btm-info p {
    color: #999;
}

.splw-btm-tit {
    margin-bottom: 10px;
}

.smlu-wrap-icon {
    position: absolute;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comme-power {
    width: 100%;
    position: relative;
}

.ietc-le p {
    color: #999;
    line-height: 1.7;
    margin-top: 24px;
}

.comme-power .ietc-le {
    padding-right: 20px;
}

.comme-power .invest-energ-top-control {
    align-items: flex-end;
}

.comme-power-top {
    width: calc(100% + 160px);
    padding-top: 20px;
}

.innovat-gene-btm {
    position: relative;
    width: calc(100% + 160px);
    overflow: hidden;
    --width1: 880px;
    --width2: 280px;
    border-radius: 20px 0 0 20px;
}

.cssu-li-img img {
    width: 100%;
}

.igbs-ul {
    display: flex;
    margin: 0 -22px;
}

.igbs-li {
    width: 380px !important;
    padding: 0 22px;
    transition: all .5s linear;
    transition-property: all !important;
    grid-row: auto;
    flex-shrink: 0;
}

.igbs-li-wrap {
    width: 100%;
    height: 620px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    padding: 40px 32px;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
}

.igbs-li-wrap-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.igbs-li-wrap-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.igbs-li-wrap-num p {
    font-size: 44px;
    line-height: 1.2;
    color: #fff;
}

/* .igbs-li-wrap-btm {
    padding-right: 50px;
} */

.ilwb-tit .std-tit4 {
    color: #fff;
    line-height: 1.4;
}

.ilwb-info {
    margin-top: 12px;
}

.ilwb-info p {
    /* font-size: 16px; */
    line-height: 1.8;
    color: #fff;
}

.igbs-li-wrap-posi {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: all 0.36s;
    padding: 40px 20px;
}

.igbs-li-wrap-posi .ilwb-tit {
    text-align: center;
}

.ilwb-tit .std-tit5 {
    color: #fff;
    line-height: 1.4;
}

.igbs-li-wrap-btm {
    opacity: 0;
    transition: all 0.16s;
}

.igbs-li.on .igbs-li-wrap-btm {
    opacity: 1;
    transition: all 0.36s;
    transition-delay: 0.6s;
}

.igbs-li.on .igbs-li-wrap-posi {
    opacity: 0;
}

.igbs-li.on {
    width: 924px !important;
}

.igbs-li-wrap-bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    background: linear-gradient(0deg, #021226 0%, rgba(5, 18, 37, 0) 100%);
}

.igbs-li-wrap-num,
.igbs-li-wrap-btm {
    position: relative;
    z-index: 10;
}

.igbs-li-wrap-posi {
    z-index: 10;
}

.igbs-li-wrap-num {
    width: 64px;
    opacity: 0;
    transition: all 0.36s;
}

.igbs-li.on .igbs-li-wrap-num {
    opacity: 1;
}

.igbs-li-wrap-num img {
    width: 100%;
}

.igbs-li-wrap-posi .igbs-li-wrap-num {
    opacity: 1;
    margin: 0 auto;
    margin-bottom: 24px;
}

.igbs-li.on .igbs-li-wrap-posi .igbs-li-wrap-num {
    opacity: 0;
}

.igbs-li-wrap-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.comme-scene {
    width: 100%;
    position: relative;
    z-index: 1;
}

.comme-scene-top .std-tit3 {
    text-align: center;
    color: #fff;
    line-height: 1.4;
}

.comme-scene-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: -1;
}

.comme-scene-desz img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comme-scene-swiper {
    width: 78%;
    margin: 0 auto;
}

.cssu-li {
    width: 100%;
    position: relative;
}

.cssu-li-text p {
    text-align: center;
    font-family: 'robotoregular';
    /* font-weight: bold; */
    font-size: 200px;
    color: transparent;
    /* 将文字颜色设为透明 */
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
    /* 设置描边宽度和颜色，这里是1像素宽的黑色描边 */
    text-stroke: 1px rgba(255, 255, 255, 0.3);
    white-space: nowrap;
}

.cssu-li-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.36s;
}

.cssu-li-img {
    position: relative;
    z-index: 10;
    text-align: center;
    padding-top: 60px;
    width: 1007px;
    margin: 0 auto;
    max-width: 100%;
    transition: all 0.5s ease-in-out;
    /* transform: scale(0.8); */
}

/* .cssu-li.swiper-slide-active .cssu-li-img {
    transform: scale(1.1);
} */

.cssu-li.swiper-slide-active .cssu-li-text {
    opacity: 1;
}

.comme-scene-img {
    width: 100%;
    position: relative;
}


.comme-scene-img-control .ys-imgbox-cover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.comme-scene-img-control .ietc-ri-pre {
    left: 0;
}

.comme-scene-img-control .ietc-ri-nex {
    right: 0;
}

.comme-scene .comme-scene-img-control .ys-imgbox-cover {
    top: 20%;
}

.comme-scene-swiper-ul {
    align-items: flex-end;
}

.comme-scene-btm {
    width: 100%;
    position: relative;
}

.csbu-top {
    width: 920px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

.mod-tit32 {
    font-size: 32px;
    line-height: 1.4;
}

.csbu-top-le-tit .mod-tit32 {
    color: #333;
}

.csbu-top-le-info p {
    color: #999;
    line-height: 1.7;
}

.csbu-top-le-tit {
    margin-bottom: 12px;
}

.ybtm-link3 {
    border-color: var(--color1);
}

.ybtm-link3 p {
    color: var(--color1);
}

.csbu-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.csbu-ul-li {
    width: 25%;
    padding: 0 20px;
}

.csbu-ul-li-wrap {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border-left: 1px solid #183188;
    background: #FFF;
    padding: 24px 33px;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
}

.culw-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.culw-info p {
    color: #999;
    line-height: 1.8;
}

.culw-tit {
    margin-bottom: 8px;
}

.csbu-li {
    opacity: 0 !important;
    transition: all 0.36s;
}

.csbu-li.swiper-slide-active {
    opacity: 1 !important;
}

.comme-produ {
    background: #F8F8F8;
    position: relative;
    width: 100%;
}

.comme-produ-desz {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

.comme-produ-desz img {
    width: 100%;
}

.comme-produ .ys-cont1600 {
    position: relative;
    z-index: 10;
}

.comme-produ-wrap {
    width: 100%;
    position: relative;
    padding-left: 200px;
    padding-right: 200px;
}

.comme-produ-wrap-tit .std-tit3 {
    text-align: center;
    color: #333;
    line-height: 1.4;
}

.comme-produ-wrap-top {
    /* width: 1200px; */
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 55px;
}

.cpwt-li {
    width: 25%;
    transition: all 0.36s;
    border-radius: 80px;
    text-align: center;
    cursor: pointer;
    display: none;
}

.cpwt-li p {
    color: #333;
    line-height: 1.8;
    padding: 6px 15px;
    transition: all 0.36s;
}

.cpwt-ul {
    width: 100%;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
    overflow: hidden;
    display: flex;
}

.cpwt-ul .slick-list {
    width: 100%;
}

.cpwt-li:first-child {
    display: block;
}

.cpwt-li.slick-current {
    background: var(--color);
}

.cpwt-li.slick-current p {
    color: #fff;
}

.comme-produ-wrap-btm {
    width: 100%;
    position: relative;
}

.cpwb-ul {
    width: 100%;
}

.cpwb-li {
    width: 100%;
    position: relative;
    display: none;
}

.cpwb-li:first-child {
    display: block;
}

.cpwb-li-img {
    width: 100%;
}

.cpwb-li-img img {
    width: 100%;
}

.cpwb-li-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}

.cpwb-li-btm-le {
    width: 50%;
    padding-right: 15px;
}

.cpwb-li-btm-ri {
    width: 50%;
}

.clbl-tit .std-tit4 {
    color: #333;
    line-height: 1.4;
}

.clbl-tit {
    margin-bottom: 40px;
}

.comme-apply {
    width: 100%;
    position: relative;
}

.comme-apply-btm {
    width: 100%;
    position: relative;
}

.cabs-li-warp {
    width: 100%;
    border-radius: 10px;
    background: #F8F8F8;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.cabs-li-warp-ri {
    width: 43%;
}

.cabs-li-warp-le {
    width: 57%;
    padding: 60px;
}


.clwl-icon {
    width: 196px;
    margin-bottom: 40px;
}

.clwl-icon img {
    width: 100%;
}

.clwl-tit .std-tit5 {
    color: var(--color1);
    line-height: 1.5;
}

.clwl-tit {
    margin-bottom: 24px;
}

.clwl-info p {
    color: #060000;
    line-height: 1.7;
}

.cabs-li {
    width: 83% !important;
    margin-right: 64px;
}

.cabs-li:last-child {
    margin-right: 0 !important;
}

.sabs-li-wrap-info p span {
    color: var(--color1);
}

.cell-innovate {
    width: 100%;
    position: relative;
}


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

.cell-innovate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 
.cell-page.inner-page .ys-hd-pc {
    background: transparent;
}

.cell-page.inner-page .ys-main {
    margin-top: 0px !important;
}

.cell-page.inner-page .mod-bread {
    top: 100px;
} */

.cell-innovate-wrap {
    width: 100%;
    position: relative;
    padding-top: 185px;
}

.cell-innovate-wrap-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
    text-align: center;
}

.cell-innovate-wrap-tit {
    margin-bottom: 20px;
}

.cell-innovate-wrap-info p {
    color: var(--color1);
}

.cell-innovate-wrap-top {
    text-align: center;
    width: 670px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 52px;
}

.cell-innovate-wrap-btm {
    width: 100%;
    position: relative;
}

.ciwb-ul-li {
    width: 100%;
}

.ciwb-ul-li .ys-imgbox-cover {
    width: 684px !important;
    max-width: 100%;
    margin: 0 auto;
}

.ciwb-swiper {
    width: 58%;
    margin: 0 auto;
}

.cell-innovate-wrap-btm .ietc-ri-pre {
    left: 200px;
}

.cell-innovate-wrap-btm .ietc-ri-nex {
    right: 200px;
}


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

.cell-innovate-wrap-ul {
    margin: 0 -30px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}


.ciwu-wrap {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(51, 51, 51, 0.20);
    padding-top: 16px;
}

.ciwu-wrap-icon {
    width: 32px;
    margin-bottom: 8px;
}

.ciwu-wrap-icon img {
    width: 100%;
}

.ciwu-wrap-tit p {
    color: #333;
    line-height: 1.7;
}

.ciwu-wrap-info p {
    color: #999;
    line-height: 1.8;
}

.ciwu-wrap-info {
    margin-top: 8px;
}

.structu-advant .sabs-li-wrap-info p {
    padding-left: 0 !important;
}

.structu-advant .sabs-li-wrap-info p::after {
    display: none;
}

.structu-advant .sabs-li-wrap-tit {
    margin-bottom: 12px;
}

.structu-techno {
    width: 100%;
    padding-top: 0 !important;
}

.structu-techno-btm {
    width: 100%;
    position: relative;
}

.stbs-li-wrap {
    width: 100%;
    border: 1px solid rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
    position: relative;
}

.stbs-li-wrap-le {
    width: 48%;
}


.stbs-li-wrap-ri {
    width: 52%;
    padding: 80px;
}

.stbs-li {
    width: 66% !important;
    position: relative;
    margin-right: 60px;
}

.stbs-li:last-child {
    margin-right: 0;
}

.slwr-tit .std-tit4 {
    color: #333;
}

.slwr-tit {
    margin-bottom: 20px;
}

.slwr-info p {
    color: var(--color1);
    margin-bottom: 12px;
}

.stbs-li-wrap-arr {
    width: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
}


.stbs-li-wrap-arr::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    height: 4px;
    width: 150px;
    z-index: -1;
    background: linear-gradient(90deg, #1E3083 0%, #3658ED 100%);
}

.stbs-li-wrap-arr img {
    width: 100%;
}

.stbs-li:last-child .stbs-li-wrap-arr {
    display: none;
}

.structu-archite {
    width: 100%;
    position: relative;
}

.structu-archite-li {
    background: #F8F8F8;
    width: 100%;
}

.structu-archite-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.structu-archite-le {
    width: 49%;
    position: relative;
}

.structu-archite-le img {
    width: 100%;
}

.structu-archite-ri {
    width: 51%;
    padding-left: 110px;
}

.structu-archite-ri-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.structu-archite-ri-tit .std-tit3 span {
    color: var(--color1);
}

.structu-archite-ri .system-monitor-le-ul {
    justify-content: flex-start;
}

.structu-archite-ri-tit {
    margin-bottom: 100px;
}


.structu-archite-li:nth-child(2n) {
    background: #fff;
}

.structu-archite-li:nth-child(2n) .structu-archite-wrap {
    flex-direction: row-reverse;
}

.structu-archite-li:nth-child(2n) .structu-archite-ri {
    padding-left: 0 !important;
    padding-right: 110px;
}

.structu-archite-li:nth-child(2n) .std-tit28 {
    font-size: 24px;
}


.structu-parts {
    width: 100%;
    padding-top: 0 !important;
    position: relative;
}

.structu-parts-wrap {
    width: 100%;
    position: relative;
    padding: 140px 80px;
}

.structu-parts-wrap-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.structu-parts-wrap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.structu-parts-ul {
    width: 420px;
}

.structu-parts-ul-li {
    width: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 24px;
    margin-bottom: 40px;
}

.structu-parts-ul-li:last-child {
    margin-bottom: 0;
}

.spul-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.spul-tit {
    margin-bottom: 20px;
}


.structu-archite-le-img {
    width: 100%;
    position: relative;
}

.ma_in1s3mml_img2 {
    position: absolute;
    top: 0;
    left: 0;
}

.structu-archite-le .twentytwenty-overlay {
    display: none !important;
}

.structu-archite-le .twentytwenty-horizontal .twentytwenty-handle:before {
    box-shadow: inherit !important;
}

.structu-archite-le .twentytwenty-horizontal .twentytwenty-handle:after {
    box-shadow: inherit !important;
}

.structu-archite-le .twentytwenty-handle {
    box-shadow: inherit !important;
}

.structu-archite-le-btn p {
    color: #333;
    line-height: 1.8;
    padding: 8px 24px;
    border-radius: 80px;
    background: #FFF;
    font-size: 16px;
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
}

.structu-archite-le-btn {
    position: absolute;
    z-index: 13;
}

.structu-archite-le-btn2 p {
    background: var(--color);
    color: #fff;
}

.structu-archite-le-btn1 {
    top: 66%;
    left: -40px;
}

.structu-archite-le-btn2 {
    top: 12%;
    right: 0;
}

.structu-archite-ri .smlu-li {
    width: 33.333333%;
    padding: 0 40px;
}

.structu-archite-ri .system-monitor-le-ul {
    margin: 0 -40px;
}

.company-lead {
    width: 100%;
    position: relative;
}

.company-lead-top {
    width: 100%;
    text-align: center;
    padding-left: 140px;
    padding-right: 140px;
}

.company-lead-top-tit .std-tit2 {
    color: #333;
}

.company-lead-top-tit {
    margin-bottom: 40px;
}

.company-lead-top-info .std-tit5 {
    color: var(--color1);
    line-height: 1.5;
}

.company-lead-top-info {
    margin-bottom: 60px;
}

.company-lead-top-tit,
.company-lead-top-info {
    padding: 0 65px;
}

.company-lead-top .home-about-video {
    border-radius: 10px;
}

.home-about-video .system-monitor-ri-more {
    left: 50%;
    transform: translateX(-50%);
}

.company-lead-top-subin p {
    color: #333;
    line-height: 1.8;
}

.company-lead-top-subin {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 50px;
    margin-bottom: 60px;
}

.company-layout {
    width: 100%;
    position: relative;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 44.27%, rgba(156, 211, 255, 0.10) 100%);
}


.company-layout-top {
    width: 100%;
    text-align: center;
}

.company-layout-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.company-layout-info p {
    color: #999;
    line-height: 1.8;
}

.company-layout-tit {
    margin-bottom: 20px;
}

.company-layout-swper {
    display: flex;
    justify-content: center;
}

.company-layout-swper .cpwt-ul {
    width: 545px;
    text-align: center;
}

.company-layout-swper .cpwt-li {
    width: 50%;
    display: block;
}

.company-layout-swper .cpwt-li.act {
    background: var(--color1);
}

.company-layout-swper .cpwt-li.act p {
    color: #fff;
}

.company-layout-info {
    margin-bottom: 40px;
}

.company-layout-swper .cpwt-li p {
    padding: 9px 15px;
}

.company-layout-btm {
    width: 100%;
    position: relative;
    margin-top: -50px;
}

.company-layout-btm-li {
    width: 100%;
    position: relative;
    display: none;
}

.company-layout-btm-li:first-child {
    display: block;
}

.clbi-img {
    width: 100%;
}

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

.clbi-top p {
    color: var(--color);
    line-height: 1.7;
    transition: all 0.56s;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.32);
    padding: 4px 24px;
    min-width: 175px;
    text-align: center;
    cursor: pointer;
}

.clbi-li {
    position: absolute;
    transform: translate(-50%, -50%);
}

.clbi-btm {
    border-radius: 10px;
    background: var(--color);
    padding: 16px 24px;
}

.clbi-btm-li p {
    color: #fff;
    line-height: 1.8;
}

.clbi-btm-li {
    margin-bottom: 12px;
}

.clbi-btm-li:last-child {
    margin-bottom: 0;
}

.clbi-btm {
    min-width: 175px;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    display: none;
    pointer-events: none;
}

.clbi-li.on {
    z-index: 10;
}

.company-layout .ys-cont1400 {
    position: relative;
}

.company-layout-remar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.company-layout-remar-li {
    display: flex;
    align-items: center;
    margin-top: 22px;
}

.company-layout-remar-li img {
    width: 31px;
    flex: none;
}

.company-layout-remar-li p {
    color: #333333;
    line-height: 1.7;
    padding-left: 16px;
}

.company-culture {
    width: 100%;
    position: relative;
}

.company-culture-btm {
    width: 100%;
    position: relative;
}

.company-culture-btm-ul {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 10;
}

.ccbu-li {
    width: 33.333333%;
    border-right: 1px solid #fff;
    height: 840px;
    display: flex;
    align-items: center;
}

.company-culture-btm-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.company-culture-btm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-culture-btm-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 18, 37, 0.2);
}

.ccbu-wrap-icon {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 54px;
}

.ccbu-wrap-subtit .std-tit5 {
    color: rgba(255, 255, 255, 0.58);
    line-height: 1.5;
}

.ccbu-wrap-tit .std-tit4 {
    color: #fff;
    line-height: 1.4;
}

.ccbu-wrap {
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.ccbu-wrap-subtit {
    margin-bottom: 18px;
}

.company-culture .company-layout-top {
    padding-bottom: 10px;
}

.company-history {
    width: 100%;
    position: relative;
}

.company-history-year {
    width: 100%;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
    padding: 8px 88px;
    position: relative;
}

.chyu-li {
    width: 12.5%;
    text-align: center;
    border-radius: 80px;
    /* background: #1E3083; */
    transition: all 0.36s;
    padding: 4px;
    cursor: pointer;
}

.chyu-li p {
    color: #333;
    line-height: 1.8;
    transition: all 0.36s;
}

.chyu-li.slick-current p {
    color: #fff;
}

.chyu-li.slick-current {
    background: var(--color);
}

.company-history-year-ul {
    display: flex;
    width: 100%;
    position: relative;
}

.company-history-year .ietc-ri .ys-imgbox-cover {
    width: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.company-history-year .ietc-ri .ietc-ri-pre {
    left: 32px;
}

.company-history-year .ietc-ri .ietc-ri-nex {
    right: 32px;
}

.company-history-btm {
    width: 100%;
    position: relative;
    padding-top: 98px;
}

.chbu-wrap-le-year .std-tit2 {
    color: var(--color1);
    line-height: 1.2;
    font-family: "Montserrat-Regular";
    font-weight: bold;
}

.chbu-li {
    width: 290px !important;
    position: relative;
}

.chbu-wrap {
    width: 100%;
    position: relative;
}

.chbu-wrap-le-info p {
    font-size: 14px;
    line-height: 1.8;
    color: #999;
    position: relative;
    padding-left: 30px;
    margin-bottom: 6px;
}

.chbu-wrap-le-info p::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-size: 100%;
    background: url(../images/f1_icon02.svg);
}

.chbu-wrap-ri {
    width: 290px;
    position: absolute;
    top: 108px;
    height: 1px;
    background: rgba(153, 153, 153, 0.5);
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.chbu-wrap-ri:before {
    content: '';
    width: 4px;
    height: 80px;
    background: var(--color);
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: -40px;
}

span.chbu-wrap-ri-sp {
    width: 1px;
    height: 24px;
    transform: translateY(-50%);
    background: #A5ACB1;
}

.chbu-wrap-le-year {
    margin-bottom: 110px;
}

.chbu-li.chbu-first {
    width: 580px !important;
}

.chbu-first .chbu-wrap-ri {
    width: 290px;
    position: absolute;
    right: 0;
    left: auto !important;
}

.chbu-first .chbu-wrap-le-info p {
    font-size: 24px;
    color: #333;
    padding-left: 0 !important;
}

.chbu-first .chbu-wrap-le-info p::after {
    display: none;
}

.chbu-first .chbu-wrap-le-year {
    margin-bottom: 20px;
}

.chbu-wrap-le {
    width: 100%;
    padding-right: 30px;
}

.chbu-first .chbu-wrap-le {
    width: 260px;
    padding-top: 50px;
    padding-right: 0;
}

.chbu-wrap-le-info {
    height: 180px;
}

.chbu-wrap-le-info .mCSB_outside+.mCSB_scrollTools {
    right: -18px;
}

.chbu-wrap-le-info .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--color) !important;
    width: 2px !important;
}

.chyu-li {
    display: none
}

.chyu-li:first-child {
    display: block;
}

.company-history-year-ul .slick-list {
    width: 100%;
}

.company-history-year-empty {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.company-honor {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.company-honor-top .std-tit3 {
    color: #333;
    text-align: center;
}

.company-honor-ptm {
    width: 100%;
    position: relative;
}

.chpu-li {
    width: 25%;
    padding: 0 20px;
}

.company-honor-ptm-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.chbu-orap {
    width: 100%;
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
    padding: 24px;
    margin-bottom: 30px;
}

.chbu-orap-btm p {
    color: #333;
    line-height: 1.8;
    text-align: center;
}

.chbu-orap-btm {
    margin-top: 16px;
}

.company-honor-ptm-ul .slick-list {
    width: 100%;
}

.slick-dots li {
    width: 200px;
    height: 2px;
    opacity: 0.4;
    background: var(--color1);
    border-radius: 0;
}

.slick-dots li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background: var(--color1);
    border-radius: 50%;
    right: -7px;
}

.slick-dots li.slick-active {
    opacity: 1;
    background: var(--color1);
}

.company-honor-ptm-ul .slick-dots {
    position: relative;
    bottom: auto;
    padding-top: 20px;
}

.slick-dots li:last-child:after {
    display: none;
}

.company-honor-img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.company-authen .company-honor-top .std-tit3 {
    color: #fff;
}

.cabu-li {
    width: 25%;
    padding: 0 20px;
    padding-bottom: 3px !important;
}

.company-authen-btm-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.cabu-wrap {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 40px 24px 30px;
}

.cabu-img {
    width: 158px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.cabu-info p {
    color: #F9F9F9;
    line-height: 1.8;
    text-align: center;
}

.company-authen-btm-ul .slick-list {
    width: 100%;
}

.company-authen-btm-ul .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 50px;
}

.company-authen-btm-ul .slick-dots li {
    background: #fff !important;
}

.company-authen-btm-ul .slick-dots li::after {
    background: #fff !important;
}

.company-layout .company-layout-top {
    position: relative;
    z-index: 10;
}

.recove-era {
    width: 100%;
    position: relative;
}

.recove-era-tit {
    display: flex;
    align-items: self-start;
    justify-content: center;
    margin-bottom: 50px;
}

.recove-era-tit img {
    width: 243px;
}

.recove-era-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
    padding-left: 40px;
    margin-top: 8px;
}

.recove-era-info p {
    color: #333;
    line-height: 1.7;
    text-align: center;
}

.recove-era-info {
    width: 998px;
    margin: 0 auto;
    max-width: 100%;
}

.recove-era-img {
    width: 926px;
    margin: 0 auto;
    max-width: 100%;
}

.recove-era-btm-ul {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.recove-era-btm-ul::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background-image: url(../images/b4desw.png);
    background-size: 100%;
    width: 260px;
    height: 40px;
    border-radius: 800px;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
}

.rebu-li {
    width: 33%;
    border-radius: 800px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    padding: 24px;
    position: relative;
}

.rebu-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -11px;
    width: 22px;
    height: 22px;
    background-size: 100%;
    background-image: url(../images/b4doi.svg);
    border-radius: 50%;
    box-shadow: 0px 8px 12px rgba(3, 0, 112, 0.10);
}

.rebu-li:last-child::after {
    left: -11px;
    right: auto !important;
}

.rebu-wrap {
    width: 100%;
    display: flex;
}

.rebu-wrap-li {
    width: 50%;
    padding: 0 20px;
    text-align: center;
    position: relative;
}

.rebu-wrap-li:first-child::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url(../images/f1jiak.svg);
    background-size: 100%;
    right: -10px;
}

.recove-channe {
    width: 100%;
    position: relative;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 44.27%, rgba(156, 211, 255, 0.10) 100%);
}

.recove-channe-btm {
    width: 100%;
}

.recove-channe-btm img {
    width: 100%;
}

.recove-cooper {
    width: 100%;
    padding-top: 0 !important;
}

.recove-cooper .hpbw-wrap-li::after {
    display: none;
}

.recove-cooper .hpbw-wrap-li {
    width: 240px;
    padding: 0 20px;
}

.recove-cooper .hpbw-wrap-li .ys-imgbox-cover {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 23.298px 31.064px 0px rgba(3, 0, 112, 0.12);
}

.recove-cooper .home-partners-btm-wrap {
    overflow: visible !important;
}

.recove-cooper .home-partners-btm-wrap {
    position: relative;
}

.recove-cooper .home-partners-btm-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    width: 250px;
    height: 260px;
    z-index: 10;
}

.recove-cooper .home-partners-btm-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    width: 250px;
    height: 260px;
    z-index: 10;
}

.recove-mode {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.recove-mode-wrap {
    width: 100%;
    padding: 0 66px;
}

.recove-mode-btm {
    width: 100%;
    position: relative;
}

.recove-mode-btm-ul {
    display: flex;
    justify-content: space-between;
}

.rmbu-li {
    width: 34%;
    position: relative;
}

.rmbu-li .ys-imgbox-cover {
    border-radius: 50%;
}

.rmbu-li .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(24, 176, 11, 0) 15.06%, rgba(0, 179, 0, 0.20) 100%);
}

.rmbu-li-tit {
    width: 100%;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rmbu-li-tit .std-tit2 {
    color: #fff;
    text-align: center;
    padding: 0 20px;
}

.recove-mode-wrap .company-layout-top {
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 100px;
}

.recove-mode-btm-jia {
    width: 103px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.recove-mode-btm-jia::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    /* background: #0066F5; */
    border-radius: 172.934px;
    opacity: 0.2;
    background: radial-gradient(50% 50% at 50% 50%, rgba(72, 147, 6, 0) 85.4%, #1F9500 100%);
    z-index: -1;
    animation: myfirst 2s linear infinite;
    animation-delay: 0.6s;
    transform: translate(-50%, -50%) scale(0.1);
    opacity: .7;
}

.recove-mode-btm-jia::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    border-radius: 172.934px;
    opacity: 0.2;
    background: radial-gradient(50% 50% at 50% 50%, rgba(72, 147, 6, 0) 85.4%, #1F9500 100%);
    z-index: -1;
    animation: myfirst 2s linear infinite;
    transform: translate(-50%, -50%) scale(0.1);
    opacity: .7;
}

@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(0.1);
        opacity: .7;
    }

    50% {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0.5;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}


.recove-cooper .company-layout-top {
    padding-bottom: 10px;
}

.recove-optimiz {
    width: 100%;
    position: relative;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 44.27%, rgba(156, 211, 255, 0.10) 100%);
}

.recove-optimiz-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.recove-optimiz-ri {
    width: 49%;
    border-radius: 10px;
    overflow: hidden;
}

.recove-optimiz-ri img {
    width: 100%;
}

.recove-optimiz-le {
    width: 51%;
    padding-right: 130px;
}

.recove-optimiz-le-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.recove-optimiz-le-info p {
    color: #999;
    line-height: 1.8;
}

.recove-optimiz-le-tit {
    margin-bottom: 50px;
}

.recove-optimiz-btm {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.robl-li {
    width: 100%;
    border-radius: 800px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    display: flex;
    align-items: center;
    padding: 8px 32px;
    margin-bottom: 24px;
}

.robl-li p {
    color: #333;
    padding-left: 24px;
}

.recove-optimiz-le-info {
    margin-bottom: 50px;
}

.recove-optimiz-btm-le {
    width: 35%;
}

.robr-top-li .smlu-wrap-info-top p {
    color: #18B00B;
}

.robr-top-li {
    width: 166px;
    margin: 0 auto;
    display: none;
}

.robr-top-li:first-child {
    display: block;
}

.robr-btm {
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
    display: flex;
    margin-top: 12px;
}

.robr-btm-li {
    border-radius: 80px;
    transition: all 0.36s;
    padding: 4px 10px;
    min-width: 76px;
    text-align: center;
    cursor: pointer;
}

.robr-btm-li p {
    color: #333;
    line-height: 1.8;
}

.recove-optimiz-btm-ri {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.robr-btm-li.act {
    background: #00B400;
}

.robr-btm-li.act p {
    color: #fff;
}

.robl-li:last-child {
    margin-bottom: 0;
}

.recove-optimiz-arr {
    width: 17%;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}

.recove-optimiz-arr img {
    width: 100%;
}

.recove-layout {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.recove-layout-top-tit .std-tit3 {
    color: #333;
}

.recove-layout-top-info p {
    color: #999;
    line-height: 1.7;
}

.recove-layout-top-info p span {
    color: #18B00B;
}

.recove-layout-top-tit {
    margin-bottom: 32px;
}

.recove-layout-top {
    width: 60%;
    margin-bottom: 40px;
}

.recove-layout-btm {
    width: 100%;
    position: relative;
}

.recove-layout-btm-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.recove-layout-btm-img img {
    width: 100%;
}

.recove-layout-btm-list {
    width: 100%;
    position: relative;
    z-index: 10;
    margin-top: -54px;
}

.recove-streng-btm-ul {
    margin: 0 -15px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.rsbu-li {
    width: 33.333333%;
    padding: 0 90px;
}

.rsbu-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #009F3A;
    background: #FFF;
    padding: 24px;
}

.rsbu-wrap-tit {
    margin-bottom: 16px;
}

.rsbu-wrap-tit .std_tit3 {
    color: #333532;
    line-height: 1.3;
}

.rsbu-wrap-info p {
    color: #787978;
    line-height: 1.8;
}

.rsbu-wrap-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    width: 180px;
    border: 1px solid #009F3A;
    height: 2px;
}

.rsbu-wrap-line span {
    width: 22px;
    height: 22px;
    background: #009F3A;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -11px;
    z-index: 10;
}

.rsbu-wrap-line span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
}

.rsbu-wrap-line img {
    width: 14px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    animation: xl 4s infinite;
    opacity: 0;
}

.rsbu-li:last-child .rsbu-wrap {
    border: 1px dashed #009F3A;
}

.rsbu-li:last-child .rsbu-wrap-line {
    display: none;
}

.rsbu-wrap-info p span {
    color: #18B00B;
}

@keyframes xl {

    0% {
        opacity: 0;
    }

    1% {
        opacity: 1;
        left: 0;
    }

    50.9% {
        opacity: 1;
        left: 100%;
    }

    51% {
        opacity: 0;
        left: 0;
    }

    100% {
        opacity: 0;
        left: 0;
    }

}

@keyframes xl1 {
    0% {
        opacity: 0;
        left: 0;
    }

    50% {
        opacity: 0;
        left: 0;
    }

    51% {
        opacity: 1;
        left: 0;
    }

    99.9% {
        opacity: 1;
        left: 100%;
    }

    100% {
        left: 0;
        opacity: 0;
    }

}

.rsbu-li:nth-child(2) .rsbu-wrap-line img {
    animation: xl1 4s infinite;
}

.rsbu-wrap-tit .std-tit5 {
    color: #333333;
    line-height: 1.5;
}

.recove-era-btm {
    margin-top: -130px;
}

.storag-adhere {
    width: 100%;
    position: relative;
}

.storag-adhere-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.storag-adhere-ri {
    width: 59%;
    position: relative;
}

.storag-adhere-le {
    width: 41%;
    padding-right: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.storag-adhere-ri-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.storag-adhere-ri-img img {
    width: 100%;
}

.salt-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.salt-info p {
    color: #999;
    line-height: 1.7;
}

.salt-tit {
    margin-bottom: 40px;
}

.storag-adhere-le-btm {
    width: 100%;
    margin-top: 25px;
}

.salb-li {
    width: 100%;
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    padding: 32px;
    margin-bottom: 20px;
}

.salb-li:last-child {
    margin-bottom: 0;
}

.salb-li-top-ri {
    width: 24px;
    margin-top: 7px;
}

.salb-li-top-ri img:nth-child(2) {
    opacity: 0;
}

.salb-li-top-le .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.salb-li-top {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.salb-li-top-le {
    padding-right: 15px;
}

.salb-li-btm p {
    color: #999;
    line-height: 1.7;
}

.salb-li-btm {
    padding-top: 24px;
    width: 100%;
    display: none;
}

.salb-li.act .salb-li-top .salb-li-top-ri img {
    transform: rotate(-90deg);
}

.salb-li.act .salb-li-top .salb-li-top-ri img:nth-child(1) {
    opacity: 0;
}

.salb-li.act .salb-li-top .salb-li-top-ri img:nth-child(2) {
    opacity: 1;
}

.storag-adhere-wrap.act {
    align-items: center;
}

.storag-parts {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.storag-parts .cell-innovate-wrap {
    padding-top: 0 !important;
}

.storag-parts-li {
    width: 100%;
    position: relative;
    display: none;
}

.storag-parts-li:first-child {
    display: block;
}

.storag-parts-top {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    margin-bottom: 40px;
}


.storag-parts-top .cpwt-ul {
    width: 306px;
}

.storag-parts .ciwu-li {
    width: 25%;
}


.ciwb-ul-li .ys-imgbox-cover {
    transform: scale(0.8);
    transition: all 0.36s;
}

.ciwb-ul-li.swiper-slide-active .ys-imgbox-cover {
    transform: scale(1);
}

.storag-parts .cell-innovate-wrap-top {
    width: 800px;
}

.storag-scene {
    width: 100%;
    position: relative;
}

.storag-scene-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.storag-scene-tit {
    margin-bottom: 50px;
}

.storag-scene-btm {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.storag-scene-btm-img {
    width: 100%;
    position: relative;
}

.ssti-ul,
.ssti-li {
    width: 100%;
}

.ssti-li {
    position: relative;
    opacity: 0 !important;
}

.ssti-li.swiper-slide-active {
    opacity: 1 !important;
}

.ssti-li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 29, 37, 0.2);
}

.ssti-li img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.storag-scene-btm-locatio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding-top: 160px;
    padding-bottom: 55px;
}

.storag-scene-btm-locatio .ys-cont1600 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ssbl-top-li-tit .std-tit3 {
    color: #fff;
}

.ssbl-top-li-tit {
    margin-bottom: 50px;
}

.stli-wrtap img {
    width: 32px;
    flex: none;
}

.stli-wrtap p {
    color: #fff;
    line-height: 1.7;
    padding-left: 32px;
    margin-top: 2px;
}

.stli-wrtap {
    display: flex;
    margin-bottom: 32px;
}

.ssbl-top {
    width: 55%;
    opacity: 0;
    /* transition: all 0.36s; */
}

.ssbl-top-li {
    width: 100%;
    display: none;
}

.ssbl-top-li:first-child {
    display: block;
}

.ssbl-btm-ul-li {
    width: 33.333333%;
    padding: 0 15px;
}

.ssbl-btm-ul {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.sbul-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sbul-wrap-tit .std-tit5 {
    color: #fff;
    line-height: 1.5;
    transition: all 0.36s;
}

.sbul-wrap-info p {
    color: #fff;
    line-height: 1.8;
    transition: all 0.36s;
}

.sbul-wrap-tit {
    margin-bottom: 6px;
}

.sbul-wrap-info-icon {
    display: flex;
    justify-content: flex-end;
}

.sbul-wrap-info-icon .ys-imgbox-cover {
    width: 48px;
}

.sbul-wrap-info-icon img:nth-child(2) {
    opacity: 0;
}

.ssbl-btm-ul-li.act .sbul-wrap {
    background: #fff;
}

.ssbl-btm-ul-li.act .sbul-wrap-tit .std-tit5 {
    color: #333333;
}

.ssbl-btm-ul-li.act .sbul-wrap-info p {
    color: #999999;
}

.ssbl-btm-ul-li.act .sbul-wrap-info-icon img:nth-child(1) {
    opacity: 0;
}

.ssbl-btm-ul-li.act .sbul-wrap-info-icon img:nth-child(2) {
    opacity: 1;
}

.sbul-wrap-info {
    margin-bottom: 16px;
}

.storag-scene {
    height: 150vh;
}


.storag-scene-btm {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
}

.ssbl-btm {
    opacity: 0;
}

.storag-product {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.storag-product-btm {
    width: 100%;
    position: relative;
}

.spbs-li {
    width: 83% !important;
    margin-right: 120px;
}

.spbs-li .ys-imgbox-cover {
    border-radius: 10px;
}

.spbs-li-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
}

.spbs-li-btm-le {
    width: 50%;
}

.spbs-li-btm-ri {
    width: 50%;
}

.slbl-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.slbl-info-top .std-tit5 {
    color: var(--color1);
    font-family: "Montserrat-Regular";
}

.slbl-info-btm p {
    color: #999;
    line-height: 1.8;
}

.slbl-info {
    width: 100%;
    border-left: 1px solid var(--color1);
    padding-left: 24px;
}

.slbl-tit {
    margin-bottom: 40px;
}

.spbs-li-btm-ri p {
    color: #999;
    line-height: 1.8;
    margin-bottom: 12px;
}

.spbs-li-btm-ri p:last-child {
    margin-bottom: 0;
}

.gather-core {
    width: 100%;
    position: relative;
}

.gather-core-le .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.gather-core-ri p {
    color: #999;
    line-height: 1.7;
}

.gather-core-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.gather-core-le {
    width: 63%;
}

.gather-core-ri {
    width: 37%;
    margin-top: 20px;
}

.gather-core-btm {
    width: 100%;
    position: relative;
}

.gather-core-btm-img {
    width: 100%;
}

.gather-core-btm-img img {
    width: 100%;
}

.gather-core-btm-wrap {
    width: 100%;
    position: relative;
    padding-left: 160px;
    padding-right: 160px;
    z-index: 10;
    margin-top: -100px;
}

.gcbw-ul {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    backdrop-filter: blur(8px);
    padding: 20px 54px 30px;
    display: flex;
    flex-wrap: wrap;
}

.gcbw-li {
    width: 25%;
    padding-right: 15px;
}

.gcbw-li-icon {
    width: 38px;
    margin-bottom: 57px;
}

.gcbw-li-icon img {
    width: 100%;
}

.std-tit40 {
    font-size: 40px;
    line-height: 1.2;
}

.gcbw-li-tit p {
    color: var(--color1);
    font-family: "Montserrat-Regular";
}

.gcbw-li-tit p span {
    font-weight: bold;
}

.gcbw-li-info p {
    color: #999;
    line-height: 1.8;
}

.gcbw-li-tit {
    margin-bottom: 4px;
}

.gather-advant {
    width: 100%;
    position: relative;
}

.gather-advant-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.gather-advan-btm {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.gather-advan-btm-nav {
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    left: 0;
    padding-top: 70px;
    padding-bottom: 140px;
}

.gabn-li {
    width: 2px;
    height: 80px;
    background: rgba(34, 48, 126, 0.4);
    position: relative;
    margin: 10px 0;
    cursor: pointer;
    transition: all 0.36s;
}

.gabn-li::after {
    content: '';
    position: absolute;
    bottom: -6px;
    width: 2px;
    height: 2px;
    background: var(--color1);
    border-radius: 50%;
    opacity: 0.2;
}

.gabn-li:last-child::after {
    display: none;
}

.gabn-li.act {
    background: rgba(34, 48, 126, 1);
}

.gather-advan-btm-ul {
    width: 100%;
    padding-left: 60px;
}

.gabu-li {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    padding: 20px;
    padding-left: 80px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    align-items: self-start;
}

.gabu-ri {
    width: 46%;
    border-radius: 10px;
}

.gabu-le {
    width: 54%;
    padding-top: 20px;
    padding-right: 100px;
}

.gabu-le-tit .std-tit4 {
    color: #333;
    line-height: 1.4;
}

.gabu-le-tit {
    margin-bottom: 24px;
}

.gabu-le-info p {
    color: #999;
    line-height: 1.7;
    min-height: 5.1em;
}

.gabu-le-info {
    margin-bottom: 74px;
}

.gabu-le-subtit p {
    color: var(--color1);
    line-height: 1.7;
}

.gabu-le-subtit {
    margin-bottom: 20px;
}

.gabu-le-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.gabu-li:first-child .gabu-le-ul-li {
    width: 33.333333%;
}

.gabu-le-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.glul-wrap {
    width: 100%;
    position: relative;
    padding-left: 16px;
    border-left: 1px solid rgba(30, 48, 131, 0.20);
}

.glul-wrap-num .std-tit4 {
    color: var(--color);
    font-family: "Montserrat-Regular";
    font-weight: bold;
}

.glul-wrap-tit p {
    color: var(--color);
}

.glul-wrap-info p {
    color: #999;
    line-height: 1.8;
}

.glul-wrap-info {
    margin-top: 4px;
}

.gather-innova-top {
    width: 100%;
    /* background: #fff; */
    padding-top: 330px;
    padding-bottom: 80px;
    position: relative;
    z-index: 10;
}

.gather-innova-wrap {
    width: 620px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.gather-innova-tit .std-tit2 {
    color: #333;
    line-height: 1.2;
}

.gather-innova-info p {
    color: #333;
    line-height: 1.7;
}

.gather-innova-tit {
    margin-bottom: 40px;
}

.gather-innova-line,
.gather-innova-line1 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 100%;
    background: linear-gradient(180deg, #22307E 5.73%, #3EB2E4 21.87%, #3EE4D0 39.06%, #3EE4D0 57.29%, #3CEF59 76.04%, #3EE4D0 94.79%);
}

.gather-innova-line1 {
    background: transparent !important;
}

.gather-innova-line1 {
    z-index: 10;
}

.gather-innova-btm-top {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.36s;
    opacity: 0;
}

.gather-innova-ul {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
}

.gather-innova {
    width: 100%;
    position: relative;
}

.gather-innova-btm {
    width: 100%;
    position: relative;
    padding-top: 490px;
}

.gather-innova-line-arr {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: sticky;
    position: -webkit-sticky;
    top: 50%;
    left: 0;
    transform: translateX(-21px);
    background: #22307E;
    border-radius: 80px;
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    transition: all 1.6s;
}

.gather-innova-line-arr img {
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.gather-innova-ul {
    position: sticky;
    position: -webkit-sticky;
}

.gather-innova-li {
    width: 100%;
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 1.8s;
}

.gather-innova-li.act {
    opacity: 1;
}

.gather-innova-li:first-child {
    display: block;
}

.gather-innova-li img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.gather-innova-btm-pore {
    width: 100%;
    position: relative;
}

.gather-innova-btm-swip {
    width: 100%;
    position: relative;
    z-index: 10;
}

.gibs-ul {
    width: 1110px;
    margin: 0 auto;
}

.gibs-li {
    width: 100%;
}

.gibs-li-flex {
    width: 50%;
    padding-right: 40px;
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
}

.gibs-li-wrap {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 24px;
    display: block;
    transition: all 0.36s;
    position: relative;
}

.gibs-li-wrap-subtit p {
    color: #fff;
    line-height: 1.7;
    transition: all 0.36s;
}

.gibs-li-wrap-tit .std-tit5 {
    color: #fff;
    line-height: 1.5;
    transition: all 0.36s;
    height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.gibs-li-wrap-subtit {
    margin-bottom: 4px;
}

.gibs-li-wrap-info {
    margin-bottom: 16px;
}

.gibs-li-wrap-info p {
    color: #fff;
    line-height: 1.8;
    transition: all 0.36s;
    height: 3.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.gibs-li-wrap-tit {
    margin-bottom: 16px;
}

.gibs-li-wrap-more .hwlm-ri p {
    color: #fff;
    transition: all 0.36s;
}

.gibs-li-wrap-more {
    display: flex;
    justify-content: flex-end;
}

.gibs-li-wrap-dots {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -51px;
}


.gibs-li:nth-child(odd) {
    display: flex;
    justify-content: flex-end;
}

.gibs-li:nth-child(odd) .gibs-li-flex {
    padding-left: 40px;
    padding-right: 0;
}

.gibs-li:nth-child(odd) .gibs-li-wrap-dots {
    left: -51px;
    right: auto !important;
}

.duty-pic-meng {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
    -o-backdrop-filter: blur(21px);
    -ms-backdrop-filter: blur(21px);
    -moz-backdrop-filter: blur(21px);
    z-index: 4;
    display: none;
}

.gather-innova-li-wy {
    width: 100%;
}

.gibs-li.on {
    z-index: 3;
}

.gather-stand {
    width: 100%;
    position: relative;
}

.gather-stand-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.gather-stand-le {
    width: 49%;
    position: relative;
}

.gather-stand-ri {
    width: 51%;
    padding-left: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gather-stand-le-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.gather-stand-le-img img {
    width: 100%;
}

.gsli-wrap {
    width: 450px;
    max-width: 59%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #00266F;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 26px 24px;
    display: flex;
    align-items: center;
}

.gsli-wrap-li {
    width: 50%;
    padding: 0 24px;
    position: relative;
    transform: translate3d(0, 0, 0);
}

.gsli-wrap-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 63px;
    background: #fff;
}

.gsli-wrap-li:last-child::after {
    display: none;
}

.gsli-wrap-li img {
    width: 100%;
}

.gsrt-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.gsrt-tit {
    margin-bottom: 40px;
}

.gsrt-info p {
    color: #999;
    line-height: 1.7;
}

.invest-energ-top-more.gather-stand-ri-btm {
    justify-content: flex-start;
}

.gather-upgrade {
    width: 100%;
    padding-top: 0 !important;
}

.gather-upgrade-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
    text-align: center;
}

.gather-upgrade-ul-li {
    width: 25%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.gather-upgrade-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.gather-upgrade-ul-li .sabs-li-wrap-info p::after {
    display: none;
}

.gather-upgrade-ul-li .sabs-li-wrap-info p {
    padding-left: 0 !important;
}

.gather-upgrade-ul-li .sabs-li-wrap-tit {
    margin-bottom: 12px;
}

.gather-upgrade-ul-li .sabs-li-wrap {
    padding-bottom: 36px;
    height: 100%;
}


.gather-innova.act .gather-innova-line-arr {
    background: #1E3083 !important;
}


.society-page .system-monitor-le {
    padding-top: 0px;
}

.society-page .system-monitor-wrap {
    align-items: center;
}

.society-develop {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.society-develop-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
    text-align: center;
}

.society-develop-ul-li {
    width: 50%;
    padding: 0 25px;
}

.society-develop-ul {
    margin: 0 -25px;
    display: flex;
    flex-wrap: wrap;
}

.sdul-wrap {
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
}

.sdul-wrap .ys-imgbox-cover {
    border-radius: 10px;
}

.sdul-wrap .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    opacity: 0.5;
    background: linear-gradient(0deg, #021226 0%, rgba(5, 18, 37, 0) 100%);
}

.sdul-wrap-btm {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sdul-wrap-btm img {
    width: 32px;
    flex: none;
}

.sdul-wrap-btm .std-tit5 {
    color: #fff;
    line-height: 1.5;
    padding-right: 20px;
}

.society-quality {
    width: 100%;
    position: relative;
    background: #F8F8F8;
}

.society-quality-top-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}


.society-quality-top {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 100%;
}

.society-quality-top-info p {
    color: #999;
    line-height: 1.7;
}

.society-quality-top-tit {
    margin-bottom: 40px;
}

.society-quality-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.society-quality-ul-li {
    width: 25%;
    padding: 0 20px;
}

.squl-wrap {
    width: 100%;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
    border-radius: 10px;
    background: #fff;
    padding: 32px 24px;
}

.ssul-wrap-subinf p {
    color: #999;
    line-height: 1.8;
    text-align: center;
}

.ssul-wrap-subinf {
    margin-top: 12px;
    padding-bottom: 10px;
}

.society-health {
    width: 100%;
    padding-top: 0 !important;
    position: relative;
}

.society-health-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.society-health-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 18, 37, 0.3);
}

.society-health-img img {
    width: 100%;
    object-fit: cover;
}

.society-health-tit .std-tit3 {
    color: #fff;
    line-height: 1.4;
    text-align: center;
}

.society-health-tit {
    position: absolute;
    top: 160px;
    width: 100%;
    text-align: center;
    z-index: 10;
    padding: 0 40px;
}

.society-health-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 30px;
}

.society-health-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.shul-wrap {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 10px 20px 0px rgba(3, 0, 112, 0.05);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 32px;
}

.carbon-page .shul-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shul-wrap-tit .std-tit5 {
    color: var(--color);
    line-height: 1.5;
}

.shul-wrap-info p {
    color: #999;
    line-height: 1.8;
}

.shul-wrap-tit {
    margin-bottom: 16px;
}

.society-health .ys-cont1600 {
    position: relative;
    z-index: 11;
    margin-top: -140px;
}

.society-solicit {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
    overflow: hidden;
}

.society-solicit-btm {
    width: 100%;
    padding-left: 105px;
    padding-right: 105px;
}

.ssal-wrap {
    width: 100%;
}

.ssal-wrap .ys-imgbox-cover {
    border-radius: 10px;
}

.ssal-wrap-btm p {
    color: #333;
    line-height: 1.75;
}

.ssal-wrap-btm {
    margin-top: 20px;
}

.society-solicit-ul-li {
    /* margin-right: 60px; */
    width: 33.333333%;
    padding: 0 30px;
}

.society-solicit-btm-swip {
    width: 100%;
    position: relative;
}

.environ-page .system-monitor-le {
    padding-top: 0px;
}

.environ-page .system-monitor-wrap {
    align-items: center;
}

.environ-admini {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.environ-admini-top {
    text-align: center;
    margin-bottom: 50px;
}

.environ-admini-top-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.environ-admini-top-info p {
    color: #999;
    line-height: 1.7;
}

.environ-admini-top-tit {
    margin-bottom: 20px;
}

.environ-admini-ul-li {
    width: 25%;
    padding: 0 60px;
}

.environ-admini-ul {
    margin: 0 -60px;
    display: flex;
    flex-wrap: wrap;
}

.eaul-wrap {
    width: 100%;
    position: relative;
}

.eaul-wrap img {
    width: 100%;
}

.eaul-posi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10;
    padding: 20px 40px;
    text-align: center;
}


.mod-tit36 {
    font-size: 36px;
    line-height: 1.2;
}

.eaul-posi-num .mod-tit36 {
    background: linear-gradient(90deg, #00D8E4 0%, #00D06D 161.33%);
    background: linear-gradient(90deg, color(display-p3 0.0235 0.8314 0.8824) 0%, color(display-p3 0.0039 0.8 0.4627) 161.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Montserrat-Regular";
    font-weight: bold;
}

.eaul-posi-info p {
    color: #333;
    line-height: 1.8;
}

.eaul-posi-num {
    margin-bottom: 4px;
}

.environ-admini-ul-li:first-child {
    margin-top: 40px;
}

.environ-admini-ul-li:last-child {
    margin-top: 40px;
}

.environ-resourc {
    width: 100%;
    position: relative;
    background: #F8F8F8;
}

.environ-waste {
    width: 100%;
    position: relative;
}

.sdul-wrap-btm {
    transition: all 0.36s;
}

.sdul-wrap-btm.srbu-wrap-btm1 {
    text-align: center;
    justify-content: center;
}

.sdul-wrap-btm.srbu-wrap-btm1 .std-tit5 {
    padding-right: 0;
}

.srbu-li.act .srbu-wrap-img::before {
    opacity: 1;
}

.environ-waste .srbu-wrap-img {
    border-radius: 10px;
}

.environ-waste .srbu-wrap-img::after {
    background: rgba(5, 18, 37, 0.2);
}

.environ-waste .srbu-wrap-img::before {
    background: linear-gradient(0deg, #021226 0%, rgba(5, 18, 37, 0) 100%);
}

.mod-popcl {
    cursor: pointer;
}

.mod-pop {
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: rgba(0, 0, 0, 0.2);
    display: none;
}

.mod-pop-wrap {
    width: 1430px;
    max-width: calc(100% - 80px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 80px 100px;
    background: #fff;
    border-radius: 10px;
}

.mod-pop-wrap-scoll {
    width: 100%;
    position: relative;
}

.mpws-tit .std-tit3 {
    color: #000;
    line-height: 1.4;
}

.mpws-tit {
    margin-bottom: 35px;
}

.mpws-info p {
    margin-bottom: 14px;
    color: #333;
}

.mpws-top {
    width: 72%;
}


.mpws-info {
    margin-bottom: 30px;
}

.mpws-info p:last-child {
    margin-bottom: 0;
}

.mod-pop-wrap-cloce {
    width: 48px;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 10;
}

.mod-pop-wrap-cloce img {
    width: 100%;
}

.mod-pop-wrap-scoll {
    max-height: 80vh;
}

.mod-pop-wrap-scoll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* width: 2px; */
    background: var(--color) !important;
}

.mod-pop-wrap-scoll .mCSB_scrollTools {
    height: 95%;
    top: auto;
    bottom: 0;
}

.mod-pop-wrap-scoll .mCSB_outside+.mCSB_scrollTools {
    right: -45px;
    overflow: visible;
}


/* ada star */
.ys-cont1601 {
    width: 1601px;
    margin: 0 auto;
    max-width: 100%
}

.load-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.load-box-ul-li {
    width: 33.333333%;
    padding: 0 20px;

}

.load-box {
    margin-top: 80px;
    margin-bottom: 100px;
}


.lbul-img-box-img {
    margin: 0 auto;
    border-radius: 10px;
}

.lbul-img-box-img img {
    transition: all 0.36s;
}

.lbul-text {
    margin-top: 24px;
    margin-bottom: 32px;
    color: #333;
    transition: all 0.36s;
    height: 3.6em;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.lbul-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(51, 51, 51, 0.20);
    padding-bottom: 24px;
    margin-bottom: 60px;
}

.lbul-foot-load {
    display: flex;
    align-items: center;
}

.lbul-foot-pdf {
    height: 100%;
    padding: 2px 16px;
    background-color: var(--color1);
    color: #fff;
    border-radius: 50px;
}

.lbul-foot-load-text {
    color: var(--color1);
    padding-left: 16px;
}

.lbul-foot-load-icon {
    cursor: pointer;
}

.lbul-img-box {
    padding: 17px 31px;
    background-color: #F4F4F4;
    border-radius: 10px;
}

.notice-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.notice-box-ul-li {
    width: 25%;
    padding: 0 20px;
    margin-bottom: 48px;

}

.nbul-box {
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0px 16px 20px 0px rgba(3, 0, 112, 0.05);
}

.nbul-box-date {
    color: #999;

}

.nbul-box-title {
    color: #333;
    height: 3em;
    line-height: 1.5;
    margin-top: 8px;
    margin-bottom: 61px;
    transition: all 0.36s;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}



.nbul-box-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 23px;
    border-top: 1px solid rgba(51, 51, 51, 0.20);

}


.new-box-ul-li a {
    width: 100%;
    display: flex;
    margin-bottom: 40px;
    border-radius: 10px;
    transition: all 0.36s;
    border: 1px solid rgba(51, 51, 51, 0.2);
    overflow: hidden;
    position: relative;
}


.nbul-left {
    width: 31.5%;
}

.nlul-left-img {
    width: 100%;
    transition: all 0.36s;
    border-radius: 5px;
}

.nbul-right {
    width: 68.5%;
    padding: 32px 50px 20px;
    border-radius: 10px;
}

.nbul-right-textone {
    color: #333;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.nbul-right-texttwo {
    color: #999;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 24px;
    margin-bottom: 101px;
}

.nbul-right-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nbul-right-icon-one {
    display: flex;
    align-items: center;
}

.nbul-right-icon-two {
    display: flex;
    align-items: center;
    transition: all 0.36s;
    opacity: 0;
}

.nbul-right-icon-one p {
    color: #999;
    margin-left: 12px;
}

.nbul-right-icon-two p {
    margin-left: 16px;
    color: #999;
    transition: all 0.36s;
    color: var(--color1);
}


.nbul-right-icon-two img {
    width: 34px;
    cursor: pointer;
}

.detail-box {
    width: 100%;
    padding: 60px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 16px 20px 0px rgba(3, 0, 112, 0.05);

}

.detail-box-head {
    display: flex;
    align-items: center;
}

.detail-box-head-icon {
    width: 16px;
    margin-bottom: 3px;
}

.detail-box-head-date {
    margin-left: 12px;
    color: #666;
}

.detail-box-title {
    margin-top: 20px;
    margin-bottom: 50px;
}

.detail-box-title {
    color: #333;
}

.detail-part-ul {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    margin-top: 60px;
    border-top: 1px solid rgba(51, 51, 51, 0.2);
}

.detail-part-ul-li {
    width: 30%;
}

.detail-part-ul-li a {
    color: #333;
    height: 3.6em;
    transition: all 0.36s;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.detail-share {
    margin-top: 34px;
    margin-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 50px;
    box-shadow: 0px 16px 20px 0px rgba(3, 0, 112, 0.05);
}

.detail-share-box {
    display: flex;
    align-items: center;
}


.detail-share-text {
    color: #2D2C2C;
}

.ys-main-bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100px;
    /* left: 50%;
    transform: translateX(-50%);
    max-width: inherit; */
    z-index: -2;
}

.ys-main-bg {
    width: 100%;
    position: relative;
}


.detail-box-content p img {
    border-radius: 10px;
}

.detail-box-content p {
    font-size: 18px;
    line-height: 1.7;
    color: #999;
}


.ys-cont1064 {
    width: 1064px;
    margin: 0 auto;
    max-width: 100%;
}

.manager-box-title {
    text-align: center;
    margin-bottom: 60px;
}

.manager-box {
    padding: 120px 0;
}

.manager-box-title-textone {
    color: var(--color1);
}

.manager-box-letter-top {
    position: relative;
    z-index: 2;
    margin: 0 29px;
    padding: 60px;
    background-color: rgb(247, 247, 247);
}

.mblt-title {
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin-bottom: 32px;
}

.mblt-text {
    font-size: 16px;
    line-height: 1.6;
    color: rgb(51, 51, 51, 0.6);
}

.manager-box-letter {
    position: relative;
}

.manager-box-letter-bottom {
    width: 100%;
}

.manager-box p {
    margin-bottom: 16px;
}


.mblt-name-text {
    color: #333;
}

.mblt-name {
    width: 140px;
    position: absolute;
    bottom: -10px;
    right: 192px;
}

.ys-cont {
    position: relative;
}

.manager-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -2;
}

.development-box {
    margin-top: 20px;
    margin-bottom: 120px;
}

.dbtl-mbx-ul {
    display: flex;
}

.dbtl-mbx-ul-li::before {
    content: ">";
    font-size: 16px;
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
}

.dbtl-mbx-ul-li:first-child::before {
    display: none;
}

.dbtl-mbx-ul-li a {
    color: #999;
}

.dbtl-text-textone {
    color: #333;
    line-height: 1.4;
    margin-top: 175px;
    margin-bottom: 50px;
}

.dbtl-text-texttwo {
    color: #999;
}

.dbtl-text {
    width: 50%;
    padding-right: 120px;
}

.development-box-top-right {
    width: 920px;
    padding-right: 20px;
    float: right;
}

.development-box-top-right img {
    width: 100%;
}

.development-box-bj {
    width: 100%;
    position: absolute;
    z-index: -2;
}

.development-box-top-left {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.development-box-bottom {
    margin: 0 auto;
}

.development-box-top {
    overflow: hidden;
}

.development-box-bottom-title {
    color: #333;
    margin-top: 120px;
    margin-bottom: 40px;
}

.dbbs-wrapper-slide-img {
    width: 100%;
}

.dbbs-wrapper-slide-img img {
    width: 100%;
    border-radius: 10px;
}

.dbbs-wrapper-slide-text {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

.dwst-title {
    color: #333;
}

.dwst-text {
    color: #999;
    width: 64%;
}

.development-box-bottom-swiper {
    width: 1190px;

}

.dbbs-wrapper-slide {
    margin-right: 80px;
}

.development-box-bottom-swiper {
    position: relative;
}

.development-box-bottom-swiper .swiper-button-next,
.swiper-button-prev {
    top: -72px !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 100%;
    color: var(--color1) !important;
}

.development-box-bottom-swiper .dbbs-butprev::after {
    content: " ";
    background: url(../images/b2_arrow01.svg) center/cover no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.development-box-bottom-swiper .dbbs-butnext::after {
    content: " ";
    background: url(../images/b2_arrow03.svg) center/cover no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dbbs-butnext {
    font-size: 24px;
}

.dbbs-butprev {
    font-size: 24px;
}

.development-box-bottom-swiper .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -400px;
}

.development-box-bottom-swiper .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: auto;
    right: -322px;
}

.dbmb-ul-li a {
    color: #999;
}

.development-box {
    position: relative;
}

.development-main .mod-bread {
    position: static;
    top: 0;
}

.development-box-bj {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0.3;
}


.load-box-ul-li a {
    display: block;
}

.down-cont {
    z-index: 10;
    position: relative;
    width: 100%;
    padding-top: 0 !important;
}

.down-cont .load-box {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ada end */

.pc-fenye li {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    color: #999999;
}

.pc-fenye li.activepage {
    color: var(--color1);
    background: transparent;
    border-bottom: 1px solid var(--color1);
}

.load-box-ul {
    padding-bottom: 30px;
}

.notice-box-ul {
    padding-bottom: 50px;
}

.nbul-right-icon-one img {
    width: 16px;
    margin-bottom: 3px;
}

.newd-cont .new-box {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.new-box-ul {
    padding-bottom: 50px;
}

.new-box-ul-li {
    width: 100%;
}

.detail-cont {
    width: 100%;
    position: relative;
    padding-top: 80px;
}

.detail-cont .detail-main {
    margin-top: 0 !important;
}

.development-page .system-monitor-le {
    padding-top: 0 !important;
}

.development-page .system-monitor-wrap {
    align-items: center;
}

.development-main {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.dbbs-wrapper-slide .ys-imgbox-cover {
    border-radius: 10px;
    overflow: hidden;
}


@keyframes fadeInUpimg1 {
    0% {
        transform: scale(0.6);
    }

    100% {
        transform: none;
    }
}


@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: none;
    }
}

@keyframes fadeclip {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%);
        transform: translateY(60px);
        opacity: 0;
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transform: translateY(0);
        opacity: 1;
    }
}


.ys-banner-more img {
    width: 32px;
}

.ys-banner-more p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    padding-right: 16px;
}

.ys-banner-more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.workman-page .workman-latest-btm-table {
    margin-top: -290px;
}

.carbon-report {
    position: relative;
    width: 100%;
}

.carbon-report-btm {
    width: 100%;
    position: relative;
}

.crbs-li {
    width: 50%;
    padding: 0 20px;
    display: none;
}

.crbs-li:first-child {
    display: block;
}

.crbs-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.crbs-li-top-img1 {
    border-radius: 10px;
}

.crbs-li-top {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.crbs-li-top-img2 {
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.crbs-li-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
}


.clul-link img {
    width: 32px;
}

.clul-link p {
    color: var(--color);
    line-height: 2.8;
    padding-right: 22px;
}

.clul-link {
    display: flex;
    align-items: center;
}


.crbs-li-ul {
    display: flex;
    flex-wrap: wrap;
}

.crbs-li-ul-li {
    margin-right: 46px;
}

.crbs-li-tit {
    margin-bottom: 24px;
}

.carbon-next {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.carbon-next-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.cnll-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.cnll-info p {
    color: #333;
    line-height: 1.8;
}

.cnll-tit {
    margin-bottom: 40px;
}

.cnll-more {
    display: inline-block;
}

.carbon-next-ri {
    width: 46%;
    position: sticky;
    position: -webkit-sticky;
    top: 250px;
    left: 0;
}

.carbon-next-le {
    width: 54%;
    padding-right: 154px;
}

.carbon-next-ri-li {
    width: 100%;
    display: none;
}

.carbon-next-ri-li:first-child {
    display: block;
}

.carbon-next-ri-li .ys-imgbox-cover {
    width: 100%;
    border-radius: 10px;
}

.cnll-info {
    margin-bottom: 60px;
}

.carbon-next-letter {
    height: 100%;
    position: absolute;
    top: 0;
    left: -18px;
    z-index: -1;
}

.cnll-li {
    width: 148px;
    opacity: 0.2;
    display: none;
}

.cnll-li img {
    width: 100%;
}

.carbon-next-letter-ul {
    position: sticky;
    position: -webkit-sticky;
    top: 250px;
}

.carbon-next-le-li {
    width: 100%;
    margin-top: 80px;
    padding-left: 46px;
    padding-bottom: 348px;
}

.carbon-next-le-li:last-child {
    padding-bottom: 120px;
}

.cnll-li.act {
    display: block;
}

.carbon-health.society-health .society-health-tit {
    top: 110px;
}

.carbon-health .society-health-ul-li {
    width: 33.333333%;
}

.shul-wrap-more {
    display: flex;
    justify-content: flex-end;
    padding-top: 16px;
}

.society-solicit .invest-energ-top-control .ietc-le {
    width: 58%;
}

.carbon-next-le-li .ys-imgbox-cover {
    border-radius: 10px;
}

.carbon-next-le-li .cnll-more .ybtm-img {
    display: block !important;
}

.carbon-next-le-li .cnll-li {
    display: none;
}

.materia-page .system-monitor-le-ul {
    justify-content: flex-start;
}

.materia-brace {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.materia-brace-le .std-tit4 {
    color: #333;
    line-height: 1.4;
}

.materia-brace-ri p {
    color: #999;
    line-height: 1.7;
}

.materia-brace-top {
    display: flex;
    align-items: center;
}

.materia-brace-le {
    width: 60%;
    padding-right: 20px;
}

.materia-brace-ri {
    width: 40%;
}

.materia-brace-ul-li {
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 30px;
}

.materia-brace-ul {
    flex-wrap: wrap;
    margin: 0 -20px;
    display: flex;
}

.mbul-wrap {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    overflow: hidden;
}

.mbul-wrap .ys-imgbox-cover {
    background: #F9F9F9;
}

.mbul-btm {
    width: 100%;
    position: relative;
    padding: 30px 32px;
}

.mbul-btm-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.mbul-btm-tit {
    margin-bottom: 20px;
}

.materia-advanta {
    width: 100%;
    padding-top: 0 !important;
}

.materia-advanta-btm {
    width: 100%;
    position: relative;
    border-radius: 10px;
    padding: 40px;
    padding-top: 20px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(21, 65, 114, 0.06);
}

.materia-advanta-btm-head {
    width: 100%;
    display: flex;
    border-bottom: 1px solid rgba(51, 51, 51, 0.20);
}

.mabh-li {
    width: 33.333333%;
}

.mabh-li p {
    color: #999;
    line-height: 1.7;
    text-align: center;
    padding: 18px 15px;
}

.materia-advanta-btm-li {
    display: flex;
    border-radius: 10px;
    transition: all 0.36s;
    margin-bottom: 16px;
    align-items: center;
}

.materia-advanta-btm-li:last-child {
    margin-bottom: 0;
}

.materia-advanta-btm-li .mabh-li p {
    color: #333;
    transition: all 0.36s;
}

.materia-advanta-btm-body {
    padding-top: 16px;
}

.materia-special {
    width: 100%;
    position: relative;
    background: #F8F8F8;
    z-index: 1;
}

.smlt-info p span {
    color: var(--color);
}

.materia-special-center-tit .std-tit4 {
    color: #333;
    line-height: 1.4;
}

.materia-special-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 30px;
}

.materia-special-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.materia-special-center {
    width: 100%;
    padding-bottom: 0 !important;
}

.msul-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    overflow: hidden;
}

.materia-special-soll {
    width: 32px;
}

.materia-special-soll img {
    width: 100%;
}

.msul-wrap-btm {
    width: 100%;
    position: relative;
    padding: 32px;
}

.msul-wrap .ys-imgbox-cover {
    background: #F9F9F9;
}

.materia-special-btm {
    width: 100%;
    padding-bottom: 0 !important;
}

.materia-special-btm .sabs-li-wrap-info p::after {
    display: none;
}

.materia-special-btm .sabs-li-wrap-info p {
    padding-left: 0 !important;
}

.materia-special-btm .sabs-li-wrap-tit {
    margin-bottom: 12px;
}

.materia-voltage {
    width: 100%;
    position: relative;
    z-index: 1;
}

.msul-wrap-btm-infp .std-tit5 {
    color: #333;
    line-height: 1.5;
    text-align: center;
}

.materia-voltage-nickel {
    width: 100%;
    position: relative;
}

.materia-voltage-nickel-btm {
    width: 100%;
}

.mvnb-img {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: var(--Linear, linear-gradient(90deg, #1E3083 0%, #3658ED 100%));
}

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

.mvnb-btm-le .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.mvnb-btm {
    margin-top: 24px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mvnb-btm-le {
    width: 35%;
}

.mvnb-btm-ri {
    width: 45%;
}

.materia-ncma {
    width: 100%;
    position: relative;
    z-index: 1;
    background: #F8F8F8;
}

.system-monitor-contrast-btm {
    width: 100%;
}

.system-monitor-contrast-btm img {
    width: 100%;
}

.cars-power {
    width: 100%;
    position: relative;
}

.smlt-tit .std-tit3 {
    color: #333;
}

.cars-power-top .smlt-tit {
    margin-bottom: 25px;
}

.cars-power-top {
    width: 100%;
    position: relative;
    margin-bottom: 100px;
}

.cars-power-top .smlt-info p:last-child {
    margin-bottom: 0;
}

.cars-power .carbon-next-le-li {
    margin-top: 0 !important;
}

.cars-power-icon {
    width: 32px;
    margin-bottom: 4px;
}

.cars-power-icon img {
    width: 100%;
}

.cnll-tit .std-tit5 {
    color: #333;
    line-height: 1.5;
}

.cars-power .cnll-tit {
    margin-bottom: 24px;
}

.cars-power .cnll-info p {
    color: #999;
    line-height: 1.8;
    margin-bottom: 12px;
}

.cars-power .cnll-info p:last-child {
    margin-bottom: 0;
}

.cars-power .cnll-info {
    margin-bottom: 0;
}

.cars-power-label {
    width: 100%;
    border-top: 1px solid rgba(51, 51, 51, 0.2);
    padding-top: 24px;
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}

.cars-power-label-li {
    border-radius: 80px;
    border: 1px solid #183188;
    padding: 4px 24px;
    margin-right: 24px;
    margin-bottom: 15px;
}

.cars-power-label-li p {
    font-size: 14px;
    line-height: 1.8;
    color: var(--color);
}

.cpwt-li p {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cpwt-ul .slick-track {
    height: 100%;
}

.cars-power-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: rgba(51, 51, 51, 0.2);
}

.cars-power-line-wrap {
    width: 100%;
    height: 200px;
    position: sticky;
    position: -webkit-sticky;
    top: 250px;
    left: 0;
    border-radius: 2px;
    background: var(--color);
}

.cnll-video {
    width: 100%;
    position: relative;
}

.cnll-video-play {
    width: 58px;
    position: absolute;
    bottom: 24px;
    left: 24px;
    cursor: pointer;
    z-index: 10;
}

.cnll-video .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.cnll-video {
    display: none;
}

.cars-cover {
    width: 100%;
}

.cars-cover-tit {
    width: 100%;
    padding: 0 100px;
}

.cars-cover-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.cars-cover-btm {
    width: 100%;
    padding: 0 100px;
}

.cars-cover-btm-li {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.home-resid-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
}

.home-resid-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-resid-empty {
    width: 100%;
}

.home-resid-empty img {
    width: 100%;
}

.ccbl-top {
    width: 100%;
    position: relative;
}

.ccbl-wrap {
    width: 100%;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cars-cover-btm-li .ys-cont1440 {
    height: 100%;
    position: relative;
    z-index: 10;
}

.ccbl-wrap-top-le p {
    font-size: 100px;
    line-height: 1.2;
    color: #fff;
    font-family: "Montserrat-Regular";
    font-weight: bold;
}

.ccbl-wrap-top-le {
    width: 49%;
}

.ccbl-wrap-top-ri {
    width: 51%;
}

.ccbl-wrap-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cwtr-info p {
    color: #fff;
    line-height: 1.8;
}

.cwtr-more {
    display: inline-block;
}

.cwtr-info {
    margin-bottom: 60px;
}

.ccbl-wrap-ul-li {
    width: 25%;
    padding: 0 20px;
}

.cwul-wrap {
    width: 100%;
    height: 100%;
    padding: 24px 32px;
    border-radius: 10px;
    border-left: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

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

.cwul-wrap-tit .std-tit5 {
    color: #fff;
    line-height: 1.5;
}

.cwul-wrap-info p {
    color: #fff;
    line-height: 1.8;
}

.cwul-wrap-tit {
    margin-bottom: 16px;
}

.home-resid-bg-meng {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.cars-cooperv {
    width: 100%;
    position: relative;
}

.cars-cooperv-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cars-cooperv-le-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.cars-cooperv-le-info p {
    color: #999;
    line-height: 1.7;
    margin-bottom: 12px;
}

.cars-cooperv-le-info {
    padding-bottom: 65px;
}

.cars-cooperv-le-tit {
    margin-bottom: 37px;
}

.invest-energ-top-more.cars-cooperv-le-more {
    padding-top: 0px !important;
    justify-content: flex-start;
}

.cars-cooperv-le {
    width: 61%;
    padding-right: 257px;
    padding-top: 100px;
}

.cars-cooperv-ri {
    width: 39%;
    position: relative;
}

.cars-cooperv-ri::after {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 205px;
    height: 110%;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}

.ccru-li {
    width: 25%;
    padding: 0 28px;
}

.cars-cooperv-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -28px;
    align-items: center;
}

.ccru-wrap .ys-imgbox-cover {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
}

.ccru-wrap {
    padding: 28px 0;
    width: 100%;
}


.comme-scene .ietc-ri-pre {
    transform: translateY(-50%) rotate(180deg);
}

.robl-li img {
    width: 32px;
}

.system-monitor-le-top {
    padding-bottom: 15px;
}

.twentytwenty-wrapper {
    position: relative;
    z-index: 2;
}

.cabu-wrap,
.company-authen-btm-ul .slick-track {
    height: 100%;
}

.cfbs-li2 .cslt-ri-li-le {
    border-radius: 0;
}

.cfbs-li2 .cslt-ri-li-le::after {
    border-radius: 0;
}

.cfbs-li2 .cslt-ri-li.on .cslt-ri-li-info p {
    color: var(--color1);
}

.cfbs-li2 .cfbs-scene-li-text,
.cfbs-li3 .cfbs-scene-li-text {
    height: 240px;
}

.cfbs-ul-li.cfbs-ul-lik {
    width: 25%;
}

.cfbs-time {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    margin-bottom: 30px;
}

.cfbs-time-li {
    width: 50%;
    padding: 0 20px;
}

.cfbs-time-li-tit p {
    color: var(--color1);
}

.cfbs-time-li-tit p span {
    color: #E60033;
}

.cfbs-time-li-tit {
    margin-bottom: 17px;
}

.cfbs-time-li-ul {
    margin: 0 -20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.ctlu-li {
    padding: 0 20px;
    width: 50%;
}

.ctlu-wrap {
    width: 100%;
    height: 40px;
    border-radius: 80px;
    border: 1px solid rgba(75, 89, 107, 0.20);
    overflow: hidden;
    position: relative;
    cursor: pointer !important;
}

.ctlu-wrap input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #999;
    padding-left: 24px;
    padding-right: 52px;
    cursor: pointer !important;
}

.ctlu-wrap img {
    width: 24px;
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
    top: 50%;
}

.ctlu-wrap input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.ctlu-wrap input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.ctlu-wrap input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.ctlu-wrap input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.layui-laydate .layui-laydate-content .layui-this {
    background-color: var(--color) !important;
}

.form-page .cfbs-li {
    display: none;
}

.form-page .cfbs-li:first-child {
    display: block;
}

.materia-special-lication {
    width: 100%;
    padding-bottom: 0 !important;
}

.materia-special-lication-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.mslu-li {
    width: 16.666666%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.mslu-wrap {
    height: 100%;
    border-radius: 5px;
    background: #FFF;
    width: 100%;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
    padding: 12px 24px;
}

.mslu-wrap-icon {
    width: 46px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.mslu-wrap-info p {
    text-align: center;
    color: #333;
}

.materia-special-ul-liwq {
    width: 100%;
}

.materia-special-ul-liwq .msul-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.materia-special-ul-liwq .ys-imgbox-cover {
    width: 50%;
}

.materia-special-ul-liwq .msul-wrap-btm {
    width: 50%;
    padding: 32px 60px;
}

.materia-special-center-tit.std-mar {
    margin-bottom: 45px;
}

.igbs-li-wrap-btm .std-tit4 {
    color: #fff;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {

    .materia-advanta-btm-li:hover {
        background: rgb(233, 235, 243);
        box-shadow: 0px 4px 24px 0px rgba(21, 65, 114, 0.06);
    }

    .materia-advanta-btm-li:hover .mabh-li p {
        color: var(--color);
    }

    .comp-tabli:hover li {
        color: var(--color1);
        background: transparent;
        border-bottom: 1px solid var(--color1);
    }

    .sdul-wrap:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

    .gibs-li-wrap:hover {
        background: #fff;
    }

    .gibs-li-wrap:hover .gibs-li-wrap-subtit p {
        color: var(--color);
    }

    .gibs-li-wrap:hover .gibs-li-wrap-tit .std-tit5 {
        color: #333;
    }

    .gibs-li-wrap:hover .gibs-li-wrap-info p {
        color: #333;
    }

    .gibs-li-wrap:hover .hwlm-ri p {
        color: var(--color);
    }

    .gibs-li-wrap:hover .hwlm-le img:nth-child(1) {
        opacity: 0;
    }

    .gibs-li-wrap:hover .hwlm-le img:nth-child(2) {
        opacity: 1;
    }

    .clbi-li:hover {
        z-index: 10;
    }

    .clbi-top:hover p {
        color: #fff;
        background: var(--color);
    }

    .ybtm-link3:hover {
        background: var(--color1) !important;
    }

    .ybtm-link3:hover p {
        color: #fff !important;
    }

    .sabs-li-wrap:hover::after {
        opacity: 1;
        top: 4px;
        left: -4px;
    }

    .ybtm-link2:hover {
        background: var(--color1) !important;
        border-color: var(--color1) !important;
    }

    .iabl-link:hover .ietu-wrap-tit .std-tit5 {
        color: var(--color1);
    }

    .ybtm-link2:hover p {
        color: #fff !important;
    }

    .ietu-wrap:hover .ietu-wrap-tit .std-tit5 {
        color: var(--color1);
    }

    .ietc-ri .ys-imgbox-cover:hover img:nth-child(1) {
        opacity: 0;
    }

    .ietc-ri .ys-imgbox-cover:hover img:nth-child(2) {
        opacity: 1;
    }

    .cslw-ri-sumit:hover {
        background: var(--color);
    }

    .ybtm-link:hover {
        background: #fff;
    }

    .ybtm-link:hover p {
        color: #1E3083;
    }

    .ybtm-link:hover .ybtm-img img:nth-child(1) {
        opacity: 0;
    }

    .ybtm-link:hover .ybtm-img img:nth-child(2) {
        opacity: 1;
    }

    .hnbu-link:hover .hwlm-le img:nth-child(1) {
        opacity: 0;
    }

    .hnbu-link:hover .hwlm-le img:nth-child(2) {
        opacity: 1;
    }

    .mftl-li-btm-li a:hover {
        opacity: 0.6;
    }

    .mftr-recru-link:hover {
        background: var(--color1);
        border-color: var(--color1);
    }

    .mftr-recru-link:hover .mftr-recru-le p {
        color: #fff;
    }

    .mftr-recru-link:hover .mftr-recru-ri .mftr-recru-ri-path1 {
        fill: #fff !important;
    }

    .mftr-recru-link:hover .mftr-recru-ri .mftr-recru-ri-path2 {
        stroke: #fff !important;
    }

    .hnbu-link:hover .hnbu-link-top-tit p {
        color: var(--color1);
    }

    .home-partners .hpbw-wrap-li:hover img {
        -webkit-filter: grayscale(0);
        filter: none;
        filter: grayscale(0);
    }

    .hwlm-link:hover .hwlm-le img:nth-child(1) {
        opacity: 0;
    }

    .hwlm-link:hover .hwlm-le img:nth-child(2) {
        opacity: 1;
    }

    /* ---Ada  start--- */
    .lbul-img-box-img img:hover {
        transform: scale(1.1);
    }


    .new-box-ul-li:hover a {
        box-shadow: 0px 16px 20px 0px color(display-p3 0.0084 0 0.4208 / 0.05);
        border: 1px solid transparent;
        /* border: 0px solid; */
    }

    .nlul-left-img img:hover {
        transform: scale(1.1);
    }

    .new-box-ul-li:hover .nbul-right-icon-two {
        opacity: 1;
    }

    .detail-part-ul-li a:hover {
        color: var(--color1);
    }

    .lbul-text:hover {
        color: var(--color1);
    }

    .nbul-box-title:hover {
        color: var(--color1);
    }

    /* ---Ada  end--- */
    .storag-scene.on .ssbl-top {
        animation: ysfadeInUp .8s ease-in-out both;
    }

    .storag-scene.on1 .ssbl-btm {
        animation: fadeInRight .8s ease-in-out both;
    }


    .ys-hd-pc:hover {
        background: #fff;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    }

    .ys-hd-pc:hover::after {
        opacity: 0;
    }

    .ys-hd-pc:hover .head-logo img:nth-child(1) {
        opacity: 0;
    }

    .ys-hd-pc:hover .head-logo img:nth-child(2) {
        opacity: 1;
    }

    .ys-hd-pc:hover .head-nav-item-title {
        color: #333;
    }

    .ys-hd-pc:hover circle,
    .ys-hd-pc:hover path {
        stroke: #333 !important;
    }

    .ys-hd-pc:hover .head-lang-top-info p {
        color: #333;
    }




}


.fadeInUpimg {
    transition: all 0.8s !important;
    animation: fadeInUpimg 1.6s ease 1;
}

.fadeInUpimg1 {
    transition: all 0.8s !important;
    animation: fadeInUpimg1 2s ease 1;
}

.fadeclip {
    animation: fadeclip 1.6s ease 1;
}

.ys-ban-li.slick-current .ys-ban-txtbox-more,
.ys-ban-li.slick-current .ys-ban-txtbox-svg,
.ys-ban-li.slick-current .ys-ban-txtbox-info {
    animation: ysfadeInUp 1s ease-in-out both;
    animation-delay: 0.1s;
}

.ciwt-lip {
    width: 100%;
    display: none;
}

.ciwt-lip:first-child {
    display: block;
}

.cwul-wrap {
    padding: 24px 28px;
}

.dsbu-li:nth-child(1) .dsbu-li-code {
    opacity: 0 !important;
}

.crbs-ul .slick-list {
    width: 100%;
}

.hswu-wrap-ri .ys-imgbox-cover img:nth-child(2) {
    object-fit: cover;
}

.hibs-relati {
    top: 28%;
}

.cars-cover {
    padding-top: 50px;
}

.gather-page .gather-core,
.gather-page .gather-advant {
    padding-bottom: 0 !important;
}

.snbw-enlarge {
    display: none;
}

.clbl-ph {
    display: none;
}

.hnid-list {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.system-monitor-ri-img {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.materia-special-btm .ietc-ri .ys-imgbox-cover {
    transition: all 0.36s;
}

.materia-special-btm.on .ietc-ri {
    display: none;
}

.cell-innovate-wrap-top {
    width: 860px;
}

.cell-page .cell-innovate-wrap-info p {
    min-height: 5.1em;
}

.cell-innovate-wrap-ul .slick-list {
    width: 100%;
}


.cell-innovate-wrap-ul .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}


.cell-innovate-wrap-ul .slick-dots li {
    width: 50px;
}

.company-honor .slick-dots li {
    width: 90px;
}

.ys-hd-pc::after {
    height: 150%;
    opacity: 0.4;
}

.robr-btm-togeth {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.clbi-top p {
    white-space: nowrap;
}

.snbw-li .company-layout-remar {
    z-index: 10;
    bottom: 90px;
}

.snbw-li .company-layout-remar-li img {
    border-radius: 50%;
    box-shadow: 0px 15px 20px 0px rgba(3, 0, 112, 0.12);
    background: #fff;
}

.mftr-recru {
    width: 100%;
    margin-top: 15px;
}

.mftr-recru:first-child {
    margin-top: 0;
}

.mftr-recru .mftr-recru-link {
    width: 100%;
}

.mftr-recru .mftr-recru-le {
    width: 100%;
    text-align: center;
}

.mftr-btm {
    padding-left: 15px;
}

.mftr-logo {
    margin-bottom: 140px;
}

.sabs-li-wrap {
    padding: 30px;
}

.ccbl-wrap-top-ri {
    width: 55%;
}

.ccbl-wrap-top-le {
    width: 45%;
}

.ccbl-wrap-ul-li {
    padding: 0 15px;
}

.ccbl-wrap-ul {
    margin: 0 -15px;
}

.cwul-wrap {
    padding: 24px 22px;
}

.cnll-tit-more .ybtm-link p {
    color: var(--color);
}

.cnll-tit-more .ybtm-link {
    padding: 0 !important;
}

.cnll-tit-more .ybtm-link p {
    padding-right: 18px;
}


.carbon-next-le-li .cnll-tit {
    display: flex;
    justify-content: space-between
}

.cnll-tit-more {
    flex: none;
    padding-left: 25px;
}

.cars-cooperv-ri::after {
    display: none;
}

.cfbu-li {
    position: relative;
}

.cfbu-li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-support {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.service-support-wrap {
    width: 100%;
    position: relative;
}

.service-support-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.service-support-img img {
    width: 100%;
}

.service-support-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 18, 38, 0.40);
}

.service-support-btm {
    width: 100%;
    padding: 70px 60px;
    padding-bottom: 0 !important;
    position: relative;
    z-index: 10;
}

.service-support-btm-subtit p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
}

.service-support-btm-subtit {
    position: relative;
    padding-left: 12px;
    margin-bottom: 16px;
}

.service-support-btm-subtit::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}

.service-support-btm-tit .std-tit2 {
    color: #fff;
    font-weight: 500;
    line-height: 1.6;
}

.service-support-btm-from {
    width: 100%;
    padding: 0 70px;
}

.service-support-btm-tit {
    margin-bottom: 65px;
}

.ssbf-wrap {
    width: 100%;
}

.ssbf-wrap .ssbf-wrap1 {
    width: 50%;
}

.cfbs-ul-li .ys-select {
    position: static;
    width: 100%;
}

.cfbs-ul-label {
    position: relative;
}

.cfbs-ul-label .iconfont {
    font-size: 14px;
    color: #999;
}

.cfbs-ul-label .ys-select-bd {
    background: #fff;
    padding: 15px 24px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    top: calc(100% + 10px);
}

.cfbs-ul-label .ys-select-li {
    line-height: 1.5;
    color: #999;
    font-size: 14px;
    padding: 3px 0;
}

.cfbs-ul-label .ys-select-bd {
    max-height: 160px;
}

.cfbs-ul-label .mCSB_outside+.mCSB_scrollTools {
    right: 5px;
}

.ssbf-wrap2 {
    width: 100% !important;
}

.cfbs-ul-label.ctlu-wrap img {
    pointer-events: none;
}

.cfbs-scene-li-text.cfbs-ul-label {
    flex-wrap: wrap;
    height: auto;
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
}

.cfbs-scene-li-text.cfbs-ul-label textarea {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mftr-logo {
    margin-bottom: 30px !important;
}

.mftr-code-img {
    width: 160px;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 10px;
}

.mftr-code {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.mftr-logo {
    margin-bottom: 55px !important;
}

.mftr-code {
    margin-bottom: 50px;
}

.mfbr-li:first-child {
    margin-left: 0 !important;
}

.mftr-hover {
    position: relative;
    cursor: pointer;
}

.mfbr-li-code {
    bottom: 52px;
    pointer-events: none;
}

.mftr-logo {
    margin-bottom: 152px !important;
}

.company-layout .ys-cont1400 {
    overflow: hidden;
}

.company-layout-remar-switch {
    width: 100%;
    position: relative;
    display: none;
}

.company-layout-remar-switch:first-child {
    display: block;
}

.gabu-le {
    padding-right: 50px;
}

.company-layout .company-layout-remar {
    position: relative;
    bottom: auto !important;
    left: 0 !important;
}

.gather-page .gibs-li-wrap-info p {
    height: inherit !important;
    -webkit-line-clamp: 999 !important;
}


/*首页修改*/
.home-solution-wrap {
    width: 100% !important;
}

.hswu-wrap-ri {
    display: none;
}

.home-solution {
    position: relative;
}

.home-solution-video-li {
    position: relative;
    display: none;
}

.home-solution-video-li:first-child{
    display: block;
}

.home-solution-video-li img{
    width: 100%;
}

.home-solution-positon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 10;
}

.hswu-li {
    display: none;
}

.hswu-li:first-child{
    display: block;
}

@media screen and (max-width: 920px) {
       .home-solution-positon{
           position: relative;
           top: auto;
           transform: none;
       } 
       .home-solution-video {
           display: none;
       }
       .hswu-wrap-ri {
    display: block;
}
}