esetcharset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'allinnpay-manropebold';
    src: ;
    src:  format('embedded-opentype'),
         format('woff2'),
         format('woff'),
         format('truetype'),
         format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'allinnpay-roboto';
    src: ;
    src:  format('embedded-opentype'),
         format('woff2'),
         format('woff'),
         format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root {
    /* 字号 */
    --font48: 48px;
    --font40: 40px;
    --font32: 32px;
    --font28: 28px;
    --font24: 24px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line14: 1.4;
    --line145: 1.45;
    --line16: 1.6;
    --line175: 1.75;
    /* 导航 */
    --line80: 80px;
    /* 圆弧 */
    --bor16: 16px;
    /* 颜色 */
    --color1: #262947;
    --color2: #666666;
    --color3: #999999;
    --color4: #ffffff;
    --color4: #ffffff;
    --color5: #333333;
    --colormain: #1766ff;
    --colorbj1: #262947;
    --colorbj2: #f5f5f7;
    /* 板块间距 */
    --space120: 120px;
    --space100: 100px;
    --space50: 50px;
    --width-shu: 8;
    --width-shu2: 4;
    --width-shu3:9;
    /* 段落间距 */
    --parpspace12: 12px;
    /* 特殊字体 */

}
.std-h1,
.yxedr-active h2 {
    font-size: var(--font48);
    color: var(--color1);
    line-height: var(--line14);
    ont-weight: bold;
}
.std-h2,
.yxedr-active h3 {
    font-size: var(--font40);
    color: var(--color1);
    line-height: var(--line14);
    font-weight: bold;
}
.std-h3,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color1);
    line-height: var(--line14);
    font-weight: bold;
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font28);
    color: var(--color1);
    line-height: var(--line145);
    font-weight: bold;
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--font24);
    color: var(--color1);
    line-height: var(--line16);
    font-weight: bold;
}
.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color5);
    line-height: var(--line175);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color2);
    line-height: var(--line175);
}
.std-text3,
.std-text3 p {
    font-size: var(--font14);
    color: var(--color2);
    line-height: var(--line175);
}
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color1);
    line-height: var(--line175);
    margin-bottom: var(--parpspace12);
}
.std-padding {
    padding-top: var(--space120);
}
.std-padding2 {
    padding-top: var(--space100);
}
.std-padding3 {
    padding-bottom: var(--space120);
}
.std-padding4 {
    padding-bottom: var(--space100);
}
body {
    font-family: "pingfang sc", "microsoft yahei";
}
/* wow弹窗字体引入 */
.altumcode {
    --fontfamily: "pingfang sc", "microsoft yahei" !important;
}
/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
/*分享翻译*/
.ys-wechat-cont-parga p::before {
    content: '分享到 - 微信';
    /* content: 'share the - weixin'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}
/*导航默认选中*/
.yxnav-active1 .head-nav-item-title p {
    color: var(--colormain);
}
.yxnav-active1 .hnit-arrow img {
    transform: rotate(180deg);
}
.yxnav-active2 .hlul-tit{
    color: var(--colormain);
}
.yxnav-active3 a{
    color: var(--colormain) !important;
}
.yxnav-active4 .hmul-box span{
    color: var(--colormain);
}
.yxnav-active5 a{
    background: var(--colormain);
    color: var(--color4) !important;
}
.yxnav-active6 p{
    color: var(--colormain) !important;
}
.head-nav-item-title {
    line-height: var(--line80);
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child) {
    display: none;
}
/* 省略号 */
.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 过渡 */
.transition-time1 {
    transition: all .36s both;
}
.transition-time2 {
    transition: all .5s both;
}
/* 公共样式 - end */
/* 按钮规范 start */
.std-btn1 {
    display: inline-block;
}
.std-btn1-box {
    display: block;
    cursor: pointer;
    transition: all .4s;
    background: var(--colormain);
    padding: 8.5px 50px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.std-btn1-box p {
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--color4);
    z-index: 10;
    position: relative;
    transition: all .4s;
}
.std-btn1-box::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #1766ff 22.09%, #55adff 95.35%);
    transition: all .4s;
}
.std-btn2 {
    display: inline-block;
}
.std-btn2-box {
    display: block;
    cursor: pointer;
    transition: all .4s;
    padding: 7.5px 49px;
    background: var(--color4);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 1px solid var(--colormain);
}
.std-btn2-box p {
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--colormain);
    z-index: 10;
    position: relative;
    transition: all .4s;
}
.std-btn2-box::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: var(--colormain);
    transition: all .4s;
    z-index: -1;
}
.std-btn3 {
    display: inline-block;
}
.std-btn3-box {
    display: block;
    cursor: pointer;
    transition: all .4s;
    padding: 11px 50px;
    background: var(--color4);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
}
.std-btn3-box p {
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--colormain);
    z-index: 10;
    position: relative;
    transition: all .4s;
}
.std-btn4 {
    display: inline-block;
}
.std-btn4-box {
    display: flex;
    align-items: start;
    cursor: pointer;
    transition: all .4s;
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
}
.std-btn4-box p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--colormain);
    z-index: 10;
    position: relative;
    transition: all .4s;
}
.std-btn4-box img {
    width: 7px;
    margin-left: 10px;
    flex-shrink: 0;
    margin-top: 11px;
}
.ys-footer {
    padding-top: 70px;
}
.ys-footer-top .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
}
.ys-footer-top-le {
    width: 29%;
}
.ys-footer-top-ri {
    width: 71%;
    padding-left: 220px;
}
.yftl-head {
    display: flex;
    align-items: center;
}
.yftl-head-logo {
    width: 170px;
}
.yftl-head-logo img {
    width: 100%;
}
.yftl-head-text {
    position: relative;
    padding-left: 29px;
    color: var(--color2);
}
.yftl-head-text::before {
    content: "";
    position: absolute;
    left: 17px;
    width: 1px;
    height: 21px;
    top: 50%;
    transform: translatey(-50%);
    background: #ddd;
}
.yftl-btn {
    padding-top: 30px;
}
.yftl-btn .std-btn1-box {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.yftl-btn .std-btn1-box img {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    z-index: 10;
    position: relative;
}
.yftl-btn .std-btn1-box::after {
    transition: all .8s;
}
.yftl-btn .std-btn1-box p {
    font-size: var(--font16);
    line-height: 2.7;
    color: var(--color4);
}
.yftl-ul {
    padding-top: 40px;
    display: flex;
    margin: 0 -26px;
}
.yftl-ul-li {
    padding: 0 26px;
}
.yftl-ul-li-img {
    width: 100%;
    height: 130px;
}
.yftl-ul-li-img img {
    height: 100%;
}
.yftl-ul-li-text {
    margin-top: 12px;
    text-align: center;
    color: var(--color2);
    line-height: 1.5;
    transition: all .4s;
}
.yftr-top {
    display: flex;
    justify-content: space-between;
}
.yftr-top-link {
    width: calc(100% - 147px);
    padding-right: 120px;
}
.yftr-top-code {
    width: 147px;
}
.yftr-top-code img {
    width: 100%;
}
.yftr-top-code p {
    text-align: center;
    color: var(--color2);
    margin-top: 16px;
}
.yftr-top-link>ul {
    margin: 0 -40px;
    display: flex;
}
.yftr-top-link>ul>li {
    width: 25%;
    padding: 0 40px;
}
.yftr-top-link>ul>li>a {
    color: var(--color5);
    font-size: var(--font16);
    line-height: 1.6;
}
.yftr-top-link>ul>li>ul {
    margin-top: 19px;
}
.yftr-top-link>ul>li:nth-child(1)>ul>li>a {
    color: var(--color5);
    font-size: var(--font14);
    line-height: 2.4;
}
.yftr-top-link>ul>li:nth-child(1)>ul>li {
    margin-top: 19px;
}
.yftr-top-link>ul>li:nth-child(1)>ul>li>ul>li>a {
    color: rgba(102, 102, 102, 0.80);
    font-size: var(--font14);
    line-height: 2.4;
    transition: all .4s;
}
.yftr-top-link>ul>li>ul>li>a {
    color: rgba(102, 102, 102, 0.80);
    font-size: var(--font14);
    line-height: 2.4;
    transition: all .4s;
}
.yftr-top-link p {
    margin-top: 10px;
}
.yftr-top-link p a {
    color: var(--colormain);
    /* color: rgba(102, 102, 102, 0.80); */
    display: flex;
    align-items: center;
    font-size: var(--font14);
    line-height: 1.6;
}
.yftr-top-link p a img {
    width: 6px;
    margin-left: 4px;
}
.yftr-bom {
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.yftr-bom-le {
    display: flex;
    flex-wrap: wrap;
}
.yftr-bom-le span {
    color: rgba(102, 102, 102, 0.80);
    font-size: var(--font14);
    line-height: 2.7;
}
.yftr-bom-le p a {
    color: var(--color5);
    font-size: var(--font14);
    line-height: 2.7;
    padding: 0 20px;
    position: relative;
    transition: all .4s;
}
.yftr-bom-le p a::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 21px;
    background: #ddd;
    top: 50%;
    transform: translatey(-50%);
    right: 0;
}
.yftr-bom-le p a:last-child::after {
    display: none;
}
.yftr-bom-ri-ul {
    display: flex;
    margin: 0 -9px;
}
.ybru-li {
    padding: 0 9px;
}
.ybru-li .ys-share-img {
    width: 38px;
}
.ys-share-img img {
    width: 100%;
}
.ys-footer-bom {
    margin-top: 20px;
    padding-top: 23px;
    padding-bottom: 20px;
    background-color: #f7f8f9;
}
.ys-footer-bom .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ys-footer-bom-ri p {
    margin: 0 -10px;
}
.ys-footer-bom-ri a {
    position: relative;
    color: var(--color5);
    line-height: 1.6;
    font-size: var(--font14);
    padding: 0 10px;
    transition: all .4s;
}
.ys-footer-bom-ri a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 1px;
    height: 16px;
    background-color: #333;
    right: 0;
}
.ys-footer-bom-ri a:last-child::after {
    display: none;
}
.ys-footer-bom-le a,
.ys-footer-bom-le span {
    color: var(--color3);
    line-height: 1.6;
    font-size: var(--font14);
}
.ys-footer-bom-le a {
    margin-right: 20px;
}
.ys-footer-bom-le img {
    width: 22px;
    margin-right: 3px;
}
.ys-footer-bom-le p a:last-child {
    margin-left: 20px;
}
.ys-footer-bom-le p a:nth-child(2) {
    text-decoration-line: underline;
}
.settle-main .mod-item,
.products-main .mod-item {
    padding-top: var(--space120);
}
.mod-item-img {
    height: 100%;
}
.mc_msc_boxr{
    cursor: pointer;
}
.mod-foot {
    position: relative;
    overflow: hidden;
    padding: var(--space100) 0;
    margin-top: var(--space120);
}
.case-main .mod-foot,
.detail-main .mod-foot{
    margin-top: var(--space100);
}
.mod-item-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.mod-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mod-foot .ys-cont1440 {
    position: relative;
}
.mod-foot .std-text2 {
    color: var(--color2);
    line-height: var(--line145);
    margin-top: 10px;
}
.mod-foot .std-btn1-box {
    border-radius: 8px;
}
.mod-item-btn {
    margin-top: var(--space50);
}
.mod-foot h2 {
    line-height: var(--line145);
    text-align: left !important;
}
.std-h2 {
    text-align: center;
}
.home-new-cry {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--space50);
}
.home-new-cry-le {
    width: 66%;
    position: relative;
}
.hncl-img {
    border-radius: var(--bor16);
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.hncl-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s;
}
.hncl-img::after {
    left: 0;
    top: 0;
    content: "";
    z-index: 10;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.4%, rgba(0, 0, 0, 0.60) 82.04%);
}
.hncl-text {
    position: absolute;
    left: 56px;
    bottom: 40px;
    z-index: 20;
    padding-right: 20px;
}
.home-new-cry-ri {
    width: 34%;
    padding-left: 39px;
}
.hncl-text-date {
    color: var(--color4);
    line-height: 1.8;
}
.hncl-text-cry {
    font-size: 20px;
    color: var(--color4);
    line-height: 1.8;
}
.hncr-ul-li {
    margin-top: 25px;
}
.hncr-ul-li a {
    width: 100%;
    display: inline-block;
    padding: 30px 30px 30px 40px;
    border-radius: 12px;
    background: #f4f7fb;
}
.ys-nyban{
    animation-duration: .4s;
}
.hncr-ul-li:first-child {
    margin-top: 0;
}
.hncr-ul-li-text {
    color: var(--color5);
    line-height: 1.8;
    transition: all .4s;
}
.hncr-ul-li-date {
    color: var(--color2);
    line-height: 1.8;
}
.home-new-btn {
    margin: 0 auto;
    width: fit-content;
    margin-top: 30px;
}
.home-new-btn p {
    font-size: var(--font16);
}
.home-trust {
    background: linear-gradient(180deg, rgba(243, 246, 251, 0.00) -3.14%, #f3f6fb 70.05%);
}
.home-trust-btn {
    margin-top: 20px;
}
.home-trust-ul {
    margin-top: var(--space50) !important;
    display: flex;
    margin: 0 -30px;
}
.home-trust-ul-li {
    height: auto !important;
    width: 33.333333%;
    padding: 4px 30px 0;
    transition: all .4s;
}
.htul-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: var(--bor16);
    background: var(--color4);
    box-shadow: 0px 0px 18.4px 0px rgba(211, 222, 229, 0.25);
}
.htul-img {
    width: 100%;
    border-radius: var(--bor16);
}
.htul-img img {
    width: 100%;
}
.htul-txt {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    padding: 20px 20px 40px 30px;
}
.htul-txt-name {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    color: var(--color5);
    line-height: var(--line175);
}
.htul-txt-word{
    flex: 1;
}
.htul-txt-word p {
    margin-top: 15px;
    color: var(--color2);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 5em;
}
.htul-txt-icon {
    width: 104px;
    margin-top: 25px;
}
.home-trust-slide{
    padding-top: 60px;
    padding-bottom: 30px;
}
.home-trust-run{
    --width: 244px;
    position: relative;
    --jian:50px;
    overflow: hidden;
}
.htrc-ul{
    width: calc(var(--width-shu)* var(--width));
    font-size: 0;
}
.htrc-ul-li{
    display: inline-block;
    width: var(--width);
    padding: 0 var(--jian);
}
.htrc-ul1{
    animation: donghua calc(6s* var(--width-shu)) linear infinite;
}
@keyframes donghua{
    0% {
        transform: translatex(0);
    }
    100% {
        transform: translatex(-100%);
    }
}
.htrc-ul2{
    transform: translatex(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 calc(6s* var(--width-shu)) linear infinite;
}
@keyframes donghua2{
    0% {
        transform: translatex(100%);
    }
    100% {
        transform: translatex(0);
    }
}
.settle-pay-slide{
    --width2: 368px;
    position: relative;
    --jian2:15px;
    overflow: hidden;
}
.settle-pay-ul{
    width: calc(var(--width-shu1)* var(--width2));
    font-size: 0;
    display: flex;
}
.settle-pay-ul-li{
    height: auto;
    display: inline-block;
    width: var(--width2);
    padding: 0 var(--jian2);
}
.settle-pay-ul1{
    animation: donghua calc(6s* var(--width-shu1)) linear infinite;
}
.settle-pay-ul2{
    transform: translatex(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 calc(6s* var(--width-shu1)) linear infinite;
}
.settle-pay-ul3{
    transform: translatex(200%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua3 calc(6s* var(--width-shu1)) linear infinite;
}
/* 轮播按钮 */
.slick-next::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background: ;
    background-size: cover;
    transition: all 0.4s;
}
.slick-prev::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background: ;
    background-size: cover;
    transition: all 0.4s;
}
.slick-next {
    right: -100px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 16px 0px rgba(172, 184, 207, 0.25);
    background: var(--color4);
}
.slick-prev {
    left: -100px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 16px 0px rgba(172, 184, 207, 0.25);
    background: var(--color4);
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: .4;
    pointer-events: none;
}
.slick-next::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background: ;
    background-size: cover;
    transition: all 0.4s;
}
.slick-prev::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background: ;
    background-size: cover;
    transition: all .4s;
}
.bcul-btn-next {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 16px 0px rgba(172, 184, 207, 0.25);
    background: var(--color4);
    position: relative;
    cursor: pointer;
    transition: all .4s;
}
.bcul-btn-prev {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 16px 0px rgba(172, 184, 207, 0.25);
    background: var(--color4);
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    transition: all .4s;
}
.bcul-btn-prev.slick-disabled,
.bcul-btn-next.slick-disabled {
    opacity: .4;
    pointer-events: none;
}
.bcul-btn-next::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background: ;
    background-size: cover;
    transition: all .4s;
}
.bcul-btn-prev::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background: ;
    background-size: cover;
    transition: all .4s;
}
/* 轮播按钮 end */
.home-why {
    background: #f0f7ff;
}
.home-why-cry {
    margin-top: var(--space50);
}
.home-why-cry-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -12px;
}
.hwct-li {
    padding: 0 12px;
    margin-bottom: 10px;
}
.hwct-li p {
    font-size: var(--font18);
    transition: all .4s;
    line-height: var(--line145);
    color: var(--color1);
    border-radius: 4px;
    background: #fff;
    padding: 10px 20px;
    cursor: pointer;
}
.home-why-cry-bom {
    margin-top: 30px;
}
.hwcb-li {
    position: relative;
}
.hwcb-li-cry {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hwcb-li-le {
    width: 51%;
    position: relative;
    z-index: 10;
    padding: 0 var(--space100);
}
.hwcb-li-ri {
    width: 49%;
    position: relative;
    z-index: 10;
}
.hwcb-li-ri img {
    border-radius: 12px;
}
.hwcb-li-bj {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--bor16);
    overflow: hidden;
}
.hwcb-li-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-why {
    padding-bottom: var(--space120);
}
.hwct-li.act p {
    color: var(--color4);
    background: var(--colormain);
}
.hwcb-li-le-ul {
    margin-top: 25px;
    padding-top: 8px;
    border-top: 1px solid #ddd;
}
.hllu-li {
    display: flex;
    margin-top: 32px;
}
.hllu-li-icon {
    width: 24px;
    margin-right: 11px;
}
.hllu-li-icon img {
    width: 100%;
}
.hllu-li-text p {
    line-height: var(--line16);
}
.hllu-li-text span {
    color: var(--colormain);
    font-weight: bold;
}
.hwcb-li-le-btn {
    display: flex;
    margin-top: 60px;
}
.hwcb-li-le h3 {
    position: relative;
}
.hwcb-li-le h3::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 10px;
    background: linear-gradient(90deg, rgba(23, 102, 255, 0.20) 0%, rgba(23, 102, 255, 0.00) 100%);
    bottom: 0;
    left: 0;
}
.hwcb-li-le-btn .std-btn1 {
    margin-right: 20px;
}
.hwcb-li:nth-child(n 2) {
    display: none;
}
.mod-text {
    margin-top: 20px;
    color: var(--color2);
    text-align: center;
    margin-bottom: 30px;
}
.home-settle-cry {
    margin-top: var(--space50);
}
.home-settle-cry {
    border-radius: var(--bor16);
    background: #f0f7ff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.home-settle {
    padding-bottom: var(--space120);
}
.home-settle-cry-le {
    padding-left: 40px;
    width: 186px;
}
.home-settle-cry-ri {
    width: calc(100% - 186px);
}
.hscl-ul {
    width: 146px;
}
.hscl-ul-li {
    margin-bottom: 10px;
    width: fit-content;
}
.hscl-ul-li p {
    width: fit-content;
    padding: 12px 55px;
    border-radius: 4px;
    background: #fff;
    font-size: var(--font16);
    line-height: var(--line145);
    color: var(--color5);
    transition: all .4s;
    cursor: pointer;
}
.home-settle-cry-le .std-btn2-box {
    padding: 12px 40px;
}
.home-settle-cry-le .hscl-btn p {
    font-size: var(--font16);
}
.hscr-ul-li-cry {
    display: flex;
    align-items: center;
}
.hscr-ul-li-le {
    width: 58%;
    padding-left: 88px;
    padding-right: 117px;
}
.hscr-ul-li-ri {
    width: 42%;
    border-radius: var(--bor16);
    overflow: hidden;
}
.hscr-ul-li-ri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hull-text {
    margin-top: 20px;
}
.hull-btn {
    display: flex;
    margin-top: 70px;
}
.hull-btn .std-btn1 {
    margin-right: 20px;
}
.hscl-ul-li.act p {
    color: var(--color4);
    background: var(--colormain);
}
.hscr-ul-li:nth-child(n 2) {
    display: none;
}
.home-manage {
    background: #f0f7ff;
}
.home-manage-cry {
    position: relative;
}
.home-manage-cry-bj {
    width: 100%;
    margin-top: -30px;
}
.home-manage-cry-bj img {
    width: 100%;
}
.home-manage-cry-bj2 {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    z-index: 10;
}
.home-manage-cry-bj3 {
    position: absolute;
    left: 0;
    top: 0;
}
.home-manage-cry-bj4 {
    position: absolute;
    right: 0;
    top: 0;
}
.home-manage-cry-line {
    position: absolute;
    left: 0;
    top: 0;
}
.home-manage-cry-bj5 {
    position: absolute;
    left: 17.1%;
    top: 28%;
    width: 27%;
    transform-origin: 50% 50%;
}
.home-manage-cry-bj6 {
    position: absolute;
    right: 17.1%;
    top: 28%;
    width: 27%;
    transform-origin: 50% 50%;
}
.home-manage-cry-bj5 img,
.home-manage-cry-bj6 img{
    width: 100%;
}
.home-main .ys-ban-imgbox::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(40, 42, 62, 0.00) 45.7%, rgba(24, 25, 39, 0.40) 80.42%);
    z-index: 10;
    display: none;
    pointer-events: none;
}
/* .animate  */
.home-manage-cry-bj3 {
    animation: move1 6s ease infinite;
}
.home-manage-cry-bj4 {
    animation: move2 6s ease infinite;
}
.home-manage-cry-bj5 {
    animation: rota 10s ease infinite;
}
.home-manage-cry-bj6 {
    animation: rota2 10s ease infinite;
    /* animation-delay: 6s; */
}
@keyframes rota {
    0% {
        transform: rotate(-70deg);
    }
    40% {
        transform: rotate(295deg);
    }
    100% {
        transform: rotate(295deg);
    }
}
@keyframes rota2 {
    0% {
        transform: rotate(120deg);
    }
    36% {
        transform: rotate(120deg);
    }
    100% {
        transform: rotate(-240deg);
    }
}
@keyframes move1 {
    0%,
    100% {
        transform: translatex(0);
    }
    50% {
        transform: translatex(-20px);
    }
}
@keyframes move2 {
    0%,
    100% {
        transform: translatex(0);
    }
    50% {
        transform: translatex(20px);
    }
}
.home-business {
    padding-bottom: var(--space120);
}
.home-busi-text p {
    color: var(--color2);
    line-height: var(--line145);
    text-align: center;
    margin-top: 17px;
}
.home-busi-cry {
    margin-top: var(--space50) !important;
    display: flex;
    margin: 0 -30px;
}
.home-busi-cry-li {
    width: 33.333333%;
    padding: 0 30px;
    height: auto;
}
.hbcl-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: var(--bor16);
    background: #f4f7ff;
    padding: 56px 0px 14px 56px;
    position: relative;
}
.hbcl-box-tit {
    font-size: 28px;
    color: var(--color1);
    line-height: var(--line175);
    z-index: 10;
    position: relative;
    transition: all .4s;
}
.hbcl-box-text {
    flex: 1;
    margin-top: 20px;
    padding-right: 49px;
    position: relative;
    z-index: 10;
}
.hbcl-box-text p {
    color: var(--color2);
}
.hbcl-box-icon {
    width: 216px;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 10;
}
.hbcl-box-icon img {
    width: 100%;
    transition: all .4s;
}
.hbcl-box-icon img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.hbcl-box-bj {
    position: absolute;
    top: 0;
    right: 0;
    width: 82%;
    border-radius: var(--bor16);
    overflow: hidden;
    z-index: 1;
    transition: all .4s;
    opacity: 0;
}
.hbcl-box-bj img {
    width: 100%;
}
/* bannner start */
.ys-pos-bot {
    position: absolute;
    bottom: 59px;
    left: 50%;
    transform: translatex(-50%);
    z-index: 3;
}
.ys-ban-dots-ul {
    display: flex;
    justify-content: center;
}
.ybdu-li {
    width: 30px;
    cursor: pointer;
    margin: 0px 4px;
    transition: all .4s;
}
.ybdu-li.on {
    width: 60px;
}
.ybdu-li-line {
    height: 6px;
    width: 100%;
    border-radius: 35px;
    background: rgba(23, 102, 255, 0.20);
    position: relative;
    transition: all .6s;
}
.ybdu-li-line-pro {
    width: 0%;
    height: 6px;
    border-radius: 35px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    background: var(--colormain);
}
.ys-ban-text {
    margin-top: 30px;
}
.ys-ban-title p {
    line-height: var(--line145);
    color: var(--color4);
}
.ys-ban-text p {
    color: var(--color4);
    line-height: var(--line145);
}
.ys-ban-btn {
    margin-top: 70px;
}
/* bannner end */
/* 导航 start */
.home-main .ys-hd-pc{
    top: var(--line80);
}
.ys-ph-navbar3 .ys-phnav-header {
    background: var(--colormain);
}
.ys-hd-pc {
    top: 0px;
    position: fixed;
    width: 100%;
    background: var(--color4);
    padding: 0 200px;
    justify-content: space-between;
    align-items: center;
    transition: all .4s;
    box-shadow: 0px 0px 17.2px 0px rgba(171, 177, 186, 0.25);
}
.home-pop.act {
    top: calc(0 - var(--line80));
}
.head-logo {
    width: 140px;
    line-height: var(--line80);
}
.head-ri {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 140px);
}
.head-nav {
    /* width: 60%; */
    flex: 1;
    padding-left: 60px;
    padding-right: 170px;
    display: flex;
    align-items: center;
    margin: 0 -20px;
}
.ys-hd-pc.act {
    top: 0;
}
.slick-slide{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.ys-hd-pc.on {
    top: 0;
}
.head-nav-item-title {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: var(--line80);
}
.head-nav-item-title p {
    color: var(--color5);
    font-size: var(--font14);
    line-height: var(--line145);
    transition: all .4s;
}
.head-nav-item-title img {
    width: 16px;
    margin-left: 6px;
    transition: all .4s;
}
.hnid-le {
    width: 64%;
}
.hnid-ri {
    width: 36%;
}
.head-nav-item-down{
    position: fixed;
    width: 100%;
    top: var(--line80);
    width: 100%;
    left: 50%;
    transform: translatex(-50%);
    background: #fff;
    padding-top: 52px;
    padding-bottom: 72px;
    z-index: 0;
    box-shadow: 0px 0px 17.2px 0px rgba(171, 177, 186, 0.25);
}
.head-nav-item-down2 {
    position: absolute;
    width: max-content;
    padding-top: 0;
    padding-bottom: 0;
}
.hnid2-ul-li {
    text-align: center;
    transition: all .4s;
}
.hnid2-ul-li a {
    width: 100%;
    display: inline-block;
    padding: 11px 28px;
    font-size: var(--font16);
    color: var(--color1);
    line-height: 1.65;
    transition: all .4s;
}
.head-nav-item-down .ys-cont1400 {
    display: flex;
}
.hnid-ri img {
    width: 322px;
}
.hnid-ri p {
    margin-top: 20px;
    font-size: var(--font16);
    line-height: var(--line145);
    color: var(--color1);
}
.hnid-le {
    padding-left: 0;
}
.hnid-le-ul {
    display: flex;
    margin: 0 -52px;
}
.hnid-le-ul-li {
    padding: 0 52px;
}
.hlul-ul {
    width: 200px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}
.hlul-ul-li a {
    display: inline-block;
    margin-top: 20px;
    font-size: var(--font16);
    color: var(--color1);
    line-height: var(--line145);
    transition: all .4s;
}
.hlul-tit {
    transition: all .4s;
}
.hnid-ri span {
    display: inline-block;
    border-radius: 12px;
    overflow: hidden;
}
.hnid-le .std-btn4 p {
    font-size: var(--font16);
}
.hnid-mid2 {
    width: 50%;
    padding-left: 93px;
    padding-right: 115px;
}
.hnid-mid2-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.hnid-mid2-ul-li {
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.hmul-box {
    display: inline-block;
    padding: 12px 18px;
    width: 160px;
    border-radius: 6px;
    border: 1px solid #fff;
    background: linear-gradient(180deg, #f4f5f8 0%, #fcfcfc 107.29%);
    box-shadow: 0px 4px 11.8px 0px rgba(151, 158, 181, 0.25);
}
.hmul-box img {
    width: 24px;
}
.hnid-mid2-ul-li img {
    width: 24px;
    margin-right: 6px;
}
.hnid-mid2-ul-li span {
    font-size: var(--font16);
    line-height: var(--line145);
    color: var(--color1);
    transition: all .4s;
}
.hnid-le2-le-text1 p {
    color: #000;
}
.hnid-le2-le .std-btn4 {
    margin-top: 60px;
}
.hnid-le2-le .std-btn4 p {
    font-size: var(--font16);
}
.head-other {
    display: flex;
    align-items: center;
}
.head-other-lang {
    position: relative;
}
.head-other-lang::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #c8d0d8;
    right: -14px;
    top: 50%;
    transform: translatey(-50%);
}
.head-other-lang-bom {
    width: max-content;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translatex(-50%);
    background-color: #ffffff;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.05);
    text-align: center;
    display: none;
}
.head-btn1 {
    position: relative;
}
.head-btn-bom {
    width: max-content;
    position: absolute;
    top: calc(100%   18px);
    left: 50%;
    transform: translatex(-50%);
    background-color: #ffffff;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.05);
    text-align: center;
    display: none;
}
.head-btn-bom a {
    display: inline-block;
    padding: 5px 10px;
    font-size: var(--font14);
    line-height: 2;
    color: var(--color5);
    transition: all .4s;
}
.head-btn-bom li:hover {
    background: var(--colormain);
}
.head-btn-bom li:hover a{
    color: var(--color4);
}
.holb-ul-li a {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color5);
    transition: all .4s;
    display: block;
    padding: 5px 10px;
}
.holb-ul-li a:hover {
    background-color: var(--colormain);
    color: var(--color4);
}
.head-other-lang-top {
    cursor: pointer;
    line-height: var(--line80);
    display: flex;
}
.head-other-lang-top img {
    transition: all .4s;
}
.holt-net{
    width: 22px;
    margin-right: 9px;
    position: relative;
}
.holt-net img,
.holt-arrow img{
    width: 100%;
}
.holt-arrow{
    width: 14px;
    position: relative;
    transition: all .4s;
    margin-top: 2px;
}
.holt-net img:nth-child(2),
.holt-arrow img:nth-child(2){
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    transition: all .4s;
    opacity: 0;
}
.head-other-lang.act .holt-arrow{
    transform: rotate(180deg);
}
.head-other-search-img {
    margin-left: 30px;
    width: 22px;
    cursor: pointer;
    /* line-height: var(--line80); */
    position: relative;
}
.head-other-search-img img {
    width: 100%;
    transition: all .4s;
}
.head-other-search-img img:nth-child(2){
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    transition: all .4s;
    opacity: 0;
}
.head-other-search-cry {
    position: absolute;
    top: var(--line80);
    left: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    overflow: hidden;
    display: none;
    padding: 16px 0;
    box-shadow: 0px 6px 20px 0px rgb(0 0 0 / 5%);
}
.head-btn-top {
    cursor: pointer;
}
.head-btn1.act .head-btn-top img {
    transform: rotate(180deg);
}
.ma_modalm {
    width: 560px;
    display: inline-block;
}
.mc_msc_box {
    width: 100%;
    display: block;
}
.mc_msc_boxl {
    width: calc(100% - 24px);
}
.mc_msc_boxl {
    border-bottom: 1px solid #eee;
    width: calc(100% - 40px);
    padding-right: 20px;
    height: 40px;
}
.mc_msc_boxl input {
    width: 100%;
    height: 100%;
    font-size: 16px;
}
.mc_msc_boxr {
    width: 24px;
    line-height: 40px;
}
.mc_msc_boxr img {
    width: 100%;
}
.head-other-link {
    margin-left: 55px;
}
.head-other-link a {
    display: flex;
    align-items: center;
}
.head-other-link a img {
    width: 24px;
    margin-right: 6px;
    transition: all .4s;
}
.head-other-link-img{
    position: relative;
    transition: all .4s;
}
.head-other-link-img img:nth-child(2){
    position: absolute;
    left: 0;
    opacity: 0;
    transition: all .4s;
}
.head-other-link a p {
    font-size: var(--font16);
    line-height: var(--line145);
    color: var(--colormain);
    transition: all .4s;
}
.head-other-link a p span {
    font-weight: bold;
}
.head-other-btn {
    margin-left: 40px;
    display: flex;
    align-items: center;
}
.head-other-btn .std-btn1 {
    margin-right: 20px;
}
.head-other-btn p {
    font-size: var(--font16);
}
.head-other-btn .std-btn1-box {
    padding: 10px 27.5px;
    display: flex;
    align-items: center;
}
.head-other-btn .std-btn1-box img {
    z-index: 10;
    margin-left: 10px;
    width: 11px;
    transition: all .4s;
}
.head-other-btn .std-btn2-box {
    padding: 9px 38px;
}
.home-pop{
    position: fixed;
    transition: all .4s;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: var(--colormain);
}
.home-pop-cry{
    padding-left: 340px;
    padding-right: 200px;
}
.home-pop-cry-img {
    width: 20px;
    line-height: var(--line80);
}
.l_hdnotile img {
    width: 100%;
}
.home-pop-cry-mid {
    display: flex;
    align-items: center;
    width: calc(100% - 20px - 20px);
    padding-left: 40px;
    padding-right: 80px;
}
.hpcr-text {
    width: calc(100% - 118px);
    padding-right: 30px;
}
.hpcr-text p {
    font-size: 16px;
    line-height: var(--line80);
    color: #ffffff;
}
.hpcr-btn a {
    width:140px;
    padding: 7.5px 36px;
    display: inline-block;
    position: relative;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid transparent;
    cursor: pointer;
}
.hpcr-btn a p {
    text-align: center;
    font-size: var(--font16);
}
.hpcr-btn {
    width: 140px !important;
}
.l_abjiab {
    background: transparent;
    /* border: 1px solid #fff; */
    overflow: visible;
    position: relative;
    display: block;
}
.l_buttonr {
    width: 185px;
    text-align: center;
    font-size: 16px;
    color: #f94100;
    line-height: 55px;
    display: inline-block;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative;
    z-index: 10;
    background: transparent;
}
.home-pop-cry-close img {
    width: 100%;
}
.home-pop-cry-close {
    width: 20px;
    line-height: var(--line80);
    cursor: pointer;
}
.head-logo img{
    transition: all .4s;
}
.head-logo img:nth-child(2){
    opacity: 0;
}
.hnit-arrow{
    width: 16px;
    position: relative;
}
.hnit-arrow img{
    width: 100%;
}
.hnit-arrow img:nth-child(2){
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    transition: all .4s;
    opacity: 0;
}
.nonefixed{
    background: transparent;
    box-shadow: 0 0 0 0;
}
.nonefixed .head-nav-item-title p {
    color: var(--color4);
}
.nonefixed .head-logo img:nth-child(2){
    opacity: 1;
}
.nonefixed .head-logo img:nth-child(1){
    opacity: 0;
}
.nonefixed .hnit-arrow img:nth-child(2){
    opacity: 1;
}
.nonefixed .hnit-arrow img:nth-child(1){
    opacity: 0;
}
.nonefixed .holt-net img:nth-child(2){
    opacity: 1;
}
.nonefixed .holt-net img:nth-child(1){
    opacity: 0;
}
.nonefixed .holt-arrow img:nth-child(2){
    opacity: 1;
}
.nonefixed .holt-arrow img:nth-child(1){
    opacity: 0;
}
.nonefixed .head-other-search-img img:nth-child(2){
    opacity: 1;
}
.nonefixed .head-other-search-img img:nth-child(1){
    opacity: 0;
}
.nonefixed .head-other-link-img img:nth-child(2){
    opacity: 1;
}
.nonefixed .head-other-link-img img:nth-child(1){
    opacity: 0;
}
.nonefixed .head-other-link a p {
    color: var(--color4);
}
.nonefixed .head-other-link a p {
    color: var(--color4);
}
.nonefixed .head-other-btn .std-btn1-box {
    background-color: var(--color4);
}
.nonefixed  .std-btn1-box p{
    color: var(--colormain);
}
.nonefixed .head-other-btn .std-btn1-box {
    background-color: var(--color4);
}
.nonefixed .std-btn2-box{
    background-color: transparent;
}
.nonefixed .std-btn2-box{
    background-color: transparent;
    border: 1px solid #fff;
}
.nonefixed .std-btn2-box p{
    color: var(--color4);
}
/* 导航 end */
/* b1 start */
.head-nav-item-down3.active{
    top: calc(var(--line80) * 2);
}
.home-main .ys-main{
    margin-top: 0;
}
.products-main .products-nav{
    background-color: var(--color4);
}
.ys-bread-list a {
    font-size: var(--font16);
    transition: all .4s;
}
.ys-bread-list {
    padding: 0 20px;
}
.ys-bread {
    margin: 0 -20px;
}
.ys-main{
    margin-top: var(--line80);
    position: relative;
}
.ys-mbx{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translatex(-50%);
}
.ys-nyban-title h1 {
    color: var(--color1);
    font-size: var(--font48);
    font-weight: bold;
}
.payment-main .std-h2{
    text-align: center;
}
.ys-nyban-title p {
    color: var(--color2);
    font-size: var(--font18);
    /* margin-top: 20px; */
}
.ys-nyban1 h1 {
    text-align: center;
}
.ys-nyban1 .std-text1 {
    text-align: center;
    margin-top: 20px;
}
.ys-nyban-title .std-text1 {
    color: var(--color2);
    line-height: var(--line175);
    font-size: var(--font18);
}
.ys-nyban1 {
    width: 70%;
    margin: 0 auto;
}
.ys-nyban-input {
    margin-top: 60px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: space-between;
    position: relative;
}
.ys-nyban-input-le {
    width: calc(100% - 143px);
    padding: 0 40px;
}
.ynil-input input {
    width: 100%;
    line-height: 70px;
    font-size: var(--font18);
    color: var(--color1);
}
.ynil-input{
    display: block;
    position: relative;
    height: 100%;
}
.ys-nyban-input-le input::placeholder {
    font-size: var(--font18);
    color: var(--color3);
}
.ys-nyban-input-ri {
    width: 143px;
    position: absolute;
    right: 0;
}
.ys-nyban-input-ri {
    background: var(--colormain);
}
.ys-nyban-input-ri p {
    text-align: center;
    cursor: pointer;
    color: var(--color4);
    margin-top: 0;
    line-height: 70px;
}
.ys-nyban-link {
    margin-top: 27px;
    margin-left: 34px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ys-nyban-link-text {
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--color3);
}
.ys-nyban-link-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px;
}
.ynlu-li {
    padding: 0 15px;
}
.ynlu-li a {
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--color3);
    transition: all .4s;
}
.ys-video-btn{
    width: 80px;
}
.ys-nyban-foot {
    position: relative;
    padding: 25px 0;
    overflow: hidden;
}
.case-main .ys-nybanner p,
.news-main .ys-nybanner p,
.brand-main .ys-nybanner p{
    margin-top: 20px;
}
.ys-nyban-foot-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ys-nyban-foot-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ys-nyban-foot .ys-cont1200 {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}
.ys-nyban-foot-icon {
    width: 20px;
    flex-shrink: 0;
}
.ys-nyban-foot-icon img {
    width: 100%;
}
.ys-nyban-foot-text {
    margin:0 29px;
    font-size: 20px;
    line-height: var(--line175);
    color: var(--color5);
    font-weight: bold;
    flex: 1;
}
.ys-nyban-foot-btn {
    /* flex: 1; */
}
.ynfb-cry {
    width: fit-content;
    margin: 0 0 0 auto;
}
.ynfb-cry .std-btn1-box {
    padding: 8px 28px;
    border-radius: 8px;
}
body,
html {
    overflow: inherit !important;
}
.products-nav {
    background: #fff;
    position: sticky;
    top: var(--line80);
    z-index: 80;
    box-shadow: 0px 0px 17.2px 0px rgba(171, 177, 186, 0.25); 
}
.prod-nav-ul {
    display: flex;
    align-items: center;
    margin: 0 -50px;
    overflow: hidden;
}
.prod-nav-ul-li {
    padding: 0 50px;
}
.prod-nav-ul-li p {
    padding: 15px 0;
    position: relative;
    color: #3d3935;
    transition: all .4s;
    cursor: pointer;
}
.prod-nav-ul-li a {
    display: inline-block;
    padding: 15px 0;
    position: relative;
    color: #3d3935;
    transition: all .4s;
    cursor: pointer;
}
.prod-nav-ul-li p::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: var(--colormain);
    left: 0;
    transition: all .4s;
}
.prod-nav-ul-li.act p {
    color: var(--colormain);
}
.prod-nav-ul-li.act p::after {
    width: 100%;
}
.products-main {
    background: #f0f6f9;
}
.pcul-stit {
    margin-top: 60px;
    width: 100%;
    margin-bottom: 40px;
}
.pcul-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-bottom: -30px !important;
}
.pcul-ul-li {
    height: auto;
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 30px;
}
.pulb-img {
    width: 100%;
    overflow: hidden;
}
.pulb-img img {
    width: 100%;
}
.pcul-ul-li-box {
    height: 100%;
    display: inline-block;
    background-color: var(--color4);
    border-radius: var(--bor16);
    overflow: hidden;
    transition: all .4s;
    box-shadow: 0px 0px 18.4px 0px rgba(211, 222, 229, 0.25);
}
.pcul-ul-li2 .pulb-word {
    padding: 30px 40px 92px 24px;
}
.ys-bread-list a {
    color: var(--color3);
}
.ys-bread-list::before {
    color: var(--color3);
}
.pulb-word {
    padding: 30px 40px 30px 24px;
}
.pulb-word-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pulb-word-head-icon {
    width: 48px;
}
.pulb-word-head-icon img {
    width: 100%;
}
.pulb-word-text {
    margin-top: 10px;
}
.pulb-word-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: var(--space50) !important;
    margin: 0 -5px;
}
.pulb-word-ul-li {
    padding: 0 5px;
    margin-bottom: 10px;
}
.pulb-word-text p {
    color: var(--color2);
}
.pulb-word-ul-li p {
    border-radius: 7px;
    background: rgba(32, 64, 177, 0.10);
    font-size: var(--font14);
    color: var(--colormain);
    padding: 8px 10px;
}
.prod-cry-ul-li {
    /* padding-top: var(--space100); */
}
/* b1 end */
/* b3 start */
.ys-nyban-ul {
    margin-top: 22px;
}
.ys-nyban-ul-li {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.ys-nyban-ul-li img {
    width: 20px;
    margin-right: 15px;
}
.ys-nyban-btn {
    margin-top: 39px;
}
.products-nav {
    background: #f4f8fc;
}
.brand-main .products-nav {
    background-color: var(--color4)
}
.mod-scroll-ul {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 -35px; */
    align-items: center;
    padding: 22px 108px;
    justify-content: space-around;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0px 4px 40px 0px rgba(168, 190, 217, 0.25);
}
.mod-scroll-ul-li {
    width: 25%;
    padding: 0 35px;
}
.products-item .prod-nav-ul{
    margin: 0 -10px;
}
.prod-nav-ul-item a{
    display: inline-block;
    padding: 14.5px 32px;
    transition: all .4s;
    color: #9ea2b4;
}
.products-item .products-nav{
    position: relative;
    z-index: 10;
    top: 0;
}
.prod-nav-ul-item.act a{
    background-color: var(--colormain);
}
.prod-nav-ul-item.act p{
    color: var(--color4);
}
.msul-num {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
}
.msul-num p {
    /* font-size: 54px; */
    font-size: 44px;
    color: var(--colormain);
    font-weight: bold;
    line-height: var(--line145);
    /* font-family:"allinnpay-manropebold" !important; */
}
.msul-num span {
    font-size: var(--font24);
    color: var(--colormain);
    line-height: var(--line145);
    margin-bottom: 10px;
    margin-left: 4px;
}
.msul-text p {
    color: #9ea2b4;
}
.car-main .std-h2 {
    text-align: center;
}
.settle-core img {
    margin-top: var(--space50);
    width: 100%;
}
.settle-pay {
    background: #eef4fa;
    padding-bottom: var(--space120);
}
.spul-box {
    width: 100%;
    display: inline-block;
    border-radius: var(--bor16);
    background: #fff;
    padding: 20px 23px 30px;
    height: 100%;
}
.spul-icon {
    margin: 0 auto;
    width: 78px;
}
.spul-icon img {
    width: 100%;
}
.spul-tit {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: var(--color1);
    margin-top: 6px;
}
.spul-text {
    text-align: center;
    margin-top: 10px;
}
.settle-show-ul {
    margin-top: var(--space50);
}
.ssul-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ssul-box-ri {
    width: 49%;
    border-radius: 15px;
    overflow: hidden;
}
.ssul-box-le {
    width: 51%;
    padding-right: 188px;
}
.ssul-box-le-tit {
    font-size: 28px;
    color: var(--color1);
    font-weight: bold;
    line-height: var(--line145);
}
.ssul-box-le-ul {
    margin-top: 10px;
}
.ssul-box-le-ul li {
    font-size: var(--font18);
    color: var(--color1);
    line-height: var(--line175);
    padding-left: 20px;
    position: relative;
    margin-top: 20px;
}
.ssul-box-le-ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: var(--colormain);
}
.ssul-box-le-btn {
    margin-top: 60px;
}
.settle-show-ul-li:nth-child(even) .ssul-box {
    flex-direction: row-reverse;
}
.settle-show-ul-li:nth-child(even) .ssul-box-le {
    padding-right: 0;
    padding-left: 188px;
}
.scene-core{
    padding: 80px 0;
    background: #f4f8fc;
}
.settle-show-ul-li {
    margin-top: var(--space100);
}
.settle-show-ul-li:first-child {
    margin-top: 0;
}
.products-nav .end li::before {
    content: "";
}
.matrix-core-top {
    margin-top: 40px;
}
.matrix-core-top-ul {
    display: flex;
    justify-content: center;
    margin: 0 -41px;
}
.mctu-li {
    padding: 0 41px;
}
.mctu-li p {
    position: relative;
    padding: 10px 0;
    font-size: var(--font24);
    color: rgba(38, 41, 71, 0.40);
    line-height: var(--line145);
    transition: all .4s;
    cursor: pointer;
    font-weight: bold;
}
.mctu-li p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    transition: all .4s;
    background-color: var(--colormain);
}
.mctu-li.act p{
    color: var(--colormain);
}
.mctu-li.act p::after {
    width: 100%;
}
.matrix-core-bom {
    margin-top: 30px;
}
.mcbu-li-top-ul {
    display: flex;
    justify-content: center;
    margin: 0 -10px;
}
.mltu-li {
    padding: 0 10px;
}
.mltu-li p {
    padding: 10px 30px;
    border-radius: 30px;
    background: #e1edf9;
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--color1);
    transition: all .4s;
    cursor: pointer;
}
.mltu-li.act p {
    background-color: var(--colormain);
    color: var(--color4);
}
.mcbu-li-bom {
    margin-top: var(--space50);
}
.mlbu-li-box {
    display: flex;
    align-items: center;
    border-radius: var(--bor16);
    background: #f4f8fc;
}
.mlbu-li-box-le {
    width: 52%;
    padding-right: 114px;
    padding-left: 93px;
    position: relative;
}
.mlvl-tit-ul {
    margin-top: 7px;
}
.mlvl-tit-ul-li {
    display: flex;
    align-items: start;
    margin-top: 25px;
}
.mlvl-tit-ul-li img {
    width: 20px;
    margin-right: 15px;
    margin-top: 5px;
}
.mlvl-tit-ul-li p {
    color: var(--color5);
}
.mlbu-li-box-ri {
    width: 48%;
    border-radius: var(--bor16);
    overflow: hidden;
}
.settle-main .products-nav{
    background-color: var(--color4);
}
.settle-main{
    background-color: #f0f6f9;
}
.settle-main .std-h2{
    text-align: left;
    margin-bottom: 60px;
}
.mlvl-tit-btn {
    margin-top: 60px;
}
.mcbu-li:nth-child(n 2) {
    display: none;
}
.mcbu-li-item-li:nth-child(n 2) {
    display: none;
}
.mlvl-tit-code {
    position: absolute;
    right: -125px;
    top: 50%;
    transform: translatey(-50%);
    width: 251px;
    z-index: 10;
    border-radius: var(--bor16);
    overflow: hidden;
    box-shadow: 0px 4px 40px 0px rgba(85, 98, 131, 0.25);
}
.mlvl-tit-code img {
    width: 100%;
}
.scene-core-ul {
    margin-top: 40px !important;
    display: flex;
    margin: 0 -9px;
    justify-content: center;
}
.scene-core-ul-li {
    width: 25%;
    padding: 0 9px;
}
.scul-box {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.scul-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.scul-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 14.42%, rgba(0, 0, 0, 0.40) 76.15%);
}
.scul-top {
    position: relative;
}
.scul-imgbj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scul-imgbj img {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 75px;
}
.scul-text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    margin-right: 30px;
}
.scul-text-tit {
    font-size: 20px;
    color: var(--color4);
    line-height: var(--line145);
    z-index: 10;
    font-weight: bold;
}
.scul-box:hover .scul-imgbj {
    opacity: 1;
}
.scul-text-word {
    display: none;
}
.scul-text-word p {
    color: var(--color4);
    line-height: var(--line175);
    margin-top: 15px;
}
.scul-imgbj {
    opacity: 0;
    transition: all .4s;
    border-radius: 8px;
    background: linear-gradient(90deg, #1766ff 2.02%, #78a6ff 106.05%);
    box-shadow: 0px 0px 18.8px 0px rgba(48, 92, 158, 0.25);
}
.settle-adva-ul {
    margin-top: var(--space50) !important;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.settle-adva-ul-li {
    padding: 0 10px;
    width: 50%;
    margin-top: 20px;
}
.saul-box {
    height: 100%;
    display: flex;
    align-items: start;
    padding: 39px 60px 38px 40px;
    border-radius: 10px;
    background: #f4f8fc;
}
.saul-le {
    width: 78px;
}
.saul-ri {
    width: calc(100% - 78px);
    padding-left: 28px;
}
.saul-le img {
    width: 100%;
}
.saul-ri-tit {
    font-size: 20px;
    line-height: var(--line145);
    color: var(--color5);
    font-weight: bold;
}
.saul-ri-text {
    margin-top: 10px;
    color: var(--color2);
}
.saul-ri-text span {
    color: var(--colormain);
}
.scul-box {
    position: relative;
}
.scul-ri {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.scul-ri-bj1 {
    height: 100%;
    position: relative;
    z-index: -1;
    transition: all .4s;
}
.scul-ri-bj2 {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.scul-ri-bj1::before {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(23, 102, 255, 0.80) 0%, rgba(23, 102, 255, 0.80) 100%);
}
.scul-ri-bj1 img {
    height: 100%;
}
.settle-case-ul {
    margin-top: var(--space50);
}
.scul-le {
   min-height: 450px;
    height: 100%;
    width: 62.5%;
    border-radius: 28px;
    background: #f4f8fc;
    padding: 118px 114px 81px 70px;
    z-index: 10;
    position: relative;
}
.scul-le-text {
    margin-top: 10px;
}
.scul-le-text p {
    line-height: var(--line145);
}
.scul-le-text2 {
    margin-top: 32px !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 5em;
}
.scul-le .std-btn4-box {
    margin-top: 0;
}
.scul-le-btn {
    margin-top: 71px;
}
.scul-le-btn p {
    font-size: var(--font16);
}
.settle-case-ul-li {
    position: relative;
    height: auto;
}
.scul-le-top-ul {
    position: absolute;
    top: 20px;
    left: 70px;
    display: flex;
    margin: 0 -10px;
    z-index: 20;
}
.sltu-li {
    padding: 0 10px;
}
.sltu-li p {
    font-size: var(--font14);
    color: #9ea2b4;
    transition: all .4s;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}
.sltu-li p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--colormain);
    transition: all .4s;
}
.sltu-li.act p {
    color: var(--colormain);
}
.sltu-li.act p::after {
    width: 100%;
}
.scul-le-tit {
    line-height: var(--line145);
}
.scul-le-ul-li:nth-child(n 2) {
    display: none;
}
.scul-ri-ul-li:nth-child(n 2) {
    display: none;
}
.scul-ri-ul,
.scul-ri-ul-li{
    height: 100%;
}
/* b3 end */
/* c2  start*/
.car-need-ul {
    margin-top: 30px !important;
    display: flex;
    margin: 0 -45px;
}
.car-need-ul-li {
    padding: 0 45px;
    justify-content: center;
    max-width: 33.333333%;
}
.slick-track {
    display: flex;
}
.pass-main .scul-le {
    padding: 102px 108px 65px 70px;
}
.car-need-ul .slick-track {
    justify-content: center;
    margin: 0 auto;
}
.cnul-icon {
    width: 79px;
    margin: 0 auto;
}
.cnul-icon img {
    width: 100%;
}
.cnul-tit {
    margin-top: 33px;
    text-align: center;
}
.cnul-text {
    text-align: center;
    margin-top: 20px;
}
.car-core {
    background-color: #f4f8fc;
}
.car-core-cry {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: var(--space50);
}
.car-core-cry-le {
    width: 37.5%;
    padding-right: 103px;
}
.car-core-cry-ri {
    width: 62.5%;
}
.cccr-img {
    border-radius: var(--bor16);
    overflow: hidden;
}
.cccl-ul-li {
    padding: 20px 0;
    border-bottom: 1px solid #dfe6f4;
}
.cccl-ul-li-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.culh-tit {
    line-height: var(--line145);
    transition: all .4s;
}
.cccl-ul-li-text {
    margin-top: 20px;
    display: none;
}
.culh-icon {
    width: 20px;
    position: relative;
}
.culh-icon img {
    width: 100%;
    transition: all .4s;
}
.culh-icon img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    opacity: 0;
}
.cccl-ul-li.act .culh-icon img:nth-child(2) {
    opacity: 1;
}
.cccl-ul-li.act .culh-icon img:nth-child(1) {
    opacity: 0;
}
.cccr-img:nth-child(n 2) {
    display: none;
}
.car-schema-top {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.car-schema-top-li {
    padding: 0 12px;
}
.car-schema-top-li p {
    font-size: 18px;
    color: var(--color1);
    line-height: var(--line145);
    transition: all .4s;
    padding: 10px 30px;
    background-color: #eaf2f9;
    border-radius: 4px;
    cursor: pointer;
}
.car-schema-top-li.act p {
    background-color: var(--colormain);
    color: var(--color4);
}
.car-schema-bom {
    margin-top: 20px;
}
.car-schema-bom-li:nth-child(n 2) {
    display: none;
}
.car-schema-bom-li img {
    width: 100%;
}
.car-func-ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 -9px;
    margin-top: var(--space50) !important;
}
.slick-list {
    width: 100%;
}
.car-func-ul-li {
    width: 25%;
    padding: 0 9px;
    height: 100%;
}
.car-func-ul .slick-track {
    display: flex;
    height: 100%;
}
.cful-box {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
    background: #f4f8fc;
    padding: 25px 30px 42px;
}
.cful-box-icon {
    width: 78px;
}
.cful-box-icon img {
    width: 100%;
}
.cful-box-tit {
    font-size: 20px;
    color: var(--color5);
    line-height: var(--line145);
    font-weight: bold;
    margin-top: 20px;
}
.cful-box-text {
    margin-top: 14px;
}
.cful-box-text p {
    color: var(--color2);
}
/* c2 end */
/* d1 start */
.case-main {
    background: #f0f6f9;
}
.case-cry-bom-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.ccbu-li {
    width: 25%;
    padding: 0 20px;
    margin-top: 40px;
}
.ccbu-li-box {
    display: inline-block;
    border-radius: var(--bor16);
    background: #fff;
    box-shadow: 0px 0px 18.4px 0px rgba(211, 222, 229, 0.25);
}
.ccbu-li-img {
    border-radius: var(--bor16);
}
.ccbu-li-word {
    padding: 19px 25px 30px;
}
.ccbu-li-word-tit p {
    color: var(--color5);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3.5em;
}
.ccbu-li-word-ul {
    display: flex;
    margin-top: 6px;
    margin: 0 -5px;
}
.clwu-li {
    margin-top: 10px;
    padding: 0 5px;
}
.clwu-li p {
    padding: 8px;
    font-size: var(--font14);
    line-height: 1;
    border-radius: 7px;
    cursor: pointer;
}
.clwu-li:nth-child(1) p {
    color: #1766ff;
    background: rgba(32, 64, 177, 0.10);
}
.clwu-li:nth-child(n 2) p {
    color: #1db0b9;
    background: rgba(33, 165, 133, 0.10);
}
.ccbu-li-word-bom {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.clwb-icon {
    width: 80px;
    flex-shrink: 0;
}
.clwb-icon img {
    width: 100%;
}
.clwb-text {
    color: var(--color5);
}
.ys-pcfy {
    margin-top: var(--space50);
}
.pc-fenye li.activepage {
    background: var(--colormain);
}
.case-cry {
    padding-top: 83px;
}
.case-cry-top-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.ccth-text {
    text-align: left;
    font-weight: 400;
    line-height: var(--line145);
}
.ccth-input {
    width: 479px;
    border-radius: 60px;
    background: var(--color4);
    padding: 0 18px;
}
.ccth-input img {
    width: 22px;
    height: fit-content;
    margin-right: 18px;
    flex-shrink: 0;
}
.ccth-input input {
    width: calc(100% - 40px);
    line-height: 52px;
    font-size: var(--font18);
    color: var(--color1);
}
.ccth-input input::placeholder {
    font-size: var(--font18);
    color: var(--color2);
}
.ccth-input label {
    display: flex;
    align-items: center;
}
.case-cry-top-cry {
    border-radius: var(--bor16);
    background-color: var(--color4);
    padding: 5px 50px 34px;
    margin-top: 40px;
}
.cctc-item-li {
    display: flex;
    margin-top: 26px;
}
.cctc-ul {
    width: calc(100% - 80px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -12px;
}
.cctc-text {
    width: 80px;
    margin-top: 15px;
}
.cctc-ul .std-text1 {
    padding-top: 10px;
}
.cctc-ul-li {
    padding: 0 12px;
    margin-top: 10px;
}
.cctc-ul-li p {
    padding: 10px;
    font-size: var(--font18);
    color: var(--color2);
    line-height: 1;
    border-radius: 7px;
    cursor: pointer;
    transition: all .4s;
}
.cctc-ul-li.act p {
    background: rgba(32, 64, 177, 0.10);
    color: var(--colormain);
}
.news-trends-cry-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ntcb-le {
    width: 50%;
    border-radius: var(--bor16);
}
.ntcb-ri {
    width: 50%;
    padding-left: 60px;
}
.ntcb-ri-tit {
    font-weight: 400;
    margin-top: 11px;
    transition: all .4s;
}
.ntcb-ri-text {
    margin-top: 20px;
}
.ntcb-ri-text p {
    color: var(--color2);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 5em;
}
/* d1 end */
/* e1 start */
.news-main .products-nav {
    background-color: var(--color4);
}
.news-main {
    background-color: #f0f6f9;
}
.news-trends-cry {
    padding: 40px 120px 40px 40px;
    border-radius: var(--bor16);
    background-color: var(--color4);
}
.news-trends {
    margin-top: 60px;
}
.ntcb-ri-btn p {
    font-size: var(--font16);
}
.ntcb-ri-btn {
    margin-top: 28px;
}
.news-noti-ul {
    margin-top: 60px;
    border-radius: var(--bor16);
    background: #fff;
    padding: 28px 92px 58px 80px;
}
.nnul-box {
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
/* e1 end */
/* e3 start */
.brand-main {
    background: #f0f6f9;
}
.brand-cry-tit {
    font-size: var(--font40);
    text-align: left;
}
.brand-cry-ul {
    margin-top: var(--space50);
}
.brand-cry-ul-li {
    border-radius: var(--bor16);
    background: var(--color4);
    padding: 40px 40px 57px;
    margin-bottom: 40px;
}
.bcul-tit {
    font-size: 28px;
    color: var(--color1);
    line-height: var(--line145);
    font-weight: bold;
}
.bcul-ul {
    display: flex;
    margin: 0 -20px;
    margin-top: 35px !important;
}
.bcul-ul-li {
    width: 25%;
    padding: 0 20px;
}
.bcul-ul-li-img {
    border-radius: 8px;
    cursor: pointer;
}
.bcul-ul-li-text {
    margin-top: 22px;
}
.bcul-ul-li-text p{
    transition: all .4s;
}
.bcul-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bcul-btn {
    display: flex;
}
.video .bcul-ul-li-img {
    position: relative;
}
.video .bcul-ul-li-img::before {
    content: "";
    left: 0;
    top: 0;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}
.bcul-ul-li-box {
    position: relative;
}
.bulb-img {
    position: relative;
}
.bcul-ul-li-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    transform: translate(-50%, -50%);
    width: 42px;
    cursor: pointer;
}
.bcul-ul-li-icon img {
    width: 100%;
}
/* e3 end */
/* f2 */
.duty-cry-top .std-h2 {
    margin-bottom: var(--space50);
}
.duty-cry-ul {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px;
}
.duty-cry-ul-li {
    width: 33.333333%;
    padding: 15px 15px;
    height: auto;
}
.dcul-box {
    height: 100%;
    transition: all .4s;
    border: 1px solid rgba(23, 102, 255, 0.20);
    display: inline-block;
    border-radius: 12px;
    background: #fff;
}
.dcul-box-img {
    border-radius: 12px;
}
.dcul-box-word {
    padding: 30px 36px 40px 30px;
}
.dcul-box-word-date {
    margin-top: 54px;
    color: var(--color2);
}
.duty-cry-top h2 {
    text-align: left;
}
.duty-cry-bom-li:first-child {
    margin-top: 0;
}
.duty-cry-bom-li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 80px;
}
.dcbl-le {
    width: 52%;
    padding-right: 85px;
}
.dcbl-ri {
    width: 48%;
}
.dcbl-ri-li {
    border-radius: var(--bor16);
    overflow: hidden;
}
.duty-main .std-h2 {
    text-align: left;
}
.dcbl-le-text {
    margin-top: 30px;
}
.dcbl-le-ul {
    margin-top: 30px;
}
.dcbl-le-ul-li {
    position: relative;
    margin-top: 10px;
    font-size: var(--font18);
    color: var(--color1);
    line-height: var(--line175);
    padding-left: 20px;
}
.dcbl-le-ul-li::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--colormain);
    top: 0%;
    left: 0;
    margin-top: 10px;
}
.slick-dots {
    bottom: -35px;
}
.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #d9d9d9;
}
.slick-dots li.slick-active {
    background: var(--colormain);
}
.duty-cry-bom-li:nth-child(even) {
    flex-direction: row-reverse;
}
.duty-cry-bom-li:nth-child(even) .dcbl-le {
    padding-right: 0;
    padding-left: 74px;
}
/* f2 end */
/* f3 */
.std-btn1-box {
    display: flex;
}
.ys-nyban-btn .std-btn1-box {
    display: flex;
}
.join-main .ys-nyban-title p {
    margin-top: 0;
}
.ys-nyban-btn p {
    color: var(--color4);
}
.ys-nyban-btn img {
    width: 26px;
    margin-right: 10px;
    z-index: 10;
}
.ys-nyban-btn .std-btn1-box {
    padding: 10px 32px;
    border-radius: 8px;
}
.ys-nyban-btn .std-btn1:nth-child(1) {
    margin-right: 20px;
}
.join-main .ys-nyban {
    text-align: center;
}
.join-main .ys-nyban h1 {
    color: var(--color4);
}
.join-main .ys-nyban p {
    color: var(--color4);
    font-size: var(--font32);
    font-weight: 290;
    line-height: var(--line145);
    letter-spacing: 1.6px;
}
.join-main .ys-nyban-btn {
    margin-top: 39px;
    display: flex;
    justify-content: center;
}
.join-cry{
    margin-bottom: var(--space120);
}
.join-cry-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px !important;
    margin: 0 -12px;
}
.join-cry-ul-li {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 44px;
}
.hcul-box {
    height: 100%;
    display: inline-block;
    padding: 35px 154px 46px;
    border-radius: var(--bor16);
    background: #f2f5f9;
}
.hcul-box-icon {
    width: 90px;
    margin: 0 auto;
}
.hcul-box-tit {
    margin-top: 18px;
    color: var(--color5);
    line-height: var(--line145);
    text-align: center;
}
.hcul-box-text {
    margin-top: 24px;
}
.hcul-box-text p {
    text-align: center;
    color: var(--color2);
}
.join-cry-text p {
    margin-top: 60px;
    font-size: 20px;
    line-height: var(--line175);
    color: var(--color2);
    font-weight: bold;
}
.serve-support .std-h2 {
    text-align: left;
}
.serve-supp-ul-li .std-h2 {
    margin-bottom: 60px;
}
.ssul-ul-li-tit {
    margin-bottom: 30px;
    margin-top: 60px;
}
.ssul-ul-li-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    margin-bottom: -40px !important;
}
.sulu-li {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 40px;
}
.sulu-li-box {
    width: 100%;
    display: flex;
    align-items: start;
    border-radius: var(--bor16);
    background: #f2f5f9;
    padding: 33px 45px 33px 40px;
    display: flex;
    justify-content: space-between;
    transition: all .4s;
}
.sulu-li-text {
    font-weight: 400;
    transition: all .4s;
}
.sulu-li-img {
    width: 30px;
    margin-left: 10px;
    position: relative;
    margin-top: 10px;
}
.sulu-li-img img {
    width: 100%;
    position: relative;
    transition: all .4s;
    z-index: 10;
}
.sulu-li-img img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    opacity: 0;
}
/* f3 end */
/* e2 */
.detail-main .ys-main{
    padding-top:var(--line80);
    background: #f0f6f9;
}
.detail-cry .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
}
.detail-cry-le {
    width: 71%;
    border-radius: var(--bor16);
    background: #fff;
    padding: 40px 51px 52px 45px;
}
.detail-cry-le-tit {
    font-weight: 400;
    color: var(--color5);
    line-height: 1.5;
}
.detail-cry-le-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}
html,
body {
    overflow: inherit !important;
}
.detail-cry-ri {
    height: 100%;
    width: 29%;
    padding-left: 62px;
    position: sticky;
    top: 120px;
}
.dcrc-info {
    border-radius: var(--bor16);
    background: #fff;
    padding: 17px 45px 40px 28px;
    margin-bottom: 20px;
}
.dcrc-info-tit {
    margin-bottom: 29px;
    font-weight: 400;
}
.dcrc-info-ul-li {
    margin-bottom: 40px;
}
.dcrc-info-ul-li a {
    font-size: var(--font16);
    color: var(--color5);
    line-height: var(--line175);
    transition: all .4s;
}
.dcrc-about-ul-li {
    border-radius: 10px;
    background: #fff;
    padding: 28px 28px 25px;
    margin-bottom: 20px;
}
.daul-tit {
    font-weight: 400;
}
.daul-ul-li {
    margin-top: 16px;
}
.daul-ul-li a {
    width: 100%;
    display: inline-block;
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--color5);
    padding: 11px 24px;
    border-radius: 4px;
    background: #f0f6f9;
    transition: all .4s;
}
.dclh-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px;
}
.dclh-ul-li {
    padding: 0 5px;
}
.dclh-ul-li a {
    transition: all .4s;
    font-size: var(--font14);
    color: #3d3935;
    padding: 6px 20px;
    border-radius: 80px;
    border: 1px solid rgba(171, 171, 171, 0.20);
}
.detail-cry-le-cry {
    padding-top: 40px;
    margin-top: 15px;
    border-top: 1px solid #e4e4e4;
}
.dclc-ul {
    margin-top: var(--space50);
    border-top: 1px solid #e4e4e4;
}
.dclc-ul-li {
    margin-top: 16px;
}
.dclc-ul-li a {
    font-size: var(--font16);
    color: var(--color5);
    line-height: var(--line175);
    transition: all .4s;
}
/* e2 end */
/* f1 */
.overview-main .std-h2 {
    text-align: left;
}
.over-brief-cry {
    display: flex;
    flex-wrap: wrap;
}
.over-brief-ri img{
    width: 100%;
}
.over-brief-le {
    width: 56.25%;
    padding-right: 179px;
    padding-top: 60px;
}
.over-brief-ri {
    width: 43.75%;
    border-radius: 20px;
    overflow: hidden;
}
.over-brief-le-text {
    margin-top: 30px;
}
.over-brief-le-text p {
    color: var(--color2);
    line-height: var(--line175);
}
.over-brief-le-ul {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.oblu-li {
    width: 50%;
    margin-top: 20px;
    padding: 0 20px;
}
.oblu-li p {
    position: relative;
    padding-left: 18px;
    font-size: var(--font18);
    line-height: var(--line145);
    color: var(--color1);
}
.oblu-li p::before {
    content: "";
    left: 0;
    margin-top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: var(--colormain);
    position: absolute;
}
.over-brief-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.over-brief-ul-li {
    height: auto;
    width: 33.333333%;
    padding: 0 15px;
    margin-top: 60px;
}
.obul-box {
    height: 100%;
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: var(--bor16);
    overflow: hidden;
    padding: 46px 50px 36px;
    display: flex;
    flex-direction: column;
}
.obul-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.obul-text-icon {
    width: 52px;
}
.obul-text-icon img {
    width: 100%;
}
.obul-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.obul-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.obul-text-tit {
    flex: 1;
    margin-top: 20px;
    font-size: 20px;
    color: var(--color4);
    font-weight: bold;
    line-height: var(--line145);
}
.obul-text-text {
    margin-top: 35px;
}
.obul-text-text p {
    color: var(--color4);
}
.over-deve-ul {
    display: flex;
    margin-top: 80px !important;
    margin: 0 -30px;
}
.over-deve-ul .slick-list {
    overflow: visible !important;
}
.over-deve-ul-li {
    width: 34%;
    display: flex !important;
    padding: 0 30px;
}
.over-deve-ul .slick-track .slick-slide {
    display: flex !important;
}
.over-deve-ul .slick-track {
    cursor: pointer;
}
.odul-line {
    width: 32px;
    margin-top: 7px;
}
.odul-line img {
    width: 100%;
}
.odul-text {
    padding-left: 20px;
}
.odul-name {
    transition: all .4s;
}
.odul-year {
    font-family: "allinnpay-roboto" !important;
    line-height: var(--line175);
    transition: all .4s;
}
.odul-text-ul {
    margin-top: 40px;
}
.odul-text-ul-li {
    margin-top: 20px;
}
.odul-text-ul-li p {
    position: relative;
    padding-left: 18px;
    font-size: var(--font16);
    line-height: var(--line145);
    color: var(--color1);
}
.odul-text-ul-li p::before {
    content: "";
    left: 0;
    top: 0;
    margin-top: 6.8px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: var(--colormain);
    position: absolute;
}
.over-deve-ul-li:nth-child(even) {
    margin-top: var(--space100);
}
.over-honor-cry {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--space50);
}
.over-honor-cry-le {
    width: 50%;
    border-radius: var(--bor16);
    overflow: hidden;
}
.over-honor-cry-le img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.over-honor-cry-ri {
    width: 50%;
    padding-left: 87px;
    padding-top: 40px;
}
.ohcr-text p {
    color: var(--color2);
}
.ohcr-ul {
    margin-top: 14px !important;
    display: flex;
    margin: 0 -60px;
}
.ohcr-ul-li {
    width: 33.333333%;
    padding: 0 60px;
}
.over-develop {
    position: relative;
}
.over-deve-bj {
    width: 100%;
    position: absolute;
    bottom: 0;
    pointer-events: none;
}
.over-deve-bj img {
    width: 100%;
}
.over-develop{
    z-index: 90;
}
.over-client-ul {
    margin-top: var(--space50) !important;
    display: flex;
    margin: 0 -6px;
    flex-wrap: wrap;
}
.over-client-ul-li {
    transition: all .4s;
    width:12.5%;
    padding: 0 6px;
    margin-bottom: 12px;
}
.ocul-img {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 24px 0px rgba(181, 189, 218, 0.25);
}
.over-client-ul-li img {
    transition: all .4s;
}
.ohcr-ul-li-num {
    display: flex;
    align-items: end;
}
.ouln-num {
    font-size: 50px;
    color: var(--colormain);
    font-weight: bold;
    line-height: 1.1;
}
.ouln-text {
    line-height: var(--line175);
    color: var(--colormain);
    margin-left: 3px;
}
.ohcr-ul-li-text {
    color: var(--color3);
}
.ohru-li-box {
    display: inline-block;
    border-radius: 8px;
    background: #f2f5f9;
    padding: 24px 60px 22px;
}
.ohru-li-img {
    width: 100%;
}
.ohru-li-img img {
    width: 100%;
}
.ohru-li-text {
    text-align: center;
    margin-top: 10px;
}
.overview-main .ys-nyban h1 {
    color: var(--color4);
    text-align: center;
}
.overview-main .ys-nyban p {
    color: var(--color4);
    text-align: center;
}
.ys-nyban-video {
    width: fit-content;
    margin: 0 auto;
    margin-top: 40px !important;
    cursor: pointer;
}
/* f1 end */
/* 侧栏 */
.yx-sidebar {
    position: fixed;
    top: 50%;
    transform: translatey(-50%);
    right: 20px;
    z-index: 80;
    transition: all .4s;
}
.yx-sidebar-ul-li {
    cursor: pointer;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 61.9px 0px rgba(118, 130, 161, 0.15);
}
.yx-sidebar-ul-li:nth-child(1){
    /* padding: 12px 7px 16px 9px; */
    padding: 8px 7px 5px 8px;
}
.yx-sidebar-ul-li:nth-child(2){
    /* padding: 12px 7px 5px 9px; */
    padding: 8px 7px 5px 8px;
    margin-top: 10px;
}
.yx-sidebar-ul-li:nth-child(1) 
.ysul-box-icon{
    /* width: 46px; */
    width: 40px;
}
.yx-sidebar-ul-li:nth-child(2) 
.ysul-box-icon{
    width: 20px;
}
.ysul-box-icon{
    margin: 0 auto;
}
.ysul-box-icon img{
    width: 100%;
}
.ysul-box-text{
    font-size: 12px;
    margin-top: 6px;
    color: var(--color3);
}
.yx-sidebar.show{
    right: -50px;
}
.ys-imgbox-contain img:nth-child(2) {
    transition: all .4s;
}
.join-main .ys-main{
    margin-top: 0;
}
/* 侧栏 end */
.head-btn-top{
    display: flex;
    justify-content: space-between;
}
.head-btn-top-img{
    position: relative;
}
.head-btn-top-img img{
    transition: all .4s;
}
.head-btn-top-img img:nth-child(2){
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}
.join-main .ys-mbx{
    margin-top: calc(var(--line80)   20px);
}
.join-main .ys-bread-list a {
    color: rgba(255, 255, 255, 0.5);
}
.join-main .ys-bread-list::before {
    color: rgba(255, 255, 255, 0.5);
}
.products-main .prod-cry-ul .std-h2{
    text-align: left;
    margin-bottom:60px !important;
}
.slick-track{
    width: 100%;
}
.over-honor-run{
    --width3: 340px;
    position: relative;
    --jian3:10px;
    margin-top: 60px;
}
.over-honor,
.over-develop{
    overflow: hidden;
}
.over-honor-run-ul{
    width: calc(var(--width-shu3)* var(--width3));
    font-size: 0;
    display: flex;
}
.ohru-li{
    height: auto;
    display: inline-block;
    width: var(--width3);
    padding: 0 var(--jian3);
}
.over-honor-run-ul1{
    animation: donghua calc(6s* var(--width-shu3)) linear infinite;
}
.over-honor-run-ul2{
    transform: translatex(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 calc(6s* var(--width-shu3)) linear infinite;
}
.ys-phnav-num a{
    color: var(--color4);
    font-size: var(--font14);
    font-weight: bold;
}
.page-main{
    background: #f0f6f9;
    padding-top: 90px;
}
.page-main .detail-cry-le{
    width: 100%;
}
.dclc-btn{
    margin-top: 40px;
}
.dclc-btn .std-btn1-box{
    border-radius: 8px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
}
.std-btn1-box img{
    width: 16px;
    height: 16px;
    margin-left: 10px;
    position: relative;
    z-index: 10;
}
.dcrc-share .ys-share-img{
    position: relative;
}
.dcrc-share .ys-share-img img:nth-child(2){
    position: absolute;
    left: 0;
    transition: all .4s;
    opacity: 0;
}
.ys-share-img img:hover:nth-child(2){
    opacity: 1;
}
.dcrc-share{
    display: flex;
    justify-content: center;
    margin: 0 -9px;
}
.dcrc-share .ys-share-list{
    padding: 0 9px;
}
.dcrc-share .ys-share-img {
    width: 38px;
}
.join-main .ys-nyban-btn .std-btn1-box img {
    width: 26px !important;
    height: 26px;
    margin-left: 0px;
}
.brand-main .ys-pcfy{
    display: none;
}
.head-btn-top-img img:nth-child(1){
    display: none;
    opacity: 0;
}
.head-btn-top-img img:nth-child(2){
    position: relative;
    top: 0%;
    transform: translatey(0%);
    display: block;
    opacity: 1;
}
.scul-ri-bj2 img{
    width: 100%;
}
.msul-num  span:nth-child(1){
    margin-right: 8px;
    margin-bottom: 18px;
}
/* .products-main .ys-nyban-title{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
} */
.car-schema-bom-li{
    width: 70%;
    margin: 0 auto;
}
.scene-core-ul .slick-track{
    justify-content: center;
    margin: 0 auto;
}
.home-manage-btn{
    position: relative;
    z-index: 10;
}
.mod-btn-prev {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: -100px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 16px 0px rgba(172, 184, 207, 0.25);
    background: var(--color4);
}
.mod-btn-prev.slick-disabled, .mod-btn-next.slick-disabled {
    opacity: .4;
    pointer-events: none;
}
.mod-btn-prev::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background: ;
    background-size: cover;
    transition: all .4s;
}
.mod-btn-next {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: -100px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 16px 0px rgba(172, 184, 207, 0.25);
    background: var(--color4);
}
.mod-btn-next::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background: ;
    background-size: cover;
    transition: all 0.4s;
}
.mlbu-btn{
    position: absolute;
    z-index: 100;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translatey(-50%);
}
.matrix-core-bom-ul .slick-list{
    overflow: visible !important;
}
.ys-phnav3-language{
    display: none;
}
.car-schema-bom-li video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.over-client-cue{
    color: var(--color1);
    font-size: var(--font16);
    line-height: var(--line14);
    margin: 0 0 0 auto;
    width: fit-content;
    margin-top: 25px !important;
}
.ys-hd-pc.on  .head-nav-item-down3.active{
    top: calc(var(--line80));
}
.home-main .ys-main{
    overflow: hidden;
}
.payment-main .ys-main{
    overflow: hidden;
}
.payment-main .settle-pay{
    margin-top: var(--space100);
}
@keyframes donghua3{
    0% {
        transform: translatex(200%);
    }
    100% {
        transform: translatex(100%);
    }
}
.home-manage-cry{
    width: 90%;
    margin: 0 auto;
    margin-top: -80px;
}
.products-main .ys-nyban-img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.products-main .ys-nyban-title {
    position: relative;
    margin: 0 auto;
    padding: 120px 0;
}
.products-main .ys-nybanner{
    overflow: hidden;
}
.bulb-img{
    position: relative;
}
.bulb-img-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}
.bulb-img-bg img{
    width: 100%;
    height: 100%;
}
.overview-main video,
.join-main video{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.join-main video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.join-main video,
.overview-main video{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.join-main .ys-nyban-pc,
.join-main .ys-nyban-ph,
.overview-main .ys-nyban-pc,
.overview-main .ys-nyban-ph{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.ys-modal-content {
    width: 750px;
    padding: 0px;
    max-width: calc(100vw - 40px);
    max-height: 800px;
    overflow: hidden;
    background: var(--color4);
}
.ai-chat.is-center{
    width: 100% !important;
    min-width: 1000px;
}
/* 规范按钮-end */
.link-modal.act{
    display: none;
}
.ys-modal-close{
    width: 100vw;
    height: 100vh;
    background: transparent;
    right: 0px;
    top: 0px;
    cursor: inherit;
}
.ys-modal-container{
    z-index: 10;
}
.ys-modal.link-modal{
    background: rgba(0, 0, 0, .6);
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .bcul-ul-li-box:hover .bcul-ul-li-text p{
        color: var(--colormain);
    }
    .prod-nav-ul-item a:hover{
        background-color: var(--colormain);
    }
    .prod-nav-ul-item a:hover p{
        color: var(--color4);
    }
    .dclh-ul-li a:hover{
        color: var(--colormain);
    }
    .home-trust-run:hover .htrc-ul1,
    .home-trust-run:hover .htrc-ul2{
        animation-play-state: paused;
    }
    .settle-pay-slide:hover .settle-pay-ul{
        animation-play-state: paused;
    }
    .over-honor-run:hover .over-honor-run-ul{
        animation-play-state: paused;
    }
    /* .yftl-btn .std-btn1-box:hover::after {
        width: 0%;
    } */
    .join-main .ys-bread-list a:hover{
        color: rgba(255, 255, 255, 1);
    }
    .ys-bread-list a:hover{
        color: var(--colormain);
    }
    .over-client-ul-li:hover {
        box-shadow: 0px 0px 10px 0px rgba(181, 189, 218, 0.55);
    }
    .over-client-ul-li:hover img:nth-child(2) {
        transform: scale(1.15);
    }
    .ohru-li-box:hover .ohru-li-img img:nth-child(2) {
        transform: scale(1);
    }
    .dclc-ul-li a:hover {
        color: var(--colormain);
    }
    .daul-ul-li a:hover {
        background-color: var(--colormain);
        color: var(--color4);
    }
    .dcrc-info-ul-li a:hover {
        color: var(--colormain);
    }
    .sulu-li-box:hover {
        background-color: var(--colormain);
    }
    .sulu-li-box:hover .sulu-li-text {
        color: var(--color4);
    }
    .sulu-li-box:hover .sulu-li-img img:nth-child(2) {
        opacity: 1;
    }
    .sulu-li-box:hover .sulu-li-img img:nth-child(1) {
        opacity: 0;
    }
    .dcul-box:hover {
        border: 1px solid transparent;
        box-shadow: 0px 4px 16px 0px rgba(135, 197, 217, 0.25);
    }
    .bcul-ul-li-box:hover .bcul-ul-li-img img:nth-child(2) {
        transform: scale(1.05);
    }
    .comp-tabli li:hover {
        color: #fff;
        background: var(--colormain);
    }
    .nnul-box:hover .ntcb-ri-tit {
        color: var(--colormain);
    }
    .cctc-ul-li p:hover {
        background: rgba(32, 64, 177, 0.10);
        color: var(--colormain);
    }
    .ccbu-li-box:hover .ccbu-li-img img {
        transform: scale(1.05);
    }
    .car-schema-top-li p:hover {
        background-color: var(--colormain);
        color: var(--color4);
    }
    .scul-box:hover .scul-ri-bj1 {
        transform: scale(1.05);
    }
    .sltu-li p:hover {
        color: var(--colormain);
    }
    .sltu-li p:hover::after {
        width: 100%;
    }
    .mlbu-li-box:hover .std-btn1-box::after {
        width: 100%;
    }
    .mctu-li p:hover {
        color: var(--colormain);
    }
    .mctu-li p:hover::after {
        width: 100%;
    }
    .ssul-box:hover .std-btn1-box::after {
        width: 100%;
    }
    .pcul-ul-li-box:hover {
        box-shadow: 0px 0px 33.7px 0px rgba(126, 158, 181, 0.25);
    }
    .prod-nav-ul-li p:hover {
        color: var(--colormain);
    }
    .prod-nav-ul-li p:hover::after {
        width: 100%;
    }
    .ynlu-li a:hover {
        color: var(--colormain);
    }
    .hbcl-box:hover .hbcl-box-tit {
        color: var(--colormain);
    }
    .hbcl-box:hover .hbcl-box-bj {
        opacity: 1;
    }
    .hbcl-box:hover .hbcl-box-icon img:nth-child(2) {
        opacity: 1;
    }
    .hwct-li p:hover {
        color: var(--color4);
        background: var(--colormain);
    }
    .home-trust-run-cry:hover .htrc-ul{
        animation-play-state: paused;
    }
    .home-trust-ul-li:hover {
        transform: translatey(-4px);
    }
    .hncr-ul-li a:hover .hncr-ul-li-text {
        color: var(--colormain);
    }
    .yftr-bom-le p a:hover {
        color: var(--colormain);
    }
    .ys-footer-bom-ri a:hover {
        color: var(--colormain);
    }
    .yftr-top-link>ul>li:nth-child(1)>ul>li>ul>li>a:hover {
        color: var(--colormain);
    }
    .yftr-top-link>ul>li>ul>li>a:hover {
        color: var(--colormain);
    }
    .std-btn1-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }
    .std-btn2-box:hover::after {
        width: 100%;
        left: 0;
        right: auto;
    }
    .std-btn2-box:hover p {
        color: var(--color4);
    }
    .std-btn3-box:hover {
        color: var(--color4);
    }
    .std-btn3-box:hover {
        background: transparent;
        border: 1px solid var(--colormain);
    }
    .std-btn3-box:hover p {
        color: var(--color4);
    }
    .ys-hd-pc1:hover{
        background: transparent;
        box-shadow: 0 0 0 0;
    }
    .ys-hd-pc1:hover .head-nav-item-title p {
        color: var(--color4);
    }
    .ys-hd-pc1:hover .head-logo img:nth-child(2){
        opacity: 1;
    }
    .ys-hd-pc1:hover .head-logo img:nth-child(1){
        opacity: 0;
    }
    .ys-hd-pc1:hover .hnit-arrow img:nth-child(2){
        opacity: 1;
    }
    .ys-hd-pc1:hover .hnit-arrow img:nth-child(1){
        opacity: 0;
    }
    .ys-hd-pc1:hover .holt-net img:nth-child(2){
        opacity: 1;
    }
    .ys-hd-pc1:hover .holt-net img:nth-child(1){
        opacity: 0;
    }
    .ys-hd-pc1:hover .holt-arrow img:nth-child(2){
        opacity: 1;
    }
    .ys-hd-pc1:hover .holt-arrow img:nth-child(1){
        opacity: 0;
    }
    .ys-hd-pc1:hover .head-other-search-img img:nth-child(2){
        opacity: 1;
    }
    .ys-hd-pc1:hover .head-other-search-img img:nth-child(1){
        opacity: 0;
    }
    .ys-hd-pc1:hover .head-other-link-img img:nth-child(2){
        opacity: 1;
    }
    .ys-hd-pc1:hover .head-other-link-img img:nth-child(1){
        opacity: 0;
    }
    .ys-hd-pc1:hover .head-other-link a p {
        color: var(--color4);
    }
    .ys-hd-pc1:hover .head-other-link a p {
        color: var(--color4);
    }
    .ys-hd-pc1:hover .head-other-btn .std-btn1-box {
        background-color: var(--color4);
    }
    .ys-hd-pc1:hover  .std-btn1-box p{
        color: var(--colormain);
    }
    .ys-hd-pc1:hover .head-other-btn .std-btn1-box {
        background-color: var(--color4);
    }
    .ys-hd-pc1:hover .std-btn2-box{
        background-color: transparent;
    }
    .ys-hd-pc1:hover .std-btn2-box{
        background-color: transparent;
        border: 1px solid #fff;
    }
    .ys-hd-pc1:hover .std-btn2-box p{
        color: var(--color4);
    }
    .hncl-img:hover img{
        transform: scale(1.05);
    }
}