@charset "utf-8";


.ybtw-more-link1 {
    border: 1px solid #003965;
    padding-top: 8px;
    padding-bottom: 8px;
	background: #0063b0;
	border-radius: 50px;
    padding: 10px 20px;
}
.ybtw-more-link1:hover {
	border-color: #00a0e9;
}
.ybtw-more-link1 P{
	color: #fff;
}

.home-soluti-more {
    width: 100%;
    display: flex;
    justify-content: center;
}

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

.home-soluti-img-pictu1 {
    width: 100%;
}

.home-soluti-img-pictu {
    width: 54%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    border-radius: 80px;
}






.home-reside {
    width: 100%;
    position: relative;
    padding-left: 45px !important;
    padding-right: 45px !important;
    max-width: 1920px;
    margin: 0 auto;
}

.hrul-cent-lable p {
    color: #FF7C00;
    line-height: 1.7;
    opacity: 0.7;
}

.hrul-cent-lable {
    margin-bottom: 13px;
}

.hrul-cent {
    text-align: center;
    width: 34%;
}


.hrul-cent-tit .std-h2 {
    color: #363636;
    line-height: 1.3;
    font-weight: 500;
}

.hrul-cent-tit {
    margin-bottom: 30px;
}

.hrul-cent-info p {
    color: #747474;
    line-height: 1.7;
}

.hrul-cent-info {
    margin-bottom: 43px;
}

.hrul-cent-img {
    width: 28%;
    border-radius: var(--radiu);
    margin-top: 220px;
}

.home-reside-ul-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 164px;
}

.hrul-cent-img1 {
    order: 1;
}

.hrul-cent {
    order: 2;
    margin-top: 160px;
}

.hrul-cent-img2 {
    order: 3;
}

.home-reside-ul-li:nth-child(odd) .hrul-cent-img2 {
    margin-top: 0 !important;
}

.home-reside-ul-li:nth-child(even) .hrul-cent-img1 {
    margin-top: 0 !important;
}

.home-reside-ul-li:last-child {
    margin-bottom: 0 !important;
}

.home-produc {
    width: 100%;
    position: relative;
    border-radius: 40px;
    background: #F8F8F8;
    max-width: 1920px;
    margin: 0 auto;
}

.home-produc-top {
    width: 850px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.hpbs-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    display: none;
}

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

.hpbs-ul {
    margin: 0 var(--jian1);
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.hpbs-li-link {
    width: 100%;
    display: block;
    position: relative;
}

.hpbs-li-link .ys-imgbox-cover {
    width: 100%;
    background: #fff;
    border-radius: var(--radiu);
}

.hpbs-li-link-tit p {
    color: #363636;
    line-height: 1.5;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hpbs-li-link-tit {
    position: absolute;
    bottom: 33px;
    width: 100%;
    padding: 0 20px;
    z-index: 10;
    text-align: center;
}

.home-produc-btm-slick {
    width: 100%;
    position: relative;
}

.hpbs-widget-btn {
    width: 56px;
    cursor: pointer;
}

.hpbs-widget-btn svg {
    width: 100%;
}

.hpbs-widget-btn svg rect,
.hpbs-widget-btn svg path {
    transition: all 0.36s;
}

.hpbs-btm .hpbs-widget-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.hpbs-btm .hpbs-widget-le {
    left: -76px;
}

.hpbs-btm .hpbs-widget-ri {
    right: -76px;
}

.hpbs-ul .slick-list {
    overflow: visible !important;
}

.home-produc-btm-more {
    display: flex;
    justify-content: center;
    margin-top: 68px;
}

.home-produc-btm-more .ybtw-more-link {
    min-width: 400px;
    text-align: center;
}

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

.home-news-info p {
    color: #363636;
    line-height: 1.75;
}

.home-news .hrul-cent-tit {
    margin-bottom: 10px;
}

.home-produc .hrul-cent-tit {
    margin-bottom: 0 !important;
}

.home-news .home-soluti-info p {
    color: #363636;
}

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

.home-news-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
    position: relative;
}

.hnbu-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    display: none;
}

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

.hnbu-link {
    width: 100%;
    display: block;
}

.hnbu-link .ys-imgbox-cover {
    border-radius: 10px;
}

.hnbu-link-btm {
    width: 100%;
    margin-top: 21px;
}

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

.hnbu-link-btm-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.hlbt-le p {
    color: #FF7C00;
    line-height: 1.5;
    border-radius: 3px;
    background: rgba(255, 189, 0, 0.10);
    backdrop-filter: blur(2.950000047683716px);
    padding: 0 8.5px;
}

.hlbt-le {
    margin-right: 10px;
}

.hnbu-link-btm-tit p {
    color: #363636;
    line-height: 1.75;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}


.home-news-btm-ul .slick-list {
    overflow: visible !important;
}

.home-lates {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    /* align-items: center; */
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 70px !important;
}

.home-lates-le {
    width: 46.5%;
    border-radius: 10px;
    overflow: hidden;
}

.home-lates-le img {
    width: 100%;
}

.home-lates-ri {
    width: 40.5%;
    padding-left: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 70px;
}

.hlrt-labtit p {
    color: #363636;
    line-height: 1.5;
    opacity: 0.8;
}

.hlrt-labtit {
    margin-bottom: 15px;
}

.hlrt-info .std-h2 {
    color: #363636;
    font-weight: 500;
    line-height: 1.3;
}

.home-lates-ri-top {
    margin-bottom: 20px;
}

.hlrb-sign-ri {
    flex: none;
    padding-left: 10px;
}

.hlrb-sign-ri-link {
    border-radius: 49px;
    background: #FFBD00;
    padding: 15px 30px;
    cursor: pointer;
}

.hlrb-sign {
    display: flex;
    margin-bottom: 10px;
}

.hlrb-sign-le {
    width: 100%;
    border-radius: 84px;
    border: 1px solid rgba(54, 54, 54, 0.20);
}

.hlrb-sign-le input {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    color: #363636;
    font-weight: bold;
    font-size: 18px;
}

.hlrb-agree {
    display: flex;
}

.hlrb-agree-le {
    width: 14px;
    height: 14px;
    flex: none;
    border: 1px solid rgba(54, 54, 54, 0.6);
    border-radius: 50%;
    margin-top: 6px;
    cursor: pointer;
    position: relative;
    transition: all 0.36s;
}

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

.hlrb-agree-le.on::after {
    opacity: 1;
}

.hlrb-agree-le.on {
    border-color: #FFBD00;
}

.hlrb-agree-ri p {
    color: rgba(54, 54, 54, 0.6);
    line-height: 1.8;
}

.hlrb-agree-ri {
    padding-left: 8px;
}

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

.mod-fot {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 18px 20px;
}

.mod-fot-ri {
    width: 29.5%;
    position: relative;
}

.mod-fot-ri-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.mod-fot-ri-img img {
    width: 100%;
}

.mod-fot-le {
    width: 70.5%;
    padding-right: 77px;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-left: 62px;
}

.mflt-le-li a {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #363636;
}

.mflt-le-li {
    margin-bottom: 12px;
}

.mod-fot-le-top {
    width: 100%;
    position: relative;
    display: flex;
}

.mflt-le {
    width: 20%;
    padding-right: 20px;
    flex: none;
}

.mflt-ri>ul>li>ul>li>a {
    font-size: 18px;
    line-height: 1.5;
    color: #363636;
    transition: all 0.36s;
}

.mflt-ri>ul>li>ul>li {
    margin-bottom: 3px;
}

.mflt-ri>ul>li>ul>li:first-child a {
    color: #999;
}

.mflt-ri>ul {
    display: flex;
    flex-wrap: wrap;
}

.mflt-ri>ul>li {
    width: 33.333333%;
    margin-bottom: 50px;
}

.mod-fot-ri-tit .std-tit64 {
    color: #fff;
}

.mod-fot-ri-popsi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 32px 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.ybtw-more-link2 {
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
}

.ybtw-more-link2 p {
    color: #fff;
}

.mflb-share-le {
    width: 162px;
}

.mflb-share-le a {
    display: block;
}

.mflb-share-le img {
    width: 100%;
}

.mflb-share {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F8F8F8;
}

.msrl-li p {
    color: #747474;
    line-height: 1.5;
    padding-right: 8px;
}

.msrl-li img {
    width: 12px;
}

.msrl-li a {
    display: flex;
    align-items: center;
}

.mflb-share-ri-link {
    display: flex;
    margin-right: 80px;
}

.msrl-li {
    margin-right: 30px;
}

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

.msri-li {
    width: 20px;
    margin-right: 24px;
}

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

.msri-li a {
    display: block;
}

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

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

.mflb-share-ri-icon {
    display: flex;
}

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

.mflb-copyri {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #DFDFDF;
    padding-top: 15px;
    margin-top: 15px;
}

.mflb-copyri-ri a {
    font-size: 14px;
    line-height: 1.5;
    color: #363636;
    position: relative;
    display: block;
    margin-left: 28px;
}

.mflb-copyri-ri a::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #363636;
    border-radius: 50%;
    left: -14px;
}

.mflb-copyri-ri {
    display: flex;
}

.mflb-copyri-ri a:first-child {
    margin-left: 0;
}

.mflb-copyri-ri a:first-child:before {
    display: none;
}

.ys-banner1 .ys-ban-txtbox-wrap {
    width: 100%;
}

.ybtw-tit .std-h1 {
    color: #fff;
}

.ys-banner1 .ybtw-tit {
    margin-bottom: 25px;
}

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

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

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

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

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

.mod-bread-ul {
    display: flex;
}
.sustain-power-top-subtit h2,
.sustain-power-top-subtit p {
    color: #363636;
    line-height: 1.6;
    padding-left: 14px;
    font-size: var(--font20);
    position: relative;
}

.sustain-power-top-subtit h2::after,
.sustain-power-top-subtit p::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #FFBD00;
    border-radius: 30px;
    left: 0;
}

.sustain-power-top-subtit {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 17px;
}

.sustain-power-top-tit .std-h2 {
    color: #363636;
    font-size: 500;
    line-height: 1.3;
}

.sustain-power-top-tit {
    text-align: center;
}

.sustain-power-top {
    width: 890px;
    margin: 0 auto;
    margin-bottom: 104px;
    max-width: 100%;
}

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

.sustain-power-btm-ul {
    width: 100%;
}

.spbu-li {
    width: 100%;
    margin-bottom: 80px;
    position: sticky;
}

.spbu-li-wrap {
    width: 100%;
    position: relative;
    border-radius: var(--radiu);
    background: #F8F8F8;
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    justify-content: space-between;
    transition: all 0.36s;
}

.spbu-li-wrap-ri {
    border-radius: 15px;
    width: 43%;
}

.spbu-li-wrap-le {
    width: 46%;
    padding-left: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 35px;
    padding-bottom: 35px;
}

.slwl-top-num p {
    color: #B3B3B3;
    line-height: 1.5;
}

.slwl-top-num p span {
    color: #363636;
}

.slwl-top-num {
    margin-bottom: 10px;
}

.slwl-top-tit .std-h3 {
    color: #FF7C00;
    line-height: 1.5;
}

.slwl-btm-li-tit p {
    color: #363636;
    line-height: 1.6;
}

.slwl-btm-li-tit {
    margin-bottom: 5px;
}

.slwl-btm-li-info p {
    color: #747474;
    line-height: 1.7;
}

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

.slwl-btm-li:last-child {
    margin-bottom: 0 !important;
    position: sticky;
}

.mod-sticky {
    overflow: visible !important;
}

.spbu-li:nth-child(1) {
    top: 130px;
}

.spbu-li:nth-child(2) {
    top: 220px;
}

.spbu-li:nth-child(3) {
    top: 220px;
}

.sustain-power {
    width: 100%;
    position: relative;
    overflow: visible !important;
    padding-bottom: 90px;
}

.spbu-li:last-child {
    padding-bottom: 60px;
    margin-bottom: 0 !important;
}

.spbu-li.act .spbu-li-wrap {
    background: #e0e0e0;
}

.sustain-leader {
    width: 100%;
    position: relative;
    z-index: 1;
}

.sustain-leader::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    z-index: -1;
    background: linear-gradient(180deg, #FFF 0.82%, rgba(254, 255, 253, 0) 60.24%);
}

.sustain-leader-btm {
    width: 100%;
    position: relative;
}

.slbs-li {
    width: 33.333333%;
    padding: 0 25px;
}

.slbs-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.slbs-wrap {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(0, 27, 61, 0.30);
    backdrop-filter: blur(20px);
    padding: 40px 32px;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slbs-wrap-icon {
    width: 40px;
    margin-bottom: 10px;
}

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

.slbs-wrap-icon-tit .std-h3 {
    color: #fff;
    line-height: 1.5;
}

.slbs-wrap-icon-info p {
    color: #fff;
    line-height: 1.8;
    font-size: 14px;
}

.slbs-wrap-icon-info {
    margin-top: 40px;
}

.sustain-leader-btm-slick {
    width: 100%;
    margin-bottom: 168px;
}

.slbt-li p {
    color: #747474;
    line-height: 1.7;
    padding: 4.5px 20px;
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(15px);
    cursor: pointer;
    transition: all 0.36s;
}

.sustain-leader-btm-tab {
    display: flex;
    justify-content: center;
}

.slbt-li {
    margin: 0 10px;
}

.slbt-li.act p {
    color: #363636;
    background: #FFBD00;
}

.slbs-switch {
    width: 100%;
    position: relative;
    display: none;
}

.slbs-switch:first-child {
    display: block;
}

.sustain-report {
    width: 100%;
    position: relative;
}

.sustain-report-btm {
    width: 100%;
    position: relative;
}

.sustain-report-btm-link {
    border-radius: var(--radiu);
    width: 100%;
    display: flex;
    overflow: hidden;
}

.srbl-le {
    width: 50%;
}

.srbl-ri {
    width: 50%;
    padding: 20px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.srbl-ri-tit .std-h3 {
    color: #333;
    line-height: 1.5;
}

.srbl-ri-tit {
    margin-bottom: 25px;
}

.srbl-ri-info p {
    color: #747474;
    line-height: 1.7;
}

.srbl-ri-more {
    display: flex;
}

.srbl-ri-info {
    margin-bottom: 60px;
}

.sustain-global {
    width: 100%;
    position: relative;
}

.sustain-global-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.sgbl-li p,
.sgbl-num p {
    font-size: 260px;
    color: #363636;
    font-weight: 600;
    font-family: 'RobotoRegular';
}

.sgbl-img {
    width: 230px;
}

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

.sustain-global-btm-le {
    width: 55%;
    display: flex;
    align-items: center;
}

.sgbl-li {
    display: none;
}

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

.sustain-global-btm-ri {
    width: 45%;
}

.sgbr-li-tit .std-h3 {
    color: #363636;
    line-height: 1.5;
}

.sgbr-li-tit {
    margin-bottom: 50px;
}

.sgbr-li-info p {
    color: #747474;
    line-height: 1.7;
    min-height: 5.1em;
}

.sgbr-btm-ri,
.sgbr-btm-ri-btn p {
    color: #B3B3B3;
    font-family: 'RobotoRegular';
    line-height: 1.7;
    transition: all 0.36s;
}

.sgbr-btm-le-num {
    color: #363636;
}

.sgbr-btm-ri-btn,
.sgbr-btm-ri {
    display: flex;
}

.sgbr-btm {
    display: flex;
    align-items: center;
}

.sgbr-btm-le {
    width: 96px;
}

.sgbr-btm {
    margin-top: 48px;
}

.sgbr-btm-ri-btn {
    margin: 0 9px;
    cursor: pointer;
    transition: all 0.36s;
}

.sgbr-btm-le p {
    color: rgba(179, 179, 179, 1);
}

.sgbr-li {
    width: 100%;
    display: none;
}

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

.sgbl-ul {
    width: 350px;
    max-width: 100%;
    /* height: 328px; */
}

.sgbl-ul .slick-track {
    display: block;
}

.sustain-contac {
    width: 100%;
    position: relative;
}

.sustain-contac-img {
    width: 100%;
}

.sustain-contac-img img {
    width: 100%;
}

.sustain-contac .ys-cont1600 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

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

.sustain-contac-wrap .sustain-power-top-subtit p {
    color: #fff;
}

.sustain-contac-wrap .sustain-power-top-tit .std-h2 {
    color: #fff;
}

.sustain-contac-info .std-h3 {
    color: #fff;
    line-height: 1.5;
}

.sustain-contac-wrap .sustain-power-top-subtit {
    text-align: left;
    display: flex;
    justify-content: flex-start;
}

.sustain-contac-wrap .sustain-power-top {
    max-width: 100%;
    margin: 0;
}

.sustain-contac-more {
    display: flex;
}

.sustain-contac-info {
    margin-bottom: 58px;
}

.head-lang-top-jian path {
    transition: all 0.36s;
}

.ys-page-wrap.act .mhtu-li a,
.ys-hd-pc.ishover .mhtu-li a,
.ys-hd-pc.isfixed .mhtu-li a {
    color: #747474;
}

.ys-page-wrap.act .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item-title,
.ys-hd-pc.isfixed .head-nav-item-title {
    color: #363636;
}

.ys-page-wrap.act .head-lang-top-circle svg path,
.ys-hd-pc.ishover .head-lang-top-circle svg path,
.ys-hd-pc.isfixed .head-lang-top-circle svg path {
    fill: #363636;
}

.ys-page-wrap.act .head-lang-top-jian path,
.ys-hd-pc.ishover .head-lang-top-jian path,
.ys-hd-pc.isfixed .head-lang-top-jian path {
    fill: #363636;
}

.ys-page-wrap.act .mod-head-top,
.ys-hd-pc.ishover .mod-head-top,
.ys-hd-pc.isfixed .mod-head-top {
    border-color: rgba(181, 181, 181, 0.2);
}

.ys-page-wrap.act .head-conta-link,
.ys-hd-pc.ishover .head-conta-link,
.ys-hd-pc.isfixed .head-conta-link {
    border: 1px solid #FFBD00;
    background: #FFBD00;
    color: #363636;
}

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

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

.head-lang-top.act .head-lang-top-circle path,
.head-lang-top.act .head-lang-top-jian svg path {
    fill: #F08300 !important;
}


.mflt-ri>ul>li {
    padding-right: 15px;
}

.mflb-copyri-le p {
    color: #363636;
    line-height: 1.5;
    font-size: 14px;
}

.ys-ban-li-positi {
    width: 100%;
    position: relative;
}

.home-lates-le {
    height: 100%;
}

.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: #00a0e9;
}


.home-symbi {
    width: 100%;
    position: relative;
    /* min-height: 80vh; */
    overflow: visible !important;
}

.home-symbi-cont {
    width: 100%;
    height: 100%;
    position: sticky;
    top: 0;
    left: 0;
    overflow: hidden;
}

.home-provid-particl .home-symbi-top {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    transition: all 0.36s;
}

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

.home-symbi-tit {
    margin-bottom: 20px;
}

.home-symbi-tit .std-h2 {
    color: #333333;
    font-weight: 290;
}

.home-symbi-info {
    color: #666;
}

.home-provid-btm-particl {
    width: 580px;
    height: 580px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-provid-btm-particl img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.home-symbi-fiex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 50%;
    overflow: hidden;
}

.home-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-provid-wrap {
    /* width: 100%; */
    position: relative;
}

.home-provid .home-provid-wrap {
    position: relative;
    z-index: 10;
}

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

.hpbu-li-num .std-h2 {
    color: #363636;
    font-family: 'RobotoRegular';
    font-weight: bold;
}

.hpbu-li-info p {
    color: #363636;
}

.hpbu-li-num {
    margin-bottom: 10px;
}

.home-provid-btm-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hpbu-li {
    width: 38%;
    text-align: center;
    padding: 85px 50px;
}

.home-provid .home-produc-top {
    margin-bottom: 90px;
}

.home-provid {
    overflow: visible !important;
}

.home-indust {
    width: 100%;
    position: relative;
    /* height: 300vh; */
    /* max-width: 1920px; */
    /* margin: 0 auto; */
}

.home-indust {
    width: 100%;
    overflow: visible !important;
}

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

.home-indust-le-tit .std-h2 {
    color: #363636;
    line-height: 1.3;
    font-weight: 500;
}

.home-indust-le-tit {
    margin-bottom: 34px;
}

.home-indust-le-info p {
    color: #363636;
    line-height: 1.75;
}

.home-indust-le-info {
    margin-bottom: 55px;
    width: 77%;
}

.home-indust-le-more {
    display: flex;
}

.home-indust-le {
    width: 52%;
}


.home-indust-ri {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: -160px;
    right: 0;
    transform: translateX(16.5%);
}

.home-indust {
    position: relative;
    height: 350vh;
}

.home-indust .ys-cont1600 {
    height: 100%;
}

.home-indust-ri-wrap {
    width: 100vw;
    overflow: hidden;
    height: calc(100vh - 120px);
    position: relative;
    position: sticky;
    top: 120px;
    left: 0;
}

.home-indust-ri-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
    z-index: 1;
}

.hiru-li {
    width: 42%;
    padding: 0 19px;
    flex: none;
}

.hiru-wrap {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 38px;
}

.hiru-wrap:last-child {
    margin-bottom: 0;
}


.home-indust-ri-ul {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    clip-path: inset(32% 35% round 10px);
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
}


.hirw-copywri {
    width: 1200px;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
}

.hirw-copywri-tit .std-h1 {
    color: #fff;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
}

.hirw-copywri-tit {
    margin-bottom: 55px;
}

.hirw-copywri-more {
    display: flex;
    justify-content: center;
}

.hiru-li2 {
    transform: translateY(-38%);
    position: relative;
    z-index: 10;
}

/* .hiru-li3,
.hiru-li1 {
    transform: translateY(-100%);
} */

.hiru-li1 {
    transform: translate(12%, -100%);
}

.hiru-li3 {
    transform: translate(-12%, -100%);
}

.home-indust-ri-wrap.on .hirw-copywri {
    opacity: 1;
    pointer-events: all;
}

.home-indust-ri-wrap.on::after {
    opacity: 1;
}

.home-news {
    margin-top: -90px;
}

.ys-ban-li.slick-active .ybtw-tit,
.ys-ban-li.slick-active .ybtw-info,
.ys-ban-li.slick-active .ybtw-more {
    animation: ysfadeInUp 1s ease-in-out both;
}

/* .ybtw-info  */


.ys-ban-imgbox::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.solutio-introdu {
    width: 100%;
    position: relative;
}

.solutio-introdu-le .sustain-power-top-subtit {
    justify-content: flex-start;
}

.solutio-introdu-ri p {
    color: #363636;
}

.solutio-introdu-ri p span {
    color: #F08300;
}

.solutio-introdu-le {
    width: 29%;
    padding-right: 20px;
}

.solutio-introdu-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.solutio-introdu-ri {
    width: 71%;
}

.solutio-keep {
    width: 100%;
    position: relative;
    /* height: 400vh; */
    overflow: visible !important;
}

.solutio-keep-ul {
    width: 100%;
}

.solutio-keep-ul-li {
    width: 100%;
    height: 100vh;
}

.solutio-keep-top {
    width: 100%;
    position: relative;
    height: 100%;
}

.solutio-keep-top-li {
    width: 100%;
    position: relative;
    display: none;
}

.solutio-keep-top .slick-track,
.solutio-keep-top .slick-list {
    height: 100%;
}

.solutio-keep-top-li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.solutio-keep-top-li::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 22%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.solutio-keep-top-li:first-child {
    display: block;
}

.solutio-keep-top-li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutio-keep-sticky {
    position: sticky;
    top: 120px;
    left: 0;
    height: calc(100vh - 120px);
}

.solutio-keep-btm {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: 10;
    max-width: 1920px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skbt-tit .sustain-power-top-subtit p {
    color: #fff;
    font-weight: 400;
}

.skbt-info p {
    color: #fff;
}

.solutio-keep-btm-tit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 200px);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.solutio-keep-btm-tit .sustain-power-top-subtit {
    justify-content: flex-start;
}

.solutio-keep-btm-tit {
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.solutio-keep-btm-center {
    width: 560px;
    margin: 0 auto;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(30px);
    padding: 40px 37px;
    position: relative;
    z-index: 10;
}

.skbc-top {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.skbc-top-le p {
    color: #363636;
}

.skbc-top-ri p {
    color: #b3b3b3;
}

.skbc-top-le {
    padding-right: 7px;
}

.skbc-top p {
    font-family: 'RobotoRegular';
}

.skbc-tit-li {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: none;
}

.skbc-tit-li:first-child {
    display: block;
}

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

.stlu-li {
    display: none;
}

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

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

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

.skbc-img-li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.skbc-img-li:first-child {
    position: relative;
}


.sblm-link p {
    color: #F08300;
    line-height: 1.7;
    padding-right: 15px;
}

.sblm-link img {
    width: 12px;
}

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

.skbc-btm-li-more {
    display: flex;
    justify-content: center;
}

.skbc-btm-li-tit p {
    color: #363636;
    line-height: 1.7;
    max-height: 5.1em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.skbc-btm {
    width: 100%;
    margin-top: 20px;
}

.skbc-btm-li {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: none;
}

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

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

.solutio-keep-positi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.skbc-tit .slick-track,
.skbc-top-le-ul .slick-track {
    display: block;
}

.skbc-top-le-ul {
    width: 28px;
}

.skbc-top-ri span {
    padding-right: 10px;
}

.skbc-btm-li.slick-current,
.skbc-tit-li.slick-current {
    animation: ysfadeInUp 1s ease-in-out both;
}


.skbc-img-li {
    opacity: 1 !important;
}

.skbc-img-li-wrap {
    width: 100%;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.solutio-keep-btm-center.down .skbc-img-li.mcslick-prev {
    z-index: 9999 !important;
}

.solutio-keep-btm-center.up .skbc-img-li.mcslick-prev {
    z-index: 9999 !important;
}

.solutio-keep-btm-center.up .skbc-img-li.mcslick-next {
    z-index: 999 !important;
}

.solutio-keep-btm-center.up .skbc-img-li.slick-current {
    z-index: 1000 !important;
}

.solutio-keep-btm-center.down .skbc-img-li.mcslick-prev .skbc-img-li-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.solutio-keep-btm-center.up .skbc-img-li.mcslick-prev .skbc-img-li-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.solutio-keep-btm-center.up .skbc-img-li.slick-active .skbc-img-li-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.solutio-keep-btm-center.up .skbc-img-li.mcslick-next .skbc-img-li-wrap {
    transition: inherit;
}

.solutio-keep-btm-center.up .skbc-img-li.mcslick-prev .skbc-img-li-wrap {
    transition: inherit;
}

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

.solutio-compati-desz {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.solutio-compati-desz img {
    width: 100%;
}

.solutio-compati .ys-cont1600 {
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.solutio-compati-venter {
    width: 706px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    padding-bottom: 50px;
    position: relative;
    z-index: 10;
}

.solutio-compati-venter-tit .std-h2 {
    color: #363636;
    font-weight: 500;
}

.solutio-compati-venter-info p {
    color: #747474;
    line-height: 1.7;
}

.solutio-compati-venter-tit {
    margin-bottom: 29px;
}

.solutio-compati-venter-info {
    width: 86%;
    margin: 0 auto;
}

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

.solutio-compati-logo-li .ys-imgbox-cover {
    border-radius: 50%;
    border-radius: 100px;
    background: #FFF;
    box-shadow: 0px 8px 5px 0px rgba(0, 97, 245, 0.03), 0px 4px 4px 0px rgba(0, 97, 245, 0.05);
}

.solutio-compati-desz {
    opacity: 0.65;
}

.scll-posi1 {
    left: 7.5%;
    top: 24%;
    width: 6.8%;
}

.scll-posi2 {
    left: 32.8%;
    top: 13.4%;
    width: 6.4%;
}

.scll-posi3 {
    left: 46.4%;
    top: 22.4%;
    width: 8.3%;
}

.scll-posi4 {
    left: 68%;
    top: 14.4%;
    width: 7.5%;
}

.scll-posi5 {
    left: 23.5%;
    top: 32.4%;
    width: 9.1%;
}

.scll-posi6 {
    left: 76%;
    top: 37.6%;
    width: 6.4%;
}

.scll-posi7 {
    left: 89.4%;
    top: 32.5%;
    width: 6%;
}

.scll-posi8 {
    left: 10.1%;
    top: 52.6%;
    width: 7.5%;
}

.scll-posi9 {
    left: 24%;
    top: 61.8%;
    width: 6.4%;
}

.scll-posi10 {
    left: 77.3%;
    top: 58.5%;
    width: 8.8%;
}

.scll-posi11 {
    left: 95.4%;
    top: 53.6%;
    width: 7.5%;
}

.scll-posi12 {
    left: -0.2%;
    top: 71.4%;
    width: 5.3%;
}

.scll-posi13 {
    left: 42%;
    top: 70.4%;
    width: 8.25%;
}

.scll-posi14 {
    left: 65%;
    top: 71.4%;
    width: 6.4%;
}

.scll-posi15 {
    left: 20.8%;
    top: 82.6%;
    width: 7.5%;
}

.scll-posi16 {
    left: 54.2%;
    top: 86.2%;
    width: 7.5%;
}

.scll-posi17 {
    left: 83.6%;
    top: 81.4%;
    width: 6.4%;
}

.solutio-success {
    width: 100%;
    position: relative;
}

.solutio-success-top {
    width: 74%;
    position: relative;
}

.solutio-success-top .sustain-power-top-subtit {
    justify-content: flex-start;
}

.solutio-success-top .sustain-power-top-tit {
    text-align: left;
}

.sustain-power-top-tit .std-h3 {
    color: #363636;
    line-height: 1.5;
}

.sustain-power-top-tit .std-h3 span {
    color: #FF7C00;
}

.solutio-success-btm {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.solutio-success-btm-le {
    width: 42.5%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.solutio-success-btm-le img {
    width: 100%;
}

.ssbl-li img {
    width: 100%;
    /* transition: all 0.36s; */
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.ssbl-li.on img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.solutio-success-btm-ri {
    width: 51%;
    position: relative;
}

.sssbr-li {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* .sssbr-link::after {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F8F8F8;
    transition: all 0.36s;
    z-index: -1;
} */

.sssbr-link {
    display: flex;
    border-bottom: 1px solid #E1E1E1;
    align-items: center;
    width: 100%;
    padding: 33.5px 20px;
    transition: all 0.36s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


.sssbr-link:after {
    background-color: #F8F8F8;
    content: "";
    z-index: -1;
    height: 100%;
    inset: 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .4s cubic-bezier(.24, .43, .15, .97);
    width: 100%;
}



.sssbr-li.top .sssbr-link:after {
    transform-origin: bottom;
}

.sssbr-li.bottom .sssbr-link:after {
    transform-origin: top;
}

.sssbr-link-le p {
    color: #747474;
    line-height: 1.6;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.sssbr-link-le {
    padding-right: 15px;
    width: 100%;
}

.sssbr-link-arr {
    width: 16px;
    flex: none;
}

.sssbr-link-arr svg {
    width: 100%;
}

.sssbr-link-arr svg path {
    transition: all 0.36s;
}

.sssbr-link-le .std-h5 span {
    font-family: 'RobotoRegular';
    padding-right: 20px;
}

.scll-posi1 .ys-imgbox-cover,
.scll-posi2 .ys-imgbox-cover,
.scll-posi3 .ys-imgbox-cover,
.scll-posi5 .ys-imgbox-cover,
.scll-posi8 .ys-imgbox-cover,
.scll-posi9 .ys-imgbox-cover,
.scll-posi12 .ys-imgbox-cover,
.scll-posi13 .ys-imgbox-cover,
.scll-posi15 .ys-imgbox-cover {
    animation: fadeInLeft 1s ease-in-out both;
    animation-delay: .3s
}

.scll-posi4 .ys-imgbox-cover,
.scll-posi6 .ys-imgbox-cover,
.scll-posi7 .ys-imgbox-cover,
.scll-posi10 .ys-imgbox-cover,
.scll-posi11 .ys-imgbox-cover,
.scll-posi14 .ys-imgbox-cover,
.scll-posi16 .ys-imgbox-cover,
.scll-posi17 .ys-imgbox-cover {
    animation: fadeInRight 1s ease-in-out both;
    animation-delay: .3s
}

.ys-banner1 .ys-ban-txtbox-wrap {
    width: 70%;
}

.ahwu-li .ys-cont1600 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.ahwu-li {
    width: 100vw;
    position: relative;
    height: 100%;
    flex: none;
}

.ahwu-le {
    width: 29%;
    text-align: center;
}

.ahwu-le-num p {
    color: #b3b3b3;
    font-family: 'RobotoRegular';
}

.ahwu-le-num p span {
    color: #FF7C00;
}

.ahwu-le-tit .std-h2 {
    color: #363636;
    line-height: 1.3;
    font-weight: 500;
}

.ahwu-le-info .std-word1 {
    color: #747474;
}

.ahwu-le-num {
    margin-bottom: 15px;
}

.ahwu-le-tit {
    margin-bottom: 27px;
}

.ahwu-ri {
    width: 52.5%;
    position: relative;
    padding-bottom: 80px;
    padding-top: 80px;
}

.ahwu-ri-img1 {
    border-radius: 10px;
}

.ahwu-ri-img2 {
    width: 33.5%;
    position: absolute;
    bottom: 0;
    right: 45px;
    border-radius: 10px;
}

.ahwu-li-line {
    position: absolute;
    top: 15%;
    left: 13%;
    width: 100%;
    pointer-events: none;
}

.ahwu-li-line-img {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.achieve-horizon-ul-li {
    width: 100%;
    height: calc(100vh - 119px);
}

.achieve-horizon {
    overflow: visible !important;
    width: 100%;
    position: relative;
}

.achieve-horizon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.achieve-horizon-wrap-slide {
    width: 100vw;
    height: calc(100vh - 119px);
    position: sticky;
    top: 119px;
    overflow: hidden;
}

.achieve-horizon-wrap-ul {
    height: 100%;
    display: flex;
}

.achieve-residen {
    width: 100%;
    position: relative;
}

.achieve-residen .solutio-success-top {
    width: 850px;
    max-width: 100%;
}

.achieve-residen-btm {
    width: 79%;
    margin: 0 auto;
    position: relative;
}

.achieve-residen-btm-img {
    width: 100%;
    position: relative;
}

.achieve-residen-btm-img img {
    width: 100%;
}

.arbd-li {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.arbd-dots {
    width: 26px;
    position: relative;
    transition: all 0.36s;
}

.arbd-dots img {
    width: 100%;
    position: relative;
    z-index: 10;
}


.ssbl-li img {
    transition: all 0s !important;
}

.arbd-dots::before {
    content: '';
    background: rgba(255, 189, 0, .25);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: kuosan 1.6s linear 0s infinite;
}

.arbd-dots::before {
    animation: kuosan 2.2s linear 0.1s infinite;
}

.arbd-dots::after {
    content: '';
    background: rgba(255, 189, 0, .25);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: kuosan 1.6s linear .8s infinite;
}

.arbd-dots::after {
    animation: kuosan 2.2s linear 1.2s infinite;
}

@keyframes kuosan {
    0% {
        width: 24px;
        height: 24px;
        opacity: 1;

    }

    50% {

        width: 40px;
        height: 40px;
        opacity: 1;
    }

    100% {
        width: 60px;
        height: 60px;
        opacity: 0;
    }
}

.arbd-hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    z-index: 10;
}

.arbd-hover {
    pointer-events: none;
}

.arbd-hover-wrap {
    position: relative;
    top: 0;
    transform: translateY(0);
    left: 0;
}

.arbd-hover-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, #FF7C00 0%, #FFBD00 100%);
    border-radius: 22px;
}

.arbd-li .arbd-hover-wrap div {
    opacity: 0;
}

.arbd-li .arbd-hover-wrap div {
    opacity: 0;
}

.arbd-hover-wrap-icon div {
    display: inline-block;
    float: none;
}

.ahwi-le {
    position: relative;
    top: 0px;
    z-index: 10;
    line-height: 46px;
    width: 20px;
}

.ahwi-text {
    font-size: 18px;
    color: #fff;
    line-height: 44px;
    margin-right: 26px;
}

.ahwi-text {
    line-height: 46px;
}

.ahwi-icon {
    width: 36px;
}

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

.arbd-hover-wrap {
    white-space: nowrap;
    pointer-events: none;
}

@keyframes kuo {

    0% {

        width: 0;

        height: 0;

    }

    100% {

        width: 40px;

        height: 40px;

    }

}

.arbd-hover-wrap-icon {
    padding-right: 5px;
    display: flex;
    align-items: center;
}

.arbd-li.on .ahwi-le {
    order: 3;
}

.arbd-li.on .ahwi-text {
    order: 2;
}

.arbd-li.on .ahwi-icon {
    order: 1;
}

.arbd-li.on .ahwi-text {
    margin-right: 0px;
    margin-left: 26px;
}

.arbd-li.on .arbd-hover-wrap-icon {
    padding-left: 5px;
    padding-right: 0px;
}

.arbd-li.on .ahwi-icon img {
    transform: rotate(180deg);
}

.arbd-li.on .arbd-hover {
    left: auto;
    right: 0;
}

.arbd-li.on .arbd-hover-wrap::before {
    left: auto;
    right: 0;
}

.achieve-smart {
    width: 100%;
    position: relative;
    background: rgba(255, 189, 0, 0.16);
}

.achieve-smart::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 38.53%, rgba(255, 255, 255, 0) 100%);
}

.achieve-smart-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}

.achieve-smart-wrap-le {
    width: 37%;
    transform: translateX(-100px);
}

.achieve-smart-wrap-le img {
    width: 100%;
}

.achieve-smart-wrap-ri {
    width: 58.5%;
}

.aswr-tit .std-h2 {
    color: #363636;
    line-height: 1.3;
}

.achieve-smart-wrap-ri .sustain-power-top-subtit {
    justify-content: flex-start;
}

.aswr-intit .std-h3 {
    color: #FF7C00;
    line-height: 1.5;
}

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

.aswr-intit {
    margin-bottom: 18px;
}

.aswr-info p {
    color: #747474;
    line-height: 1.6;
}

.aswr-more {
    display: flex;
}

.aswr-info {
    margin-bottom: 60px;
}

.achieve-find {
    width: 100%;
    position: relative;
}

.achieve-find-tit .std-h2 {
    color: #363636;
    text-align: center;
}

.ssbl-li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ssbl-li:first-child {
    position: relative;
}

.mc_nav_line {
    display: block;
    position: absolute;
    width: 100%;
    background: #F8F8F8;
    transition: all .4s;
    pointer-events: none;
    z-index: -1;
}


.sssbr-link-sp {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
}

.sssbr-link-sp1 {
    top: 0;
}

.sssbr-link-sp2 {
    bottom: 0;
}


.solar-solution {
    width: 100%;
    position: relative;
    min-height: calc(100vh - 119px);
    overflow: visible !important;
}


.solar-solution-sticky {
    position: sticky;
    top: 119px;
    left: 0;
    width: 100%;
    height: calc(100vh - 119px);
    overflow: hidden;
}

.solar-solution-video {
    width: 100%;
    position: relative;
    height: 120%;
    top: -20%;
}

.solar-solution-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.solar-solution-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solar-solution-center .sustain-power-top-subtit {
    margin-bottom: 0 !important;
}

.solar-solution-center .sustain-power-top-subtit p {
    color: #fff;
}

.solar-solution-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 360px;
    max-width: 100%;
    text-align: center;
}

.solar-solution-center-tit .std-h1 {
    color: #fff;
    line-height: 1.2;
    font-weight: 500;
}

.solar-solution-center .sustain-power-top-subtit p::after {
    background: #FFBD00;
}

.solar-solution-center-tit {
    margin-bottom: 58px;
}

.solar-solution-ul {
    width: 100%;
    padding-top: 70vh;
    padding-bottom: 30vh;
}

.solar-solution-ul-li {
    width: 100%;
    margin-bottom: 20px;
}

.aaul-wrap {
    width: 34%;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    padding: 32px;
}

.solar-solution-post {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.solar-solution .ys-cont1680 {
    position: relative;
    z-index: 10;
}

.aaul-wrap .ys-imgbox-cover {
    border-radius: 10px;
}

.aaul-wrap-tit p {
    color: #fff;
    line-height: 1.5;
}

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

.aaul-wrap-tit {
    margin-bottom: 2px;
}

.aaul-wrap .ys-imgbox-cover {
    margin-bottom: 25px;
}

.aaul-wrap-info-ul p {
    color: #fff;
    line-height: 1.7;
    padding-left: 14px;
    position: relative;
    margin-bottom: 6px;
}

.aaul-wrap-info-ul p::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 41px;
    background: #FFBD00;
}

.aaul-wrap-info {
    margin-bottom: 25px;
}

.aaul-wrap-info-num p {
    color: #fff;
    font-family: 'RobotoRegular';
}

.aaul-wrap-info-num p span {
    opacity: 0.6;
}

.aaul-wrap-info-num {
    text-align: right;
}

.solar-solution-ul-li:nth-child(odd) {
    display: flex;
    justify-content: flex-end;
}

.solar-solution-ul-li:nth-child(odd) .aaul-wrap {
    transform: translateX(60px);
}

.solar-solution-ul-li:nth-child(even) .aaul-wrap {
    transform: translateX(-60px);
}

.grid-advanta {
    width: 100%;
    position: relative;
}

.grid-advanta-btm {
    width: 100%;
    position: relative;
}

.grid-advanta-btm-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 150px;
}

.grid-advanta-btm-li:last-child {
    margin-bottom: 0 !important;
}

.grid-advanta-btm-li:nth-child(2n) {
    flex-direction: row-reverse;
}

.gabl-le {
    width: 52%;
    border-radius: 10px;
    overflow: hidden;
}

.gabl-le img {
    width: 100%;
    border-radius: 10px;
}

.gabl-ri-tit p {
    color: #363636;
    line-height: 1.6;
}

.gabl-ri-tit {
    margin-bottom: 40px;
}

.gabl-ri-ul-li {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
}

.grul-icon {
    width: 28px;
    flex: none;
}

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

.grul-ri {
    width: 100%;
    padding-left: 20px;
}

.grul-ri-tit p {
    color: #363636;
    line-height: 1.6;
}

.grul-ri-tit {
    margin-bottom: 5px;
}

.grul-ri-info p {
    color: #747474;
    line-height: 1.7;
}

.gabl-ri {
    width: 40%;
}

.grid-power-tit .std-h2 {
    color: #fff;
    text-align: center;
}

.grid-power .ys-cont1280 {
    position: relative;
    z-index: 10;
}

.grid-power-ul-li {
    width: 33.333333%;
    padding: 0 50px;
    margin-bottom: 60px;
}

.grid-power-ul {
    margin: 0 -50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.grid-power {
    display: flex;
    align-items: center;
}

.gpul-wrap {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    padding: 47px 35px 25px;
    height: 100%;
}

.gpul-wrap-iocn {
    width: 70px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.gpul-wrap-tit p {
    color: #FFF;
    line-height: 1.6;
    text-align: center;
}

.perform-overvi {
    width: 100%;
    position: relative;
}

.solutio-introdu-ri-info p {
    color: #747474;
    line-height: 1.7;
}

.solutio-introdu-ri-info {
    margin-top: 26px;
}

.perform-overvi .solutio-introdu-ri {
    width: 56%;
}

.perform-overvi-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.perform-overvi-img img {
    width: 100%;
    border-radius: 10px;
}

.perform-overvi .solutio-introdu-wrap {
    margin-bottom: 80px;
}

.perform-advan-img {
    width: 100%;
    height: 100%;
}

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

.perform-advan-posit {
    position: absolute;
    top: 47px;
    right: 67px;
    z-index: 10;
    width: 628px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(30px);
    padding: 43px;
}

.papt-le .sustain-power-top-subtit {
    margin-bottom: 0 !important;
    justify-content: flex-start;
}

.papt-le .sustain-power-top-subtit p {
    color: #747474;
}

.papt-ri p {
    color: #b3b3b3;
    font-family: 'RobotoRegular';
}

.papt-ri p span {
    color: #363636;
}

.perform-advan-posit-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.perform-advan-posit-tit .std-h3 {
    color: #363636;
    line-height: 1.5;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.perform-advan-posit-tit {
    margin-bottom: 11px;
}

.perform-advan-posit-info p {
    color: #747474;
    line-height: 1.7;
    max-height: 3.4em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.perform-advan-posit-info {
    margin-bottom: 32px;
}

.perform-inverte {
    width: 100%;
    position: relative;
    background: #F8F8F8;
}

.perform-inverte .ys-cont1600 {
    position: relative;
}

.perform-inverte .solutio-success-top {
    width: 554px;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.perform-inverte-btm {
    width: 100%;
    position: relative;
}

.perform-inverte-btm-ul {
    width: 100%;
}

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

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

.perform-inverte-btm-switch {
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 10;
    display: flex;
}

.pibs-li {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.80);
    margin-right: 10px;
    padding: 6px 14px;
    cursor: pointer;
}

.pibs-li p {
    color: #B3B3B3;
    line-height: 1.7;
}

.pibs-li.act p {
    color: #363636;
}

.reside-page .ys-ban-txtbox-wrap {
    text-align: center;
    margin: 0 auto;
}

.reside-page .ybtw-info {
    width: 80%;
    margin: 0 auto;
}

.reside-page .ys-pos-center {
    top: 34%;
}


.reside-energy {
    width: 100%;
    background: #F8F8F8;
    max-width: 1920px;
    margin: 0 auto;
}

.reul-le {
    width: 50%;
}

.reside-energy-ul-li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reside-energy-ul-li:nth-child(2n) {
    flex-direction: row-reverse;
}

.reside-energy-ul-li:nth-child(2n) .reul-ri {
    padding-left: 7.5vw;
    padding-right: 0 !important;
}

.reul-ri {
    width: 42%;
    padding-right: 7.5vw;
}

.reul-ri-tit .std-h3 {
    color: #363636;
    line-height: 1.5;
}

.reul-ri-tit {
    margin-bottom: 20px;
}

.reul-ri-info p {
    color: #747474;
    line-height: 1.7;
}

.rrul-tit p {
    color: #363636;
    line-height: 1.6;
}

.rrul-info p {
    color: #747474;
}

.rrul-tit {
    margin-bottom: 5px;
}

.reul-ri-ul {
    margin-top: 40px;
}

.reul-ri-ul-li {
    position: relative;
    padding-left: 30px;
    width: 100%;
    margin-bottom: 30px;
}

.reul-ri-ul-li::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 41px;
    background: #FFBD00;
}

.reul-ri-ul-li:last-child {
    margin-bottom: 0 !important;
}

.rrul-ul p {
    color: #747474;
    line-height: 1.7;
    position: relative;
    padding-left: 22px;
}

.rrul-ul p::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 41px;
    background: #747474;
}

.rrul-ul {
    margin-top: 20px;
}

.reside-product {
    width: 100%;
    position: relative;
}

.reside-product-tit .std-h2 {
    text-align: center;
}

.reside-page .ys-ban-imgbox::before {
    background: linear-gradient(0deg, rgba(0, 70, 107, 0.20) 0%, rgba(0, 69, 104, 0) 100%);
}

.reside-product-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}


.reside-product-btm-le {
    width: 39%;
    position: relative;
}

.reside-product-btm-ri {
    width: 61%;
}

.rpbl-ul {
    width: 68.5%;
    margin: 0 auto;
}

.rpbl-ul-li {
    display: none;
}

.rpbl-ul-li:first-child {
    display: block;
}

.rpbl-ul .slick-dots li {
    width: 18px;
    height: 3px;
    border-radius: 5px;
    background: #D8D9E0;
}

.rpbl-ul .slick-dots li.slick-active {
    background: #747474;
}

.rpbl-ul .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 20px;
}

.rpbl-swiper {
    width: 100%;
    display: none;
}

.rpbl-swiper:first-child {
    display: block;
}

.home-reside-ph {
    display: none;
}

.hrul-cent-img .ys-imgbox-cover {
    border-radius: 20px;
}



.home-reside {
    overflow: visible;
}


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


.home-reside-pc-posit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.home-reside-pc .hrul-cent {
    position: sticky;
    top: 40%;
}

.home-reside-pc .hrul-cent {
    pointer-events: all;
    margin-bottom: 160px;
}

.hrpp-slick-li {
    display: none;
}

.hrpp-slick-li:first-child {
    display: block;
}

.hrul-cent.on .hrpp-slick-li.slick-current .hrul-cent-lable,
.hrul-cent.on .hrpp-slick-li.slick-current .hrul-cent-tit,
.hrul-cent.on .hrpp-slick-li.slick-current .home-soluti-more,
.hrul-cent.on .hrpp-slick-li.slick-current .hrul-cent-info {
    animation: fadeclip 1.6s ease 1;
}

.mod-fot-ri-img {
    height: 100%;
}

.mod-fot-ri-img img {
    height: 100%;
    object-fit: cover;
}

.sssbr-li .ys-imgbox-cover {
    border-radius: 8px;
    display: none;
}

.solar-solution-ph {
    display: none;
}

.ahwu-li-line img {
    transition: all 0s !important;
}

.skbc-tit-li .std-h3 {
    color: #363636;
    max-height: 3em;
    line-height: 1.5;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.head-nav-item-drop1 {
    width: 100vw;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding-top: 50px;
    padding-bottom: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);
    display: none;
}

.head-nav-item {
    position: static;
}

.hnid-wrap {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.hnid-wrap-ri {
    width: 23%;
}

.hnid-wrap-le {
    width: 79%;
}

.hnid-wrap-ri-link {
    width: 100%;
    display: block;
    border-radius: 10px;
    background: #F4F4F4;
    backdrop-filter: blur(19.244285583496094px);
    overflow: hidden;
}

.hwrl-btm {
    width: 100%;
    padding: 12px 20px 20px;
}

.hwrl-btm-tit .std-h5 {
    color: #363636;
    line-height: 1.6;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hwrl-btm-info p {
    color: #747474;
    line-height: 1.8;
    font-size: 14px;
    max-height: 3.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hwrl-btm-info {
    margin-bottom: 15px;
}

.hnid-wrap-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.hwlu-li {
    min-width: 30.333333%;
    padding-right: 55px;
    margin-bottom: 50px;
}

.hwlu-li-top p {
    color: #363636;
    line-height: 1.6;
    font-size: 20px;
    padding-left: 16px;
    padding-right: 15px;
    transition: all 0.36s;
}

.hwlu-li-top {
    display: flex;
    align-items: flex-start;
}

.hwlu-li-top svg {
    width: 12px;
    margin-top: 12px;
}

.hwlu-li-top svg path {
    transition: all 0.36s;
}

.hwlu-li-top img {
    width: 24px;
    margin-top: 3px;
}

.hwlu-li-top.yxnav-active2 p {
    color: #FF7C00;
}

.hwlu-li-top.yxnav-active2 svg path {
    fill: #FF7C00 !important;
}

.hwlu-li-btm {
    padding-left: 42px;
    margin-top: 15px;
    width: 100%;
}

.hwlu-li-btm-li a {
    font-size: 16px;
    line-height: 1.7;
    color: #747474;
    transition: all 0.36s;
}

.hwlu-li-btm-li {
    margin-bottom: 5px;
}

.hwlu-li-btm-li.yxnav-active3 a {
    color: #FF7C00;
}

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

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

.head-nav-item-title {
    position: relative;
}

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

.head-nav-item.is-hover {
    position: relative;
}

.head-nav-item-drop2 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.hnid-wrap-flex {
    width: 100%;
    display: flex;
}

.hniw-wrap {
    width: 100%;
    flex: none;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 5.4px 0px rgba(0, 0, 0, 0.10);
    padding: 25px 33px;
}

.hnid-wrap-li a {
    color: #747474;
    line-height: 1.7;
    font-size: 18px;
    white-space: nowrap;
    transition: all 0.36s;
}

.hnid-wrap-li {
    margin-bottom: 10px;
}

.hnid-wrap-li:last-child {
    margin-bottom: 0 !important;
}

.hnid-wrap-li.yxnav-active2 a {
    color: #363636 !important;
}

.mhtu-li .head-nav-item-drop {
    min-width: 178px;
}

.hwlu-li:nth-child(5) {
    min-width: 33%;
}

.pulb-pic-tit {
    transition: all 0.36s;
}

.giul-cont {
    width: 28%;
}

.goods-rela-btm {
    width: 100%;
    position: relative;
}

.goods-image {
    overflow: visible !important;
}

.goods-image-ul-li {
    position: sticky !important;
    top: 119px;
    margin-bottom: 300px;
}

.goods-image-ul-li:last-child {
    margin-bottom: 0 !important;
}

.giul-pic img {
    height: calc(100vh - 119px);
    object-fit: cover;
}

.goods-image-ul {
    width: 100%;
    position: relative;
}

.list-page-cont .box {
    width: 100%;
}

.lcul-par {
    padding-right: 0 !important;
}

.list-page-box {
    display: flex;
    align-items: stretch;
}

.list-page-cont-all {
    padding-right: 47px;
    flex: none;
}

.list-page-cont-all .lcul-par {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.36s;
}

.list-page-cont-all::after {
    right: 23px;
}

.list-cont-ul-li:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.list-cont-ul {
    border-bottom: 1px solid #D8D9E2;
}

.list-cont-ul-li {
    border-bottom: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.list-page-box-ri {
    width: 100%;
}

.list-cont-ul {
    width: 100%;
}

.list-cont-ul-li {
    margin-right: 39px;
}

.list-cont-ul-li:last-child {
    margin-right: 0 !important;
}

.list-page-cont-all.on .lcul-par {
    color: #F08300;
}


.list-cont-ul-le .ys-select-li {
    width: 100%;
}

.list-cont-ul-le .ys-select-bd {
    max-height: 170px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.list-cont-ul-le .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #F08300 !important;
}

.lcur-ul-li-pic img {
    width: 100%;
}

.lceu-li .lceu-li-but {
    margin-top: 28px;
}

.case-editor {
    position: relative;
}

.case-editor-box-edit p,
.case-editor-box-edit h4 {
    margin-bottom: 30px;
}

.case-editor-box-edit img,
.case-editor-box-edit iframe {
    border-radius: 20px;
    overflow: hidden;
}

.cebp-ul-li-link span {
    color: #B3B3B3;
    padding-right: 10px;
}

.hpbs-widget-btn {
    transition: all 0.36s;
}

.plbu-li-link {
    width: 100%;
    display: block;
    position: relative;
}

.twbs-item {
    display: none;
}

.twbs-item:first-child {
    display: block;
}

.twbs-item {
    width: 33.333333%;
}

.trene-warrap-box-slick {
    display: flex;
    flex-wrap: wrap;
}

.tmbc-mod-wrapper-slide {
    margin-right: 40px !important;
}

.trene-ters-box-erswi {
    width: 100%;
    position: relative;
}

.ttbe-mod-wrapper-slide {
    width: 100%;
    position: relative;
    display: none;
}

.ttbe-mod-wrapper-slide:first-child {
    display: block;
}

.ttbt-slick {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 30px;
}

.ttbt-tab-wrapper-slide {
    cursor: pointer;
}

.ttbt-tab-but {
    flex: none;
}

.ttbt-tab-but svg {
    width: 100%;
}

.ttbt-tab-wrapper-slide .ttws-box {
    color: #747474;
    text-align: center;
    transition: all 0.36s;
}

.ttbt-le {
    width: calc(100% - 76px);
    position: relative;
}

.ttbt-ul {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.ttbt-tab-wrapper-slide.slick-current .ttws-box {
    background: #00a0e9;
    color: #363636;
}

.hpbs-widget-btn.swiper-button-disabled {
    opacity: 0.5;
}

.trene-ess-box-par p {
    max-height: 5.1em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.trene-ess-box-tit {
    max-height: 1.3em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.tebb-ri-but-prev,
.tebb-ri-but-next {
    transition: all 0.36s;
}

.trene-succ-box-cont {
    width: 100%;
    align-items: center;
}

.trene-succ-posit {
    width: 100%;
    position: relative;
    margin-bottom: 70px;
}

.tebb-ri-but-next,
.trene-succ-box-prev {
    transform: translateY(-50%);
}

.trene-data-box-but .tdbb-le {
    margin: 0 !important;
}

.tdbb-ri .mCSB_outside+.mCSB_scrollTools {
    right: 5px;
}


.tdbb-ri .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #F08300 !important;
}

.trene-ess-box .tebb-ri-but-next {
    transform: translateY(0%);
}

.wmul-info span {
    display: none;
}

.wdbl-slick {
    width: 100%;
    display: none;
}

.wdbl-slick:first-child {
    display: block;
}

.inst-decl .icbc-top {
    margin-bottom: 2px;
}

.icbc-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.icbc-btm-le {
    width: 49%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.icbc-btm-ri {
    width: 44%;
    position: relative;
}

.iblu-li {
    width: 100%;
    display: none;
}

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

.inst-decl .icbc-top {
    margin-bottom: 55px;
}

.icbc-btm-ri-li .ys-imgbox-cover {
    border-radius: 20px;
}

.icbc-btm-ri-li {
    margin-bottom: 60px;
    position: sticky;
    top: 20%;
    left: 0;
}

.icbc-btm-le {
    position: sticky;
    top: 20%;
    left: 0;
}


.icbc-btm-ri-li:nth-child(2) {
    top: calc(20% + 40px);
}

.icbc-btm-ri-li:nth-child(3) {
    top: calc(20% + 80px);
}

.icbc-btm-ri-li:nth-child(4) {
    top: calc(20% + 120px);
}

.icbc-btm-ri-li:last-child {
    top: 0 !important;
}

.inst-phone .icbc-top {
    padding-top: 0 !important;
}

.play-bot {
    width: 100%;
    position: relative;
}

.play-map .inst-page-box-but {
    width: 100%;
    position: relative;
}

.play-map {
    overflow: visible !important;
}


.play-map .inst-page-box-but {
    position: sticky !important;
    top: 119px;
    left: 0;
}

.pmbm-iframe {
    height: calc(100vh - 120px);
}


.pmbm-iframe iframe {
    width: 100% !important;
    height: 100% !important;
    pointer-events: all;
}

.play-map-box-map {
    pointer-events: all;
}

.ys-select-rel {
    width: 100%;
    padding: 10px 34px;
    font-size: 16px;
    cursor: pointer;
}

.ipbb-ri .ys-select-bd {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ipbb-ri .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #F08300 !important;
}

.ipbb-ri .mCSB_outside+.mCSB_scrollTools {
    right: 5px;
}

.inst-lsit {
    width: 100%;
    position: relative;
    overflow: visible !important;
}

.comp-keep .skbc-btm-li-tit p,
.comp-keep .skbc-tit-li .std-h3 {
    text-align: left;
}

.skbc-tit {
    width: 100%;
}

.comp-keep .skbc-top {
    justify-content: flex-end;
}

.comp-keep .skbc-tit {
    margin-top: 25px;
    margin-bottom: 2px;
}

.comp-keep .skbc-btm {
    margin-bottom: 40px;
    margin-top: 0 !important;
}

.comp-keep .solutio-keep-btm-center {
    margin: 0 !important;
}

.comp-keep .solutio-keep-btm {
    justify-content: space-between;
    width: 85vw;
}

.nlbu-li-link {
    width: 100%;
    position: relative;
    display: block;
}


.detail-essay-box-editor p {
    margin-bottom: 50px;
}

.detail-essay-box-editor h4 {
    margin-bottom: 30px;
}

.dsbc-le-tit-pic {
    width: 20px;
    cursor: pointer;
}

.dsbp-down .ys-select-li {
    padding-left: 16px;
    padding-right: 16px;
}

.dsbc-ri-box {
    width: 100%;
}

.down-page-cent.ys-modal-content {
    padding: 50px 82px 60px 82px;
}


.down-page-demo .mCSB_inside>.mCSB_container {
    margin-right: 0px !important;
}

.down-page-demo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #F08300 !important;
}

.down-page-demo .mCSB_outside+.mCSB_scrollTools {
    right: 18px;
}

.down-page-demo .mCSB_scrollTools {
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}


.warr-poli-box-editor {
    display: none;
}

.warr-poli-box-editor:first-child {
    display: block;
}

.cont-map-pic {
    left: calc(100% - var(--left));
    top: calc(100% - var(--top));
    transform: translate(-50%, -65%);
    transition: all .4s ease;
}

.warr-data-box-last,
.down-search-box-tab,
.comp-glfs-box-tit,
.inst-chart-box-tit,
.trene-succ-posit,
.goods-rela-box-tit,
.case-rela-box-tit {
    margin-bottom: var(--space60) !important;
}

.goods-rela-box-but {
    margin-top: var(--space60) !important;
}

.reul-le img {
    transition: all 0s;
}

.trene-ters-box-le .ys-imgbox-cover {
    width: 336px;
    margin: 0 auto;
    max-width: 100%;
}

.trene-ters-box-le .ttbl-tit {
    width: 336px;
    margin: 0 auto;
    max-width: 100%;
}

.goods-rela .detail-warrp-perv,
.goods-rela .detail-warrp-next {
    top: 37%;
}

.trene-ess-box-but {
    align-items: center;
}

.tebb-ri-but-prev svg,
.tebb-ri-but-next svg {
    width: 100%;
}

.tebb-ri-but-next,
.tebb-ri-but-prev {
    width: 56px;
}

.trene-succ .slick-dots {
    opacity: 0;
}

svg {
    height: auto;
}

.head-nav-item-drop3 {
    display: none;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    position: absolute;
    top: 100%;
    box-shadow: 23px 0px 14px 0px rgba(0, 50, 90, 0.01), 10px 0px 10px 0px rgba(0, 50, 90, 0.02), 3px 0px 6px 0px rgba(0, 50, 90, 0.02);
}

.hnid-produc {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    padding: 0 80px;
}

.hnid-produc-le {
    width: 36.5%;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    box-shadow: 23px 0px 14px 0px rgba(0, 50, 90, 0.01), 10px 0px 10px 0px rgba(0, 50, 90, 0.02), 3px 0px 6px 0px rgba(0, 50, 90, 0.02);
}

.hnid-produc-ri {
    width: 63.5%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 70px;
    padding-right: 62px;
}

.hpls-top-tit p {
    color: #363636;
    line-height: 1.6;
}

.hpls-top-tit {
    margin-bottom: 15px;
}

.hpls-top-info p {
    color: #747474;
    line-height: 1.7;
}

.hnid-produc-le-softw {
    width: 41%;
    padding-right: 47px;
}

.hnid-produc-le-slick {
    width: 59%;
    padding-left: 40px;
    padding-right: 30px;
    border-left: 1px solid #D8D9E2;
}

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

.hbul-link p {
    color: #747474;
    font-size: 16px;
    line-height: 1.7;
    padding-right: 15px;
    transition: all 0.36s;
}

.hbul-link svg {
    width: 12px;
}

.hpls-top {
    margin-bottom: 110px;
}

.hpls-btm-ul-li {
    margin-bottom: 15px;
}

.hbul-link path {
    transition: all 0.36s;
}

.hpls-ul {
    width: 100%;
}

.hpls-li {
    width: 100%;
}

.hpls-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 16.5px 16px;
    cursor: pointer;
    transition: all 0.36s;
}

.hpls-link .ys-imgbox-cover {
    width: 24px;
    flex: none;
}

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

.hpls-link .ys-imgbox-cover img {
    transform: scale(1) !important;
}

.hpls-link p {
    padding-left: 10px;
    font-size: 16px;
    line-height: 1.7;
    color: #747474;
}

.hpls-li.act .hpls-link {
    background: rgba(255, 189, 0, 0.10);
}

.hpls-li.act .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hpls-li.act .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hpls-li.act p {
    color: #FF7C00;
}

.hnid-produc-le-slick .hpls-btm .hbul-link p {
    color: #FF7C00;
}

.hnid-produc-le-slick .hpls-btm .hbul-link path {
    fill: #FF7C00;
}

.hpls-btm {
    padding-left: 16px;
    margin-top: 114px;
}

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

.hprl-top-link svg {
    width: 40px;
    margin-left: 24px;
}

.hprl-top-link svg rect,
.hprl-top-link svg path {
    transition: all 0.36s;
}

.hprl-top-link .std-h4 {
    transition: all 0.36s;
    color: #363636;
    line-height: 1.6;
}

.hprl-top {
    margin-bottom: 31px;
}

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

.hprl-btm-li-tit p {
    color: #FF7C00;
    line-height: 1.7;
}

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

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

.hprl-btm-li-ul {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.hblu-link {
    width: 100%;
    display: block;
}

.hblu-link .ys-imgbox-cover {
    background: #F4F4F4;
}

.hblu-link-btm p {
    font-size: 18px;
    line-height: 1.7;
    color: #363636;
    transition: all 0.36s;
    text-align: center;
}

.hblu-link-btm {
    margin-top: 5px;
}

.hblu-li.yxnav-active3 .hblu-link-btm p {
    color: #F08300;
}

.hblu-link-btm {
    display: flex;
    justify-content: center;
}

.hblu-link-btm svg {
    width: 12px;
    margin-left: 15px;
}

.hblu-li.all .hblu-link-btm p {
    color: #FF7C00;
}

.hprl-btm-li {
    width: 100%;
    margin-bottom: 50px;
}

.hnid-produc-ri-li {
    display: none;
}

.hnid-produc-ri-li.act {
    display: block;
}

.hprl-btm {
    height: 500px;
}

.hprl-btm .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #F08300 !important;
}

.hprl-btm .mCSB_outside+.mCSB_scrollTools {
    right: -70px;
}

.inst-chart {
    padding-top: 20px !important;
}

.iblu-li .ys-imgbox-cover {
    display: none;
    border-radius: 10px;
}

.idbl-time .idbl-time-but {
    display: none;
}

iframe {
    border: none !important;
}

/* .home-news-btm-ul .slick-track {
    margin: 0 auto;
} */

.ahwu-le-info p {
    font-size: var(--font18);
    color: #747474;
    line-height: 1.7;
}




/*鼠标效果*/
@media screen and (min-width: 1200px) {

    .hprl-top-link:hover .std-h4 {
        color: #F08300;
    }

    .hprl-top-link:hover svg path {
        fill: #F08300 !important;
    }

    .hprl-top-link:hover svg rect {
        stroke: #F08300 !important;
    }

    .hbul-link:hover p {
        color: #F08300;
    }

    .hbul-link:hover path {
        fill: #F08300;
    }

    .plbu-li-link:hover .plbu-li-link-tit {
        color: #F08300;
    }


    .list-page-cont-all .lcul-par:hover {
        color: #F08300;
    }

    .plbt-ul-li-box:hover .pulb-pic-tit {
        color: #F08300;
    }

    .sssbr-li:hover::after {
        top: 0;
    }

    .arbd-li:hover .t_syk1icon {
        animation: yidong .36s ease .26s forwards;
    }

    .arbd-li:hover .t_syk1icon::after {
        animation: kuo .2s ease 0s forwards;
    }

    .arbd-li:hover .arbd-dots {
        opacity: 0;
    }

    .arbd-li:hover .arbd-hover {
        pointer-events: all;
    }

    .arbd-li:hover .arbd-hover-wrap {
        pointer-events: all;
    }

    .arbd-li:hover .arbd-hover-wrap::before {
        width: 100%;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
    }

    .arbd-li:hover .arbd-hover-wrap div {
        opacity: 1;
        transition: all .36s .2s;
    }

    .sssbr-link:hover .sssbr-link-le .std-h5 {
        color: #F08300;
    }

    .sssbr-link:hover .sssbr-link-arr path {
        fill: #F08300;
    }

    .sgbr-btm-ri-btn:hover p {
        color: #FF7C00;
    }

    .sustain-report-btm-link:hover .ybtw-more-link {
        background: #00a0e9;
        border-color: #00a0e9;
    }

    .ybtw-more-link2:hover {
        border-color: #00a0e9;
    }

    .mflt-ri ul li ul li a:hover {
        color: #00a0e9;
    }

    .hnbu-link:hover .hnbu-link-btm-tit p {
        color: #00a0e9;
    }

    .hpbs-widget-btn:hover rect {
        fill-opacity: 1 !important;
        fill: #00a0e9 !important;
    }

    .hpbs-widget-btn:hover path {
        fill: #363636 !important;
    }

    .hlpu-btm-li a:hover {
        color: #FF7C00;
    }

    .hlpu-btm-li a:hover span {
        color: #FF7C00;
    }

    .ybtw-more-link:hover {
        background: #00a0e9;
    }

    .sssbr-link:hover:after {
        transform: scaleY(1);
    }

    .iult-le:hover {
        color: #FFBD00;
    }

}

.iult-le {
    transition: all 0.36s;
}

.ntbu-li-link,
.dsbt-ul-li-par,
.drtc-ul-li-link,
.mlul-link,
.list-page-cont-all,
.list-cont-ul-li,
.lcur-ul-li-link {
    cursor: pointer !important;
}

.prod-list-btm {
    width: 100%;
    position: relative;
}

.prod-list-btm-li {
    display: none;
}

.prod-list-btm-li:first-child {
    display: block;
}

.down-search-box-cent {
    width: 100%;
}

.dsbc-ri-width {
    width: 100% !important;
}

.dsbp-search-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 10;
}

.dsbp-search-wrap .ys-select-hd {
    border: none !important;
}

.dsbp-search-wrap .dsbp-search {
    width: calc(50% - 10px);
}

.dsbc-le .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #F08300 !important;
}

.dsbc-le .mCSB_outside+.mCSB_scrollTools {
    right: 0px !important;
}

.trene-ters-box-ri .ttbr-ul-li-ul table {
    border: none;
    width: 100%;
}

.trene-ters-box-ri .ttbr-ul-li-ul td {
    border: none;
    height: auto !important;
    line-height: 1.5;
    font-size: var(--font16);
    color: #363636;
    padding: 19px 0;
    padding-right: 15px;
}

.trene-ters-box-ri .ttbr-ul-li-ul tr {
    border-bottom: 1px solid #D8D9E2;
}

.trene-ters-box-ri .ttbr-ul-li-ul {
    display: none;
}

.prod-list-box-slick {
    width: 100%;
}

.plbs-li {
    width: 100%;
    display: none
}

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

.inst-page-modal .iomw-cont-ul-li {
    margin-bottom: 0 !important;
}

.icul-cont {
    padding: 40px 40px;
}

.pc-fenye li.page-active {
    color: #fff;
    background: #FFBD00;
}

.pc-fenye li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-size: inherit;
    transition: all 0.4s ease;
    border-radius: 50%;
}

.pc-fenye .first_page a::before,
.pc-fenye .prev_page a::before,
.pc-fenye .next_page a::before,
.pc-fenye .last_page a::before {
    font-family: iconfont;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    transition: all 0.4s ease;
    font-size: 14px;
}

.pc-fenye .first_page a::before {
    content: "\e74d"
}

.pc-fenye .next_page a::before {
    content: "\e743";
}

.pc-fenye .prev_page a::before {
    content: "\e744";
}

.pc-fenye .last_page a::before {
    content: "\e74c"
}

.pc-fenye .first_page a,
.pc-fenye .next_page a,
.pc-fenye .prev_page a,
.pc-fenye .last_page a {
    font-size: 0;
}

.ys-phfy {
    display: none;
}







.hrul-cent-img{
	border-radius: 20px;
}