@charset "utf-8";

/* 公共样式 - start */

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

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

body {
    font-family: 'jiepute', "PingFang SC", "Microsoft YaHei" !important;
}

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

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

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

:root {
    /* 字号 */
    --font72: 72px;
    --font48: 48px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    --font12: 12px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --cl333: #333;
    --cl666: #666;
    --cl999: #999;
    --cltit: #060606;
    --clfff: #fff;
    --vicolor: #E60012;
    /* 板块间距 */
    --space140: 140px;
    --space120: 120px;
    --space100: 100px;
    --space60: 60px;
    --space50: 50px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 列表间距 */
    --jian: 18px;
    --jian1: -18px;
    /* 特殊字体 */
    --bold: '';
}

.std-tit72 {
    font-size: var(--font72);
    line-height: var(--line12);
    color: var(--cltit);
}

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

.std-tit48 {
    font-size: var(--font48) !important;
    color: var(--cltit);
    font-weight: bold;
    line-height: var(--line175);
}

.std-tit40,
.yxedr-active h2 {
    font-size: var(--font40) !important;
    color: var(--cltit);
    font-weight: bold;
    line-height: var(--line14);
}

.std-tit32,
.yxedr-active h3 {
    font-size: var(--font32) !important;
    color: var(--cltit);
    line-height: var(--line14);
}

.std-tit24,
.yxedr-active h4 {
    font-size: var(--font24) !important;
    color: var(--cltit);
    font-weight: bold;
    line-height: var(--line15);
}

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

.std-tit18,
.std-tit18 p {
    font-size: var(--font18);
    color: var(--cltit);
    line-height: var(--line16);
}


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

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

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

.yxedr-active p {
    font-size: var(--font18);
    color: var(--cl666);
    line-height: var(--line175);
    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);
}

.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: #000 !important;
    white-space: nowrap;
}

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

.yxnav-active2 {}

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

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

/* 过渡 */
.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 */




/* 辅助  leah star */
/* e3 */
.vsul-link-cont-tit {
    transition: all 0.36s;
    margin-bottom: 18px;
    flex-grow: 1;
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.vsul-link-cont {
    padding: 26px 26px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.vsul-link {
    transition: all 0.36s;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.video-sec-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: var(--space50);
}

.video-sec-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1) -50px;
}

.vsul-link-cont-text {
    font-size: var(--font16);
    line-height: var(--line18);
    color: var(--vicolor);
}

.vstl-card p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #62636C;
    background-color: #F4F4F4;
    padding: 8px 20px;
    border-radius: 80px;
    text-align: center;
}

.vstl-card {
    margin-right: 20px;
    min-width: 180px;
}

.video-sec-top {
    margin-bottom: var(--space60);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.video-sec-top-le {
    display: flex;
    width: 70%;
}

.vstl-card.act p {
    background-color: var(--vicolor);
    color: var(--clfff);
}

.video-sec-top-ri {
    width: 20%;
    border-radius: 80px;
    border: 1px solid var(--Style, #D8D9E0);
    padding: 8.5px 25px;
    display: flex;
    align-items: center;
}

.video-sec-top-ri input {
    width: 100%;
    padding-right: 10px;
}

.video-sec-top-ri img {
    width: 20px;
}

.video-sec-top-ri input {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl999);
}

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

.pc-fenye li.activepage {
    color: #fff;
    background: var(--vicolor);
}

.video-sec-num {
    margin-top: var(--space60);
}

.first li::before,
.prev li::before,
.next li::before,
.end li::before {
    color: #333;
    transition: all .36s;
}

/* e4 */
.pro-sec-le-tit {
    margin-bottom: 24px;
}

.pro-sec-le {
    width: 25%;
    padding: 30px 28px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.pro-sec-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.pslu-li-link {
    width: 100%;
    padding: 14px 20px;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cl666);
}

.pslu-li {
    width: 100%;
}

.pslu-li.act .pslu-li-link {
    background-color: #F2F3F5;
    border-radius: 10px;
    color: var(--cltit);
}

.pro-sec .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}


.pro-sec-ri {
    width: 66%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pro-sec-ri-sear {
    margin-bottom: var(--space40);
    width: 31.5%;
}

.pro-sec-ri-total {
    width: 100%;
}

.psrt-cont-ul {
    display: flex;
    flex-wrap: wrap;
}

.psrt-cont-ul-li {
    width: 100%;
    border-top: 1px solid rgba(219, 220, 222, 1);
    cursor: pointer;
}

.pcul-cont {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 29px 0;
    align-items: flex-start;
}

.pcul-cont p {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    width: calc(100% - 24px);
    padding-right: 20px;
}

.pcul-hidden {
    width: 100%;
    padding: 30px 30px;
    background-color: #F2F3F5;
    border-radius: 10px;
    display: none;
    margin-bottom: 50px;
}

.pcul-cont img:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    transition: all 0.36s;
}

.pcul-cont.on img:nth-child(2) {
    opacity: 0;
    transition: all 0.36s;
}

.pcul-cont.on .dslu-li-cont-icon img:nth-last-child(1) {
    opacity: 1;
}

.pcul-cont.on .dslu-li-cont-icon img:nth-last-child(2) {
    opacity: 0;
}

.video-sec-top-ri input::placeholder {
    color: var(--cl999);
}

/* e5 */
.dslu-li-cont-icon img {
    transition: all 0.36s;
}

.dslu-li-cont p {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    width: calc(100% - 20px);
    padding-right: 20px;
}

.dslu-li-cont {
    display: flex;
    align-items: center;
    padding: 14px 0 20px;
    border-bottom: 1px solid rgba(216, 217, 224, 1);
    cursor: pointer;
}

.dslu-li-cont-icon img:nth-last-child(1) {
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

.dslu-li-cont-icon {
    position: relative;
    margin-top: 7px;
    width: 20px;
    flex: none;
}

.dslu-li {
    width: 100%;
}

.dlhu-li-cont p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    padding-right: 10px;
    width: calc(100% - 18px);
}

.dlhu-li-cont {
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.dlhu-li.on .dlhu-li-cont {
    background-color: #F2F3F5;
}

.dslu-li-hidden {
    padding-top: 24px;
    display: none;
    width: 100%;
}

.dlbu-li-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    padding: 12px 40px;
    transition: all 0.36s;
}

.dlbu-li.act .dlbu-li-text {
    color: var(--vicolor);
}

.dlbu-li {
    margin-bottom: 6px;
}

.dlhu-li-below-ul {
    margin: 10px 0 -6px;
}

.dlhu-li-below {
    display: none;
}

.dlhu-li {
    margin-bottom: 10px;
}

.dslu-li-hidden-ul {
    margin-bottom: -10px;
}

.down-sec-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.down-sec-le {
    width: 21%;
}

.down-sec .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.down-sec-ri {
    width: 74%;
}

.down-sec-ri .video-sec-top {
    margin-bottom: var(--space50);
}

.down-sec-ri .video-sec-top-ri {
    width: 28%;
}

.down-sec-ri .vstl-card {
    min-width: 153px;
}

.down-sec-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1) -50px;
}

.dsru-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: var(--space50);
}

.dsru-li-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.dsru-li-link:hover img {
    transform: scale(1.1);
}

.dsru-li-link-tit {
    width: 100%;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    padding: 18px 26px 34px;
}

.dsru-li-link-tit p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dsru-li-link-more {
    width: 50%;
    border-top: 1px solid rgba(219, 220, 222, 1);
    border-right: 1px solid rgba(219, 220, 222, 1);
    padding: 16px 10px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--vicolor);
    text-align: center;
    position: relative;
}

.dsru-li-link-more:nth-last-child(1) {
    border-right: 0px solid rgba(219, 220, 222, 1);
}

.dsrp-tit {
    margin-bottom: 14px;
    font-weight: bold;
    text-align: center;
}

.contact-serv .dsrp-tit {
    text-align: left;
}

.dsrp-text {
    text-align: center;
    margin-bottom: 24px;
}

.contact-serv .dsrp-text {
    text-align: left;
}

/*  00000000000000000000000000000000000000000 */

.dsrp-ul-li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 24px;
}

.dsrp-ul-li label {
    display: flex;
    padding: 8px 24px;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    align-items: center;
    width: 100%;
}

.dsrp-ul-li.on {
    width: 100%;
}

.dsrp-ul-li.text label {
    align-items: flex-start;
    flex-wrap: wrap;
}


.dsrp-ul-li.num {
    width: 100%;
    position: relative;
    margin-bottom: 39px;
}

.dsrp-ul-li-num {
    position: absolute;
    right: 250px;
    bottom: 0;
    cursor: pointer;
}

.dsrp-ul-li.num label {
    width: 42%;
}



.down-sec-ri-pop .ys-modal-content {
    max-height: 739px;
    width: 818px;
    border-radius: 20px;
    padding: 60px 60px 39px;
}


.down-sec-ri-pop.ys-modal {
    background: rgba(0, 0, 0, 0.7);
}

.dslu-li.on .dslu-li-cont svg {
    transform: rotate(180deg);
    transform-origin: center;
}

.dslu-li .svg {
    transition: all 0.36s;
}

.dlhu-li.on .dlhu-li-cont svg {
    transform: rotate(180deg);
    transform-origin: center;
}

.dlhu-li svg {
    transition: all 0.36s;
}



.dsrp-ul-li.up {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
}

.dsrp-ul-li.agree {
    width: 100%;
}

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

.dsrp-ul-li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 24px;
}

.dsrp-ul-li label {
    display: flex;
    padding: 8px 24px;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    align-items: center;
    width: 100%;
}

.dsrp-ul-li-cont span {
    color: var(--vicolor);
}

.dsrp-ul-li-cont input {
    width: 100%
}

.dsrp-ul-li.on {
    width: 100%;
}

.dsrp-ul-li.text .dsrp-ul-li-cont {
    align-items: flex-start;
    flex-wrap: wrap;
}

.dsrp-ul-li.text textarea {
    width: 100%;
    font-size: 16px;
}

.dsrp-ul-li.num {
    width: 100%;
    margin-bottom: 39px;
}

.dsrp-ul-li.num label {
    position: relative;
}

.dsrp-ul-li-num {
    position: absolute;
    right: -154px;
    bottom: 0;
    cursor: pointer;
}

.dsrp-ul-li.num .dsrp-ul-li-cont {
    width: 42%;
}


/* 表单 */
.ys-fii-tips span {
    font-size: var(--font14);
}

.ys-form-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ys-fii-name {
    flex-shrink: 0;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cltit);
    margin-bottom: 0px;
}

.ys-fii-input {
    width: 100%;
    height: 100%;
    border: 0px solid var(--color999);
    display: block;
}

.ys-fia-text-btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    border-radius: 10px;
    border: 0.945px solid rgba(0, 0, 0, 0.22);
}

.ys-fia-text-word {
    width: calc(100% - 20px);
    flex-grow: 1;
    padding-left: 14px;
    font-size: var(--size16);
    line-height: var(--l1h75);
    color: var(--cl666);
}

.ys-fia-text-word a {
    color: var(--vicolor);
}

.ys-fii-submit {
    height: 100%;
    line-height: var(--height);
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: var(--size16);
    cursor: pointer;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clfff);
    background-color: var(--vicolor);
    padding: 8px 65px;
    border-radius: 50px;
}

.ys-fii-input textarea {
    padding-top: 0px;
    padding: 0 0;
    font-size: var(--font14);
}

.ys-fii-input input,
.ys-fii-input textarea {
    font-size: var(--font14);
}

.ys-form {
    --size14: 14px;
}

.ys-fia-text-btn::after {
    background: var(--vicolor);
    border-radius: 10px;
}

.ys-fia-text {
    padding-left: 2px;
}

.ys-form-inof-text .ys-fii-input {
    height: 60px;
}

/* d1 */
.case-sec-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1) -50px;
}

.case-banner .case-sec-ul {
    flex-wrap: nowrap;
}

.case-sec-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: var(--space50);
}

.csul-link {
    display: block;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.36s;
}

.csul-link-below {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 38px;
}

.csul-link-below-tit {
    margin-bottom: 8px;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.csul-link-below-text {
    margin-bottom: 70px;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}

.csul-link-below-type {
    display: flex;
    margin-right: 12px;
}

.csul-link-below-type p {
    font-size: var(--font14);
    line-height: var(--line18);
    color: var(--vicolor);
    padding: 2.5px 20px;
    background-color: rgba(230, 0, 18, 0.06);
    border-radius: 20px;
}


.case-sec-top .ys-select-hd {
    width: 100%;
}

.case-sec-top {
    margin-bottom: var(--space50);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    z-index: 10;
    position: relative;
}

.case-sec-top-select {
    width: 36%;
    border-radius: 80px;
    border: 1px solid var(--Style, #D8D9E0);
    /* padding: 12px 40px; */
    margin-right: 12px;
}

.case-sec-top-select ::placeholder {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cltit);
}

.case-sec-top-le {
    width: 69%;
    display: flex;
    flex-wrap: wrap;
}

.case-sec-top .video-sec-top-ri {
    width: 31%;
}

.case-banner-tit {
    margin-bottom: var(--space50);
    text-align: center;
}

.case-banner {
    width: 100%;
    position: relative;
    z-index: 10;
}

.case-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    z-index: -1;
    background: linear-gradient(0deg, #F2F3F5 0%, rgba(242, 243, 245, 0.00) 100%);
}

.case-banner .csul-link-below {
    background-color: #fff;
}

.case-banner .case-sec-ul-li {
    margin-bottom: 0;
}

.case-banner .case-sec-ul-li {
    width: 100%;
}

.case-banner .case-banner-all {
    padding-bottom: 60px;
    width: 100%;
}

/* d2 */
.detail-banner .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.detail-banner-ri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.detail-banner-le {
    width: 45%;
    /* padding-right: 78px; */
    display: flex;
    flex-wrap: wrap;
}

.detail-banner-le-top {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.detail-banner-le-tit {
    margin-bottom: 18px;
    font-weight: bold;
}

.detail-banner-le-text {
    margin-bottom: 60px;
}

.detail-banner-le-cont {
    width: 39%;
    padding-right: 20px;
}

.detail-banner-le-below {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.dblc-name {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cltit);
    margin-bottom: 10px;
    position: relative;
    padding-top: 10px;
}

.dblc-num {
    font-size: var(--font48);
    line-height: var(--line12);
    color: var(--vicolor);
    font-weight: bold;
}

.dblc-name::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #DEDEDE;
}

.detail-banner-ri {
    width: 50%;
    border-radius: 10px;
}

.detail-banner {
    /* background-color: #F5F5F5; */
    position: relative;
    width: 100%;
    z-index: 1;
}

.detail-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.detail-sec-le-cont p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    margin-bottom: 30px;
}

.detail-sec-le {
    width: 66%;
}

.detail-sec-le-cont h4 {
    margin-bottom: 30px;
}


.detail-sec-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.le-ul-li {
    margin-bottom: 16px;
}

.le-ul-li-link {
    color: var(--cl999);
    font-size: var(--font16);
    line-height: var(--line175);
    transition: all 0.36s;
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}

.le-ul-li-link:hover {
    color: var(--vicolor);
}

.detail-sec-le-cont::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 854px;
    background-color: rgba(223, 226, 228, 1);
}

.detail-sec-le-cont {
    position: relative;
    padding-bottom: var(--space50);
    margin-bottom: var(--space40);
}

.detail-sec-le-cont p:nth-last-child(1) {
    margin-bottom: 0;
}

.detail-sec-ri {
    width: 25.5%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.dsrc-below {
    padding: 28px 28px;
}

.dsrc-below-tit {
    margin-bottom: 12px;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dsrc-below-text {
    margin-bottom: 50px;
    max-height: 7em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dsrc-below-more {
    display: flex;
    flex-wrap: wrap;
}

.dsrc-below-more p {
    font-size: var(--font16);
    line-height: var(--line14);
    color: var(--vicolor);
    padding-right: 8px;
}

.dsrc-below-more img {
    width: 16px;
}

.detail-sec .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.detail-below-tit {
    text-align: center;
}

.detail-below .plru-li {
    width: 25%;
    padding: 0 13px;
    margin-bottom: 0;
}

.detail-below .product-laser-ri-ul {
    margin: 0 -13px;
}

.detail-below .plru-li:not(:first-child) {
    display: none;
}

.dbul-cont-tit {
    padding-top: 25px;
    padding-bottom: 9px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dbul-cont-tit-text {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    font-weight: bold;
    padding-right: 16px;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dbul-cont-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    padding-top: 15px;
    border-top: 1.02px solid rgba(191, 191, 191, 1);
}

.dbul-cont-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dbul-cont .ys-imgbox-cover {
    border-radius: 10px;
    background-color: rgba(246, 247, 248, 1);
}

.dbul-cont-tit-num {
    display: flex;
}

.dbul-cont-tit-num p {
    font-size: var(--font12);
    line-height: var(--line175);
    color: #7F7F7F;
    border: 1px solid rgba(127, 127, 127, 1);
    padding: 2px 8px;
    border-radius: 4px;
}

/* .detail-below {
    padding-bottom: var(--space120);
} */

.dbul-cont {
    height: 100%;
    display: block;
}

/* lunbo */
.arrow-all-tota img:nth-last-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.arrow-all-tota {
    position: relative;
}

.arrow-all-tota img {
    width: 48px;
    cursor: pointer;
    transition: all 0.36s;
}

.arrow-prev {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-next {
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
}

.detail-below .ys-cont1440 {
    position: relative;
}


/* h1 */
.contact-help-le {
    width: 60%;
    padding-right: 198px;
}

.contact-help .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
}

.contact-help-le-tit {
    margin-bottom: 20px;
}

.contact-help-le-text p {
    margin-bottom: 60px;
}

.contact-help-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.chlu-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 45px 0;
    border-bottom: 1px solid rgba(219, 220, 222, 1);
}

.chlu-li-cont-name {
    display: flex;
    align-items: flex-start;
    width: 48%;
}

.chlu-li-cont-name p {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    padding-left: 43px;
    padding-right: 10px;
    width: calc(100% - 40px);
    padding-top: 4px;
}

.chlu-li-cont-name img {
    width: 40px;
}

.chlu-li-cont-num {
    font-size: var(--font20);
    line-height: var(--line15);
    color: var(--cltit);
    font-weight: bold;
    width: 52%;
}

.contact-help-ri {
    width: 40%;
}

.contact-help-ri img {
    border-radius: 10px;
}

.contact-help-ri-posi {
    background-color: #fff;
    padding: 44px 64px 57px 47px;
    display: flex;
    align-items: flex-start;
    border-radius: 10px;
    transform: translateX(-78px);
    margin-top: -103px;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.chrp-icon {
    width: 40px;
}

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

.chrp-cont {
    width: calc(100% - 40px);
    padding-left: 31px;
}

.chrp-cont-tit {
    margin-bottom: 14px;
}

/* .contact-help::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38.5%;
    z-index: -1;
    border-bottom-right-radius: 100px;
    background: linear-gradient(0deg, #F2F3F5 0%, rgba(242, 243, 245, 0) 76%);
} */

.contact-help {
    position: relative;
}

.contact-serv-cont {
    width: 57%;
    padding: 60px 60px 39px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.contact-serv .ys-cont1440 {
    display: flex;
    justify-content: flex-end;
}

.contact-serv-back {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 100%;
}

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

.contact-serv {
    position: relative;
}

.contact-serv::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(270deg, #FFF 60.81%, rgba(255, 255, 255, 0.00) 85.09%);
}

.contact-serv .dsrp-ul-li.up {
    justify-content: flex-start;
}


/* e1 */
.after-intro-text p {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--cltit);
    text-align: center;
}

.after-intro-text {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--cltit);
    padding: 0 163px;
    margin-bottom: 80px;
    width: 100%;
}

.after-intro-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.after-intro-ul-li {
    width: 33.333333%;
    padding: 0 12px;
}

.aiul-cont {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.aiul-cont-pic {
    border-radius: 8px;
    margin-bottom: 40px;
}

.aiul-cont-tit {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    margin-bottom: 14px;
}

.aiul-cont-text {
    padding-right: 64px;
}


.after-why-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.after-why-ul-li {
    width: 16.666666%;
    padding: 0 10px;
}

.awul-cont {
    background-color: #F2F3F5;
    border-radius: 8px;
    padding: 33px 0 30px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    flex-direction: column;
    align-items: center;
}

.awul-cont-text {
    width: 100%;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    padding: 0 10px;
}

.awul-cont img {
    margin-bottom: 31px;
    width: 50px;
}

.awul-cont-text p {
    width: 100%;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    text-align: center;
}

.after-why-tit {
    text-align: center;
}

.after-repair-le-tit {
    margin-bottom: 40px;
    margin-top: 28px;
}

.after-repair {
    background-color: #F2F3F5;
    margin: 0 3.6%;
    border-radius: 16px;
}

.after-repair-le {
    width: 26%;
    position: relative;
}

.after-repair .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.after-repair-ri {
    width: 65%;
}

.after-repair .dsrp-ul-li label {
    background-color: #fff;
    border: 0px solid #DFDFDF;
}

.dsrp-ul-li.wi33 {
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 24px;
}

.after-repair .ys-form-inof-text .ys-fii-input {
    height: 73px;
}


.after-repair .dsrp-ul-li.up {
    justify-content: flex-start;
}

.after-repair .ys-fii-input input::placeholder {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cltit);
}

.after-meth-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.after-meth-ul-li {
    width: 25%;
    padding: 0 var(--jian);
}

.ys-select.zindex path {
    transform: rotate(180deg);
    transform-origin: center;
}

.ys-select path {
    transition: all 0.36s;
}


.amul-cont {
    border-radius: 8px;
    height: 100%;
    padding: 40px 30px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.amul-cont-top {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.amul-cont-top p {
    font-size: var(--font18);
    line-height: var(--line13);
    color: var(--cltit);
    padding-left: 16px;
}

.amul-cont-top img {
    width: 22px;
    /* height: 17px; */
}

.amul-cont-below {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--cltit);
    /* font-weight: bold; */
    border-top: 1px solid rgba(219, 220, 222, 1);
    padding-top: 27px;
    width: 100%;
}

.after-meth-tit {
    text-align: center;
}

.after-meth-ul-li:nth-last-child(1) .amul-cont-below {
    font-weight: 400;
    font-size: var(--font18);
    line-height: var(--line175);
}

.ys-fia-text-word span {
    color: var(--vicolor);
}

.after-repair .ys-fia-text-btn::before {
    background: #fff;
}

.after-repair .ys-select {
    width: 100%;
}

.after-repair-le-pic {
    width: 644px;
    position: absolute;
    bottom: -90px;
    left: -236px;
}

.after-repair-le-pic img {
    width: 100%;
}

.after-repair-select {
    display: flex;
    background: #fff;
    height: 100%;
    padding: 8px 24px;
    border: 0px solid #DFDFDF;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    position: relative;
}

.ys-fii-select-search .ys-fiiss-core {
    padding: 10px 20px;
}

.ys-fiiss-core-li {
    margin-bottom: 10px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cltit);
    cursor: pointer;
    transition: all 0.36s;
}

.after-repair .ys-select {
    position: static;
}




/* b1 */
.product-laser-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.product-laser-le {
    width: 19%;
}

.product-laser .ys-cont1600 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pllu-li.act .pllu-li-cont {
    background-color: var(--vicolor);
    border-radius: 4px;
}

.pllu-li.act .pllu-li-cont p {
    color: var(--clfff);
}

.pllu-li-hidden {
    padding: 20px 32px;
    display: none;
}

.plhu-li-name {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--cltit);
    transition: all 0.36s;
}


.plhu-li:nth-last-child(1) {
    margin-bottom: 0;
}

.plhu-li {
    margin-bottom: 16px;
    cursor: pointer;
}

.plhu-li.act .plhu-li-name {
    color: var(--vicolor);
}

.product-laser-ri::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(219, 220, 222, 1);
}


.pllu-li {
    width: 100%;
    border-bottom: 1px solid rgba(219, 219, 219, 1);
}

.pllu-li:nth-child(1) {
    border-top: 1px solid rgba(219, 219, 219, 1);
}

.pllu-li-cont {
    padding: 18px 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.36s;
}

.pllu-li-cont p {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--cltit);
    width: 100%;
    transition: all 0.36s;
}

.product-laser-ri {
    width: 74.5%;
    position: relative;
    padding-left: 80px;
}

.product-laser-ri-top {
    width: 100%;
    padding-bottom: 63px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.plrt-text {
    width: 61%;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
}

.plrt-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    width: 100%;
}

.plrt-le {
    width: 39%;
    padding-right: 20px;
    padding-left: 43px;
}

.plrt-tit {
    font-weight: bold;
}

.plrt-icon {
    position: absolute;
    left: 0;
    top: -12px;
    width: 26px;
    /* height: 20px; */
}

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

.product-laser .ys-cont1440 {
    display: flex;
    justify-content: flex-end;
}

.plru-li-link-pic {
    background-color: rgba(246, 247, 248, 1);
    border-radius: 10px;
    padding: 58px 0;
    position: relative;
}

.product-laser-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1) calc(var(--space50) * -1);
}

.plru-li {
    padding: 0 var(--jian);
    width: 33.333333%;
    margin-bottom: var(--space60);
}

.pllc-tit {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    font-weight: bold;
    padding-right: 16px;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pllc-tit-num {
    display: flex;
}

.pllc-tit-num p {
    font-size: var(--font12);
    line-height: var(--line175);
    color: #7F7F7F;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #7F7F7F;
}

.plru-li-link-cont {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 9px;
    padding-top: 23px;
    margin-bottom: 15px;
    align-items: center;
    transition: all 0.36s;
    position: relative;
    /* border-bottom: 1.02px solid rgba(191, 191, 191, 1); */
}

.plru-li-link-text::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: rgba(6, 6, 6, 1);
    transition: all 0.5s;
}

.pllp-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    opacity: 0;
    transition: all 0.36s;
}

.plru-li-link {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.plru-li-link-text p {
    /* flex-grow: 1; */
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pllu-li.act svg {
    transform: rotate(180deg);
    transform-origin: center;
}

.pllu-li svg {
    transition: all 0.36s;
}

.pllu-li path {
    transition: all 0.36s;
}

.pllu-li.act path {
    fill: var(--clfff);
    stroke: var(--clfff);
}




/* g2 */
.new-banner-back {
    position: absolute;
    top: -170px;
    right: -275px;
    width: 630px;
    z-index: -1;
}

.new-banner .ys-cont1440 {
    position: relative;
}

.new-banner-tit {
    margin-bottom: 18px;
    text-align: center;
}

.new-banner-text {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
}

.new-banner-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    margin-bottom: 52px;
    text-align: center;
}

.new-banner-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-bottom: 80px;
    justify-content: center;
}

.new-banner-ul-li {
    width: 12.5%;
    padding: 0 10px;
}

.new-banner-ul-li.act .nbul-cont p {
    color: var(--clfff);
    background-color: var(--vicolor);
}

.nbul-cont {
    display: flex;
    width: 100%;
}

.nbul-cont p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    background-color: rgba(244, 244, 244, 1);
    border-radius: 80px;
    padding: 8px 20px;
    width: 100%;
    text-align: center;
    transition: all 0.36s;
}

.new-banner-caro {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -10px;
}

.new-banner-caro-li {
    width: 100%;
    padding: 10px 10px;
}

.nbcl-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.nbcl-le {
    width: 57%;
    padding: 40px 70px;
}

.nbcl-le-tit {
    margin-bottom: 20px;
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nbcl-le-time {
    font-size: var(--font16);
    line-height: var(--line16);
    color: #999;
    margin-bottom: 15px;
}

.nbcl-le-text {
    margin-bottom: 75px;
    max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nsul-link-below-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.nbcl-le-com {
    display: flex;
    padding-right: 12px;
}

.nbcl-le-com p {
    font-size: var(--font14);
    line-height: var(--line18);
    color: var(--vicolor);
    padding: 2.5px 12px;
    background-color: rgba(230, 0, 18, 0.06);
    border-radius: 20px;
}

.nbcl-ri {
    width: 43%;
}


.new-sec-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1) calc(var(--space50) * -1);
}

.new-sec-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: var(--space50);
}

.nsul-link {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 8px 29px 0px rgba(0, 33, 67, 0.06);
    display: flex;
    flex-direction: column;
}

.nsul-link-below {
    padding: 24px 40px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-direction: column;
}

.nsul-link-below-time {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--cl666);
    margin-bottom: 8px;
    width: 100%;
}

.nsul-link-below-tit {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    margin-bottom: 45px;
    flex-grow: 1;
    width: 100%;
    max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.new-banner .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: var(--space40);
}

.new-banner .slick-dots li {
    width: 36px;
    height: 6px;
    margin: 0 5px;
    border-radius: 10px;
    background: #F4F4F4;
}

.new-banner .slick-dots li.slick-active {
    background: var(--vicolor);
}


/* f3 */
.inves-notice-top {
    margin-bottom: var(--space60);
    display: flex;
    justify-content: space-between;
}

.inves-notice-top-more {
    width: 88px;
    display: flex;
    align-items: center;
}

.inves-notice-top-tit {
    width: calc(100% - 88px);
}

.inves-notice-top-more p {
    font-size: var(--font16);
    line-height: var(--line14);
    color: var(--vicolor);
    padding-right: 8px;
}

.inves-notice-top-more img {
    width: 16px;
}

.inves-notice-ul {
    display: flex;
    flex-wrap: wrap;
}

.inves-notice-ul-li {
    width: 100%;
    border-top: 1px solid rgba(219, 220, 222, 1);
    cursor: pointer;
}

.inul-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 20px 0;
}

.inves-notice-ul-li:nth-last-child(1) {
    border-bottom: 1px solid rgba(219, 220, 222, 1);
    ;
}

.inul-time {
    font-size: var(--font16);
    line-height: var(--line16);
    color: #999;
    width: 160px;
    transition: all 0.36s;
}

.inul-ri {
    width: calc(100% - 160px);
    display: flex;
    justify-content: space-between;
}

.inul-ri p {
    padding-right: 20px;
    transition: all 0.36s;
    width: 100%;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.inves-notice {
    background-color: rgba(242, 243, 245, 1);
}

.inves-regular-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.inves-regular-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
}

.irul-link {
    width: 100%;
    border-radius: 8px;
    padding: 34px 40px;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.irul-link-time {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--cl666);
    margin-bottom: 16px;
}

.irul-link-tit {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    transition: all 0.36s;
    margin-bottom: 61px;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.irul-link-down {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(207, 207, 207, 1);
    padding-top: 27px;
}

.irul-link-down img {
    width: 23px;
}

.irul-link-down p {
    padding-left: 6px;
    font-size: var(--font14);
    line-height: var(--line18);
    color: #999;
}

.inves-regular {
    padding: var(--space120) 0;
}

.inves-contact-ri {
    width: 55%;
    border-radius: 20px;
}

.inves-contact-le {
    width: 45%;
    padding-right: 20px;
}

.inves-contact-le-tit {
    margin-bottom: 40px;
}

.inves-contact-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -26px;
}

.inves-contact-ul-li {
    width: 100%;
    margin-bottom: 26px;
}

.icul-cont {
    display: flex;
    align-items: flex-start;
}

.icul-cont img {
    width: 40px;
    flex-shrink: 0;
}

.icul-cont p {
    padding-left: 32px;
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cltit);
    width: 100%;
    font-weight: bold;
    padding-top: 4px;
}

.inves-contact-le-butt {
    display: flex;
    margin-top: 74px;
    transition: all 0.36s;
}

.inves-contact-le-butt p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clfff);
    padding: 8px 38px;
    background-color: var(--cltit);
    border-radius: 50px;
    font-weight: bold;
}

.inves-contact .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.inves-notice-ul-li path {
    transition: all 0.36s;
}






/* g3 */
.nslt-cont {
    margin-bottom: 20px;
}

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

.nslt-share {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.nslt-share-time {
    width: 95px;
    font-size: var(--font16);
    line-height: var(--line18);
    color: #999;
}

.nslt-share-le {
    display: flex;
    width: calc(100% - 95px);
    align-items: center;
}

.nslt-share-le-text {
    font-size: var(--font14);
    line-height: var(--line18);
    color: var(--cl666);
    padding-right: 16px;
}

.newstory-sec .ys-share-img {
    width: 32px;
    background: rgba(244, 244, 244, 1);
}

.newstory-sec .ys-share-list {
    padding-right: 10px;
}

.newstory-sec-le {
    width: 59%;
}

.newstory-sec .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newstory-sec-le-news p {
    font-size: var(--font16);
    margin-bottom: 30px;
}

.newstory-sec-le-news h5 {
    margin-bottom: 30px;
}

.newstory-sec-le-news {
    padding-bottom: var(--space50);
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.newstory-sec-le-news p:nth-last-child(1) {
    margin-bottom: 0;
}

.nslu-li-link {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #999;
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nslu-li {
    margin-bottom: 16px;
    width: 100%;
}

.newstory-sec-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.newstory-sec-ri {
    width: 32%
}

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

.newstory-sec-ri-ul {
    display: flex;
    flex-wrap: wrap;
}

.nsru-li {
    margin-bottom: 24px;
    width: 100%;
}

.nsru-li-link {
    display: flex;
    flex-wrap: wrap;
}

.nsru-li-link-le {
    width: 44%;
    border-radius: 8px;
}

.nsru-li-link-ri {
    width: 56%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 0 12px 16px;
}

.nllr-tit {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cltit);
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.nllr-time {
    font-size: var(--font16);
    line-height: var(--line16);
    color: #999;
}

/* c1 */
.solut-sec {
    max-width: 1920px;
    margin: 0 auto;
    padding: var(--space140) 60px;
}

.solut-sec-cont {
    width: 100%;
}

.solut-sec-ul {
    display: flex;
    flex-wrap: wrap;
}

.solut-sec-ul-li {
    width: 100%;
    margin-bottom: 100px;
}

.solut-sec-ul-li:last-child {
    margin-bottom: 0 !important;
}

.ssul-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
    width: 100%;
    padding-right: 11%;
}

.ssul-top-num {
    font-size: var(--font16);
    line-height: var(--line15);
    color: rgba(8, 4, 4, 1);
    width: 140px;
}

.ssul-top-ri {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 140px);
    align-items: center;
    justify-content: space-between;
}

.ssul-top-tit {
    max-height: 1.4em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ssul-top-more {
    display: flex;
    flex-shrink: 0;
}

.ssul-top-more p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clfff);
    background-color: var(--cltit);
    padding: 8px 38px;
    border-radius: 50px;
    transition: all 0.36s;
}

.ssul-below {
    width: 100%;
    position: relative;
}

.ssul-below-back img {
    width: 100%;
    /* border-radius: 16px; */

}

.ssul-below-text {
    position: absolute;
    top: 80px;
    left: 140px;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--clfff);
    width: 37%;
    z-index: 10;
}

.ssul-below-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--clfff);
    /* max-height: 8.75em;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */

}

.ssul-below::after {
    content: '';
    position: absolute;
    border-radius: 834px;
    opacity: 0.2;
    background: #000;
    mix-blend-mode: multiply;
    filter: blur(50px);
    width: 834px;
    height: 208px;
    top: 30px;
    left: 30px;
}

.ssul-below-back::after {
    content: '';
    position: absolute;
    /* border-radius: 16px; */
    opacity: 0.1;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ssul-below-back {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.solut-banner-ri {
    width: 34%;
    padding-top: 16px;
}

.solut-banner-le {
    width: 47%;
}

.solut-banner .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.solut-banner-le-tit {
    margin-bottom: 86px;
}

.solut-banner-back {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

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

.solut-banner-back img {
    width: 100%;
}

.sblb-cont {
    width: 64px;
    margin-right: 100px;
    position: relative;
}

.sblb-cont img {
    width: 100%;
}

.solut-banner-le-below {
    display: flex;
    flex-wrap: wrap;
}

.sblb-cont::after {
    content: '';
    position: absolute;
    background-image: url('../images/c1_icon05.svg');
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 4px;
}

.sblb-cont:nth-last-child(1)::after {
    opacity: 0;
}




/* e2 */
.internet-com-all {
    padding: 80px 80px;
    padding-right: 540px;
}

.internet-com-tit {
    margin-bottom: 40px;
    font-weight: bold;
}

.internet-com-ul {
    display: flex;
    flex-wrap: wrap;
}

.internet-com-ul-li {
    width: 100%;
    margin-bottom: 36px;
    display: flex;
    align-items: flex-start;
}

.internet-com-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}

.icul-le {
    display: flex;
    flex-shrink: 0;
    width: 151px;
    padding-right: 6px;
}

.icul-le img {
    width: 24px;
}

.icul-le p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    padding-left: 32px;
}

.icul-ri {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    font-weight: bold;
    width: calc(100% - 151px);
}

.internet-com-ul-li:nth-last-child(1) .icul-ri {
    font-weight: 400;
}

.internet-com-back {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 829px;
}

.internet-com .ys-cont1440 {
    position: relative;
    z-index: 10;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.internet-com {
    padding-bottom: 10px;
    margin-top: -67px;
}

.internet-below-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1) calc(var(--space50) * -1);
}

.internet-below-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: var(--space50);
    min-height: 330px;
}

.ibul-cont {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100%;
    padding: 34px 38px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.06), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.ibul-cont-tit {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--cltit);
    font-weight: bold;
    margin-bottom: 18px;
    width: 100%;
}

.ibul-cont-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 46px;
    flex-grow: 1;
    flex-direction: column;
}

.ibul-cont-ul-li {
    width: 100%;
    margin-bottom: 13px;
    display: flex;
}

.ibul-cont-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}

.li-phone {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    flex-shrink: 0;
}

.li-num {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    width: 100%;
}

.ibul-cont-area {
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid rgba(219, 220, 222, 1);
    display: flex;
    align-items: center;
    position: relative;
}

.ibul-cont-area img {
    width: 24px;
}

.ibul-cont-area p {
    padding-left: 9px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cltit);
}

.ibul-cont::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 24px;
    left: 0;
    top: 41px;
    background-color: var(--vicolor);
}









/* g6 */
.join-grow-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.join-grow-ul-li {
    width: 50%;
    padding: 0 25px;
    margin-bottom: var(--space50);
}

.join-grow-tit {
    text-align: center;
}

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

.jgul-cont-pic {
    border-radius: 20px;
    position: relative;
}

.jgul-cont-tit {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--clfff);
    font-weight: bold;
    transition: all 0.36s;
}

.jgul-cont-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clfff);
    margin-top: 17px;
    display: none;
}

.jgul-cont-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clfff);
    /* max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
}

.jgul-cont-pos {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 60px;
    padding: 55px 60px;
    width: 100%;
}

.jgul-cont-pic::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%);
}

.jgul-cont-pic::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 93%;
    z-index: 1;
    opacity: 0;
    transition: all 0.36s;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.55) 56.87%);
}

.join-acctive-tit {
    margin-bottom: 20px;
    text-align: center;
}

.join-acctive-text {
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--cl666);
    text-align: center;
}

.join-acctive-ul {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.join-acctive-ul-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
    overflow: hidden;
    position: relative;
}

.jaul-le {
    width: 67%;
    position: relative;
}

.jaul-ri {
    width: 33%;
    position: relative;
}

.jaul-le-tit {
    font-size: var(--font32);
    line-height: var(--line14);
    color: var(--clfff);
    font-weight: bold;
    position: absolute;
    top: 50px;
    left: 60px;
    padding-right: 20px;
    z-index: 10;
}

.jaul-le-text {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--clfff);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform-origin: bottom;
    padding: 117px 60px 0;
}

.jaul-le-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--clfff);
    max-height: 10.5em;
    overflow: hidden;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

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

.join-acctive-ul-li1 .jaul-le::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(253, 121, 0, 0.50);
}

.join-acctive-ul-li1 .jaul-ri::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 44, 162, 0.50);
}

.join-acctive-ul-li2 .jaul-le::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(113, 178, 2, 0.50)
}

.join-acctive-ul-li2 .jaul-ri::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(115, 46, 131, 0.50);
}

.join-acctive-ul-li3 .jaul-le::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 107, 136, 0.50);
}

.join-acctive-ul-li3 .jaul-ri::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(205, 66, 1, 0.50);
}

.join-acctive-ul-li1 .jaul-le .jaul-le-text {
    background-color: rgba(159, 101, 48, 1);
    transform: translateY(371px);
    /* opacity: 0; */
    transition: all 0.36s;
    /* transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1); */
}

.join-acctive-ul-li1 .jaul-ri .jaul-le-text {
    background-color: rgba(15, 44, 162, 1);
    transform: translateY(371px);
    transition: all 0.36s;
    /* transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1); */
}

.join-acctive-ul-li2 .jaul-le .jaul-le-text {
    background-color: #71B202;
    transform: translateY(371px);
    opacity: 0;
    transition: all 0.36s;
}

.join-acctive-ul-li2 .jaul-ri .jaul-le-text {
    background-color: rgba(115, 46, 131, 1);
    transform: translateY(371px);
    opacity: 0;
    transition: all 0.36s;
}

.join-acctive-ul-li3 .jaul-le .jaul-le-text {
    background-color: rgba(0, 107, 136, 1);
    transform: translateY(371px);
    opacity: 0;
    transition: all 0.36s;
}

.join-acctive-ul-li3 .jaul-ri .jaul-le-text {
    background-color: rgba(205, 66, 1, 1);
    transform: translateY(371px);
    opacity: 0;
    transition: all 0.36s;
}

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

.join-with-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    height: 100%;
}

.jwul-cont {
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 0px 0px rgba(0, 33, 67, 0.04), 0px 7.759px 9.698px 0px rgba(0, 33, 67, 0.04);
}

.jwul-below {
    /* height: 100%; */
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 27px 42px 53px;
    flex-grow: 1;
    justify-content: space-between;
}

.jwul-below-tit {
    font-size: var(--font20);
    line-height: var(--line16);
    color: #000000;
    margin-bottom: 12px;
    /* max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
    transition: all 0.36s;
}

.jwul-below-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    margin-bottom: 49px;
}

.jwul-below-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    /* max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
}

.jwul-apply {
    display: flex;
}

.jwul-apply p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--clfff);
    padding: 8px 38px;
    border-radius: 50px;
    background-color: var(--vicolor);
    transition: all 0.36s;
}

.jwul-cont-top img {
    transition: all 0.36s;
}





/* g5 */
.honor-caro-tit {
    text-align: center;
}

.honor-caro-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.honor-caro .new-sec-ul-li {
    margin-bottom: 10px;
}

.honor-caro .nsul-link {
    border-radius: 20px;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.honor-caro .nsul-link-below-time {
    color: #999;
    margin-bottom: 5px;
}

.honor-caro .nsul-link-below-tit {
    margin-bottom: 70px;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.honor-caro .ys-cont1440 {
    position: relative;
}

.honor-appro-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.honor-appro-ul-li {
    width: 25%;
    padding: 0 var(--jian);
    margin-bottom: 34px;
}

.haul-cont {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 45px;
    border-radius: 14px;
    background: var(--f, #FFF);
    box-shadow: 0px 9px 57px 0px rgba(115, 0, 2, 0.05), 0px 0px 8px 0px rgba(115, 0, 2, 0.04), 0px 8px 10px 0px rgba(115, 0, 2, 0.04);
}

.haul-cont-pic {
    max-width: 268px;
    margin-bottom: 20px;
}

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

.haul-cont-tit {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cltit);
    margin-bottom: 8px;
}

.haul-cont-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.honor-appro-tit {
    text-align: center;
}

.honor-appro-note {
    padding-top: var(--space140);
}

.honor-appro-note p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #999;
}

.honor-appro {
    position: relative;
    padding-bottom: 55px;
}

.honor-appro-backle {
    position: absolute;
    left: 0;
    top: 163px;
    z-index: -1;
    width: 308px;
}

.honor-appro-backbelow {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 1397px;
}

.honor-appro-backri {
    position: absolute;
    right: 0;
    top: 163px;
    z-index: -1;
    width: 308px;
}

/* 辅助  leah end */


/*鼠标效果*/
@media screen and (min-width: 1200px) {

    /* 辅助 leah star */
    .first li:hover::before,
    .prev li:hover::before,
    .next li:hover::before,
    .end li:hover::before {
        color: var(--vicolor);
    }

    .comp-tabli li:hover {
        color: #fff;
        background: var(--vicolor);
    }

    .dlbu-li-text:hover {
        color: var(--vicolor);
    }

    .arrow-all-tota:hover img:nth-last-child(1) {
        opacity: 1;
    }

    .detail-sec-ri:hover .dsrc-below-tit {
        color: var(--vicolor);
        transition: all 0.36s;
    }

    .csul-link:hover .csul-link-below-tit {
        color: var(--vicolor);
        transition: all 0.36s;
    }

    .plru-li-link:hover .pllc-tit-num p {
        background-color: var(--vicolor);
        color: var(--clfff);
        border: 1px solid var(--vicolor);
    }

    .plru-li-link:hover .pllp-icon {
        opacity: 1;
    }

    .plhu-li-name:hover {
        color: var(--vicolor);
    }

    .inves-notice-ul-li:hover .inul-time {
        color: var(--vicolor);
    }

    .inves-notice-ul-li:hover .inul-ri p {
        color: var(--vicolor);
    }

    .vsul-link:hover .vsul-link-cont-tit {
        color: var(--vicolor);
    }

    .nbul-cont:hover p {
        background-color: var(--vicolor);
        color: var(--clfff);
    }

    .plru-li-link:hover .plru-li-link-text::after {
        width: 100%;
    }

    .inves-notice-ul-li:hover path {
        fill: var(--vicolor);
    }

    .irul-link:hover .irul-link-tit {
        color: var(--vicolor);
    }

    .inves-contact-le-butt:hover p {
        background-color: var(--vicolor);
        color: var(--clfff);
    }

    .nslu-li-link:hover {
        color: var(--vicolor);
    }

    .nsru-li-link:hover .nllr-tit {
        color: var(--vicolor);
    }

    .ssul-top-more:hover p {
        background-color: var(--vicolor);
    }

    .nsul-link:hover .nsul-link-below-tit {
        color: var(--vicolor);
    }

    .ys-fiiss-core-li:hover {
        color: var(--vicolor);
    }

    .jgul-cont:hover .jgul-cont-pic::before {
        opacity: 1;
    }


    .join-acctive-ul-li1 .jaul-le:hover .jaul-le-text {
        opacity: 1;
        transform: translateY(0);
    }

    .join-acctive-ul-li1 .jaul-ri:hover .jaul-le-text {
        opacity: 1;
        transform: translateY(0);
    }

    .join-acctive-ul-li2 .jaul-le:hover .jaul-le-text {
        opacity: 1;
        transform: translateY(0);
    }

    .join-acctive-ul-li2 .jaul-ri:hover .jaul-le-text {
        opacity: 1;
        transform: translateY(0);
    }

    .join-acctive-ul-li3 .jaul-le:hover .jaul-le-text {
        opacity: 1;
        transform: translateY(0);
    }

    .join-acctive-ul-li3 .jaul-ri:hover .jaul-le-text {
        opacity: 1;
        transform: translateY(0);
    }

    .jwul-apply:hover p {
        background-color: #AC000D;
    }

    .jwul-cont:hover .jwul-cont-top img {
        transform: scale(1.1);
    }

    .hcul-cont:hover .hcul-cont-below-tit {
        color: var(--vicolor);
    }

    .jwul-cont:hover .jwul-below-tit {
        color: var(--vicolor);
    }

    /* 辅助leah end */

}


/* lucas start */
.ys-cont1800 {
    max-width: 1800px;
    margin: auto;
    width: 85vw;
}

.indusdet-intro-box-text p {
    color: var(--cltit);
    text-align: center;
    font-size: var(--font18);
    font-weight: 290;
    line-height: var(--line175);
}

.indusdet-intro-box .std-tit48 {
    margin-bottom: var(--space40);
}

.indusdet-intro-box-text {
    margin-bottom: var(--space100);
    max-width: 948px;
}

.indusdet-intro-box {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.indusdet-intro .ys-imgbox-cover {
    border-radius: 16px;
}

.illl-top-tit {
    color: var(--cl333);
    margin-bottom: 16px;
}

.illl-top {
    padding-bottom: 35px;
    border-bottom: 1px solid #CA0915;
}

.iblc-li-name {
    line-height: var(--line175);
}

.ibbc-cry {
    color: var(--clfff);
}

.ilbu-li-link-ri {
    border-radius: 20px;
}

.ilbu-li-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.ilbu-li-link-ri {
    width: 41.38%;
}

.ilbu-li-link-le {
    width: 49%;
}

.iblc-li-cir {
    width: 10px;
    height: 10px;
    background-color: var(--vicolor);
    border-radius: 50%;
    position: relative;
    filter: drop-shadow(0px 0px 6px rgba(230, 0, 18, 0.80));
}

.iblc-li-cir::before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    background: var(--clfff);
    border-radius: 50%;
}

.iblc-li {
    display: flex;
    flex-direction: row;
    padding: 0 36px;
    width: 33.33%;
}

.illl-bottom-list-cry {
    display: flex;
    margin: 0 -36px;
}

.illl-bottom {
    padding-top: 20px;
}

.iblc-li-cir {
    margin-right: 14px;
    margin-top: 10px;
}

.illl-bottom-btn-cry {
    padding: 0 8px;
}

.illl-bottom-btn {
    margin: 0 -8px;
    display: flex;
}

.ibbc-cry {
    border-radius: 50px;
    padding: 8px 38px;
    transition: all 0.36s ease-in-out;
}

.illl-bottom-btn .illl-bottom-btn-cry:nth-child(1) .ibbc-cry {
    background-color: var(--vicolor);
}

.illl-bottom-btn .illl-bottom-btn-cry:nth-child(2) .ibbc-cry {
    background-color: var(--cltit);
}

.illl-bottom-list {
    margin-bottom: var(--space50);
}

.ilbu-li-link-le {
    padding-left: 64px;
}

.iblc-li-name {
    transition: all 0.36s ease-in-out;
    cursor: pointer;
    flex: 1;
}

.indusdet-list-box {
    border-left: 1px solid #E2E2E2;
}

.ilbu-li {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    margin-bottom: var(--space140);

}

.ilbu-li::before {
    content: "";
    width: 1px;
    height: 400px;
    background-color: var(--vicolor);
    position: absolute;
    top: 0;
    left: -1px;
    opacity: 0;
    transition: all 0.36s ease-in-out;
    display: none;
}

.illl-bottom-btn-video {
    cursor: pointer;
}

.indusdet-list {
    background: linear-gradient(0deg, #F2F3F5 0%, rgba(242, 243, 245, 0.00) 100%);
}

.indusdet-list-box {
    padding: var(--space140) 0;
}

.indusdet-list-box-ul .ilbu-li:last-child {
    margin-bottom: 0 !important;
}

.indusdet-solution h2 {
    margin-bottom: var(--space50);
    text-align: center;
}

.indusdet-solution-pagination {
    display: none;
}

.indusdet-solution-swiper {
    overflow: visible !important;
}

.issl-ri-title {
    padding-bottom: var(--space40);
    border-bottom: 1px solid #C0C0C0;
    font-weight: 700;
}

.issl-le {
    width: 57.58%;
}

.issl-ri {
    width: 42.42%;
    padding: 80px 80px 94px 80px;
}

.indusdet-solution-slide-link {
    display: flex;
    width: 100%;
}

.issl-ri-cry {
    padding-top: 27px;
}

.jpt-btn-cry {
    background: var(--vicolor);
    padding: 8px 38px;
    border-radius: 50px;
    color: var(--clfff);
    display: inline-block;
    transition: all 0.36s ease-in-out;
}

.jpt-btn {
    margin-top: 60px;
}

.indusdet-solution-slide-link {
    border-radius: 16px;
    background: #F6F7F8;
}

.issl-le {
    border-radius: 16px 0 0 16px;
}

.indusdet-intro .ys-cont1800 {
    position: relative;

}

.indusdet-intro-box-bg {
    position: absolute;
    right: -50px;
    top: -70px;
    border-radius: 50%;
    width: 596px;
    pointer-events: none;
    z-index: -1;
}

.indusdet-intro-box-bg img {
    width: 100%;
}

.indusdet-solution-slide {
    opacity: 0.5;
    transition: all 0.36s ease-in-out;
    transition-property: all !important;
}

.indusdet-solution-slide.swiper-slide-active {
    opacity: 1;
}

.tecino-page h1 {
    color: var(--clfff);
    margin-bottom: 24px;
}

.tecino-page .ys-pos-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 42%;
}

.tecino-page .ys-nyban-title p {
    max-width: 850px;
    text-align: center;
    margin-bottom: var(--space50);
}

.tnll-num {
    color: var(--clfff);
    font-size: var(--font20);
    line-height: var(--line16);
    white-space: nowrap;
}

.tnll-num span {
    color: var(--clfff);
    font-size: var(--font48);
    line-height: var(--line175);
}

.tnll-text {
    color: var(--clfff);
    white-space: nowrap;
    margin-top: -4px;
}

.tecino-num-list-li {
    padding: 0 76px;
    border-right: 1px solid #FFF;
    width: 25%;
    text-align: center;
}

.tecino-num-list {
    display: flex;
    margin: 0 -76px;
}

.tecino-num-list .tecino-num-list-li:last-child {
    border-right: unset;
}

.tecino-video .ys-imgbox-cover {
    border-radius: 20px;
    position: relative;
}

.tecino-video .ys-imgbox-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: 1;
}

.tecino-video {
    margin-top: -136px;
    position: relative;
    z-index: 1;
}

.tecino-video-btn {
    width: 54px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.tecino-video-btn img {
    width: 100%;
}

.tecino-video-bg {
    position: absolute;
    width: 688px;
    pointer-events: none;
    right: 5%;
    top: -5%;
    z-index: -1;
}

.tecino-video-bg img {
    width: 100%;
}

.tecino-innovate-title .std-tit40,
.tiwi-text .std-tit40 {
    color: var(--cl333);
}

.tecino-innovate-title-text {
    width: 812px;
    max-width: 100%;
    margin: 0 auto;
}

.tecino-innovate-title-text p {
    line-height: var(--line175);
    font-size: var(--font18);
    color: var(--cl666);
    text-align: center;
}

.tecino-innovate-title {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tecino-innovate-title {
    position: relative;
}

.tecino-innovate-title-bg {
    position: absolute;
    bottom: -20%;
    left: 0;
    width: 1917px;
    pointer-events: none;
}

.tecino-innovate-title-bg img {
    width: 100%;
}

.tecino-innovate-wrap-text h2 {
    margin-bottom: 24px;
}

.tiwt-text {
    max-width: 644px;
}

.tiwi-ph {
    display: none;
}

.tecino-innovate-wrap-img img {
    width: 100%;
}

.tecino-innovate-wrap-text {
    width: 100%;
    padding-bottom: 60px;
}

.tecino-innovate-wrap-img {
    position: relative;
    z-index: 5;
    overflow: hidden;
    margin: auto;
    max-width: 1440px;
    width: 100%;
}

.tiwi-text {
    position: absolute;
    top: -152px;
    left: 0;
    z-index: 3;
}

.tiwi-text .std-tit40,
.tiwi-text-cry p {
    color: var(--clfff);
}

.tiwi-text-cry {
    max-width: 644px;
}

.tecino-innovate-wrap {
    position: relative;
}

.tecino-innovate-wrap {
    height: 60vh;
    padding-top: 100px;
    position: relative;
}

.tiwi-imgbox {
    width: 100%;
    position: relative;
}

.tiwi-imgbox::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.10);
    z-index: 1;
}

.tiwt-cont {
    position: relative;
}

.tecino-innovate-wrap-text .std-tit40,
.tiwi-text .std-tit40 {
    margin-bottom: 24px;
}

.tilc-li {
    width: 33.333333%;
    padding: var(--jian);
    height: auto;
    display: flex;
}

.tecino-innovate-list-cry {
    margin: 0 var(--jian1);
    display: flex;
}

.tilc-li-box {
    width: 100%;
    padding: 23px 26px;
    border-radius: 8px;
    background: #FFF;
    height: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.tilc-li-box-top {
    display: flex;
    border-bottom: 1px solid #DBDCDE;
    padding-bottom: 12px;
    margin-bottom: 12px;
    /* align-items: center; */
}

.tlbt-title {
    line-height: var(--line175);
    margin-left: 10px;
}

.tilc-li-box-bot p {
    font-weight: 290;
}

.tecino-innovate-list {
    width: 100%;
    position: relative;
    z-index: 10;
    margin-top: -60px;
}

.tecino-innovate-list-cry {
    height: 100%;
}

.tecino-innovate-list .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
}

.tecino-innovate-list .slick-dots li {
    background: var(--vicolor);
    width: 8px;
    height: 8px;
    margin: 0 5px;
    opacity: 0.2;
    transition: all 0.36s ease-in-out;
}

.tecino-innovate-list .slick-dots li.slick-active {
    opacity: 1;
}

.tecino-page .ys-slick .slick-track {
    margin: unset;
}

.tecino-innovate-wrap-mea .tecino-innovate-wrap-text {
    top: -182px;
}

.tecino-innovate-wrap-mea .tiwi-text {
    top: -182px;
}

.tecino-innovate-wrap-ai .tecino-innovate-wrap-text {
    top: -182px;
}

.tecino-innovate-wrap-ai .tiwi-text {
    top: -182px;
}

.tecino-innovate-wrap-motion .tecino-innovate-wrap-text {
    top: -182px;
}

.tecino-innovate-wrap-motion .tiwi-text {
    top: -182px;
}

.tecino-coop .std-tit40 {
    margin-bottom: var(--space60);
    text-align: center;
}

.tcsc-text-time {
    color: var(--cl666);
    font-size: var(--font16);
    line-height: var(--line16);
    margin-bottom: 8px;
}

.tcsc-text-title {
    line-height: var(--line175);
    margin-bottom: 45px;
}

.tcsc-text {
    position: relative;
    padding: 25px 40px;
    flex: 1;

}

.tcsc-text-tab {
    position: absolute;
    bottom: 25px;
    left: 40px;
}

.tcsc-text-tab-item p {
    color: var(--vicolor);
}

.tecino-coop-slick-li {
    width: 33.33%;
    padding: var(--jian);
}

.tecino-coop-slick-cry {
    margin: 0 var(--jian1);
}

.tecino-coop-slick-cont {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 8px 29px 0px rgba(0, 33, 67, 0.06);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tcsc-text-tab-item {
    border-radius: 20px;
    background: rgba(230, 0, 18, 0.06);
    padding: 1px 12px;
}

.slick-prev {
    width: 48px;
    height: 48px;
}

.slick-prev::before {
    content: "";
    background: url(../images/d2_arrow0101.svg) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transition: all 0.36s ease-in-out;
    opacity: 0.5;
}


.slick-next::before {
    content: "";
    background: url(../images/d2_arrow0201.svg) no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transition: all 0.36s ease-in-out;
    opacity: 0.5;
}


.slick-next.slick-disabled::before {
    opacity: 0.5;
}

.slick-prev.slick-disabled::before {
    opacity: 0.5;
}

.slick-next {
    right: -100px;
}

.slick-prev {
    left: -100px;
}


.ys-cont1240 {
    width: 85vw;
    margin: auto;
    max-width: 1240px;
}

.company-intro-cry p {
    color: var(--cl666);
    text-align: center;
    font-family: "Inter";
    font-size: var(--font18);
    line-height: var(--line175);
}

.company-intro-cry {
    margin-bottom: var(--space100);
}

.cinl-li {
    width: 25%;
    padding: 0 20px;
    border-right: 1px solid #E4E4E4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.company-intro-num-list .cinl-li:first-child {
    padding-left: 0;
}

.company-intro-num-list .cinl-li:last-child {
    padding-right: 0;
}

.company-intro-num-list {
    display: flex;
}

/* .cinl-li-text {
    white-space: nowrap;
} */

.company-intro-num-list .cinl-li:last-child {
    border-right: unset;
}

.cinl-li-num {
    color: var(--vicolor);
    font-size: var(--font48);
    font-weight: 500;
    line-height: var(--line175);
    font-family: 'jiepute';
}

.company-intro-num {
    width: 81.21%;
    margin: 0 auto var(--space120);
}

.company-intro-video .ys-imgbox-cover {
    border-radius: 16px;
    position: relative;
}

.company-intro-video .ys-imgbox-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 1;
    border-radius: 16px;
}

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

.company-intro-video-btn {
    width: 54px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.company-intro-video-btn img {
    width: 100%;
}

.company-intro {
    position: relative;
}

.company-intro-bg {
    position: absolute;
    top: -10%;
    right: 9%;
    width: 28%;
    pointer-events: none;
    z-index: -1;
}

.company-intro-bg img {
    width: 100%;
}

.company-culture .std-tit40 {
    margin-bottom: 90px;
    width: 618px;
    max-width: 100%;
    text-align: center;
}

.company-culture .ys-cont1440 {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.company-culture-box-le .ys-imgbox-cover,
.company-culture-box-ri .ys-imgbox-cover {
    border-radius: 20px;
}

.company-culture-box {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.company-culture-box-le {
    width: 44.72%;
    margin-top: var(--space140);
}

.company-culture-box-ri {
    width: 55.28%;
    padding-left: var(--space100);
}

.ccbr-top {
    margin-bottom: 114px;
}

.ccbl-text-title {
    color: var(--clfff);
    font-size: var(--font32);
    font-weight: 700;
    line-height: var(--line14);
    margin-bottom: 16px;
}

.ccbl-text-cry {
    color: var(--clfff);
    font-size: var(--font18);
    line-height: var(--line175);
}

.ccbl-text {
    width: 100%;
    padding: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.company-culture-box-le,
.ccbr-top,
.ccbr-bottom {
    position: relative;
}

.company-culture-box-le .ys-imgbox-cover,
.ccbr-top .ys-imgbox-cover,
.ccbr-bottom .ys-imgbox-cover {
    position: relative;
}

.company-culture-box-le .ys-imgbox-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.10) 49.82%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: 1;
}

.ccbr-top .ys-imgbox-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.10) 49.82%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: 1;
}

.ccbr-bottom .ys-imgbox-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.10) 49.82%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: 1;
}

.ccbr-bottom .ys-imgbox-cover {
    width: auto;
}

.ccbr-bottom .ys-imgbox-cover img {
    width: auto;
}

.ccbr-bottom {
    width: fit-content;
}

@keyframes scrollLe {
    from {
        transform: translateY(200px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.company-culture-bg {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 1918px;
    pointer-events: none;
    z-index: -1;
}

.company-culture-bg img {
    width: 100%;
}

.company-culture {
    position: relative;
    overflow: hidden;
}

.ys-cont1740 {
    max-width: 1740px;
    margin: auto;
    width: 85vw;
}

.company-all-bg-ph {
    display: none;
}

.company-all-bg {
    border-radius: 20px;
    overflow: hidden;
}

.company-all-bg img {
    width: 100%;
}

.company-all {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding-left: 90px;
    padding-right: 90px;
}

.company-all-title {
    position: absolute;
    left: 50%;
    top: 56%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 80%;
}

.company-all-title h2 {
    color: var(--clfff);
    margin-bottom: 28px;
    text-align: center;
    max-width: 618px;
}

.company-all-title-text {
    max-width: 980px;
}

.company-all-title-text p {
    color: rgba(255, 255, 255, 0.70);
    text-align: center;
    font-family: "Inter";
    font-size: var(--font18);
    line-height: var(--line175);
}

.company-all-title {
    display: flex;
    align-items: center;
    flex-direction: column;

}

.company-all-title-text {
    margin-bottom: var(--space100);
}

.canl-li-num {
    color: var(--clfff);
    margin-bottom: 22px;
    /* white-space: nowrap; */
}

.canl-li-num span {
    color: var(--clfff);
    font-family: 'jiepute';
    font-size: 64px;
    font-weight: 500;
}

.canl-li-text {
    color: var(--clfff);
    /* white-space: nowrap; */
}

.canl-li {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.company-all-num-list {
    display: flex;
    width: 100%;
}

.company-all-num {
    width: 100%;
}

.canl-li {
    padding: 0 20px;
    border-right: 1px solid #fff;
}

.company-all-num-list .canl-li:first-child {
    padding-left: 0;
}

.company-all-num-list .canl-li:last-child {
    padding-right: 0;
    border-right: unset;
}

.company-all-bg {
    position: relative;
}

.company-all-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 1;
}

.company-process h2 {
    margin-bottom: 80px;
    text-align: center;
}

.company-process {
    position: relative;
}

.company-process-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 1;
}

.company-process-bg img {
    width: 100%;
    object-fit: cover;
    height: auto;
}

.company-process .ys-cont1440 {
    position: relative;
    z-index: 5;
}

.company-process-swiper-cry {
    overflow: visible !important;
}

.iblc-li-cir {
    font-weight: 500;
}

.company-process-swiper-slide {
    padding: 22px 41px 0 35px;
    border-left: 1px solid #DBDCDE;
}

.ctll-cry p {
    color: var(--cl666);
    font-size: var(--font16);
    font-weight: 290;
    line-height: var(--line175);
}

.cpss-teext-list-li {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    padding-left: 10px;
}

.company-process-swiper-slide {
    height: 440px !important;
}

.cpss-teext-list .cpss-teext-list-li:last-child {
    margin-bottom: 0 !important;
}

.cpss-title {
    margin-bottom: 34px;
}

.ctll-cry {
    flex: 1;
}

.company-process .iblc-li-cir {
    filter: unset;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 9px;
}

.company-process-swiper-slide.keynote .cpss-title {
    color: var(--vicolor);
}

.cpss-teext-list-li.keyli .iblc-li-cir {
    filter: drop-shadow(0px 0px 6px rgba(230, 0, 18, 0.80));

}

.cpss-teext-list-li.keyli .ctll-cry p {
    color: var(--cltit);
    font-weight: 400;
}

.company-process-swiper-pagination {
    top: auto !important;
    bottom: 0;
}

.company-process-swiper-wrapper {
    padding-bottom: 93px;
}

.company-process-swiper-pagination .swiper-pagination-progressbar-fill {
    background: var(--vicolor) !important;
    height: 3px !important;
    top: -1px !important;
}

.company-process-swiper-pagination {
    height: 1px !important;
    background: rgba(255, 255, 255, 0.60) !important;
    width: 90% !important;
}

.company-process {
    position: relative;
}

.company-process-swiper-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 114px;
}

.company-process-swiper-prev::after {
    content: unset !important;
}

.company-process-swiper-next::after {
    content: unset !important;
}

.company-process-swiper-next,
.company-process-swiper-prev {
    width: 48px !important;
    transition: all 0.36s ease-in-out;
}

.company-process-swiper-next img,
.company-process-swiper-prev img {
    width: 100%;
}

.company-process-swiper-next {
    right: -8px !important;
}

.company-process .mCSB_outside+.mCSB_scrollTools {
    right: 0 !important;
}

.company-process .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #DBDCDE !important;
}

.company-honor h2 {
    margin-bottom: 60px;
    text-align: center;
}

.company-honor-li {
    width: 25%;
}

.company-honor-li-link {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    height: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.company-honor-li-link .ys-sic-text {
    padding: 20px 30px;
}

.company-honor-li {
    padding: var(--jian);
}

.company-honor-slick {
    margin: var(--jian1);
}

.company-honor-li-cont .ys-sic-text {
    color: var(--cltit);
}

.company-honor .slick-next {
    right: -5%;
}

.company-honor .slick-prev {
    left: -5%;
}

.company-honor-box {
    margin-bottom: 68px;
}

.company-honor .jpt-btn {
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.company-honor {
    position: relative;
}

.company-honor-bg {
    width: 28%;
    position: absolute;
    top: -22%;
    right: 8%;
    pointer-events: none;
    z-index: -1;
}

.company-honor-bg img {
    width: 100%;
}

.cjcl-li-link-title {
    color: var(--clfff);
    margin-bottom: 13px;
}

.cjcl-li-link-cry p {
    color: var(--clfff);
    text-align: center;
}

.cjcl-li-link-cry {
    margin-bottom: 25px;
    width: 350px;
}

.company-join .jpt-btn-cry {
    color: var(--cltit);
    background: var(--clfff);
}

.company-join-bg {
    position: relative;
}

.company-join-bg-box:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s ease-in-out;
}

.company-join-bg-box.act {
    opacity: 1;
    pointer-events: all;
}

.company-join {
    position: relative;
    overflow: hidden;
}

.company-join-cry {
    position: absolute;
    height: calc(100% - 140px);
    width: 100%;
}

.company-join-bg-box {
    width: 100%;
}

.company-join-cry-list {
    display: flex;
    width: 100%;
    position: absolute;
    z-index: 1;
    height: 100%;
}

.cjcl-li {
    width: 50%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.cjcl-li .cjcl-li-link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translate(-50%, -50%);
}

.cjcl-li-link {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.company-join-cry-list .cjcl-li:first-child {
    position: relative;
}

.company-join-cry-list .cjcl-li:first-child::after {
    content: "";
    height: 100vh;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.company-join-cry-list .cjcl-li:last-child {
    padding-left: 264px;
}

.company-join .jpt-btn {
    margin-top: 0;
}

.cjcl-li.on .jpt-btn-cry {
    color: var(--clfff);
    background: var(--vicolor) !important;
}

.sustain-praxis-le h2 {
    margin-bottom: 32px;
}

.sustain-praxis-le-text p {
    color: var(--cl666);
    font-size: var(--font18);
    line-height: var(--line175);
}

.sustain-praxis-ri {
    width: 52.08%;
}

.sustain-praxis-le {
    width: 41%;
}

.sustain-praxis {
    background: #F2F3F5;
    width: 100%;
    position: relative;
    z-index: 10;
}

.sustain-praxis .ys-cont1440 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slcl-ri-title {
    margin-bottom: 12px;
}

.slcl-ri-sub {
    margin-bottom: 30px;
}

.slcl-ri-text p {
    color: var(--cl666);
    font-size: var(--font18);
    line-height: var(--line175);
}

.sustain-list-cry-li .ys-imgbox-cover {
    width: 57.29%;
    border-radius: 16px;
}

.slcl-ri {
    width: 42.71%;
    padding-left: var(--space120);
}

.sustain-list-cry-li {
    display: flex;
    align-items: center;
    margin-bottom: var(--space140);
}

.sustain-list-cry .sustain-list-cry-li:nth-child(even) .slcl-ri {
    padding-right: var(--space120);
    padding-left: 0;
}

.sustain-list-cry .sustain-list-cry-li:nth-child(even) {
    flex-direction: row-reverse;
}

.snll-box-cry {
    color: var(--clfff);
    font-weight: 500;
    line-height: var(--line175);
}

.snll-box-cry span {
    font-size: var(--font48);
}

.snll-box-text {
    color: var(--clfff);
}

.sustain-num {
    height: 100vh;
    width: 100%;
}

.sustain-num-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sustain-num-list-li {
    width: 33.33%;
    height: 100%;
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
}

.snll-cry {
    width: 100%;
    padding: 0px 105px;
}

.snll-box {
    margin-bottom: 205px;
}

.snll-box:last-child {
    margin-bottom: 0 !important;
}

.sustain-num .ys-cont1440 {
    height: 100%;
}

.snll-box-text {
    width: 254px;
}

.sustain-num {
    position: relative;
}

.sustain-num::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 122, 179, 0.70) 0%, rgba(0, 122, 179, 0.00) 33.44%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.sustain-org h2 {
    margin-bottom: var(--space60);
    text-align: center;
}

.sustain-org-slick .ys-sic-text {
    color: var(--cltit);
    font-size: var(--font24);
    font-weight: 700;
    line-height: var(--line175);
    padding-bottom: 31px;
}

.sustain-org-li .ys-slick-item-cont {
    padding: 44px 40px 40px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 14px 0px rgba(0, 33, 67, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.sustain-org-li {
    padding: var(--jian);
}

.sustain-org-slick-cry {
    margin: var(--jian1);
}

.sustain-org-li-text p {
    color: var(--cl666);
    font-size: var(--font16);
    font-weight: 290;
    line-height: var(--line175);
}

.sustain-org-li-text {
    border-top: 1px solid #DEDEDE;
    padding-top: 34px;
    flex: 1;
}

.sustain-org-li .ys-imgbox-cover {
    width: 75px;
    margin-bottom: 33px;
}

.sustain-org .slick-next {
    right: -5%;
}

.sustain-org .slick-prev {
    left: -5%;
}

.sustain-org {
    background: #F2F3F5;
}

.sustain-org-li {
    width: 25%;
}

.srtl-le-title {
    margin-bottom: 40px;
}

.srtl-le-cry p {
    color: var(--cl666);
    font-size: var(--font18);
    font-weight: 290;
    line-height: var(--line175);
}

.srtl-le-cry {
    margin-bottom: 60px;
}

.srtl-ri {
    width: 53%;
    position: relative;
    transform: translateY(-80px) translateX(15%);
}

.srtl-ri .ys-imgbox-cover {
    border-radius: 16px;
}

.srtl-ri::after {
    content: '';
    position: absolute;
    top: 25px;
    left: 6px;
    width: calc(100% - 6px);
    height: 100%;
    background: rgba(183, 183, 183, 0.40);
    filter: blur(10px);
    z-index: -1;
}

.srtl-le {
    width: 46.5%;
    padding-right: 0px !important;
    padding-left: 70px;
    padding-top: 70px;
    padding-bottom: 80px;
}

.sustain-repo-top-link {
    display: flex;
    align-items: center;
    position: relative;
    width: 93%;
    border-radius: 16px;
    background: #F2F3F5;
}

.jpt-btn-black {
    background-color: var(--cltit);
    border-radius: 50px;
    padding: 8px 38px;
    transition: all 0.36s ease-in-out;
    color: var(--clfff);
    width: fit-content;
}

.sllt-title {
    font-weight: 700;
    margin-bottom: 24px;
}

.srbl-li-link-cry p {
    height: 5.25em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.srbl-li-link-cry {
    margin-bottom: 38px;
}

.srbl-li-link-btn {
    color: var(--cl666);
    font-size: var(--font16);
    line-height: var(--line14);
    position: relative;
    width: fit-content;
    transition: all 0.36s ease-in-out;
}

.srbl-li-link-btn::after {
    content: "";
    background: url(../images/e5_arrow02.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -20px;
    transform: rotate(90deg);
    top: 2px;
    transition: all 0.36s ease-in-out;
}

.srbl-li-link-top {
    display: flex;
}

.srbl-li {
    width: 33.33%;
    padding: var(--jian);
}

.sustain-repo-bot-list {
    margin: var(--jian1);
}

.srbl-li-link {
    padding: 40px 50px;
    width: 100%;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.sustain-repo-top {
    margin-bottom: 55px;
}

.sustain-repo .slick-next {
    right: -5%;
}

.sustain-repo .slick-prev {
    left: -5%;
}

.sustain-repo-bot .iblc-li-cir {
    margin-right: 24px;
}

.swiper-slide {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.sustain-go h1 {
    text-align: center;
}

.sustain-go {
    position: relative;
}

.sustain-go-bg {
    position: absolute;
    left: 0;
    top: -7%;
    width: 100%;
    pointer-events: none;
    z-index: -1;
}

.sustain-go-bg img {
    width: 100%;
}

.sustain-go-cry-click {
    display: flex;
    position: relative;
    /* height: 100vh; */
    -moz-column-gap: 50px;
    column-gap: 50px;
    justify-content: center;
    align-items: center;
}

.sgcc-li .sgcc-box {
    margin-bottom: 60px;
}

.sgcc-li .sgcc-box:last-child {
    margin-bottom: 0 !important;
}

.sgcc-box {
    border-radius: 16px;
}

.sgcc-box img {
    border-radius: 16px;
    object-fit: cover;
}

.sgcc-li3 .sgcc-box {
    width: 35vw;
    height: 100vh;
}

.sgcc-li3 .sgcc-box img {
    height: 100%;
    object-fit: cover;
}

.sustain-go-svg {
    width: 36px;
    position: absolute;
    left: 50%;
    top: 440px;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.sgcc-li2 .sgcc-box {
    width: 20vw;
}

.sgcc-li1 .sgcc-box {
    width: 20vw;
    overflow: hidden;
}

.sgcc-li3 {
    /* margin-top: 530px; */
    transform: translateY(190px);
}

.slac-intr p {
    color: var(--clfff);
    font-size: var(--font24);
    font-weight: 290;
    line-height: var(--line175);
}

.sgcc-li-act-cry {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: -40vh;
}

.slac-intr {
    width: 31.67%;
    /* opacity: 0;
    position: absolute;
    top: 300px; */
}

.sustain-go {
    overflow: visible;
    height: 100vh;
}

.slac-ri {
    width: 68.33%;
    padding-left: 208px;
    /* opacity: 0;
    position: absolute;
    top: 200px;
    right: 0; */
}

.slac-ri-list-li {
    width: 56.7%;
}

.srll-box-title {
    color: var(--clfff);
    font-size: var(--font20);
    font-weight: 700;
    line-height: var(--line16);
    margin-bottom: 22px;
}

.srll-box-cry p {
    color: var(--clfff);
    font-size: var(--font16);
    line-height: var(--line175);
}

.srll-box {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 57px 50px 72px;
}

.slac-ri-list-li {
    margin-bottom: 73px;
}

.slac-ri-list .slac-ri-list-li:last-child {
    margin-bottom: 0 !important;
}

.slac-ri-list .slac-ri-list-li:nth-child(odd) {
    margin-left: auto;
}

.sgcc-li-act-cry .ys-cont1440 {
    display: flex;
    position: relative;
}

.sustain-page .pin-spacer {
    padding-bottom: 0 !important;
    box-sizing: content-box !important;
}

.tecino-page .iblc-li-cir {
    margin-right: 14px;
    margin-top: 0;
}

.pdbl-swiper-pagination,
.pdbl-thumbs-pagination {
    display: none;
}

.prodet-detail-box-le {
    width: 45%;
}

.prodet-detail-box-ri {
    width: 55%;
    padding-left: 132px;
}

.pdbr-cry-title h1 {
    font-weight: bold;
}

.pdbr-cry-tab {
    border-radius: 4px;
    background: #F2F3F5;
    margin-left: 17px;
    padding: 4px 16px;
}

.pdbr-cry-tab p {
    color: var(--cltit);
    text-align: center;
    font-size: var(--font12);
    font-weight: 700;
    line-height: var(--line175);
}

.pdbr-cry-text p {
    line-height: var(--line175);
    color: var(--cltit);
    font-size: var(--font18);
    font-weight: 290;
}

.pdbr-cry-text {
    padding-bottom: 45px;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 38px;
}

.pnll-cry-num {
    color: var(--E60012, #E60012);
    font-size: 36px;
    font-weight: 500;
    line-height: var(--line14);
    font-family: 'jiepute';
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.pdbr-num {
    margin-bottom: 75px;
}

.prodet-detail-box {
    display: flex;
    align-items: center;
}

.pdbr-cry-title {
    display: flex;
    align-items: center;
}

.pdbr-cry-title {
    margin-bottom: 32px;
}

.pdbr-num-list {
    display: flex;
}

.pdbr-num-list-li {
    padding: 0 59px;
    border-right: 1px solid #E4E4E4;
}

.pdbr-num-list .pdbr-num-list-li:first-child {
    padding-left: 0;
}

.pdbr-num-list .pdbr-num-list-li:last-child {
    border-right: unset;
    padding-right: 0;
}

.pdbr-num-btn {
    margin: 0 -8px;
    display: flex;
}

.pdbr-num-btn-box {
    padding: 0 8px;
}

.pdbr-cry,
.pdbr-num,
.pdbr-num-btn {
    width: 100%;
}

.prodet-page .swiper-button-prev:after,
.prodet-page .swiper-button-next:after {
    content: unset !important;
}

.pdbl-thumbs-prev img,
.pdbl-thumbs-next img {
    width: 100%;
}

.pdbl-thumbs-next {
    transform: rotate(90deg);
}

.pdbl-thumbs-prev {
    transform: rotate(-90deg);
}

.pdbl-thumbs-wrapperslide .ys-imgbox-contain {
    border-radius: 5px;
    background: #F4F4F4;
}

.pdbl-thumbs {
    max-width: 584px;
}


.pdbl-slide-name {
    color: var(--cl666);
    font-size: 20px;
    line-height: var(--line16);
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.pdbl-slide .ys-imgbox-contain {
    margin-bottom: 24px;
}

.pdbl-slide {
    position: relative;
}

.prodet-detail {
    background: linear-gradient(0deg, #F2F3F5 0%, rgba(242, 243, 245, 0.00) 100%);
    border-radius: 0 0 100px 0;
}

.pdbl-slide,
.pdbl-thumbs-wrapperslide {
    cursor: pointer;
}

.prodet-nav-box-list {
    display: flex;
}

.pnbl-li {
    width: fit-content !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-right: 60px;
}

.prodet-nav-cry {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.prodet-nav-box {
    flex: 1;
}

.prodet-nav-cry {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
    padding: 18px 40px 18px 60px;
}

.prodet-nav {
    margin-top: -46px;
    padding-bottom: 20px;
    position: relative;
    z-index: 20;
}

.prodet-detail {
    position: relative;
}

.prodet-detail-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
}

.prodet-detail-bg img {
    width: 100%;
}

.prodet-nav-box-list .pnbl-li:last-child {
    margin-right: 0 !important;
}

.jpt-btn-black {
    cursor: pointer;
}

.prodet-adv h2 {
    margin-bottom: 60px;
    text-align: center;
}

.pabl-title-text {
    color: var(--cltit);
    font-size: var(--font24);
    font-weight: 700;
    line-height: var(--line15);
}

.pabl-cont p {
    color: var(--cl666);
    font-size: var(--font16);
    font-weight: 290;
    line-height: var(--line175);
}

.pabl-title {
    margin-bottom: 26px;
    display: flex;

}

.pabl-box {
    width: 100%;
    padding: 56px 90px 82px 50px;
    position: relative;
    border-radius: 8px;
    background: #FFF;
    z-index: 5;
    box-shadow: 0px 0px 7.956px 0px rgba(0, 33, 67, 0.04), 0px 7.956px 9.945px 0px rgba(0, 33, 67, 0.04);
}

.pabl-box-bg {
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 210px;
    z-index: 1;
    pointer-events: none;
}

.pabl-box-bg {
    width: 100%;
}

.prodet-adv-box-li,
.prodet-app-box-li {
    width: 33.33%;
    padding: var(--jian);
}

.prodet-adv-box-slick,
.prodet-app-box-slick {
    margin: 0 var(--jian1);
}

/* .prodet-page .slick-next {
    right: -5%;
}

.prodet-page .slick-prev {
    left: -5%;
} */

.prodet-page h2 {
    text-align: center;
    margin-bottom: var(--space60);
}

.prodet-app-box-li .ys-slick-item-cont {
    background: #F2F3F5;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.prodet-app-box-li .ys-sic-text {
    padding: 19px 40px 22px;
}

.prodet-para-top {
    display: flex;
}

.pptr-list {
    display: flex;
}

.pptl-title {
    color: var(--clfff);
    font-size: var(--font18);
    line-height: var(--line175);
    border-radius: 16px 0px 0px 0px;
    border: 1px solid #FFF;
    background: var(--cltit);
    padding: 10px 20px;
    text-align: center;
}

.prodet-para-top-ri .pptl-title {
    border: 1px solid #FFF;
    border-radius: 0px;
    background: #C9161F;
}

.prodet-para-top-le,
.prodet-para-bottom-le {
    width: 280px;
}

.prodet-para-top-ri,
.prodet-para-bottom-ri {
    width: calc(100% - 280px);
}

.prodet-para-top-ri .pptr-list-li,
.ppbr-cry-li {
    width: 388px;
}

.prodet-para-top-ri .pptl-img {
    height: 120px;
}

.prodet-para-top,
.prodet-para-bottom {
    background: #F6F7F8;
}

.pptl-img {
    border: 1px solid #FFF;
}

.ppbl-list {
    height: auto;
    overflow: hidden;
}

.ppbl-list-li,
.ppbr-list-li {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ppbl-list-li-cry {
    color: var(--cltit);
    font-size: var(--font18);
    line-height: var(--line175);
}

.ppbl-list-li::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color4);
}

.ppbr-list-li-ph,
.ppbr-list-li-num {
    color: var(--cltit);
    font-size: var(--font16);
    line-height: var(--line175);
    display: none;
}

.ppbr-list-li-num {
    display: block;
    text-align: center;
}

.ppbr-cry-li-top {
    display: none;
}

.ppbr-cry,
.prodet-para-bottom {
    display: flex;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /* .srbl-li-link:hover .srbl-li-link-btn {
        color: var(--vicolor);
    }

    .srbl-li-link:hover .srbl-li-link-btn::after {
        transform: rotate(90deg) translateY(-5px);
    } */

    .jpt-btn-black:hover {
        background-color: var(--vicolor);
    }

    .slick-next:hover {
        opacity: 1;
    }

    .slick-prev:hover {
        opacity: 1;
    }

    .jpt-btn-cry:hover {
        background-color: #AC000D !important;
    }

    a.ibbc-cry:hover {
        background-color: #AC000D !important;
    }

    .illl-bottom-btn-video:hover .ibbc-cry {
        background-color: var(--vicolor) !important;
    }

    .iblc-li:hover .iblc-li-name {
        color: var(--vicolor);
    }

    .ilbu-li:hover::before {
        opacity: 1;
    }
}

/* lucas end */

/* helen star------------------------ */

.ys-hd-pc {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 99;
}

.head-logo {
    width: auto !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.head-logo-link {
    width: 138px;
    display: block;
    position: relative;
}

.head-logo-link img {
    width: 100%;
}

.head-nav-item-title {
    font-size: 16px;
    color: #fff;
    transition: all 0.36s;
    white-space: nowrap;
}

.head-nav-item {
    margin: 0 50px;
}

.head-lang {
    position: relative;
}

.head-lang::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.36s;
    left: -24px;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.5);
}

.head-lang {
    margin-left: 48px;
}

.mod-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
    transition: all .4s ease;
    max-width: 1920px;
    margin: 0 auto;
}

.ys-hd-pc.isfixed,
.ys-hd-pc.ishover,
.ys-page-wrap.act .ys-hd-pc {
    background: #111111;
}

.head-search-btn .ys-imgbox-cover {
    width: 20px;
}

.mod-head-sear-icon {
    width: 20px;
    cursor: pointer;
    line-height: var(--headh);
}

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

.mhsl-top-le {
    width: 20px;
}

.mhsl-top-le img {
    width: 100%;
}

.mhsl-top-ri {
    width: 8px;
    margin-left: 6px;
}

.mhsl-top-ri img {
    width: 100%;
    transition: all 0.36s;
}

.mhsl-top {
    display: flex;
    align-items: center;
    height: var(--headh);
    align-items: center;
    position: relative;
    cursor: pointer;
}

.mod-head-sear-lange {
    margin-left: 48px;
    position: relative;
}

.mod-head-sear-lange::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    left: -24px;
    background: rgba(255, 255, 255, 0.5);
}


.mhsl-btm {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    background: #fff;
    text-align: center;
    padding: 10px 0;
    display: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.mhsl-btm-li {
    padding: 5px;
}


.mhsl-btm-li a {
    color: #333;
    line-height: 1.5;
    font-size: 16px;
}

.mod-head-sear-lange.act .mhsl-top-ri img {
    transform: rotate(180deg);
}


.ys-search2-btn {
    width: 20px;
    line-height: 80px;
    cursor: pointer;
    display: block;
    transition: all .36s;
}

.ys-search2-btn img {
    width: 100%;
}

.ys-search2-win {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
    overflow: hidden;
    display: none;
}

.ys-search2-box {
    padding: 60px 0;
}

.ys-search2-tibox {
    width: 34%;
    margin: 0 auto;
}

.ys-search2-tbox {
    border-bottom: 1px solid #eee;
    width: calc(100% - 24px);
    padding-right: 20px;
    height: 40px;
}

.ys-search2-tbox input {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.ys-search2-ibox {
    width: 24px;
    margin-top: 10px;
}

.ys-search2-ibox img {
    width: 100%;
}

.home-banner {
    width: 100%;
    position: relative;
    overflow: visible;
}

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

.home-banner-wrap {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    overflow: hidden;
}

.home-banner-wrap img {
    width: 100%;
}

.home-banner-wrap-svg {
    width: 100%;
    height: 100%;
    background: #1D1D1D;
    overflow: hidden;
}

.home-banner-wrap-svg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-banner .ys-ban-slick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-banner .ys-ban-slick .ys-ban-li {
    height: 100%;
}

.home-banner .ys-ban-slick .slick-track,
.home-banner .ys-ban-slick .slick-list {
    height: 100%;
}

.home-banner .ys-ban-slick .ys-ban-imgbox {
    height: 100%;
}

.home-banner .ys-ban-slick .ys-ban-imgbox img {
    height: 100%;
}

.home-banner .home-banner-wrap-banner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
    /* transition: all 0.36s; */
}

.home-banner .ys-ban-imgbox::before {
    background: rgba(0, 0, 0, 0.2);
}

.ys-ban-txtbox-tit {
    margin-bottom: 18px;
}

.home-banner .ys-ban-txtbox-tit {
    font-size: 58px;
}

.ys-ban-txtbox-info p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

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

.ys-ban-slick .slick-dots li {
    width: 30px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0 !important;
}

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

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


.ys-ban-txtbox-svg {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50%;
    z-index: 10;
    position: absolute;
    display: none;
    pointer-events: none;
}

.ys-ban-txtbox-svg img,
.ys-ban-txtbox-svg svg {
    width: 100%;
}

.home-banner.act .ys-ban-txtbox-svg {
    display: block;
}

.home-banner.act .home-banner .ys-ban-txtbox {
    opacity: 0;
    transition: all 0.36s;
}

.home-banner-wrap.on .home-banner-wrap-banner {
    pointer-events: all !important;
}

.home-banner.act .home-banner-wrap-banner {
    pointer-events: none;
}

.home-banner.act .home-banner-wrap-banner {
    clip-path: polygon(41.5% 30%, 57.5% 30%, 57.5% 75%, 41.5% 75%);
    transform-origin: 50% 50vh;
}

.home-banner-wrap-copywr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.hbwc-le-info {
    width: 38%;
    color: #fff;
    line-height: 1.2;
    transform: translateX(30px);
}

.hbwc-le-info span {
    display: block;
    padding-left: 68px;
    margin-top: 22px;
}

.hbwc-ri p {
    color: rgba(255, 255, 255, 0.8);
}

.hbwc-ri-info {
    width: 33%;
    margin-top: 12px;
    transform: translateX(-80px);
}

.hbwc-le {
    width: 100%;
}

.hbwc-ri {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

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

.home-banner.act .ys-ban-txtbox-wrap {
    opacity: 0;
    transition: all 0.86s;
    transform: translateY(100px);
}

.home-banner-wrap.on .ys-ban-txtbox {
    opacity: 1;
    pointer-events: all;
}

.home-banner-wrap.on .ys-ban-txtbox-wrap {
    opacity: 1;
    transform: translateY(0);
}

.home-banner-wrap-copywr {
    display: none;
}

.home-banner.act {
    height: 250vh;
}

.home-banner.act .home-banner-wrap {
    height: 100vh;
}

.home-banner.act .home-banner-wrap-copywr {
    display: block;
}


.home-product-le-tit .std-tit40 {
    color: #111;
}

.home-product-le-tit {
    margin-bottom: 40px;
    position: absolute;
    top: 43px;
    left: 0;
}

.home-product-le {
    width: 37%;
    display: flex;
    align-items: center;
    position: relative;
}

.home-product-ri {
    width: 60%;
    position: relative;
}

.hplb-li-tit img {
    width: 26px;
}

.hplb-li-tit {
    display: flex;
    margin-bottom: 28px;
}

.hplb-li-tit img {
    width: 26px;
    flex: none;
    margin-top: -24px;
}

.hplb-li-tit .std-tit32 {
    font-weight: bold;
    line-height: 1.4;
    color: #060606;
    padding-left: 22px;
}

.hplb-li-info p {
    color: #060606;
    line-height: 1.75;
    font-weight: 290;
    max-height: 7em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hplb-li-info {
    margin-bottom: 96px;
}

.home-product-wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
}

.home-product-ri {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.hprr-img {
    width: 100%;
}

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

.home-product-ri-rotate {
    width: 50%;
    position: relative;
}

.hiul-icon {
    width: 34px;
}

.hiul-icon-top {
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E60012;
    border-radius: 50%;
    position: relative;
    transition: all 0.36s;
}

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

.hiul-icon-top::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 81%;
    height: 81%;
    border-radius: 50%;
    border: 1px dashed #E60012;
    transition: all .36s;
}

.hiul-icon-btm {
    text-align: center;
}

.hiul-icon-btm p {
    color: #666;
    transition: all 0.36s;
    line-height: 1.75;
}

.hiul-icon-btm {
    margin-top: 6px;
}

.hprr-img-ul-li {
    position: absolute;
    cursor: pointer;
}


.hprr-img-ul-li1 {
    top: 0;
    left: 0;
}

.hprr-img-ul-li2 {
    top: 20%;
    right: 0%;
}

.hprr-img-ul-li3 {
    top: 61%;
    right: 0%;
}

.hprr-img-ul-li4 {
    bottom: 0%;
    left: 0%;
}

.hprr-img-ul-li.act .hiul-icon-top {
    background: #060606;
    border-color: #060606;
}

.hprr-img-ul-li.act .hiul-icon img:nth-child(1) {
    opacity: 0;
}

.hprr-img-ul-li.act .hiul-icon img:nth-child(2) {
    opacity: 1;
}

.hprr-img-ul-li.act .hiul-icon-btm p {
    color: #060606;
}

.home-product-ri-ul {
    width: 100%;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: -13%;
}

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

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

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

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

.hplb-ul,
.home-product-le-btm {
    width: 100%;
}

.home-area {
    position: relative;
    width: 100%;
    z-index: 10;
    /* max-width: 1950px; */
    margin: 0 auto;
}

.home-area-top {
    width: 876px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 90px;
    text-align: center;
}

.home-area-top-tit .std-tit40 {
    color: #333;
    font-weight: bold;
    line-height: 1.4;
}

.home-area-top-tit {
    margin-bottom: 33px;
}

.home-area-top-info p {
    color: #666;
    line-height: 1.75;
    font-weight: 290;
}

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

.hatm-link svg {
    width: 8px;
}

.hatm-link p {
    color: #666666;
    padding-right: 8px;
    transition: all 0.36s;
}

.home-area-top-more {
    display: flex;
    justify-content: center;
}

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

.home-area-top-info {
    margin-bottom: 40px;
}

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

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

.home-area-btm {
    width: 100%;
    position: relative;
    padding-bottom: 220px;
}

.home-area-btm-wrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
    justify-content: space-between;
}

.habu-li-le .std-tit20 {
    color: #060606;
    line-height: 1.4;
}

.habu-li-ri {
    width: 44px;
    flex: none;
}

.habu-li-ri img {
    width: 100%;
}

.habu-li {
    padding: 22px 26px;
    padding-left: 53px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    position: relative;
    margin-bottom: 16px;
    cursor: pointer;
}

.habu-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 4px;
    height: 0%;
    background: #E60012;
    transition: all 0.36s;
}

.habu-le {
    width: 28%;
}

.habu-li-le {
    width: 100%;
    padding-right: 15px;
}

.home-area-btm-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.habb-ul {
    width: 100%;
}

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

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

.habb-li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.40) 26.38%, #fff 100%);
}

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

.home-area .ys-cont1440 {
    position: relative;
    z-index: 10;
}

.habu-li.act {
    box-shadow: 0px 8px 29px 0px rgba(0, 33, 67, 0.06);
}

.habu-li.act::after {
    height: 100%;
}

.habu-ri {
    width: 63%;
}

.habu-ri-li-tit .std-tit24 {
    color: #111111;
    font-weight: bold;
    line-height: 1.4;
}

.habu-ri-li-tit {
    margin-bottom: 19px;
}

.habu-ri-li-info p {
    color: #333;
    line-height: 1.75;
}

.habu-ri-li-info {
    margin-bottom: 60px;
    padding-right: 120px;
}

.habu-ri-li-ul {
    display: flex;
    /* flex-wrap: wrap; */
    margin-bottom: 65px;
}

/* .hrlu-li {
    width: 25%;
} */

.hrlu-li-icon {
    width: 40px;
    margin-bottom: 16px;
}

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

.hrlu-li-info svg {
    width: 16px;
}

.hrlu-li-info {
    display: flex;
    align-items: center;
}

.hrlu-li-info p {
    color: #111111;
    line-height: 1.75;
    padding-right: 16px;
    transition: all 0.36s;
}

.hrlu-link {
    width: 100%;
    display: block;
    padding: 0 60px;
}

.hrlu-li:first-child .hrlu-link {
    padding-left: 0 !important;
}

.hrlu-li {
    border-right: 1px solid #C7C7C7;
}

.hrlu-li:last-child {
    border-right: none;
}

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

.habu-ri-li:first-child {
    display: block;
}


.hrlu-li-info path {
    transition: all 0.36s;
}

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

.home-logo-top {
    text-align: center;
    margin-bottom: 70px;
}

.home-logo-top .home-area-top-info {
    margin-bottom: 0 !important;
}

.home-logo-li {
    display: flex;
    flex: none;
}

.home-logo-li-ul {
    flex: none;
    display: flex;
}

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

.home-logo-ul::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 343px;
    height: 110%;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.home-logo-ul::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 343px;
    height: 110%;
    z-index: 10;
    background: linear-gradient(-90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.hllu-li {
    width: 210px;
    border-radius: 8px;
    background: #FFF;
    margin-right: 28px;
    box-shadow: 0px 8px 29px 0px rgba(0, 33, 67, 0.06);
}



@keyframes donghua1 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.home-logo-li2 .home-logo-li-ul {
    animation: donghua var(--delay) linear infinite;
}

.home-logo-li1 .home-logo-li-ul {
    animation: donghua1 var(--delay) linear infinite;
}

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

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

.home-logo-li1 {
    margin-bottom: 30px;
}

.home-news .home-area-top-tit {
    margin-bottom: var(--space60) !important;
    text-align: center;
}

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

.home-news-btm .new-sec-ul-li {
    display: none;
}

.home-news-btm .new-sec-ul-li:first-child {
    display: block;
}

.home-news .nsul-link {
    box-shadow: 0px 0px 12px 0px rgba(0, 33, 67, 0.06);
}

.home-manufa {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 120px;
}

.home-manufa-le {
    width: 47.5%;
}

.home-manufa-le-tit .std-tit40 {
    color: #060606;
    line-height: 1.4;
    font-weight: bold;
}

.home-manufa-le-tit {
    padding-right: 60px;
    margin-bottom: 72px;
}

.home-manufa-le-more {
    margin-bottom: 108px;
}

.hmlu-li {
    width: 50%;
    padding: 0 var(--jian);
}

.home-manufa-le-ul {
    margin: 0 var(--jian1);
    display: flex;
    flex-wrap: wrap;
}

.hmlu-wrap {
    width: 100%;
    border-top: 1px solid #DBDCDE;
    padding-top: 24px;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
}

.hmlu-wrap p {
    color: #666;
    line-height: 1.75;
}

.hmlu-wrap p .std-tit48 {
    color: #080404;
    line-height: 1.5;
    transform: translateY(6px);
    display: inline-block;
    padding-right: 16px;
    font-weight: 400;
}

.home-manufa .ys-cont1440 {
    position: relative;
    z-index: 10;
}

.home-manufa-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 76%;
}

.home-manufa-bg img {
    width: 100%;
}

.mod-fot {
    width: 100%;
    position: relative;
    padding-top: 165px;
    max-width: 1920px;
    margin: 0 auto;
}

.ys-footer {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 10;
}

.mod-fot-top-tit .std-tit40 {
    color: #fff;
    line-height: 1.3;
    font-weight: 400;
}

.mod-fot-top {
    width: 100%;
    padding-right: 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mod-fot-top {
    margin-bottom: 188px;
}

.mod-fot-center-logo {
    width: 160px;
}

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

.mfcl-ri>ul {
    display: flex;
}

.mod-fot-center {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.mfcl-ri a {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.6);
}

.mfcl-ri li li {
    margin-bottom: 14px;
}

.mfcl-ri>ul>li {
    margin-left: 130px;
}

.mfcl-ri>ul>li:first-child {
    margin-left: 0 !important;
}

.mfcl-ri ul>li>ul>li:first-child a {
    color: #fff;
}

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

.mfbs-le p {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.6);
}

.mod-fot-btm-share {
    display: flex;
    align-items: center;
}

.mfbs-le {
    padding-right: 16px;
}

.ys-share-img {
    width: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    transition: all 0.36s;
}

.ys-share-img img {
    width: 100%;
    transition: all 0.36s;
    opacity: 0.4;
}

.mod-fot-btm-share .ys-share-list {
    margin-right: 10px;
}

.mod-fot-btm-copyr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.mfbc-le p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.8;
    font-size: 14px;
}

.mfbc-ri a {
    display: inline-block;
    position: relative;
    margin-left: 30px;
    font-size: 14px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.6);
}

.mfbc-ri a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #404144;
    right: -15px;
}

.mfbc-ri a:last-child::after {
    display: none;
}

.mfbc-le p a {
    color: rgba(255, 255, 255, 0.6);
}

.ys-share-list {
    position: relative;
}

.ys-share-hover {
    width: 110px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 4px;
    display: none;
}

.mod-fot-desz {
    position: absolute;
    /* top: -25%; */
    bottom: -180px;
    left: -9.5vw;
    width: 100vw;
    pointer-events: none;
    max-width: 1920px;
    overflow: hidden;
}

.mod-fot-desz img {
    width: 110% !important;
    max-width: none !important;
}

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

.mod-fot .ys-cont1560 {
    position: relative;
    z-index: 10;
}

.head-logo-stock {
    padding-left: 50px;
    position: relative;
}

.head-logo-stock::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.6);
}

.head-logo-stock p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.8;
}

.ys-ban-slick .slick-dots {
    bottom: auto !important;
    right: 30px !important;
    width: 10px !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 10;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ys-ban-slick .slick-dots li {
    display: block;
}

.ys-ban-slick .slick-dots li {
    width: 2px !important;
    height: 30px !important;
    margin: 3px 0;
}

.hbwb-btm {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    padding: 40px 135px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.hbwb-btm-wrap {
    width: 100%;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 39px 25px;
    display: flex;
    flex-wrap: wrap;
}

.hbwb-btm-wrap-li {
    width: 25%;
    text-align: center;
    position: relative;
    padding: 0 10px;
}

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

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

.hbwl-top .std-tit48 {
    color: #FFF;
    line-height: 1.5;
    font-weight: 500;
}

.hbwl-btm p {
    color: #fff;
    line-height: 1.75;
}



.ys-hd-pc.isfixed,
.ys-hd-pc.ishover,
.ys-page-wrap.act .ys-hd-pc {
    box-shadow: 0 0 10px 3px rgb(255, 255, 2555, 0.05);
}

.head-nav-item-drop1 {
    position: fixed;
    top: var(--headh);
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #FFFFFF;
    display: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}


.head-nav-item-drop2 {
    position: fixed;
    top: var(--headh);
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: rgba(43, 43, 43, 0.80);
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 8px 0px rgba(0, 33, 67, 0.02);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    display: none;
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.1);
}

.hnid-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 1920px;
    margin: 0 auto;
}

.hnid-wrap-le {
    width: 18%;
    padding: 57px 0;
    padding-left: 60px;
    background: #F6F7F8;
}

.hnid-wrap-ri {
    width: 82%;
    padding-left: 100px;
    padding-top: 57px;
    padding-right: 240px;
    padding-bottom: 45px;
}

.hnid-wrap-le-li {
    width: 100%;
    position: relative;
}

.hwll-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 16px 19px;
    padding-right: 60px;
    cursor: pointer;
    transition: all 0.36s;
}

.hwll-wrap-icon {
    width: 22px;
    flex: none;
}

.hwll-wrap-info p {
    color: #060606;
    line-height: 1.75;
    transition: all 0.36s;
}

.hwll-wrap-info {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}

.hwll-wrap-arr {
    width: 14px;
    flex: none;
    transition: all 0.36s;
    opacity: 0;
}

.hwll-wrap-arr img {
    width: 100%;
    transform: scale(1) !important;
}

.hwll-wrap-icon img:nth-child(2) {
    opacity: 0;
}

.hnid-wrap-le-li.yxnav-active2 .hwll-wrap-icon img:nth-child(1) {
    opacity: 0;
}

.hnid-wrap-le-li.yxnav-active2 .hwll-wrap-icon img:nth-child(2) {
    opacity: 1;
}

.hnid-wrap-le-li.yxnav-active2 .hwll-wrap-info p {
    color: #E60012;
}

.hnid-wrap-le-li.yxnav-active2 .hwll-wrap-arr {
    opacity: 1;
}

.hnid-wrap-le-li.yxnav-active2 .hwll-wrap {
    background: #fff;
    border-radius: 3px;
}

.hnid-wrap-ri-li {
    width: 100%;
    position: relative;
    display: none;
}

.hwrl-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hwrl-wrap-ri {
    width: 29.5%;
}

.hwrl-wrap-ri-link .ys-imgbox-cover {
    border-radius: 10px;
}

.hwrl-tit p {
    color: #060606;
    line-height: 1.6;
}

.hwrl-tit {
    margin-top: 15px;
}

.hwrl-info p {
    color: rgba(102, 102, 102, 0.7);
    line-height: 1.75;
    font-weight: 290;
}

.hwrl-info {
    margin-top: 2px;
}

.hwrl-more {
    display: flex;
    margin-top: 20px;
}

.hwrl-more p {
    color: #E60012;
    line-height: 1.75;
    padding-right: 10px;
}

.hwrl-more img {
    width: 14px;
}

.hwrl-wrap-le {
    width: 55.5%;
}

.hwrl-wrap-le-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.hwrl-wrap-le-li {
    width: 50%;
    padding: 0 50px;
}

.hwll-link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 0;
    position: relative;
    border-bottom: 1px solid #DFDFDF;
}

.hwll-link::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #E60012;
    transition: all 0.36s;
    opacity: 0;
}

.hwll-link p {
    color: #666666;
    line-height: 1.8;
    width: 100%;
    padding-right: 15px;
    transition: all 0.36s;
}

.hwll-link img {
    width: 14px;
    flex: none;
    transition: all 0.36s;
    opacity: 0;
}

.hwrl-wrap-le-li.yxnav-active3 .hwll-link p {
    color: #E60012;
}

.hwrl-wrap-le-li.yxnav-active3 .hwll-link::after {
    opacity: 1;
    width: 100%;
}

.hwrl-wrap-le-li.yxnav-active3 .hwll-link img {
    opacity: 1;
}

.hnid-wrap-ri-li.act {
    display: block;
}

.hnid-ul {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 16px 0;
}

.hnid-ul-li {
    margin: 0 40px;
}

.hnid-ul-link {
    font-size: 16px;
    line-height: 1.75;
    color: #FFF;
    transition: all 0.36s;
}

.hnid-ul-li.yxnav-active2 .hnid-ul-link {
    color: #E60012;
}

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

.home-banner-wrap-svg svg {
    width: 100%;
    height: 100%;
}

.home-banner-wrap-svg {
    width: 103%;
    height: 103%;
}

.home-area>.ys-cont1440 {
    z-index: 20;
}

.home-area-desz {
    z-index: 1;
    pointer-events: none;
}

.ys-nyban-title-tit .std-tit48 {
    color: #fff;
    font-weight: bold;
}

.ys-nyban-title-info p {
    color: #fff;
    font-weight: 290;
    line-height: 1.75;
}

.ys-nyban-title-wrap {
    width: 43%;
}

.ys-nyban-title-info {
    margin-top: 32px;
}

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

.mod-bread-ul-li a {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
}

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

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

.mod-bread-ul-li:last-child a {
    color: #fff;
}


.mod-bread-ul-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 7px;
    height: 12px;
    background-image: url(../images/b1arr.svg);
    background-size: 100% 100%;
    opacity: 0.5;
}

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


.mod-bread-ul-li:nth-last-child(2)::after {
    opacity: 1;
}

.product-laser {
    width: 100%;
}

.pllu-li-cont p {
    padding-right: 10px;
}

.pllu-li svg {
    width: 14px;
    height: auto;
    flex: none;
}

.plrt-le {
    position: relative;
}

.pdbl-slide {
    display: none;
}

.pdbl-slide:first-child {
    display: block;
}

.mod-bread-inside .mod-bread-ul-li a {
    color: rgba(153, 153, 153, 0.5);
}

.mod-bread-inside .mod-bread-ul-li:last-child a {
    color: #999;
}

.mod-bread-inside .mod-bread-ul-li::after {
    background-image: url(../images/b1arrh.svg);
}

.mod-bread-inside .mod-bread {
    position: absolute;
    bottom: auto;
    top: 24px;
}

.sblb-cont:last-child {
    margin-right: 0;
}

.head-other-more {
    margin-left: 60px;
}

.indusdet-intro {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px;
}

.indusdet-intro .ys-imgbox-cover {
    width: 100%;
}

.ilbu-li {
    width: 100%;
}

.case-banner-all {
    width: 100%;
    padding: 0 455px;
    /* overflow: hidden; */
}

.case-banner-all .swiper-slide-shadow-right,
.case-banner-all .swiper-slide-shadow-left {
    display: none !important;
}

.case-sec-ul-li.swiper-slide-active .csul-link {
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

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

.case-banner .case-sec-ul {
    margin: 0 !important;
}

.case-banner-all .swiper-pagination-bullet {
    width: 36px;
    height: 6px;
    background: #FFF !important;
    border-radius: 10px !important;
    opacity: 1;
    margin: 0 5px;
}

.case-banner-all .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #E60012 !important;
}

.case-banner-desz {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
}

.case-banner-desz img {
    width: 100%;
}

.case-banner {
    border-radius: 0 0 120px 0;
    overflow: hidden;
}

.case-sec .csul-link {
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.case-sec-top-le .ys-select-hd {
    padding: 0 40px;
}

.case-sec-top-le .ys-select-hd .ys-select-xtbbox {
    right: 40px;
}

.cstl-le {
    width: 16px;
    height: 16px;
    border: 1px solid #333 !important;
    border-radius: 2px;
    margin-top: 3px;
    position: relative;
    transition: all 0.36s;
}

.cstl-le::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #E60012;
    transition: all 0.36s;
    /* border-radius: 2px; */
    opacity: 0;
}

.case-sec-top-li {
    width: 100%;
    display: flex;
    cursor: pointer;
    margin-bottom: 10px;
}

.case-sec-top-le .ys-select-bd {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 22px;
    max-height: 175px;
}

.cstl-ri p {
    color: #666;
    line-height: 1.75;
    font-size: 14px;
}

.cstl-ri {
    padding-left: 10px;
}

.case-sec-top-le .ys-select-bd .mCSB_outside+.mCSB_scrollTools {
    right: 0px !important;
}

.case-sec-top-le .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #E60012 !important;
    width: 2px !important;
}

.case-sec-top-li.on .cstl-le {
    border-color: #E60012 !important;
}

.case-sec-top-li.on .cstl-le::after {
    opacity: 1;
}

.detail-sec-ri-cont {
    width: 100%;
}

.ys-fiiss-core-li {
    padding: 0 !important;
}

.ys-nyban-title-center {
    text-align: center;
}

.after-intro {
    width: 100%;
    position: relative;
}

.after-repair-le-code {
    width: 150px;
    padding: 8px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 40px;
}

.ys-form-inof-item .ys-fii-input input {
    font-size: 16px;
    color: #060606 !important;
}

.ys-form-inof-item.ys-form-third-state input {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

.ys-form-inof-item .ys-select-bd {
    border: none !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.ys-form-inof-item .ys-fiiss-core {
    max-height: 154px;
    height: auto !important;
}

.ys-form-inof-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #E60012 !important;
}

.ys-fia-text-btn {
    top: 4px;
}

.internet-page .mod-bread {
    bottom: 88px;
}

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

.newstory-sec {
    width: 100%;
    position: relative;
}

.newstory-sec-le .company-intro-video {
    margin-bottom: 30px;
}

.nllr-play {
    font-size: var(--font16);
    line-height: 1.8;
    color: #E60012;
}

.product-laser-ri-filter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
    padding-bottom: 56px;
    border-bottom: 1px solid #DBDCDE;
    position: relative;
    z-index: 10;
}

.plrf-le {
    width: 68.5%;
}

.plrf-le-ul {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.plrf-le-ul-li {
    width: 33.333333%;
    padding: 0 10px;
}

.plrf-le-ul-li .ys-select-hd {
    border-radius: 50px;
    background: #F2F3F5;
    height: 50px;
    padding: 0 32px;
}

.plrf-le-ul-li .ys-select-xtbbox {
    right: 32px;
}

.plrf-le-ul-li .ys-select-bd {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
    max-height: 160px;
}

.plrf-le-ul-li .ys-select-bd .ys-select-li {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 5px;
}

.plrf-le-ul-li .ys-select-hd input {
    font-size: 16px;

}

.plrf-le-ul-li .ys-select-hd input::-webkit-input-placeholder {
    color: #060606;
}

.plrf-le-ul-li .ys-select-hd input:-moz-placeholder {
    color: #060606;
}

.plrf-le-ul-li .ys-select-hd input::-moz-placeholder {
    color: #060606;
}

.plrf-le-ul-li .ys-select-hd input:-ms-input-placeholder {
    color: #060606;
}

.plrf-le-ul-li .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #E60012 !important;
}

.plrf-le-ul-li .mCSB_outside+.mCSB_scrollTools {
    right: 0px !important;
}

.product-laser-ri-filter .video-sec-top-ri {
    width: 24%;
}

.investo-wrap {
    width: 44%;
    padding: 60px 47px 43px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.inves-page .ys-nyban-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.investo-wrap-info p {
    color: #fff;
    line-height: 1.75;
}

.investo-wrap-info {
    margin-bottom: 10px;
}

.investo-wrap-tit-le .std-tit24 {
    font-weight: bold;
    line-height: 1.2;
}

.investo-wrap-tit-le span {
    font-size: 54px;
    padding-right: 14px;
}

.iwtr-line .std-tit20 {
    font-weight: bold;
    line-height: 1.6;
}

.investo-wrap-tit-ri {
    display: flex;
    padding-left: 25px;
}

.investo-wrap-tit {
    display: flex;
    align-items: flex-end;
    margin-bottom: 60px;
}

.iwtr-svg {
    width: 14px;
}

.iwtr-svg svg {
    width: 100%;
}

.iwtr-line {
    margin-left: 10px;
}

.investo-wrap-tit-ri.on svg {
    transform: rotate(180deg);
}

.investo-wrap-tit-ri.on path {
    fill: #00fa00;
}

.investo-wrap-info p {
    font-size: 12px;
    line-height: 1.8;
    color: #fff;
}

.sustain-list {
    width: 100%;
}

.sustain-list-cry-li,
.sustain-list-cry {
    width: 100%;
}

.sustain-list-cry-li:last-child {
    margin-bottom: 0 !important;
}

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

.sustain-num-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sustain-num .ys-cont1440 {
    position: relative;
    z-index: 10;
}

.sustain-promo {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: visible !important;
}

.sustain-promo-tit .std-tit48 {
    color: #060606;
    line-height: 1.75;
    font-weight: bold;
}

.sustain-promo-tit {
    width: 100%;
    text-align: center;
    margin-bottom: 105px;
}

.sustain-promo-icon {
    width: 36px;
    margin: 0 auto;
}

.sustain-promo-icon img {
    width: 100%;
}

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

.sustain-promo-top {
    width: 100%;
    position: sticky;
    top: var(--headh);
    left: 0;
    z-index: 10;
}

.sustain-go-top {
    position: relative;
    z-index: 10;
}

.sustain-promo-btm-stick {
    padding-bottom: 190px;
    width: 100vw;
    overflow: hidden;
}

.tecino-num {
    width: 100%;
    padding: 0 90px;
}

.tecino-page .mod-bread {
    bottom: 160px;
}

.tecino-innova .tecino-innovate-title-text {
    margin-top: 30px;
}

.tecino-innovate-title {
    text-align: center;
}

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

.tiul-top-img-wrap {
    width: 100%;
}

.tiul-top-img-wrap img {
    width: 100%;
}

.tecino-innovate-wrap-text2 .std-tit40 {
    color: #fff;
}

.tecino-innovate-wrap-text2 .tiwt-text p {
    color: #fff;
}

.tiul-top-img .ys-cont1440 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    /* display: none; */
    z-index: 10;
}

.tecino-innova-ul-li {
    margin-bottom: var(--space140);
}

.tecino-innova-ul-li:last-child {
    margin-bottom: 0 !important;
}

.tecino-coop-slick .tecino-coop-slick-li {
    padding-top: 0 !important;
}

.tecino-coop-slick .nsul-link {
    box-shadow: 0px 0px 14px 0px rgba(0, 33, 67, 0.06);
}

.pdbl-top-ul-li {
    width: 100%;
    position: relative;
    display: none;
}

.pdbl-btm {
    width: 100%;
    position: relative;
    padding: 0 40px;
}

.pdbl-btm-ul-li {
    width: 20%;
    display: none;
}

.pdbl-top-ul-li:first-child,
.pdbl-btm-ul-li:first-child {
    display: block;
}

.pdbl-btm-ul-li {
    padding: 0 7px;
}

.pdbl-btm-ul {
    margin: 0 -7px;
}

.pdbl-btm-ul-li .ys-imgbox-cover {
    border-radius: 5px;
    background: #F4F4F4;
    border: 1px solid transparent;
    transition: all 0.36s;
    cursor: pointer;
}

.pdbl-swiper-page-arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    cursor: pointer;
}

.pdbl-swiper-page-arr img {
    width: 100%;
}

.pdbl-thumbs-next img {
    transform: rotate(180deg);
}

.pdbl-thumbs-prev {
    left: 0px;
}

.pdbl-thumbs-next {
    right: 0px;
}

.pdbl-btm .slick-next::before,
.pdbl-btm .slick-prev::before {
    display: none;
}

.pdbl-btm-ul-li.slick-current .ys-imgbox-cover {
    border-color: #E60012;
}

.pdbl-top {
    margin-bottom: 24px;
}

.pnbl-li.act p {
    color: #E60012;
}

.prodet-app-box-li .ys-slick-item-cont {
    height: 100%;
}

.ys-hd-pc {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-banner.act .hbwb-btm-wrap {
    opacity: 0;
    transition: all 0.86s;
}

.home-banner-wrap.on .hbwb-btm-wrap {
    opacity: 1;
}

.mod-fot-top {
    position: relative;
}

.home-banner-wrap-copywr .hbwb-btm-wrap {
    display: none;
}

.detail-page .detail-below {
    padding-bottom: var(--space140);
}

.company-process .std-tit40,
.company-honor .std-tit40 {
    margin-bottom: var(--space60) !important;
}

.company-honor .jpt-btn {
    margin-top: 0 !important;
}

.cjcl-li-bg {
    display: none;
}

.tecino-innova-ul-li {
    height: 180vh;
}

.tecino-innova {
    overflow: visible !important;
}

.tecino-innova-ul-li {
    position: relative;
    width: 100%;
}

.tiul-wrap {
    width: 100%;
    position: sticky;
    top: 120px;
    left: 0;
}

.tiul-top {
    position: relative;
}

.tecino-innovate-wrap-text {
    height: 252px;
}

.tecino-innovate-wrap-text2 {
    transform: translateY(-252px);
}

.tiul-top-img {
    overflow: hidden;
}

.tiul-top-info .ys-cont1440 {
    position: relative;
    overflow: hidden;
}

.tecino-innovate-list-cry {
    transition: all 0.36s;
    opacity: 0;
}

.tecino-innova-ul-li.act .tecino-innovate-list-cry {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}

.tiul-top-img-wrap img {
    clip-path: polygon(18% 0, 80% 0%, 80% 100%, 18% 100%);
}

.tecino-page .iblc-li-cir {
    margin-top: 10px;
}

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

/* 选型表star */
.mars-soonser-core {
    display: flex;
    --top1: 43px;
    --heightx: 64px;
    --height2: 123px;
    --widthx: 387px;
    --color4: #fff;
    --color0: #000;
    --colormain: #C9161F;
    border-radius: 16px 16px 0 0;
    background: #f3f3f4;
    /* position: relative; */
}

.mars-soonser-core-up {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    position: sticky !important;
    top: calc(var(--headh) + 80px);
    z-index: 11;
}

.mars-soonser-core::before {
    content: '';
    height: 12px;
    background: #DFDFDF;
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(var(--height2) - 12px);
    z-index: 10;
}

.mars-soonser-core::before {
    top: calc(var(--height2) + var(--top1) - 12px);
}

.mars-soonser-core-down::before {
    display: none !important;
}

.mars-soonser-core-left {
    width: 320px;
    position: relative;
}

.mars-soonser-core-up .mars-soonser-core-left {
    z-index: 5;
}

.mars-soonser-core-left::before {
    content: '';
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--color4);
    position: absolute;
}

.mscl-top {
    height: var(--top1);
    padding: 3px;
    color: var(--color4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mars-soonser-core-left .mscl-top {
    background: var(--color0);
    border-top-left-radius: 16px;
}

.mars-soonser-core-left .mscl-name {
    background: #f3f3f4;
}

.mscl-name {
    height: var(--height2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 7px;
}

.mars-soonser-core-right {
    width: calc(100% - 320px);
    flex-grow: 1;
    border-top-right-radius: 16px;
}

.mscr-box {
    display: flex;
}

.mscr-box {
    width: calc(var(--lengthx) * var(--widthx));
}

.mars-soonser-core .mCSB_scrollTools {
    top: calc(var(--height2) - 12px);
    height: 12px;
    z-index: 10;
}

.mars-soonser-core .mCSB_scrollTools {
    top: calc(var(--height2) + var(--top1) - 12px);
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: -7px;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mars-soonser-core .mCSB_scrollTools .mCSB_draggerContainer {
    top: 0px;
}

.mars-soonser-core .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 8px;
    margin: 2px auto;
}

.mars-soonser-core .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #B9B9B9;
}

.mars-soonser-core .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

.mscr-box-nub {
    width: var(--widthx);
    position: relative;
}

.mscr-box-nub::before {
    content: '';
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--color4);
}

.mscl-top {
    height: var(--top1);
    padding: 3px;
    color: var(--color4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mars-soonser-core-right .mscl-top {
    background: var(--colormain);
}

.mscl-name {
    height: var(--height2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 7px;
}

.mscl-name .mscl-name-img {
    width: 168px;
    margin: 0 auto;
}

.std-h4,
.yxedr-active h4 {
    font-size: var(--font28);
    color: var(--color0);
    line-height: var(--line14);
}

.std-btn1-link {
    position: relative;
    --radius: 6px;
    border-radius: var(--radius);
    padding: 12px 35px;
}

.std-btn1-link {
    cursor: pointer !important;
}

.mars-soonser-ph {
    display: none;
}

.std-btn6 .std-btn1-link {
    display: flex;
    justify-content: center;
}

.mars-soonser .std-btn1-link {
    padding: 9px 14px;
}

.std-btn1-link-font {
    color: var(--color4);
    font-size: var(--font16);
    font-family: var(--medium);
    line-height: var(--line15);
    position: relative;
    z-index: 6;
    transition: all .4s ease;
}

.std-btn6 .std-btn1-link-font {
    color: var(--colormain);
}


.mars-soonser-core.mars-soonser-core-down {
    border-radius: 0px;
}

.mars-soonser-core-left {
    width: 320px;
    position: relative;
}

.mars-soonser-core-down .mars-soonser-core-left {
    background: #f3f3f4;
}

.mars-soonser-core-left::before {
    content: '';
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--color4);
    position: absolute;
}

.mscl-name {
    height: var(--height2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 7px;
}

.mars-soonser-core-down .mscl-name {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mars-soonser-core-left .mscl-name {
    background: #f3f3f4;
}

.mscl-series {
    height: auto;
    overflow: hidden;
}

.mscl-series-nub {
    /* height: var(--heightx); */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.mscl-series-nub::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color4);
}

.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color1);
    line-height: var(--line165);
}

.mars-soonser-core-left .std-text2 {
    text-align: center;
    color: var(--color0);
    line-height: var(--line165);
}

.mars-soonser-core-right .mscl-series-nub .std-text2,
.mars-soonser-core-left .std-text2 {
    padding: 0 10px;
    text-align: center;
}

.mars-soonser-core-right {
    width: calc(100% - 320px);
    flex-grow: 1;
    border-top-right-radius: 16px;
}

.mars-soonser-core-down .mars-soonser-core-right {
    overflow: hidden;
}

.mscr-box {
    display: flex;
}

.mscr-box {
    width: calc(var(--lengthx) * var(--widthx));
}

.mscr-box-nub {
    width: var(--widthx);
    position: relative;
}

.mscr-box-nub::before {
    content: '';
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--color4);
}

.mars-soonser-core-down .mscl-name {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mscl-series {
    height: auto;
    overflow: hidden;
}

.mscl-series-nub {
    /* height: var(--heightx); */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.mars-soonser-core-right .mscl-series-nub .std-text2 {
    line-height: var(--line165);
}

.mars-soonser,
.prodet-para {
    overflow: visible !important;
}

.mars-soonser-core-down {
    border-radius: 0 0 16px 16px !important;
}

.mars-soonser-core-down .mars-soonser-core-left {
    border-radius: 0 0 0 16px !important;
}

.mscl-top {
    font-size: 18px;
}


.prodet-para .jpt-btn {
    display: flex;
    justify-content: center;
}

.prodet-page h2 {
    margin-bottom: calc(var(--space60) - var(--jian)) !important;
}

/* 选型表end */

.prodet-nav {
    position: sticky;
    top: var(--headh);
    left: 0;
}

.prodet-para .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #E60012 !important;
}

.swiper-slide img {
    object-fit: cover;
}

/* leah atart */
.sblb-cont::after {
    background-size: 100% 100%;
}

.dsrp-ul-li-num {
    width: 93px;
}

.amul-cont {
    flex-direction: column;
}

/* delia-start */
.chrp-icon {
    flex-shrink: 0;
    font-size: 0;
}

.chrp-cont {
    width: 100%;
}

.dsrp-ul-li-num img {
    width: 100%;
}

/* delia-end */

.new-banner-caro .slick-arrow {
    top: 43%;
}

.sgcc-li-act-cry {
    pointer-events: none;
}


.sustain-promo {
    min-height: 220vh;
}

.sustain-promo-btm {
    width: 100%;
    height: 100%;
    position: sticky;
    top: 0;
    left: 0;
}

.sgcc-li {
    flex: none;
}

.sustain-promo,
.sustain-promo-btm-stick {
    padding-bottom: 0 !important;
}

.sgcc-li-act-cry {
    position: relative;
    padding-bottom: 20vh;
    opacity: 0;
    transition: all 0.36s;
}

.slac-ri,
.slac-intr {
    opacity: 1 !important;
}

.sustain-promo-btm-stick {
    position: sticky;
    top: 0;
    left: 0;
}

.sgcc-li-act-cry.act {
    opacity: 1;
}

.sgcc-li3 .sgcc-box {
    overflow: hidden;
    position: relative;
}

.sgcc-li3 .sgcc-box img {
    min-width: 100vw;
    min-height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ys-ban-li a {
    display: block;
    width: 100%;
    height: 100%;
}

.newstory-page .nslt-share-time {
    width: auto !important;
    flex: none;
}

.newstory-page .nslt-share-le {
    width: calc(100% - 110px);
}

.illl-bottom-list-cry {
    flex-wrap: wrap;
}

.iblc-li a {
    display: flex;
    flex-direction: row;
}

.iblc-li {
    margin-bottom: 6px;
    padding: 0 20px;
}

.illl-bottom-list-cry {
    margin: 0 -20px;
}

.pnll-cry-num span {
    line-height: var(--line14) !important;
}

.join-with .join-with-ul-li {
    height: auto;
}

.vstl-card {
    cursor: pointer !important;
}

.pdbr-num-list-li {
    width: 100%;
    text-align: center;
}

.pnll-cry-num {
    justify-content: center;
}

.dsrp-ul-li-num {
    width: auto !important;
    height: 44px !important;
}

.dsrp-ul-li-num img {
    width: auto !important;
    height: 100%;
}

.pdbl-btm .slick-track {
    margin: 0 auto;
}

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

.mars-soonser.on1 .mscr-box,
.mars-soonser.on2 .mscr-box {
    width: 100% !important;
}

.mars-soonser.on2 .mscr-box-nub {
    width: 50%;
}

.mars-soonser.on1 .mscr-box-nub {
    width: 100%;
}

.mars-soonser.on2 .mars-soonser-core::before,
.mars-soonser.on1 .mars-soonser-core::before {
    display: none;
}

.prodet-allp {
    overflow: visible !important;
}

.product-laser-baner {
    display: none;
}

.haul-cont {
    transition: all 0.36s;
    box-shadow: 0px 9px 57px 0px rgba(115, 0, 2, 0.05), 0px 0px 8px 0px rgba(115, 0, 2, 0.04), 0px 8px 10px 0px rgba(115, 0, 2, 0.04);
}

.ibul-cont {
    transition: all 0.36s;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.06), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
}

.sustain-promo-icon {
    cursor: pointer;
    animation: xl 1.2s infinite;
}

@keyframes xl {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.join-acctive-ul-li1 .jaul-le .jaul-le-bg {
    background-color: rgba(253, 121, 0, 1);
}

.join-acctive-ul-li1 .jaul-ri .jaul-le-bg {
    background-color: rgba(15, 44, 162, 1);
}

.join-acctive-ul-li2 .jaul-le .jaul-le-bg {
    background-color: #71B202;
}

.join-acctive-ul-li2 .jaul-ri .jaul-le-bg {
    background-color: rgba(115, 46, 131, 1);
}

.join-acctive-ul-li3 .jaul-le .jaul-le-bg {
    background-color: rgba(0, 107, 136, 1);
}

.join-acctive-ul-li3 .jaul-ri .jaul-le-bg {
    background-color: rgba(205, 66, 1, 1);
}

.jaul-le,
.jaul-ri {
    overflow: hidden;
}

.jaul-le-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    top: 0;
    left: 0;
    transform: translate(0, 380px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.jaul-le-text {
    background: transparent !important;
    transform-origin: bottom;
    opacity: 0;
}

.prodet-nav-warp {
    position: relative;
    z-index: 10;
}

.prodet-nav-warp::after {
    content: "";
    width: 85vw;
    max-width: 1440px;
    height: 100%;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 33, 67, 0.04), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    z-index: -1;
    border-radius: 10px;
}

.prodet-nav-cry {
    box-shadow: none !important;
}

.prodet-nav-warp.isfixed::after {
    width: 100%;
    max-width: 100%;
}

.company-page .ys-imgbox-cover {
    cursor: pointer;
}

.company-process {
    padding-bottom: calc(var(--space140) - 30px);
}

.hbwc-ph {
    display: none !important;
}

.hbwb-btm-wrapph {
    display: none;
}

.honor-appro-ul-li .haul-cont-tit {
    text-align: center;
}

.pabl-box {
    height: 100%;
}

.indusdet-solution-swiper .indusdet-solution-slide {
    height: auto !important;
}

.indusdet-solution-slide-link {
    height: 100%;
}

.iblc-li {
    width: 50%;
}

.dsru-li-link-more {
    border-top: none;
}

.dsru-li-link-tit {
    border-bottom: 1px solid rgba(219, 220, 222, 1);
}

.dsru-li-link-link {
    width: 100%;
    display: flex;
    justify-content: center;
}

.dsru-li-link-tit {
    text-align: center;
}

.snll-cry {
    padding: 0px 55px;
}

.cpss-title {
    transition: all 0.36s;
}

.inves-regular-iframe {
    width: 100%;
    height: 400px;
    position: relative;
}

.inves-regular-iframe iframe {
    width: 100%;
    height: 100%;
}

.pdbr-num-list-li {
    padding: 0 20px;
}

.illl-li {
    width: 100%;
    position: relative;
    margin-bottom: var(--space140);
}

/* .illl-li:last-child {
    margin-bottom: 0 !important;
} */

.ilbu-li {
    align-items: flex-start;
}

.illr-li .ys-imgbox-cover {
    border-radius: 20px;
}

.illr-ul {
    width: 100%;
}

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

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


.indusdet-list {
    overflow: visible !important;
}

.ilbu-li-link-ri {
    position: sticky;
    top: 130px;
    left: 0;
}

.ilbu-li-linkr {
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
}

.ilbu-li-link-sp {
    width: 100%;
    display: block;
    height: 394px;
    background: #E60012;
    position: sticky;
    top: 130px;
    left: 0;
}

.illl-li .ys-imgbox-cover {
    display: none;
}

.ilbu-li {
    margin-bottom: 0 !important;
}

.indusdet-list {
    position: relative;
}

.indusdet-list-point-pot {
    position: absolute;
    top: 0;
    left: 20px;
    width: 160px;
    height: 100%;
}

.indusdet-list-point {
    position: sticky;
    top: 42%;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.indusdet-list-point-li {
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}

.indusdet-list-point-li::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 3px solid var(--vicolor);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
    z-index: 1;
    /* transform: translateY(-50%); */
    box-sizing: border-box;
}

.indusdet-list-point-li p {
    transition: all 0.36s;
}

.indusdet-list-point-li.act p {
    color: #E60012 !important;
}

.indusdet-list-point-li::before {
    display: none;
}

.hbwb-btm-wrap {
    opacity: 0;
}

.home-banner.onk .hbwb-btm-wrap {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .2s;
}

.home-banner.onk .ys-ban-li.slick-current .ys-ban-txtbox-info,
.home-banner.onk .ys-ban-li.slick-current .ys-ban-txtbox-tit {
    animation: ysfadeInUp 1s ease-in-out both;
}

.home-banner.onk .home-banner-wrap-svg {
    display: none;
}

.home-banner.onk .ys-ban-slick,
.home-banner.onk .home-banner-wrap-banner {
    position: relative;
    height: auto;
}

.mod-fot-desz svg {
    width: 110% !important;
    max-width: none !important;
}

.mod-fot-top-ellip {
    position: absolute;
    top: 0;
    left: 0;
}

.mod-fot-desz-svg2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.mod-fot-desz-svg2 {
    transition: all 0.36s;
    opacity: 0;
}

.mod-fot-top.act .mod-fot-desz-svg2 {
    opacity: 1;
}

#lines-464718-mask-1,
#lines-464718-mask-2 {
    opacity: 0;
}

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


.hbws-svg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 56% !important;
    height: auto !important;
}

.hbws-bg {
    opacity: 0 !important;
    /* transition: all 0.36s; */
}

.hbws-svg2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 56% !important;
    height: auto !important;
}

.ilbu-li-link-ri {
    top: 32%;
}

.illl-li {
    margin-bottom: 40vh;
}

.illl-li:last-child {
    margin-bottom: 90px;
}

.illl-li.is-line .illl-top {
    border-bottom: none !important;
}

.illl-li.is-line .illl-bottom {
    padding-top: 0 !important;
}

.hbws-bgs1 {
    width: 100%;
    position: absolute;
    bottom: -130%;
    left: -40%;
}

.hbws-bgs img {
    width: 100%;
}

.hbws-bgs1 img {
    animation: xl 2.6s infinite;
}

.hbws-bgs2 img {
    animation: xl1 2.6s infinite;
}


@keyframes xl {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(36px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes xl1 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(36px);
    }

    100% {
        transform: translateX(0px);
    }
}

.hbws-bgs2 {
    width: 29%;
    position: absolute;
    top: -24%;
    right: -14%;
}

.mod-side {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -200px;
    z-index: 96;
    transition: all 0.4s;
}

.mod-side-ul {
    background: #E60012;
    border-radius: 80px;
    padding: 14px 0;
    width: 54px;
}

.msul-icon {
    width: 28px;
    margin: 0 auto;
}

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

.mod-side-ul-li {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 16px 0;
    cursor: pointer;
}

.mod-side-ul-li:first-child {
    border-top: none;
}

.mod-side-ul-li2 {
    position: relative;
}

.msul-aside {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    height: 100%;
    font-size: 16px;
    line-height: 45px;
    font-weight: bold;
    color: #fff;
    background: #E60012;
    padding: 7px 25px;
    white-space: nowrap;
    transform: translateX(100%);
    transition: all .6s;
    opacity: 0;
}

.msul-aside img {
    width: 22px;
    margin-right: 10px;
    flex: none;
}

.msul-aside span {
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    flex: none;
}

.msul-code {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    z-index: -1;
    background: #E60012;
    padding: 20px 25px;
    opacity: 0;
    pointer-events: none;
    transition: all .6s;
}

.mod-side.on {
    right: 0;
}

.msul-code-img {
    width: 100px;
}

.msul-code-img img {
    width: 100%;
}

.mod-side-ul-li1:hover .msul-code {
    opacity: 1;
    right: 100%;
    transform: translateX(0);
    pointer-events: all;
}

.mod-side-ul-li1.act .msul-code {
    opacity: 1;
    right: 100%;
    transform: translateX(0);
    pointer-events: all;
}

.mod-side-ul-li2:hover .msul-aside {
    transform: translateX(0);
    opacity: 1;
}

.mod-side-ul-li2.act .msul-aside {
    transform: translateX(0);
    opacity: 1;
}

.amul-cont-top img {
    width: 26px;
}

.home-banner-wrap-svg svg {
    width: 1920px;
    height: 940px;
}

.home-banner-wrap img {
    object-fit: cover;
}

.hbws-svgt2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mars-soonser-core-right .mscl-series-nub .std-text2 {
    line-height: var(--line16);
}

.indusdet-solution-button .swiper-button-next {
    right: -105px !important;
    opacity: 0.5;
}

.indusdet-solution-button .company-process-swiper-prev {
    left: -105px !important;
    opacity: 0.5;
}

.plrf-le-ul-li .ys-select-bd {
    overflow: hidden !important;
}

.product-laser {
    overflow: visible !important;
}

.plru-li-link-cont {
    flex-direction: column-reverse;
    align-items: self-start;
}

.pllc-tit-num {
    margin-bottom: 8px;
}

.customer-service-btn {
    width: 58px;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


@keyframes xl {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}


.home-logo-ul {
    display: flex;
    flex-wrap: wrap;
}

.iblc-li-cir {
    flex: none;
}

.mscl-series-nub .std-text2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.mscl-series-nub {
    min-height: var(--heightx);
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {

    .product-laser .product-laser-le-ul {
        position: sticky;
        top: 120px;
    }

    .indusdet-solution-button .swiper-button-next:hover,
    .indusdet-solution-button .company-process-swiper-prev {
        opacity: 1;
    }

    .hbws-svg1:hover .hbws-bg {
        opacity: 1 !important;
    }

    .hbws-svg2:hover .hbws-bg {
        opacity: 1 !important;
    }

    .company-process-swiper-slide:hover .cpss-title {
        color: #E60012 !important;
    }

    .jaul-le:hover .jaul-le-bg,
    .jaul-ri:hover .jaul-le-bg {
        transform: translate(0, 0px);
    }

    .ys-share-img:hover {
        border-color: #fff;
    }

    .ys-share-img:hover img {
        opacity: 1;
    }

    .mfcl-ri a:hover {
        color: #fff;
    }

    .hatm-link:hover p {
        color: #E60012 !important;
    }

    .hatm-link:hover svg path {
        stroke: #E60012 !important;
    }

    .hrlu-link:hover .hrlu-li-info p {
        color: #E60012;
    }

    .hrlu-link:hover .hrlu-li-info path {
        stroke: #E60012;
    }

    .slick-next:hover::before,
    .slick-prev:hover::before {
        opacity: 1 !important;
    }

    .nsul-link:hover .hatm-link p {
        color: #E60012 !important;
    }

    .nsul-link:hover .hatm-link path {
        stroke: #E60012 !important;
    }

    /* .srbl-li-link:hover .hatm-link p {
        color: #E60012 !important;
    }

    .srbl-li-link:hover .hatm-link path {
        stroke: #E60012 !important;
    } */

    .haul-cont:hover {
        box-shadow: 0px 13px 50px 0px rgba(255, 0, 4, 0.10), 0px 0px 8px 0px rgba(255, 0, 4, 0.04), 0px 8px 10px 0px rgba(255, 0, 4, 0.04);
    }

    .ibul-cont:hover {
        box-shadow: 0px 0px 18px 0px rgba(0, 33, 67, 0.10), 0px 8px 10px 0px rgba(0, 33, 67, 0.04);
    }

    .ccbr-bottom:hover .ys-imgbox-cover img,
    .ccbr-top:hover .ys-imgbox-cover img,
    .company-culture-box-le:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

    .hnid-wrap-le-li:hover .hwll-wrap {
        background: #fff;
        border-radius: 3px;
    }

    .hnid-wrap-le-li:hover .hwll-wrap-arr {
        opacity: 1;
    }


    .hnid-wrap-le-li:hover .hwll-wrap-icon img:nth-child(1) {
        opacity: 0;
    }

    .hnid-wrap-le-li:hover .hwll-wrap-icon img:nth-child(2) {
        opacity: 1;
    }

    .hnid-wrap-le-li:hover .hwll-wrap-info p {
        color: #E60012;
    }

}


/* helen end------------------------ */

.pnll-cry-num {
    font-size: 30px;
}

.product-laser-ri .mCSB_scrollTools {
    height: calc(100% - 24px);
    top: 14px;
}

.dlhu-li-cont p {
    font-weight: bold;
}

.ys-sic-text {
    text-align: center;
}

.nbcl-ri img {
    object-fit: cover;
}

.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: var(--vicolor) !important;
    opacity: 0.8;
}

.search-main .mod-side {
    opacity: 0 !important;
    pointer-events: none;
}

.product-laser-ri-ul .slick-track {
    margin: 0 auto;
}

.hprr-img-ul-li.act .hiul-icon-top {
    background: var(--vicolor);
    border-color: var(--vicolor);
}

.hprr-img-ul-li.act .hiul-icon-top::after {
    border-color: #fff;
}

.join-acctive-ul-li3 {
    margin-top: -2px;
}

.slcb-more {
    background: transparent;
    color: var(--cltit);
    border: 1px solid var(--cltit);
}

.srtl-le-cry-btn .jpt-btn-black {
    margin-right: 20px;
}

.srtl-le-cry-btn .jpt-btn-black:last-child {
    margin-right: 0 !important;
}

.nsul-link-below-cont .hatm-link {
    margin-right: 15px;
}

.irul-link-btm {
    width: 100%;
    display: flex;
    border-top: 1px solid rgba(207, 207, 207, 1);
}

.irul-link .irul-link-down {
    border: none;
}

.irul-link-btm .irul-link-down {
    margin-right: 40px;
}

.irul-link-btm .irul-link-down:last-child {
    margin-right: 0 !important;
}


.solut-page .solut-banner-le {
    width: 62%;
}

.sblb-cont {
    margin-right: 74px;
}

.sblb-cont::after {
    right: -58px;
}

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

.ssul-below-back img {
    transition: all 0.36s;
}

.indusdet-list-point {
    top: 28%;
}

.srtl-ri img {
    object-fit: cover;
}

.mod-fot-btm {
    z-index: 14;
    position: relative;
}

.search-return a {
    border-radius: 50px;
    background: var(--vicolor);
    color: #fff !important;
}

.search-return {
    background: transparent !important;
}

.ssul-below-back img {
    object-fit: cover;
}


sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}


.mars-soonser.on .mars-soonser-core-up {
    padding-bottom: 30px;
}

.mars-soonser.on .mars-soonser-core .mCSB_scrollTools {
    top: 52px;
}

.mars-soonser.on .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    margin: 0 !important;
}

.mars-soonser.on .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 100%;
    background: rgba(0, 0, 0, 0.2) !important;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .search-core .search-return:hover a {
        color: #fff !important;
        background-color: #AC000D !important;
    }

    .slcb-more:hover {
        color: #fff;
        border-color: var(--vicolor);
    }

    .ssul-below-link:hover .ssul-below-back img {
        transform: scale(1.05);
    }

    .customer-service-btn img {
        width: 100%;
        animation: xl 1.2s infinite;
    }

}

.srbl-li-link .srbl-li-link-top .std-tit20 {
    color: var(--vicolor) !important;
    font-weight: 400;
}

/* .ys-slick-item .pabl-title-text {
    color: var(--vicolor) !important;
    font-weight: 400;
} */

.srtl-le-cry-btn .slcb-more {
    min-width: 190px;
    text-align: center;
}

.hrlu-link {
    padding: 0 25px;
}

.hmlu-wrap p {
    display: flex;
    /* flex-wrap: wrap; */
}

.hmlu-wrap .std-tit48 {
    flex: none;
}

.hmlu-wrap-sp {
    line-height: 1.5;
    display: inline-block;
    margin-top: 17px;
}

.mfcl-ri>ul>li {
    margin-left: 70px;
}

@media screen and (min-width: 1950px) {
    .mod-fot-desz {
        bottom: -256px;
        left: -19.5vw;
        max-width: 2560px;
    }

    .mod-fot-top {
        margin-bottom: 232px;
    }

    .mod-fot {
        padding-top: 215px;
    }

}

.hwll-link p {
    font-size: 16px;
}

.hnid-wrap-ri {
    padding-left: 80px;
    padding-right: 195px;
}

.hwrl-wrap-le {
    width: 59.5%;
}

.pllc-tit {
    /* max-height: inherit; */
    max-height: 3.2em;
    -webkit-line-clamp: 2;
}


.pabl-box {
    padding: 56px 60px 82px 50px;
}

.sustain-org-slick .ys-sic-text {
    font-size: var(--font20);
}

.snll-box-cry {
    font-size: var(--font24);
}

.company-culture .std-tit40 {
    width: 800px;
}

.cinl-li .cinl-li-text {
    text-align: center;
}

.canl-li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new-banner .new-banner-ul-li {
    width: auto;
}

.jaul-le-text {
    padding: 106px 60px 0;
}

.ssul-top-ph {
    display: none;
}

.after-repair-le-pic {
    z-index: -1;
}

.after-repair-le {
    z-index: 1;
}

.plru-li-link-text {
    padding-top: 15px;
    position: relative;
    border-top: 1px solid rgba(191, 191, 191, 1);
}

.plru-li-link-cont {
    margin-bottom: 0 !important;
}

.plru-li-link {
    justify-content: space-between;
}

.indusdet-list-point-li p {
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.indusdet-list-point-pot {
    width: 165px;
}


.jwul-cont {
    display: flex;
    height: 100%;
    flex-direction: column;
}