@charset "utf-8";

/* 公共样式 - start */
body {
    font-family: 'auluo', "PingFang SC", "Microsoft YaHei" !important;
}

input,
textarea {
    font-family: 'auluo', "PingFang SC", "Microsoft YaHei" !important;
}

/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: 'auluo', "PingFang SC", "Microsoft YaHei" !important;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'),
        url('../fonts/RobotoRegular/RobotoRegular.woff') format('woff');
}

@font-face {
    font-family: 'auluo';
    src: url('../fonts/Inter-Variable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 英文站换行规则 */
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a {
    word-wrap: normal;
    word-break: keep-all;
}

:root {
    /* 字号 */
    --font68: 68px;
    --font44: 44px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line13: 1.3;
    --line12: 1.2;
    --line15: 1.5;
    --line16: 1.6;
    --line17: 1.7;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --cl333: #363636;
    --cl666: #747474;
    --cl999: #B3B3B3;
    --color4: #fff;
    --vicolor: #FAC000;
    --colorbj: ;
    /* 板块间距 */
    --space140: 140px;
    --space120: 120px;
    --space100: 100px;
    --space60: 60px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --bold: '';
    --jian: 24px;
    --jian1: -24px;
    --radiu: 20px;
}

.std-tit100 {
    font-size: 100px;
    color: var(--cl333);
    line-height: var(--line12);
    font-weight: 600;
}

.std-tit58 {
    font-size: 58px;
    line-height: 1.2;
    font-weight: 500;
    color: #363636;
}

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

.std-h1 {
    font-size: var(--font68);
    color: var(--cl333);
    line-height: var(--line12);
    font-weight: 500;
}

.std-h2,
.yxedr-active h2 {
    font-size: var(--font44);
    color: var(--cl333);
    line-height: var(--line13);
    font-weight: 500;
}

.std-h3,
.std-h3 p,
.yxedr-active h3 {
    font-size: var(--font32);
    color: var(--cl333);
    line-height: var(--line15);
}

.std-h4,
.std-h4 p,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--cl333);
    line-height: var(--line16);
    /* font-weight: bold; */
}

.std-h5,
.std-h5 p,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--cl333);
    line-height: var(--line16);
}


.std-word,
.std-word p {
    font-size: var(--font16);
    color: var(--cl333);
    line-height: var(--line17);
}

.std-word1,
.std-word1 p {
    font-size: var(--font18);
    color: var(--cl333);
    line-height: var(--line17);
}

.std-word2,
.std-word2 p {
    font-size: var(--font14);
    color: var(--cl333);
    line-height: var(--line18);
}

.yxedr-active p {
    font-size: var(--font16);
    color: #666;
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}

.std-padd {
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.std-padd1 {
    padding-top: var(--space140);
}

.std-padd2 {
    padding-bottom: var(--space140);
}

.std-mar {
    margin-bottom: var(--space60) !important;
}

.yxedr-active h2,
.yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}

.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}

.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}

/*分享翻译*/
.ys-wechat-cont-parga p::before {
    /* content: '分享到 - 微信'; */
    content: 'Share the - weixin';
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(54, 54, 54, .5);
    white-space: nowrap;
    margin-left: 20px;
}

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

.yxnav-active2 {}

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

/* 省略号 */
.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 过渡 */
.transition-time1 {
    transition: all .36s both;
}

.transition-time2 {
    transition: all .5s both;
}

/* 侧边锚点隐藏 */
.mod-anchor {
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
}

.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor ul {
    transition: all .4s ease;
}

.mod-anchor:not(.act) ul {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor.act ul {
    opacity: 0;
    transform: translateX(-50%);
}

/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled {
    pointer-events: none !important;
    opacity: .5 !important;
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {}

/* 公共样式 - end */



/* Leo - start */
/* b3 */
.list-cont-ul {
    display: flex;
}

.list-cont-ul-li {
    padding: 12px 12px;
    padding-bottom: 0;
    color: #747474;
    transition: all .36s;
}

.lcul-par {
    padding-right: 10px;
    color: #747474;
}

.list-cont-ul-li:first-child {
    padding-right: 16px;
    position: relative;
}

.list-page-cont-all {
    position: relative;
}

.list-page-cont-all::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #747474;
    opacity: 0.2;
}

.list-cont-ul-li:last-child .lcul-link {
    padding-right: 0;
}

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

.list-cont-ul-li .lcul-link {
    position: relative;
    display: block;
    height: 100%;
    padding-bottom: 10px;
    white-space: nowrap;
    color: var(--cl666);
}

.list-cont-ul-li .lcul-link::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background-color: #FF7C00;
    opacity: 0;
    transition: all .36s;
}

.list-cont-ul-le {
    width: 46%;
    display: flex;
}

.list-cont-ul-le .ys-select {
    width: 48%;
    margin-right: 30px;
}

.ys-select-hd {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 80px;
    height: 52px;
    border: 1px solid #D8D9E2;
    background-color: #fff;
}

.ys-select-hd input {
    padding: 0 34px;
    font-size: var(--font16);
    line-height: var(--line17);
}

.ys-select-hd input::placeholder {
    font-size: var(--font16);
    line-height: var(--line17);
}

.ys-select-xtbbox {
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .36s;
}

.list-cont-drop {
    margin-top: 50px;
    position: relative;
    z-index: 10;
}

.ys-select-xtbbox {
    width: 28px;
}

.ys-select-xtbbox img {
    width: 100%;
}

.ys-select-bd {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    width: 100%;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    max-height: 200px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3), -5px -5px 10px rgba(255, 255, 255, 0.8);
}

.list-cont-ul-le .mCSB_outside+.mCSB_scrollTools {
    right: 0;
    top: 10px;
    bottom: 10px;
}

.ys-select-li {
    cursor: pointer;
    padding: 12px 34px;
}

/* .ys-select-li:first-child {
    padding-top: 30px;
}

.ys-select-li:last-child {
    padding-bottom: 30px;
} */

.lcur-ul-li {
    padding: 0 38px;
    position: relative;
    display: flex;
    align-items: center;
}

.lcur-ul-li-link {
    display: flex;
    align-items: center;
}

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

.lcur-ul-li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #747474;
    opacity: 0.2;
}

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

.lcur-ul {
    margin: 0 -38px;
    display: flex;
    align-items: center;
}

.lulp-par {
    line-height: var(--line175);
    color: var(--cl666);
}

.lulp-par span {
    color: #FF7C00;
    padding: 0 12px;
}

.list-cont-elem-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.lceu-li {
    width: 50%;
    padding: 0 var(--jian);
    margin-bottom: 80px;
}

.lceu-li .ys-imgbox-cover {
    width: 100%;
    border-radius: 10px;
}

.lceu-li-tit {
    margin-top: 24px;
    padding-bottom: 9px;
    border-bottom: 1px solid #D8D9E1;
    flex-grow: 1;
}

.lceu-li-tit p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.5em;
    line-height: 1.5;
    transition: all .36s;
}

.lltu-li-pic {
    width: 20px;
    flex-shrink: 0;
    margin-top: 4px;
}

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

.lltu-li {
    display: flex;
    align-items: flex-start;
    padding-right: 35px;
}

.lltu-li:last-child {
    padding-right: 0;
}

.lceu-li-tit-ul {
    display: flex;
    padding-top: 10px;
}

.lltu-li-par {
    color: var(--cl666);
    margin-left: 8px;
}

.lceu-li-but-pic {
    width: 12px;
    flex-shrink: 0;
}

.lceu-li-but-pic img {
    width: 100%;
}

.lceu-li-but-par {
    padding-right: 15px;
    color: #FF7C00;
}

.lceu-li-but {
    display: flex;
    align-items: center;
    margin-top: 28px;
}

.list-cont-elem {
    margin-top: 50px;
}

.lceu-li-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.list-cont-page .pc-fenye li {
    float: left;
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 34px;
    color: #747474;
    text-align: center;
    margin: 0 8px;
    border-radius: 50%;
    transition: .3s;
}

.list-cont-page .pc-fenye li.activepage {
    color: #fff;
    background: #FFBD00;
}

.first li::before {
    color: #333;
    transition: all .36s;
}

.prev li::before {
    color: #333;
    transition: all .36s;
}

.next li::before {
    color: #333;
    transition: all .36s;
}

.end li::before {
    color: #333;
    transition: all .36s;
}

.lcur-ul-li-pic {
    width: 24px;
    margin-right: 16px;
    margin-top: 3px;
}


/* c1 */
.plbt-ul-li-link {
    padding: 28px 32px;
    border-radius: 20px;
    background: #F8F8F8;
    position: relative;
    height: 100%;
    z-index: 1;
}

.plbt-ul-li-link {
    display: flex;
    align-items: center;
}

.plbt-ul-li {
    width: 29%;
    padding: 0 var(--jian);
}

.plbt-ul-li.on .plbt-ul-li-link::after {
    opacity: 1;
}

.plbt-ul-li.on .pull-par {
    color: #FF7C00;
}

.plbt-ul-li.on .pull-pic-dark {
    opacity: 0;
}

.plbt-ul-li.on .pull-pic-orange {
    opacity: 1;
}

.plbt-ul-li-link::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border-bottom: 2px solid #FF7200;
    opacity: 0;
    transition: all .36s;
    z-index: -1;
}

.plbt-ul {
    display: flex;
    justify-content: center;
    margin: 0 var(--jian1);
}

.pull-pic {
    width: 73px;
    margin-right: 32px;
    flex-shrink: 0;
    position: relative;
}

.pull-pic-orange {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .36s;
}

.pull-pic img {
    width: 100%;
    transition: all .36s;
}

.prod-list-box-top {
    margin-bottom: 90px;
}

.plbr-tit {
    font-weight: normal;
    color: var(--color4);
    width: 39%;
}

.prod-list-box-tit {
    margin-bottom: 70px;
}

.prod-list-box-rout {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.prod-list-box-rout::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, color(display-p3 0 0.2706 0.4078 / 0.00) 49.54%, color(display-p3 0 0.2724 0.4087 / 0.35) 100%);
    z-index: -1;
}

.plbr-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

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

.plbr-box {
    padding: 70px 70px 142px 70px;
}

.plbr-but {
    margin-top: 50px;
}

.plbr-but .ybtw-more-link1 {
    border: none;
}

.plbp-ul-li-link {
    color: var(--cl666);
    line-height: 1.5;
    padding: 10px 20px;
    border-radius: 34px;
    background-color: #F8F8F8;
}

.plbp-ul {
    display: flex;
    align-items: center;
    margin-bottom: -10px;
}

.plbp-ul-li {
    padding-right: 20px;
    margin-bottom: 10px;
}

.plbp-ul-li:last-child {
    padding-right: 0;
}

.prod-list-box-rout {
    margin-bottom: 70px;
}

.prod-list-box-push {
    margin-bottom: 50px;
}

.plbp-ul-li-link {
    transition: all .36s;
}

.plbp-ul-li.on .plbp-ul-li-link {
    color: var(--cl333);
    background-color: #FFBD00;
}

.plbu-li-link .ys-imgbox-cover {
    width: 100%;
    background: #F8F8F8;
    border-radius: 10px;
    overflow: hidden;
}

.plbu-li-link-tit {
    font-weight: normal;
    margin-top: 24px;
    flex-grow: 1;
    transition: all .36s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.2em;
}

.plbu-li-link-par {
    color: var(--cl666);
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.2em;
}

.prod-list-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
    margin-bottom: -80px;
}

.plbu-li {
    padding: 0 var(--jian);
    width: 33.3333%;
    margin-bottom: 80px;
}

.prod-list-box-tit {
    text-align: center;
}

.pulb-pic {
    width: 44px;
}

.pulb-pic img {
    width: 100%;
}

.plbt-ul-li-box {
    padding: 35px;
    border-radius: 20px;
    background: #F8F8F8;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pulb-pic-tit {
    font-weight: normal;
    margin-top: 9px;
}

.pulb-pic-par {
    color: var(--cl666);
    margin-top: 2px;
}

.prod-list-hrlp-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
    margin-bottom: -20px;
    height: 100%;
}

.plbu-li-help {
    width: 33.3333%;
    padding: 0 var(--jian);
    margin-bottom: 20px;
}

/* banner */
.mlul-link {
    padding: 20px 50px;
    border-radius: 62px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 0px 35.7px 0px rgba(255, 255, 255, 0.25) inset;
    backdrop-filter: blur(8.649999618530273px);
    -webkit-backdrop-filter: blur(649999618530273px);
    -moz-backdrop-filter: blur(649999618530273px);
    -ms-backdrop-filter: blur(649999618530273px);
    -o-backdrop-filter: blur(649999618530273px);
}

.prod-page .ys-banner {
    position: relative;
}

.mod-list {
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 10;
    transform: translateX(-50%);
}

.mod-list-ul {
    display: flex;
    margin: 0 -5px;
    margin-bottom: -10px;
}

.mlul-link {
    color: var(--color4);
    font-weight: 500;
    transition: all .36s;
}

.mod-list-ul-li {
    padding: 0 5px;
    margin-bottom: 10px;
}

.mod-list-ul-li.on .mlul-link {
    background-color: #FFBD00;
    color: var(--cl333);
}

.mod-list-arrow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.mod-list-arrow-picl {
    width: 80px;
    transform: rotate(90deg);
    position: absolute;
    left: 0;
}

.mod-list-arrow-picl img {
    width: 100%;
}

.mod-list-arrow-picy {
    width: 80px;
    position: absolute;
    right: 0;
    transform: rotate(90deg);
}

.mod-list-arrow-picy img {
    width: 100%;
}

.mod-list-swiper {
    width: auto !important;
}

.mod-list-swiper-warrp {
    width: auto !important;
}

.mlsw-slide {
    width: auto !important;
}

.list-page-caro-tit {
    color: #0A1B1B;
}

.ipcu-li-pic {
    width: 24px;
    flex-shrink: 0;
}

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

.ipcu-li-par {
    line-height: var(--line16);
    font-family: "Open Sans";
    padding-left: 24px;
    position: relative;
}

.ipcu-li-par::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: var(--cl333);
}

.ipcu-li {
    padding-right: 40px;
}

.ipcu-li:last-child {
    padding-right: 0;
}

.list-page-caro-ul {
    display: flex;
    align-items: center;
}

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

/* d3 */
.ipbu-li-box {
    padding: 29px 34px 24px 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 3px 8.5px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ipbu-li-box-le {
    height: 3.2em;
    display: flex;
    align-items: center;
}

.ipbu-li-box-le p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em;
}

.ipbu-li-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #D8D9E1;
}

.ipbu-li-box-ri {
    flex-shrink: 0;
    padding: 4px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 1px 3.5px 0px rgba(0, 0, 0, 0.08);
}

.ipbu-li-box-ri img {
    width: 48px;
    flex-shrink: 0;
}

.ilbu-li-pic-par {
    color: var(--cl666);
}

.ilbu-li-pic {
    width: 24px;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 3px;
}

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

.ilbu-li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

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

.ipbu-li-box-ul {
    margin-top: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.inst-page-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.ipbu-li {
    width: 33.3333%;
    padding: 0 var(--jian);
    margin-bottom: 60px;
}

.ilul-par {
    color: var(--cl666);
    padding: 0 20px;
    line-height: 36px;
    border-radius: 80px;
    border: 1px solid #D8D9E2;
    background-color: var(--color4);
    transition: all .36s;
}

.ipbb-le-ul {
    display: flex;
    margin: 0 -7px;
    margin-bottom: -14px;
}

.ipbb-le-ul-li {
    padding: 0 7px;
    margin-bottom: 14px;
}

.ipbb-ri {
    width: 23%;
}

.ys-select-hd {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 80px;
    background: #FFF;
    border: 1px solid #D8D9E2;
    height: 52px;
}

.ys-select-hd input {
    padding: 0 34px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl999);
}

.ys-select-hd input::placeholder {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl999);
}

.ys-select-xtbbox {
    width: 28px;
}

.inst-page-box-but {
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
    width: 100%;
    position: sticky;
    top: 119px;
    left: 0;
    z-index: 10;
}

.ipbb-box {
    display: flex;
    justify-content: space-between;
    padding: 31px 0;
    align-items: center;

}

.ipbb-le-ul-li.on .ilul-par {
    background-color: #FFBD00;
    color: var(--cl333);
    border: 1px solid #FFBD00;
}

.lcal-pa {
    margin-top: 24px;
}

.lcal-but {
    margin-top: 30px;
}

.list-cont-apply-le {
    width: 53%;
    /* margin-top: 136px; */
    padding-left: 84px;
}

.list-cont-apply-ri {
    width: 35%;
    transform: translate(100px) !important;
}

.list-cont-apply-ri img {
    width: 100%;
}

.list-cont-apply {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.lcal-tit {
    font-weight: 500;
}

.lcal-pa,
.lcal-pa p {
    color: var(--cl666);
}

/* f1 */
.news-top {
    position: relative;
}

.news-top .mod-bread {
    position: absolute;
    top: 15px;
    z-index: 0;
}

.news-top-box {
    position: relative;
    z-index: 2;
}

.news-page .slick-list {
    overflow: visible;
}

.news-page .mod-bread-ul-li a {
    color: var(--cl666);
}

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

.news-top-box-tit {
    text-align: center;
    font-weight: 500;
    margin-bottom: 12px;
}

.news-top-box-par {
    text-align: center;
    margin-bottom: 40px;
}

.news-top-box-par,
.news-top-box-par p {
    color: var(--cl666);
}

.ntbu-li-link {
    color: var(--cl666);
    line-height: 1.5;
    padding: 10px 20px;
    border-radius: 34px;
    background: #F8F8F8;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    transition: all .4s;
}

.news-top-box-ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -10px;
    white-space: nowrap;
}

.news-top-box-boux {
    margin-bottom: 76px;
}

.ntbu-li {
    padding: 0 10px;
}

.ntbu-li.on .ntbu-li-link {
    color: var(--cl333);
    background: #FFBD00;
}

.ntbs-slide-link {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04);
}

.nslb-top-tab p {
    color: #FF7C00;
    line-height: var(--line18);
    padding: 0 8px;
    border-radius: 3px;
    background: rgba(255, 189, 0, 0.10);


}

.ntbs-slide-ri {
    width: 53%;
}

.ntbs-slide-le {
    width: 47%;
}

.nslb-time,
.nslb-time p {
    color: var(--cl999);
}

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

.nslb-top-tab {
    padding-right: 10px;
}

.ntbs-slide-le-box {
    padding: 60px 150px 60px 80px;
}

.nslb-tit {
    margin-bottom: 30px;
    transition: all .36s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
}

.nslb-par,
.nslb-par p {
    color: var(--cl666);
}

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

.nslb-par {
    margin-bottom: 80px;
}

.news-page .slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
}

.news-page .slick-dots li {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 36px;
    height: 6px;
    margin: 0 5px;
    border-radius: 10px;
    background: #ccc;
}

.news-page .slick-dots li.slick-active {
    background: #FFBD00;
}

.nlbu-li-link .ys-imgbox-cover {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 27px;
}

.nlbu-li-link-par {
    line-height: var(--line175);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.5em;
    transition: all .4s;
    padding: 0 6px;
}

.nlbu-li-link .nslb-top {
    margin-top: 8px;
}

.news-list-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.nlbu-li {
    width: 33.3333%;
    padding: 0 var(--jian);
    margin-bottom: 80px;
}

.news-page .home-lates {
    padding-bottom: 70px;
}

.detail-essay .mod-bread {
    position: absolute;
    top: 15px;
    z-index: 0;
}

.detail-essay-box-time {
    text-align: center;
    margin-bottom: 18px;
}

.detail-essay-box-time,
.detail-essay-box-time p {
    color: var(--cl666);
}

.detail-essay-box-tit {
    font-weight: 500;
    margin-bottom: 40px;
    text-align: center;
}

.detail-essay-box-share {
    text-align: center;
    margin-bottom: 20px;
}

.detail-essay-box-sup .ys-share-img {
    width: 20px;
}

.detail-essay-box-sup .ys-share-img img {
    width: 100%;
}

.detail-essay-box-sup .ys-share-list {
    padding-right: 24px;
}

.detail-essay-box-sup .ys-share-list:last-child {
    padding-right: 0;
}

.detail-essay-box-sup {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.detail-essay-box-editor p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--cl666);
    margin-bottom: 13px;
}

.detail-essay-box-editor p:last-child {
    margin-bottom: 0;
}

.detail-essay-box-editor h2 {
    font-size: var(--font24);
    line-height: var(--font16);
    color: var(--cl333);
    margin-bottom: 14px;
}

.detail-essay-box-editor p img {
    border-radius: 20px;
    overflow: hidden;
}

.detail-essay-box-editor {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(98, 99, 109, 0.3);
}

.debp-ul-li-link span {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl999);
    padding-right: 10px;
}

.detail-essay {
    position: relative;
}

.detail-page .mod-bread-ul-li a {
    color: var(--cl666);
}

.detail-warrp .swiper-container {
    overflow: inherit;
}

.detail-warrp-box-slide {
    width: 520px !important;
    height: auto !important;
}

.detail-warrp-box-slide .nlbu-li-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

.detail-warrp .swiper-wrapper {
    align-items: stretch;
}

.dull-prev {
    color: var(--cl999);
    padding-right: 10px;
}

.debp-ul-li-link {
    display: flex;
    align-items: center;
}

.dull-par {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.8em;
    transition: all .36s;
}

.debp-ul-li {
    margin-bottom: 17px;
}

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

.detail-essay-box {
    position: relative;
    z-index: 2;
}

.detail-essay-box-pag {
    margin-top: 20px;
}

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

.detail-warrp-box-tit {
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}

.detail-warrp-box-par {
    text-align: center;
    line-height: var(--line175);
    margin-bottom: 70px;
}

.detail-warrp-slick-li {
    padding: 0 var(--jian);
}

.detail-warrp-slick {
    margin: 0 var(--jian1);
}

.detail-warrp-box {
    position: relative;
}

.detail-warrp-perv {
    width: 56px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.detail-warrp-perv img {
    width: 100%;
}

.detail-warrp-next {
    width: 56px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.detail-warrp-next img {
    width: 100%;
}

.detail-warrp {
    position: relative;
}

.detail-warrp::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--left);
    background-color: #fff;
    z-index: 9;
}

.detail-warrp .slick-list {
    position: relative;
    display: block;
    overflow: inherit;
    margin: 0;
    padding: 0;
}

.detail-warrp-perv {
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.detail-warrp-perv.swiper-button-disabled {
    pointer-events: none;
}

.detail-warrp-next.swiper-button-disabled {
    pointer-events: none;
}

.detail-warrp-next {
    position: absolute;
    right: -66px;
    top: 50%;
    transform: translateY(-50%);
}

.detail-page .home-lates {
    padding-bottom: 70px;
}

/* g1 */
.down-search-box {
    position: relative;
    z-index: 2;
}

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

.down-search-box-tit {
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.down-search {
    position: relative;
}

.down-search .mod-bread {
    position: absolute;
    top: 15px;
    z-index: 0;
}

.down-search .mod-bread-ul-li a {
    color: var(--cl666);
}

.dsbp-down {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
}

.dsbp-search {
    width: 62%;
    margin-bottom: 43px;
}

.dsbp-search-pic {
    width: 28px;
    flex-shrink: 0;
}

.dsbp-search-pic img {
    width: 100%;
}

.dsbp-search input {
    width: 100%;
    height: 52px;
    border-radius: 80px;
    border: 1px solid #D8D9E2;
    padding: 0 34px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}

.dsbp-search input::placeholder {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl999);
}

.dsbp-search {
    position: relative;
}

.dsbp-search-pic {
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%);
}

.down-search-box-pick {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.dsbt-ul-li-par {
    color: var(--cl666);
    min-width: 200px;
    line-height: 1.5;
    padding: 10px 15px;
    border-radius: 34px;
    background: #F8F8F8;
    text-align: center;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    transition: all .36s;
}

.dsbt-ul-li.on .dsbt-ul-li-par {
    background-color: #FFBD00;
    color: var(--cl333);
}

.dsbt-ul-li {
    padding: 0 10px;
}

.dsbt-ul {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    justify-content: center;
    white-space: nowrap;
}

.down-search-box-tab {
    margin-bottom: 60px;
}

.dsbc-le-tit-tit {
    color: #111;
    padding-right: 6px;
}

.dsbc-le {
    width: 18%;
}

.dsbc-le-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #747474;
    margin-bottom: 20px;
}

.dsbc-le-tit-pic {
    flex-shrink: 0;
}

.dsbc-le-tit-pic a {
    width: 20px;
    flex-shrink: 0;
}

.dsbc-le-tit-pic a img {
    width: 100%;
}

.dlul-pic {
    width: 20px;
    flex-shrink: 0;
    position: relative;
    font-size: 0;
}

.dlul-pic-oran {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.dlul-pic img {
    transition: all .36s;
    width: 100%;
}

.dlul-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D9E1;
    margin-bottom: 26px;
}

.dbul-pic {
    width: 20px;
    flex-shrink: 0;
    position: relative;
    font-size: 0;
    transition: all .36s;
}

.dbul-pic-orgn {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.down-search-box .ys-select-xtbbox {
    right: 16px;
}

.down-search-box .ys-select-hd input {
    padding: 0 16px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl999);
}

.dbul-pic img {
    width: 100%;
    transition: all .36s;
}

.dbul-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dbul-par {
    padding: 10px 0;
    padding-right: 7px;
    transition: all .36s;
}

.dulb-par {
    color: var(--cl666);
    transition: all .36s;
}

.dbul-ul-li-box {
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .36s;
}

.dbul-ul-li.act .dbul-ul-li-box {
    background: #F8F8F8;
}

.dbul-ul-li.act .dulb-pic-add {
    opacity: 0;
}

.dbul-ul-li.act .dulb-pic-sub {
    opacity: 1;
}

.dulb-pic {
    width: 16px;
    position: relative;
    transition: all .36s;
    flex-shrink: 0;
}

.dulb-pic-sub {
    position: absolute;
    left: 0;
    top: 0;
    transition: all .36s;
    opacity: 0;
}

.dulb-pic img {
    width: 100%;
    transition: all .36s;
}

.dulu-li-box-le {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(54, 54, 54, 0.60);
    margin-top: 6px;
    margin-right: 10px;
    position: relative;
    transition: all .36s;
}

.dulu-li-box-le img {
    width: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .36s;
    flex-shrink: 0;
}

.dulu-li-box {
    display: flex;
    align-items: flex-start;
    padding: 14px 0;
    margin-left: 18px;
}

.dlul-par {
    transition: all .36s;
}

.down-page-cent-tit {
    margin-bottom: 14px;
    text-align: center;
}

.down-page-cent.ys-modal-content {
    width: 675px;
    padding: 50px 16px 60px 82px;
    max-width: calc(100vw - 40px);
    max-height: 700px;
    overflow: hidden;
    background: #fff;
    border-radius: 20px !important;
}

/* .mCustomScrollBox {
    padding-right: 66px;
} */

.ys-form-inof-item label {
    display: flex;
    gap: 8px;
}

.down-page-cent .ys-fii-input {
    position: relative;
}

.cfbr-from-par {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
}

.cont-from .cfbr-par-li .ys-fii-input input {
    padding: 0 14px;
    padding-left: 110px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}

.cont-from .cfbr-par-lit .ys-fii-input input {
    padding: 0 14px;
    padding-left: 130px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}

.cont-from .cfbr-par-lif .ys-fii-input input {
    padding: 0 14px;
    padding-left: 100px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}

.cont-from .cfbr-par-liy .ys-fii-input input {
    padding: 0 14px;
    padding-left: 90px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}

.down-page-cent .ys-fii-input {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.10);
    height: 55px;
}

.down-page-cent .ys-form-inof-item {
    margin-bottom: 20px;
    width: 100%;
}

.down-page-cent .ys-select {
    margin-left: 17px;
}

.down-page-cent .ys-fic-auth {
    margin-left: 17px;
}

.down-page-cent .ys-fia-text {
    margin-left: 17px;
}

.down-page-cent .ys-fia-text-word {
    text-align: left;
}

.ys-fia-text-word span {
    color: #F00;
}

.ys-fia-text-word a {
    color: rgba(240, 131, 0, 0.8);
}

.ys-fia-text-word {
    color: rgba(179, 179, 179, 0.8);
}

.down-page-cent .ys-fii-input input {
    padding: 0 14px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}

.down-page-cent .ys-fii-input input::placeholder {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
}

.down-page-cent .ys-fia-text-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    flex-shrink: 0;
}

.down-page-cent .ys-fia-text-btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid var(--color999);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    border-radius: 4px;
}

.down-page-cent .ys-fia-text-btn::after {
    content: '';
    width: 50%;
    height: 50%;
    position: absolute;
    background: #FF7C00;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
}

.down-page-cent .ys-form-inof-submit {
    width: 100%;
    margin-left: 0%;
}

.ys-form-inof-submit {
    margin-bottom: 0 !important;
}

.down-page-cent .ys-fii-submit {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #FFBD00 !important;
    color: #363636;
    font-weight: 400;
    font-size: var(--size16);
    cursor: pointer;
    border-radius: 84px !important;
}

.down-page-cent .ys-form-inof-item {
    margin-bottom: 31px;
    width: 100%;
}

.down-page-cent .ys-form-required.ys-form-empty .ys-fii-tips {
    display: block;
    margin-left: 17px;
}

.down-page-cent {
    position: relative;
}

/* 一级 */
.dsbc-le-ul-li {
    padding-bottom: 30px;
}

.dsbc-le-ul-li.act .dlul-box .dlul-par {
    color: #FF7C00;
}

.dsbc-le-ul-li.act .dlul-box .dlul-pic .dlul-pic-black {
    opacity: 0;
    transform: translateY(0) rotate(180deg);
}

.dsbc-le-ul-li.act .dlul-box .dlul-pic .dlul-pic-oran {
    opacity: 1;
    transform: translateY(0) rotate(180deg);
}

/* 二级 */
.dlul-box-ul-li.act .dbul-box .dbul-pic .dbul-pic-black {
    transform: translateY(0) rotate(180deg);
}

.dlul-box-ul-li.act .dbul-box .dbul-pic .dbul-pic-orgn {
    transform: translateY(0) rotate(180deg);
}


/* sanji  */
.dulu-li.act .dulu-li-box .dulu-li-box-le img {
    opacity: 1;
}

.dulu-li.act .dulu-li-box .dulu-li-box-le {
    background-color: #FFBD00;
    border: 1px solid #FFBD00;
}



.dsbc-ri-top-box {
    padding: 13px 52px;
    border-radius: 20px;
    background: #F0F0F0;
}

.drtb-ul-li-name {
    width: 39%;
}

.drtb-ul-li-name-lang {
    width: 13%;
}

.drtb-ul-li-name-form {
    width: 13%;
}

.drtb-ul-li-name-size {
    width: 13%;
}

.drtb-ul-li-name-last {
    width: 15%;
}

.down-search-box-cent {
    display: flex;
    justify-content: space-between;
}

.drtb-ul-li {
    display: flex;
    /* flex-wrap: wrap; */
}

.dsbc-ri {
    width: 73%;
}

.dull-name {
    width: 39%;
    color: #333;
    padding-right: 10px;
}

.dull-lang {
    color: #333;
    line-height: var(--line175);
    width: 13%;
    padding-right: 10px;
}

.dull-from {
    color: #333;
    line-height: var(--line175);
    width: 13%;
    padding-right: 10px;
}

.dull-size {
    color: #333;
    line-height: var(--line175);
    width: 13%;
    padding-right: 10px;
}

.dull-last {
    color: #333;
    line-height: var(--line175);
    width: 17%;
    padding-right: 10px;
}

.dull-pic {
    width: 24px;
    flex-shrink: 0;
}

.dull-pic img {
    width: 100%;
}

.drtc-ul-li-link {
    padding: 36px 50px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04);
}

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

.drtc-ul-li {
    margin-bottom: 20px;
}

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

.drtc-ul {
    margin-bottom: 60px;
}

.down-page .home-lates {
    padding-bottom: 70px;
}

.down-search {
    position: relative;
}

.news-page .ys-banner {
    background-color: red;
}

.ys-page-wrap.act .ys-main {
    margin-top: 120px;
}

.down-page .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 22px;
}

/* g2 */
.warr-data-box-tit {
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

.warr-data-box-last {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
    position: relative;
    z-index: 10;
}

.warr-data-box-last .ys-select {
    width: 34%;
}

.warr-data-box-last .ys-select-xtbbox {
    width: 34px;
}

.wdbl-box-ul {
    padding: 13px 52px;
    border-radius: 20px;
    background: #F8F8F8;
}

.wbul-name {
    width: 35%;
    padding-right: 10px;
}

.wbul-lang {
    width: 14%;
    padding-right: 10px;
}

.wbul-form {
    width: 14%;
    padding-right: 10px;
}

.wbul-size {
    width: 14%;
    padding-right: 10px;
}

.wbul-last {
    width: 22%;
    padding-right: 10px;
}

.wdbl-box-ul-li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wdbl-box {
    margin-bottom: 20px;
}

.wmul-icon {
    width: 24px;
}

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

.wdbl-magn-ul {}

.wdbl-magn-ul-li {
    margin-bottom: 20px;
}

.wdbl-magn-ul-li:last-child {
    margin-bottom: 0;
}

.wdbl-magn-ul-li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 36px 50px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04);
}

.wmul-name {
    width: 35%;
    padding-right: 10px;
}

.wmul-lang {
    width: 14%;
    padding-right: 10px;
    line-height: var(--line175);
}

.wmul-form {
    width: 14%;
    padding-right: 10px;
    line-height: var(--line175);
}

.wmul-size {
    width: 14%;
    padding-right: 10px;
    line-height: var(--line175);
}

.wmul-last {
    width: 17%;
    padding-right: 10px;
    line-height: var(--line175);
}

.warr-poli-box-tit {
    margin-bottom: 70px;
    font-weight: 500;
    text-align: center;
}

.wpbu-li-box {
    padding: 35px;
    border-radius: 20px;
    background: #F8F8F8;
    position: relative;
    z-index: 1;
    height: 100%;
}

.wpbu-li-pic {
    width: 22px;
    margin: 0 auto;
    opacity: 0;
}

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

.wpbu-li.on .wpbu-li-box::after {
    opacity: 1;
}

.wpbu-li.on .wpbu-li-pic {
    opacity: 1;
}

.wpbu-li-box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 20px;
    border-bottom: 3px solid #FFBA00;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .36s;
    z-index: -1;
}

.wpbu-li-box-pic {
    width: 44px;
    margin: 0 auto;
}

.wpbu-li-box-pic img {
    width: 100%;
}

.wpbu-li {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 32px;
    position: relative;
}

.wpbu-li-pic {
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.36s;
}

.wpbu-li-box-par {
    margin-top: 9px;
    text-align: center;
}

.warr-poli-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.warr-list-box-tit {
    font-weight: 500;
    margin-bottom: 70px;
    text-align: center;

}

.warr-list-box-cent {
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    background: #F8F8F8;
    padding: 55px 0 55px 102px;
}

.warr-list-box-cent {
    position: relative;
}

.wlbc-ri {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 51%;
}

.wlbc-ri img {
    width: 100%;
}

.wlbc-le {
    width: 60%;
}

.wlbc-le h2 {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--cl333);
    margin-bottom: 14px;
}

.wlbc-le p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--cl666);
    margin-bottom: 13px;
}

.wlbc-le p a {
    font-size: inherit;
    line-height: inherit;
    color: #F08300;
    text-decoration: underline;
}

.wlbb-tit {
    font-weight: 500;
    color: var(--color4);
    margin-bottom: 24px;
}

.wlbb-par,
.wlbb-par p {
    color: var(--color4);
}

.wlbb-par {
    margin-bottom: 21px;
}

.warr-lnqu-box-boux {
    padding: 80px 100px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg, color(display-p3 0 0 0 / 0.30) 0%, color(display-p3 0 0 0 / 0.00) 88.13%);
}

.wlbb-pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.wlbb-pic::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

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

.wlbb-wide {
    width: 58%;
}

/* .warr-lnqu .ybtw-more-link {
    display: flex;
    align-items: center;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    padding: 9px;
    padding-right: 10px;
    padding-left: 40px;
    transition: all 0.36s;
    border: 1px solid #FFF;

} */

.warr-lnqu .ybtw-more-link p {
    color: #fff;
    line-height: 1.5;
    font-size: 18px;
    transition: all 0.36s;
    padding-right: 42px;
    width: 100%;
}

.wpbe-top {
    display: flex;
    padding: 18px 50px;
    border-radius: 20px;
    background: #F7F7F7;
}

.wpbe-top-le {
    width: 29%;
}

.wpbe-top-ri {
    width: 71%;
}

.wpbe-top-box {
    display: flex;
}

.wpbe-top-box-le {
    width: 29%;
}

.wpbe-top-box-ri {
    width: 71%;
}

/* d3-2 */
.play-map-box {
    position: relative;
}

.play-map-box-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
}

.pmbm-iframe {
    width: 100%;
    position: sticky;
    top: 119px;
    left: 0;
    pointer-events: all;
}

.play-map-box-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-map-box .inst-page-box-but {
    margin-bottom: 0;
}

.play-map-box-ri {
    width: 36%;
    position: relative;
    height: 100%;
    z-index: 8;
    padding-top: 114px;
    pointer-events: all;
}

/* .play-map-box-ri::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 88px;
    background: linear-gradient(180deg, color(display-p3 1 1 1 / 0.00) 0%, color(display-p3 1 1 1) 100%);
    z-index: 5;
} */

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.pmbr-ul-li-box {
    padding: 32px 60px 23px 60px;
    position: relative;
    z-index: 3;
    background-color: var(--color4);
    border-bottom: 1px solid rgba(181, 181, 181, 0.20);
}


.pulb-le img {
    width: 46px;
    flex-shrink: 0;
}

.pulb-le {
    padding: 5px;
    border-radius: 10px;
    flex-shrink: 0;
    background: #FFF;
    box-shadow: 0px 1px 3.5px 0px rgba(0, 0, 0, 0.08);
}

.pmbr-ul {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 230px);
    background: #fff;
}

.pmbr-ul-li-box {
    display: flex;
    align-items: flex-start;
}

.pulb-ri {
    padding-left: 50px;
}

.prul-pic {
    width: 20px;
    margin-top: 5px;
    flex-shrink: 0;
}

.prul-pic img {
    width: 100%;
}

.pulb-ri-ul-li {
    display: flex;
    align-items: flex-start;
}

.prul-par {
    color: var(--cl666);
    margin-left: 12px;
}

.pulb-ri-ul {
    margin-top: 10px;
}

.pulb-ri-ul-li {
    margin-bottom: 6px;
}

.pulb-ri-ul-li:last-child {
    margin-bottom: 0;
}


.play-map .inst-page-box-but {
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 3px 11.9px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(5.650000095367432px);
    -webkit-backdrop-filter: blur(5.650000095367432px);
    -moz-backdrop-filter: blur(5.650000095367432px);
    -ms-backdrop-filter: blur(5.650000095367432px);
    -o-backdrop-filter: blur(5.650000095367432px);
    z-index: 10;
    position: relative;
}

.play-map-box-wrap {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: -114px;
    /* pointer-events: none; */
}

.down-page-cent-par {
    margin-bottom: 30px;
}

.down-page-cent-par,
.down-page-cent-par p {
    text-align: center;
    line-height: 1.57;
    color: var(--cl666);
}

.wpbe-top-box table {
    border-collapse: collapse;
    width: 100%;
}

.wpbe-top-box th {
    padding: 18px 0;
    padding-left: 50px;
    text-align: left;
    background: #F7F7F7;
}

.wpbe-top-box td {
    padding: 8px;
    text-align: left;
}

.wpbe-top-box thead tr th:first-child {
    border-right: none;
    padding-right: 303px;
}

.wpbe-top-box-editor p {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
    margin-bottom: 11px;
}

.wpbe-top-box-editor p:last-child {
    margin-bottom: 0;
}

.wpbe-top-td-editor p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    margin-bottom: 11px;
}

.wpbe-top-td-editor p:last-child {
    margin-bottom: 0;
}

.wpbe-top-box tbody tr td:first-child {
    padding: 17px 15px;
    padding-left: 50px;
    border-right: 1px solid #D8D9E1;
}

.wpbe-top-box tbody tr td {
    padding-left: 50px;
    border-bottom: 1px solid #D8D9E1;
}

.wpbe-top-td-editor ul {
    padding-bottom: 20px;
}

.warr-poli-box-editor .comp-mile-box-report .yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 24px !important;
}

.wpbe-top-td-editor ul li::marker {
    color: var(--cl666);
}

/* ***************** */






/* e1 */
.ybtw-more-par {
    color: var(--color4);
}

.comp-solax-box {
    padding: 0 171px;
}

.comp-solax-box-tit {
    margin-bottom: 60px;
    text-align: center;
}

.comp-solax-box-video .ys-video-btn img {
    width: 100%;
}

.comp-solax-box-video .ys-video-btn {
    border-radius: 40px;
    background: #BCBCBC;
    overflow: hidden;
}

.csbv-begin-pic {
    width: 60px;
}

.csbv-begin-pic img {
    width: 100%;
}

.comp-solax-box-video .ys-video-btn {
    position: relative;
}

.csbv-begin {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.csbv-begin-par {
    color: var(--color4);
    line-height: var(--line16);
    margin-top: 5px;
}

.comp-solax-box-video {
    margin-bottom: 50px;
}

.comp-solax-box-intr,
.comp-solax-box-intr p {
    color: var(--cl666);
}

.comp-solax-box-intr {
    margin-bottom: 80px;
}

.culb-num {
    font-size: 48px;
    line-height: var(--line12);
    color: #FF7C00;
}

.culb-exe {
    margin-top: 10px;
}

.csbd-ul-li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 var(--jian);
    width: 20%;
    margin-bottom: 20px;
}

.csbd-ul {
    margin: 0 var(--jian1);
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: -20px;
}

.wlbb-but {
    display: inline-block;
}

.goods-rela .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -97px;
    left: 0;
    width: 100%;
}

.csbd-ul-li-box {
    text-align: center;
}

.point {
    display: none;
}

.clbl-par {
    color: var(--color4);
    margin-bottom: 13px;
    padding-left: 13px;
    position: relative;
}

.clbl-par::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFBD00;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.comp-log {
    position: relative;
}

.comp-log-pic {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
}

.comp-log-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.clbl-tit {
    color: var(--color4);
    font-weight: 500;
}

.comp-log-box-le {
    width: 48%;
}

.comp-log-box-ri {
    width: 36%;
}

.clbr-box {
    padding: 32px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
}

.clbr-box-pic {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

.clbr-box-pic img {
    width: 100%;
}

.clbr-box-tit {
    margin-bottom: 2px;
}

.clbr-box-par {
    margin-bottom: 49px;
}

.clbr-box-data {
    text-align: right;
}

.clbr-box-data p span {
    font-size: inherit;
    line-height: inherit;
    color: rgba(179, 179, 179, 0.7);
}

.comp-log-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 186px 0;
}

.comp-glfs-box-tab {
    margin-bottom: 17px;
    text-align: center;
}

.comp-glfs-box-tab p {
    display: inline-block;
    padding-left: 13px;
    position: relative;
}

.comp-glfs-box-tab p::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #FFBD00;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.comp-glfs-box-tit {
    font-weight: 500;
    width: 54%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 72px;
}

.culb-pic {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}


.culb-pic::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    /* z-index: -1; */
}

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

.culb-cont-tit {
    color: var(--color4);
    margin-bottom: 14px;
}

.culb-cont-par {
    color: var(--color4);
}

.culb-cont {
    padding: 0 0 30px 40px;
    position: absolute;
    left: 0;
    width: 51%;
    bottom: 0;
    transition: all .36s;
    opacity: 0;
    z-index: 10;
}

.cgbb-ul-li-box {
    position: relative;
    width: 100%;
    height: 532px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    border-radius: 20px;
    z-index: 10;
}

.cgbb-ul-li.act {
    width: 70%;
    transition: all .36s;
}

.cgbb-ul-li {
    width: 10%;
    padding: 0 10px;
    transition: all .36s;
}

.cgbb-ul-li.act .culb-cont {
    opacity: 1;
    transition: all .36s;
    transition-delay: 0.36s;
}

.cgbb-ul {
    display: flex;
    margin: 0 -10px;
}

.comp-mile .comp-glfs-box-tit {
    margin-bottom: 89px;
}

.cmbt-le-ul-li p {
    font-size: 84px;
    color: var(--cl333);
    line-height: var(--line12);
}

.cmbt-le-ul-li {
    display: none;
}

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

.cmbt-ri {
    display: flex;
}

.cmbt-ri-slas {
    padding: 0 9px;
}

.cmbt-ri-prev {
    color: #FF7C00;
}

.cmbt-ri-prev.swiper-button-disabled {
    pointer-events: none;
    color: #B3B3B3;
}

.cmbt-ri-next.swiper-button-disabled {
    pointer-events: none;
    color: #B3B3B3;
}

.cmbt-ri-next {
    color: #FF7C00;
}

.comp-mile-box-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D9E1;
    margin-bottom: 63px;
}

.cmbt-ri-slas {
    color: #B3B3B3;
}

.cmbr-le {
    width: 60%;
}

.cmbr-ri {
    width: 33%;
    padding: 30px 15px 30px 40px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);

}

.cmbr-le-pic {
    width: 45%;
    border-radius: 20px;
    background: #EAEAEA;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
    margin-right: 30px;
}

.cmbr-le-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cmbr-le-box {
    width: 51%;
}

.cmbr-le-tit {
    width: 100%;
    margin-bottom: 25px;
}

.cmbr-le-par {
    width: 91%;
    color: var(--cl666);
}

.cmbr-le-par p {
    color: var(--cl666) !important;
}

.cmbr-le {
    display: flex;
}

.cmbr-ri h2 {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--cl333);
    margin-bottom: 13px;
}

.cmbr-ri li p {
    font-size: var(--font14);
    color: #000;
    line-height: var(--line18);
    margin-bottom: 11px;
}

.cmbr-ri li:last-child p {
    margin-bottom: 0;
}

.comp-mile-box-report {
    display: flex;
    justify-content: space-between;
}

.comp-mile-box-report .yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 20px;
}

.comp-mile {
    position: relative;
}

.comp-mile-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.comp-mile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 轮播 */
.comp-mile-box-swoper {
    margin-bottom: 130px;
}

.comp-mile-box-bar {
    position: relative;
    width: 65%;
    margin: 0 auto;
}

.comp-mile {
    padding-bottom: 53px;
}

.comp-mile-box-bar::before {
    content: '';
    height: 1px;
    background: rgba(179, 179, 179, 0.7);
    opacity: .2;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 45px;
}

.cmbb-line {
    height: 1px;
    background: rgba(240, 131, 0, 1);
    width: calc(100% / 8);
    left: 0;
    position: absolute;
    top: 44px;
    width: calc(calc(12.5%* var(--pro-shu)) - 6.5%);
    transition: width 0.36s;
}

/* .cmbb-ul {
    display: flex;
} */

.cmbb-ul-li {
    width: 12.5%;
    margin-bottom: 40px;
    display: inline-block;
    transition: left 0.36s;
    position: relative;
    transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    left: calc(var(--pro-guo) * -12.5%);
    text-align: center;
}

.cmbb-ul-li-data {
    color: var(--cl666);
    padding-bottom: 13px;
}

.cmbb-ul-li-icon {
    position: relative;
    width: 8px;
    height: 8px;
    display: inline-block;
    z-index: 1;
    background: #B3B3B3;
    border-radius: 50%;
    transition: all .36s;
    margin: 0 auto;
}

.cmbb-ul-li-icon::after {
    content: '';
    width: 12px;
    height: 12px;
    background: rgba(255, 124, 0, 0.6);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition: all .36s;
}

.cmbb-ul-li.slick-current .cmbb-ul-li-icon {
    background-color: rgba(240, 131, 0, 1);
}

.cmbb-ul-li.slick-current .cmbb-ul-li-icon::after {
    opacity: 1;
}

.cmbb-ul-li.slick-current .cmbb-ul-li-icon::before {
    opacity: 1;
}

.cmpu-li.on .cmpu-li-pic {
    transform: scale(2);
}

.cmpu-li {
    width: 24px;
    position: absolute;
    transform: translate(-50%, -100%);

}

.cmpu-li-pic {
    transform-origin: bottom center;
    transition: all .4s ease;
}

.cmbb-ul-li-icon::before {
    content: '';
    width: 16px;
    height: 16px;
    background: rgba(255, 124, 0, 0.25);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition: all .36s;
}

.cont-map .slick-list {
    position: relative;
    display: block;
    overflow: visible !important;
    /* overflow: inherit; */
}

.cont-map .swiper-nex,
.cont-map .swiper-pev {
    width: 56px;
}

.cont-map .swiper-nex svg,
.cont-map .swiper-pev svg {
    width: 100%;
}

.cont-map .swiper-pev {
    left: -120px;
}

.cont-map .swiper-nex {
    right: -120px;
}

/* .cont-map .cont-map-swiper {
    width: calc(404px* 3) !important;
} */

.ys-slick-item.slick-current .cmss-item-box {
    transform: translateY(-100px);
    transition: all 0.36s;
}

/* 下 */
.comp-prod .comp-glfs-box-tit {
    margin-bottom: 26px;
}

.comp-prod-box-brief,
.comp-prod-box-brief p {
    color: var(--cl666);
}

.comp-prod-box-brief {
    margin: 0 auto;
    width: 79%;
    margin-bottom: 70px;
    text-align: center;
}

.comp-prod-box-pic {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.comp-prod-box-pic img {
    width: 100%;
}

.chbs-wapper-slide-box {
    background: #F8F8F8;
    padding: 83px 60px;
}

.chbs-wapper-slide {
    width: 350px !important;
}

.cwsb-pic {
    width: 100%;
}

.cwsb-pic img {
    width: 100%;
}

.cwsb-tit {
    text-align: center;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em;
}

.swiper-prev {
    width: 56px;
}

.swiper-prev img {
    width: 100%;
}

.swiper-next {
    width: 56px;
}

.swiper-next img {
    width: 100%;
}

.comp-hono-box-swiper {
    position: relative;
}

.comp-hono {
    position: relative;
    z-index: 2;
}

.comp-hono::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--left);
    background-color: #fff;
    z-index: 9;
}

.swiper-prev {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.swiper-next {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.comp-hono .swiper-container {
    overflow: inherit;
}

.comp-prod {
    position: relative;
}

.comp-prod::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--left);
    background-color: red;
}

.comp-page .home-lates {
    padding-bottom: 70px;
}

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

.list-page-cont .swiper-container {
    margin-left: 0 !important;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.comp-hono .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -20px;
    left: 0;
    width: 100%;
}

.comp-page .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
}

.detail-page .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -20px;
    left: 0;
    width: 100%;
}

.detail-page .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
}

/* g3 */
.cont-map-pic {
    width: 100%;
    position: absolute;
}

.cont-map-pic img {
    width: 100%;
}

.cmpu-li-pic {
    width: 24px;
}

.cont-map-pic-ul {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

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

.cmss-item-box {
    padding: 20px;
    border-radius: 18px;
    background: #FFF;
    box-shadow: 0px 10.56px 43.648px -1.408px rgba(0, 54, 99, 0.10);
    width: 100%;
}


.cont-map-swiper-slick {
    margin: 0 -13px;
}

.cmss-item-box .ys-imgbox-cover {
    margin-bottom: 13px;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}

.cmss-item-box-detail {
    margin-bottom: 9px;
}

.cmss-item-box-detail span {
    font-size: var(--font20);
    line-height: var(--line16);
    color: rgba(240, 131, 0, 1);
    font-weight: 400;
}

.cibd-ul-li {
    display: flex;
    align-items: flex-start;
}

.cibd-ul-li-pic {
    width: 24px;
    flex-shrink: 0;
    margin-top: 2px;
}

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

.cibd-ul-li-par {
    color: var(--cl666);
    padding-left: 10px;
}

.cibd-ul-li {
    margin-bottom: 9px;
}

.cont-map-swiper-slick {
    margin: 0 -12px;
}

.cont-map-swiper-slick .cmss-item {
    padding: 0 12px;
}

.cmss-item-box-detail {
    font-weight: 400;
    transition: all .36s;
}

.swiper-slide-active.cmss-item {
    width: 460px !important;
    transition: all .36s;
}

.cmss-item-box-tit {
    transition: all .36s;
}

.cmss-item-box-boux {
    transition: all .36s;
}

.swiper-slide-active.cmss-item .cmss-item-box-tit {
    display: none;
}

.swiper-slide-active.cmss-item .cmss-item-box-boux {
    display: block;
}

.slick-current.cmss-item {
    /* transform: translateY(-15%); */
    width: 33.333333%;
    transition: all .36s;
    z-index: 5;
}

.slick-current.cmss-item .cmss-item-box-tit {
    display: none;
}

.slick-current.cmss-item .cmss-item-box-boux {
    display: block;
}

.cmss-item-box-boux {
    display: none;
}

.cont-map {
    position: relative;
}

.cont-map-swiper {
    /* position: absolute; */
    /* bottom: var(--space140); */
    width: 100%;
    height: 530px;
}

.cont-from-box-le {
    width: 33%;
}

.cont-from-box-ri {
    width: 55%;
}

.cont-from-box {
    display: flex;
    justify-content: space-between;
}

.cfbl-tit {
    color: #333;
    margin-bottom: 25px;
    margin-top: 50px;
}

.cfbl-ul-li {
    display: flex;
    align-items: flex-start;
}

.cfbl-ul-li-par {
    color: var(--cl666);
    padding-left: 10px;
}

.cfbl-ul-li-pic {
    width: 24px;
    flex-shrink: 0;
    margin-top: 4px;
}

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

.cont-from-box-ri {
    padding: 45px 65px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 3px 15.3px 0px rgba(0, 0, 0, 0.08);
}

.cfbr-tit {
    text-align: center;
}

.cfbr-par,
.cfbr-par p {
    color: var(--cl666);
}

.cfbr-par {
    text-align: center;
    margin-bottom: 40px;
}

.cont-from .down-page-cent .ys-select {
    margin-left: 0;
}

.cont-from .down-page-cent .ys-form-inof-item2 {
    width: 50%;
}

.down-page-cent .ys-fic-auth-img {
    height: 55px;
    margin-left: var(--space);
    cursor: pointer;
}

.down-page-cent .ys-form-inof-text .ys-fii-input {
    height: 110px !important;
}

.down-page-cent .ys-fii-input textarea {
    padding: 10px 14px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}

.ys-form-inof-item .ys-select-li {
    font-size: 16px !important;
}

.ys-form .ys-select-bd {
    border: none;
}

.ys-form .mCSB_dragger_bar {
    width: 2px !important;
    background: var(--vicolor) !important;
}

.down-page-cent .ys-fii-input textarea::placeholder {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
}

.cont-from {
    position: relative;
}

.cont-from-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.cont-from-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cont-from .down-page-cent .ys-form-inof-item {
    margin-bottom: 20px;
}

.ys-form-inof-item2 .ys-fii-select {
    width: 100%;
}

.cont-from .down-page-cent .ys-form-inof-agree {
    margin-bottom: 30px;
}

.down-page-cent .ys-fic-auth {
    margin-left: 0px;
}

.cont-map-swiper-mod {
    position: relative;
}

.cont-map-swiper {
    position: relative;
}

.cont-map {
    position: relative;
    height: 70vw;
    overflow: hidden;
}

.cont-map-box {
    position: relative;
    bottom: var(--space140);
    z-index: 6;
    width: 100%;
}

.swiper-pev {
    position: absolute;
    left: -20%;
    top: -40%;
    z-index: 10;
    transition: all .36s;
}

.swiper-nex {
    position: absolute;
    right: -20%;
    top: -40%;
    z-index: 10;
    transition: all .36s;
}

.swiper-pev rect {
    transition: all .36s;
}

.swiper-pev path {
    transition: all .36s;
}

.swiper-nex rect {
    transition: all .36s;
}

.swiper-nex path {
    transition: all .36s;
}

.swiper-nex.slick-disabled {
    pointer-events: none;
}

.swiper-pev.slick-disabled {
    pointer-events: none;
}

.cont-page .ys-fic-auth label {
    width: calc(100% - 173px) !important;
}

/* d1 */
.icbc-top {
    padding-bottom: 20px;
}

.icbc-top h2 {
    font-size: var(--font20);
}
.icbc-top h2,
.icbc-top p {
    position: relative;
    padding-left: 13px;
}
.icbc-top h2::after,
.icbc-top p::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #FFBD00;
    border-radius: 50%;
}

.icbc-tit {
    width: 61%;
}

.icbc-tit span {
    font-size: inherit;
    line-height: inherit;
    color: rgba(240, 131, 0, 1);
}

.icbh-le {
    width: 41%;
}

.icbh-ri {
    width: 54.5%;
}

.inst-caro-box-hop {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    border-top: 1px solid #D8D9E1;
}

.icbh-le .ys-imgbox-cover {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #EDEDED;
}

.icbh-ri-box p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--cl666);
    margin-bottom: 13px;
}

.icbh-ri-but .ybtw-more-link {
    border: 1px solid #363636;
}

.icbh-ri {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inst-phone-top {
    position: relative;
}

.inst-phone-top .icbc-top {
    padding-top: 58px;
    padding-bottom: 0;
    position: absolute;
    left: 0;
    top: 50px;
}

.inst-phone {
    padding: 52px 0;
}

.inst-phone-cent {
    display: flex;
    justify-content: space-between;
}

.inst-phone-cent-le {
    width: 26%;
    order: 1;
}

.inst-phone-cent-middle {
    width: 48%;
    order: 2;
}

.inst-phone-cent-middle img {
    width: 100%;
}

.inst-phone-cent-ri {
    width: 26%;
    order: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 80px;
    padding-bottom: 50px;
}

.ipcr-boux {
    padding: 50px 0;
}

.ipcl-top {
    font-weight: 400;
    color: #FF7C00;
    margin-bottom: 10px;
}

.ipcl-tit {
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}

.ipcl-par,
.ipcl-par p {
    color: var(--cl666);
}



.inst-phone-cent-le {
    display: flex;
    align-items: center;
}

.inst-phone {
    position: relative;
}

.inst-phone-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.inst-phone-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inst-bene-box-tit {
    font-weight: 500;
    text-align: center;
    margin-bottom: 70px;
}

.ibbu-li-link {
    padding: 41px 35px 37px 35px;
    border-radius: 10px;
    background: #F9F9F9;
    width: 100%;
    height: 100%;
}

.ibbu-li-link-pic {
    width: 44px;
    margin-bottom: 24px;
}

.ibbu-li-link-pic img {
    width: 100%;
}

.ibbu-li-link-tit {
    margin-bottom: 14px;
}

.ibbu-li-link-par,
.ibbu-li-link-par p {
    color: var(--cl666);
}

.inst-bene-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
    margin-bottom: -36px;
}

.ibbu-li {
    width: 33.3333%;
    padding: 0 var(--jian);
    margin-bottom: 36px;
}

.inst-chart {
    position: relative;
    width: 100%;
    z-index: 1;
}

.inst-chart::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 13.91%, rgba(255, 255, 255, 0.08) 19.92%, rgba(255, 255, 255, 0.19) 37.28%, #FFF 100%);
}

.inst-chart-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.inst-chart-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inst-chart-box-tit {
    font-weight: 500;
    margin: 0 auto;
    margin-bottom: 60px;
    width: 61%;
    text-align: center;
}

.icbu-li-par {
    color: var(--cl666);
    padding: 7px 20px;
    line-height: 1.5;
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    transition: all .36s;
}

.inst-chart-box-ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
    margin-bottom: 30px;
    justify-content: center;
}

.icbu-li {
    padding: 0 10px;
}

.icbu-li.on .icbu-li-par {
    color: var(--cl333);
    background: #FFBD00;
}

.inst-chart-box-from {
    width: 100%;
    padding: 56px 80px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    display: none;
}

.inst-chart-box-from:first-child {
    display: block;
}

.icbf-ul-li-tit {
    width: 70%;
    padding-right: 10px;
}

.icbf-ul-li-silver {
    width: 10%;
    padding-right: 10px;
    text-align: center;
}

.icbf-ul-li-gold {
    width: 10%;
    padding-right: 10px;
    text-align: center;
}

.icbf-ul-li-plat {
    width: 10%;
    padding-right: 10px;
    text-align: center;
}

.icbf-ul-li {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #D8D9E1;
    flex-wrap: wrap;
}

.icbf-ul-li-silver {
    padding: 20px 0;
}

.icbf-ul-li-tit {
    padding: 20px 0;
}

.icbf-ul-li-gold {
    padding: 20px 0;
}

.icbf-ul-li-plat {
    padding: 20px 0;
}

.iuls-pic {
    width: 24px;
    margin: 0 auto;
}

.iuls-pic img {
    width: 100%;
}

.inst-join-box-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.ijbu-li {
    width: 33.3333%;
    padding: 0 var(--jian);
    position: relative;
    margin-bottom: 20px;
}

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

.ijbu-li-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ijbu-li .ys-imgbox-cover {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 1%, rgba(0, 0, 0, 0.36) 100%);


}

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

.ijbu-li-cont {
    padding: 47px 53px 49px 54px;
}

.ilcb-num {
    font-size: var(--font40);
    line-height: var(--line12);
    color: var(--color4);
    margin-bottom: 3px;
}

.ilcb-par {
    font-size: 28px;
    line-height: 1.4;
    color: var(--color4);
    white-space: normal;
    word-wrap: break-word;
}

.ilcp-ul-li-link {
    line-height: 56px;
    width: 180px;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    color: var(--color4);
    transition: all .36s;
    max-width: 100%;
}

.ilcp-ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ilcp-ul-li {
    margin-right: 20px;
}

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

.ilcp-ul-li-par {
    color: rgba(255, 255, 255, 0.60);
    position: absolute;
    left: 15px;
    bottom: -30px;
}

.ilcp-ul-li {
    position: relative;
}

.inst-faq-box {
    display: flex;
    justify-content: space-between;
}

.inst-faq-box-le {
    width: 23.5%;
}

.inst-faq-box-ri {
    width: 67%;
}

.ifbl-tit {
    font-weight: 500;
}

.iult-ri {
    width: 32px;
    position: relative;
    transition: all .36s;
    flex-shrink: 0;
}

.iult-ri img {
    width: 100%;
}

.iult-le {
    width: calc(100% - 34px);
    padding-right: 14px;
}

.ifbr-ul-li-top {
    display: flex;
}

.ifbr-ul-li {
    padding: 24px 0;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}

.iult-ri-none {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .36s;
}

.iult-ri-block {
    transition: all .36s;
}

.ifbr-ul-li-cont,
.ifbr-ul-li-cont p {
    color: rgba(54, 54, 54, 0.6);
}

.ifbr-ul-li-cont {
    margin-top: 32px;
    display: none;
}

.ifbr-ul-li path {
    transition: all .36s;
}

.ifbr-ul-li rect {
    transition: all .36s;
}

.ifbr-ul-li svg {
    transition: all .36s;
}

.ifbr-ul-li.act svg {
    transform: rotate(45deg);
    transition: all .36s;
}

.ifbr-ul-li.act path {
    stroke: #fff;
    transition: all .36s;
}

.ifbr-ul-li.act rect {
    fill: #FFBD00;
    transition: all .36s;
}

.ifbr-ul-li.act .iult-ri-block {
    opacity: 0;
}

.ifbr-ul-li.act .iult-ri-none {
    opacity: 1;
}

.inst-page .home-lates {
    padding-bottom: 70px;
}

.boux {
    display: flex;
    justify-content: space-between;
}

.inst-decl-box-le {
    width: 49%;
    margin-top: 115px;
}

.inst-decl-box-ri {
    width: 44%;
}

.inst-decl-box-ri .ys-imgbox-cover {
    width: 100%;
    border-radius: 20px;
    background: #EDEDED;
    overflow: hidden;
}

.inst-decl .icbc-top {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
}

.idbl-tit {
    margin-bottom: 50px;
    font-weight: 500;
}

.idbl-par p {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cl666);
    margin-bottom: 12px;
}

.idbl-par p:last-child {
    margin-bottom: 0;
}

.idbl-par {
    margin-bottom: 120px;
}

.idbl-time-data span {
    font-size: inherit;
    line-height: inherit;
    color: #363636;
}

.idbl-time-data {
    color: #B3B3B3;
}

.idbl-time-but {
    display: flex;
    padding-left: 35px;
}

.idbl-time-but-slas {
    padding: 0 7px;
}

.idbl-time {
    display: flex;
    align-items: center;
}

/* c2 */
.goods-page .ybtw-more p {
    color: var(--color4);
}

.goods-page .ys-ban-txtbox-wrap {
    width: 62%;
}

.goods-intr-box-le {
    width: 8%;
}

.goods-intr-box-ri {
    width: 69%;
}

.goods-intr-box {
    display: flex;
    justify-content: space-between;
}

.gibl-par {
    position: relative;
    padding-left: 13px;
}

.gibl-par::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFBD00;
}

.gibr-desc span {
    font-size: inherit;
    line-height: inherit;
    color: rgba(240, 131, 0, 1);
}

.goods-rela-box-tit {
    font-weight: 500;
    text-align: center;
    margin-bottom: 70px;
}

.goods-rela-box {
    position: relative;
}

/* .goods-rela .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: inherit;
    list-style: none;
    padding: 0;
    z-index: 1;
} */

.goods-page .home-lates {
    padding-bottom: 70px;
}

.giul-pic {
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0%, #000 45.09%);
}

.giul-pic img {
    width: 100%;
}

.giul-cont-tit {
    font-weight: 500;
    color: var(--color4);
    margin-bottom: 10px;
}

.giul-cont-par,
.giul-cont-par p {
    color: var(--color4);
}

.giul-cont {
    width: 27%;
}

.goods-image-ul-li {
    position: relative;
}

.giul-cont {
    position: absolute;
    bottom: 100px;
    left: 100px;
}

.goods-image-ul-li:nth-child(2n) .giul-cont {
    position: absolute;
    bottom: 100px;
    right: 100px;
    left: auto;
}

.ys-modal-content.iomw-cont {
    width: 898px;
    /* padding: 50px; */
    padding: 60px 96px 78px 96px;
    max-width: calc(100vw - 40px);
    max-height: 700px;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
}

.iomw-cont-tit {
    text-align: center;
    margin-bottom: 40px;
}

.inst-page-modal .mCustomScrollBox {
    padding-right: 0;
}

.iomw-cont-ul-li {
    width: 50%;
    padding: 0 29px;
    margin-bottom: 20px;
}

.iomw-cont-ul-li:last-child {
    margin-bottom: 0;
}

.iomw-cont-ul-li .ys-imgbox-cover {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.60) 70.67%);
}

.iomw-cont-ul-li {
    position: relative;
}

.icul-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.icul-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.icul-cont {
    padding: 40px 29px;
}

.icul-cont-tit {
    font-weight: 400;
    text-align: center;
    color: var(--color4);
}

.icul-cont-but {
    text-align: center;
}

.iomw-cont-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -29px;
}

.iomw-but-close.ys-modal-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    z-index: 10;
}

.icon-close.iconfont {
    font-family: "iconfont" !important;
    font-size: 22px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* d1 */
.inst-decl-box-ul {
    width: 100%;
}

.inst-decl-box-ri {
    margin-top: 55px;
}

.idbu-li {
    width: 100%;
    margin-bottom: 60px;
    position: sticky;
    top: 120px;
    align-items: self-start;
    background-color: #fff;
}

.sjakd {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.inst-decl {
    overflow: inherit;
}

.grsw-slide {
    width: 410px !important;
}

.goods-rela .plbu-li-link-tit {
    font-weight: normal;
    margin-top: 19px;
}

.goods-rela .plbu-li-link-par {
    color: var(--cl666);
    margin-top: 1px;
}

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

.goods-rela-box-but {
    margin-top: 70px;
}

.list-page .home-lates {
    padding-bottom: 70px;
}

/* c3 */
.trene-warrap {
    position: relative;
}

.trene-warrap-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.trene-warrap-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trene-warrap .mod-bread {
    position: absolute;
    top: 15px;
    z-index: -1;
}

.trene-warrap .mod-bread-ul-li a {
    color: var(--cl666);
}

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

.trene-warrap-box-par,
.trene-warrap-box-par p {
    color: var(--cl666);
}

.trene-warrap-box-par {
    margin-bottom: 8px;
    text-align: center;
}

.trene-warrap-box-tit {
    font-weight: 500;
    margin-bottom: 26px;
    text-align: center;
}

.twbu-li-name {
    color: #FF7C00;
    font-weight: 400;
    margin-bottom: 2px;
}

.twbu-li.single::after {
    display: none;
}

.twbu-li-par {
    color: var(--cl666);
}

.trene-warrap-box-ul {
    display: flex;
    justify-content: center;
    margin-bottom: 53px;
}

.twbu-li {
    padding-right: 72px;
    text-align: center;
    position: relative;
}

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

.twbu-li::after {
    content: "";
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #B3B3B3;
}

.twbu-li:last-child {
    padding-right: 0;
}

.twbs-item-pic {
    width: 100%;
}

.slick-current.twbs-item {
    transform: scale(1);
    z-index: 10;
    transition: all 0.3s ease;
}

.twbs-item {
    transition: all 0.3s ease;
    transform: scale(0.55);
}

.twbs-item-pic img {
    width: 100%;
}

.trene-warrap-box-image {
    position: relative;
    margin-bottom: 64px;
    padding: 0 33px;
    /* height: 460px; */
}

.trene-warrap-box-image .hpbs-widget-le {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.trene-warrap-box-image .hpbs-widget-ri {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* .trene-warrap-box-slick{
    height: 460px;
}
.twbs-item{
    height: 460px;
} */
.trene-warrap-box-intr,
.trene-warrap-box-intr p {
    color: var(--cl666);
}

.trene-warrap-box-intr {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
    width: 77%;
}

.twbb-ul-li-link {
    line-height: 56px;
    padding: 0 40px;
    border-radius: 50px;
    border: 1px solid #363636;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    transition: all .36s;
    cursor: pointer;
}

.twbb-ul {
    display: flex;
    justify-content: center;
}

.twbb-ul-li {
    padding: 0 15px;
}

.twbb-ul {
    margin: 0 -15px;
}

.tpbl-tit {
    font-weight: 500;
    color: #333;
    margin-bottom: 35px;
}

.tpbl-par,
.tpbl-par p {
    color: var(--cl666);
}

.tpbl-par {
    margin-bottom: 80px;
}

.tpbl-but {
    display: inline-block;
}

.trene-prod-box-le {
    width: 41%;
}

.trene-prod-box-ri {
    width: 31%;
    margin-right: 111px;
}

.trene-prod-box-ri .ys-imgbox-cover {
    width: 100%;
}

.trene-prod-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tmws-box {
    width: 100%;
    padding: 30px 40px;
    border-radius: 10px;
    border-top: 2px solid #FFBD00;
    box-shadow: 0px 4px 40px 0px rgba(0, 31, 130, 0.04), 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04);
}

.tmws-box-pic {
    width: 60px;
    border: 1px solid rgba(250, 192, 0, 1);
    border-radius: 50%;
    margin-bottom: 20px;
}

.tmws-box-pic img {
    width: 100%;
}

.tmws-box-tit {
    color: #2E2C2C;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(34, 48, 126, 0.2);
    margin-bottom: 20px;
}

.tmws-box-editor ul li p {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
    margin-bottom: 11px;
}

.tmws-box-editor ul li:last-child p {
    margin-bottom: 0;
}

.tmws-box-editor ul li::marker {
    color: #FFBD00;
    ;
    width: 6px;
    height: 6px;
}

.tmws-box-editor .comp-mile-box-report .yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 18px !important;
}

.list-cont-ul-li.on .lcul-link::before {
    opacity: 1;
    width: 100%;
}

.list-cont-ul-li.on .lcul-link {
    color: #FF7C00;
}

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

.tmbc-mod-wrapper-slide {
    width: 398px !important;
    height: auto !important;
}

.trene-modu .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: inherit;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.tmws-box {
    height: 100%;
}

.tmwb-prev {
    width: 56px;
}

.tmwb-prev img {
    width: 100%;
}

.tmwb-next {
    width: 56px;
}

.tmwb-next img {
    width: 100%;
}

.tmbc-mod-wrapper-but {
    display: flex;
    gap: 10px;
    margin-top: 50px;
}

.trene-ters-box-le {
    /* margin-left: 76px; */
    width: 35%;
    text-align: center;
}

.trene-ters-box-ri {
    width: 65%;
}

.trene-ters-box-le .ys-imgbox-cover {
    width: 100%;
}

.ttbl-tit {
    font-weight: 400;
    margin-top: 20px;
}

.trene-ters-box-cont {
    display: flex;
    justify-content: space-between;
}

.trene-ters-box-tit {
    font-weight: 500;
    text-align: center;
}

.ttbr-ul-li-box {
    padding: 17px 50px 17px 60px;
    border-radius: 7px;
    background: #FFF;
    box-shadow: 0px 1px 8.64px 0px rgba(0, 31, 68, 0.10);


}

.tulb-cont {
    display: flex;
}

.tulb-le {
    width: calc(100% - 32px);
    transition: all .36s;
}

.tulu-li-box-le {
    width: 72%;
}

.tulu-li-box-ri {
    width: 28%;
}

.tulu-li-box {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #D8D9E2;
}

.ttbr-ul-li {
    margin-bottom: 20px;
}

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

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

.ttbr-ul-li.act .tulb-le {
    color: #FF7C00;
}

.ttbr-ul-li.act .iult-ri-block {
    opacity: 0;
}

.ttbr-ul-li .iult-ri-block {
    transition: all .36s;
}

.ttbr-ul-li .iult-ri-none {
    transition: all .36s;
}

.ttbr-ul-li.act .iult-ri-none {
    opacity: 1;
}

.tulu-li:last-child .tulu-li-box {
    border-bottom: none;
}

.ttbr-ul {
    /* margin-bottom: -6px ; */
    padding-right: 6px;
}

.ttbr-ul-li:last-child {
    padding-bottom: 6px;
}

.trene-ess {
    position: relative;
}

.trene-ess-pic {
    width: 100%;
}

.trene-ess-pic img {
    width: 100%;
}

.trene-ess-slde {
    display: flex;
    justify-content: flex-end;
    margin-top: -250px;
    padding-bottom: 40px;
}

.trene-ess-box {
    width: 44%;
    padding: 40px 40px 30px 40px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 58px 16px 0px color(display-p3 0.0471 0.1373 0.4157 / 0.00), 0px 37px 15px 0px color(display-p3 0.0471 0.1373 0.4157 / 0.01), 0px 21px 13px 0px color(display-p3 0.0471 0.1373 0.4157 / 0.03), 0px 9px 9px 0px color(display-p3 0.0471 0.1373 0.4157 / 0.04), 0px 2px 5px 0px color(display-p3 0.0471 0.1373 0.4157 / 0.05);
    margin-right: 39px;
}

.trene-ess-box-time {
    margin-bottom: 7px;
    color: #FF7C00;
}

.trene-ess-box-time span {
    font-size: inherit;
    line-height: inherit;
    color: #B3B3B3;
}

.trene-ess-box-tit {
    font-weight: 500;
    color: #2E2C2C;
    margin-bottom: 34px;
}

.trene-ess-box-par,
.trene-ess-box-par p {
    color: #666;
}

.trene-ess-box-par {
    margin-bottom: 50px;
}

.tebb-le-link-le {
    color: #FF7C00;
    margin-right: 15px;
}

.tebb-le-link-ri {
    width: 12px;
}

.tebb-le-link-ri img {
    width: 100%;
}

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

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

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

.tebb-ri-but {
    display: flex;
    gap: 20px;
}

.trene-ess-box-but {
    display: flex;
    justify-content: space-between;
}

.trene-ess-ul-li {
    padding: 0 var(--jian);
}

.trene-ess-ul {
    margin: 0 var(--jian1);
}

.trene-succ-box-cont {
    padding: 30px 64px 30px 30px;
    border-radius: 10px;
    background: #F8F8F8;
}

.trene-succ-box-cont {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    background: #F8F8F8;
}

.tsbc-le {
    width: 50%;
}

.tsbc-ri {
    width: 46%;
}

.tsbc-ri-tit {
    color: #0A1B1B;
    margin-bottom: 30px;
}

.tsbc-le .ys-imgbox-cover {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.trpu-li-pci {
    width: 24px;
    margin-top: 1px;
}

.trpu-li-pci img {
    width: 100%;
}

.trpu-li-ri {
    line-height: var(--line16);
    padding-left: 25px;
    position: relative;
}

.tsbc-ri-par-editor ul li:last-child p {
    margin-bottom: 0;
}

.trpu-li-ri::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 8px;
    /* transform: translateY(-50%); */
    width: 1px;
    height: 12px;
    border-radius: 20px;
    background: #363636;
}

.trpu-li {
    display: flex;
    padding: 0 var(--jian);
    align-items: flex-start;
    margin-bottom: 20px;
}

.tsbc-ri-par-ul {
    display: flex;
    margin: 0 var(--jian1);
}

.tsbc-ri-par-editor ul li p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--cl666);
    margin-bottom: 13px;
}

.tsbc-ri-par-editor ul li::marker {
    color: var(--cl666);
}

.tsbc-ri-par-editor .comp-mile-box-report .yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 25px !important;
}

.tsbc-ri-par-editor {
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tsbc-ri-par-link {
    padding-left: 11px;
}

.trene-succ-ul-li {
    padding: 0 var(--jian);
}

.trene-succ-ul {
    margin: 0 var(--jian1);
}

.trene-succ-box {
    position: relative;
}

.trene-succ-box-prev {
    width: 56px;
    position: absolute;
    left: -80px;
    top: 50%;
}

.trene-succ-box-prev img {
    width: 100%;
}

.trene-succ-box-enxt {
    width: 56px;
    position: absolute;
    right: -80px;
    top: 50%;
}

.trene-succ-box-enxt img {
    width: 100%;
}

.tlul-par {
    color: var(--cl666);
    line-height: 1.5;
    padding: 14px 30px;
    border-radius: 34px;
    background: #F8F8F8;
    transition: all .36s;
}

.tdbb-le-ul {
    display: flex;
    gap: 20px;
}

.tdbb-le {
    width: 56%;
    margin: 0 auto;
}

.tdbb-ri {
    width: 33%;
}

.trene-data-box-but {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
}

.trene-page .home-lates {
    padding-bottom: 70px;
}

.trene-data .wbul-last {
    width: 14%;
}

.trene-data .wdbl-box-ul {
    background: #FFBD00;
}

.tdbb-le-ul-li.on .tlul-par {
    color: var(--cl333);
    background-color: #FFBD00;
}

.ttbt-tab-but {
    display: flex;
    gap: 10px;
}

.trene-ters-box-tab {
    display: flex;
    align-items: center;
    padding: 10px 50px 10px 10px;
    border-radius: 10px;
    background: #F9F9F9;
    box-shadow: 0px 1px 8.64px 0px rgba(0, 31, 68, 0.10);
    margin-bottom: 40px;
}

.ttbt-tab-wrapper-slide .ttws-box {
    line-height: 1.5;
    padding: 12px 30px;
    border-radius: 10px;
}

.swiper-slide-active.ttbt-tab-wrapper-slide .ttws-box {
    background: #FFBD00;
}

.ttbt-tab {
    width: calc(100% - 74px);
}

.ttbt-tab-but-prev,
.ttbt-tab-but-next {
    width: 32px;
}

.ttbt-tab-but-next rect,
.ttbt-tab-but-prev rect {
    transition: all .36s;
}

.ttbt-tab-but-next path,
.ttbt-tab-but-prev path {
    transition: all .36s;
}

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

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

/* b4 */
.case-editor .mod-bread {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: -1;
}

.case-editor .mod-bread .mod-bread-ul-li a {
    color: var(--cl666);
}

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

.case-editor-box-tit {
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

.cebt-ul-li-ri {
    line-height: var(--line16);
    padding-left: 25px;
    position: relative;
}

.cebt-ul-li-ri::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    border-radius: 20px;
    background: #363636;
}

.cebt-ul-li-le {
    width: 24px;
}

.cebt-ul-li-le img {
    width: 100%;
}

.cebt-ul-li {
    display: flex;
    align-items: flex-start;
}

.cebt-ul-li {
    padding: 0 var(--jian);
    margin-bottom: 20px;
}

.cebt-ul {
    margin: 0 var(--jian1);
    margin-bottom: -20px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

.case-editor-box-tag {
    margin-bottom: 80px;
}

.case-editor-box-tag .tsbc-ri-par-ul {
    justify-content: center;
    /* margin-bottom: -20px; */
}

.case-editor-box-edit {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(98, 99, 108, 0.3);
}

.cebp-ul-li-par {
    color: #B3B3B3;

}

.cebp-ul-li {
    display: flex;
    align-items: center;
}

.cebp-ul-li-link {
    font-size: var(--font14);
    line-height: var(--line175);
    color: #363636;
    transition: all .36s;
    /* margin-left: 12px; */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.75em;
}

.case-editor-box-edit ul li p {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--cl666);
}


.case-editor-box-edit ul li::marker {
    color: var(--cl666);
}

.case-editor-box-page {
    margin-top: 20px;
}

.cebp-ul-li {
    margin-bottom: 10px;
}

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

.case-rela-box-tit {
    font-weight: 500;
    margin-bottom: 70px;
    text-align: center;
}

.crbu-li {
    padding: 0 13px;
}

.case-rela-box-ul {
    margin: 0 -13px;
}

.case-rela-box {
    position: relative;
}

.case-rela-box-prev {
    position: absolute;
    left: -60px;
    top: 43%;
}

.case-rela-box-enxt {
    position: absolute;
    right: -60px;
    top: 43%;
}

.case-rela-box-ul .slick-list {
    position: relative;
    display: block;
    overflow: inherit;
    margin: 0;
    padding: 0;
}

.case-page .home-lates {
    padding-bottom: 70px;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .list-cont-ul-li:hover .lcul-link {
        color: #FF7C00;
    }

    .list-cont-ul-li .lcul-link:hover::before {
        opacity: 1;
        width: 100%;
    }

    .comp-tabli li:hover {
        color: #fff;
        background: #FFBD00;
    }

    .first li:hover::before {
        color: #FFBD00;
    }

    .prev li:hover::before {
        color: #FFBD00;
    }

    .next li:hover::before {
        color: #FFBD00;
    }

    .end li:hover::before {
        color: #FFBD00;
    }

    .lceu-li-box:hover .ys-imgbox-cover img {
        transform: scale(1.05);
    }

    .lceu-li-box:hover .lceu-li-tit {
        color: #FF7C00;
    }

    /* c1 */
    .plbt-ul-li-link:hover::after {
        opacity: 1;
    }

    .plbt-ul-li-link:hover .pull-par {
        color: #FF7C00;
    }

    .plbt-ul-li-link:hover .pull-pic-dark {
        opacity: 0;
    }

    .plbt-ul-li-link:hover .pull-pic-orange {
        opacity: 1;
    }

    .plbp-ul-li:hover .plbp-ul-li-link {
        color: var(--cl333);
        background-color: #FFBD00;
    }

    .mod-list-ul-li:hover .mlul-link {
        background-color: #FFBD00;
        color: var(--cl333);
    }

    .mod-list-arrow-picl:hover {
        cursor: pointer;
    }

    .mod-list-arrow-picy:hover {
        cursor: pointer;
    }

    .plbu-li:hover .plbu-li-link-tit {
        color: #FF7C00;
    }

    /* d3 */
    .ipbb-le-ul-li:hover .ilul-par {
        background-color: #FFBD00;
        color: var(--cl333);
        border: 1px solid #FFBD00;
    }

    .ipbb-le-ul-li:hover {
        cursor: pointer;
    }

    .ntbu-li:hover .ntbu-li-link {
        color: var(--cl333);
        background: #FFBD00;
    }

    .ntbs-slide-link:hover .ybtw-more-link {
        background: #FAC000;
        border: 1px solid #FAC000;
    }

    .debp-ul-li:hover .dull-par {
        color: #FF7C00;
    }

    /* f1 */
    .nlbu-li:hover .nlbu-li-link-par {
        color: #FF7C00;
    }

    .ntbs-slide-link:hover .nslb-tit {
        color: #FF7C00;
    }

    /* f2 */
    .nlbu-li-link:hover .nlbu-li-link-par {
        color: #FF7C00;
    }

    .dlul-box:hover {
        cursor: pointer;
    }

    .dlul-box:hover .dlul-par {
        color: #FF7C00
    }

    .dlul-box:hover .dlul-pic-black {
        opacity: 0;
    }

    .dlul-box:hover .dlul-pic-oran {
        opacity: 1;
    }

    /* 二级 */
    .dbul-box:hover .dbul-par {
        color: #FF7C00
    }

    .dbul-box:hover .dbul-pic-black {
        opacity: 0;
    }

    .dbul-box:hover .dbul-pic-orgn {
        opacity: 1;
    }

    .dbul-box:hover {
        cursor: pointer;
    }

    /* 三级 */
    .dbul-ul-li-box:hover {
        cursor: pointer;
        background-color: #F8F8F8;
    }

    .dbul-ul-li-box:hover .dulb-par {
        color: var(--cl333);
    }

    .dulu-li:hover {
        cursor: pointer;
    }

    /* c1 */
    .plbp-ul-li:hover {
        cursor: pointer;
    }

    /* g2 */
    .wpbu-li-box:hover::after {
        opacity: 1;
    }

    .wpbu-li-box:hover {
        cursor: pointer;
    }

    .detail-warrp-perv:hover {
        cursor: pointer;
    }

    .detail-warrp-next:hover {
        cursor: pointer;
    }

    /* e1 */
    .comp-solax-box-video .ys-video-btn:hover {
        cursor: pointer;
    }

    .cmbt-ri-next:hover {
        cursor: pointer;
    }

    .cmbt-ri-prev:hover {
        cursor: pointer;
    }

    .swiper-next:hover {
        cursor: pointer;
    }

    .swiper-prev:hover {
        cursor: pointer;

    }

    .cmbb-ul-li:hover {
        cursor: pointer;
    }

    .dsbp-search-pic:hover {
        cursor: pointer;
    }

    .dull-pic:hover {
        cursor: pointer;
    }

    .dsbt-ul-li:hover .dsbt-ul-li-par {
        color: var(--cl333);
    }

    .dsbt-ul-li:hover .dsbt-ul-li-par {
        background-color: #FFBD00;
    }

    /* d1 */
    .icbu-li:hover {
        cursor: pointer;
    }

    .icbu-li:hover .icbu-li-par {
        color: var(--cl333);
        background: #FFBD00;
    }

    .ilcp-ul-li-link:hover {
        color: var(--cl333);
        background: #FFBD00;
        border: 1px solid #FFBD00;
    }

    .ifbr-ul-li:hover {
        cursor: pointer;
    }

    /* g3 */
    .swiper-pev:hover {
        cursor: pointer;
    }

    .swiper-nex:hover {
        cursor: pointer;
    }

    .idbl-time-but-prev:hover {
        cursor: pointer;
    }

    .idbl-time-but-next:hover {
        cursor: pointer;

    }

    .inst-page .ybtw-more-link:hover {
        cursor: pointer;
    }

    .inst-page-pop:hover {
        cursor: pointer;
    }

    .swiper-nex:hover rect {
        fill: #FFBD00;
    }

    .swiper-nex:hover path {
        fill: #363636;
    }

    .swiper-pev:hover rect {
        fill: #FFBD00;
    }

    .swiper-pev:hover path {
        fill: #363636;
    }

    .cmss-item:hover {
        cursor: pointer;
    }

    /* c3 */
    .twbb-ul-li-link:hover {
        background-color: #FFBD00;
        border: 1px solid #FFBD00;
    }

    .tmwb-prev:hover {
        cursor: pointer;
    }

    .tmwb-next:hover {
        cursor: pointer;
    }

    .ttbr-ul-li:hover {
        cursor: pointer;
    }

    .tebb-ri-but-prev:hover rect {
        fill: #FFBD00;
        fill-opacity: 1;
    }

    .tebb-ri-but-prev:hover path {
        fill: #363636;
    }

    .tebb-ri-but-next:hover rect {
        fill: #FFBD00;
        fill-opacity: 1;
    }

    .tebb-ri-but-next:hover path {
        fill: #363636;
    }

    .tebb-ri-but-next:hover {
        cursor: pointer;
    }

    .tebb-ri-but-prev:hover {
        cursor: pointer;
    }

    .trene-succ-box-prev:hover {
        cursor: pointer;
    }

    .trene-succ-box-enxt:hover {
        cursor: pointer;
    }

    .tdbb-le-ul-li:hover .tlul-par {
        color: var(--cl333);
        background-color: #FFBD00;
    }

    .tdbb-le-ul-li:hover {
        cursor: pointer;
    }

    .ttbt-tab-but-next:hover {
        cursor: pointer;
    }

    .ttbt-tab-but-prev:hover {
        cursor: pointer;
    }

    .ttbt-tab-but-prev:hover rect {
        fill: #FFBD00;
        fill-opacity: 1;
    }

    .ttbt-tab-but-prev:hover path {
        fill: var(--cl333);

    }

    .ttbt-tab-but-next:hover rect {
        fill: #FFBD00;
        fill-opacity: 1;
    }

    .ttbt-tab-but-next:hover path {
        fill: var(--cl333);

    }

    /* b4 */
    .cebp-ul-li:hover .cebp-ul-li-link {
        color: #FF7C00;
    }

    .trene-succ-ul-li:hover .tsbc-le .ys-imgbox-cover img {
        transform: scale(1.02);
    }
}

/* Leo - end */


.ys-hd-pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 0 80px !important;
    display: block;
}

.mod-head-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    /* padding: 7px 0; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.36s;
    z-index: 10;
}

.mod-head-top-ul {
    display: flex;
}

.mhtu-li {
    margin-right: 30px;
    position: relative;
}

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

.mhtu-li .std-word {
    color: #fff;
    line-height: 1.5;
    transition: all 0.36s;
    padding: 7px 0;
    position: relative;
    display: block;
}

.mhtu-li .std-word::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background: #F08300;
    opacity: 0;
}

.mhtu-li.act .std-word {
    color: #F08300 !important;
}

.mhtu-li.act .std-word::before {
    width: 100%;
    opacity: 1;
}

.mod-head-btm {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.head-logo {
    width: 160px;
}

.mod-head-btm-le {
    display: flex;
}

.head-logo {
    margin-right: 58px;
}

.head-nav-item-title {
    font-size: 18px;
    line-height: var(--headh);
    display: block;
    color: #fff;
    white-space: nowrap;
}

.head-nav-item {
    margin: 0 20px;
}

.head-conta .head-conta-link {
    white-space: nowrap;
}

.head-search {
    --head: 80px;
    --btn-width: 20px;
    --shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
    --widthtotal: 34%;
    --widthr: 24px;
    --input-size: 16px;
    /* position: relative; */
}

.ys-search2-btn {
    width: var(--btn-width);
    line-height: var(--head);
    cursor: pointer;
    display: block;
    transition: all .36s;
}

.ys-search2-btn img {
    width: 100%;
}

.ys-search2-win {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    box-shadow: var(--shadow);
    overflow: hidden;
    display: none;
}

.ys-search2-box {
    padding: 16px 0;
}

.ys-search2-tibox {
    width: var(--widthtotal);
    margin: 0 auto;
}

.ys-search2-tbox {
    border-bottom: 1px solid #eee;
    width: calc(100% - var(--widthr));
    padding-right: 20px;
    height: 40px;
}

.ys-search2-tbox input {
    width: 100%;
    height: 100%;
    font-size: var(--input-size);
}

.ys-search2-ibox {
    width: var(--widthr);
    margin-top: 10px;
}

.ys-search2-ibox img {
    width: 100%;
}

.head-search-btn {
    width: 28px;
}

.head-lang-top-jian,
.head-lang-top-circle {
    width: 28px;
}

.head-lang {
    margin-left: 38px;
}

.head-conta-link {
    display: block;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    font-size: 18px;
    line-height: 1.5;
    padding: 13px 40px;
    color: #fff;
    transition: all 0.36s;
}

.head-conta {
    margin-left: 44px;
    display: flex;
}

.head-lang {
    position: static;
}

.head-lang-pop {
    position: absolute;
    top: 100%;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding-top: 60px;
    padding-bottom: 48px;
    display: none;
    box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.08);
}

.hlpu-top .std-h4 {
    color: #363636;
    line-height: 1.6;
}

.hlpu-btm {
    width: 100%;
    border-top: 1px solid #D8D9E1;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

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

.hlpu-top {
    margin-bottom: 10px;
}

.head-lang-pop-ul {
    display: flex;
    justify-content: space-between;
}

.hlpu-btm-li span {
    color: #363636;
    transition: all 0.36s;
}

.hlpu-btm-li {
    margin-bottom: 6px;
}

.hlpu-btm-newlin {
    display: flex;
    margin-right: 34px;
}

.hlpu-btm-newlin:last-child {
    margin-right: 0 !important;
}

.hlpu-btm-li.act a {
    color: #FF7C00;
}

.hlpu-btm-li.act span {
    color: #FF7C00;
}

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

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

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

.ys-ban-txtbox-wrap {
    width: 50%;
    position: relative;
}

.ybtw-tit .std-tit100 {
    color: #fff;
    line-height: 1.2;
    font-weight: 500;
}

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

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

.ybtw-info {
    margin-bottom: 42px;
    width: 80%;
}

.ybtw-more-link {
    display: flex;
    align-items: center;
    border-radius: 50px;
    background: #FFF;
    backdrop-filter: blur(10px);
    padding: 9px;
    padding-right: 10px;
    padding-left: 40px;
    transition: all 0.36s;
}

.ybtw-more-link img {
    width: 56px;
    flex: none;
}

.ybtw-more {
    display: flex;
}

.ybtw-more-link p {
    color: #363636;
    line-height: 1.5;
    font-size: 18px;
    transition: all 0.36s;
    padding-right: 42px;
    width: 100%;
}

.ys-banner .slick-dots {
    width: 1680px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    text-align: left;
}

.ys-banner .slick-dots li {
    width: 36px;
    height: 6px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 5px;
}

.ys-banner .slick-dots li.slick-active {
    background: #fff;
}

.ys-ban-li {
    position: relative;
}

.ys-ban-li-posi {
    width: 410px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 0px 35.7px 0px rgba(255, 255, 255, 0.25) inset;
    backdrop-filter: blur(8.649999618530273px);
    padding: 10px;
    position: absolute;
    bottom: 50px;
    right: 70px;
    z-index: 10;
}

.ys-ban-li-posi-link {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.ybll-le {
    width: 30%;
    border-radius: 8px;
}

.ybll-ri {
    width: 70%;
    padding-left: 13px;
}

.ybll-ri-tit p {
    color: #fff;
    line-height: 1.3;
    max-height: 2.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ybll-ri-info p {
    color: #fff;
    line-height: 1.3;
    font-size: 14px;
    max-height: 3.9em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ys-ban-li-link {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ybll-ri-tit {
    margin-bottom: 10px;
}

.ys-ban-imgbox::before {
    /* background: rgba(0, 0, 0, 0.2); */
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 21.95%, rgba(0, 0, 0, 0.30) 100%);
}

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

.home-soluti-top {
    width: 100%;
    margin-bottom: 80px;
}

.home-soluti-tit .std-tit58 {
    text-align: center;
}

.home-soluti-info p {
    color: #747474;
    line-height: 1.7;
    text-align: center;
}

.home-soluti-tit {
    margin-bottom: 30px;
}

.home-soluti-info {
    margin-bottom: var(--space60);
}

.ybtw-more-link1 {
    border: 1px solid #363636;
    padding-top: 8px;
    padding-bottom: 8px;
}

.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;
}

.home-produc-btm-more .ybtw-more-link p {
    padding-right: 10px;
}

.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: #FAC000;
}


.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: #FAC000;
    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: #FAC000;
        border-color: #FAC000;
    }

    .ybtw-more-link2:hover {
        border-color: #FAC000;
    }

    .mflt-ri ul li ul li a:hover {
        color: #FAC000;
    }

    .hnbu-link:hover .hnbu-link-btm-tit p {
        color: #FAC000;
    }

    .hpbs-widget-btn:hover rect {
        fill-opacity: 1 !important;
        fill: #FAC000 !important;
    }

    .hpbs-widget-btn:hover path {
        fill: #363636 !important;
    }

    .ybtw-more-link1:hover {
        border-color: #FAC000;
    }

    .hlpu-btm-li a:hover {
        color: #FF7C00;
    }

    .hlpu-btm-li a:hover span {
        color: #FF7C00;
    }

    .ybtw-more-link:hover {
        background: #FAC000;
    }

    .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;
}

@media screen and (max-width: 767px) {
    .ys-pcfy.ys-cmf:not(.ys-phfy) {
        display: none;
    }

    .ys-phfy {
        display: block;
    }
}


.pulb-le,
.ipbu-li-box-ri {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
}


.pulb-le img,
.ipbu-li-box-ri img {
    width: 100% !important;
}

.goods-image-ul-li:last-child {
    padding-bottom: 300px;
}


.giul-wrapk {
    width: 100%;
    position: relative;
}

.hprl-btm-li-tit {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.hprl-btm-li-tit p {
    padding-right: 15px;
}

.ybtw-more-link p {
    font-weight: bold;
}

.solar-solution-video::after {
    background: rgba(0, 0, 0, 0.3);
}

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

.home-news .slick-track {
    margin: 0 auto;
}

.ahwu-li-line {
    top: 9%;
    left: 1%;
    width: 110%;
}


/* .goods-rela-btm .swiper-wrapper {
    justify-content: center;
} */

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

.lceu-li-tit p {
    -webkit-line-clamp: 3;
    max-height: 4.5em;
}

.trene-warrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67.18%, rgba(0, 0, 0, 0) 82.65%, #fff 100%);
}

.inst-faq {
    overflow: visible !important;
    position: relative;
}

.inst-faq-box-le {
    height: 100%;
    position: sticky;
    top: 160px;
    left: 0;
}

.wpbu-li.slick-current .wpbu-li-box::after {
    opacity: 1;
}

.wpbu-li.slick-current .wpbu-li-pic {
    opacity: 1;
}

.cont-map-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.cont-map {
    height: 58vw;
}

.cont-map-box .slick-arrow {
    top: -18%;
}

.cont-from-bj::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 67.18%, rgba(0, 0, 0, 0) 82.65%, #fff 100%);
}

.culb-cont-par p {
    color: #fff;
}

.culb-pic::after {
    background: rgba(0, 0, 0, 0.2);
}


/* .cmbb-line {
    display: none;
} */

.cmbb-ul-li.slick-current .cmbb-ul-li-data {
    color: #FF7C00;
}

.comp-mile-box-bar::before {
    top: 44px;
}


/* Leah star */
/* h1 events start*/

.events-page .slick-list {
    overflow: revert;
}

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

.events-top {
    padding: var(--space120) 0 var(--space140);
}

.events-page .mod-bread-ul-li a {
    color: var(--cl666);
}

.events-ul-li-link .ys-imgbox-cover {
    width: 50%;
    background-color: #F8F8F8;
    object-fit: cover;
}

.events-ul-li-link .ys-imgbox-cover img {
    object-fit: cover;
}

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

.eull-le-tit {
    font-size: var(--font32);
    line-height: var(--line15);
    color: var(--cl333);
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 24px;
}

.elul-qus {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
    width: 82px;
}

.elul-ans {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
    padding-left: 12px;
    width: calc(100% - 82px);
    display: flex;
    flex-wrap: wrap;
}

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

.eull-le-ul-li:nth-child(3) {
    margin-bottom: 20px;
}

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

.events-ul-li-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    box-shadow: 0px 4px 40px 0px rgba(8, 30, 125, 0.04);
    box-shadow: 0px 4px 4.5px 0px rgba(8, 30, 125, 0.04);
    border-radius: 10px;
}


.elul-ans-day {
    background-color: #F8F8F8;
    margin-right: 14px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    padding: 0 3px;
    min-width: 50px;
}

.elul-ans-day-num {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--cl333);
    margin-bottom: -10px;
}

.elul-ans-day-text {
    font-size: 12px;
    line-height: var(--line18);
    color: var(--cl666);
}

.eull-le-ul-li.on .elul-ans {
    display: flex;
    flex-wrap: wrap;
}


.events-bott-li {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 50px;
}

.events-bott {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 40px;
}

.events-bott-li-link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 34px 34px 52px;
    box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
    border-radius: 10px;

}

.ebll-le {
    width: 33%;
}

.ebll-ri {
    width: 67%;
    padding-left: 31px;
}

.ebll-le .ys-imgbox-cover {
    background-color: #F8F8F8;
    border-radius: 10px;
    margin-bottom: 14px;
    object-fit: cover;
}

.ebll-le-bott .elul-qus {
    margin-bottom: 6px;
    font-size: var(--font14);
    line-height: var(--line18);
    color: var(--cl333);
}

.ebll-le-bott .elul-ans-day {
    min-width: 54px;
    height: 54px;
    padding: 0 12px;
}

.ebll-le-bott .elul-ans {
    width: 100%;
    padding-left: 0;
}

.ebll-ri-tit {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--cl333);
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
}

.ebll-ri .elul-qus {
    width: 86px;
}

.ebll-ri .elul-ans {
    width: calc(100% - 86px);
}

.events-page .slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
}

.events-page .slick-dots li.slick-active {
    background: #FFBD00;
}

.events-page .slick-dots li {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 36px;
    height: 6px;
    margin: 0 5px;
    border-radius: 10px;
    background: #ccc;
}




/* h2 */
.dull-ri-h2 {
    font-size: var(--font44);
    line-height: var(--line13);
    color: var(--cl333);
    margin-bottom: 44px;
    font-weight: 500;
}

.drul-cont-qus {
    font-size: var(--font18);
    line-height: var(--line17);
    color: var(--cl666);
    width: 94px;
}

.drul-cont-ans {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--cl333);
    width: calc(100% - 94px);
    padding-left: 57px;
}

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

.dull-ri-ul-li {
    border-bottom: 1px solid rgba(216, 217, 224, 1);
    padding: 21px 0;
}

.dull-le {
    width: 100%;
}

.dull-le .ys-imgbox-cover {
    border-radius: 20px;
}

.dull-ri {
    width: 55%;
    padding-left: 86px;
    margin-top: 10px;
}

.detail-ul-li-link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.day-num {
    font-size: var(--font32);
    line-height: var(--line15);
    color: var(--cl333);
    margin-bottom: -10px;
}

.day-text {
    font-size: var(--font14);
    line-height: var(--line18);
    color: var(--cl666);
}

.dull-ri-ul-li.on .drul-cont-ans {
    display: flex;
    flex-wrap: wrap;
}

.drul-cont-ans-day {
    background-color: #F8F8F8;
    margin-right: 14px;
    min-width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 4px;
    padding: 0 15px;

}

.dull-ri-ul-li.on {
    border-bottom: 0px solid rgba(216, 217, 224, 1);
}

.dull-ri-ul-li.on {
    padding: 31px 0 0;
}

.dull-ri-ul {
    margin-bottom: 80px;
}

.detail-page .ybtw-more-link p {
    padding-right: 26px;
}

.detail-page .goods-rela-box-tit {
    margin-bottom: 70px !important;
}

.detail-page .std-padd {
    padding-top: var(--space120);
}

.detail-page .slick-dots {
    position: absolute;
    bottom: 24px;
    display: block;
    width: 100%;
    list-style: none;
    text-align: left;
    left: 40px;
}

.detail-page .slick-dots li.slick-active {
    background: #fff;
}

.detail-page .slick-dots li {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 36px;
    height: 6px;
    margin: 0 5px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
}

.detail-total {
    display: flex;
    flex-wrap: wrap;
}

.detail-ul {
    width: 45%;
}

.cmbb-ul {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    position: relative;
    width: 100%;
}

.sustain-leader .sustain-power-top {
    margin-bottom: 70px;
}

.sustain-leader .sustain-leader-btm-slick {
    margin-bottom: 70px;
}

.aaul-wrap {
    backdrop-filter: blur(20px);
}

.perform-page .perform-advan-posit-info p {
    max-height: inherit !important;
    -webkit-line-clamp: 100;
}

/* .perform-page .perform-advan-posit-info {
    margin-bottom: 0 !important;
}

.perform-page .perform-advan-posit-more {
    display: none !important;
} */

.perform-page .perform-advan-posit-more .sblm-link {
    cursor: default !important;
}

.trene-page .trene-warrap {
    z-index: 1;
}

.trene-page .trene-warrap::after {
    z-index: -1;
}

.ipbu-li-box-ri {
    padding: 10px;
    width: 100px;
    height: 100px;
}

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

.perform-page .perform-advan-posit-tit .std-h3 {
    max-height: inherit !important;
    -webkit-line-clamp: 100;
}

.inst-phone-tit {
    position: relative;
    width: 100%;
}

.dsbc-le {
    width: 20%;
}

.inst-page .ys-select-hd,
.ipbb-box {
    transition: all 0.36s;
}

.inst-page .inst-page-box-but.isfixed .ipbb-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.inst-page .inst-page-box-but.isfixed .ys-select-hd {
    height: 44px;
}

.goods-rela-btm.act .swiper-wrapper ,
.trene-modu-box.act .swiper-wrapper {
    justify-content: center;
}

.trene-modu .tmws-box-editor {
    max-height: 216px;
}

.tmws-box-editor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #FF7C00 !important;
}

.ys-fia-text-word {
    display: flex;
}

.home-indust-ri {
    pointer-events: none;
}

.ybtw-more-link img {
    border-radius: 50%;
    transition: all 0.36s;
}

.cmbt-ri .hpbs-widget {
    display: flex;
}

.cmbt-ri .hpbs-widget-le {
    margin-right: 20px;
}

.perform-overvi-img {
    transform: scale(0.7);
    transform-origin: top;
}

.home-lates-ri {
    padding-top: 90px;
    padding-bottom: 90px;
}


.mlul-link {
    padding: 20px 30px;
}

.hblt-mort {
    display: flex;
    align-items: center;
}

.hblt-mort svg {
    width: 30px;
}

.cmbr-le {
    width: 100%;
}

.cmbr-le-pic {
    width: 42%;
}

.cmbr-le-box {
    width: 58%;
}

.play-page .ipbb-box {
    padding: 16px 0;
}

.pmbm-iframe {
    top: 204px;
}

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

.tdbb-ri {
    width: 27%;
}

.tdbb-le {
    width: 70%;
}

.tlul-par {
    padding: 14px 15px;
}

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

.home-pop-tit {
    font-size: var(--font44);
    line-height: var(--line13);
    color: #000;
    text-align: center;
    margin-bottom: 91px;
}
.home-pop .ys-form-inof-item {
    padding: 0 20px;
    margin-bottom: 40px;
    width: 50%;
}
.home-pop .ys-form-inof {
    margin: 0 -20px;
}
.home-pop .ys-fii-input {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    position: relative;
    border-radius: 8px;
    height: 55px;
}
.home-pop .ys-form-inof-code {
    width: 100%;
}
.home-pop .ys-form-inof-agree {
    width: 100%;
    margin-bottom: 65px;
}
.home-pop .ys-form-inof-submit {
    width: 56%;
    margin: 0 auto;
}
.home-pop .ys-select-hd {
    height: 55px;
}
.home-pop .ys-modal-content {
    width: 1174px;
    padding: 76px 60px 100px;
    max-height: 853px;
    border-radius: 20px;
    position: relative;
}
.home-pop .ys-fii-submit {
    height: 50px;
    line-height: 50px;
    background: var(--vicolor);
    color: #363636;
    font-weight: 400;
    font-size: var(--size18);
    border-radius: 84px;
}
.home-pop .std-word2, .std-word2 p {
    color: var(--cl999);
}
.home-pop .ys-form-inof-code label {
    width: 76%;
}
.home-pop .ys-fic-auth {
    justify-content: space-between;
}

.home-pop .ys-fia-text-word {
    padding-left: 13px;
}
.home-pop .ys-fia-text-btn::before {
    border: 0.84px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}
.home-pop .mCustomScrollBox {
     overflow: visible; 
     z-index: 1;
}
.home-pop .mCSB_container {
     overflow: visible; 
}
.home-pop .ys-fia-text {
    padding-left: 20px;
}
.home-pop .ys-modal-container::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
   background: linear-gradient(180deg, #FAC000 -98.54%, #FFFFFF 75.98%);
    height: 28%;
    z-index: 0;
    border-radius: 20px;
}
.home-pop .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--vicolor) !important;
}
.home-pop .mCSB_scrollTools {
    width: 0px;
    right: -15px;
    top: 30px;
}
.home-pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.home-pop .ys-modal-close {
    right: 40px;
    top: 40px;
}
.home-pop .ys-fia-text-btn::after {
    background: var(--vicolor);
}
.ys-form-no .ys-fii-name span {
    opacity: 0;
}
.cfbr-par-li .ys-fii-input input {
    padding-left: 70px;
}
.cfbr-par-lit .ys-fii-input input {
    padding-left: 64px;
}
.cfbr-par-lic .ys-fii-input input {
    padding-left: 145px;
}
.cfbr-par-lif .ys-fii-input input {
    padding-left: 155px;
}
.cfbr-par-liy .ys-fii-input input {
    padding-left: 86px;
}

.home-pop .ys-select-hd input {
    padding: 0 14px;
    color: var(--cl666);
     font-size: var(--font16);
    line-height: var(--line17);
}
.home-pop .ys-select-hd input::placeholder {
    color: var(--cl666);
}
.home-pop .ys-fic-auth-img {
    height: 55px;
}
.home-pop .ys-fia-text-btn {
    width: 20px;
    height: 20px;
}
.ys-fii-input input, 
.ys-fii-input textarea {
font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
}
.home-lates-ri-btm .hlrb-sign-le,
.home-lates-ri-btm .hlrb-agree-le  {
    pointer-events: none;
}


.home-lates-ri-btm .hlrb-sign {
    cursor: pointer;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .ybtw-more-link:hover img {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    }
    
    .pmbr-ul-li:hover .pulb-ri .pulb-ri-tit{
        color: #FFBD00 !important;
    }
    
    
}

.twbs-item-pic .ys-imgbox-cover img:nth-child(2) {
    object-fit: contain;
}

.ys-fia-text-word span {
    line-height: 1.8;
}

/*.cont-page .ys-banner1 .ybtw-more .ybtw-more-link {*/
/*    pointer-events: none;*/
/*}*/

.cont-page .ys-banner1 .ybtw-more {
    cursor: pointer;
}

.home-provid .home-produc-btm-more {
    margin-top: 25px;
}

.home-symbi .home-produc-btm-more .ybtw-more-link {
    min-width: 230px;
}

.goods-image-ul {
    margin-bottom: -300px;
}

.perform-inverte .solutio-success-top {
    padding-top: 40px;
    padding-left: 40px;
}

.ys-ph-navbar2 .ys-phnav-logo {
    background: #fff;
}

.ys-ph-navbar2 .ys-phnav-header a,
.ys-ph-navbar2 .ys-phnav-search .iconfont {
    color: #666 !important;
}

.ys-ph-navbar2 .ys-phnav-menubtn span,
.ys-ph-navbar2 .ys-phnav-menubtn::after,
.ys-ph-navbar2 .ys-phnav-menubtn::before {
    background: #666 !important;
}

.ys-ph-navbar2s .ys-phnav-menu {
    background: #f1f1f1;
    color: #999;
}

.ys-ph-navbar2 .ys-phnav-menu,
.ys-phnav2-lang-modal {
    background: #f1f1f1 !important;
}

.ys-ph-nav .ys-phnav-header-font,
.ys-ph-nav a {
    color: #999;
}

.ys-phnav-icon::after,
.ys-phnav-icon::before {
    background: #999 !important;
}

.ys-ph-navbar4 .ys-phnav-lisbox {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ys-phnav-lisbox {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: #FAC000 !important;
}

.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #FAC000 !important;
}

.ys-phnav2-lang-back,
.ys-phnav2-lang-back .iconfont,
.ys-phnav2-language span,
.ys-phnav2-language .icon-search {
    color: #666 !important;
}
/* ann临时 */
.perform-inverte-btm-switch {
   left: 60px !important;
}
.swiper-wrapper {
    /*display: flex;*/
    /*justify-content: center;*/
}
.cmbr-le-par ul li{
    list-style-type: disc;
}
.cmbr-le-par ul li::marker{
    color: var(--vicolor);
}

.down-page .dsbc-le-ul {
    max-height: 70vh;
}

.down-page .dsbc-le {
    height: 100%;
    position: sticky;
    top: 150px;
    left: 0;
}

.down-page .down-search {
    overflow: visible !important;
}

.down-page .dsbc-le .mCSB_outside+.mCSB_scrollTools {
    right: -30px !important;
}

.dsbc-le .ys-select-bd  .mCSB_outside+.mCSB_scrollTools {
    right: 3px !important;
}

.goods-rela-btm.acty .swiper-wrapper {
    justify-content: center;
}

.home-lates-ri-link {
    display: block;
    width: 100%;
}

.home-lates-ri-link .hlrb-sign,
.home-lates-ri-link .hlrb-agree {
    pointer-events: none;
}

.goods-image-ul-li .home-soluti-more {
    justify-content: flex-start;
}

.goods-image-ul-li .goods-rela-box-but {
    margin-top: 40px !important;    
}

.pibu-li {
    width: 100%;
}


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

.ys_navph2_subnav {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
}

.ys_navph2_subnav li>div {
    position: relative;
    border-bottom: 1px solid rgba(219, 225, 233, 0.60);
}
.ys_navph2_subnav a {
    line-height: 24px;
    padding: 8px 0;
    color: #666;
    display: inline-block;
}

.ys_navph2_subnav_a {
    font-size: 16px;
}

.ys_navph2_nav_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}

.ys_navph2_nav_icon::before, .ys_navph2_nav_icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #666;
    transition: all .36s;
}

.ys_navph2_nav_icon::before {
    transform: rotate(90deg);
}

.ys_navph2_subnav li.act>div .ys_navph2_nav_icon::after {
    transform: rotate(90deg);
}

.ys_navph2_subnav ul {
    display: none;
    padding-left: 15px;
}

.perform-inverte .ys-cont1600 {
    width: 100%;
}

.perform-inverte .ys-cont1600 {
    max-width: 100%;
}

.pmbr-ul-li {
    cursor: pointer;
}
.reside-energy .rrul-ul p::after{
    display: none;
}

.reside-energy .rrul-ul p{
    padding-left: 0px !important;
}

.ys-fii-select-search .icon-close.iconfont {
    font-size: 12px !important; 
}

.inst-lsit {
    position: relative;
    z-index: 10;
}

.ys-footer {
    position: relative;
    z-index: 2;
}

.ys-fii-select-search .ys-select-bd {
max-height: 260px;
height: 260px;
}

.sustain-contac .sustain-contac-more .ybtw-more-link img{
    transform: rotate(-90deg);
}


.ys-form-inof-item .mCustomScrollBox {
    overflow: hidden !important;
}

.home-pop .ys-form-inof .mCSB_outside+.mCSB_scrollTools {
    right: 10px !important;
}

.events-bott-li-link{
    min-height: 320px !important;
}
.layui-layer-loading .layui-layer-content {
  height: 60px !important;
}
.layui-layer-btn .layui-layer-btn0{
    background-color: var(--vicolor) !important;
    border-color: var(--vicolor) !important;
}
/*#layui-layer-shade1 {*/
/*    opacity: 0.1 !important;*/
/*}*/

.home-lates .hlrb-agree-ri a{
     color: #FF7C00 !important;
}
.solar-solution-center .sustain-power-top-subtit h2 {
    color: #fff;
}

.solar-solution-ul-li .aaul-wrap-tit .std-h3 {
    color: #fff;
}

.gabl-ri-tit h3 {
    color: #363636;
    line-height: 1.6;
    font-size: var(--font24);
}

.grul-ri-tit h4 {
    color: #363636;
    line-height: 1.6;
    font-size: var(--font20);
}

.ys-form-phone .ys-fii-input input {
    padding-left: 145px !important;
}

.home-pop .cfbr-par-lic{
    width: 100% !important;
}

.home-pop .cfbr-par-lic .ys-fii-name {
    opacity: 0;
}

.ys-form-inof-type .ys-fii-name {
    opacity: 0;
}
.inst-decl .sustain-power-top-subtit,
.inst-caro-box-cent .sustain-power-top-subtit  {
    justify-content: flex-start;
}

.home-pop-li1 .cfbr-from-input,
.home-pop-li2 .cfbr-from-input {
    padding-left: 105px !important;
}

.home-pop-li3 .ys-fii-input input {
    padding-left: 135px !important;
}

.cont-page .mod-fot-ri {
    display: none;
}

.cont-page  .mod-fot-le {
    width: 100% !important;
}

.cont-page  .mflt-ri {
    width: 80%;
}

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



.ys-form-inof-item  .ys-select-hd input::-webkit-input-placeholder {
    color: var(--cl666);
}

.ys-form-inof-item  .ys-select-hd input:-moz-placeholder {
    color: var(--cl666);
}

.ys-form-inof-item  .ys-select-hd input::-moz-placeholder {
    color: var(--cl666);
}

.ys-form-inof-item  .ys-select-hd input:-ms-input-placeholder {
    color: var(--cl666);
}



.home-pop .ys-form-inof-item  .ys-select-hd input::-webkit-input-placeholder {
    color: var(--cl666);
}

.home-pop .ys-form-inof-item  .ys-select-hd input:-moz-placeholder {
    color: var(--cl666);
}

.home-pop .ys-form-inof-item  .ys-select-hd input::-moz-placeholder {
    color: var(--cl666);
}

.home-pop .ys-form-inof-item  .ys-select-hd input:-ms-input-placeholder {
    color: var(--cl666);
}

.ys-ban-li-positi > a{
    display: block;
    width: 100%;
}

.home-page .ys-ban-txtbox  {
    pointer-events: none;
}

.cfbr-from,
.home-pop-tit {
    position: relative;
    z-index: 5;
}

.home-pop .ys-modal-content {
    max-height: none !important;
}

.cfbr-from {
    max-height: 50vh;
    padding-right: 30px;
}

.home-pop .mCSB_scrollTools {
    top: 0px;
    /*overflow: hidden !important;*/
}

.home-pop .mCustomScrollBox {
    overflow: hidden !important;
}

.home-pop .home-pop-li4 input{
    width: 100% !important;
}

.wdbl-magn-btm {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.wdbl-magn-btm-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.wdbl-magn-btm-le p{
    color: #F08300 !important;
}

.wdbl-magn-btm-ri {
    width: 26px;
}

.wdbl-magn-btm-ri img{
    width: 100%;
    transition: all 0.36s;
}

.dsbc-ri-box-bty .wdbl-magn-ul-li:nth-child(n+11) {
    display: none;
}
.dsbc-ri-box-bty.on .wdbl-magn-ul-li{
    display: block !important;
}

.dsbc-ri-box-bty.on .wdbl-magn-btm-ri img{
    transform: rotate(180deg);
}

.cont-from .cfbr-from {
    max-height: none !important;
    padding-right: 0px !important;
}

/*.pill-parga {*/
/*    margin-bottom: 25px;*/
/*}*/

.pill-parga p {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
}

.pill-parga {
    display: flex;
}

.pill-parga  .ys-fii-name{
    padding-right: 12px;
}

.pill-select {
    display: flex;
    flex-wrap: wrap;
}

.pill-select-li {
    display: flex;
    align-items: center;
    margin-right: 40px;
    cursor: pointer;
}

.pill-select-li-box {
    width: 22px;
    height: 22px;
    transition: all .36s;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .3);
    background: #fff;
}
.mod-icon img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}

.pill-select-li-box img {
    opacity: 0;
}

.mod-icon img:nth-child(2) {
    opacity: 0;
}
.pill-select-li-text {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
    margin-left: 10px;
}

.pill-select {
    padding-left: 22px;
    margin-bottom: 6px;
}

.pill-select-li-box {
    position: relative;
}

.pill-select-li.act .pill-select-li-box img:nth-child(1) {
    opacity: 1;
}

.cont-from-box-ri {
    padding: 45px 40px;
}

.ilbu-li a,
.wmul-name {
    word-wrap: break-word;
    overflow-wrap: break-word;
}


.warr-data-box-last .mCSB_outside+.mCSB_scrollTools {
    right: -1px;
}

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


.wpbe-top-box tbody tr td {
    border: 1px solid #D8D9E1;
}


.wpbe-top-box table {
    border: 1px solid #D8D9E1;
}
.wpbe-top-box td {
        font-size: var(--font16);
    color: #666;
    line-height: var(--line16);
}

.cont-page .mod-bread {
    bottom: auto !important;
    top: 15px;
}

.cont-page {
    
}

.cont-page .ys-main{
    position: relative;
}

.cont-page .ys-banner .mod-bread {
    display: none;
}

.down-search .mod-bread{
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    padding: 15px 0;
}

.cmss-item-box .cibd-ul-li-par {
    font-size: 14px;
}

.cont-map-swiper {
    height: 460px;
}
.cont-map {
    height: 48vw;
}

video {
    background: transparent;
}

.ss_btn,
.sr_back a {
    border-radius: 40px;
}

.ss_btn {
    transform: translateX(4px);
}
.sr_frm_box .sr_frmipt input {
    border: none !important;
}

.sr_frmipt {
    border: 1px solid #FFBD00;
        border-radius: 40px;
}


.suy-box-wrap {
    position: relative;
}

.suy-box-wrap .sbwi-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.suy-box-wrap .sbwi-prev {
    left: 10px;
}

.suy-box-wrap .sbwi-next {
    right: 10px;
}

.suy-box-wrap-icon {
    width: 100%;
}
/* tammy - 2025.07.21 - start */
:root{
    --font56: 56px;
    --font24: 24px;
    --space110: 110px;
    --space200: 200px;
    --space64: 64px;
}
.stda-font56,
.stda-font56 p{
    font-size: var(--font56);
    line-height: 1.3;
    color: #000;
}
.stda-font24,
.stda-font24 p{
    font-size: var(--font24);
    line-height: 1.2;
    color: #000;
}
.moda-title{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.connect-core-inof{
    --gap1: 80px;
}
.connect-core-inof-nub{
    margin-bottom: var(--gap1);
}
.connect-core-inof-nub:last-child{
    margin-bottom: 0;
}
.ccin-link{
    display: flex;
    --radius1: 24px;
    border-radius: var(--radius1);
    background: #FBF5E9;
}
.ccin-link-img{
    width: 49.33%;
}
.ccin-link-img .ys-imgbox-cover{
    width: 100%;
    height: 100%;
    border-radius: var(--radius1);
}
.ccin-link-img .ys-imgbox-cover img{
    object-fit: cover;
}
.ccin-link-text{
    width: 50.67%;
    padding: 42px 64px 58px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ccin-link-text .stda-font56{
    margin-bottom: 22px;
}
.ccin-link-text .stda-font24{
    width: 84%;
}
.connect-core{
    padding-top: var(--space110);
    padding-bottom: var(--space200);
}
.ccin-link-text-btn{
    display: flex;
    justify-content: flex-end;
}
.connect-core-inof-nub:nth-of-type(2n) .ccin-link{
    flex-direction: row-reverse;
}
.connect-core-inof-nub:nth-of-type(2n) .ccin-link-text {
    padding-left: 85px;
    padding-right: 40px;
}
.moda-title{
    margin-bottom: var(--space110);
    width: 100%;
}
.moda-title .std-h6+.stda-font56 {
    margin-top: 21px;
}
.ccin-link-text-top{
    margin-bottom: 20px;
}
.moda-title .std-h6 {
    padding-left: 64px;
    position: relative;
    font-size: 20px;
    line-height: 1.2;
}
.moda-title .std-h6::after {
    content: "";
    width: 48px;
    height: 24px;
    border-radius: 100px;
    background: #FFC000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.ys-content{
    width: 100%;
    padding: 0 var(--space64);
}
/* 按钮 - start - helen复制，linda可复制也可不复制 */
.std-btn1 {
    display: inline-block;
}
.std-btn1-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 24px;
    border-radius: 100px;
    background: #FFC000;
    border: 2px solid #FFC000;
    transition: all .36s;
    justify-content: center;
}
.std-btn1-box p {
    font-size: 18px;
    line-height: 46px;
    color: #000;
    font-family: 'solax-Medium';
}
.std-btn1-box img {
    margin-left: 16px;
    width: 24px !important;
}
/* 按钮 - end - helen复制，linda可复制也可不复制 */
@media screen and (min-width: 1200px) {
    /* 按钮 - start - helen复制，linda可复制也可不复制 */
    .std-btn1-box:hover {
        background: #F59B00;
        border: 2px solid #F59B00;
    }
    /* 按钮 - end - helen复制，linda可复制也可不复制 */
    .ccin-link:hover .std-btn1-box {
        background: #F59B00;
        border: 2px solid #F59B00;
    }
}

.icbu-li-par {
    font-size: 12px !important;
}

/* tammy - 2025.07.21 - end */

/*.ys-ban-li{*/
/*    display: block;*/
/*}*/

/*.home-page .ys-ban-imgbox {*/
/*    min-height: 80vh;*/
/*}*/

.down-page .down-search .mod-bread {
    position: absolute !important;
    top: 15px !important;
}