@charset "utf-8";

@font-face {
    font-family: 'Goodw-Regular';
    src: url('../fonts/MontserratRegular/MontserratRegular.woff2') format('woff2'),
        url('../fonts/MontserratRegular/MontserratRegular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Goodw-Bold';
    src: url('../fonts/MontserratBold/MontserratBold.woff2') format('woff2'),
        url('../fonts/MontserratBold/MontserratBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Goodw-SemiBold';
    src: url('../fonts/MontserratSemiBold/MontserratSemiBold.woff2') format('woff2'),
        url('../fonts/MontserratSemiBold/MontserratSemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Goodw-Medium';
    src: url('../fonts/MontserratMedium/MontserratMedium.woff2') format('woff2'),
        url('../fonts/MontserratMedium/MontserratMedium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Goodw-Light';
    src: url('../fonts/MontserratLight/MontserratLight.woff2') format('woff2'),
        url('../fonts/MontserratLight/MontserratLight.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Goodw-Thin';
    src: url('../fonts/MontserratThin/MontserratThin.woff2') format('woff2'),
        url('../fonts/MontserratThin/MontserratThin.woff') format('woff');
    font-display: swap;
}


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

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

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

/* 公共样式 - start */
:root {
    /* 字号 */
    --font80: 80px;
    --font64: 64px;
    --font48: 48px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line14: 1.4;
    --line15: 1.5;
    --line175: 1.75;
    /* 导航 */
    --line80: 80px;
    /* 圆角 */
    --radius20: 20px;
    /* 颜色 */
    --color333: #333333;
    --color666: #666666;
    --color999: #999999;
    --colorfff: #ffffff;
    --color9f9: #9F9F9F;
    --colormain1: #E60012;
    --colormain2: linear-gradient(93deg, #FFA768 1.71%, #E60012 68.1%);
    --colormain3: linear-gradient(233deg, #FEDDE0 17.07%, #E60012 52.73%, rgba(230, 0, 18, 0.00) 91.86%);
    --colorbj: #23233A;
    /* 板块间距 */
    --space150: 150px;
    --space80: 80px;
    --space60: 60px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1: 'Goodw-Bold';
    --family2: 'Goodw-Medium';
    --family3: 'Goodw-Light';
    --family4: 'Goodw-SemiBold';
    --family5: 'Goodw-Regular';
}

.std-h1 {
    font-size: var(--font80);
    color: var(--color333);
    line-height: var(--line12);
}

.std-h2,
.yxedr-active h2 {
    font-size: var(--font64);
    color: var(--color333);
    line-height: var(--line12);
}

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

.std-h4,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--color333);
    line-height: var(--line14);
}

.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--line15);
}

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

.std-text3,
.std-text3 p {
    font-size: var(--font14);
    color: var(--color333);
    line-height: var(--line175);
}

.yxedr-active p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
    margin-bottom: var(--parpspace12);
}

.std-padd150 {
    padding: var(--space150) 0;
}

.std-padd150-top {
    padding-top: var(--space150);
}

.std-padd150-bot {
    padding-bottom: var(--space150);
}

.std-mar60 {
    margin-bottom: var(--space60);
}

.mod-text20 {
    font-size: var(--font20);
    line-height: var(--line15);
    color: var(--color333);
}

.mod-text32 {
    font-size: var(--font32);
    line-height: var(--line14);
    color: var(--colorfff);
}

/* 按钮 */
.std-btn1 {
    display: inline-block;
}

.std-btn1-box {
    display: flex;
    align-items: center;
    padding: 8px 11px 8px 24px;
    border-radius: 32px;
    background: var(--colormain2);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.11) inset;
    backdrop-filter: blur(3.5px);
    overflow: hidden;
}

.std-btn1-box p {
    white-space: nowrap;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--colorfff);
    transition: all .4s;
}

.std-btn-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    font-size: 0;
    border-radius: 50%;
    background: var(--colorfff);
    overflow: hidden;
    position: relative;
    margin-left: 20px;
    cursor: pointer;
}

.std-btn-icon img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all .4s;
}

.std-btn2 {
    display: inline-block;
}

.std-btn2-box {
    display: flex;
    align-items: center;
    padding: 8px 11px 8px 24px;
    border-radius: 22.5px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(2px);
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.std-btn2-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 3px);
    height: calc(100% - 1px);
    border-radius: 22.5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all .4s;
    z-index: -1;
}

.std-btn2-box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    transform: translate(0%, -50%);
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    background: var(--colormain2);
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: all .4s;
    border-radius: 22.5px;
}

.std-btn2-box p {
    white-space: nowrap;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--colorfff);
    transition: all .4s;
}

.std-btn2-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    font-size: 0;
    border-radius: 50%;
    background: var(--colorfff);
    overflow: hidden;
    position: relative;
    margin-left: 20px;
}

.std-btn2-icon img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all .4s;
}

.std-btn3 {
    display: inline-block;
}

.std-btn3-box {
    display: flex !important;
    align-items: center;
}

.std-btn3-box p {
    color: var(--colormain1);
    font-size: var(--font16);
    line-height: var(--line175);
    white-space: nowrap;
}

.std-btn3-icon {
    width: 30px;
    height: 30px;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 0;
    border-radius: 50%;
    margin-left: 11px;
    position: relative;
    border: solid 1px var(--colormain1);
}

.std-btn3-icon img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all .4s;
}

/* 英文站换行规则 */
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(154, 154, 154, 1);
    display: none !important;
}

body.active .mode-main .ys-nyban-title p,
body.active .mode-main .ys-nyban-title h1 {
    text-align: center;
    width: 100%;
}

/* .mode-main .ys-nyban-title p, .mode-main .ys-nyban-title h1, .mode-main .ys-nyban-title-ul{
    margin: 0 auto;
} */
/* 顶部导航-start */
.mod-nav {
    width: 100%;
    padding: 0 180px;
    display: flex;
    justify-content: space-between;
    position: relative;
    transition: all .4s;
    border: solid 1px transparent;
}

.mod-nav::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.2;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: -1;
}

.mod-nav-le {
    display: flex;
    align-items: center;
}

.ys-hd-pc {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.head-logo {
    width: 170px;
    margin-right: 170px;
    line-height: var(--line80);
}

.head-logo a {
    display: block;
    line-height: var(--line80);
}

.head-logo a img {
    width: 100%;
}

.head-nav-item-title {
    font-size: var(--font18);
    line-height: var(--line80);
    color: var(--colorfff);
    transition: all .4s;
    font-family: var(--family3) !important;
    line-height: var(--line80);
    position: relative;
    display: block;
}

.head-nav-item-title::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
    width: 0%;
    height: 2px;
    background: var(--colormain2);
    transition: all .4s;
}

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

.head-nav {
    display: flex;
    margin: 0 -21px;
}

.head-nav-item {
    padding: 0 21px;
    position: static;
}

.mod-nav-ri-lang {
    width: 28px;
    cursor: pointer;
    position: relative;
    margin-right: 29px;
}

.mod-nav-ri-lang img {
    width: 100%;
    transition: all .4s;
}

.mod-nav-ri-lang img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ys-search1 .ys-search1-btn {
    width: 28px;
    margin-right: 32px;
    height: var(--line80);
    line-height: var(--line80);
    font-size: 0;
    position: relative;
}

.ys-search1-btn img {
    width: 100%;
    transition: all .4s;
    cursor: pointer;
}

.ys-search1-btn img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.ys-hd-pc.isfixed .mod-nav {
    border-bottom: 1px solid #E7E7E7;
    background: #FFF;
}

.ys-hd-pc.isfixed .mod-nav .head-nav-item-title {
    color: var(--color333);
}

.ys-hd-pc.isfixed .mod-nav .mod-nav-ri-lang img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc.isfixed .mod-nav .mod-nav-ri-lang img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.isfixed .mod-nav .ys-search1-btn img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc.isfixed .mod-nav .ys-search1-btn img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.isfixed2 .mod-nav {
    border-bottom: 1px solid #E7E7E7;
    background: #FFF;
}

.ys-hd-pc.isfixed2 .mod-nav .head-nav-item-title {
    color: var(--color333);
}

.ys-hd-pc.isfixed2 .mod-nav .mod-nav-ri-lang img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc.isfixed2 .mod-nav .mod-nav-ri-lang img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.isfixed2 .mod-nav .ys-search1-btn img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc.isfixed2 .mod-nav .ys-search1-btn img:nth-child(1) {
    opacity: 0;
}

.inside-body .ys-hd-pc .mod-nav {
    border-bottom: 1px solid #E7E7E7;
    background: #FFF;
}

.inside-body .ys-hd-pc .mod-nav .head-nav-item-title {
    color: var(--color333);
}

.inside-body .ys-hd-pc .mod-nav .mod-nav-ri-lang img:nth-child(2) {
    opacity: 1;
}

.inside-body .ys-hd-pc .mod-nav .mod-nav-ri-lang img:nth-child(1) {
    opacity: 0;
}

.inside-body .ys-hd-pc .mod-nav .ys-search1-btn img:nth-child(2) {
    opacity: 1;
}

.inside-body .ys-hd-pc .mod-nav .ys-search1-btn img:nth-child(1) {
    opacity: 0;
}

/* 顶部导航-end */
/* 底部导航-start */
.mod-foot {
    padding-top: 110px;
    background: #000;
}

.mod-foot-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.mod-foot-top-le {
    width: 37%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mod-foot-top-ri {
    width: 62%;
}

.mftl-tit {
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: 26px;
}

.mftl-word p {
    font-size: var(--font20);
    line-height: var(--line15);
    color: #9A9A9A;
}

.mftl-word {
    margin-bottom: 75px;
}

.mftl-logo {
    width: 200px;
    margin-bottom: 60px;
}

.mftl-logo a {
    display: block;
    width: 100%;
}

.mftl-logo a img {
    width: 100%;
}

.mftl-bt span {
    font-size: var(--font18);
    display: inline-block;
    color: var(--colorfff);
    line-height: var(--line14);
    margin-bottom: 6px;
}

.ys-share-img {
    width: 46px;
    display: block;
}

.mftl-bt {
    margin-top: 200px;
}

.mftr-sear,
.mftr-sear form {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.mftr-sear-input {
    width: 674px;
    height: 64px;
    border-radius: 32px;
    background: var(--colorfff);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    overflow: hidden;
}

.mftr-sear-input input {
    width: 100%;
    height: 100%;
    padding-right: 220px;
    padding-left: 32px;
    font-size: var(--font16);
    line-height: var(--line12);
    color: #000;
}

.mftr-sear-input input::placeholder {
    color: #9A9A9A;
}

.mftr-sear .std-btn2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
}

.mftr-sear .std-btn2 p {
    color: #000;
}

.mftr-sear .std-btn2-box {
    height: 64px;
    background: rgba(232, 232, 237, 0.70);
    border-radius: 32px;
}

.mftr-sear .std-btn2-box::after,
.mftr-sear .std-btn2-box::before {
    border-radius: 32px;
}

.mftr-sear .std-btn2-box::before {
    opacity: 0;
}

.mftr-sear-input {
    margin-bottom: 24px;
}

.mftr-sear-word p {
    color: #9A9A9A;
    line-height: var(--line12);
    padding-left: 32px;
}

.mftr-sear-word {
    width: 674px;
}

.mftr-sear {
    margin-bottom: 95px;
}

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

.mftr-ul-link a {
    font-size: var(--font18);
    line-height: var(--line12);
    color: var(--colorfff);
    display: block;
}

.mftr-ul-link {
    margin-bottom: 30px;
}

.mftr-ul-li ul li p a {
    transition: all .4s;
    display: block;
    font-size: var(--font16);
    line-height: var(--line12);
    color: #9A9A9A;
}

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

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

.mod-foot-bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 40px;
}

.mod-foot-bot-le p,
.mod-foot-bot-le p span,
.mod-foot-bot-le p a {
    display: inline-block;
    color: #9A9A9A;
    font-size: var(--font14);
    line-height: var(--line12);
}

.mfbr-ul {
    display: flex;
    align-items: center;
    margin: 0 -15px;
}

.mfbr-ul-li {
    padding: 0 15px;
}

.mfbr-ul-li a {
    display: block;
    color: #9A9A9A;
    font-size: var(--font14);
    line-height: var(--line12);
    transition: all .4s;
}

/* 底部导航-end */
.ys-ban-title {
    color: var(--colorfff);
    margin-bottom: 30px;
    font-family: var(--family3) !important;
}

.ys-ban-word {
    width: 50%;
}

.ys-ban-word p {
    color: var(--colorfff);
    line-height: var(--line175);
    font-family: var(--family3) !important;
}

.ys-ban-btn {
    margin-top: 30px;
}

.ys-ban-li.slick-active .ys-ban-title {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}

.ys-ban-li.slick-active .ys-ban-word {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}

.ys-ban-li.slick-active .ys-ban-btn {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.5s;
}

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

.ys-ban-slick .slick-dots li {
    width: 8px;
    height: 8px;
    background: transparent;
    border: solid 1px #fff;
    border-radius: 8px;
}

.ys-ban-slick .slick-dots li.slick-active {
    width: 22px;
    background: #fff;
}

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

/* 公共样式 - end */

/* 首页-start */
.home-news {
    position: relative;
}

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

.home-news-top h2 {
    color: var(--color333);
    line-height: var(--line12);
}

.home-news-ul-li {
    width: 33.333333%;
    padding: 0 12px;
}

.home-news-ul {
    margin: 0 -12px;
}

.home-news-ul-li .ys-imgbox-cover {
    border-radius: var(--radius20);
    overflow: hidden;
    margin-bottom: 20px;
}

.home-news-tab p {
    line-height: 28px;
    color: var(--colormain1);
    white-space: nowrap;
    padding: 0 16px;
    border-radius: 4px;
    background: rgba(230, 0, 18, 0.05);
}

.home-news-tab {
    display: inline-block;
    margin-bottom: 18px;
}

.home-news-tit {
    line-height: 1.5;
    height: 4.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
    color: #333;
    position: relative;
    transition: all .4s;
}

.home-news-tit::after {
    line-height: 1.5;
    height: 4.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-news-date p {
    color: var(--color999);
    line-height: var(--line12);
    transition: all .4s;
}

.hnul-link {
    display: block;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.home-news-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.home-news-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font24);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.home-news-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.home-news-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.home-news-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.home-about {
    position: relative;
}

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

.home-about-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-about-bg img:nth-child(2) {
    display: none;
}

.home-about .ys-cont1560 {
    position: relative;
}

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

.home-about-le {
    width: 50%;
}

.home-about-ri {
    width: 50%;
    padding-left: 132px;
}

.hom-tab p {
    color: #000;
    line-height: var(--line12);
    padding-bottom: 8px;
    position: relative;
    display: inline-block;
}

.hom-tab {
    margin-bottom: 30px;
}

.hom-tab p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--colormain2);
}

.home-about-le-word p {
    font-family: var(--family3) !important;
    color: var(--color666);
    line-height: var(--line175);
}

.home-about-le .std-btn1 {
    margin-top: 87px;
}

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

.haru-li {
    width: 50%;
    margin-top: 70px;
}

.haru-li-icon {
    width: 50px;
    margin-bottom: 24px;
}

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

.haru-li-num {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.haru-li-num .ys_demo_num,
.haru-li-num span {
    font-size: var(--font48);
    line-height: var(--line12);
    color: #000;
}

.haru-li-word p {
    color: #000;
    line-height: var(--line12);
    font-size: var(--font16);
    font-family: var(--family3);
}

.haru-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}

.haru-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}

.home-mode-cont {
    top: var(--line80) !important;
    height: 100%;
    position: absolute;
}

.home-mode-box {
    height: calc(100vh - var(--line80));
    position: relative;
    width: 100vw;
}

.home-mode {
    height: 400vh;
    overflow: hidden;
    position: relative;
}

.home-mode-textbox {
    transition: all .4s;
    pointer-events: all;
}

.home-mode-media {
    height: 100%;
    transition: all .4s;
}

.home-mode-media-svg {
    width: 100%;
    height: 100%;
    transform-origin: 50% 68.4%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 2;
    pointer-events: none;
    transition: opacity .6s;
}

.home-mode.act .home-mode-media-svg {
    opacity: 0;
    transition: opacity .6s;
}

.home-mode.start .home-mode-textbox {
    opacity: 0;
    pointer-events: none;
}

.home-mode-media-bg {
    width: 100%;
    height: 100%;
    position: relative;
}

.home-mode-media-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-mode-textbox {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 32%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.home-mode-textbox-cry {
    width: 100%;
    position: relative;
}

.home-mode .hom-tab {
    display: flex;
    justify-content: center;
}

.home-mode h2 {
    text-align: center;
    margin-bottom: 30px;
}

.hmtc-word {
    width: 82%;
    margin: 0 auto;
}

.hmtc-word p {
    text-align: center;
    color: var(--color666);
    line-height: var(--line175);
    font-family: var(--family3) !important;
}

.home-mode-media-video {
    width: 100%;
    position: relative;
    z-index: 0;
    height: 100%;
}

.home-mode-video-top {
    width: 100%;
    position: relative;
    z-index: 15;
    transition: all 0.4s;
    height: 100%;
}

.home-mode.change1 .home-mode-video-top {
    opacity: 1;
    pointer-events: all;
}

.home-mode.change .home-mode-video-bot {
    opacity: 1;
    z-index: 16;
    pointer-events: all !important;
}

.hmvp-video {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.hmvp-video-weil {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hmvp-dots {
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.home-mode-video-top .hmvp-dots {
    display: none;
}

.home-mode-video-top .hmvp-dots {
    transition: all 0.4s;
}

.hmvp-dots-wrap {
    pointer-events: all;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.60);
    padding: 0px 10px 0px 7px;
    box-shadow: 0px 2.39404px 5.32008px 0px rgba(73, 126, 218, 0.03), 0px 8.04107px 17.86905px 0px rgba(73, 126, 218, 0.04), 0px 36px 80px 0px rgba(73, 126, 218, 0.08);
}

.hmvp-dots-wrap {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    z-index: 10;
    cursor: pointer;
    white-space: nowrap;
}

.home-mode.selecty .hmvp-dots-wrap {
    pointer-events: all !important;
}

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

.home-mode .hmvp-dots-wrap {
    pointer-events: none !important;
}

.home-mode-video-bot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    transition: all 0.4s;
}

.hmvb-top-ul {
    pointer-events: all;
    display: inline-block;
    width: auto !important;
}

.hmvb-top-ul-li {
    width: auto !important;
    margin-bottom: 19px;
    position: relative;
    cursor: pointer;
}

.hmvb-top-ul-li:last-child {
    margin-bottom: 0px;
}

.htul-tit {
    min-height: 29px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.hmvb-bot,
.hmvb-bot-li {
    height: 100%;
}

.hmvb-bot-li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0s !important;
}

.hmvb-bot-li:first-child {
    position: relative;
}

.hmvp-dots-wrap.on1 p {
    flex-direction: row-reverse;
}

.hmvp-dots-wrap.on1 img {
    margin-right: 0 !important;
    margin-left: 12px;
}

.hmvp-dots-wrap p {
    display: flex;
    align-items: center;
}

.hmvp-dots-wrap p img {
    width: 20px;
    flex-shrink: 0;
    margin-right: 12px;
}

.hmvp-dots-wrap p span {
    font-size: var(--font14);
    line-height: 30px;
    color: var(--color333);
}

.hmvp-dots-wrapk.acta {
    pointer-events: none;
}

.hmvb-top {
    position: absolute;
    top: 175px;
    right: 80px;
    width: auto;
    z-index: 9;
    pointer-events: none;
}

.htul-tit p {
    color: var(--colorfff);
    font-size: var(--font14);
    text-align: right;
    line-height: 2.14;
    padding-right: 24px;
    position: relative;
}

.htul-tit p::after {
    content: "";
    position: absolute;
    top: 49%;
    right: -1px;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: var(--colormain1);
    opacity: 0;
    transition: all .4s;
}

.hmvb-top-ul-li.act .htul-tit p::after {
    opacity: 1;
}

.hmvb-top-ul {
    border-right: solid 1px rgba(255, 255, 255, 0.5);
}

.hmvp-dots-icon span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--colormain1);
    position: relative;
}

.hmvp-dots-icon span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 1px;
    background: var(--colorfff);
    transition: all .4s;
}

.hmvp-dots-icon span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 1px;
    height: 10px;
    background: var(--colorfff);
    transition: all .4s;
    opacity: 1;
}

.hmvp-dots-icon {
    position: relative;
}

.hmvp-dots-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(230, 0, 18, 0.5);
    animation: donghua1 2.6s linear infinite both;
    z-index: -1;
}

.hmvp-dots-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(230, 0, 18, 0.2);
    animation: donghua2 3.2s linear infinite both;
    animation-delay: 0.2s;
    z-index: -1;
}

@keyframes donghua1 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(1.5);
    }
}

@keyframes donghua2 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0.1;
        transform: translate(-50%, -50%) scale(1.8);
    }
}

.hmvb-bot-li .hmvp-dots-wrap {
    padding: 0 !important;
    background: transparent !important;
    border: none;
}

.home-mode.change .home-mode-video-top .hmvp-dots {
    opacity: 0 !important;
}

.hmvb-bot-textbox-tit {
    width: 36%;
    color: var(--colorfff);
    line-height: var(--line12);
    pointer-events: all;
}

.hmvb-bot-textbox-btn {
    width: 40%;
}

.hmvb-bot-textbox {
    transition: all .4s;
    position: absolute;
    top: 175px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 16;
    pointer-events: none;
}

.hmvb-bot-textbox .std-btn2 {
    margin-top: 64px;
    pointer-events: all;
}

.hmvb-bot-li.act .hmvb-bot-textbox {
    opacity: 1;
}

.hmvb-bot-li.act .hmvb-bot-textbox-tit {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}

.hmvp-dots-pop {
    padding-left: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.hmvp-dots-pop-cry {
    width: 612px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(5px);
    padding: 20px 34px 30px 39px;
}

.hmvp-dots-pop-tit {
    color: var(--color333);
    line-height: 1.25;
    margin-bottom: 17px;
}

.hmvp-dots-pop-word p {
    color: var(--color666);
    line-height: var(--line175);
    white-space: normal;
}

.hmvp-dots-pop .std-btn3 {
    margin-top: 22px;
}

/* 修改 */
.home-mode-conts {
    height: 2400vh;
    margin-top: -100vh;
    position: relative;
}

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

.hmvb-bot,
.scrolly-video-container {
    position: sticky;
    top: 0;
}

.home-mode {
    z-index: 1;
}

.home-mode.act .home-mode-media-video img {
    opacity: 0 !important;
}

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

.hmvp-dots {
    top: 0;
    transform: inherit;
}

.hmvb-bot {
    height: 100vh;
}

.prodet-item,
.hmvb-topli {
    opacity: 0;
    pointer-events: none;
}

.prodet-item.start1,
.hmvb-topli.start1 {
    opacity: 1;
    pointer-events: all;
}

.prodet-item.end1,
.hmvb-topli.end1 {
    opacity: 0 !important;
    pointer-events: none !important;
}

.prodet-item:last-child.end1 {
    opacity: 1 !important;
    pointer-events: all !important;
}

.hmvb-top {
    z-index: 11;
    pointer-events: all !important;
}

.home-mode {
    pointer-events: none;
}

.prodet-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 47%;
    height: 100%;
    background: linear-gradient(90deg, #000 1.2%, rgba(0, 0, 0, 0.00) 99.8%);
    opacity: 0;
    transition: all .36s;
}

.prodet-item.start1::after {
    opacity: 0.3;
}

.home-mode-media-video img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.hmvp-dots-tit {
    color: var(--colorfff);
    line-height: var(--line12);
}

.hmvp-dots-tit {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    text-align: right;
}

.hmvp-dots-wrap.act .hmvp-dots-icon span::before {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg);
}

.hmvp-dots-wrap a {
    display: block;
}

/* 首页-end */
.ys-nyban-title {
    z-index: 4;
}

.ys-nyban-title p {
    line-height: var(--line12);
    color: var(--colorfff);
    text-align: center;
    margin-bottom: 30px;
}

.ys-nyban-title h1 {
    text-align: center;
    color: var(--colorfff);
    margin-bottom: 40px;
}

.ys-nyban-title-ul {
    display: flex;
    justify-content: center;
    margin: 0 -13px;
}

.yntu-li {
    padding: 0 15px;
    position: relative;
    margin-bottom: 4px;
}

.yntu-li p {
    margin-bottom: 0px !important;
}

.yntu-li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

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

.mod-bread {
    position: absolute;
    top: calc(var(--line80) + 16px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

/* B1Products-start */
.plul-le {
    width: 28%;
    padding-right: 100px;
}

.plul-ri {
    width: 72%;
}

.prod-list {
    background: #000;
}

.plul-box {
    display: flex;
    align-items: center;
}

.plul-le-tit {
    color: var(--colormain1);
    margin-bottom: 16px;
}

.plul-word p {
    color: var(--colorfff);
    line-height: 1.3;
    margin-bottom: 8px;
}

.plul-word {
    margin-bottom: 45px;
}

.plul-ul {
    display: flex;
    margin: 0 -15px;
}

.plul-ul-li {
    padding: 0 15px;
    position: relative;
}

.plul-ul-li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, 0.3);
}

.plul-ul-li p {
    font-size: var(--font20);
    color: var(--colorfff);
    font-family: var(--family4) !important;
    line-height: var(--line175);
}

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

.plul-le .std-btn1 {
    margin-top: var(--space60);
}

.prod-list-ul-li {
    margin-bottom: var(--space60);
}

.prod-list-ul-li:last-child {
    margin-bottom: 0px;
}

.prod-list-ul-li:nth-child(2n) .plul-box {
    flex-direction: row-reverse;
}

.prod-list-ul-li:nth-child(2n) .plul-le {
    padding-right: 0px !important;
    padding-left: 26px;
}

.mod-news-ul {
    margin: 0 -12px;
}

.mod-news-ul-li {
    width: 33.333333%;
    padding: 0 12px;
}

.mnul-link {
    display: block;
}

.mnul-link .ys-imgbox-cover {
    border-radius: var(--radius20);
    overflow: hidden;
    margin-bottom: 15px;
}

.mnul-link-tit {
    color: var(--color333);
    line-height: var(--line14);
    font-size: var(--font24);
    margin-bottom: 16px;
    position: relative;
    transition: all .4s;
}

.mnul-link-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font24);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.mnul-link-word p {
    color: var(--color666);
    line-height: var(--line175);
    font-family: var(--family3) !important;
    margin-bottom: var(--parpspace10);
}

.mnul-link-word p:last-child {
    margin-bottom: 0px !important;
}

.mod-news h2 {
    text-align: center;
    margin-bottom: 6px;
}

.mod-news-word p {
    text-align: center;
    font-family: var(--family3) !important;
}

.prod-main .mod-news-word p {
    color: var(--color666);
}

.mnul-link-word p {
    font-family: var(--family5) !important;
    margin-bottom: 6px;
}

.mod-news-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.mod-news-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.mod-news-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

/* B1Products-end */
/* D1Resources-Cases-start */
.case-main {
    background: #000;
}

.case-list .home-news-tab p {
    color: #B5B5B5;
    background: #2D2D2D;
}

.case-list .home-news-tab {
    margin-bottom: 12px;
}

.case-list .mnul-link .ys-imgbox-cover {
    margin-bottom: 24px;
}

.case-list .mnul-link-tit {
    color: var(--colorfff);
    margin-bottom: 24px;
}

.case-list .mnul-link-word p span {
    color: #fff;
}

.case-list .mnul-link-word p {
    color: rgba(255, 255, 255, 0.65);
    font-family: var(--family3) !important;
}

.case-list .mod-news-ul-li {
    margin-bottom: var(--space60);
}

.case-list .mod-news-ul {
    display: flex;
    flex-wrap: wrap;
}

.pc-fenye li.activepage {
    color: var(--colormain1);
    background: transparent;
    border-bottom: solid 1px var(--colormain1);
}

.pc-fenye li {
    float: left;
    width: 32px;
    height: 28px;
    border: 1px solid transparent;
    font-family: var(--family3) !important;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin: 0px 3px;
    border-radius: 0;
    transition: .3s;
    border-bottom: solid 1px transparent;
}

.first li::before,
.next li::before,
.prev li::before,
.end li::before {
    font-size: 16px;
}

.mod-wrap {
    padding-top: var(--space150);
}

.home-main .mod-wrap,
.prod-main .mod-wrap {
    padding-top: 0px !important;
}

.case-ctact h2,
.case-ctact-word p {
    text-align: center;
    color: var(--colorfff);
}

.case-ctact h2 {
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.case-ctact-btn {
    display: flex;
    justify-content: center;
    margin-top: var(--space60);
    position: relative;
    z-index: 2;
}

.case-ctact-word {
    width: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.case-ctact-word p {
    font-size: var(--font20);
    line-height: var(--line15);
}

.case-ctact-cont {
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
    padding: 100px 0;
}

.case-ctact-cont::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius20);
    opacity: 0.2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
    pointer-events: none;
    z-index: 0;
}

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

.case-list-top-le {
    width: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cltl-sect-cry {
    padding: 0 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 25px;
}

.cltl-sect-cry {
    padding: 0 30px;
}

.cltl-sect {
    width: 47.5%;
    height: 50px;
    padding: 0 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 25px;
}

.cltl-sect input,
.cltl-sect input::placeholder {
    color: var(--colorfff);
    font-size: var(--font16);
}

.fade.cltl-sect {
    padding: 0px !important;
    border: none;
    border-radius: 0px;
}

.cltl-sect .icon-arrow-down:before {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}

.cltl-sect .icon-arrow-down {
    font-weight: normal;
}

.fade .ys-select-xtbbox {
    right: 20px;
}

.ys-select-bd {
    border-radius: var(--radius20);
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(5px);
    padding: 9px 28px;
    top: 110%;
    max-height: 176px;
}

.ys-select-li,
.ys-select-li a {
    display: block;
    padding: 16px 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.25;
    position: relative;
    transition: all .4s;
}

.mulb-fr-load-swlect .ys-select-li {
    padding: 0px !important;
    border-bottom: none;
}

.mulb-fr-load-swlect .ys-select-li::after {
    display: none;
}

.ys-select-li::after,
.ys-select-li a::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font16);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.mCSB_outside+.mCSB_scrollTools {
    right: 0px !important;
    top: 14px;
    bottom: 14px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    border-radius: 0px;
    background: linear-gradient(180deg, #FFA768 34.32%, #E60012 60.95%) !important;
}

.case-list-top-ri {
    width: 628px;
    height: 64px;
    position: relative;
    border-radius: 32px;
    background: #FFF;
}

.cltr-input,
.cltr-input input {
    width: 100%;
    height: 100%;
}

.cltr-input input {
    font-size: var(--font16);
    line-height: 1.25;
    color: var(--color333);
    padding: 0 160px 0 32px;
}

.cltr-input input::placeholder {
    color: #9A9A9A;
}

.case-list-top-ri .std-btn2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    height: 100%;
}

.case-list-top-ri .std-btn2 p {
    color: var(--color333);
}

.case-list-top-ri .std-btn2-box {
    height: 100%;
    border-radius: 32px;
    background: rgba(232, 232, 237, 0.70);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.11) inset;
    backdrop-filter: blur(3.5px);
}

/* D1Resources-Cases-end */
/* E8Company-Career-start */
.inside-main .ys-bread-list a {
    color: var(--color999);
    opacity: 0.7;
}

.inside-main .ys-bread-list:last-child a {
    opacity: 1;
}

.inside-main .ys-bread-list::before {
    background: url(../images/right_icon0_1.svg) center no-repeat;
}

.career-edr-wrap h3 {
    font-size: 40px;
    line-height: var(--line175);
    color: var(--colormain1);
    margin-bottom: 30px;
}

.career-edr-wrap p {
    color: #000;
    opacity: 0.6;
    font-size: var(--font18);
    line-height: var(--line175);
    margin-bottom: 14px;
    font-family: var(--family3) !important;
}

.career-edr-wrap p span {
    font-size: var(--font16);
    line-height: var(--line175);
    display: inline-block;
    color: var(--color999);
    font-family: var(--family3) !important;
}

.career-edr-wrap p a {
    color: var(--colormain1);
    display: inline-block;
    margin-left: 20px;
}

.career-edr-wrap h4 {
    font-size: var(--font24);
    line-height: var(--line175);
    color: var(--colormain1);
    margin-bottom: 18px;
}

.career-edr {
    padding-top: var(--space60);
    position: relative;
}

.career-edr h1 {
    text-align: center;
}

.career-edr-bg {
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.career-edr-bg img {
    width: 100%;
}

/* E8Company-Career-end */
/* D2Resources-Cases-start */
.casedet-main h2 {
    text-align: center;
}

.casedet-main .mod-news-ul-li .home-news-tab p {
    color: var(--colormain1);
    background: rgba(230, 0, 18, 0.05);
}

.casedet-main .mod-news-ul-li .mnul-link-tit {
    color: var(--color333);
}

.casedet-main .mnul-link-word p,
.casedet-main .mnul-link-word p span {
    color: var(--color999);
}

.casedet-main .mod-news-ul {
    display: block;
}

.casedet-top-wrap {
    width: 82%;
    margin: 0 auto;
}

.casedet-top h1 {
    padding-bottom: 50px;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 80px;
    color: #000;
}

.casedet-top-edr h5 {
    font-family: var(--family4) !important;
    color: var(--color333);
    font-size: var(--font18);
    line-height: var(--line14);
    margin-bottom: 8px;
}

.casedet-top-edr p {
    color: var(--color666);
    line-height: var(--line175);
    font-family: var(--family3) !important;
}

.casedet-list-ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px -31px;
}

.casedet-list-ul-li {
    padding: 0 31px;
}

.clul-box-icon {
    width: 84px;
    flex-shrink: 0;
    font-size: 0;
    margin: 0 auto;
    margin-bottom: 18px;
}

.clul-box-icon img {
    width: 100%;
}

.clul-box-num {
    text-align: center;
    color: var(--colormain1);
    font-family: var(--family4) !important;
    margin-bottom: 14px;
}

.clul-box-word p {
    text-align: center;
    color: var(--color333);
    font-family: var(--family3) !important;
}

.casedet-top-wrap {
    position: relative;
}

.casedet-min .casedet-top-wrap {
    display: flex;
}

.casedet-min {
    padding-bottom: var(--space150);
}

.casedet-min-le {
    width: 60%;
}

.casedet-min-le img {
    width: 100%;
}

.casedet-min-ri {
    padding: 45px 34px 51px;
    width: 40%;
    position: absolute;
    bottom: -60px;
    right: 135px;
    background: #FFF;
    box-shadow: 0px 0px 18px 8px rgba(197, 197, 197, 0.12);
}

.casedet-min-ri-tit {
    font-family: var(--family4) !important;
    margin-bottom: 21px;
}

.casedet-min-ri-word p {
    font-family: var(--family3) !important;
    color: var(--color666);
}

.casedet-top {
    padding-top: var(--space80);
}

/* D2Resources-Cases-end */
/* D3Resources-Downloads-Product documents-start */
.loads-main {
    background: var(--colorfff);
}

.loads-main .mod-wrap {
    padding-top: 0px;
}

.loads-list {
    width: 100%;
    position: sticky;
    top: var(--line80);
    background: #FAFAFA;
    z-index: 4;
    overflow: hidden;
    transition: all .4s;
}

.loads-list.start {
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

.loads-list-ul {
    width: 88%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 4
}

.loads-list-ul-li a,
.loads-list-ul-li p {
    display: block;
    padding: 31px 0 32px;
    position: relative;
    color: #000;
    line-height: var(--line12);
    transition: all .4s;
    font-size: var(--font24);
}

.loads-list-ul-li a::after,
.loads-list-ul-li p::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: var(--colormain2);
    transition: all .4s;
}

.loads-list-ul-li.act a::after,
.loads-list-ul-li.act p::after {
    width: 100%;
}

.loads-list-ul-li.act a,
.loads-list-ul-li.act p {
    color: var(--colormain1);
}

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

.loads-list.start .loads-list-ul-li a {
    padding: 20px 0;
}

.loads-wrap-ul-li {
    padding: 0 25px;
}

.lwul-link {
    display: block;
    padding: 15px 32px;
    white-space: nowrap;
    font-size: var(--font18);
    color: var(--color333);
    transition: all .2s;
    border-radius: 100px;
    background: rgba(232, 232, 237, 0.70);
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.lwul-link::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    background: var(--colormain2);
    transition: all .4s;
    opacity: 0;
    z-index: -1;
}

.loads-wrap-ul-li.act .lwul-link {
    color: var(--colorfff);
}

.loads-wrap-ul-li.act .lwul-link::after {
    opacity: 1;
}

.loads-wrap-le {
    width: 240px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #F6F6F6;
    padding: 22px 0;
    position: sticky;
    top: 180px;
}

.loads-wrap-ri-docu {
    width: 100%;
}

.loads-wrap-ri {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.loads-wrap-cont {
    display: flex;
    align-items: flex-start;
    margin-top: var(--space60);
}

.lwlu-li-link {
    display: block;
    padding: 22px 37px;
    background: #F6F6F6;
    color: var(--color666);
    transition: all .4s;
    font-size: var(--font20);
}

.lwlu-li.act .lwlu-li-link {
    background: var(--colorfff);
    color: var(--colormain1);
}

.loads-wrap .case-list-top-ri {
    height: 52px;
    border: 1px solid #E9E9E9;
}

.loads-wrap-ri {
    width: calc(100% - 240px);
    padding-left: 65px;
}

.case-list-top-ri .std-btn2-box::before {
    display: none;
}

.loads-wrap .case-list-top-ri .std-btn2-box {
    background: rgba(245, 245, 245, 0.70);
}

.loads-wrap .case-list-top-ri {
    margin-bottom: 38px;
}

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

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

.lwri-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.lwri-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.lwri-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.lwri-ul-li .ys-imgbox-cover {
    border-radius: var(--radius20);
    border: 1px solid #E0E0E0;
    background: #FFF;
}

.lwri-tit {
    color: var(--color333);
    padding-bottom: 30px;
    border-bottom: solid 1px #E0E0E0;
    margin-bottom: var(--space60);
}

.loads-wrap-ri-image,
.loads-wrap-ri-video {
    padding-bottom: 120px;
}

.loads-wrap-ri-video .home-news-tit::after {
    font-size: var(--font16);
}

.loads-wrap-ri-video .home-news-tit {
    margin-bottom: 50px;
    height: 3em;
    -webkit-line-clamp: 2;
}

.loads-wrap-ri-video .home-news-date p {
    color: var(--color333);
}

.lwrv-tablist {
    display: flex;
}

.lwrv-tablist .home-news-tab {
    margin-right: 20px;
}

.loads-wrap-ri-docu .lwrv-tablist .home-news-tab {
    margin-bottom: 0px !important;
}

.loads-wrap-ri-docu .lwrv-tablist .home-news-tab:last-child {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}

.lwrv-top {
    position: relative;
}

.lwrv-top-icon {
    width: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    cursor: pointer;
}

.lwrd-ul-li-link {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 40px 0;
    border-bottom: solid 1px #D9D9D9;
}

.lwrd-ul-li:first-child .lwrd-ul-li-link {
    padding-top: 0px !important;
}

.lull-ri {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.lull-ri p {
    font-size: var(--font16);
    color: var(--color999);
    line-height: var(--line12);
}

.lull-ri-icon {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 52px;
}

.lull-ri-icon img {
    width: 100%;
}

.lull-le .home-news-tab p {
    border-radius: 30px;
}

.lull-le {
    width: 100%;
    padding-right: 20px;
}

.lull-le-tit {
    color: var(--color333);
    transition: all .4s;
    line-height: var(--line14);
    margin-bottom: 22px;
    position: relative;
}

.lull-le-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font18);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

/* D3Resources-Downloads-Product documents-end */
/* D6Resources-Videos-start */
.video-list-le {
    width: 58%;
    position: relative;
}

.video-list-ri {
    width: 42%;
    padding-left: 32px;
}

.video-list-le img {
    width: 100%;
}

.video-list-le a {
    display: block;
}

.video-list-le .video-list-le-icon {
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vlru-li-link {
    display: block;
    border-radius: var(--radius20);
    border: 0.5px solid rgba(217, 237, 255, 0.4);
    background: linear-gradient(180deg, rgba(217, 237, 255, 0.5) 0%, rgba(217, 237, 255, 0.00) 100%);
    backdrop-filter: blur(12px);
    overflow: hidden;
    padding: 79px 24px 143px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.vlru-li.slick-slide:not(:first-child) {
    display: none;
}

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

.video-list-ri-ul {
    margin: 0 -10px;
    height: 100%;
}

.vlru-li-link-tab {
    display: inline-block;
    margin-bottom: 26px;
}

.vlru-li-link-tab p {
    color: var(--colorfff);
    line-height: 28px;
    border-radius: 4px;
    font-size: var(--font14);
    background: linear-gradient(117deg, #FFA768 32.73%, #E60012 88%);
    padding: 0 16px;
}

.vlru-li-link-tit {
    font-size: 26px;
    line-height: var(--line175);
    color: var(--color333);
    margin-bottom: 27px;
}

.vlru-li-link-date p {
    color: var(--color333);
    line-height: var(--line175);
}

.vlru-li-link-btn {
    margin-top: 72px;
}

.vlru-li-link-btn p {
    color: var(--colormain1);
    font-family: var(--family4) !important;
    line-height: var(--line175);
    font-size: var(--font18);
}

.video-list-cont {
    display: flex;
    align-items: stretch;
    margin-top: var(--space60);
}

.slick-dots li {
    background: #d9d9d9;
    margin: 0 10px;
}

.slick-dots li.slick-active {
    background: var(--colormain2);
}

.video-list-ri-ul .slick-dots {
    text-align: right;
    padding-right: 53px;
    bottom: 47px;
}

.video-item .home-news-ul {
    display: flex;
    flex-wrap: wrap;
}

.video-item .home-news-ul-li {
    margin-bottom: 65px;
}

.video-item .home-news-date p {
    color: var(--color333);
}

.video-item .case-list-top-ri {
    background: #FAFAFA;
}

.video-item .cltl-sect {
    border: 1px solid rgba(153, 153, 153, 0.3);
}

.video-item .cltl-sect input::placeholder {
    color: var(--color999);
}

.video-item .cltl-sect input {
    color: var(--color333);
}

.case-list-top {
    position: relative;
    z-index: 3;
}

.video-item .cltl-sect .icon-arrow-down::before {
    color: #999;
}

.video-item .cltl-sect .ys-select-bd {
    border: 1px solid rgba(153, 153, 153, 0.3);
    background: rgba(255, 255, 255, 0.90);
}

.video-item .cltl-sect .ys-select-li {
    color: var(--color999);
    border-bottom: solid 1px rgba(153, 153, 153, 0.3);
}

.video-item .pc-fenye li,
.faq-list .pc-fenye li {
    color: var(--color333);
}

.video-item li.activepage,
.faq-list li.activepage {
    color: var(--colormain1);
}

/* D6Resources-Videos-end */
/* E5Company-Media-start */
.mediadet-main .casedet-top-edr p {
    color: #000;
}

.mediadet-main .mnul-link-tit {
    margin-bottom: 58px;
    line-height: 1.3;
    height: 3.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mediadet-main .mnul-link-tit::after {
    height: 3.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mediadet-main .home-news-date p {
    color: var(--color333);
}

.mediadet-min {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mediadet-main h1 {
    margin-bottom: 33px;
}

.mediadet-main-le p {
    color: rgba(51, 51, 51, 0.65);
    font-size: var(--font16);
    line-height: var(--line14);
}

/* E5Company-Media-end */
/* D7Resources-FAQ-start */
.flul-box-tp {
    display: flex;
    align-items: center;
    padding: 22px 80px 22px 32px;
    position: relative;
    cursor: pointer;
}

.flul-box-tp::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 58px;
    transform: translateY(-50%);
    width: 22px;
    height: 1px;
    background: var(--colormain1);
}

.flul-box-tp::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 68px;
    transform: translateY(-50%) rotate(0deg);
    width: 1px;
    height: 22px;
    background: var(--colormain1);
    transition: all .4s;
}

.flul-box-tp-tit {
    font-size: var(--font20);
    color: var(--color000);
    position: relative;
    transition: all .4s;
}

.flul-box-tp-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font20);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.flul-box-tp-text {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: var(--colormain1);
    margin-right: 23px;
    flex-shrink: 0;
}

.flul-box-tp-text span {
    font-size: var(--font18);
    color: var(--colorfff);
    line-height: var(--line175);
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flul-box {
    border-radius: var(--radius20);
    border: 1px solid #E2E2E2;
    transition: all .4s;
}

.faq-list-ul {
    margin-top: var(--space60);
}

.faq-list-ul-li {
    margin-bottom: 35px;
}

.faq-list-ul-li:last-child {
    margin-bottom: 0px;
}

.flul-box-bt {
    display: none;
    padding: 0px 80px 28px 87px;
}

.faq-list-ul-li:first-child .flul-box-bt {
    display: block;
}

.faq-list-ul-li.act .flul-box {
    box-shadow: 0px 9px 16.4px 0px rgba(0, 0, 0, 0.05);
}

.faq-list-ul-li.act .flul-box-tp::before {
    transform: translateY(-50%) rotate(90deg);
    opacity: 0;
}

.flul-box-bt p {
    color: rgba(0, 0, 0, 0.65);
    line-height: var(--line175);
    font-family: var(--family3) !important;
}

.faq-list-ul-li.act .flul-box-tp-tit {
    color: transparent;
}

.faq-list-ul-li.act .flul-box-tp-tit::after {
    opacity: 1;
}

.faq-list .mod-paging {
    margin-top: var(--space80);
}

/* D7Resources-FAQ-end */
/* E3Company-About us-Highlights-start */
.comp-main .mod-wrap {
    padding-top: 0px !important;
}

.comp-main .loads-list {
    background: #201F1C;
}

.comp-main .loads-list-ul-li a {
    color: var(--colorfff);
}

.hdru-li .ys-imgbox-cover {
    border-radius: var(--radius20);
    overflow: hidden;
}

.hdru-li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s;
}

.hdru-li.act {
    opacity: 1;
    pointer-events: all;
    position: relative;
}

.high-deve-wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.high-deve-ri::after {
    content: "";
    position: absolute;
    width: 130%;
    height: 800px;
    left: -130%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: -1;
}

.high-deve-ri {
    width: 41%;
    position: sticky;
    top: 180px;
}

.high-deve-le {
    width: 59%;
    padding-right: 153px;
    padding-left: 107px;
    position: relative;
}

.high-deve-le::after {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    width: 1px;
    height: 100%;
    background: rgba(115, 115, 115, 0.48);
}

.ys-footer {
    position: relative;
    z-index: 2;
}

.high-deve {
    overflow: visible !important;
    background: #000;
}

.high-deve h2 {
    color: var(--colorfff);
}

.hdlu-li-year {
    font-size: 36px;
    color: var(--colorfff);
    line-height: var(--line14);
    margin-bottom: 24px;
    position: relative;
}

.hdlu-li-year::before {
    content: "";
    position: absolute;
    left: -107px;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(170, 170, 170, 0.2);
    transition: all .4s;
    z-index: 1;
}

.hdlu-li-year::after {
    content: "";
    position: absolute;
    left: -92px;
    top: 16px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(161, 161, 161, 1);
    transition: all .4s;
    z-index: 1;
}

.hdlu-li.act .hdlu-li-year::before {
    background: rgba(230, 0, 18, 0.2);
}

.hdlu-li.act .hdlu-li-year::after {
    background: rgba(230, 0, 18, 1);
}

.hdlu-li-word ul {
    padding-left: 18px;
}

.hdlu-li-word ul li {
    list-style-type: disc;
    margin-bottom: 4px;
}

.hdlu-li-word ul li:last-child {
    margin-bottom: 0px;
}

.hdlu-li-word ul li p {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--colorfff);
    font-family: var(--family3) !important;
}

.hdlu-li-word ul li::marker {
    color: #fff;
    font-size: 12px;
}

.hdlu-li {
    margin-bottom: 70px;
}

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

.high-hornor h2 {
    text-align: center;
    color: var(--color333);
}

.high-deve {
    position: relative;
    z-index: 2;
}

.high-hornor {
    background: var(--colorfff);
    position: relative;
    z-index: 3;
}

.high-hornor-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.high-hornor-ul-li {
    width: 33.333333%;
    padding: 0 50px;
    margin-bottom: 46px;
}

.high-hornor-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.high-hornor-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.high-hornor-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.hnul-sect {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hnul-sect .ys-imgbox-cover {
    width: 160px;
    border-radius: var(--radius20);
    margin: 0 auto;
    margin-bottom: 17px;
}

.hnul-year {
    text-align: center;
    color: var(--colormain1);
    line-height: var(--line12);
    margin-bottom: 2px;
}

.hnul-word p {
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line175);
    font-family: var(--family3) !important;
}

/* E3Company-About us-Highlights-end */
/* E2Company-About us-Green manufacture-start */
.about-green {
    background: #000;
    position: relative;
}

.about-green-le {
    width: 40.5%;
    border-radius: var(--radius20);
    overflow: hidden;
}

.about-green-le img {
    width: 100%;
}

.about-green-ri {
    width: 59.5%;
    padding-left: 132px;
}

.about-green-wrap {
    display: flex;
    align-items: flex-start;
}

.about-green h2 {
    color: var(--colorfff);
}

.about-green-word p {
    font-size: var(--font20);
    line-height: var(--line175);
    font-family: var(--family3) !important;
    color: var(--colorfff);
}

.about-green-word {
    margin-bottom: 196px;
}

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

.agru-ul-li {
    width: 50%;
    margin-bottom: 100px;
}

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

.aulb-ri-word p {
    color: var(--colorfff);
    line-height: var(--line175);
    font-family: var(--family3) !important;
}

.aulb-icon {
    width: 50px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 52px;
}

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

.about-addr {
    position: relative;
}

.about-addr-pic {
    width: 100%;
    position: relative;
}

.about-addr-pic img {
    width: 100%;
}

.about-dots,
.about-dots-ul {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 3;
}

.about-dots-ul-li {
    pointer-events: all;
    position: absolute;
}

.adul-icon2 {
    display: none;
}

.adul-icon {
    width: 34px;
    cursor: pointer;
}

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

.adul-pop-wrap {
    width: 655px;
    border-radius: var(--radius20);
    border: 0.5px solid rgba(255, 255, 255, 0.00);
    background: #FFF;
    backdrop-filter: blur(12px);
}

.adul-pop {
    position: absolute;
    top: 100%;
    left: 100%;
    transform: translateY(-50%);
    padding-left: 20px;
}

.adul-pop-wrap-link {
    display: block;
    padding: 50px 45px 62px;
}

.arrow-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    background: var(--colorfff);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all .4s;
    pointer-events: all !important;
}

.arrow-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 0px);
    height: calc(100% + 0px);
    background: var(--colormain2);
    opacity: 0;
    transition: all .4s;
    border-radius: 50%;
}

.arrow-icon img {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
    z-index: 2
}

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

.mod-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.apwl-slide .arrow-icon {
    width: 32px;
    height: 32px;
}

.apwu-li.slick-slide:not(:first-child) {
    display: none;
}

.apwu-li.slick-slide {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

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

.adul-pop-wrap-ul {
    margin: 0 -10px;
}

.apwl-slide .mod-arrows {
    width: calc(100% + 48px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.apwl-slide {
    position: relative;
    margin-bottom: 26px;
}

.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.apwu-tit {
    color: var(--color333);
    line-height: var(--line15);
}

.adul-pop {
    display: none;
}

.about-dots-ul-li.on .adul-icon1 {
    display: none;
}

.about-dots-ul-li.on .adul-icon2 {
    display: block;
}

.adul-icon2 {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--colormain2);
    position: relative;
    z-index: 1;
}

.adul-icon2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;
    background: rgba(230, 0, 18, 0.35);
    animation: dh1 2.2s linear infinite both;
    border-radius: 50%;
    z-index: -1;
}

.adul-icon2::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;
    background: rgba(230, 0, 18, 0.5);
    animation: dh2 2.2s linear infinite both;
    border-radius: 50%;
    z-index: -1;
}

@keyframes dh1 {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0.1;
        transform: translate(-50%, -50%) scale(2);
    }
}

@keyframes dh2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(2.4);
    }
}

.about-dots-ul-li.act {
    z-index: 5
}

.about-dots-ul-li.left .adul-pop {
    padding-left: 0;
    padding-right: 20px;
    left: auto;
    right: 100%;
}

.about-dots-ul-li:nth-child(2n+2) .adul-icon2::before {
    animation-delay: 0.4s;
}

.about-dots-ul-li:nth-child(2n+2) .adul-icon2::after {
    animation-delay: 0.4s;
}

/* E2Company-About us-Green manufacture-end */
/* E1Company-About us-start */
.comp-about-wrap {
    display: flex;
    align-items: stretch;
}

.comp-about-le {
    width: 30.5%;
}

.comp-about-le img {
    width: 100%;
}

.comp-about-ri {
    width: 69.5%;
    padding-left: 183px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.comp-about-ri-word p {
    font-family: var(--family3) !important;
    color: var(--colorfff);
    line-height: var(--line175);
}

.comp-main {
    background: #000;
}

.comp-about h2,
.comp-cert h2,
.comp-build h2 {
    color: var(--colorfff);
}

.comp-cert h2,
.comp-build h2 {
    text-align: center;
}

.comp-main.about-main,
.comp-main.high-main {
    background: transparent;
}

.comp-about-ri-word {
    padding-right: 108px;
    height: 330px;
}

.comp-about-ri-word .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(192, 192, 192, 0.2) !important;
    width: 6px;
}

.comp-about-ri-word .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    border-radius: 0px;
    background: #fff !important;
}

.comp-about-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -70px;
}

.caru-li {
    width: 50%;
    padding: 0 70px;
    margin-top: 74px;
}

.caru-li-num {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.caru-li-word p {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--colorfff);
    font-family: var(--family3) !important;
    text-align: center;
}

.caru-li-num span {
    font-size: var(--font20);
    line-height: 2.6;
    color: var(--colorfff);
}

.caru-li-num .ys_demo_num,
.caru-li-num-text {
    font-size: 96px;
    line-height: 1.1;
    background: linear-gradient(90deg, #FD7055 0.16%, #E70414 99.83%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.comp-cert-ul {
    display: flex;
    margin: 0 -60px;
}

.comp-cert-ul-li {
    padding: 20%;
    padding: 0 60px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ccul-boxs-icon {
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 24px;
}

.ccul-boxs-icon img {
    width: 100%;
}

.ccul-boxs-tit {
    text-align: center;
    color: var(--colorfff);
}

.comp-build h2 span {
    display: block;
    font-size: var(--font32);
    line-height: var(--line175);
}

.cbtu-li {
    display: none;
}

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

.cbmu-li-pic {
    width: 150px;
    position: relative;
    cursor: pointer;
}

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

.cbmu-li-pic::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.33) 47.91%, #000 100%);
    pointer-events: none;
}

.comp-build-min-ul {
    display: flex;
    margin: 0 -6px;
    position: relative;
    z-index: 4;
}

.cbmu-li {
    padding: 0 6px;
}

.comp-build-min-ul {
    width: calc(100% - 232px);
    margin: -47px auto 0;
}

.cbtu-li-box {
    position: relative;
    border-radius: var(--radius20);
    overflow: hidden;
}

.cbbu-li {
    display: none;
}

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

.cbbu-li-list {
    display: flex;
    margin: var(--space60) -12px 0;
}

.cbbu-li-list-item {
    width: 25%;
    padding: 0 12px;
}

.clli-box {
    padding-top: 24px;
    border-top: solid 1px rgba(255, 255, 255, 0.5);
}

.clli-word p {
    font-size: var(--font24);
    line-height: var(--line12);
    opacity: 0.5;
    color: var(--colorfff);
}

.clli-text {
    display: flex;
    align-items: flex-end;
    font-size: var(--font48);
    line-height: var(--line14);
    background: linear-gradient(86deg, #FFA768 -1.56%, #E60012 47.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.clli-box-bot span {
    display: inline-block;
    color: var(--colorfff) !important;
    background: transparent !important;
    font-size: var(--font24);
    line-height: 1.75;
    margin-left: 12px;
}

.clli-box-bot {
    margin-top: 6px;
}

.comp-news h2 {
    text-align: center;
    color: var(--colorfff);
}

.comp-news .home-news-tit {
    color: var(--colorfff);
}

.comp-labor {
    position: relative;
}

.comp-labor-bg {
    width: 100%;
    height: 100%;
    position: relative;
}

.comp-labor-bg img:nth-child(2) {
    display: none;
}

.comp-labor-cry-word p {
    font-family: var(--family3);
    color: var(--colorfff);
    text-align: center;
}

.comp-labor-cry {
    width: 63%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.comp-labor-cry h2 {
    text-align: center;
    color: var(--colorfff);
}

.comp-runing {
    background: var(--colorfff);
}

.comp-runing h2 {
    text-align: center;
    color: var(--color333);
}

.crlu-li {
    width: 372px;
    margin-right: 50px;
    flex-shrink: 0;
}

.crlu-li-box {
    width: 100%;
    border-radius: 10px;
    padding: 10px 0px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: var(--colorfff);
    box-shadow: 0px 10px 12.3px 0px rgba(0, 0, 0, 0.10);
}

.crlu-li-box img {
    width: 50%;
}

.comp-runing-list-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc(372px * var(--width-shu)) + calc(50px * var(--width-shu)));
}

.comp-runing-list-ul1 {
    animation: donghua5 linear infinite;
}

.comp-runing-list-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua6 linear infinite;
}

@keyframes donghua5 {
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }

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

@keyframes donghua6 {
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}

.comp-runing-list {
    position: relative;
}

.comp-runing {
    position: relative;
}

.comp-runing::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 410px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 21.21%, rgba(255, 255, 255, 0.00) 142.7%);
    z-index: 2;
}

.comp-runing::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 410px;
    height: 100%;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 21.21%, rgba(255, 255, 255, 0.00) 142.7%);
    z-index: 2;
}

.comp-labor-bg img {
    width: 100%;
}

/* E1Company-About us-end */
/* E6Company-Showroom-start */
.show-main .mod-wrap {
    padding-top: 0px !important;
}

.show-main .adul-icon2 {
    width: 10px;
    height: 10px;
    display: block !important;
    background: #838383;
    transition: all .4s;
}

.show-main .adul-icon2::after {
    background: rgba(131, 131, 131, 0.3);
    transition: all .4s;
}

.show-main .adul-icon2::before {
    background: rgba(131, 131, 131, 0.3);
    transition: all .4s;
}

.show-main .about-dots-ul-li.act .adul-icon2 {
    background: var(--colormain2);
    transform: scale(1.25);
}

.show-main .about-dots-ul-li.act .adul-icon2::before {
    background: rgba(230, 0, 18, 0.5);
}

.show-main .about-dots-ul-li.act .adul-icon2::after {
    background: rgba(230, 0, 18, 0.8);
}

.show-cont-ul-li {
    margin-bottom: 40px;
}

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

.scul-word p {
    color: rgba(102, 102, 102, 0.65);
    line-height: var(--line175);
}

.scul-min {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
    margin-top: 18px;
}

.scul-min-tit {
    width: 100%;
    padding-right: 20px;
    color: var(--color333);
    line-height: var(--line14);
}

.scul-min-link {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
}

.scul-min-link a {
    display: block;
    width: 100%;
    position: relative;
}

.scul-min-link a img {
    width: 100%;
    transition: all .4s;
}

.scul-min-link a img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.scul-min-link a img:nth-child(1) {
    opacity: 1;
}

.show-cont {
    max-height: 926px;
    border-radius: var(--radius20);
    border: 0.5px solid rgba(255, 255, 255, 0.00);
    background: #FFF;
    backdrop-filter: blur(12px);
    padding: 48px 33px 83px 50px;
    position: relative;
}

.show-cont-ul {
    padding-right: 34px;
}

.show-cont-close {
    width: 32px;
    position: absolute;
    top: 13px;
    right: 27px;
    z-index: 4;
    cursor: pointer;
}

.show-cont-close img {
    width: 100%;
}

.show-main .about-addr {
    position: relative;
}

.show-main .about-addr::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.34%, rgba(18, 18, 18, 1) 100%);
}

.show-cont .mCSB_outside+.mCSB_scrollTools {
    right: 33px !important;
    top: 48px;
    bottom: 84px;
}

.about-dots-ul-li.act {
    z-index: 4;
}

.show-addr p {
    white-space: nowrap;
    font-size: var(--font18);
    line-height: var(--line14);
    color: var(--colormain1);
    border-radius: 101px;
    border: 1px solid #E60012;
    background: rgba(230, 0, 18, 0.03);
    padding: 16px 28px;
}

.show-pop {
    display: none;
    padding-bottom: 25px;
    position: absolute;
    bottom: 100%;
    right: -300%;
}

.show-main .adul-pop {
    padding-left: 50px;
    top: 80px;
}

.show-main .about-dots-ul-li.left .show-pop {
    right: auto;
    left: -100%;
}

.show-main .about-dots-ul-li.left .adul-pop {
    padding-right: 50px;
}

.show-main .about-dots-ul-li.left .show-cont-close {
    right: 77px;
}

/* E6Company-Showroom-end */
/* E7Company-Career-start */
.cfss-ul-li-box {
    position: relative;
    border-radius: var(--radius20);
    overflow: hidden;
}

.cfss-ul-li-box .ys-imgbox-cover {
    position: relative;
}

.cfss-ul-li-box .ys-imgbox-cover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 75%);
}

.career-main {
    background: #000;
}

.career-main h2 {
    text-align: center;
    color: var(--colorfff);
}

.cfss-ul-li {
    width: 384px !important;
}

.career-future h2 {
    margin-bottom: 39px;
}

.career-word p {
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line175);
}

.career-future-slide {
    position: relative;
    margin-top: 138px;
}

.culb-cry {
    width: calc(100% - 80px);
    position: absolute;
    bottom: 46px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.culb-cry-word p {
    color: var(--colorfff);
    line-height: 1.25;
}

.culb-cry-word {
    padding-bottom: 12px;
    margin-bottom: 11px;
    border-bottom: solid 1px #38383A;
}

.culb-cry-name {
    color: var(--colorfff);
    line-height: var(--line14);
    margin-bottom: 8px;
}

.culb-cry-post p {
    opacity: 0.65;
    color: var(--colorfff);
}

.career-future-slide-swip {
    overflow: visible !important;
    padding-bottom: 115px !important;
}

.career-future-slide .mod-arrows {
    width: 98px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
}

.career-future-slide .arrow-icon {
    width: 36px;
    height: 36px;
    background: transparent;
    box-shadow: 0px 0px 6px 0px rgba(230, 0, 18, 0.32) inset;
    backdrop-filter: blur(7.500000476837158px);
}

.career-future-slide .arrow-icon img {
    width: 50%;
}

.career-future .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(100% - 146px) !important;
    height: 2px;
    left: 0;
    top: auto !important;
    bottom: 18px !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.career-future .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fff !important;
}

.celu-li {
    width: 754px;
    margin-right: 30px;
}

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

.celu-li-le,
.celu-li-ri {
    width: 48%;
}

.celu-li-le {
    border-radius: 12px;
    overflow: hidden;
}

.celu-li-le img {
    width: 100%;
}

.celu-li-ri {
    display: flex;
    flex-direction: column;
}

.celu-li-ri img {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
}

.celu-li-ri img:last-child {
    margin-bottom: 0px;
}

.career-enjoy-list-ul {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(calc(754px * var(--width-shu)) + calc(30px * var(--width-shu)));
}

.career-enjoy-list-ul1 {
    animation: donghua5 linear infinite;
}

.career-enjoy-list-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua6 linear infinite;
}

.career-enjoy-list {
    position: relative;
}

.career-enjoy {
    position: relative;
}

.career-enjoy::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    pointer-events: none;
}

.career-join .cltl-sect input::placeholder {
    color: #999;
}

.career-join .cltl-sect .icon-arrow-down:before {
    color: #999;
}

.career-join-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -12px;
}

.career-join-ul-li {
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 30px;
    height: auto !important;
}

.cjul-link {
    height: 100%;
    display: block;
    border-radius: var(--radius20);
    background-color: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(5px);
    padding: 33px 40px;
    overflow: hidden;
    position: relative;
}

.cjul-link-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.cjul-link-bg img {
    width: 100%;
    height: 100%;
}

.cjul-link-icon {
    width: 54px;
    margin-bottom: 20px;
}

.cjul-link-icon img {
    width: 100%;
}

.cjul-link-tit {
    color: var(--colorfff);
    margin-bottom: 15px;
    line-height: var(--line12);
    position: relative;
    transition: all .4s;
}

.cjul-link-word p {
    color: var(--colorfff);
    opacity: 0.6;
    line-height: var(--line175);
}

.cjul-link-word {
    margin-bottom: 19px;
}

.cjul-link-btn {
    display: flex;
    align-items: center;
    padding: 8px 18.55px 9px 20px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.05);
}

.cjul-link-btn-icon {
    width: 12px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 13px;
}

.cjul-link-btn-icon img {
    width: 100%;
}

.cjul-link-btn p {
    color: var(--colorfff);
    line-height: var(--line12);
}

.cjul-bot {
    display: inline-block;
}

.cjul-link-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font32);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.career-join-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.career-join-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.career-join-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

/* E7Company-Career-end */
/* F1Contact us-start */
.ctact-form {
    background: var(--colorfff);
}

.ctact-main h2 {
    text-align: center;
    color: var(--color333);
    line-height: var(--line175);
}

.ys-form-title {
    color: #333;
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 50px;
    font-weight: bold;
}

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

.ys-form-inof-item {
    padding: 0 7px;
    margin-bottom: 20px;
    width: 100%;
}

.ys-form-inof-item3 {
    width: 33.333333%;
}

.ys-form-inof-item2 {
    width: 50%;
}

.ys-form-inof label,
.ys-form-inof-select .ys-select-hd {
    display: flex;
    align-items: center;
    background: #F6F6F8;
    padding: 0 24px;
}

.ys-form-inof-select {
    position: relative;
}

.ys-form-inof-select .ys-select {
    width: 100%;
    position: static;
}

.ys-fii-name {
    flex: none;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color999);
    line-height: var(--line14);
}

.ys-fii-name span {
    color: #E60012;
    font-size: 12px;
}

.ys-fii-input {
    width: 100%;
    height: 58px;
    display: block;
    padding-left: 20px;
}

.ys-fii-input input,
.ys-fii-input textarea {
    width: 100%;
    height: 100%;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color333);
    padding: 0 10px;
}

.ys-fii-tips {
    font-size: var(--font14);
    color: var(--colormain1);
    line-height: var(--line15);
}

.ys-fii-tips span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.ys-form-inof-item .ys-select-xtbbox {
    right: 24px;
}

.ys-form-inof-item .ys-select-xtbbox .icon-arrow-down:before {
    content: "\e7b2";
    font-size: 12px;
    color: rgba(51, 51, 51, 1);
}

.ys-fii-select-search .ys-select-bd,
.ys-fii-select .ys-select-bd {
    border: 1px solid var(--color999);
    border-top: 0px;
}

.ys-fii-select-search .ys-fiiss-core,
.ys-fii-select .ys-select-bd {
    padding: 10px 0;
}

.ys-fii-select-search .ys-select-bd {
    padding-top: 0 !important;
}

.ys-form-inof-item .ys-select-li {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
    padding: 6px 20px;
    transition: all .4s ease;
}

.ys-form-inof-item .ys-select-li::after {
    left: 20px;
    font-size: var(--font16);
    line-height: var(--line15);
    transform: translate(0, -50%);
}

.ys-form-inof-item .ys-select-li span {
    color: #f00;
}

.ys-form-inof-item .ys-select-li:hover {
    color: var(--color333);
}

.ys-fiiss-input {
    border: 10px solid #f2f2f7;
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
}

.ys-fiiss-input input {
    width: 100%;
    border-radius: 4px;
    padding: 4px 10px;
    width: calc(100% - 30px);
    flex-grow: 1;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
}

.ys-fiiss-input input::placeholder,
.ys-form-inof-item input::placeholder,
.ys-form-inof-item textarea::placeholder {
    color: var(--color999);
    font-size: var(--font18);
}

.ys-fiiss-input-close {
    width: 20px;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0;
    transition: all .4s ease;
}

.ys-fiiss-input-close .iconfont {
    font-size: 14px;
}

.ys-fiiss-input.act .ys-fiiss-input-close {
    opacity: 1;
}

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

.ys-fii-input textarea {
    padding: 0px !important;
}

.ys-fiiss-core,
.ys-fii-select .ys-select-bd {
    height: 140px;
}

.ys-form-inof .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}

.ys-form-inof .mCSB_scrollTools {
    top: 15px;
    bottom: 15px;
}

.ys-form-hide {
    opacity: 0 !important;
}

.ys-fia-text {
    display: flex;
    align-items: flex-start;
}

.ys-fia-text-btn {
    width: 19px;
    height: 19px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

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

.ys-fia-text-btn::after {
    content: '';
    width: 50%;
    height: 50%;
    position: absolute;
    background: var(--colormain1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
    border-radius: 50%;
}

.ys-fia-text-word {
    width: calc(100% - 19px);
    flex-grow: 1;
    padding-left: 10px;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color333);
}

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

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

.ys-form-inof-code {
    width: 100%;
}

.ys-fic-auth label {
    width: 50%;
}

.ys-fic-auth {
    display: flex;
}

.ys-fic-auth .ys-fii-input {
    width: 50%;
    flex-grow: 1;
}

.ys-fic-auth-img {
    height: 58px;
    margin-left: 20px;
    cursor: pointer;
}

.ys-fic-auth-img img {
    height: 100%;
}

.ys-form-inof-submit {
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 0px !important;
}

.ys-fii-submit {
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: var(--colormain);
    color: #fff;
    font-weight: bold;
    font-size: var(--font16);
    cursor: pointer;
}

.ys-form-inof-agree.on .ys-fia-text-btn::after {
    opacity: 1;
}

.ys-fii-tips {
    display: none;
}

.ys-form-required.ys-form-empty .ys-fii-tips {
    display: block;
}

.ys-form-inof-country .ys-fii-tips {
    display: none !important;
}

.iti__country-list,
.iti--inline-dropdown .iti__dropdown-content {
    width: calc(calc(1400px - calc(20px * 4)) / 3) !important;
}

.ys-select-emptyli {
    pointer-events: none;
}

.iti__country-list {
    overflow-y: hidden !important;
}

.iti__country-list .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.iti {
    width: 100%;
    height: 100%;
}

.iti__search-input {
    border: 10px solid #f2f2f7;
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
    font-size: var(--font16) !important;
    line-height: var(--line15);
    color: var(--color666);
    padding: 4px 10px !important;
}

.ys-form-inof-text label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 24px;
}

.ys-form-inof-text .ys-fii-input {
    padding-left: 0px;
}

.ys-form-inof-item .ys-select-bd {
    height: auto;
    max-height: 200px;
    padding: 15px 0 !important;
    border-radius: 0px;
    background: #F6F6F8;
    border: solid 1px rgba(153, 153, 153, 0.5);
}

.ctact-regions {
    background: #F6F6F8;
}

.ys-form-third-country .ys-select-li::after {
    content: attr(data-value);
    width: 100%;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0%, -50%);
    font-size: var(--font16);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.ctact-regions .cltl-sect {
    width: 12%;
    border: 1px solid rgba(153, 153, 153, 0.3);
}

.ctact-regions .cltl-sect input {
    color: var(--color333);
}

.ctact-regions .cltl-sect input::placeholder {
    color: var(--color999);
}

.ctact-regions .cltl-sect .icon-arrow-down:before {
    color: var(--color999);
}

.ctact-regions .ys-select-bd {
    border-radius: var(--radius20);
    border: 1px solid rgba(153, 153, 153, 0.3);
    background: #F6F6F8;
    padding: 9px 28px;
    top: 110%;
    max-height: 176px;
}

.ctact-regions .ys-select-bd .ys-select-li {
    color: var(--color999);
    border-bottom: solid 1px rgba(153, 153, 153, 0.3);
}

.ctact-regions-ul-li {
    width: 25%;
    padding: 0 12px;
}

.ctact-regions-ul {
    margin: 0 -12px;
}

.crul-logo {
    width: 120px;
    margin-bottom: 30px;
}

.cbll-sect-icon img {
    width: 100%;
}

.crul-box {
    padding: 40px 48px 53px;
    border-radius: var(--radius20);
    background: #FFF;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.cbll-sect {
    display: flex;
    align-items: flex-start;
}

.cbll-sect-pic {
    width: 16px;
    flex-shrink: 0;
    margin-right: 12px;
    margin-top: 6px;
}

.cbll-sect-pic img {
    width: 100%;
}

.cbll-sect p,
.cbll-sect p a {
    font-size: var(--font20);
    color: #000;
    line-height: 1.25;
    display: inline-block;
}

.crul-box-list-lis {
    margin-bottom: 28px;
}

.crul-box-list-lis:last-child {
    margin-bottom: 0px;
}

.ctact-regions-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.ctact-regions-ul-li:nth-child(n) {
    animation-delay: 0.2s !important;
}

/* .ctact-regions-ul-li:nth-child(4n+2){
    animation-delay: 0.3s;
}
.ctact-regions-ul-li:nth-child(4n+3){
    animation-delay: 0.4s;
}
.ctact-regions-ul-li:nth-child(4n+4){
    animation-delay: 0.5s;
} */
.ctact-ctmap h2 {
    font-family: var(--family3) !important;
    margin-bottom: 37px;
    line-height: var(--line12);
}

.ctact-ctmap .mod-word {
    width: 87%;
    margin: 0 auto;
}

.ctact-ctmap .mod-word p {
    text-align: center;
    font-family: var(--family3) !important;
    color: var(--color666);
    line-height: var(--line175);
}

.ctact-ctmap .ys-cont1560 {
    margin-bottom: var(--space80);
}

.ctact-ctmap {
    width: 100%;
    padding-bottom: 40px;
    position: relative;
}

.ctact-ctmap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.34%, rgba(18, 18, 18, 1) 100%);
    pointer-events: none;
}

.ctact-ctmap .adul-icon2 {
    width: 10px;
    height: 10px;
    display: block !important;
    background: #838383;
    transition: all .4s;
}

.ctact-ctmap .adul-icon2::after {
    background: rgba(131, 131, 131, 0.3);
    transition: all .4s;
}

.ctact-ctmap .adul-icon2::before {
    background: rgba(131, 131, 131, 0.3);
    transition: all .4s;
}

.ctact-ctmap .about-dots-ul-li.on .adul-icon2 {
    background: var(--colormain2);
    transform: scale(1.25);
}

.ctact-ctmap .about-dots-ul-li.on .adul-icon2::before {
    background: rgba(230, 0, 18, 0.5);
}

.ctact-ctmap .about-dots-ul-li.on .adul-icon2::after {
    background: rgba(230, 0, 18, 0.8);
}

.ctact-ctmap-wrap {
    height: calc(100vh - var(--line80));
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ctact-ctmap-wrap .about-addr {
    width: 100%;
    transition: all 0.4s;
    position: relative;
}

.ctact-ctmap-slide {
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 21;
}

.ctact-ctmap-wrap .mod-arrows {
    width: 85vw;
    max-width: 1560px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 22%;
    z-index: 4;
}

.ctact-ctmap-slide-cry {
    width: 100%;
    position: relative;
}

.ccsc-ul {
    margin: 0 -16px;
}

.ccsc-ul-li {
    width: 20%;
    padding: 0 16px;
    height: auto !important;
}

.ccsc-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.ccsc-ul .slick-track {
    display: flex;
    align-items: stretch;
}

.ccsc-ul-li-box {
    height: 100%;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    padding: 40px 18px 70px 34px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: pointer;
    transition: all .4s;
}

.ccsc-ul-li.slick-current .ccsc-ul-li-box {
    background: rgba(255, 255, 255, 1);
}

.culb-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.culb-top-logo {
    width: 42px;
    flex-shrink: 0;
    font-size: 0;
    border-radius: 50%;
    position: relative;
}

.culb-top-logo::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(155, 155, 155, 0.50);
    animation: dh11 2.2s linear infinite both;
    opacity: 0 !important;
    transition: all .4s;
    z-index: -1;
}

.culb-top-logo::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(174, 174, 174, 0.50);
    animation: dh22 2.2s linear infinite both;
    opacity: 0 !important;
    transition: all .4s;
    z-index: -1;
}

.ccsc-ul-li.slick-current .culb-top-logo::after,
.ccsc-ul-li.slick-current .culb-top-logo::before {
    opacity: 0.5 !important;
}

@keyframes dh11 {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0.1;
        transform: translate(-50%, -50%) scale(1.4);
    }
}

@keyframes dh22 {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(1.8);
    }
}

.culb-top-logo img {
    width: 100%;
}

.culb-top-tit {
    font-size: 36px;
    color: #000;
    padding-right: 20px;
    width: 100%;
}

.ctact-ctmap .about-addr.on {
    transform: scale(2);
}

.ctact-ctmap-wrap {
    position: relative;
    overflow: hidden;
}

/* F1Contact us-end */
/* 导航下拉补充 */
.head-nav-item-down {
    width: 100%;
    border-radius: 0px 0px var(--radius20) var(--radius20);
    background: #000;
    box-shadow: 0px 19px 15.2px 0px rgba(0, 0, 0, 0.25);
}

.prod-pull-wrap,
.solu-pull-wrap,
.about-pull-wrap {
    padding: 40px 0 72px;
}

.prod-pull-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -32px;
}

.prod-pull-ul-li {
    width: 16.666667%;
    padding: 0 32px;
    margin-bottom: 30px;
}

.ppul-link-tit {
    color: var(--colorfff);
    text-align: center;
    line-height: var(--line14);
    margin-bottom: 4px;
    position: relative;
    transition: all .4s;
}

.ppul-link .ys-imgbox-cover {
    width: 180px;
    margin: 0 auto;
    margin-bottom: 32px;
    border-radius: var(--radius20);
    position: relative;
    z-index: 2;
}

.prod-pull-ul-li.yxnav-active2 .ppul-link .ys-imgbox-cover::before {
    opacity: 1;
}

.ppul-link .ys-imgbox-cover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(253, 112, 85, 1) 1.71%, rgba(128, 0, 10, 1) 68.1%);
    border-radius: var(--radius20);
    z-index: -2;
    opacity: 0;
    transition: all .4s;
}

.ppul-link .ys-imgbox-cover::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 3px);
    height: calc(100% - 2px);
    background: #000;
    border-radius: var(--radius20);
    z-index: -1;
}

.ppul-link-word p {
    text-align: center;
    font-size: 12px;
    line-height: var(--line175);
    color: rgba(255, 255, 255, 0.65);
}

.ppul-link {
    display: block;
    padding-bottom: 20px;
}

.prod-pull-cont {
    overflow: hidden;
}

.prod-pull-ul-li {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.hnid-text {
    margin-bottom: 33px;
    color: #969696;
    line-height: 1.25;
}

.prod-pull-cont {
    max-height: 320px;
}

.head-nav-item-down .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .3) !important;
}

.head-nav-item-down .mCSB_outside+.mCSB_scrollTools {
    right: -40px !important;
    top: 14px;
    bottom: 14px;
}

.hnid-btn {
    display: inline-block;
    margin-top: var(--space60);
}

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

.hnid-link-icon {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 16px;
}

.hnid-btn-link p {
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line14);
}

.solu-pull .prod-pull-cont {
    max-height: inherit;
}

.solu-pull .prod-pull-ul {
    margin: 0 -25px;
}

.solu-pull .prod-pull-ul-li {
    width: 20%;
    padding: 0 25px;
    margin-bottom: 0px !important;
}

.solu-pull .prod-pull-ul-li .ys-imgbox-cover {
    width: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    margin-bottom: 12px;
}

.solu-pull .ppul-link-tit,
.solu-pull .ppul-link-word p {
    text-align: left;
}

.solu-pull .ppul-link-word p {
    font-size: var(--font16);
    color: #969696;
    line-height: 1.25;
    height: 2.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solu-pull .ppul-link-tit {
    position: relative;
    transition: all .4s;
}

.solu-pull .ppul-link-tit::after,
.prod-pull .ppul-link-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font20);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.prod-pull .ppul-link-tit {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.resou-pull-wrap {
    padding: 96px 0 128px;
}

.resou-pull-ul {
    display: flex;
    margin: 0 -35px;
}

.resou-pull-ul-li {
    padding: 0 35px;
}

.rpul-link,
.rpul-link-ri {
    display: flex;
    align-items: center;
}

.rpul-link-icon {
    width: 30px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
}

.rpul-link-icon img {
    width: 100%;
}

.rpul-link-ri-icon {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 16px;
}

.rpul-link-ri-icon img {
    width: 100%;
}

.rpul-link-ri p {
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line14);
    transition: all .4s;
    position: relative;
}

.rpul-link-ri p::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font24);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.about-pull-cont .prod-pull-ul-li {
    width: 20%;
    padding: 0 25px;
    border-bottom: none;
    margin-bottom: 50px;
}

.about-pull-cont .prod-pull-ul {
    margin: 0 -25px;
}

.about-pull-cont .ppul-link .ys-imgbox-cover {
    width: 100%;
}

.about-pull-cont .ppul-link {
    padding-bottom: 0px;
}

.about-pull-cont .ppul-link-tit {
    text-align: left;
    position: relative;
    transition: all .4s;
}

.about-pull-cont .ppul-link-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font20);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.ys-ph-navbar2 .ys-phnav-logo,
.ys-phnav2-lang-modal,
.ys-ph-navbar2 .ys-phnav-menu {
    background: var(--colorfff);
}

.ys-phnav-menu,
.ys-ph-navbar2 .ys-phnav-search .iconfont,
.ys-ph-navbar2 .ys-phnav-header a {
    color: var(--colormain1);
}

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.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(--colormain1);
}

.ys-ph-nav a,
.ys-ph-nav .ys-phnav-header-font {
    color: var(--color333);
}

.ys-phnav-lisbox {
    border-bottom: 1px solid rgba(51, 51, 51, 0.4);
}

.ys-phnav-icon::before,
.ys-phnav-icon::after {
    background: rgba(51, 51, 51, 0.4);
}

.ys-ph-navbar2 .ys-phnav-menubtn span,
.ys-ph-navbar2 .ys-phnav-menubtn::before,
.ys-ph-navbar2 .ys-phnav-menubtn::after {
    background: var(--colormain1);
}

.lang-modal {
    background: rgba(4, 0, 0, 0.729);
    box-shadow: 0px 19px 15.2px 0px rgba(0, 0, 0, 0.25);
}

.lang-modal .ys-modal-content {
    width: 960px;
    padding: 70px 146px 70px 97px;
    max-width: calc(100vw - 40px);
    height: inherit;
    overflow: hidden;
    border-radius: var(--radius20);
    background: #141414;
}

.lang-modal .icon-close:before {
    content: "\e747";
    color: #ffff;
    font-size: 22px;
}

.lang-modal .ys-modal-close {
    position: absolute;
    right: 46px;
    top: 25px;
    font-size: 22px;
    font-weight: normal;
    cursor: pointer;
    z-index: 10;
}

.lang-modal .hnid-text {
    opacity: 0.6;
    margin-bottom: 18px;
}

.lang-modal-ul-li {
    width: 33.333333%;
    padding: 0 24px;
    margin-bottom: 48px;
}

.lmul-box {
    padding-bottom: 48px;
    border-bottom: solid 1px rgba(217, 217, 217, 0.3);
}

.lang-modal-ul {
    margin: 0 -24px;
}

.lmul-list-item {
    margin-bottom: 20px;
}

.lmul-list-item:last-child {
    margin-bottom: 0px;
}

.lmul-list-item-link {
    display: flex;
    align-items: center;
}

.llil-pic {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
}

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

.lmul-list-item-link p {
    font-size: var(--font18);
    transition: all .4s;
    line-height: var(--line15);
    color: #FFF;
}

.lmul-list-item.act .lmul-list-item-link p {
    color: var(--colormain1);
}

.lmul-text {
    margin-bottom: 20px;
    color: var(--colorfff);
}

.lang-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}

.lang-modal.show {
    opacity: 1;
    pointer-events: all;
}

.lang-modal-cont {
    max-height: 460px;
}

.lang-modal .mCSB_outside+.mCSB_scrollTools {
    right: -97px !important;
    top: 14px;
    bottom: 14px;
}

.lang-modal .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.2) !important;
    width: 6px;
    border-radius: 0;
}

.lang-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.2) !important;
}

/* C21Solutions-Rooftop-start */
.roof-main h2 {
    text-align: center;
    color: var(--colorfff);
}

.roof-text h2 {
    margin-bottom: 44px;
}

.roof-word {
    width: 72.5%;
    margin: 0 auto;
}

.roof-word p {
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line175);
    font-family: var(--family3) !important;
}

.roof-text {
    background: #000;
}

.roof-main .mod-wrap {
    padding-top: 100vh;
    position: relative;
    z-index: 3;
}

.roof-main .ys-nybanner {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.ys-nyban-img,
.ys-nyban-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.roof-text h2 span {
    display: block;
    text-align: center;
    color: var(--colormain1);
    font-size: var(--font24);
    margin-bottom: 16px;
}

.roof-apply-ul {
    display: flex;
    margin: 0 -12px;
    overflow: hidden;
}

.roof-apply-ul-li {
    width: 33.333333%;
    padding: 0 12px;
}

.roof-apply-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.roof-apply-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.roof-apply-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.raul-link {
    display: block;
}

.roof-apply-ul-li .ys-imgbox-cover {
    border-radius: var(--radius20);
    border: 1px solid #DCDCDC;
    overflow: hidden;
    margin-bottom: 37px;
}

.raul-link-tit {
    text-align: center;
    color: #000;
    line-height: var(--line175);
    position: relative;
    transition: all .4s;
}

.raul-link-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font32);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.roof-apply,
.roof-second-slide {
    background: var(--colorfff);
}

.roof-apply-btn {
    display: flex;
    justify-content: center;
    margin-top: var(--space60);
}

.roof-apply h2,
.roof-second-slide h2,
.roof-main .mod-news h2 {
    color: var(--color333);
}

.rssu-li-link {
    position: relative;
    border-radius: var(--radius20);
    border: 1px solid #DCDCDC;
    overflow: hidden;
    display: block;
}

.rssu-li-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rssu-li-tit {
    position: absolute;
    left: 50%;
    bottom: 64px;
    transform: translateX(-50%);
    width: calc(100% - 212px);
    z-index: 3;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.rssu-li.slick-slide:not(:first-child) {
    display: none;
}

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

.roof-second-slide-ul {
    margin: 0 -10px;
}

.roof-main .faq-list,
.roof-main .case-ctact {
    background: #000;
}

.roof-main .ys-nyban-title p,
.roof-main .ys-nyban-title h1 {
    text-align: center !important;
}

.roof-main .ys-nyban-title-ul {
    justify-content: center !important;
}

.roof-main .flul-box-bt {
    padding-right: 260px;
}

.roof-main .mod-news {
    background: var(--colorfff);
}

/* C21Solutions-Rooftop-end */
/* C1Solutions-Carport-start */
.carport-main,
.carport-main .case-list,
.carport-pane {
    background: #000;
}

.carport-main .mod-news {
    background: var(--colorfff);
}

.carport-main .mod-news h2,
.roof-main .mod-news h2,
.carport-main .case-list h2 {
    margin-bottom: var(--space60);
}

.carport-main .case-list h2 {
    color: var(--colorfff);
    text-align: center;
}

.carport-pane h2 {
    margin-bottom: 20px;
    color: var(--colorfff);
}

.carport-word p {
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line175);
}

.carport-pane .std-btn1 {
    margin-top: 40px;
}

.carport-pane-wrap {
    display: flex;
    align-items: flex-start;
}

.carport-pane-le {
    width: 49%;
    position: sticky;
    top: calc(var(--line80) + 40px);
}

.carport-pane-le img {
    width: 100%;
}

.carport-pane-ri {
    width: 51%;
    padding-left: 78px;
}

.carport-pane-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.cpru-li {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 20px;
}

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

.cpru-li-icon {
    width: 30px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
    margin-top: 3px;
}

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

.cpru-li-box p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--colorfff);
}

.carport-pane-ri-cont {
    margin-top: 17px;
    border-radius: var(--radius20);
    background: rgba(147, 147, 147, 0.1);
    padding: 48px 40px;
}

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

.culb-le {
    width: 50%;
}

.culb-ri {
    width: 50%;
}

.culb-le p {
    font-size: var(--font18);
    color: #86868B;
    line-height: var(--line12);
}

.culb-ri p {
    font-size: var(--font18);
    color: #fff;
    line-height: var(--line12);
}

.cprc-ul-li {
    margin-bottom: 26px;
}

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

.carport-pic {
    margin-top: -2px;
    background: var(--colorfff);
}

.carport-pic-img,
.carport-pic-img img {
    width: 100%;
}

.carport-pic h2 {
    text-align: center;
}

.carport-select {
    background: #000;
}

.carport-select h2 {
    margin-bottom: 45px;
    text-align: center;
}

.carport-select .loads-wrap-ul {
    justify-content: center;
    position: relative;
    z-index: 4;
}

.carport-select h2 {
    color: var(--colorfff);
}

.carport-select-list-item {
    width: 90%;
    margin: 0 auto;
    display: none;
}

.carport-select-list-item:first-child {
    display: block;
}

.csli-img {
    overflow: hidden;
    border-radius: var(--radius20);
    margin-bottom: 30px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

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

.csli-word p {
    color: var(--colorfff);
    line-height: var(--line175);
}

.carport-select-list {
    margin-top: var(--space60);
}

.carport-list {
    background: var(--colorfff);
}

.carport-list h2 {
    text-align: center;
    color: var(--color333);
}

.carport-list-ul-li {
    padding: 0 12px;
    width: 50%;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.carport-list-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.carport-list-ul {
    margin: 0 -12px;
}

.clul-links {
    display: block;
}

.clul-links .ys-imgbox-cover {
    border-radius: var(--radius20);
    overflow: hidden;
    margin-bottom: 40px;
}

.clul-links-tit {
    position: relative;
    transition: all .4s;
    color: var(--color333);
    line-height: var(--line15);
}

.clul-links-tit::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font32);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

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

.carport-main .roof-text h2 {
    color: var(--colorfff);
    text-align: center;
}

.carport-main .roof-word p {
    font-size: var(--font20);
}

.carport-swip .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(100% - 146px) !important;
    height: 2px;
    left: 0;
    top: auto !important;
    bottom: 18px !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.carport-swip .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fff !important;
}

.carport-swip .mod-arrows {
    width: 98px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
}

.carport-swip-cont-wrap {
    position: relative;
}

.cscw-cry {
    padding-bottom: 100px !important;
    overflow: visible !important;
}

.cscw-cry-ul {
    align-items: stretch;
}

.cscw-cry-ul-il {
    height: auto !important;
}

.ccul-links {
    height: 100%;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(5px);
    padding: 70px 38px;
}

.ccul-links-top {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.ccul-link-top-icon {
    width: 62px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
}

.ccul-link-top-icon img {
    width: 100%;
}

.ccul-links-top p {
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line14);
    font-family: var(--family4) !important;
}

.ccul-links-word p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
    font-family: var(--family3) !important;
}

.carport-swip h2 {
    color: var(--colorfff);
    text-align: center;
}

/* C1Solutions-Carport-end */
/* B2Products-Galaxy-start */
.mode-main {
    background: #000;
}

.roof-main .ys-nyban-title p,
.roof-main .ys-nyban-title h1 {
    text-align: left;
}

.mode-main .ys-nyban-title-ul {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.mode-main .comp-labor-cry {
    width: 85vw;
    top: 174px;
    transform: translate(-50%, 0%);
}

.mode-main .comp-labor-cry h2 {
    width: 66%;
    text-align: left;
}

.mode-main .mod-news-ul {
    display: flex;
}

.mode-main .mod-news {
    background: var(--colorfff);
}

.mode-main .mod-news h2 {
    margin-bottom: var(--space60);
}

.mod-news-btn {
    display: flex;
    justify-content: center;
    margin-top: var(--space60);
}

.mode-main .flul-box {
    border: solid 1px rgba(255, 255, 255, 0.3);
}

.mode-main .flul-box-tp-tit {
    color: var(--colorfff);
}

.mode-main .flul-box-bt p {
    color: rgba(255, 255, 255, 0.65);
}

.faq-list h2 {
    text-align: center;
    color: var(--colorfff);
}

.mode-were .resou-pull-ul {
    justify-content: center;
}

.mode-were-cont {
    position: relative;
    margin-bottom: 70px;
}

.mode-were-min {
    width: 100%;
    display: flex;
    justify-content: center;
}

.mode-were-min img {
    width: 24%;
}

.mode-were-min-img1 {
    transform: translateX(-40%) rotate(-10deg);
}

.mode-were-min-img2 {
    transform: translateX(40%) rotate(10deg);
}

.mode-were-cont h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    color: var(--colorfff);
}

.mode-tech-list {
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    border-bottom: solid 1px rgba(217, 217, 217, 0.3);
}

.mode-tech-list-item {
    width: 24%;
}

.mode-tech-list-item p {
    text-align: center;
    position: relative;
    padding-bottom: 23px;
}

.mode-gala-wrap {
    display: flex;
    align-items: center;
}

.mode-gala-ri {
    width: 38%;
}

.mode-gala-le {
    width: 62%;
    padding-right: 72px;
    position: relative;
}

.mode-gala-le img {
    width: 100%;
}

.mode-gala-ri-word p {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--colorfff);
}

.mode-gala-ri-word p span {
    color: var(--colormain1);
}

.mode-gala-ri-word {
    margin-bottom: var(--space60);
}

.mgru-li-box {
    display: flex;
    align-items: center;
}

.mgru-li-icon {
    width: 30px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}

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

.mgru-li-box p {
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line14);
}

.mgru-li {
    margin-bottom: 30px;
}

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

.mllu-li-tit {
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: 50px;
}

.mllu-li-tit span {
    color: var(--colormain1);
}

.mllu-li-word p {
    color: #86868B;
    font-size: var(--font20);
    line-height: var(--line14);
}

.mllu-li {
    opacity: 0.6;
    transition: all .4s;
    margin-bottom: 150px;
}

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

.mllu-li.act {
    opacity: 1;
}

.mode-list-le {
    width: 41%;
}

.mode-list-ri {
    width: 59%;
    padding-left: 87px;
    position: sticky;
    top: 120px;
}

.mode-list-ri img {
    width: 100%;
    position: relative;
}

.mode-list-ri::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(0deg, #000 16.48%, rgba(0, 0, 0, 0.00) 100%);
}

.mode-list-wrap {
    display: flex;
    align-items: flex-start;
}

.mode-vari {
    background: var(--colorfff);
}

.mode-vari h2 {
    text-align: center;
    color: var(--color333);
    margin-bottom: 36px;
}

.mode-vari .mode-word {
    width: 58%;
    margin: 0 auto var(--space60);
}

.mode-word p {
    text-align: center;
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--color333);
    font-family: var(--family3) !important;
}

.mode-word p span {
    color: var(--colormain1);
}

.mode-vari-ri {
    width: 56%;
}

.mode-vari-le {
    width: 44%;
    padding-right: 50px;
}

.mode-vari-wrap {
    display: flex;
    align-items: center;
}

.mvru-li {
    display: none;
}

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

.mvru-li-img {
    border-radius: var(--radius20);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.mvru-li-img img {
    width: 100%;
    transition: all .4s;
}

.mvlu-li p {
    font-size: 36px;
    transition: all .4s;
    color: #b6b6b6;
    line-height: var(--line12);
    font-family: var(--family4) !important;
    display: block;
    cursor: pointer;
}

.mvlu-li {
    margin-bottom: 50px;
}

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

.mvlu-li.act p {
    color: var(--colormain1);
    text-decoration: underline;
}

.mode-instal h2 {
    color: var(--color333);
    text-align: center;
}

.mode-instal {
    overflow: hidden;
    background: var(--colorfff);
}

.mode-instal-cont {
    position: relative;
}

.mode-instal .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(100% - 146px) !important;
    height: 2px;
    left: 0;
    top: auto !important;
    bottom: 18px !important;
    background: rgba(0, 0, 0, 0.15) !important;
}

.mode-instal .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--colormain2) !important;
}

.mode-instal .mod-arrows {
    width: 98px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
}

.mode-instal-swip {
    padding-bottom: 100px !important;
}

.mode-instal {
    margin-top: -2px;
}

.mode-tech h2 {
    text-align: center;
    color: var(--colorfff);
}

.mode-tech-list-item p {
    color: var(--colorfff);
    transition: all .4s;
    font-size: var(--font18);
    line-height: var(--line12);
    position: relative;
    padding-bottom: 20px;
    cursor: pointer;
}

.mode-tech-list-item p::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background: var(--colormain2);
    transition: all .4s;
}

.mode-tech-list-item.act p::after {
    width: 100%;
}

.mode-tech-item {
    display: none;
}

.mode-tech-item:first-child {
    display: block;
}

.mode-tech-item {
    position: relative;
}

.mode-tech-item .mod-arrows {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mtic-ul-li,
.mulb-fl-ul-li {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.mtic-ul-li.slick-slide:not(:first-child),
.mulb-fl-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.mtic-ul-li-boxs {
    display: flex;
    align-items: center;
}

.mulb-fl {
    width: 35%;
}

.mulb-fr {
    width: 65%;
    padding-left: 105px;
}

.mode-tech-item-cont {
    padding: 0 180px;
    position: relative;
}

.mulb-fr span {
    display: block;
    font-size: var(--font16);
    color: #86868B;
    line-height: var(--line15);
    margin-bottom: 40px;
}

.mulb-fr-tit {
    color: var(--colorfff);
    margin-bottom: var(--space60);
}

.mulb-fr .culb-le {
    width: 40%;
}

.mulb-fr .culb-ri {
    width: 60%;
}

.mode-tech-lists {
    margin-top: var(--space80);
}

.mulb-fr .cprc-ul {
    margin-bottom: var(--space60);
}

.mulb-fr-load {
    display: flex;
}

.mulb-fr-load-swlect {
    margin-right: 38px;
    width: 188px;
}

.mulb-fr-load-swlect:nth-child(2) {
    width: 252px;
}

.mulb-fr-load-swlect:last-child {
    margin-right: 0px;
}

.mulb-fr-load-swlect .ys-select {
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 0 14px;
}

.mulb-fr-load-swlect .ys-select-hd {
    display: flex;
    align-items: center;
}

.mulb-fr-load-swlect .ys-select-hd input {
    height: 40px;
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: var(--line14);
}

.mulb-fr-load-swlect .ys-select-hd input::placeholder {
    color: #86868B;
}

.mfls-icon {
    width: 18px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}

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

.mtic-ul .slick-list {
    padding-bottom: var(--space150);
}

.mulb-fl-ul .slick-list {
    padding-bottom: 0px !important;
}

/* .mulb-fl .slick-dots li, */
.mulb-fl-btul-lis span {
    width: 28px;
    height: 28px;
    position: relative;
    display: block;
    background: var(--colormain2);
    border-radius: 50%;
    cursor: pointer;
}

.mulb-fl-btul-lis span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: solid 2px #000;
    border-radius: 50%;
    opacity: 0;
}

.mulb-fl-btul-lis {
    padding: 0 6px;
}

.mulb-fl-btul-lis.act span::after {
    opacity: 1;
}

.mulb-fl-btul {
    margin: 0 6px;
}

/* .mulb-fl .slick-dots li:nth-child(4n+1){
    background: #878787;
}
.mulb-fl .slick-dots li:nth-child(4n+2){
    background: rgba(182, 164, 137, 1);
}
.mulb-fl .slick-dots li:nth-child(4n+3){
    background: rgba(244, 244, 244, 1);
}
.mulb-fl .slick-dots li:nth-child(4n+4){
    background: rgba(51, 51, 51, 1);
} */
/* .mulb-fl .slick-dots,  */
.mulb-fl-btul {
    width: auto;
    bottom: -60px;
    padding: 12px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.10);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    position: absolute;
}

/* .mulb-fl .slick-dots li::after,  */
/* .mulb-fl-btul-lis span::after{
    content: "";
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.2);
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    transition: all .4s;
    border-radius: 50%;
    pointer-events: none;
} */
.mulb-fl .slick-dots li:nth-child(4n+1)::after {
    border: solid 1px #878787;
}

.mulb-fl .slick-dots li:nth-child(4n+2)::after {
    border: solid 1px rgba(182, 164, 137, 1);
}

.mulb-fl .slick-dots li:nth-child(4n+3)::after {
    border: solid 1px rgba(244, 244, 244, 1);
}

.mulb-fl .slick-dots li:nth-child(4n+4)::after {
    border: solid 1px rgba(51, 51, 51, 1);
}

.mulb-fl .slick-dots li.slick-active::after {
    opacity: 1;
}

.mulb-fl-btul {
    display: flex;
}

.mulb-fl {
    position: relative;
}

.mode-tech {
    padding-bottom: var(--space80);
}

.msli-cont-le-tit {
    font-size: 40px;
    color: var(--colorfff);
    line-height: 1.25;
    margin-bottom: 26px;
}

.msli-cont-le-word p {
    font-size: var(--font20);
    color: #86868B;
    font-family: var(--family3) !important;
    line-height: var(--line14);
}

.msli-cont-le {
    width: 32%;
}

.msli-cont-ri {
    width: 50%;
}

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

.mode-slide-list-item {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--space80) 0;
}

.mode-slide-list-item:nth-child(2n) .msli-cont {
    flex-direction: row-reverse;
}

.mode-slide-list-item:nth-child(2n) .msli-cont-le {
    width: 37%;
}

.mode-slide-list-item.page-slide .msli-cont {
    width: 85vw;
    max-width: 1560px;
    margin: auto;
}

.mode-slide-list-item.page-slide .msli-cont {
    width: 100vw;
    max-width: inherit;
    padding-left: var(--left);
}

.page-slide-cont {
    width: 52%;
    overflow: hidden;
    padding-right: var(--left);
    position: relative;
}

.page-slid-swip {
    position: relative;
    overflow: visible !important;
    padding-bottom: 120px !important;
}

.page-slide-box-tit {
    text-align: center;
    margin-top: 20px;
    color: var(--colorfff);
}

.page-slide-cont .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(100% - 146px) !important;
    height: 2px;
    left: 0;
    top: auto !important;
    bottom: 18px !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.page-slide-cont .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fff !important;
}

.page-slide-cont .mod-arrows {
    width: 98px;
    position: absolute;
    right: var(--left);
    bottom: 0;
    z-index: 4;
}

.mode-slide {
    position: relative;
    height: 300vh;
}

.mode-slide.init {
    visibility: visible;
}

.mode-slide-wrap {
    height: 100vh;
    overflow: visible !important;
}

.mode-slide-fixed {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
}

.mode-slide.start .mode-slide-fixed {
    position: fixed;
    left: 0;
    top: 0;
}

.mode-slide.end .mode-slide-fixed {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
}

.foof-first-img {
    width: 100%;
}

.foof-first-img img {
    width: 100%;
}

/* B2Products-Galaxy-end */
/* 移动端--调整 */
.about-addr-wrap {
    position: relative;
    width: 100%;
}

.about-addr-ph,
.home-mode-ph {
    display: none;
}

/* 20241223 */
.loads-wrap-ri-image,
.loads-wrap-ri-video {
    width: 100%;
}

.ctact-regions-ul {
    display: block;
}

.prod-pull-ul-li.yxnav-active2 .ppul-link-tit {
    color: transparent;
}

.prod-pull-ul-li.yxnav-active2 .ppul-link-tit::after {
    opacity: 1;
}

.resou-pull-ul-li.yxnav-active2 .rpul-link-ri p {
    color: transparent;
}

.resou-pull-ul-li.yxnav-active2 .rpul-link-ri p::after {
    opacity: 1;
}

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

.video-list-le-list {
    position: relative;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.video-list-le-list.slick-slide:not(:first-child) {
    display: none;
}

.video-list-le-list a {
    display: block;
    position: relative;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .mvlu-li:hover p {
        color: var(--colormain1);
        text-decoration: underline;
    }

    .mvru-li-img:hover img {
        transform: scale(1.05);
    }

    .clul-links:hover .clul-links-tit {
        color: transparent;
    }

    .clul-links:hover .clul-links-tit::after {
        opacity: 1;
    }

    .raul-link:hover .raul-link-tit {
        color: transparent;
    }

    .raul-link:hover .raul-link-tit::after {
        opacity: 1;
    }

    .about-pull-cont .ppul-link:hover .ppul-link-tit {
        color: transparent;
    }

    .about-pull-cont .ppul-link:hover .ppul-link-tit::after {
        opacity: 1;
    }

    .rpul-link:hover p {
        color: transparent;
    }

    .rpul-link:hover p::after {
        opacity: 1;
    }

    .solu-pull .ppul-link:hover .ppul-link-tit {
        color: transparent;
    }

    .solu-pull .ppul-link:hover .ppul-link-tit::after {
        opacity: 1;
    }

    .cjul-link:hover .cjul-link-tit {
        color: transparent;
    }

    .cjul-link:hover .cjul-link-tit::after {
        opacity: 1;
    }

    .scul-box:hover .scul-min-link a img:nth-child(1) {
        opacity: 0;
    }

    .scul-box:hover .scul-min-link a img:nth-child(2) {
        opacity: 1;
    }

    .arrow-icon:hover {
        background: transparent;
    }

    .arrow-icon:hover::after {
        opacity: 1;
    }

    .arrow-icon:hover img:nth-child(2) {
        opacity: 1;
    }

    .arrow-icon:hover img:nth-child(1) {
        opacity: 0;
    }

    .flul-box:hover .flul-box-tp-tit {
        color: transparent;
    }

    .flul-box:hover .flul-box-tp-tit::after {
        opacity: 1;
    }

    .video-item .hnul-link:hover .home-news-date p {
        color: var(--colormain1);
    }

    .lwrd-ul-li-link:hover .lull-le-tit::after {
        opacity: 1;
    }

    .lwrd-ul-li-link:hover .lull-le-tit {
        color: transparent;
    }

    .loads-wrap-ri-video .hnul-link:hover .home-news-date p {
        color: var(--colormain1);
    }

    .lwri-ul-li .ys-imgbox-cover:hover img {
        transform: scale(1.05);
    }

    .lwlu-li-link:hover {
        background: var(--colorfff);
        color: var(--colormain1);
    }

    .loads-list-ul-li a:hover {
        color: var(--colormain1);
    }

    .loads-list-ul-li a:hover::after {
        width: 100%;
    }

    .case-list-top-ri .std-btn2-box:hover img {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    .ys-select-li:hover,
    .ys-select-li a:hover {
        color: transparent;
    }

    .ys-select-li:hover::after,
    .ys-select-li a:hover::after {
        opacity: 1;
    }

    .pc-fenye a:hover li {
        color: var(--colormain1);
        background: transparent;
        border-bottom: solid 1px var(--colormain1);
    }

    .mnul-link:hover .mnul-link-tit {
        color: transparent;
    }

    .mnul-link:hover .mnul-link-tit::after {
        opacity: 1;
    }

    .ys-bread-list a:hover {
        opacity: 1;
    }

    .std-btn1-box:hover img {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .std-btn2-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }

    .std-btn2-box:hover::before {
        opacity: 0;
    }

    .std-btn2-box:hover p {
        color: var(--colorfff);
    }

    .std-btn2-box:hover img {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .hnul-link:hover .home-news-tit::after {
        opacity: 1;
    }

    .hnul-link:hover .home-news-tit {
        color: transparent;
    }

    .std-btn3-box:hover img {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .mftr-ul-li ul li p a:hover,
    .mfbr-ul-li a:hover {
        color: var(--colorfff);
    }

    .ys-form-inof-item .ys-select-li:hover {
        color: transparent;
    }

    .mode-tech-list-item:hover p::after {
        width: 100%;
    }
}

.prodet-item.start1,
.hmvb-topli.start1 {
    opacity: 1;
    pointer-events: none;
    z-index: 12;
}

.hmvb-topli.start1 .hmvb-bot-textbox,
.hmvb-topli.start1 .hmvp-dots-wrap {
    pointer-events: all;
}

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

.mode-list-ri-wrap {
    width: 100%;
    position: relative;
}

.mode-instal .mod-news-ul {
    margin: 0px !important;
}

.mode-instal .mod-news-ul-li {
    padding: 0px !important;
}

.mode-were-cont h2 {
    width: 100%;
    text-align: center;
}

.flul-box-tp-tit {
    line-height: var(--line14);
}

.mnul-link {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.mod-news-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.loads-main .lull-ri {
    margin-bottom: 0px;
}

.comp-cert-ul .slick-dots {
    bottom: -25px;
}

.mode-instal-cont.empty .mod-arrows,
.mode-instal-cont.empty .swiper-pagination,
.carport-swip.empty .mod-arrows,
.carport-swip.empty .swiper-pagination,
.career-future.empty .swiper-pagination,
.career-future.empty .mod-arrows {
    opacity: 0;
    pointer-events: none;
}

.mode-list-ri-wrap {
    width: 100%;
    position: relative;
}

.page-slide-cont.empty .mod-arrows {
    opacity: 0;
}

.page-slide-cont.empty .swiper-pagination {
    opacity: 0;
}

.career-join-more {
    display: flex;
    justify-content: center;
}

.career-join-more-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cjmb-icon {
    width: 18px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 12px;
}

.cjmb-icon img {
    width: 100%;
    transform: rotate(-90deg);
    opacity: 0.5;
}

.career-join-more-box p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line175);
}

.loads-wrap-ri-video .slick-dots {
    bottom: -40px;
}

.career-join-more-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 20px;
    background: var(--colormain2);
    border-radius: 25px;
    overflow: hidden;
}

.mulb-fr-load-tit {
    width: 100%;
    font-size: var(--font20);
    color: var(--colorfff);
    line-height: var(--line14);
    margin-bottom: 35px;
}

.mulb-fr-load {
    display: flex;
    flex-wrap: wrap;
}

.ys-select .mCSB_outside+.mCSB_scrollTools {
    opacity: 0;
    transition: all .4s;
    transition-delay: 0.4s;
}

.ys-select.zindex .mCSB_outside+.mCSB_scrollTools {
    opacity: 1;
}

.hmvp-dots-wrap.act {
    z-index: 12;
}

.roof-main .ys-nyban-title p,
.roof-main .ys-nyban-title h1 {
    width: 65%;
}

.mode-main .yntu-li p {
    width: 100% !important;
}

.video-list-le-list a {
    border-radius: var(--radius20);
    overflow: hidden;
}

.vlru-li-link,
.video-list-ri-ul .slick-list {
    height: 100%;
}

.video-list-ri-ul .slick-track {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.vlru-li {
    height: auto !important;
}

.mode-main.roof-main .mod-news .mod-news-ul {
    display: block;
    clear: both;
}

.mode-main.roof-main .mod-news .mod-news-ul li {
    float: left;
}

.ctact-regions-ul {
    padding-bottom: 40px;
}

.ctact-regions-ul .slick-dots {
    bottom: 0px !important;
}

.mode-main .ys-nyban-title p,
.mode-main .ys-nyban-title h1,
.mode-main .ys-nyban-title-ul {
    text-align: left;
    width: 80%;
}

.mode-main .ys-nyban-title h1 {
    margin-bottom: 30px;
}

.mod-news-ul .slick-list {
    padding-bottom: 20px;
    min-width: 100%;
}

.mod-news-ul .slick-dots {
    bottom: 0px;
}

.slick-dots li {
    float: none !important;
}

.comp-about-ri {
    padding-top: 20px;
    padding-bottom: 30px;
}

.ys-select-bd::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.60); */
    /* border: 1px solid rgba(255, 255, 255, 0.30); */
    border-radius: var(--radius20);
    z-index: -1;
    pointer-events: none;
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* background: url(../images/1.svg) center / cover no-repeat; */
}

.lwlu-li-link {
    line-height: 1.4;
}

.mod-foot-top {
    align-items: stretch;
}

.mode-tech-list {
    justify-content: center;
}

/* 20250113 */
.mtic-ul .slick-list {
    /* overflow: visible !important; */
}

body.active .mode-main .ys-nyban-title-ul {
    justify-content: center;
    width: 100%;
}

body.active .ys-nyban-title {
    top: 35%;
}

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

.mod-paging-ri-input {
    width: 68px;
    height: 40px;
    border-radius: 36px;
    border: 1px solid var(--color333);
    margin-left: 24px;
}

.mod-paging-ri-input input {
    font-size: var(--font16);
    width: 100%;
    height: 100%;
    padding: 0 10px;
    text-align: center;
    color: var(--color333);
}

.mod-paging .ys-pcfy {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.pc-fenye {
    left: auto;
    transform: inherit;
}

.mod-paging-ri-btn {
    margin-left: 10px;
}

.mod-paging-ri-btn a,
.mod-paging-ri-btn {
    width: 68px;
    height: 40px;
    border-radius: 50px;
    background: var(--colormain2);
    text-align: center;
    font-size: var(--font14);
    line-height: 40px;
    color: var(--colorfff);
}

.mod-paging-ri-total {
    margin-left: 20px;
}

.mod-paging-ri-total p {
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--color333);
}

.mod-button {
    display: flex;
    justify-content: center;
    margin-top: var(--space60);
}

.std-btn-icon {
    display: none;
}

.std-btn1-box,
.std-btn2-box {
    padding: 8px 24px;
}

.ctact-btn .std-btn-icon {
    display: block;
}

.ctact-btn .std-btn1-box {
    padding: 8px 11px 8px 24px;
}

.std-btn1.news .std-btn1-box {
    background: transparent;
    border: solid 1px var(--colormain1);
}

.std-btn1.news .std-btn1-box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    transform: translate(0%, -50%);
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    background: var(--colormain1);
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: all .4s;
    border-radius: 22.5px;
}

.std-btn1.news .std-btn1-box p {
    color: var(--colormain1);
}

.case-list .mod-button {
    margin-top: 0px !important;
}

.ctact-form h2 {
    margin-bottom: 40px;
}

.load-modal .ys-modal-content {
    width: 1558px;
    max-height: calc(100vh - 40px);
    border-radius: var(--radius20);
    padding: 72px 70px;
}

.load-modal-cont h2 {
    text-align: center;
    color: var(--color333);
    margin-bottom: 37px;
}

.lwrd-ul-li-link {
    cursor: pointer;
}

.load-modal .ys-fii-input {
    height: 50px;
}

.load-modal .ys-form-inof-item {
    margin-bottom: 16px;
}

.load-modal .ys-form-inof-text label {
    padding: 16px 24px;
}

.load-modal .ys-form-inof-item.ys-form-third-country .ys-select-bd {
    padding: 0px !important;
}

.load-modal .ys-fii-submit {
    height: auto;
    line-height: inherit;
}

.load-modal .mCSB_inside>.mCSB_container {
    margin-right: 10px;
}

.load-modal .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.load-modal .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 10px;
    right: -5px;
    bottom: 0;
}

.load-modal .ys-fic-auth-img {
    height: 50px;
}

.load-modal {
    background: rgba(0, 0, 0, 0.5);
}

.mod-foot-add {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: var(--radius20);
    background: #EFEFF2;
    padding: 60px 70px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.mftl-word {
    margin-bottom: 0px !important;
}

.mod-foot {
    padding-top: 237px;
}

.mod-foot .mftr-sear {
    margin-bottom: 0px !important;
}

.mod-foot-add-le {
    width: 40%;
}

.mod-foot-add-ri {
    width: 50%;
}

.mod-foot-add-ri .mftr-sear,
.mod-foot-add-ri .mftr-sear-input {
    width: 100%;
}

.mod-foot-add-ri .mftr-sear-input {
    margin-bottom: 0px;
    height: 64px;
}

.mod-foot-add-le .mftl-tit {
    color: var(--color333);
    margin-bottom: 20px;
}

.mftl-word p {
    color: var(--color666);
    font-size: var(--font18);
}

.mod-foot .mftr-sear .std-btn2-box {
    background: var(--colormain1);
    padding: 8px 21px 8px 34px;
}

.mftr-sear .std-btn2-box p {
    color: var(--colorfff);
}

.ys-footer {
    padding-top: 120px;
}

.mod-foot .mftr-sear .std-btn2-icon {
    margin-left: 36px;
    display: block;
}

.mod-foot .mftr-sear .std-btn2-box {
    cursor: pointer;
}

.mod-foot .mftr-sear {
    justify-content: flex-start;
    align-items: flex-start;
}

.mod-foot-add-ri .mftr-sear,
.mod-foot-add-ri .mftr-sear form {
    margin-bottom: 0px !important;
}

.mod-foot-top-cont {
    width: 100%;
    display: flex;
    justify-content: center;
}

.mftc-text {
    display: inline-block;
    text-align: center;
    border: 5px solid #7ec370;
    padding: 20px;
    color: #7ec370;
    background-color: white;
    text-align: center;
    margin: 20px auto 0px auto;
    font-size: var(--font18);
    width: 26%;
    /* left: 50%; */
    position: relative;
    /* transform: translateX(-50%); */
}

.ys-footer .mftr-sear .std-btn2 {
    justify-content: flex-end;
    width: auto;
}

.ys-footer .mftr-sear .std-btn2 {
    position: relative;
    top: auto;
    right: auto;
}

.ys-footer .ys-form-inof-submit {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: flex-end;
    width: auto;
    padding: 0;
}

.ys-footer .ys-fii-submit {
    height: 100%;
    line-height: inherit;
}

.ctact-main .ys-footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #F6F6F8;
}

.ctact-form .mftc-text {
    width: 77%;
    margin: 0px auto 20px auto;
}

.std-btn2-icon {
    display: none;
}

.mnul-link-tit,
.mnul-link-tit::after {
    height: 4.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mod-foot-top-ri {
    width: 54%;
}

.comp-about-ri-word p {
    font-size: var(--font20);
}

.ccsc-ul-li-box {
    padding: 40px 18px 50px 34px;
}

.culb-cry-word {
    display: none;
}

.cfss-ul-li-box {
    cursor: pointer;
}

.mode-tech-lists .mod-arrows {
    width: 100%;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.roof-main .ys-footer::after,
.comp-main.about-main .ys-footer::after,
.carport-main .ys-footer::after,
.comp-main .ys-footer::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
}

.comp-main.about-main .ys-footer::after {
    background: #000;
}

.show-main .about-addr {
    margin-bottom: var(--space60);
}

.roof-main .ys-nyban-title p,
.roof-main .ys-nyban-title h1,
.roof-main .ys-nyban-title-ul {
    width: 100% !important;
}

.ctact-form .ys-form-inof-item.ys-form-third-country .ys-select-bd {
    padding: 0px !important;
}

.loads-wrap-ri .std-btn2-icon,
.case-list-top-ri .std-btn2-icon {
    display: block;
}

.case-list-top-le .ys-select-bd {
    background: #fff;
}

.case-list-top-le .ys-select-li {
    border-bottom: solid 1px rgba(153, 153, 153, 0.3);
    color: #999;
}

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

.ys-select-li:last-child a,
.ys-select-li:last-child {
    border-bottom: none;
}

@media screen and (min-width: 1200px) {
    .std-btn1.news .std-btn1-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }

    .std-btn1.news .std-btn1-box:hover p {
        color: #fff;
    }
}

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

.faq-list-ul {
    margin-top: 50px;
}

.case-main .mod-paging-ri-input {
    border: solid 1px #fff;
}

.case-main .mod-paging-ri-input input,
.case-main .mod-paging-ri-total p,
.case-main .mod-paging-ri-total p span {
    color: #fff;
}

.mode-vari-ri-ph {
    display: none;
}

.mode-instal .mnul-link-tit,
.mode-instal .mnul-link-tit::after {
    height: 2.8em;
    -webkit-line-clamp: 2;
}

.mode-instal-cont.empty .mode-instal-swip {
    padding-bottom: 0px !important;
}

.mode-instal-cont.empty1 .mod-news-ul {
    justify-content: center;
}

.ctact-regions-ul {
    align-items: stretch;
}

.ctact-regions-ul-li {
    height: auto !important;
}

.crul-box {
    height: 100% !important;
}

.swiper-pagination-bullet-active {
    background: var(--colormain2) !important;
}

.mulb-fl {
    width: 33%;
}

.about-main.comp-main .ys-footer {
    padding-top: 0px !important;
}

.about-main.comp-main .mod-foot-add {
    margin-top: -120px;
}

.ys-footer .ys-form-inof-item {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.ys-footer .std-btn2-box::after {
    opacity: 0;
}

.plul-le {
    padding-right: 50px;
}

.mode-list-ri-wrap video {
    top: 0;
    left: 0;
    transform: inherit;
    width: 100%;
}

.carport-main .mod-news .mnul-link-tit,
.carport-main .mod-news .mnul-link-tit::after {
    height: auto !important;
    -webkit-line-clamp: inherit !important;
}

.loads-wrap {
    padding-top: 92px;
}

.loads-wrap-ul-li.on1 .lwul-link {
    color: var(--colorfff);
}

.loads-wrap-ul-li.on1 .lwul-link::after {
    opacity: 1;
}

.mulb-fl-btul.nomore {
    opacity: 0;
    pointer-events: none;
}

.home-main .home-news .home-news-tab {
    margin-right: 8px;
}

.comp-main section,
.carport-main section,
.loads-main section {
    overflow: hidden !important;
}

.carport-pane {
    overflow: visible !important;
}

.ctact-regions-ul {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
}

.ctact-regions-ul-li {
    width: 33.333333%;
    margin-bottom: 24px;
}

.ctact-regions-ul {
    padding-bottom: 0px !important;
}

.comp-main .high-deve {
    overflow: visible !important;
}

.carport-main .carport-pane {
    overflow: visible !important;
}

/*20250124*/
#scrolly-video video {
    background: transparent !important;
}

.ctact-ctmap {
    padding-bottom: 240px;
}

.mode-main .ys-nyban-title p,
.mode-main .ys-nyban-title h1,
.mode-main .ys-nyban-title-ul {
    text-align: left;
    width: 65%;
}

.high-deve-le {
    padding-bottom: 240px;
}

.high-deve-le::after {
    height: calc(100% - 240px);
}

.high-deve-ri {
    top: 260px;
}

.mod-news-ul .slick-list {
    min-width: 100%;
}

.loads-main .home-news-ul {
    display: flex;
}

.loads-main .home-news-ul .slick-list {
    min-width: 100%;
}

/*20250211*/
.show-main .about-dots-ul-li .adul-icon2 {
    background: var(--colormain2);
    transform: scale(1.25);
}

.show-main .about-dots-ul-li .adul-icon2::before {
    background: rgba(230, 0, 18, 0.5);
}

.show-main .about-dots-ul-li .adul-icon2::after {
    background: rgba(230, 0, 18, 0.8);
}

.show-main .show-cont {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

.cjul-link-tit,
.cjul-link-tit::after {
    font-size: 28px;
}

.ctact-form .ys-cont1560 {
    position: relative;
}

.ctact-form .mod-foot-top-cont {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

.ctact-form .mftc-text {
    padding: 60px;
    font-size: 30px;
}

.mftc-text {
    line-height: 1.5;
}

.home-main img {
    height: auto;
}

.home-mode-media-svg {
    transform-origin: 50% 67.7%;
}

/* 2025.3.10新增 star */

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

.regions-cont-top {
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 80px;
}

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

.regions-cont-top .ys-select {
    margin-right: 35px;
    max-width: 100%;
}

.regions-cont-top-input1 {
    width: 180px;
}

.regions-cont-top-input4,
.regions-cont-top-input3,
.regions-cont-top-input2 {
    width: 180px;
}



.regions-cont-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.rcbu-li {
    width: 33.333333%;
    position: relative;
    padding: 0 12px;
    margin-bottom: 40px;
}

.rcbu-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    background: #FFF;
    padding: 32px 58px;
}

.regions-main {
    background: #F6F6F8;
}

.rcbu-wrap-top-le {
    width: 140px;
}

.rcbu-wrap-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #DEDEDE;
}

.rcbu-wrap-top-ri {
    width: 36px;
    border-radius: 50%;
}

.rcbu-wrap-btm-li {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.rwbl-le {
    display: flex;
    align-items: center;
}

.rwbl-le img {
    width: 16px;
    margin-bottom: 2px;
}

.rwbl-le p {
    color: #666666;
    line-height: 1.3;
    padding-left: 10px;
}

.rwbl-le {
    width: 40%;
}

.rwbl-ri {
    width: 60%;
}

.rwbl-ri p {
    line-height: 1.3;
}

.rwbl-ri a {
    color: #333;
    transition: all 0.36s;
}

.rcbu-wrap-btm {
    width: 100%;
    padding-bottom: 20px;
}

.mftl-bt-added {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.mftl-bt-added-jump {
    padding-left: 55px;
    margin-left: 45px;
    position: relative;
}

.mftl-bt-added-jump::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 44px;
    background: #fff;
}

.mbaj-link img {
    width: 36px;
    border-radius: 50%;
}

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

.mbaj-link p {
    padding-left: 20px;
    color: #fff;
    line-height: 1.5;
}

.ys-footer-top {
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 30px;
    right: 53px;
    border-radius: 8px;
    transition: all 0.36s;
    /*overflow: hidden;*/
    z-index: 90;

}

.home-choose {
    z-index: 1;
}

.ys-footer-top img {
    width: 44px;
    transition: all 0.36s;
}

.ys-footer-top.is-act .ys-footer-top-wrap {
    /*transform: translateY(0%);*/
    pointer-events: all;
    opacity: 1;
}

.ys-footer-top-wrap {
    width: 100%;
    opacity: 0;
    height: 100%;
    background: #E60012;
    display: flex;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /*transform: translateY(100%);*/
    pointer-events: none;
    transition: all 0.36s;
    position: relative;
}

.ys-footer-top-wrap img:nth-child(2) {
    top: 160%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-choose {
    width: 100%;
    position: relative;
    background: #F6F6F8;
    overflow: hidden;
}

.home-choose-tit span {
    background: linear-gradient(115deg, #FFA768 0%, #E60012 16.95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.home-choose-tit {
    width: 100%;
    text-align: center;
}

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

.home-choose-btm-li {
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 6px;
}

.hcbl-ul {
    display: flex;
    flex: none;
}

.hcbl-li {
    width: 150px;
    height: 150px;
    margin-right: 22px;
    position: relative;
    flex: none;
}

.hcbl-li-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hcbl-li-wrap-top {
    width: 79%;
    transition: all 0.36s;
}

.hcbl-li-wrap-btm {
    width: 100%;
    height: 100%;
    background: #E60012;
    border-radius: 50%;
    transition: all 0.4s ease;
    opacity: 0;
}

.hcbl-li-wrap-rever {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 108%;
    opacity: 0;
    transition: all 0.16s;
    transition-delay: 0.1s;
}

.home-choose-btm-li1 .hcbl-ul {
    animation: donghua 30s linear infinite;
}

.home-choose-btm-li2 .hcbl-ul {
    animation: donghuak 30s linear infinite;
}

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

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

@keyframes donghuak {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.home-main .ys-footerh {
    background: #F6F6F8;
}

.mftl-bt span {
    margin-bottom: 12px;
}

.home-choose-btm {
    position: relative;
}

.home-choose-btm::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    z-index: 21;
    background: linear-gradient(90deg, #F6F6F8 35%, rgba(246, 246, 248, 0.00) 100%);
}

.home-choose-btm::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 100%;
    z-index: 21;
    background: linear-gradient(-90deg, #F6F6F8 35%, rgba(246, 246, 248, 0.00) 100%);
}

.comp-main .ys-footerh::after {
    background: #F6F6F8;
}

.ys-footer-top {
    width: 50px;
    height: 50px;
}

.ys-footer-top-wrap {
    background: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3.077px 10.769px rgba(0, 0, 0, 0.10);
}

.ys-footer-top {}

.ys-footer-top-wrap svg {
    width: 28px;
}

.ys-footer-top-wrap path {
    transition: all 0.36s;
}

.ys-footerh.actf::after {
    background: #fff;
}

.ruul-tit .std-h3 {
    color: #000;
    line-height: 1.5;
}

.ruul-tit {
    margin-bottom: 15px;
}

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

    .ys-footer-top-wrap:hover .yftw-path1 {
        fill: #E60012 !important;
    }

    .ys-footer-top-wrap:hover .yftw-path2 {
        stroke: #E60012 !important;
    }

    .home-choose-btm-li:hover {
        z-index: 20;
    }

    .hcbl-li:hover {
        z-index: 10;
    }

    .home-choose-btm-li:hover .hcbl-ul {
        animation-play-state: paused;
    }

    .hcbl-li:hover .hcbl-li-wrap-rever {
        opacity: 1;
    }

    .hcbl-li:hover .hcbl-li-wrap-btm {
        transform: scale(1.32);
        opacity: 1;
    }

    .hcbl-li:hover .hcbl-li-wrap-top {
        opacity: 0;
    }

    .hcbl-li:hover .hcbl-li-wrap {
        background: transparent;
    }

    .rwbl-ri a:hover {
        color: #E60012;
    }

    .ys-footer-top-wrap:hover img:nth-child(1) {
        transform: translateY(-70px);
    }

    .ys-footer-top-wrap:hover img:nth-child(2) {
        top: 50%;
    }

}

/* 2025.3.10新增1 end */
.ys-footer {
    z-index: 15;
}

.regions-cont-btm-btn {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

/* 2025.4.10新增star */

.rooftop-upgrad {
    width: 100%;
    position: relative;
    padding-top: 100px;
}

.rooftop-upgrad-ul {
    width: 100%;
}

.ruul-info p {
    line-height: 1.75;
    color: rgba(0, 0, 0, 0.7);
    font-size: var(--font24);
}

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

.ruul-top {
    width: 100%;
    position: relative;
    margin-bottom: 77px;
}

.ruul-btm-swiper {
    width: 77.5%;
}

.rbsu-li-le {
    width: 55.5%;
    border-radius: 20px;
}

.rbsu-li-ri {
    width: 44.5%;
    padding-left: 55px;
    padding-top: 30px;
    padding-bottom: 30px;
}


.rbsu-li-ri-tit p {
    font-size: var(--font32);
    line-height: 1.5;
    color: #333;
    transition: all 0.36s;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.rbsu-li-ri-info p {
    color: #666666;
    line-height: 1.75;
    max-height: 7em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

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

.rbsu-li-ri-tit {
    margin-bottom: 16px;
}

.rlrm-link {
    color: #E60012;
    line-height: 1.5;
    font-size: 16px;
    border: 1px solid #E60012;
    border-radius: 32px;
    transition: all 0.36s;
    padding: 10px 38px;
}

.rbsu-li-ri-more {
    display: flex;
}

.rbsu-li-ri-info {
    margin-bottom: 50px;
}

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

.company-video-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
    background: transparent !important;
}

.rbsu-li-wrap.on .company-video-hover {
    opacity: 1;
}

.ruul-btm-line {
    width: 100%;
    position: relative;
    margin-top: 80px;
}

.ruul-btm .swiper-pagination {
    width: 100%;
    height: 1px;
    position: static !important;
    background: #CDCBC8 !important;
}

.ruul-btm .swiper-pagination-progressbar-fill {
    background: #E60012 !important;
    height: 2px;
}

.ruul-btm-line .mod-arrows {
    margin-top: 22px;
    display: flex;
    justify-content: flex-end;
}

.ruul-btm-line .arrows-prev {
    margin-right: 16px;
}

.ruul-btm-line .arrow-icon {
    width: 55px;
    height: 55px;
    border: 1px solid #E60012;
}

.ruul-btm-line .arrow-icon::after {
    display: none;
}

.rooftop-articl {
    width: 100%;
    position: relative;
    background: #F6F6F8;
}

.rooftop-main .ys-footer {
    background: #F6F6F8;
}

.rooftop-articl-top-le .std-h3 {
    color: #000000;
    line-height: 1.5;
}

.rooftop-articl-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 47px;
}

.rooftop-articl-btm {
    width: 100%;
}

.rabu-li {
    width: 50%;
    padding: 0 17px;
    margin-bottom: 40px;
}

.rooftop-articl-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -17px;
}

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

.rabu-link-le {
    border-radius: 40px;
    width: 40%;
}

.rabu-link-ri {
    width: 60%;
    padding-left: 44px;
}

.rabu-link-ri-lable p {
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
    padding: 5px 15px;
    background: #E9E9E9;
    border-radius: 5px;
}

.rabu-link-ri-lable {
    display: flex;
    margin-bottom: 11px;
}

.rabu-link-ri-tit .std-h4 {
    color: #333333;
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.rooftop-articl-top-ph {
    display: none;
}

.mode-vari .loads-wrap-ul {
    margin: 0 0px !important;
    border-radius: 100px;
    background: rgba(232, 232, 237, 0.70);
    padding-bottom: 0 !important;
}

.mode-vari .loads-wrap-ul-li {
    padding: 0 !important;
    cursor: pointer;
    margin-bottom: 0 !important;
}

.mode-vari-swiper {
    display: flex;
}

.mvwu-wrap-le {
    width: 51%;
}

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

.mvwu-li,
.mode-vari-wrap-ul {
    width: 100%;
}

.mvwu-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    flex-direction: row-reverse;
}

.mvwu-wrap-ri {
    width: 49%;
    padding-right: 97px;
}

.mvwu-wrap-ri p {
    color: #333333 !important;
    line-height: 1.75;
}

.mvwu-wrap-ri p span {
    color: #E60012;
}

.mode-vari-swiper {
    margin-bottom: 93px;
}

.mvwu-li {
    display: none;
}

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

.csli-wrap-le {
    width: 43%;
}

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

.csli-wrap-ri {
    width: 57%;
    padding-left: 114px;
}

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

.csli-wrap-ri-mod {
    font-size: 16px;
    line-height: 1.5;
    color: #86868B;
    margin-bottom: 35px;
}

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

.csli-wrap-ri-tit {
    margin-bottom: 55px;
}

.cwru-li,
.csli-wrap-ri-ul {
    width: 100%;
}

.csli-wrap-ri-ul {
    margin-bottom: 60px;
}

.cwru-li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 18px;
}

.cwru-li p {
    line-height: 1.5;
    color: #86868B;
}

.cwru-li p:nth-child(2) {
    color: #fff;
}

.cwru-li p:nth-child(1) {
    width: 42.5%;
    padding-right: 15px;
}

.cwru-li p:nth-child(2) {
    width: 57.5%;
}

.carport-select-list-item {
    width: 100%;
}

.cwrd-tit p {
    font-size: var(--font20);
    color: #fff;
    line-height: 1.5;
}

.cwrd-tit {
    margin-bottom: 35px;
}

.cwrd-ul {
    display: flex;
}

.cwrd-ul-li {
    width: 187px;
    margin-right: 42px;
}

.cwrd-ul-li:nth-child(2) {
    width: 240px;
}

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

.cwrd-ul-li .ys-select-hd {
    border-radius: 6px !important;
    padding-left: 44px;
}

.cwrd-ul-li .ys-select {
    width: 100%;
}

.cwrd-ul-li .ys-select-hd img {
    width: 18px;
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}

.cwrd-ul-li .ys-select-hd input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #86868B;
}

.cwrd-ul-li .ys-select-hd input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #86868B;
}

.cwrd-ul-li .ys-select-hd input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #86868B;
}

.cwrd-ul-li .ys-select-hd input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #86868B;
}

.cltl-sect .icon-arrow-down:before,
.cwrd-ul-li .cltl-sect .icon-arrow-down {
    color: #86868B !important;
}

.csli-wrap .ys-select-link a {
    font-size: 14px;
    line-height: 1.4;
    color: #86868B;
}

.csli-wrap .ys-select-link {
    margin: 5px 0;
}

.csli-wrap .ys-select-link:last-child {
    margin-bottom: 0px !important;
}

.carport-select .lwul-link {
    cursor: pointer;
}

.csli-wrap .ys-select-bd::after {
    border-radius: 10px;
}

.solu-pull-change .ppul-link-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.solu-pull-change .ppul-link-tit img {
    width: 14px;
    flex: none;
    margin-left: 5px;
    transition: all 0.36s;
}

.ppul-top {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ppul-btm {
    width: 100%;
    position: relative;
    padding-top: 16px;
    /* display: none; */
}

.ppul-btm-link img {
    width: 10px;
    margin-left: 16px;
    flex: none;
    opacity: 0;
    transition: all 0.36s;
}

.ppul-btm-link p {
    font-size: 16px;
    line-height: 1.5;
    color: #969696;
    position: relative;
    transition: all 0.36s;
}

.ppul-btm-link p::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    /*font-size: 16px;*/
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

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

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

.ppul-btm-li.yxnav-active3 .ppul-btm-link p {
    color: transparent;
}

.ppul-btm-li.yxnav-active3 .ppul-btm-link p::after {
    opacity: 1;
}

.ppul-btm-li.yxnav-active3 img {
    opacity: 1;
}

.solu-pull-change .prod-pull-ul-li {
    min-height: 330px;
}

.std-btn2-box::before {
    box-sizing: border-box;
}

.ctact-main .mod-wrap {
    position: relative;
    z-index: 1;
}

.mod-foot-add-le {
    width: 48%;
}

.case-list-top-le .ys-select-bd {
    background: #fff;
}

/* .case-list-top-le .ys-select-li {
    border-bottom: solid 1px #999;
    color: #999;
} */

.ppul-btm {
    padding-top: 0 !important;
}

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

.cwrd-ul-li {
    width: 250px;
    margin-bottom: 30px;
}

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

.cwrd-ul-li:nth-child(1) {
    z-index: 10;
}

.cwrd-ul-li:nth-child(2) {
    z-index: 9;
}

.cwrd-ul-li:nth-child(3) {
    z-index: 8;
}

.cwrd-ul-li:nth-child(4) {
    z-index: 7;
}

.cwrd-ul-li .ys-select-bd {
    background: #fff;
}

.cwrd-ul-li .ys-select-li {
    border-bottom: solid 1px rgba(153, 153, 153, 0.3);
    color: #999;
}

.ys-select-link {
    border-bottom: solid 1px rgba(153, 153, 153, 0.3);
    padding: 5px 0;
}

.ys-select-link a {
    display: block;
    position: relative;
    transition: all .4s;
}

.ys-select-link:last-child {
    border-bottom: none;
}

.ys-select-link a::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(100deg, #FFA768 -4.86%, #E60012 48.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 0;
    transition: all .4s;
}

.mvwu-wrap-le img {
    border-radius: 20px;
}

.mode-vari .std-h3 {
    text-align: left;
}

.mode-vari .loads-wrap-ul {
    padding: 6px !important;
}

.mulb-fr-load-swlect .ys-select-bd {
    background: #fff;
}

.mulb-fr-load-swlect .ys-select-li {
    border-bottom: solid 1px rgba(153, 153, 153, 0.3);
    color: #999;
}

.mulb-fr-load-swlect .ys-select-li a {
    color: #999;
}

.mulb-fr-load-swlect .ys-select-li:last-child {
    border-bottom: none;
}

.ys-select-link {
    border-bottom: solid 1px rgba(153, 153, 153, 0.3);
    padding: 5px 0;
}

.mode-vari .lwul-link {
    background: transparent !important;
}

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

    .mulb-fr-load-swlect .ys-select-li a:hover {
        color: transparent;
    }

    .ys-select-link a:hover {
        color: transparent;
    }

    .ys-select-link a:hover::after {
        opacity: 1;
    }

    .rabu-link-ri-tit .std-h4:hover {
        color: #E60012;
    }

    .rooftop-articl-top-more .rlrm-link:hover {
        background: #E60012;
        color: #fff;
    }

    .rbsu-li-wrap:hover .rlrm-link {
        background: #E60012;
        color: #fff;
    }

    .ruul-btm-line .arrow-icon:hover {
        background: #E60012;
    }

    .case-list-top-le .ys-select-li:hover {
        color: transparent !important;
    }
}

/* 2025.4.10新增end */


/*2025.5.22新增 star*/
.ys-phnav2-language {
    margin-top: 20px;
}

.carport-pane-slick-li {
    display: none;
}

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

.carport-pane-btmu {
    width: 100%;
    position: relative;
}

.carport-pane-btmu .mod-arrows {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 120px);
    pointer-events: none;
}

.carport-pane-btmu .mod-arrows .arrow-icon{
    pointer-events: all;
}

.horizon-newly {
    width: 100%;
    position: relative;
}

.horizon-newly .foof-first-img {
    position: relative;
}

/*.horizon-newly .foof-first-img::after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 45.9%);*/
/*}*/

.horizon-newly-wrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
    padding: var(--space150) 0;
}

.horizon-newly-wrap .ys-cont1560 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.horizon-newly-top .std-h3 {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

.hnbu-le {
    width: 80px;
    flex: none;
}

.hnbu-le img{
    width: 100%;
}

.hnbu-li {
    width: 25%;
    padding-right: 15px;
    display: flex;
    align-items: center;
}

.horizon-newly-btm-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.hnbu-ri {
    font-size: var(--font20);
    line-height: 1.6;
    color: #fff;
    padding-left: 30px;
}

.about-dots-ul-li.top .adul-pop{
    top: auto !important;
    left: auto !important;
    bottom: 100%;
    transform: translateX(-50%);
}

/*2025.5.22新增 end*/

.mulb-fr-load-swlect {
    width: 252px;   
}

.mulb-fr-load .mulb-fr-load {
    width: 100% !important;
    margin: 0 !important;
}

.solu-pull-change .ppul-link-tit {
        color: var(--colorfff) !important;
}

.solu-pull-change .ppul-link-tit::after {
    opacity: 0 !important;
}

.hnbu-le{
    width: 60px;
 }
 
 .ys-phnavss-modal button {
    width: 106px !important;
 }
 
 .ys-phnavss-modal .ys-phnavss-form input {
    width: calc(100% - 112px) !important;
 }
 
 .lwlu-li-link {
    padding: 22px 26px;
 }
 
 .std-btn2-box::before {
    display: block;   
 }

/**/
 
.hnbu-li {
    width: auto !important;
    max-width: 28%;
}

.hnbu-ri {
    padding-left: 20px;
}

.hnbu-li {
    padding-right: 35px;
}