@charset "utf-8";
@font-face {
    font-family: 'iTrus-kanit';
    src: url('../fonts/Kanit-Medium/kanit-medium-webfont.eot');
    src: url('../fonts/Kanit-Medium/kanit-medium-webfont.eot') format('embedded-opentype'),
        url('../fonts/Kanit-Medium/kanit-medium-webfont.woff2') format('woff2'),
        url('../fonts/Kanit-Medium/kanit-medium-webfont.woff') format('woff'),
        url('../fonts/Kanit-Medium/kanit-medium-webfont.ttf') format('truetype'),
        url('../fonts/Kanit-Medium/kanit-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iTrus-Manrope';
    src: url('../fonts/Manrope-ExtraBold/manrope-extrabold-webfont.eot');
    src: url('../fonts/Manrope-ExtraBold/manrope-extrabold-webfont.eot') format('embedded-opentype'),
        url('../fonts/Manrope-ExtraBold/manrope-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/Manrope-ExtraBold/manrope-extrabold-webfont.woff') format('woff'),
        url('../fonts/Manrope-ExtraBold/manrope-extrabold-webfont.ttf') format('truetype'),
        url('../fonts/Manrope-ExtraBold/manrope-extrabold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'iTrus-Manropebold';
    src: url('../fonts/Montserrat-Bold/montserrat-bold-webfont.eot');
    src: url('../fonts/Montserrat-Bold/montserrat-bold-webfont.eot') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold/montserrat-bold-webfont.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold/montserrat-bold-webfont.woff') format('woff'),
        url('../fonts/Montserrat-Bold/montserrat-bold-webfont.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold/montserrat-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* 公共样式 - start */
:root {
    /* 字号 */
    --font48: 48px;
    --font40: 40px;
    --font36: 36px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font16: 16px;
    /* 行高 */
    --line15: 1.5;
    --line175: 1.75;
    /* 导航 */
    --line90: 90px;
    /* 颜色 */
    --color1: #3E3330;
    --color2: #333333;
    --color3: #666666;
    --colortitle: #222222;
    --colortext: #666666;
    --colortext2: #FFFFFF;
    --colormain: #991E21;
    --colorbj1: #DED4C3;
    --colorbj2: #EAE7E1;
    --colorbj3: #F4F3F0;
    /* 板块间距 */
    --space140: 140px;
    --space60: 60px;
    --space30: 30px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1: 'kanit-medium';
    --family2: 'manrope-extrabold';
    --family3: 'montserrat-bold';
    --width-shu:7;
}
.std-h1 {
    font-size: var(--font48);
    color: var(--colortitle);
    line-height: var(--line15);
    font-weight: bold;
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font40);
    line-height: var(--line15);
    color: var(--colortitle);
    font-weight: bold;
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font36);
    color: var(--colortitle);
    line-height: var(--line175);
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--colortext2);
    line-height: var(--line175);
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--color2);
    line-height: var(--line175);
}
.std-text1,
.std-text1 p {
    font-size: var(--font16);
    color: var(--color3);
    line-height: var(--line175);
}
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color3);
    line-height: var(--line175);
    margin-bottom: var(--parpspace12);
}
.std-margin {
    margin-top: var(--space140);
}
.std-margin1 {
    margin-bottom: var(--space140);
}
.std-margin2 {
    margin-bottom: var(--space60);
}
.std-margin3 {
    margin-bottom: var(--space30);
}
.std-padding {
    padding-top: var(--space140);
}
.std-padding1 {
    padding-bottom: var(--space140);
}
.std-padding2 {
    padding-bottom: var(--space60);
}
.std-padding3 {
    padding-bottom: var(--space30);
}
.yxedr-active h2,
.yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4,
.std-text2 p {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5,
.std-text1 p {
    margin-bottom: var(--parpspace10);
}
body {
    font-family: "PingFang SC", "Microsoft YaHei";
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "PingFang SC", "Microsoft YaHei" !important;
}
/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
/*分享翻译*/
.ys-wechat-cont-parga p::before {
    content: '分享到 - 微信';
    /* content: 'Share the - weixin'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}
/*导航默认选中*/
.yxnav-active1 .head-nav-item-title .std-text1 {
    color: var(--colormain);
}
.yxnav-active1 span img:nth-child(1) {
    opacity: 0;
}
.yxnav-active1 span img:nth-child(2) {
    opacity: 1 !important;
    transform: rotate(180deg);
}
.yxnav-active2 .hcru-li-word {
    color: var(--colormain);
}
.head-nav-item-title {
    line-height: var(--line90);
}
/* 轮播溢出隐藏 */
.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;
}
/* 公共样式 - end */
/*2024.9.23*/
.details-top-cont {
    background: var(--colorbj3);
    width: 100%;
    padding: 40px 90px 50px;
    margin-bottom: var(--space60);
    border-radius: 20px;
}
.document-main  .details-top-cont {
    border-radius: 20px;
}
.details2-main .ys-mbx {
    position: relative;
}
.details2-main .ys-bread {
    float: right;
    margin-top: 20px;
    z-index: 10;
    position: absolute;
    right: 0;
}
.details-top-cont {
    position: relative;
    overflow: hidden;
}
.details-top-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 59.083333%;
    height: 63px;
    background: #FFF;
    border-radius: 0 0 0 20px;
}
.details-top-bg-le {
    position: absolute;
    top: 0;
    left: -63px;
    width: 63px;
    height: 63px;
    background: var(--colorbj3);
    border-top-right-radius: 20px;
    box-shadow: 0px -20px #fff;
}
.details-top-bg-ri {
    position: absolute;
    bottom: -63px;
    right: 0;
    width: 63px;
    height: 63px;
    background: var(--colorbj3);
    border-top-right-radius: 20px;
    box-shadow: 0px -20px #fff;
}
.yx-sidebar3-nav.hide{
    left: -120% !important;
}
.details-top-text {
    position: relative;
}
.details-top-text-date {
    display: inline-block;
    padding: 6px var(--font16);
    border-radius: 8px;
    background: #991E21;
    color: #FFF;
    font-size: var(--font16);
    line-height: 1.6;
    margin-bottom: 40px;
    /* font-family: "iTrus-Manrope" !important; */
}
.details-btm .ys-cont1200 {
    padding: 0 102.5px;
}
.details-btm-active p {
    color: var(--color3);
    line-height: var(--line175);
    font-size: var(--font16);
    margin-bottom: 30px;
}
.details-btm-active h5 {
    color: var(--color1);
    font-size: var(--font16);
    font-weight: bold;
    line-height: var(--line175);
    margin-bottom: 30px;
}
.details-top-text-title {
    color: var(--colortitle);
    font-size: var(--font24);
    font-weight: bold;
    line-height: var(--line15);
}
.details2-main .details-btm-active{
    border-bottom: 0px solid #D4D4D4;
}
.details2-main .details-top-text{
    padding: 0 102.5px;
}
.details-btm-active {
    padding-bottom: 10px;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 32px;
}
.details-btm-more-prev {
    margin-bottom: 6px;
}
.details-btm-more-prev a {
    color: var(--color3);
    font-size: var(--font16);
    line-height: var(--line175);
    transition: all 0.4s;
}
.details-btm-more-next a {
    color: var(--color3);
    font-size: var(--font16);
    line-height: var(--line175);
    transition: all 0.4s;
}
.details-btm {
    margin-bottom: 120px;
}
.details-news-title {
    text-align: center;
    margin-bottom: 40px;
    color: #222;
    font-size: var(--font36);
    font-weight: bold;
    line-height: var(--line175);
}
.details-news-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
}
.details-news-ul-list {
    padding: 0 18px;
    width: 33.333333%;
}
.dnul-link-img {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.dnul-link-btm-title {
    margin-top: 24px;
    margin-bottom: var(--font16);
}
.dnul-link-btm-title p {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    line-height: var(--line175);
    height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.4s;
}
.dnul-link-btm-date {
    color: #101111;
    font-size: var(--font16);
    line-height: 1.6;
    opacity: 0.5;
}
.slick-prev {
    left: -72px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #221712;
    z-index: 200;
}
.slick-prev::after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/a1_arrow02_1.png);
    background-size: cover;
    opacity: 1;
    transition: all 0.4s;
}
.slick-prev::before {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/a1_arrow02.png);
    background-size: cover;
    opacity: 0;
    transition: all 0.4s;
}
.products-main .prod-edge{
    display: block;
}
.coll-comr-cry .ys-cont1200,
.ys-banner-cry,
.coll-qualifications .ys-cont1200{
    position: relative;
    z-index: 200;
}
.slick-next {
    right: -72px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #221712;
    z-index: 200;
}
.slick-next::after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/a1_arrow03_1.png);
    background-size: cover;
    opacity: 0;
    transition: all 0.4s;
}
.slick-next::before {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/a1_arrow03.png);
    background-size: cover;
    opacity: 1;
    transition: all 0.4s;
}
.slick-next.slick-disabled::before {
    opacity: 0;
}
.slick-next.slick-disabled::after {
    opacity: 1;
}
.slick-next.slick-disabled {
    border: 1px solid #969898;
}
.slick-prev.slick-disabled::before {
    opacity: 1;
}
.slick-prev.slick-disabled::after {
    opacity: 0;
}
.slick-prev.slick-disabled {
    border: 1px solid #969898;
}
.std-btn1 {
    display: inline-block;
}
.std-btn1-box {
    display: flex;
    align-items: center;
    padding: 12px 24px 12px 32px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--colormain);
    z-index: 10;
}
.std-btn1-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    transition: all 0.4s;
    z-index: -1;
}
.std-btn1-box-img {
    width: 24px;
    height: 24px;
    margin-left: 24px;
    position: relative;
    margin-top: 1px;
}
.std-btn1-box-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s;
}
.std-btn1-box-img> :last-child {
    opacity: 0;
}
.std-btn1-box p {
    color: #FFF;
    font-size: var(--font16);
    font-weight: bold;
    line-height: 1.6;
    transition: all 0.4s;
}
.details-contact .ys-cont1600 {
    position: relative;
}
.details-contact-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -87px;
    width: 69%;
    height: calc(100% + 138px);
    z-index: -3;
}
.details-contact-cont {
    position: relative;
    padding: 115px 200px 123px;
    border-radius: 20px;
    overflow: hidden;
}
.details-contact-cont-bg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.details-contact-cont-bg1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.details-contact {
    margin-top: var(--space140);
}
.slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: var(--colorbj1);
}
.ys-ban-bg img:nth-child(2) {
    display: none;
}
.slick-dots li.slick-active {
    background: var(--colormain);
}
.details-contact-cont-tit {
    position: relative;
    color: #FFF;
    font-size: var(--font40);
    font-weight: bold;
    line-height: var(--line175);
    margin-bottom: 32px;
}
.document-main .details-btm-active p {
    margin-bottom: 2px;
}
.document-main .details-btm-active p a {
    margin-bottom: 2px;
    color: var(--color3);
    font-size: var(--font16);
    line-height: var(--line175);
    text-decoration-line: underline;
}
.document-main .details-btm-active h5 {
    color: var(--color1);
    font-size: var(--font16);
    font-weight: bold;
    line-height: var(--line175);
    margin-bottom: 30px;
}
.std-btn2 {
    display: inline-block;
    position: relative;
    z-index: 10;
}
.std-btn2-box {
    display: flex;
    justify-content: center;
    min-width: 140px;
    padding: 12px 24px 12px 32px;
    border-radius: 50px;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.std-btn2-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    transition: all 0.4s;
    z-index: -1;
}
.std-btn2-box p {
    color: var(--colortext2);
    font-size: var(--font16);
    line-height: 1.6;
}
.std-btn2-box-img {
    width: 24px;
    margin-left: 24px;
}
.std-btn2-box-img img {
    width: 100%;
}
.std-btn3 {
    display: inline-block;
    position: relative;
    z-index: 10;
}
.std-btn3-box {
    display: flex;
    align-items: center;
    padding: 12px 24px 12px 32px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    z-index: 10;
}
.std-btn3-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    transition: all 0.4s;
    z-index: -1;
}
.std-btn3-box p {
    color: #FFF;
    font-size: var(--font16);
    line-height: 1.6;
}
.std-btn3-box-img {
    width: 24px;
    margin-left: 24px;
}
.std-btn3-box-img img {
    width: 100%;
}
.std-btn4 {
    display: inline-block;
    position: relative;
    z-index: 10;
}
.std-btn4-box {
    display: block;
    min-width: 140px;
    padding: 12px 24px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #991E21;
    position: relative;
    overflow: hidden;
}
.std-btn4-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 50px;
    background: #3E3330;
    z-index: -1;
}
.std-btn4-box p {
    color: #991E21;
    font-size: var(--font16);
    line-height: 1.6;
    transition: all 0.4s;
}
.std-btn5-box {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: #FFF;
    position: relative;
    overflow: hidden;
}
.std-btn5-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    opacity: 0;
    transition: all 0.4s;
}
.std-btn5-box-img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: all .4s;
}
.std-btn5-box-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .4s;
}
.std-btn5-box-img> :last-child {
    opacity: 0;
}
.std-btn5-box-img> :first-child {
    opacity: 1;
}
.std-btn6-box {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: var(--font16);
    background: rgba(153, 30, 33, 0.9);
    position: relative;
    overflow: hidden;
}
.std-btn6-box-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    z-index: 1;
}
.std-btn6-box-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s;
    background: linear-gradient(162deg, #991E21 0%, #330A0B 100%);
    opacity: 0;
}
.cert-cont-title {
    color: var(--colortitle);
    font-size: var(--font40);
    font-weight: bold;
    line-height: var(--line15);
}
.cert-cont-text {
    margin-top: 30px;
    margin-bottom: var(--space60);
}
.cert-cont-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
    margin-bottom: -36px;
}
.cert-cont-ul-list {
    width: 33.333333%;
    padding: 0 18px;
    margin-bottom: 36px;
}
.cert-cont-text p {
    color: #666;
    font-size: 18px;
    line-height: var(--line175);
}
.ccul-link {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    background: var(--colorbj2);
    padding: 26px 50px 52px;
    position: relative;
}
.ccul-link-icon {
    width: 88px;
    margin-bottom: 76px;
    position: relative;
    z-index: 2;
}
.ccul-link-icon img {
    width: 100%;
}
.ccul-link-tit {
    color: var(--colortitle);
    font-size: var(--font20);
    font-weight: bold;
    line-height: 1.75;
    position: relative;
    z-index: 2;
}
.ccul-link-text p{
    color: var(--color3);
    font-size: var(--font16);
    line-height: 1.75;
    position: relative;
    z-index: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3.5em;
}
.ccul-link-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
    background: var(--colortext2);
    border-radius: 20px;
}
.ccul-link-bg-le {
    position: absolute;
    top: 0;
    left: -68px;
    width: 68px;
    height: 68px;
    background: var(--colorbj2);
    border-top-right-radius: 20px;
    box-shadow: 20px -20px #fff;
}
.ccul-link-bg-ri {
    position: absolute;
    bottom: -68px;
    right: 0;
    width: 68px;
    height: 68px;
    background: var(--colorbj2);
    border-top-right-radius: 20px;
    box-shadow: 20px -20px #fff;
}
.ccul-link-btn {
    position: absolute;
    top: 7px;
    right: 10px;
}
/* .cert-main .details-contact {
    margin-top: 71px;
} */
.list-cont-btm {
    margin-top: 20px;
}
.list-cont-btm-top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.list-cont-btm-ri {
    width: 300px;
    display: flex;
    position: relative;
    height: fit-content;
    margin-top: 15px;
}
.list-cont-btm-ri::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #101111;
}
.list-cont-btm-ri input {
    width: calc(100% - 54px);
    flex-grow: 1;
    height: 28px;
    line-height: 30px;
    color: var(--color1);
    font-size: var(--font16);
}
.lcbr-icon {
    width: 24px;
    margin-left: 30px;
    cursor: pointer;
}
.lcbr-icon img {
    width: 100%;
}
.list-cont-btm-ri input::placeholder {
    color: #C0C0C0;
    font-size: var(--font16);
    line-height: var(--line175);
}
.list-cont-btm-ul {
    width: calc(100% - 300px);
    flex-grow: 1;
    padding-right: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 20px;
}
.lcbu-list {
    padding: 0 8px;
    margin-top: 15px;
}
.lcbu-list-link {
    display: block;
    position: relative;
    border-radius: 50px;
    border: 1px solid #991E21;
    background: #FFF;
    padding: 11px 40px;
    overflow: hidden;
}
.lcbu-list-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    opacity: 0;
    transition: all 0.4s;
}
.lcbu-list-link-text {
    color: var(--color1);
    font-size: var(--font16);
    line-height: var(--line15);
    transition: all 0.4s;
    position: relative;
    z-index: 1;
}
.lcbu-list.on .lcbu-list-link::after {
    opacity: 1;
}
.lcbu-list.on .lcbu-list-link-text {
    color: var(--colortext2);
}
.list-cont-btm-all {
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
}
.lcba-list {
    width: 50%;
    padding: 0 18px;
    margin-bottom: 36px;
}
.lcbu-list-href {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 27px 30px;
    border-radius: 20px;
    background: #F4F3F0;
    height: 100%;
}
.lcbu-list-href-le {
    width: 72px;
    margin-right: 32px;
}
.lcbu-list-href img {
    width: 100%;
}
.lcbu-list-href-ri {
    width: calc(100% - 104px);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.llhr-top {
    color: #101111;
    font-size: 18px;
    line-height: var(--line175);
    margin-bottom: 8px;
}
.llhr-btm {
    display: flex;
}
.llhr-btm-ri {
    width: 24px;
    margin-top: 2px;
}
.llhr-btm-ri img {
    width: 100%;
}
.llhr-btm-le {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line175);
}
.list-cont-page {
    margin-top: 44px;
}
.pc-fenye li.activepage {
    color: #fff;
    background: var(--colormain);
}
.pc-fenye li {
    width: 40px;
    height: 40px;
    font-size: var(--font16);
    line-height: 40px;
    color: #222;
}
.bctb-ri> :last-child {
    display: none;
}
.ys-banner {
    padding-top: 79px;
}
.ys-banner-cry {
    border-radius: 20px;
    position: relative;
}
.bctb-ri {
    position: absolute;
    bottom: 0;
    right: 0;
    height: calc(100% - 53px);
    width: 100%;
    background: #F4F3F0;
    border-radius: 20px;
}
.brand-cont-btm {
    margin-top: 111px;
}
.bcbu-list {
    margin-bottom: var(--space60);
}
.bcbu-list-link {
    display: block;
    border-radius: 20px;
    border: 1px solid #991E21;
    background: #FFF;
    padding: 44px 70px 47px;
}
.bcbu-list-link-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 38px;
    border-bottom: 1px solid #EAE7E1;
    margin-bottom: 40px;
}
.bllt-logo {
    width: 206px;
}
.bllt-logo img {
    width: 100%;
}
.bllt-btn {
    width: 50px;
}
.bllt-btn .std-btn5-box {
    background: var(--colorbj3);
}
.bllt-ri {
    width: calc(100% - 206px);
    display: flex;
    align-items: center;
}
.bllt-text {
    width: calc(100% - 50px);
    flex-grow: 1;
    padding-left: 63px;
    padding-right: 74px;
    flex-grow: 1;
}
.bllt-text p {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line175);
}
.bcbu-list-link-btm {
    display: flex;
    justify-content: ;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.bllb-list {
    width: 25%;
    padding: 0 5px;
    margin-bottom: 20px;
}
.bllb-list-cont {
    display: flex;
    align-items: center;
}
.bllb-list-cont-le {
    width: 40px;
    height: 40px;
    border-radius: var(--font16);
    background: rgba(153, 30, 33, 0.9);
    margin-right: 10px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    font-family: var(--family2);
    font-size: var(--font16);
    ;
    font-weight: 800;
}
.bllb-list-cont-ri {
    color: var(--colortitle);
    font-size: var(--font16);
    font-weight: bold;
    line-height: var(--line175);
}
.brand-main .details-contact {
    margin-bottom: 69px;
}
.bctb-ri> :first-child {
    position: absolute;
    bottom: 0;
    border-radius: 20px;
}
.bctb-le {
    position: relative;
    left: 0;
    bottom: 0;
    width: 53%;
    z-index: 1;
}
.bctb-le-bg1> :last-child {
    display: none;
}
.bctb-le-bg1 {
    width: 100%;
}
.bctb-le-bg1 img {
    width: 100%;
}
.bctb-le-bg2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
.bctb-le-bg2 img {
    position: absolute;
    bottom: 0;
}
.bctb-le-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding:0 100px;
    top: 50%;
    transform: translateY(-50%);
}
.bctb-le-text-btn .std-btn1-box p {
    font-weight: 400;
}
.solve-cont-survey-title {
    color: #222;
    text-align: center;
    font-size: var(--font36);
    font-weight: bold;
    line-height: var(--line175);
    margin-bottom: var(--space60);
}
.solve-cont-survey-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.scsc-le {
    width: 48.5%;
}
.scsc-le-ul-list {
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}
.scsc-le-ul-list::before {
    position: absolute;
    content: "";
    left: -1px;
    top: 0;
    z-index: 10;
    width: 1px;
    height: 24px;
    top: 10px;
    background-color: var(--colormain);
    width: 2px;
}
.slul-tit {
    color: #222;
    font-size: var(--font24);
    font-weight: bold;
    line-height: var(--line175);
    height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.slul-text {
    margin-top: 15px;
}
.slul-text p {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line175);
}
.solve-cont-survey {
    padding-top: 111px;
}
.scsc-le-ul-list {
    border-left: 1px solid #D8D8D8;
}
.scsc-le-ul .scsc-le-ul-list:last-child {
    margin-bottom: 0;
}
.solve-cont-edge-ul {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -18px;
}
.sceu-list {
    width: 50%;
    padding: 20px 18px;
}
.sceu-list-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.sceu-list{
    height: auto;
}
.sceu-list-link-top {
    padding: 40px 92px 63px 50px;
    border-radius: var(--font16);
    position: relative;
    transition: all .4s;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.sceu-list-link-top::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: #F4F3F0;
    border-radius: var(--font16);
    z-index: -1;
    transition: all 0.4s;
}
.sllt-date {
    color: var(--color1);
    font-size: 18px;
    line-height: var(--line175);
}
.sllt-icon {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: var(--colormain);
    position: relative;
    margin-top: 72px;
    margin-bottom: 42px;
}
.sllt-icon img {
    width: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sllt-tit {
    color: #222;
    font-size: var(--font20);
    font-weight: bold;
    line-height: var(--line175);
}
.sllt-text {
    margin-top: 18px;
    margin-bottom: 32px;
    flex: 1;
}
.sllt-text p {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line175);
}
.sllt-img {
    width: 50px;
}
.sllt-img img {
    width: 100%;
}
.sllb-active {
    max-height: 252px;
}
.sllb-active h5 {
    color: #FFF;
    font-size: var(--font16);
    font-weight: bold;
    line-height: var(--line175);
}
.sllb-active p {
    color: #FFF;
    font-size: var(--font16);
    line-height: var(--line175);
}
.sllb-icon {
    width: 50px;
    margin-top: 50px;
    cursor: pointer;
}
.sllb-icon img {
    width: 100%;
}
.sceu-list-link-btm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    transition: all 0.4s;
    overflow: hidden;
    z-index: 1;
}
.sllb-cont {
    height: 100%;
    border-radius: var(--font16);
    padding: 70px 44px 63px 50px;
    position: relative;
    overflow: hidden;
}
.sllb-cont .mCSB_inside>.mCSB_container {
    margin-right: 48px;
}
.sllb-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.sllb-bg img {
    width: 100%;
    height: 100%;
}
.sllb-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scsc-all {
    background: var(--colorbj3);
}
.nlca-list {
    display: flex;
    flex-wrap: wrap;
    border-radius: 20px;
    background: #EAE7E1;
    position: relative;
    overflow: hidden;
}
.nlca-list-le {
    width: 47.142857%;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}
.nlca-list-ri {
    width: 52.857143%;
    padding: 73px 100px 52px 73px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.nlca-list-ri-top {
    position: relative;
    z-index: 1;
}
.nlca-list-ri-btm {
    position: relative;
    z-index: 1;
    margin-top: 49px;
}
.prod-comp-bg2{
    margin-top: -2px;
}
.link-main .bctb-le-text-btn {
    margin-top: 92px;
}
.link-main .ys-footer {
    margin-top: var(--space60);
}
.nlrt-date {
    color: #101111;
    font-size: var(--font16);
    line-height: 1.6;
    margin-bottom: 14px;
}
.nlrt-title {
    color: #333;
    font-size: var(--font24);
    font-weight: bold;
    line-height: var(--line15);
    height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.nlrt-text {
    margin-top: 24px;
}
.nlrt-text p {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line175);
    height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.nlca-list-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    height: 44px;
    border-radius: 20px;
    background: var(--colortext2);
}
.nlca-list-bg-le {
    position: absolute;
    top: 0;
    left: -44px;
    width: 44px;
    height: 44px;
    border-top-right-radius: 20px;
    box-shadow: 10px -25px #fff;
    background: #EAE7E1;
}
.nlca-list-bg-ri {
    position: absolute;
    right: 0;
    bottom: -44px;
    width: 44px;
    height: 44px;
    border-top-right-radius: 20px;
    box-shadow: 10px -25px #fff;
    background: #EAE7E1;
}
.news-list-cont-btm .details-news-ul-list {
    margin-bottom: 60px;
}
.news-list-cont-btm .details-news-ul {
    margin-top: 20px;
}
.news-list-cont-all {
    margin-bottom: 100px;
}
.document-main .details-btm-active {
    padding-bottom: 80px;
}
.document-main .details-btm {
    margin-bottom: 0;
}
/* ada  start */
.ys-ban-bg {
    position: absolute;
    top: 0;
}
.ys-ban-txt-head {
    border-radius: 8px;
    background: var(--colormain);
    backdrop-filter: blur(11.5px);
    font-size: 12px;
    line-height: 1.6;
    color: var(--colortext2);
    padding: 6px 24px 6px 48px;
    width: fit-content;
    position: relative;
}
.ys-ban-txt-head::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 26px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--colortext2);
}
.ys-ban-title {
    margin-top: 44px;
}
.ys-ban-text p {
    color: var(--color3);
    margin-top: var(--font16);
    line-height: var(--line15);
}
.ys-ban-btn {
    margin-top: 48px;
}
.ys-pos-bot {
    position: absolute;
    bottom: 29px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
.ys-ban-dots-ul {
    display: flex;
    justify-content: center;
}
.ybdu-li {
    width: 20px;
    cursor: pointer;
    margin: 0px 4px;
    transition: all .4s;
}
.ybdu-li-line {
    height: 2px;
    width: 100%;
    background: rgba(31, 21, 19, .3);
    position: relative;
    transition: all .6s;
}
.ybdu-li-line-pro {
    width: 0%;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--colormain);
}
.ys-foot-top {
    display: flex;
}
.ys-foot-top-le {
    width: 30%;
    padding-right: 20px;
}
.ys-foot-top-ri {
    width: 70%;
}
.yftl-logo {
    width: 45px;
}
.yftl-link p {
    margin-top: 19px;
    color: rgba(51, 51, 51, .5);
}
.yftl-link a {
    color: var(--colortitle);
    font-family: "iTrus-Manrope";
    margin-top: 6px;
}
.ys-foot-top-ri>ul {
    display: flex;
    margin: 0 -35px;
    justify-content: space-between;
}
.ys-foot-top-ri>ul>li {
    padding: 0 35px;
}
.ys-foot-top-ri>ul>li>a {
    font-size: var(--font16);
    color: var(--colortitle);
    line-height: var(--line15);
    font-weight: bold;
    transition: all .4s;
}
.ys-foot-top-ri>ul>li>ul {
    margin-top: 19px;
}
.ys-foot-top-ri>ul>li li a {
    font-size: var(--font16);
    line-height: 2.6;
    color: var(--color3);
    transition: all .4s;
}
.ys-foot-mid {
    margin-top: 66px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ys-foot-mid-le p:nth-child(1) span {
    font-size: 14px;
    color: #999;
    line-height: var(--line15);
}
.ys-foot-mid-le p:nth-child(1) img {
    width: 20px;
}
.ys-foot-mid-le p:nth-child(1) a {
    font-size: 14px;
    color: #999;
    line-height: var(--line15);
}
.ys-foot-mid-le a:last-child {
    margin-left: 21px;
    opacity: 0.4;
}
.ys-foot-mid-ri p {
    margin: 0 -20px;
}
.ys-foot-mid-ri a {
    font-size: 14px;
    color: #999;
    line-height: var(--line15);
    opacity: 0.5;
    padding: 0 20px;
    position: relative;
}
.ys-foot-mid-ri a::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    bottom: 0;
    right: 0;
    background-color: #999;
    opacity: 0.5;
}
.ys-foot-mid-ri a:last-child::after {
    display: none;
}
.ys-foot-bom {
    margin-top: 32px;
    padding-top: 32px;
    margin-bottom: 35px;
    border-top: 1px solid #E1E1E1;
}
.ys-foot-bom ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ys-foot-bom ul li {
    margin: 0 20px;
}
.ys-foot-bom ul li img {
    width: 38px;
}
.head-nav-item1 .hnid-cry-ri .hcru-li-icon,
.head-nav-item2 .hnid-cry-ri .hcru-li-icon,
.head-nav-item3 .hnid-cry-ri  .hcru-li-icon{
    border-radius: 4px;
    background: #fff;
}
.head-nav-item4  .hcru-li-icon,
.head-nav-item5  .hcru-li-icon{
    background: #F4F3F0;
}
.ys-foot-bom ul li:last-child img {
    width: 86px;
}
.ys-hd-pc .ys-cont1360 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-ri {
    display: flex;
}
.ys-ban-li{
    height: auto !important;
}
.ys-hd-pc {
    transition: all .4s;
    position: fixed;
    width: 100%;
    background: var(--colortext2);
    /* box-shadow: 0px 4px 24.3px 0px rgba(0, 0, 0, 0.10); */
}
.ys-hd-pc.act {
    box-shadow: 0px 4px 24.3px 0px rgba(0, 0, 0, 0.10);
}
.ys-main {
    margin-top: 90px;
}
.head-logo {
    width: 45px;
}
.head-other {
    display: flex;
    align-items: center;
}
.head-other-num a {
    color: var(--colormain);
    font-size: var(--font16);
    line-height: var(--line15);
    letter-spacing: 0.8px;
    font-family: "iTrus-Manropebold";
    padding-left: 15px;
    padding-right: 20px;
}
.head-other-ul {
    display: flex;
    align-items: center;
}
.head-other-ul-li {
    padding: 0 20px;
}
.head-other-ul-li a {
    display: flex;
    align-items: center;
}
.houl-icon {
    width: 32px;
    height: 32px;
    border-radius: 50px;
    margin-right: 8px;
}
.head-other-ul-li:nth-child(1) .houl-icon {
    background-color: var(--colormain);
}
.head-other-ul-li:nth-child(2) .houl-icon {
    background-color: var(--color1);
}
.houl-text {
    font-size: 14px;
    color: var(--color2);
    line-height: 1.2;
    letter-spacing: -0.14px;
}
.head-other-search {
    padding-left: 20px;
}
.hosb-btn {
    position: relative;
    transition: all .4s;
}
.head-other-sear-img {
    width: 24px;
    transition: all .4s;
}
.hosb-btn img {
    width: 100%;
    transition: all .4s;
}
.sllb-cont .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #A0A0A0; 
    width: 2px; 
}
.sllb-cont .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:var(--colormain) !important;
    width: 2px; 
}
.hosb-btn img:nth-child(2) {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .4s;
    opacity: 0;
}
.head-other-sear-cry {
    width: 100%;
    height: 350px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
}
.yx-search3-tbox {
    width: 36%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: var(--head);
    border-bottom: 1px solid #666;
}
.yx-search3-xls {
    width: calc(100% - 27px);
    padding-right: 20px;
}
.yx-search3-xls input {
    font-size: var(--font16);
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .4s;
}
.yx-search3xlbtn {
    width: 27px;
    line-height: 60px;
}
.yx-search3xlbtn img {
    width: 100%;
    transition: all .4s;
}
.hosb-btn.on img:nth-child(1) {
    opacity: 0;
}
.hosb-btn.on img:nth-child(2) {
    opacity: 1;
}
.head-nav-item {
    padding: 0 25px;
    height: var(--line90);
    cursor: pointer;
}
.head-nav-item-down {
    transform: translateX(-38%) !important;
}
.head-nav-item-title {
    display: flex;
    align-items: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.head-nav-item-title img {
    width: var(--font16);
    margin-left: 6px;
    transition: all .4s;
}
.head-nav-item-title span {
    position: relative;
}
.home-main .ys-banner {
    padding-top: 30px;
}
.head-nav-item-title span img:nth-child(2) {
    opacity: 0;
    /* transform: rotate(180deg); */
    position: absolute;
    left: 0;
}
.head-nav-item-title p {
    color: var(--colortitle);
    letter-spacing: 0.8px;
    transition: all .4s;
    line-height: var(--line90);
}
.head-nav-item-down {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 24px 24px 24px 80px;
    border-radius: var(--font16);
    background: #FFF;
    box-shadow: 0px -4px 10px 0px rgba(155, 155, 155, 0.05), 0px 41.778px 33.422px 0px rgba(38, 38, 38, 0.05), 0px 22.336px 17.869px 0px rgba(57, 57, 57, 0.04), 0px 12.522px 10.017px 0px rgba(79, 79, 79, 0.04), 0px 6.65px 5.32px 0px rgba(75, 75, 75, 0.03), 0px 2.767px 2.214px 0px rgba(77, 77, 77, 0.02);
}
.hnid-cry {
    display: flex;
}
.hnid-cry-le {
    padding-top: 27px;
    width: 361px;
}
.hnid-cry-ri {
    width: 580px;
    border-radius: var(--font16);
    background: rgb(244, 243, 240);
    padding: 27px 40px 25px;
    position: relative;
    overflow: hidden;
}
.hnid-cry-le-tit {
    font-weight: bold;
    color: var(--colortitle);
    letter-spacing: 0.8px;
    margin-bottom: 32px;
}
.hnid-cry-le-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -34px;
}
.hclu-li {
    width: 50%;
    padding: 0 34px;
    padding-bottom: 40px;
}
.hclu-li a {
    display: block;
    width: 102px;
}
.hnid-cry-le-more {
    color: var(--colortitle);
    letter-spacing: 0.8px;
}
.hnid-cry-le-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    z-index: -1;
}
.home-cert-tit {
    text-align: center;
    font-weight: bold;
}
.home-cert-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
    margin-bottom: -26px;
}
.home-cert-ul-li {
    padding: 0 13px;
    margin-bottom: 26px;
    position: relative;
}
.item1 {
    width: 41%;
}
.item2 {
    width: 59%;
}
.hcul-box {
    display: inline-block;
    padding: 50px 65px 48px 50px;
    width: 100%;
    height: 100%;
    position: relative;
}
.home-cert-ul-li .hcul-box {
    border-radius: var(--font16);
    background: #F4F3F0;
}
.item3 .hcul-box {
    background: #3E3330;
}
.hcul-text p {
    color: var(--colortext2);
    margin-bottom: 67px;
}
.hcul-tit {
    color: var(--colortitle);
    font-family: 'iTrus-Manrope';
    margin-bottom: var(--font16);
}
.hcul-text2 {
    margin-bottom: 85px;
}
.hcul-bg {
    position: absolute;
    z-index: 10;
    bottom: 0;
}
.hcul-bg1 {
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    pointer-events: none;
}
.hcul-bg2 {
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    pointer-events: none;
}
.hcul-bg3 {
    right: 0;
    bottom: 0;
    position: absolute;
    width: 72%;
    pointer-events: none;
}
.home-cert-ul-li:nth-child(3) .hcul-bg3 {
    width: 63%;
}
.home-cert-ul-li:nth-child(4) .hcul-bg3 {
    width: 63%;
}
.home-cert-ul-li:nth-child(4) .hcul-text2 {
    margin-bottom: 58px;
}
.home-cert-ul-li:nth-child(5) {
    display: none;
}
.home-cooperation {
    position: relative;
}
.home-coop-le {
    width: 51%;
    position: relative;
    z-index: 10;
}
.home-coop-le img {
    width: 100%;
}
.home-cooperation .ys-cont1200 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.home-coop-ri {
    width: 47%;
    float: right;
}
.home-coop-ri-tit {
    font-weight: bold;
    padding-bottom: var(--space60);
    margin-bottom: 47px;
    border-bottom: 1px solid #D8D8D8;
}
.home-coop-ri .hcru-li {
    padding: 0;
}
.hcru-li {
    padding-right: 52px;
}
.hcru-li-tit {
    color: var(--colortitle);
    font-weight: bold;
    margin-bottom: 24px;
}
.hcru-li-text {
    margin-bottom: 54px;
}
.hcru-li-btn {
    display: flex;
    align-items: center;
}
.home-cooperation .hcru-li-btn-prev {
    margin-right: 8px;
}
.hcru-li-btn-prev,
.hcru-li-btn-next {
    width: 50px;
    height: 50px;
    border: 1px solid #221712;
    border-radius: 50px;
    cursor: pointer;
    transition: all .4s;
}
.hcru-li-btn-prev img,
.hcru-li-btn-next img {
    width: 100%;
}
.hcru-li-btn-prev.slick-disabled,
.hcru-li-btn-next.slick-disabled {
    opacity: .5;
    pointer-events: none;
}
.hclu-item-text p {
    color: var(--color2);
}
.home-coop-le-ul {
    position: absolute;
    top: 22%;
    right: 17%;
    z-index: 10;
    width: 386px;
    z-index: 0;
}
.ys-ban-txtbox {
    padding: 0 40px;
}
.ys-ban-txtbox-cry {
    width: 50%;
}
.home-coop-le-img {
    width: 100%;
    position: relative;
    z-index: 6;
    pointer-events: none;
}
.home-coop-le-img::before {
    pointer-events: none;
    position: absolute;
    content: "";
    width: 100%;
    height: 110%;
    top: 0;
    background: linear-gradient(-5deg, #FFF 10%, rgba(255, 255, 255, 0.00) 44%);
}
.home-coop-le-img img {
    width: 100%;
}
.hclu-item {
    margin: 20px;
    padding: 10px 72px 49px 65px;
    border-radius: var(--font16);
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(155, 155, 155, 0.05),
        0px 1.778px 10.422px 0px rgba(38, 38, 38, 0.05),
        0px 2.336px 10.869px 0px rgba(57, 57, 57, 0.04),
        0px 2.522px 10.017px 0px rgba(79, 79, 79, 0.04),
        0px 2.65px 5.32px 0px rgba(75, 75, 75, 0.03),
        0px 2.767px 2.214px 0px rgba(77, 77, 77, 0.02);
}
.hclu-item-img {
    width: 195px;
    margin-bottom: 0px;
}
.hclu-item-img img {
    width: 100%;
}
.home-service {
    position: relative;
}
.home-serv-bg3 {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 40%;
    pointer-events: none;
    z-index: 10;
}
.home-serv-bg4 {
    position: absolute;
    top: 0;
    transform: rotate(-180deg);
    left: -32%;
    pointer-events: none;
}
.home-serv-bg1,
.home-serv-bg2 {
    width: 100%;
}
.home-main .home-selected {
    padding-top: 0 ;
    z-index: 30;
}
.home-serv-bg1 img,
.home-serv-bg2 img,
.home-serv-bg3 img,
.home-serv-bg4 img {
    width: 100%;
}
.home-le-tit {
    padding-bottom: 76px;
}
.home-le-tit p {
    font-weight: bold;
}
.home-sele-tit {
    text-align: center;
}
.home-sele-ul {
    margin: 0 -15px;
}
.home-sele-ul .slick-track {
    display: flex;
    height: 100%;
}
.home-sele-ul-li {
    width: 33.333333%;
    padding: 0 15px;
    height: auto;
}
.hsul-box {
    height: 100%;
    display: block;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, #FFF 100%);
    background: #fff;
    padding: 41px 55px 85px;
}
.home-main .home-sele-cry {
    background-color: #F4F3F0;
}
.home-sele-bg {
    width: 100%;
    position: absolute;
    bottom: -1px;
    z-index: 10;
}
.home-sele-bg img {
    width: 100%;
}
.hsul-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid #E1E1E1;
}
.hsul-head-logo {
    width: 60%;
}
.hsul-head-icon {
    width: 16%;
    flex-shrink: 0;
}
.hsul-head-icon img {
    width: 100%;
}
.hsul-text p {
    font-size: 18px;
    color: var(--color3);
    line-height: var(--line175);
}
.home-sele-cry {
    position: relative;
}
.home-btn {
    display: flex;
    justify-content: space-between;
}
.home-selected {
    position: relative;
}
.home-selected .hcru-li-btn-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -90px;
}
.home-selected .hcru-li-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -90px;
}
.hrul-head {
    position: relative;
}
.hrul-head-bg {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
}
.home-main .home-sele-lamp {
    position: relative;
    padding-top: 100px;
    padding-bottom: 153px;
    overflow: hidden;
}
.home-sele-lamp-bg {
    opacity: 0.8;
    background: linear-gradient(180deg, #EAE7E1 12.85%, rgba(234, 231, 225, 0.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 400px;
    font-family: 'iTrus-Manropebold' !important;
    text-align: center;
    z-index: 15;
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    pointer-events: none;
}
.home-sele-lamp-bg2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    pointer-events: none;
}
.home-sele-lamp-bg2 img {
    width: 100%;
    z-index: 1;
}
.home-sele-lamp-cry {
    position: relative;
    z-index: 20;
    --width: 207px;
}
.scul-tit p {
    margin-top: 8px;
}
.hslc-run-ul2 {
    transform: translateX(100%);
}
/* .hpbr_run2 .hslc-run-ul {
    animation: runaway2 50s linear infinite;
} */
.hslc-btn {
    width: fit-content;
    margin: 0 auto;
    margin-top: var(--space60);
}
.home-news-cry {
    display: flex;
    flex-wrap: wrap;
}
.home-news-cry-le {
    width: 40%;
}
.hncl-img {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}
.hncl-img img {
    width: 100%;
}
.home-news-cry-ri {
    width: 60%;
    padding-left: 32px;
}
.home-news-tit {
    text-align: center;
}
.hncl-date {
    color: rgba(16, 17, 17, .5);
    line-height: 1.6;
    margin-bottom: 5px;
    /* font-family: 'iTrus-Manrope' !important; */
}
.nlca-list-le img:nth-child(2) {
    object-fit: cover;
}
.hncr-ul-li-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hulb-le {
    width: 30%;
    border-radius: 8px;
}
.hulb-ri {
    width: 70%;
    padding-left: 32px;
}
.hulb-ri-text {
    transition: all .4s;
    padding-bottom: 33px;
    border-bottom: 1px solid #E1E1E1;
}
.hncr-ul-li {
    margin-bottom: 25px;
}
.home-news-btn {
    width: fit-content;
    margin: 0 auto;
    margin-top: var(--space60);
}
.yx-sidebar.on {
    display: block;
}
.yx-sidebar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    z-index: 112;
}
.yx-sidebar-list {
    border-radius: 50px;
    background: var(--colorbj2);
    padding: 23px 0px;
}
.yx-sidebar-up {
    width: 40px;
    height: 40px;
    margin-top: 8px;
    background-color: var(--colormain);
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    transition: all .4s;
}
.yx-sidebar-list-nub {
    position: relative;
    margin-top: 24px;
}
.yx-sidebar-list-nub:first-child {
    margin-top: 0px;
}
.ysln-img {
    width: 24px;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
}
.ysln-img img {
    width: 100%;
    position: relative;
    z-index: 10;
}
.ysln-tan {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    z-index: -1;
    transform: translateX(0) translateY(-50%);
    opacity: 0;
    transition: all .4s ease-out;
    padding-right: 10px;
}
.ysln-tan-cry {
    padding: 22px 26px;
    position: relative;
    border-radius: 8px;
    background: #F4F3F0;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}
.solu-context {
    padding-top: 110px;
}
.ysln-tan-cry::before,
.ysln-tan-img::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-left-color: var(--colorbj3);
    opacity: 1;
}
.ysln-tan::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-20%);
    width: 100px;
    height: 60px;
    background-color: transparent;
    border: 8px solid transparent;
    opacity: 1;
}
.slick-slide {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.ysln-tan-cry-tel {
    font-size: var(--font24);
    font-family: Roboto;
    font-weight: bold;
    line-height: 1;
    color: #333;
    white-space: nowrap;
}
.yx-sidebar-list-nub:nth-child(3) .ysln-tan-cry {
    padding: 25px 25px var(--font16);
    margin-bottom: 5px;
}
.ysln-tan-cry-text p {
    font-size: 14px;
    line-height: var(--line175);
    color: var(--color2);
    text-align: center;
}
.ysln-tan-cry-img {
    width: 100px;
}
.ysln-tan-cry-img img {
    width: 100%;
}
.ysln-img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #F4F3F0;
    ;
    transition: all .4s;
    opacity: 0;
}
.ysln-tan-img {
    position: relative;
    z-index: 10;
    width: 140px;
    padding: 17px;
    border-radius: 10px;
    background: var(--color4);
    box-shadow: 0px 2px 19px 10px rgba(11, 32, 19, 0.05);
}
.ysln-text p {
    font-size: 12px;
    color: var(--colortitle);
    line-height: var(--line175);
    margin-top: 8px;
    text-align: center;
}
.yx-sidebar-up {
    width: 66px;
    height: 66px;
    margin-top: 8px;
    background-color: #3E3330;
    ;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
}
.yx-sidebar-up-icon {
    width: 24px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.yx-sidebar-up-icon img {
    width: 100%;
}
.ysln-cry {
    cursor: pointer;
}
.ys-footer {
    margin-top: var(--space140);
}
.hnid-cry-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.hcru-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 25px;
}
.hcru-li a {
    display: flex;
    align-items: center;
}
.hcru-li-icon {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    opacity: 0.7;
    background: #F4F3F0;
    position: relative;
    margin-right: 12px;
    flex-shrink: 0;
}
.hcru-li-icon img {
    width: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.hcru-li-word {
    transition: all .4s;
    letter-spacing: 0.8px;
    color: var(--colortitle);
}
.hnid-cry-ri-bg {
    position: absolute;
    right: -140%;
    bottom: -300%;
    pointer-events: none;
}
.head-nav {
    display: flex;
}
.hnid-cry-le2 {
    width: 581px;
    padding-right: 70px;
}
.hnid-cry-ri2 {
    width: 306px;
    position: relative;
}
.hnid-cry-ri2 .hcru-li {
    width: 100%;
}
.hnid-cry-ri2 .hnid-cry-ri-bg {
    bottom: -150%;
}
.hnid-cry-ri3 .hnid-cry-ri-bg {
    bottom: -190%;
}
.head-nav-item4 .head-nav-item-down {
    padding: 40px 30px 5px;
}
.head-nav-item4 .hcru-li {
    width: 100%;
}
.head-nav-item4 .hcru-li-word {
    width: max-content;
}
.home-serv-cry .ys-cont1200 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 10;
}
.home-serv-bgcry {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-le {
    width: 44%;
    padding-right: 124px;
    position: sticky;
    top: 100px;
    left: 0;
    padding-bottom: var(--space30);
    padding-top: 304px;
    z-index: 10;
}
.home-serv-bgcry-cry {
    position: absolute;
    height: 100%;
    top: 0px;
    pointer-events: none;
}
.home-ri {
    width: 56%;
    position: relative;
}
.home-serv-bg2 {
    position: relative;
    z-index: 20;
    background-color: rgb(244, 243, 240);
}
.home-le::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(222, 212, 195, 1) 100%);
    content: "";
    position: absolute;
    width: 130%;
    height: 100vh;
    right: -130%;
    z-index: 15;
    bottom: -100%;
}
.home-serv-cry-cont{
    background-color: rgb(222, 212, 195);
    padding-bottom: var(--space140);
}
.scpc-le-tit{
    color: #222;
}
.ahcc-ri-ul{
    position: relative;
}
.about-hist-cry-le::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 180%;
    z-index: 10;
    bottom: -70%;
    right: -100%;
    background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(222, 212, 195, 1) 100%);
    z-index: 20;
}
.ys-phnav-menu {
    background: rgb(222, 212, 195);
}
.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(--colormain);
}
.ys-ph-nav .ys-phnav-header-font,
.ys-ph-nav a {
    color: var(--color1);
}
.ys-phs-form input {
    width: 100%;
    height: 35px;
    border: 1px solid var(--color1);
    color: var(--color1);
}
.ys-phs-form input::placeholder {
    color: var(--color1);
}
.ys-phnav-lisbox {
    border-bottom: 1px solid var(--color1);
}
.ys-ph-navbar1 .ys-phnav-menubtn span,
.ys-ph-navbar1 .ys-phnav-menubtn::after,
.ys-ph-navbar1 .ys-phnav-menubtn::before,
.ys-ph-navbar4 .ys-phnav-menubtn span,
.ys-ph-navbar4 .ys-phnav-menubtn::after,
.ys-ph-navbar4 .ys-phnav-menubtn::before {
    background: var(--color1);
}
.ys-header {
    z-index: 300;
}
.ys-phnav-header a,
.ys-phnav-header-font {
    color: var(--color1);
}
.ys-phnav-icon::after,
.ys-phnav-icon::before {
    background: var(--color1);
}
.ys-phs-form .iconfont {
    color: var(--color1);
}
.hrul-head {
    display: flex;
    align-items: center;
}
.hrul-head-icon {
    border-radius: var(--font16);
    opacity: 0.9;
    background: var(--colormain);
    width: 57px;
    height: 57px;
    position: absolute;
    margin: 7px;
}
.hrul-head-icon img {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hrul-head-bg img {
    width: 100%;
}
.collaborate-main .cert-cont-text {
    margin-bottom: 25px;
    margin-top: 0;
}
.collaborate-main .cert-cont-title {
    margin-bottom: var(--space60);
}
.hrul-cry {
    /* margin-top: 10px; */
    padding: 30px 31px 50px 46px;
    background-color: rgb(244, 243, 240);
    position: relative;
    border-radius: 15px 0 15px 15px;
}
.hrul-cry-tit {
    font-size: 22px;
    line-height: var(--line175);
    color: var(--colortitle);
    font-weight: bold;
    margin-bottom: var(--font16);
}
.home-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}
.home-ri-ul-li {
    width: 50%;
    padding: 0 18px;
    position: relative;
    margin-bottom: 32px;
}
.home-ri-ul-li:nth-child(2n) {
    top: 131px;
}
/* 11 */
html,
body {
    overflow: inherit !important;
}
/* b1 */
.products-main .cert-cont-text p {
    font-size: var(--font16);
}
.products-main .cert-cont-text {
    margin-bottom: 40px;
}
h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space60);
}
.prod-cert-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}
.prod-cert-ul .slick-track {
    display: flex;
    height: 100%;
}
.prod-cert-ul-li {
    width: 33.333333%;
    padding: 0 18px;
    margin-bottom: 36px;
    height: auto;
}
.coll-comr-cry-tit img {
    top: -24px;
    width: 13px;
    position: relative;
    transition: all .4s;
    opacity: 0;
}
.pcul-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    border: 1px solid var(--colormain);
    background: #FFF;
    padding: 40px;
    transition: all .4s;
}
.pcul-tit p {
    color: var(--colortitle);
    font-weight: bold;
    margin-bottom: 8px;
}
.pcul-num {
    display: flex;
    align-items: start;
}
.pcul-num span {
    margin-top: 22px;
    margin-right: 6px;
}
.pcul-num p {
    font-size: 32px;
    line-height: var(--line175);
    font-family: "iTrus-Manrope" !important;
    color: var(--colormain);
    margin-right: 6px;
}
.pcul-ul {
    flex: 1;
    margin-top: 5px;
    margin-bottom: 32px;
}
.pcul-ul-li {
    display: flex;
    align-items: start;
}
.pcul-ul-li-icon {
    flex-shrink: 0;
    width: var(--font16);
    margin-top: 5px;
    margin-right: var(--font16);
}
.pcul-ul-li-icon img {
    width: 100%;
}
.pcul-ul-li-text p {
    /* line-height: 2.3; */
    margin-bottom: 10px;
}
.pcul-btn {
    display: flex;
    margin: 0 -8px;
}
.pcul-btn-li {
    padding: 0 8px;
}
.pcul-btn-li a {
    padding: 12px 24px;
}
.pcul-btn-li:nth-child(2) a {
    padding: 11px 24px;
}
.prod-comp-bg1,
.prod-comp-bg2s {
    width: 100%;
}
.prod-comp-bg1 img,
.prod-comp-bg2 img {
    width: 100%;
}
.prod-comp-cry {
    background: rgba(234, 231, 225, 1);
}
.prod-edge-cry {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.prod-edge-cry-le {
    width: 43%;
    padding-right: 66px;
}
.prod-edge-cry-ri {
    width: 57%;
}
.prod-edge-cry-ri img {
    width: 100%;
}
.pecl-ul-li {
    /* transition: all .4s; */
    border-radius: var(--font16);
    overflow: hidden;
}
.pecl-ul-li-top {
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}
.pecl-ul-li-bom {
    padding: 0 40px 40px;
    position: relative;
}
.pulb-img{
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .4s;
    opacity: 0;
}
.pulb-img.act{
    opacity: 1;
}
.pulb-img img{
    width: 100%;
}
.pecl-ul-li-top::after {
    position: absolute !important;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--colorbj2);
    bottom: 0;
    left: 0;
    position: relative;
}
.pult-tit {
    font-weight: bold;
    transition: all .4s;
}
.pult-icon {
    width: 18px;
    position: relative;
}
.pult-icon img {
    width: 100%;
    position: relative;
    transition: all .4s;
}
.pult-icon img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}
.pecl-ul-li.act {
    background-color: #3E3330;
}
.pecl-ul-li.act .pult-tit {
    color: var(--colortext2);
}
.pecl-ul-li.act .pult-icon img:nth-child(1) {
    opacity: 0;
}
.pecl-ul-li.act .pult-icon img:nth-child(2) {
    opacity: 1;
}
.pecl-ul-li.act .pecl-ul-li-top::after {
    display: none;
}
.pecl-ul-li.act .pecl-ul-li-top {
    padding-bottom: var(--font16);
}
.pecl-ul-li-bom {
    display: none;
}
.pecl-ul-li-bom p {
    color: var(--colortext2);
}
.pecl-ul-li:first-child .pecl-ul-li-bom {
    display: block;
}
.prod-other .cert-cont-ul-list {
    width: 25% ;
}
.prod-other .ccul-link-icon {
    width: 129px;
    margin-bottom: 52px;
}
.prod-other .ccul-link {
    padding: 30px 36px 36px;
    height: 100%;
}
.prod-other .cert-cont-ul-list {
    margin-bottom: 0;
    height: auto;
}
.slick-track {
    width: 100%;
    display: flex;
}
.slick-list {
    width: 100%;
}
.yx-sidebar2 {
    position: fixed;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 150px;
}
.yx-sidebar2-ul-li {
    position: relative;
    z-index: 1;
    padding: 20px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.yx-sidebar2-ul-li p {
    font-size: var(--font16);
    line-height: 1.5;
    color: #999;
}
.ysul-img {
    width: 10px;
    flex-shrink: 0;
    position: relative;
    margin-right: 6px;
}
.ysul-img img {
    width: 100%;
    position: relative;
}
.ysul-img img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    margin-top: 2px;
}
/* 侧边选中 */
.yx-sidebar2-ul-li.on p {
    color: var(--colormain);
}
.yx-sidebar2-ul-li.on .ysul-img img:nth-child(2) {
    opacity: 1;
}
.yx-sidebar2-ul-li.on .ysul-img img:nth-child(1) {
    opacity: 0;
}
/* 侧边显隐 */
.yx-sidebar2-ul {
    transform: translateX(-120%);
    transition: all .4s;
}
.yx-sidebar2.show .yx-sidebar2-ul {
    transform: translateX(0);
}
.ys-bread-list a {
    color: #999;
    font-size: 14px;
    opacity: 0.5;
}
.ys-bread-list::before {
    color: #999;
    opacity: 0.5;
}
.ys-bread-list:last-child a {
    color: #999;
    opacity: 0.9;
}
.ys-bread-list:last-child::before {
    color: #999;
    opacity: 0.9;
}
.ys-bread {
    float: right;
    margin-top: 20px;
    z-index: 10;
    position: relative;
}
/* b1 */
/* b4 */
.ssl-feature .cert-cont-ul-list {
    width: 50%;
}
.ssl-feat-ul .ccul-link {
    padding: 50px 50px 40px;
    background-color: rgb(244, 243, 240);
}
.ssl-feat-ul .std-btn6-box {
    width: 57px;
    height: 57px;
}
.ssl-feat-ul .ccul-link-bg-le {
    left: -74px;
    width: 74px;
    height: 74px;
    background-color: rgb(244, 243, 240);
}
.ssl-feat-ul .ccul-link-bg-ri {
    bottom: -74px;
    width: 74px;
    height: 74px;
    background-color: rgb(244, 243, 240);
}
.ssl-feat-ul .ccul-link-bg {
    width: 74px;
    height: 74px;
}
.ssl-feat-ul .std-btn6-box-img {
    width: 28px;
    height: 28px;
}
.ssl-feat-ul .ccul-link-tit {
    margin-bottom: 16px;
}
.sfut-text {
    margin-bottom: var(--font16);
}
.sfut-ul-li {
    display: flex;
}
.sfut-ul-li-icon {
    width: var(--font16);
    margin-top: 12px;
    margin-right: 8px;
    flex-shrink: 0;
}
.sfut-ul-li-icon img {
    width: 100%;
}
.sfut-ul {
    padding-bottom: var(--font16);
    margin-bottom: var(--font16);
    border-bottom: 1px solid #EAE7E1;
}
.sfub-tit {
    font-weight: bold;
    color: var(--colortitle);
    margin-bottom: 8px;
}
.ssl-feat-ul .ccul-link {
    display: flex;
    flex-direction: column;
}
.ssl-feat-ul-top {
    display: flex;
    flex-direction: column;
}
.sfut-ul {
    flex: 1;
}
.sfut-ul-li-text {
    line-height: 2.5;
}
/* b4 */
/* c1 */
.solu-context h2 {
    margin-bottom: var(--font16);
}
.solu-cont-text {
    text-align: center;
    margin-bottom: 50px;
}
.solu-cont-ul {
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}
.solu-cont-ul-li {
    width: 50%;
    padding: 0 18px;
    margin-top: 24px;
}
.scul-tit {
    display: flex;
    margin-bottom: 15px;
}
.scul-tit span {
    margin-right: 17px;
    color: var(--colormain);
    font-family: "iTrus-Manrope" !important;
}
.scul-tit p {
    color: var(--colortitle);
    font-weight: bold;
}
.solu-rule-cry {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.solu-rule-cont{
    background: rgb(244, 243, 240);
}
.solu-rule-le {
    width: 50%;
    background: rgb(244, 243, 240);
    padding-bottom: 0px;
    position: relative;
    z-index: 10;
}
.solu-rule-le-tit {
    padding-left: 111px;
    padding-right: 109px;
    padding-top: var(--space30);
}
.solu-rule-le-img {
    padding-left: 30px;
    padding-top: 30px;
    z-index: 10;
}
.solu-rule-ri {
    width: 50%;
    padding: 20px 110px 100px 73px;
    background: rgb(244, 243, 240);
}
.srru-li {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.srru-li-icon {
    border-radius: var(--font16);
    opacity: 0.9;
    background: var(--colormain);
    width: 56px;
    height: 56px;
    position: relative;
    margin-right: 25px;
    flex-shrink: 0;
}
.srru-li-icon img {
    width: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.srru-li:last-child {
    margin-bottom: 0;
}
.solu-rule-ri-tit {
    margin: 40px 0;
    font-weight: bold;
}
.solu-rule-ri-ul2 .srru-li {
    align-items: start;
}
.srru-li-ri-tit {
    font-weight: bold;
}
.solu-rule-ri-bg {
    position: relative;
    bottom: 0;
    left: 0;
    width: 600px;
    height: 68px;
    background: var(--colortext2);
    border-radius: 20px;
}
.solve-main .ys-footer,
.solve-main .ys-footer{
    margin-top: 0;
}
.solve-main .home-selected{
    display: none;
}
.solu-rule-le-bg {
    position: relative;
    top: 0;
    left: 0;
    width: 600px;
    height: 68px;
    background: rgb(244, 243, 240);
    border-radius: 20px;
}
.srrl-le {
    position: absolute;
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
    background: rgb(244, 243, 240);
    border-top-right-radius: 20px;
    box-shadow: 20px -20px #fff;
}
.srrl-ri {
    position: absolute;
    bottom: -68px;
    right: -68px;
    width: 68px;
    height: 68px;
    background: rgb(244, 243, 240);
    border-top-right-radius: 20px;
    box-shadow: 20px -20px #fff;
}
.srrb-le {
    position: absolute;
    top: 0;
    left: -68px;
    width: 68px;
    height: 68px;
    background: rgb(244, 243, 240);
    border-top-right-radius: 20px;
    box-shadow: 20px -20px #fff;
}
.srrb-ri {
    position: absolute;
    bottom: -68px;
    right: 0;
    width: 68px;
    height: 68px;
    background: rgb(244, 243, 240);
    border-top-right-radius: 20px;
    box-shadow: 20px -20px #fff;
}
.solu-ats-cry {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.solu-ats-cry-le {
    width: 45%;
    padding-right: 61px;
}
.solu-ats-cry-ri {
    width: 55%;
    margin-top: 20px;
}
.sacr-ul-li{
    border-radius: 20px;
    background: #F4F3F0;
    padding: 73px 0 0 60px;
    position: relative;
}
.sacr-text {
    padding-right: 60px;
    margin-bottom: 70px;
}
.sacr-ats {
    font-weight: bold;
    position: relative;
    left: 63%;
    width: fit-content;
    margin-top: 11px;
    margin-bottom: 17px;
}
.sacr-img {
    position: relative;
    width: 91%;
    margin: 0 0 0px auto;
}
.sacr-img img {
    width: 100%;
}
.sacl-ul-li {
    cursor: pointer;
    padding: 20px;
    display: flex;
    align-items: center;
    position: relative;
}
.sacl-ul-li::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ECEDED;
    transition: all .4s;
}
.sacl-ul-li-num {
    transition: all .4s;
    font-weight: 800;
    font-family: "iTrus-Manrope" !important;
    color: var(--colormain);
    opacity: .5;
    margin-right: 20px;
}
.sacl-ul-li-text {
    color: var(--colortitle);
    transition: all .4s;
    opacity: .5;
    font-weight: bold;
}
.sacl-ul-li.act .sacl-ul-li-num {
    opacity: 1;
}
.sacl-ul-li.act .sacl-ul-li-text {
    opacity: 1;
    font-weight: bold;
}
.sacl-ul-li.act::after {
    height: 2px;
    background-color: var(--colormain);
}
.solution-main .pcul-box {
    background-color: var(--colorbj3);
    border: 1px solid var(--colorbj3);
}
.solu-edge .cert-cont-ul-list {
    width: 33.333333% !important;
    margin-bottom: 50px;
}
.solu-edge .ccul-link {
    background: rgb(244, 243, 240);
    padding: 26px 60px 30px 50px;
}
.solu-edge .ccul-link-bg-le {
    background: rgb(244, 243, 240);
}
.solu-edge .ccul-link-bg-ri {
    background: rgb(244, 243, 240);
}
.solu-edge .ccul-link-icon {
    width: 87px;
    margin-bottom: 61px;
}
.solu-edg-text {
    margin-top: 18px;
    min-height: 5em;
}
/* c1 */
/* d4 */
.coll-eage .cert-cont-ul-list {
    width: 50% !important;
}
.coll-eage .ccul-link-icon {
    margin-bottom: 53px;
}
.ccct-li:nth-child(2) {
    display: none;
}
.coll-comr-cry {
    background-color: rgb(222, 212, 195);
}
.coll-comr-cry-tit {
    display: flex;
    justify-content: center;
}
.coll-comr-cry-tit .std-h3 {
    cursor: pointer;
}
.coll-comr-cry-tit .std-h3:nth-child(1) {
    margin-right: 120px;
}
.coll-comr-cry-tit .std-h3.act {
    color: var(--colormain);
}
.coll-comr-cry-tit .std-h3.act img {
    opacity: 1;
}
.cccu-li-ul.slick-slide{
    display: flex !important;
    flex-wrap: wrap;
}   
.cccu-li-ul {
    align-items: center;
    margin: 0 -10px;
}
.cccu-li-ul-li {
    width: 20%;
    padding: 0 10px;
    margin-bottom: 24px;
}
.cccu-li{
    width: 100% !important; 
}
.clul-img {
    border-radius: 8px;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%);
}
.coll-qual-ul {
    display: flex;
    margin: 0 -18px;
}
.coll-qual-ul-li {
    width: 25%;
    padding: 0 18px;
}
.cqul-img {
    width: 65%;
    margin: 0 auto;
}
.cqul-bg {
    margin: 0 auto;
    margin-top: -28px;
    width: fit-content;
}
.cqul-text p {
    text-align: center;
    color: var(--color2);
    text-transform: uppercase;
    margin-top: 10px;
}
.coll-advi-cry {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.coll-advi-cry-le {
    width: 57.5%;
    padding-left: 80px;
    padding-right: 120px;
}
.coll-advi-cry-ri {
    width: 42.5%;
    border-radius: 20px;
    overflow: hidden;
}
.coll-advi-form {
    top: 95px;
    padding: 60px 110px 58px 80px;
    position: absolute;
    width: 62.5%;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    background: rgba(234, 231, 225, 0.90);
}
.coll-advi-form-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.cafu-li {
    width: 50%;
    padding: 0 30px;
    margin-bottom: 18px;
}
.cafu-li-name {
    color: var(--color2);
    width: fit-content;
}
.cafu-li-name span {
    color: #F00;
    margin-left: 3px;
}
.cafu-li label {
    padding: 0 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #999;
}
.cafu-li-input {
    line-height: 42px;
    margin-left: 15px;
    flex: 1;
}
.cafu-li-input input {
    width: 100%;
    font-size: var(--font16);
    color: var(--colortitle);
}
.cafu-li-cue p {
    margin-top: 4px;
    color: #f00;
    display: none;
}
.coll-advi-btn {
    margin-top: 9px;
    cursor: pointer;
}
.ys-form-inof-agree.on .cafu-li2-link::after {
    opacity: 1;
}
.ys-form-empty .cafu-li-cue p {
    display: block;
}
/* d4 */
.list-cont {
    margin-top: 70px;
}
.cert-cont {
    margin-top: 70px;
}
/* c2 */
.solve-cont-sparkle-cont {
    background-color: rgb(234, 231, 225);
}
.scsc-ul-li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
}
.scsc-ul-li {
    padding-top: var(--space30);
}
.scsc-ul-li:first-child {
    padding-top: 0;
}
.scsc-ul-li:nth-child(even) {
    flex-direction: row-reverse;
}
.scsc-ul-li:nth-child(even) .scpc-le {
    padding-right: 0;
    padding-left: 152px;
}
.scpc-le {
    width: 52%;
    padding-right: 163px;
}
.scpc-ri {
    width: 48%;
}
.scpc-le-tit {
    font-weight: bold;
    margin-bottom: var(--space30);
}
.cafu-li2 {
    width: 100%;
}
.cafu-li2 .cafu-li-name {
    width: 100%;
}
.cafu-li2 .cafu-li-input {
    width: 100%;
    margin-left: 0;
    flex: auto;
}
.cafu-li {
    position: relative;
}
.cafu-li3-ri {
    position: absolute;
    width: 110px;
    right: -110px;
    top: 0;
    cursor: pointer;
}
.cafu-li3-ri img {
    width: 100%;
}
.cafu-li3-cry {
    display: flex;
}
.cafu-li3 {
    width: 100%;
    margin-top: 8px;
}
.cafu-li2-link {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #999;
    margin-right: 8px;
    position: relative;
    margin-top: 6px;
    cursor: pointer;
    flex-shrink: 0;
}
.cafu-li2-link::after {
    transition: all .4s;
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--colormain);
    opacity: 0;
}
.cafu-li2-text p {
    font-size: 14px;
    color: #999;
    line-height: var(--line175);
    transition: all .4s;
}
.cafu-li2-text a {
    color: var(--colormain);
}
.about-out-logo {
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 10px;
    width: 61px;
}
.about-out-logo img {
    width: 100%;
}
.about-outfit h2 {
    margin-bottom: 40px;
}
.about-out-text p {
    text-align: center;
}
.about-out-text {
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative;
}
.about-out-text::after {
    position: absolute;
    content: "";
    width: 120%;
    height: 1px;
    background-color: rgb(231, 231, 231);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.about-out-ul {
    display: flex;
    justify-content: center;
    margin: 0 -40px;
}
.about-out-ul-li {
    padding: 0 40px;
}
.aoul-top {
    border-radius: 6px 6px 0px 0px;
    background: var(--colormain);
    padding: 3px auto;
    text-align: center;
}
.aoul-top p {
    font-size: 14px;
    color: var(--colortext2);
    line-height: 1.7;
}
.aoul-bom {
    position: relative;
    overflow: hidden;
}
.aoul-bom-bg2 {
    position: absolute;
    top: 0;
    pointer-events: none;
}
.aoul-bom-logo {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
}
.aoul-bom-logo img {
    width: 100%;
}
.aoul-bom-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    display: flex;
    align-items: start;
}
.aoul-bom-text p {
    font-size: var(--font24);
    color: var(--colortext2);
    line-height: 1.7;
    font-weight: bold;
}
.aoul-bom-text span {
    font-size: 14px;
    color: var(--colortext2);
    line-height: 1.7;
    margin-top: 12px;
    margin-left: 2px;
}
.about-out-ul-li:nth-child(2) .aoul-top {
    background: #9A7041;
}
.about-qual-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -43px;
}
.about-qual-ul-li {
    width: 25%;
    padding: 0 43px;
    margin-bottom: var(--space60);
}
.aqul-img {
    width: 100%;
    margin: 0 auto;
}
.aqul-img img {
    width: 100%;
}
.aqul-bg {
    width: 100%;
    margin: 0 auto;
    margin-top: -30px;
}
.aqul-bg img {
    width: 100%;
}
.aqul-tit {
    font-family: "iTrus-kanit" !important;
    color: var(--colormain);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3px;
}
.aqul-text p {
    font-size: 18px;
    color: var(--color2);
    line-height: var(--line175);
    letter-spacing: 0.9px;
    text-transform: uppercase;
    text-align: center;
}
.about-qual-btn {
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.about-qual-ul-li:nth-child(n+9) {
    display: none;
}
.about-qual-btn.act .std-btn3-box-img {
    transform: rotate(180deg);
}
/* c2 */
/* e4 start */
.lsct-ul {
    display: flex;
    justify-content: center;
    margin: 0 -50px;
}
.lsct-ul-li {
    /* width: 333.333333%; */
    display: flex;
    position: relative;
    padding: 0 50px;
}
.lsct-ul-li-text {
    position: relative;
    cursor: pointer;
}
.lsct-ul-li-text img {
    position: absolute;
    right: -13px;
    top: 7px;
    width: 13px;
    transition: all .4s;
    opacity: 0;
}
.about-outfit {
    padding-top: 111px;
}
.lsct-ul-li-text p {
    transition: all .4s;
}
.link-sect-cry-top {
    margin-bottom: var(--space60);
}
.link-sect-cry-bom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.lscb-le {
    width: 49%;
    padding-right: 53px;
}
.lscb-ri {
    width: 51%;
    position: relative;
}
.llul-ul-li {
    display: flex;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #EAE7E1;
}
.llul-ul-li-le {
    width: 57px;
    height: 57px;
    flex-shrink: 0;
    position: relative;
    border-radius: var(--font16);
    opacity: 0.9;
    background: var(--colormain);
    margin-right: 24px;
}
.llul-ul-li-le img {
    width: 49%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.lulr-text p,
.lulr-text a {
    font-size: 18px;
    color: var(--colortitle);
    line-height: var(--line175);
    font-weight: bold;
}
.lrul-text {
    color: #3E3330;
}
.lscb-ri-ul-li {
    display: flex;
    position: absolute;
    cursor: pointer;
    z-index: 10;
}
.lrul-icon {
    width: var(--font16);
    height: var(--font16);
    margin-right: 12px;
    margin-top: 5px;
    position: relative;
}
.lrul-icon img {
    width: 100%;
    height: 100%;
}
.dot1 {
    top: 39%;
    right: 20%;
}
.dot2 {
    right: 8.5%;
    bottom: 39%;
}
.dot3 {
    right: 24%;
    bottom: 10%;
}
.lrul-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: var(--colormain);
    z-index: -1;
    animation: myfirst 2s linear infinite;
    animation-delay: 0.6s;
    transform: translate(-50%, -50%) scale(1);
    transition: all .4s;
    display: none;
}
.lrul-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: var(--colormain);
    z-index: -1;
    animation: myfirst 2s linear infinite;
    transform: translate(-50%, -50%) scale(1);
    transition: all .4s;
    display: none;
}
@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .8;
    }
    50% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0.5;
    }
    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
}
.lsct-ul-li.act .lsct-ul-li-text p {
    color: var(--colormain);
}
.lsct-ul-li.act .lsct-ul-li-text img {
    opacity: 1;
}
.lscb-ri-ul-li.act .lrul-icon::after {
    display: block;
}
.lscb-ri-ul-li.act .lrul-icon::before {
    display: block;
}
/* e4 end */
/* e1 */
.about-hist-cry {
    position: relative;
}
.about-hist-cry .ys-cont1200 {
    display: flex;
    flex-wrap: wrap;
}
.about-hist-img {
    width: 100%;
    pointer-events: none;
    margin-top: -2px;
    background-color: #fff;
    position: relative;
    z-index: 110;
}
.about-hist-img img {
    width: 100%;
}
.about-hist-cry-bg {
    position: absolute;
    top: 0;
    z-index: 0;
    pointer-events: none;
}
.about-hist-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
}
.about-hist-bg-cry {
    position: sticky;
    top: 90px;
}
.products-main .bctb-le-text-btn {
    margin-top: 0;
}
.brand-main .bctb-le-text-btn {
    margin-top: 77px;
}
.ahbc-top {
    /* background-color: var(--colorbj1); */
    width: 100%;
    position: relative;
    /* height: 100vh; */
}
.ahbc-top img {
    position: relative;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.ahcc-le-tit {
    font-weight: bold;
    padding-bottom: 83px;
}
.ahcc-text {
    color: var(--colormain);
    line-height: 1.7;
    opacity: .3;
}
.arul-ul-li-tit {
    line-height: 1.7;
    color: var(--colormain);
    padding-left: 40px;
    font-family: "iTrus-Manropebold" !important;
}
.about-history {
    width: 100%;
    position: relative;
}
.arul-ul-li-text p {
    padding: 30px 40px;
    border-radius: 20px;
    background: #F4F3F0;
    margin-top: var(--font16);
}
.about-hist-cry {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: var(--colorbj1);
}
.about-hist-cry-le {
    width: 50%;
    height: calc(100vh - 300px);
    position: relative;
    z-index: 100;
    position: sticky;
    top: 100px;
}
.ahcl-li {
    padding: 121px 0;
}
.about-hist-cry-ri {
    width: 50%;
    padding-bottom: 200px;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
}
.ahcr-axis {
    position: sticky;
    top: 140px;
    height: fit-content;
}
.ahcr-axis-line {
    position: relative;
    flex-shrink: 0;
    width: 1px;
    height: 540px;
    background: linear-gradient(180deg, #330A0B 43.5%, #991E21 82.65%, rgba(153, 30, 33, 0.00) 100%);
}
.ahcr-axis-ul-li {
    width: 5px;
    height: 5px;
    border-radius: 1px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .4s;
}
.ahcr-axis-ul-li.act {
    width: 9px;
    height: 9px;
}
.ahcc-ri-ul {
    padding-left: 70px;
}
.ahcl-li-num {
    position: relative;
    top: 0;
    left: 0;
    width: 540px;
    height: 200px;
    transform: translate(0, 0);
}
.ahcl-li-num-year {
    height: 200px;
    position: relative;
    z-index: 10;
}
.alny-text {
    height: 200px;
    position: relative;
}
.alny-text-span-hou {
    color: rgba(153, 30, 33, .3);
    font-size: var(--font48);
    font-weight: bold;
    margin-bottom: var(--space46);
    cursor: pointer;
    /* display: none; */
}
.alny-text{
    height: calc(calc(var(--smallfont) + var(--space46)) * 2 + var(--bigfont));
    --bigfont: 168px;
    --smallfont: var(--font48);
    --space46: 46px;
    overflow: hidden;
    --move:calc(var(--smallfont) + var(--space46));
}
.alny-text-span-hou.active {
    display: block;
    font-size: var(--bigfont);
    color: var(--colormain);
    opacity: 1;
    transition: all .4s;
}
.alny-text-span {
    transform: translateY(calc(var(--move) * var(--ynum) * -1));
}
.yecb_right_ul_li:first-child .trul_ul_li:first-child {
    padding-top: 0;
}
.trul_ul_li {
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(153, 153, 153, .2);
    padding: 0 20px 30px;
}
.tult_date {
    color: #333;
    opacity: .5;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 8px;
}
.tult_word p {
    font-size: var(--font16);
    line-height: 1.75;
    color: #333;
}
.alny-text-span {
    position: sticky;
    transition: all .4s;
}
/* .alny-text-span-hou.prev1 {
    display: block;
}
.alny-text-span-hou.next1 {
    display: block;
} */
.ahcl-li-num .ahcl-li-num-yuan {
    opacity: 0;
    position: absolute;
}
.ahcc-ri-ul-li {
    padding-top: 50px;
}
.ahcc-ri-ul-li:first-child {
    padding-top: 0;
}
/* bg */
.aoul-bom-bg1 {
    width: 106px;
}
.aoul-bom-bg1 img {
    width: 100%;
}
.home-certificate {
    position: relative;
}
.mod-bgle {
    position: absolute;
    top: -80%;
    left: 0;
    pointer-events: none;
    width: 32%;
}
.mod-bgle img {
    width: 100%;
}
.mod-bgri {
    position: absolute;
    bottom: -160%;
    right: 0;
    pointer-events: none;
    width: 41.5%;
}
.home-serv-bgcry::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 20%;
    background-color: rgb(244, 243, 240);
    z-index: -1;
}
.mod-bgri img {
    width: 100%;
}
.home-service .mod-bgle {
    top: 35%;
}
.home-service-bg {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    bottom: 0%;
    pointer-events: none;
}
.home-service-bg .mod-bgri {
    top: -70%;
}
.home-link {
    position: relative;
}
.home-link .mod-bgri {
    bottom: -50%;
    width: 30%;
}
.prod-certificates {
    position: relative;
}
.prod-certificates .mod-bgle {
    top: -20%;
}
.prod-compare {
    position: relative;
}
.prod-compare .mod-bgri {
    top: -20%;
}
.prod-edge {
    position: relative;
}
.prod-edge .mod-bgri {
    bottom: -130%;
}
.prod-other {
    position: relative;
}
.prod-other .mod-bgle {
    top: -70%;
}
.brand-cont-btm {
    position: relative;
}
.home-link {
    position: relative;
}
.solu-rule {
    position: relative;
}
.solu-rule .mod-bgle {
    top: 20%;
}
.solu-context {
    position: relative;
}
.solve-cont {
    position: relative;
}
.solve-cont .mod-bgle {
    top: -15%;
}
.details-contact {
    position: relative;
}
.list-cont {
    position: relative;
}
.list-cont .mod-bgle {
    top: -30%;
}
.details-btm {
    position: relative;
}
.details-btm .mod-bgle {
    top: -15%;
}
.details-btm .mod-bgle {
    top: -20%;
}
.details-btm .mod-bgri {
    bottom: -50%;
}
.solu-edge {
    position: relative;
}
.solu-edge .ys-cont1200 {
    /* position: relative; */
}
.solu-edge .mod-bgle {
    top: -20%;
}
.coll-qualifications {
    position: relative;
}
.coll-qualifications .mod-bgri {
    bottom: -130%;
}
.solu-edge-bg {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
}
.solu-edge-bg img {
    width: 100%;
}
.about-outfit {
    position: relative;
}
.about-outfit .mod-bgle {
    top: -30%;
}
.about-outfit .mod-bgri {
    bottom: -120%;
    z-index: 10;
    pointer-events: none;
}
.about-qualifications {
    position: relative;
    background-color: #fff;
    z-index: 110;
}
.about-qualifications .mod-bgle {
    top: -20%;
}
.news-list-cont {
    position: relative;
}
.details-btm {
    position: relative;
}
.details-btm .mod-bgle {
    top: -3%;
}
.details-btm .mod-bgri {
    top: 20%;
}
.coll-advisory {
    position: relative;
}
.link-sector {
    position: relative;
}
.link-sector .mod-bgri {
    bottom: -150%;
}
/* bg */
/* 侧栏3 */
.yx-sidebar3 {
    width: 100%;
    position: relative;
    z-index: 300;
    transition: all .4s;
}
.yx-sidebar3.show .yx-sidebar3-nav{
    left: 24px;
}
/* 侧边进度条切换 */
.yx-sidebar3-nav {
    position: fixed;
    top: 50%;
    left: -100%;
    transform: translateY(-50%);
    z-index: 100;
    height: 314px;
    transition: all 1s;
}
.yx-sidebar3.show .yx-sidebar3-nav{
    left: 24px;
}
.yx-sidebar3-nav ul {
    position: relative;
    z-index: 10;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.yx-sidebar3-nav li {
    cursor: pointer;
    position: relative;
    /* display: flex; */
}
.yx-sidebar3-nav li:last-child {
    /* margin-bottom: 2px; */
}
/* 进度条点 */
.yx-sidebar3-nav li span {
    width: 8px;
    height: 8px;
    display: block;
    transition: background-color .25s ease-out, border-color .25s ease-out;
    border-radius: 100%;
    border: 3px solid var(--color3);
    background: #fff;
}
.yx-sidebar3-nav li.active span {
    border: 3px solid var(--colormain);
}
/* 进度条字 */
.yx-sidebar3-nav li i {
    font-style: normal;
    position: absolute;
    top: 0px;
    left: 20px;
    color: var(--color3);
    line-height: 1.4;
    font-size: var(--font16);
    transition: all 0.4s;
    width: 137px;
}
.yx-sidebar3-nav li.active i {
    color: var(--colormain);
}
/* 侧边 */
/* 进度条线 */
.yx-sidebar3-line {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* top: 0;
    left: 0px; */
    width: 2px;
    height: 100%;
    /* height: 95%; */
    background: rgb(219, 220, 222);
    border-radius: 20px;
    overflow: hidden;
}
.yx-sidebar3-line span {
    width: 100%;
    display: block;
    background: var(--colormain);
}
/* 模拟板块内容 */
.yx_menu5_section {
    width: 100%;
    height: 100vh;
}
.yx_menu5_section:nth-of-type(2n-1) {
    background: rgba(74, 108, 247, 0.4);
}
.yx_menu5_section:nth-of-type(2n) {
    background: rgba(74, 108, 247, 0.5);
}
/* 侧栏3 */
.home-serv-cry .ys-cont1200 {
    /* padding: 200px 0 240px; */
}
/* ada  end */
.yx_follow1 {
    width: 100%;
    position: relative;
    padding: 100px 0;
}
.yx_follow1_le {
    width: 200px;
    position: absolute;
    left: 24px !important;
    top: 180px !important;
    z-index: 100;
}
.yx_follow1_ri {
    width: 100%;
}
.yflu_li p {
    font-size: var(--font16);
    line-height: 1.4;
    color: var(--color3);
    padding-left: 15px;
    transition: all 0.4s;
}
.yx_follow1_le_ul {
    border-left: 1px solid #E3E3E3;
    position: relative;
}
.yflu_li {
    margin: 10px 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.yx_follow1_le_ul span {
    position: absolute;
    top: 0%;
    left: -1px;
    width: 2px;
    height: 23px;
    background: var(--colormain);
    transition: all 0.4s;
}
.yfru_li {
    width: 100%;
    height: 500px;
    background: #DBDCDE;
}
.yfru_li:nth-child(2) {
    opacity: 0.8;
}
.yfru_li:nth-child(3) {
    opacity: 0.7;
}
.yfru_li:nth-child(4) {
    opacity: 0.6;
}
.yx_follow1_ri_ul {
    width: 100%;
}
.yflu_li.on p {
    color: #333;
}
.hncl-text {
    transition: all .4s;
}
.prod-comp-cry-img {
    width: 100%;
    cursor: pointer;
}
.prod-comp-cry-img img {
    width: 100%;
}
.home-sele-lamp {
    overflow: hidden;
}
.std-h3 {
    font-weight: bold;
}
.slick-slide:not(:first-child) {
    display: none;
}
.solu-rule-le-img{
    position: relative;
}
.solu-rule-le-img::before {
    display: none;
    pointer-events: none;
    content: "";
    position: absolute;
    width: 100%;
    right: 0;
    height: 100%;
    z-index: 10;
    bottom: -50px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 100%);
}
.details-btm .mod-bgri {
    display: none;
}
.home-le-btn2{
    display: none;
    margin-bottom: 20px;
}
.sllt-img{
    position: relative;
    cursor: pointer;
}
.sllt-img img{
    transition: all .4s;
}
.sllt-img img:nth-child(2){
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.sceu-list.show .sllt-img img:nth-child(2){
    opacity: 1;
}
.sceu-list.show .sllt-img img:nth-child(1){
    opacity: 0;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /* ada  start */
    .solution-main .pcul-box:hover {
        background-color: var(--colortext2);
        border: 1px solid var(--colormain);
    }
    .clul-img:hover img:nth-child(2) {
        transform: scale(1.05);
    }
    .hslc-run:hover .hslc-run-ul{
        animation-play-state: paused;
    }
    .lsct-ul-li:hover .lsct-ul-li-text p {
        color: var(--colormain);
    }
    .lsct-ul-li:hover .lsct-ul-li-text img {
        opacity: 1;
    }
    .head-other-ul-li a:hover .houl-text {
        color: var(--colormain);
    }
    .pcul-box:hover {
        background-color: var(--colorbj3);
        border: 1px solid var(--colorbj3);
    }
    .hnid-cry-le-more:hover {
        color: var(--colormain);
    }
    .hncr-ul-li-box:hover .hulb-ri-text {
        color: var(--colormain);
    }
    .hsul-box:hover .hsul-head-logo img:nth-child(2) {
        transform: scale(1) !important;
    }
    .hcul-box:hover .std-btn1-box::after {
        background: var(--colortext2);
    }
    .hcul-box:hover .std-btn1-box p {
        color: var(--colormain);
    }
    .hcul-box:hover .std-btn1-box .std-btn1-box-img>:first-child {
        opacity: 0;
    }
    .hcul-box:hover .std-btn1-box .std-btn1-box-img>:last-child {
        opacity: 1;
    }
    .hcul-box:hover .std-btn5-box::after {
        opacity: 1;
    }
    .hcul-box:hover .std-btn5-box .std-btn5-box-img>:first-child {
        opacity: 0;
    }
    .hcul-box:hover .std-btn5-box .std-btn5-box-img>:last-child {
        opacity: 1;
    }
    .hcul-box:hover .std-btn1-box::after {
        background: var(--colortext2);
    }
    .ys-foot-top-ri>ul>li>a:hover {
        color: var(--colormain);
    }
    .ys-foot-top-ri>ul>li a:hover {
        color: var(--colormain);
    }
    .home-link {
        padding-top: var(--space140);
        margin-top: 0;
    }
    /* ada  end */
    .details-btm-more-prev a:hover {
        color: var(--colormain);
    }
    .details-btm-more-next a:hover {
        color: var(--colormain);
    }
    .std-btn1-box:hover::after {
        background: var(--colortext2);
    }
    .std-btn1-box:hover .std-btn1-box-img>:first-child {
        opacity: 0;
    }
    .std-btn1-box:hover .std-btn1-box-img>:last-child {
        opacity: 1;
    }
    .std-btn1-box:hover p {
        color: var(--colormain);
    }
    .std-btn2-box:hover::after {
        background: #3E3330;
    }
    .std-btn3-box:hover::after {
        background: #3E3330;
    }
    .std-btn4-box:hover p {
        color: var(--colortext2);
    }
    .std-btn4-box:hover::after {
        opacity: 1;
    }
    .std-btn4-box:hover {
        border: 1px solid var(--colortext2);
    }
    .std-btn5-box:hover::after {
        opacity: 1;
    }
    .std-btn5-box:hover .std-btn5-box-img> :last-child {
        opacity: 1;
    }
    .std-btn5-box:hover .std-btn5-box-img> :first-child {
        opacity: 0;
    }
    .std-btn6-box:hover .std-btn6-box-bg {
        opacity: 1;
    }
    .ccul-link:hover .std-btn6-box-bg {
        opacity: 1;
    }
    .lcbu-list-link:hover::after {
        opacity: 1;
    }
    .lcbu-list-link:hover .lcbu-list-link-text {
        color: var(--colortext2);
    }
    .comp-tabli:hover li {
        color: #fff;
        background: var(--colormain);
    }
    .bcbu-list-link:hover .std-btn5-box::after {
        opacity: 1;
    }
    .bcbu-list-link:hover .std-btn5-box-img> :last-child {
        opacity: 1;
    }
    .bcbu-list-link:hover .std-btn5-box-img> :first-child {
        opacity: 0;
    }
    /*.sceu-list-link:hover .sceu-list-link-top::after {*/
    /*    top: -20px;*/
    /*    width: 92.783505%;*/
    /*}*/
    /*.sceu-list-link:hover .sceu-list-link-btm {*/
    /*    height: 100%;*/
    /*    bottom: 0px;*/
    /*}*/
    .sceu-list-link:hover .sceu-list-link-top {
        margin: 0 auto;
    }
    .nlca-list:hover .std-btn1-box::after {
        background: var(--colortext2);
    }
    .nlca-list:hover .std-btn1-box-img>:first-child {
        opacity: 0;
    }
    .nlca-list:hover .std-btn1-box-img>:last-child {
        opacity: 1;
    }
    .nlca-list:hover .std-btn1-box p {
        color: var(--colormain);
    }
    .dnul-link:hover .dnul-link-btm-title p {
        color: var(--colormain);
    }
    .yx-sidebar-up:hover {
        background-color: var(--colormain);
    }
    .home-news-cry-le:hover .hncl-text {
        color: var(--colormain);
    }
    .ys-bread-list a:hover {
        opacity: 0.9;
    }
    .ysln-cry:hover .ysln-img::after {
        opacity: 1;
    }
    .yx-sidebar-list-nub:nth-child(3):hover .ysln-tan {
        opacity: 1;
        transform: translateX(-108%) translateY(-50%);
    }
    
    .yx-sidebar-list-nub:nth-child(4):hover .ysln-tan {
        opacity: 1;
        transform: translateX(-112%) translateY(-50%);
    }
    .ccul-link:hover .ccul-link-icon img:nth-child(2){
        transform: scale(1) !important;
    }
}
[data-original]{
    cursor: pointer;
}
	
	
/* 侧边 */
.yx_sidebar3 {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.yx_sidebar3_list_nub {
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 1.5;
    color: #999;
    padding: 12px 0;
    padding-left: 20px;
    cursor: pointer;
}
.yx_sidebar3_list_nub::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    background: #4a6cf7;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}
/* 侧边选中 */
.yx_sidebar3_list_nub.on {
    color: #4a6cf7;
}
.yx_sidebar3_list_nub.on::before {
    width: 15px;
}
/* 侧边显隐 */
.yx_sidebar3_list{
    transform: translateX(-100%);
    transition: all .4s;
}
.yx_sidebar3.show .yx_sidebar3_list{
    transform: translateX(0);
}
/* 内容 */
.yx_sidebar3_cry{
    height: calc(100vh - 90px);
    position: relative;
    width: 100%;
}
.yx_sidebar3_cry_num{
    font-size: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color:#4a6cf7;
    line-height: 1.5;
}
.news-list-cont-btm .mod-bgle{
    top: 0;
}

.hslc-run-ul{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: calc((var(--width) * var(--width-shu)) +(80px * var(--width-shu)));
}
.hslc-run-ul-li{
    width: var(--width);
    margin-right: 80px;
}
.hslc-run1 .hslc-run-ul1 {
    animation: donghua3 calc(4s* var(--width-shu)) linear infinite;
    transform: translateX(-100%);
}
.hslc-run1 .hslc-run-ul2 {
    animation: donghua4 calc(4s* var(--width-shu)) linear infinite;
    transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0px;
}
.hslc-run1 .hslc-run-ul3 {
    animation: donghua5 calc(4s* var(--width-shu)) linear infinite;
    transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0px;
}
.hslc-run2 .hslc-run-ul1 {
    animation: donghua1 calc(4s* var(--width-shu)) linear infinite;
}
.hslc-run2 .hslc-run-ul2 {
    animation: donghua2 calc(4s* var(--width-shu)) linear infinite;
    transform: translateX(100%);
    position: absolute;
    top: auto;
    left: 0px;
}
.hslc-run1{
    margin-bottom: 28px;
}
@keyframes donghua1 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes donghua2 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes donghua3 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes donghua5 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(200%);
    }
}
@keyframes donghua4 {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}
.home-selected{
    padding-top: var(--space140);
}
.prod-edge {
    display: block;
}
.solution-main .home-serv-bg2{
    /* width: calc(100% - 40px); */
    /* left: 20px; */
    /* bottom: -72px; */
    background-color: #fff;
}
.ys-phnav-header-font{
    display: none;
}
.sceu-list-link.act .sceu-list-link-top {
    margin: 0 auto;
}

.sceu-list.act .sceu-list-link-btm{
    height: 100%;
    bottom: 0px;
}
.sfut-text p{
    z-index: 10;
    position: relative;
}
.main_box{
    margin-top: 45px;
}
.home-coop-le-img::before {
    pointer-events: none;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(-5deg, #FFF 10%, rgba(255, 255, 255, 0.00) 44%);
}
.collaborate-main .cert-cont-title {
    margin-bottom: 24px;
}
.collaborate-main .cert-cont-text {
    margin-bottom: 77px;
}
.cccu-li-ul {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    flex-wrap: wrap;
}
.home-main .yx-sidebar{
    z-index: 300;
}
.prod-compare .mod-bgri {
    display: none;
}
.prod-compare .mod-bgle {
    display: none;
}
.prod-other .mod-bgle {
    display: none;
}
.solu-rule-le-img {
    position: absolute;
    bottom: 20px;
}
.ahcr-axis-dots{
    --bigfont2: 9px;
    --smallfont2: 5px;
    --space100: 100px;
    height: calc(calc(var(--smallfont2) + var(--space100)) * 4 + var(--bigfont2));
    overflow: hidden;
    --move:calc(var(--smallfont2) + var(--space100));
}
.ahcr-axis-ul{
    transform: translateY(calc(var(--move) * var(--ynum) * -1));
    transition: all .4s;
}
.ahcr-axis-line {
    position: absolute;
    left: 4px;
    flex-shrink: 0;
    width: 1px;
    height: 618px;
    background: linear-gradient(180deg, #330A0B 43.5%, #991E21 82.65%, rgba(153, 30, 33, 0.00) 100%);
}
.ahcr-axis-ul-li {
    width: 5px;
    height: 5px;
    border-radius: 1px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .4s;
    display: block;
    margin-bottom: 100px;
    position: relative;
}
.yx-sidebar3 {
    width: 100%;
    position: relative;
    left: -100%;
    transition: all .4s;
}
.yx-sidebar3.show{
    left: 24px;
}
.brand-main .ys-footer{
    margin-top: var(--space60) !important;
}
.ys-ban-imgbox{
    border-radius: 20px;
    overflow: hidden;
}
.details-contact-bg img{
    height: 100%;
}
.solution-main .bctb-ri {
    background: #fff;
}
.solu-rule-le-tit {
    position: absolute;
    z-index: 20;
}
.solu-rule-le-img img{
    width: 100%;
}
.sceu-list.act  .sceu-list-link-top::after {
    top: -20px;
    width: 92.783505%;
}
.sceu-list.act .sceu-list-link-btm {
    height: 100%;
    bottom: 0px;
}
.doyoo_f_chat{
    display: none !important;
}
#doyoo_mobile_chat_hint {
    display: none !important;
}