@charset "utf-8";

/* 公共样式 - start */
:root {
    /* 字号 */
    --font64: 64px;
    --font48: 48px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航 */
    --line64: 64px;
    /* 颜色 */
    --color1: #333333;
    --color2: #666666;
    --color3: #999999;
    --color4: #ffffff;
    /* --colormain: #FFD700; */
    --colorbj: ;
    /* 板块间距 */
    --space120: 120px;
    --space100: 100px;
    --space50: 50px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1: '';
    --vicolor: #FFD900;
    /* 圆弧 */
    --radius: 20px;
}

@font-face {
    font-family: 'jiatong4';
    src: url('../fonts/DENMARK.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jiatong3';
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jiatong2';
    src: url('../fonts/OpenSans-VariableFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'jiatong1';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.std-h1 {
    font-size: var(--font64);
    color: var(--color1);
    line-height: var(--line15);
}

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


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

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

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

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

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

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

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

.std-margin {
    margin-top: var(--space120);
}

.std-margin1 {
    margin-bottom: var(--space120);
}

.std-margin2 {
    margin-bottom: var(--space100);
}

.std-margin3 {
    margin-bottom: var(--space40);
}

.std-padding {
    padding-top: var(--space120) !important;
}

.std-padding1 {
    padding-bottom: var(--space120) !important;
}

.std-padding2 {
    padding-bottom: var(--space100);
}

.std-padding3 {
    padding-bottom: var(--space40);
}

.std-padding4 {
    padding-bottom: var(--space50);
}

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

.yxedr-active h4,
.std-text2 p {
    margin-bottom: var(--parpspace12);
}

.yxedr-active h5,
.std-text1 p {
    margin-bottom: var(--parpspace10);
}

body {
    font-family: "Noto Sans SC", "Microsoft YaHei";
}

/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "Noto Sans 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 {}

.yxnav-active2 {}

.head-nav-item-title {
    line-height: var(--line64);
    font-size: 16px;
    color: #fff;
    transition: all 0.36s;
    white-space: nowrap;
    display: block;
    position: relative;
}

.head-nav-item {
    padding: 0 52px;
}

.head-nav {
    display: flex;
    padding-left: 130px;
}

/* 轮播溢出隐藏 */
.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 */


.ys-hd-pc-top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    background: #3D3D3D;
}

.yhct-shoppi-li {
    width: 24px;
    margin-right: 20px;
}

.yhct-shoppi-li img {
    width: 100%;
}

.yhct-shoppi-li a {
    display: block;
    width: 100%;
}

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

.yhct-shoppi p {
    color: var(--vicolor);
    font-size: var(--font14);
    line-height: 1.6;
}

.yhct-shoppi {
    display: flex;
    align-items: center;
    padding: 3px 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.yhct-shoppi-ul {
    display: flex;
    align-items: center;
    padding-left: 12px;
}

.yhct-shoppi-le {
    width: 20px;
    flex: none;
}

.yhct-shoppi-le img {
    width: 100%;
}

.yhct-shoppi-ri p {
    font-size: var(--font14);
    color: var(--vicolor);
    line-height: 1.6;
}

.yhct-shoppi-ri {
    padding-left: 12px
}


.ys-hd-pc-btm {
    display: flex;
    align-items: center;
    width: 100%;
    background: #222222;
    padding: 0 40px;
    justify-content: space-between;
    position: relative;
}

.head-logo {
    width: 200px;
}

.head-logo a {
    width: 100%;
    display: block;
    line-height: var(--line64);
}

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

.head-ri-prod .ys-select-hd {
    height: 50px;
    background: var(--vicolor);
    border-radius: 4px;

}

.head-ri-prod1 .ys-select-hd {
    width: 225px;
}

.head-ri-prod2 .ys-select-hd {
    width: 160px;
}


.head-ri-prod .ys-select-hd input {
    text-align: center;
    color: #111111;
    font-size: 16px;
    padding-right: 0 !important;
}

.head-ri-prod .ys-select-hd input::-webkit-input-placeholder {
    text-align: center !important;
    color: #111111;
}

.head-ri-prod .ys-select-hd input:-moz-placeholder {
    text-align: center !important;
    color: #111111;
}

.head-ri-prod .ys-select-hd input::-moz-placeholder {
    text-align: center !important;
    color: #111111;
}

.head-ri-prod .ys-select-hd input:-ms-input-placeholder {
    text-align: center !important;
    color: #111111;
}


.head-ri-prod2 .ys-select-hd input {
    color: #ffffff;
}

.head-ri-prod2 .ys-select-hd input::-webkit-input-placeholder {
    color: #ffffff;
}

.head-ri-prod2 .ys-select-hd input:-moz-placeholder {
    color: #ffffff;
}

.head-ri-prod2 .ys-select-hd input::-moz-placeholder {
    color: #ffffff;
}

.head-ri-prod2 .ys-select-hd input:-ms-input-placeholder {
    color: #ffffff;
}

.head-ri-prod .ys-select-bd {
    border-radius: 4px;
    text-align: center;
    padding: 18px 15px;
    max-height: 130px;
}

.head-ri-prod .ys-select-li {
    font-size: 16px;
    line-height: 1.5;
    padding: 3px 0;
    transition: all 0.36s;
    display: block;
    width: 100%;
    color: #666;
}

.head-ri-prod .mCSB_outside+.mCSB_scrollTools {
    right: -6px;
}

.head-ri-prod .mCSB_dragger_bar {
    background: var(--vicolor) !important;
}

.head-ri-prod2 .ys-select-hd {
    background: transparent;
    border: 1px solid #fff;
}

.head-ri {
    display: flex;
}

.head-ri-prod {
    margin-right: 20px;
}

.head-ri-btn-icon {
    width: 50px;
    padding: 9px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}

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

.head-nav-item-down {
    width: 100vw;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    padding: 25px 0;
}

.hnid-wrap {
    width: 880px;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
}

.hnid-wrap-li {
    width: 20%;
}

.hnid-wrap-li-top p {
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.6);
}

.hwlb-li a {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    transition: all 0.36s;
}

.hwlb-li,
.hnid-wrap-li-top {
    margin-bottom: 11px;
}

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

.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    width: 110%;
    opacity: 1;
}

.hwlb-li.yxnav-active2 a {
    color: #FFD900;
}

.head-ri-prod .ys-select-real {
    height: 100%;
    cursor: pointer;
    width: 100%;
}

.ys-ban-txtbox .std-h1 {
    color: #fff;
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
}

.ys-banner .slick-dots li {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 80px;
    margin: 0 3px;
}

.ys-banner .slick-dots li.slick-active {
    width: 60px;
    background: var(--vicolor);
}

.ys-banner .slick-dots {
    bottom: 52px;
}


.home-advan {
    width: 100%;
    position: relative;
    padding: 50px 0;
}

.mod-padd {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.mod-stick {
    overflow: visible !important;
}

.home-advan-top {
    width: 100%;
    padding-bottom: 40px;
}

.hatu-li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.home-advan-top-ul {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.hatu-wrap {
    width: 100%;
    position: relative;
}

.hatu-wrap-img {
    width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
}

.hatu-wrap-img img {
    width: 100%;
}

.hatu-wrap-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(270deg, rgba(34, 34, 34, 0.20) 0%, #222 100%);
}

.hatu-wrap-posi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 47px 80px;
}

.hatu-wrap-posi-num .std-h1 {
    color: var(--vicolor);
    line-height: 1;
    font-family: 'jiatong1';
    font-weight: 500;
}

.hatu-wrap-posi-info p {
    color: #fff;
    line-height: 1.8;
}

.hatu-wrap-posi-num {
    margin-bottom: 16px;
}

.hatu-wrap-posi-info {
    margin-bottom: 43px;
}

.hatu-wrap-posi-more {
    position: relative;
    display: flex;
    align-items: stretch;
}

.hwpm-le {
    width: 48px;
    padding: 12px;
    border-radius: 4px;
    background: #FFD700;
    margin-right: 4px;
}

.hwpm-le img {
    width: 100%;
}

.hwpm-ri-li {
    margin-right: 4px;
}

.hwpm-ri-li-link {
    line-height: 1.8;
    color: #fff;
    transition: all 0.36s;
    display: block;
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 8px 40px;
}

.hwpm-ri {
    display: flex;
}

.home-advan-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.habu-li {
    width: 33.333333%;
    padding: 0 10px;
}

.habu-wrap {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.habu-wrap:last-child {
    margin-bottom: 0;
}

.habu-wrap-img {
    border-radius: 10px;
}

.habu-wrap-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222 100%);
}

.habu-wrap-posi {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 40px 24px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.hwpl-tit .std-h3 {
    color: #fff;
    line-height: 1.4;
    font-weight: 500;
}

.hwpl-info p {
    color: #fff;
    line-height: 1.8;
}

.hwpl-tit {
    margin-bottom: 4px;
}

.habu-wrap-posi-le {
    padding-right: 20px;
}

.habu-wrap-posi-ri {
    flex: none;
}

.hwpr-arr {
    width: 32px;
    position: relative;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 3px;
    transition: all 0.36s;
}

.hwpr-arr img:nth-child(1) {
    opacity: 0;
}

.hwpr-arr img {
    transform: scale(1) !important;
}

.habu-li2 .habu-wrap-posi {
    display: block;
    text-align: center;
}

.habu-li2 .hwpr-arr {
    margin: 0 auto;
    background: var(--vicolor);
    border-color: var(--vicolor);
}

.habu-li2 .hwpr-arr img:nth-child(1) {
    opacity: 1;
}


.habu-li2 .hwpr-arr img:nth-child(2) {
    opacity: 0;
}

.habu-li2 .habu-wrap-posi-le {
    padding-right: 0 !important;
    padding-bottom: 16px;
}

.home-produc {
    width: 100%;
    position: relative;
    /* max-width: 1920px;
    margin: 0 auto; */
}

.home-produc-top {
    width: 100%;
    padding-top: 160px;
    text-align: center;
    padding-bottom: 110px;
}

.home-produc-btm {
    width: 100%;
    position: relative;
}

.home-produc-top-tit .std-h1 {
    color: #111;
    font-weight: 600;
}

.home-produc-top-btn {
    display: flex;
    justify-content: center;
}

.hptb-li-link {
    color: #111;
    line-height: 1.8;
    transition: all 0.36s;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.10);
    padding: 8px 54px;
    cursor: pointer;
}

.hptb-li {
    margin: 0 2px;
}

.home-produc-top-tit {
    margin-bottom: 40px;
}

.hptb-li.act .hptb-li-link {
    background: var(--vicolor);
}

.home-produc-btm-li {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0px;
    margin-bottom: 20px;
}

.hpbl-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--radius);
    overflow: hidden;
    background: #fff;
}

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

.hpbl-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222 100%);
}

.hpbl-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;

}

.hpbl-wrap-le {
    display: flex;
}

.hpbl-wrap-le .hptb-li-link {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hpbl-wrap-le .hptb-li.act .hptb-li-link {
    color: #111;
    border-color: var(--vicolor);
}

.hpbl-wrap-ri {
    width: 46%;
    position: relative;
}

.hpbl-wrap-ri-wrap {
    width: 100%;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(30px);
    padding: 40px 40px 0;
    -webkit-backdrop-filter: blur(30px);
}

.hwrw-top {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #fff;
    overflow: hidden;
}

.hwrw-top-li {
    width: 100%;
    display: none;
}

.hwrw-top-li:first-child {
    display: block;
}

.hwrw-top-li-wrap {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 75px;
    z-index: 1;
}

.htlw-ri {
    width: 48%;
    position: relative;
    padding-top: 40px;
}

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

.htlw-ri-desz {
    position: absolute;
    top: 0;
    right: 0;
    width: 67%;
}

.htlw-ri-desz img {
    width: 100%;
    border-radius: var(--radius);
}

.htlw-le {
    width: 41%;
}

.htlw-le-logo {
    width: 88%;
    margin-bottom: 20px;
}

.htlw-le-logo img {
    max-width: unset;
    height: 70px;
    /* transform: translate(-48px, 1px); */
}

.htlw-le-info p {
    color: #111;
    line-height: 1.6;
}

.htlw-le-info {
    margin-bottom: 22px;
}


.htlw-le-lable {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
}

.htlw-le-lable span {
    color: #111;
    font-size: 12px;
    line-height: 1.6;
    padding: 2px 12px;
    border-radius: 80px;
    border: 1px solid rgba(37, 23, 20, 0.20);
    margin-bottom: 10px;
    margin-right: 10px;
}

.htlw-le-arr .hwpr-arr {
    border-color: var(--vicolor);
    background: var(--vicolor);
}

.htlw-le-arr .hwpr-arr img:nth-child(1) {
    opacity: 1;
}

.htlw-le-arr .hwpr-arr img:nth-child(2) {
    opacity: 0;
}

.htlw-num {
    position: absolute;
    bottom: 40px;
    left: 10%;
    z-index: -1;
}

.htlw-num p {
    opacity: 0.3;
    mix-blend-mode: soft-light;
    font-size: 140px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: 'jiatong2';
    white-space: nowrap;
    color: #fff;
}

.hwrw-btm-ul-li {
    width: 33.333333%;
    padding: 0 16px;
    display: none;
}

.hwrw-btm-ul-li:first-child {
    display: block;
}

.hwrw-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.hwrw-btm {
    width: 100%;
    padding-top: 40px;
}

.hbul-wrap {
    width: 100%;
    position: relative;
    transform: translateY(140px);
    transition: all 0.36s;
    cursor: pointer;
}

.hbul-wrap-top .std-h4 {
    color: #111;
    line-height: 1.6;
}

.hbul-wrap-top {
    margin-bottom: 4px;
    width: 100%;
    text-align: center;
}

.hbul-wrap-btm {
    width: 100%;
    position: relative;
}

.hwrw-btm-ul-li.slick-current .hbul-wrap {
    transform: translateY(55px);
}

.hbul-wrap-btm img:nth-child(1) {
    opacity: 0;
    position: relative;
}

.hwrw-btm-ul-li.slick-current .hbul-wrap-btm img:nth-child(1) {
    left: -10px;
    top: -4px;
    opacity: 1;
}

.hpbl-wrap-ri-arr {
    position: absolute;
    bottom: 74px;
    left: -43px;
    cursor: pointer;
}

.hwra-btn {
    width: 32px;
    background: rgba(255, 255, 255, 0.6);
    transition: all 0.36s;
    border-radius: 4px;
    overflow: hidden;
}

.hwra-btn img {
    width: 100%;
}

.hwra-ri img {
    transform: rotate(180deg);
}

.hwra-le {
    margin-bottom: 8px;
}

.home-platfor {
    width: 100%;
    position: relative;
    z-index: 10;
}


.home-platfor .yx_line {
    width: 100%;
}

.yx_line svg {
    width: 100%;
}

.home-platfor-imh {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2560px;
    height: 100%;
    display: flex;
    background: #F7F7F7;
    overflow: hidden;
}

.home-platfor-imh lottie-player {
    width: 100%;
    height: 100%;
}

.home-platfor-imh img {
    width: 100%;
    height: 100%;
    flex: none;
    object-fit: cover;
    animation: lamp1 6s linear infinite;

}

.home-platfor-imh img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
    animation: lamp2 6s linear infinite;
}

.home-platfor2 .home-platfor-imh {
    background: rgb(26, 26, 26);
}

@keyframes lamp2 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes lamp1 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.home-platfor-wrap {
    width: 1060px;
    max-width: 100%;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    text-align: center;
}

.home-platfor-btm-cont {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
}

.home-platfor-wrap-img {
    width: 762px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.home-platfor-wrap-img img {
    width: 100%;
}

.home-platfor-wrap-tit .std-h1 {
    text-align: center;
    font-weight: bold;
    color: #111111;
}

.std-tit20,
.std-tit20 p {
    font-size: 20px;
    line-height: 1.6;
    color: #111;
}

.home-platfor-wrap-tit {
    margin-bottom: 32px;
}

.home-platfor-top {
    width: 100%;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    z-index: 10;
    margin-bottom: 100px;
}

.home-platfor-btm {
    width: 100%;
    position: sticky;
    bottom: 0;
    height: 100vh;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-platfor-btm-img {
    width: 100%;
    height: 100vh;
    position: relative;
}

.home-platfor-btm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-platfor-btm-play {
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 10;
}

.home-platfor-btm-play img {
    width: 100%;
}

.home-platfor-btm-pop {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 580px;
    z-index: 15;
}

.hpbp-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 10px;
    padding: 6px;
}

.hpbp-le {
    width: 35%;
    border-radius: 10px;
    height: 100%;
}

.hpbp-ri {
    width: 65%;
    padding-left: 20px;
    padding-right: 50px;
    padding-top: 54px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.hpbp-ri-img {
    width: 190px;
    margin-bottom: 20px;
    max-width: 100%;
}

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

.hpbp-ri-info p {
    font-weight: 500;
    color: rgba(17, 17, 17, 0.6);
    line-height: 1.6;
}

.hpbp-ri-more {
    display: flex;
    align-items: center;
}

.hpbp-ri-more .hwpr-arr {
    width: 42px;
}

.hwpr-arr1 {
    background: var(--colormain);
    border-color: var(--colormain);
}

.hwpr-arr1 img:nth-child(1) {
    opacity: 1;
}

.hwpr-arr1 img:nth-child(2) {
    opacity: 0;
}

.hpbp-ri-more img {
    transform: scale(1) !important;
}

.hpbp-ri-more p {
    color: #111;
    line-height: 1.6;
    padding-right: 16px;
    transition: all .4s;
}

.hpbp-ri-info {
    margin-bottom: 20px;
}

.home-platfor2 .home-platfor-wrap-img {
    width: 230px;
}

.home-platfor2 .home-platfor-wrap-tit .std-h1 {
    color: #fff;
}

.home-platfor2 .home-platfor-wrap-info p {
    color: #fff;
}

.home-platfor2 .hpbp-ri {
    padding-top: 30px;
    padding-bottom: 40px;
}

.home-platfor2 .hpbp-ri-img {
    width: 170px;
    margin-bottom: 15px;
}

.home-enterp {
    width: 100%;
    position: relative;
    background: #EFEEEC;
}

.home-platfor-btm::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 140px;
    background: #EFEEEC;
    z-index: -1;
}

.home-platfor-btm {
    z-index: 1;
}

.home-enterp-wrap {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.home-enterp-le {
    width: 41%;
}

.home-enterp-le-img {
    width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
}

.home-enterp-le-img img {
    width: 100%;
}

.home-enterp-ri {
    width: 59%;
    padding-left: 90px;
    padding-right: 140px;
}

.home-enterp-ri-tit .std-h2 {
    color: #111;
    line-height: 1.2;
}

.home-enterp-ri-tit {
    margin-bottom: 40px;
}

.home-enterp-ri-info P {
    color: rgba(17, 17, 17, 0.6);
}

.herm-more {
    display: flex;
    cursor: pointer;
}

.herm-more .hwpm-ri-li-link {
    color: #111;
    background: var(--vicolor);
    border-color: var(--vicolor);
}

.hwpm-le {
    transition: all 0.36s;
}

.home-enterp-ri-more {
    display: flex;
    margin-bottom: 80px;
}

.home-enterp-ri-info {
    margin-bottom: 50px;
}

.heru-li {
    width: 50%;
    padding: 0 30px;
}

.home-enterp-ri-ul {
    margin: 0 -30px;
    display: flex;
    flex-wrap: wrap;
}

.heru-warp {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(37, 23, 20, 0.20);
    padding-top: 20px;
    padding-bottom: 40px;
}

.mod-tit54 {
    font-size: 54px;
    line-height: 1;
}

.heru-warp-num .mod-tit54 {
    color: #F9C300;
}

.heru-warp-info p {
    color: #111;
    line-height: 1.6;
}

.heru-warp-num {
    margin-bottom: 4px;
}

.home-logo-ul-li {
    width: 358px;
    position: relative;
    padding: 0 40px;
    flex: none;
    display: flex;
}

.home-logo-ul-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 58px;
    background: rgba(17, 17, 17, 0.3);
}

/* .home-logo-ul-li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 58px;
    background: rgba(17, 17, 17, 0.3);
} */

.home-logo {
    width: 100%;
    position: relative;
    background: #EFEEEC;
    padding-top: 60px;
    overflow: hidden;
}

.home-logo-ul {
    display: flex;
}

.home-logo-li {
    display: flex;
    flex: none;
    animation: donghua 50s linear infinite;
}

@keyframes donghua1 {
    from {
        transform: translateX(0);
    }

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

.home-news {
    width: 100%;
    position: relative;
    background: #EFEEEC;
}

.home-news-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.home-news-top-le .std-h2 {
    color: #111111;
    line-height: 1.2;
    font-weight: bold;
}

.home-news-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.home-news-btm-le {
    width: 48.5%;
    position: sticky;
    top: 120px;
    height: 100%;
}

.hnbl-link {
    width: 100%;
    position: relative;
    display: block;
}

.hnbl-link-img {
    width: 100%;
    border-radius: 10px;
}

.hnbl-link-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222 100%);
}

.hnbl-link-posi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 31px 46px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hnbl-link-posi-time p {
    color: #fff;
    line-height: 1.6;
}

.hnbl-link-posi-tit .std-h4 {
    color: #fff;
    line-height: 1.6;
}

.hnbl-link-posi-time {
    margin-bottom: 8px;
}

.hwpr-arr2 .ys-imgbox-cover {
    transform: rotate(-45deg);
}

.std-mar {
    margin-bottom: 50px;
}

.home-news-top-ri {
    display: flex;
    justify-content: flex-end;
}

.home-news-btm-ri {
    width: 51.5%;
    padding-left: 45px;
}

.hnbr-ul-li,
.hnbr-ul {
    width: 100%;
}

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

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

.hnbr-ul-link {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(37, 23, 20, 0.30);
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.hnbr-ul-link-le {
    width: 38%;
    border-radius: 10px;
}

.hnbr-ul-link-ri {
    width: 62%;
    padding-left: 20px;
    padding-top: 17px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.hulr-time p {
    color: rgba(17, 17, 17, 0.6);
    line-height: 1.6;
}

.hulr-time {
    margin-bottom: 8px;
}

.hulr-info p {
    color: #111;
    height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hulr-btm {
    display: flex;
    justify-content: flex-end;
}

.hulr-btm .hwpr-arr {
    background: rgba(219, 217, 215, 1);
    border: 1px solid rgba(219, 217, 215, 1);
}

/* .hulr-btm */

.ys-footer {
    width: 100%;
    background: #222;
    border-radius: var(--radius) var(--radius) 0 0;
}

.ys-footer-top {
    width: 100%;
    position: relative;
}

.ys-footer-top-ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 53px;
    padding-bottom: 52px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ys-footer-top-li {
    width: 50%;
    text-align: center;
    position: relative;
}

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

.ys-footer-top-li:last-child:after {
    display: none;
}

.yftl-tit .std-h3 {
    color: #fff;
    line-height: 1.2;
}

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

.yftl-ul {
    display: flex;
    justify-content: center;
}

.yftl-li {
    margin: 0 30px;
    width: 40px;
    position: relative;
    cursor: pointer;
}

.yftl-li img {
    width: 100%;
}

.yftl-code {
    width: 110px;
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    pointer-events: none;
}

.yftl-code img {
    width: 100%;
}

.ys-footer-btm {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
}

.ys-footer-btm-ul {
    display: flex;
    justify-content: space-between;
}

.yfbu-tit a {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
}

.yfbu-tit {
    margin-bottom: 24px;
}

.yfbp-li a {
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.36s;
}

.yfbp-li {
    margin-bottom: 16px;
}

.ys-footer-copyr {
    width: 100%;
    position: relative;
}

.ys-footer-copyr-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.yfcw-ri a,
.yfcw-le p {
    font-size: 12px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}

.yfcw-le a {
    color: rgba(255, 255, 255, 0.5);
}

a[href="https://www.yongsy.com"] {
    margin-left: 20px;
}

.yfcw-ri a {
    display: inline-block;
    padding-left: 42px;
    position: relative;
}

.yfcw-ri a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -21px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.yfcw-ri a:last-child::after {
    display: none;
}

.yfcw-ri a:first-child {
    padding-left: 0;
}

.yx-search3box {
    --btn-width: 27px;
    --head: 60px;
}

.yx-search3-btn {
    width: var(--btn-width);
    margin-right: 50px;
    line-height: var(--head);
    position: relative;
}

.yx-search3-btn img {
    width: 100%;
    transition: all .36s;
}

.yx-search3img1 {
    position: relative;
    top: 0;
    left: 0;
}

.yx-search3img2 {
    position: absolute;
    top: 18px;
    left: 0;
    opacity: 0;
}

.yx-search3box {
    position: relative;
}

.yx-search3xlbox {
    width: 100%;
    height: 350px;
    background: rgba(0, 0, 0, 1);
    box-shadow: 0 5px 13px rgba(255, 255, 255, 0.06);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
}

.yx-search3-tbox {
    width: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: var(--head);
    border-bottom: 1px solid #666;
}

.yx-search3xlbtn {
    width: 27px;
    line-height: var(--head);
}

.yx-search3xlbtn img {
    width: 100%;
    transition: all .36s;
}

.yx-search3-xls {
    width: calc(100% - 27px);
    padding-right: 20px;
}

.yx-search3-xls input {
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}

.yx-search3-xls input::placeholder {
    color: #666;
}

.yx-search3-btn.on .yx-search3img2 {
    opacity: 1;
}

.yx-search3-btn.on .yx-search3img1 {
    opacity: 0;
}

.yx-search3-tbox {
    border-color: #fff;
}


.yx-search3-xls input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(255, 255, 255, 1);
}

.yx-search3-xls input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 1);
}

.yx-search3-xls input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, 1);
}

.yx-search3-xls input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(255, 255, 255, 1);
}


.yx-search3-xls input {
    color: rgba(255, 255, 255, 1);
}


.home-produc-btm-li2 {
    margin-top: 120px;
}

.ys-main {
    margin-top: 94px;
}

.hpbl-cont {
    width: 100%;
    /* height: 100%; */
    position: relative;
    padding: 40px;
    overflow: hidden;
}

.home-produc-btm-li2 .hpbl-cont {
    transform: translateY(-20px);
}

.hatu-wrap-posi-num .std-h2 {
    color: #FFD900;
    font-weight: 500;
}

.habu-li2 .habu-wrap-img,
.habu-li2 .habu-wrap {
    height: 100%;
}

.habu-li2 .habu-wrap-img img {
    height: 100%;
    object-fit: cover;
}

.htlw-le-tit .std-h2 {
    font-family: 'jiatong4';
    line-height: 1.2;
    color: #FFD700;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.htlw-le-tit {
    margin-bottom: 12px;
}

.hnbl-link-posi-le {
    padding-right: 10px;
}

.ys-ban-li.slick-current .ys-ban-txtbox .std-h1 {
    animation: ysfadeInUp 1s ease-in-out both;
}

.hatu-wrap-img img {
    animation: fadeInUpimg 5s ease 1;
}

.home-produc-btm-styc {
    width: 100%;
    position: relative;
}

.hpbs-swip {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.hpbs-swip-wrap {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 140px;
    padding-left: 40px;
}

.ys-ban-txtbox .std-h1 {
    color: #FFD900;
}

.hpbs-swip .hptb-li {
    pointer-events: all;
}

.hwpl-tit .std-h3 {
    color: #FFD900;
}

.home-enterp,
.home-platfor-top,
.home-advan {
    overflow: hidden;
}

/* 2024.10.16修改-start */
.slick-list,
.slick-track {
    min-width: 100%;
}

.home-enterp-ri-tit .std-h2 {
    font-weight: bold;
}

.home-produc-btm-li:last-child {
    margin-bottom: 0;
}

.head-nav-item-down1 {
    width: 186px;
}

.head-nav-item1 {
    position: relative;
}

.head-nav-item-down1 .hnid-wrap {
    width: 100%;
    display: block;
}

.head-nav-item-down1 .hwlb-li a {
    display: block;
    text-align: center;
    padding: 7px 0;
}

.ys-ban-txtbox-parga p {
    font-size: var(--font20);
    line-height: 1.6;
    color: #fff;
    text-align: center;
}

.ys-ban-txtbox-parga {
    margin-top: 24px;
}

.ys-ban-li.slick-current .ys-ban-txtbox-parga {
    animation: ysfadeInUp 1s ease-in-out both .2s;
}

.home-produc-btm-li {
    padding-top: 20px;
    padding-bottom: 20px;
}

.hpbl-wrap,
.hpbl-cont {
    height: 100%;
}

.hpbi-fade {
    width: 100%;
    height: 100%;
}

.yhct-shoppi-top {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}


.yhct-shoppi {
    position: relative;
}

.yhct-shoppi-btm {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    background: #222;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 20px 40px;
    position: absolute;
    box-shadow: 0 0 5px 0px rgba(255, 255, 255, 0.1);
    display: none;
}


.yhct-hover {
    cursor: pointer;
    z-index: 10;
}

.yhct-shoppi-btm .yftl-code {
    top: 45px;
    bottom: auto;
    width: 100px;
}

.yhct-shoppi-btm .yftl-li {
    margin: 0 20px;
    width: 32px;
}

.hpbl-img-ul {
    width: 100%;
    height: 100%;
}

.hpbl-img-ul-li {
    width: 100%;
    display: none;
    height: 100%;
}

.hpbl-img-ul-li:first-child {
    display: block;
}

/* 2024.10.16修改-end */

.ys-select-bd {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.event-system {
    width: 100%;
    position: relative;
}

.event-system-top {
    width: 100%;
    text-align: center;
    margin-bottom: var(--space40);
}

.event-system-top-tit .std-h1 {
    color: #111;
    line-height: 1.2;
    font-weight: 600;
}

.event-system-top-info p {
    color: #111;
}

.event-system-top-tit {
    margin-bottom: var(--space40);
}

.event-system-center {
    width: 100%;
    position: relative;
}

.event-system-center-img {
    width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
}

.event-system-center-img img {
    width: 100%;
}

.event-system-center-posit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 40px 68px;
}

.escp-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 69px;
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    align-items: center;
}

.escp-le {
    width: 18.5%;
}

.escp-le img {
    width: 100%;
}

.escp-ri {
    width: 81.5%;
    padding-left: 64px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.escp-ri::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    width: 1px;
    height: 72px;
    background: rgba(17, 17, 17, 0.4);
}

.escp-ri p {
    color: #111;
    line-height: 1.8;
}

.event-system-btm {
    width: 100%;
    padding-left: 137px;
    padding-right: 137px;
    padding-top: 80px;
}

.event-system-btm-wrap h3 {
    margin-bottom: 20px;
    color: #111;
}

.event-system-btm-wrap p {
    margin-bottom: 15px;
    color: #7F7F7F;
}

.event-system-btm-wrap img {
    border-radius: 10px;
}

.event-system-btm-wrap {
    width: 100%;
    border-bottom: 1px solid rgba(17, 17, 17, 0.2);
    padding-bottom: 30px;
}

.event-arrange {
    width: 100%;
    position: relative;
}

.event-arrange-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-arrange-top-le .std-h2 {
    color: #111;
    line-height: 1.3;
    font-weight: 600;
}

.event-arrange-top-ri {
    display: flex;
}

.eatr-ri img {
    transform: rotate(180deg);
}

.eatr-arr {
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    transition: all 0.36s;
    cursor: pointer;
}

.eatr-ri {
    margin-left: 20px;
}

.event-arrange-btm {
    width: 100%;
    padding-left: 192px;
    padding-right: 192px;
    position: relative;
}

.eabu-li {
    width: 594px !important;
    margin-right: 30px;
}

.eabu-wrap {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 48px 55px;
    z-index: 1;
}

.eabu-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.eabu-wrap-tit .std-h3 {
    color: #fff;
    line-height: 1.3;
    font-weight: 500;
}

.eabu-wrap-tit {
    margin-bottom: 26px;
}

.eabu-wrap-ul-li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}


.eabu-wrap-ul-li img {
    width: 32px;
    flex: none;
}

.eabu-wrap-ul-li p {
    padding-left: 10px;
    color: #fff;
    line-height: 1.8;
}

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

.event-arrange-top-ri .hwpm-ri-li-link {
    padding: 8px 24px;
}

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

.event-video-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.event-video-btm-le {
    width: 49.5%;
}

.event-video-btm-ri {
    padding-left: 20px;
    width: 50.5%;
}

.evbl-wrap {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.evbl-wrap-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.evbl-wrap-img img {
    width: 100%;
}

.evbl-wrap-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.evbl-wrap-poti {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 31px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.evbl-wrap-poti-le .std-h4 {
    color: #fff;
    line-height: 1.6;
}

.evbl-wrap-poti-ri {
    width: 40px;
}

.evbl-wrap-poti-ri img {
    width: 100%;
}

.evbl-wrap-poti-le {
    padding-right: 20px;
}

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

.evbr-li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.evbr-li .evbl-wrap-poti {
    flex-direction: column-reverse;
}

.evbr-li .evbl-wrap-img::after {
    height: 80%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.evbr-li .evbl-wrap-poti-le p {
    color: #fff;
}

.evbr-li .evbl-wrap-poti {
    padding: 12px 23px;
}

.evbr-li .evbl-wrap-poti-le {
    padding-right: 0px;
    margin-top: var(--space40);
}

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

.event-video-btm-le .evbl-wrap-img,
.event-video-btm-le img,
.event-video-btm-le .evbl-wrap {
    height: 100%;
    object-fit: cover;
}

.evbl-wrap-img img {
    transition: all 0.36s;
}

.techno-improv {
    width: 100%;
    position: relative;
}

.techno-improv-top {
    width: 100%;
    position: relative;
    text-align: center;
}

.techno-improv-top-tit .std-h2 {
    color: #111;
    line-height: 1.2;
    font-weight: 500;
}

.techno-improv-top-info p {
    color: #7F7F7F;
}

.techno-improv-top-tit {
    margin-bottom: 32px;
}

.techno-improv-btm {
    width: 100%;
    position: relative;
}

.techno-improv-btm-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}

.techno-improv-btm-li:last-child {
    margin-bottom: 0;
}

.tibl-le {
    width: 56%;
    border-radius: 10px;
}

.tibl-ri-tit .std-h3 {
    color: #111;
}

.tibl-ri {
    width: 39.5%;
}

.tibl-ri-tit .std-h3 {
    color: #111;
    line-height: 1.3;
    font-weight: 500;
}

.tibl-ri-info p {
    color: #7F7F7F;
}

.tibl-ri-tit {
    margin-bottom: 28px;
}

.techno-improv-btm-li:nth-child(2n) {
    flex-direction: row-reverse;
}

.techno-arrang {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 185px;
    padding-bottom: 185px;
}

.techno-arrang::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

.techno-arrang-wrap {
    width: 100%;
    position: relative;
    text-align: center;
}

.techno-arrang-tit .std-h2 {
    color: #FFD700;
}

.techno-arrang-tit {
    margin-bottom: 32px;
}

.techno-arrang-info p {
    color: #fff;
    line-height: 1.6;
}

.techno-arrang-info {
    padding-bottom: 60px;
}

.techno-arrang-more {
    width: 100%;
    display: flex;
    justify-content: center;
}

.herm-morem .hwpm-ri-li-link {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
}

.hwpm-le svg {
    width: 100%;
}

.hwpm-le svg path {
    transition: all 0.36s;
}

.herm-morem .hwpm-le {
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #fff;
}

.techno-page .ys-footer {
    position: relative;
    z-index: 10;
    margin-top: -20px;
}

/*鼠标效果*/

/* 2025.2.12 ada strat */
.ener-prod-ul-li {
    display: flex;
    align-items: center;
}

.epul-le {
    width: 58.75%;
}

.epul-le {
    border-radius: 20px;
    overflow: hidden;
    transform: scale(0deg);
}

.epul-ri {
    width: 41.25%;
    padding-left: 156px;
    padding-right: 115px;
}

.ys-nybanner {
    margin: 20px;
    border-radius: 20px;
    overflow: hidden;
    transform: scale(0deg);
}

.ys-nybanner .ys-nyban-title {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

.ys-nybanner h1 {
    color: #FFD700;
    line-height: 1.2;
    font-weight: 600;
}

.ys-nybanner .std-text1 {
    line-height: var(--line16);
    padding-top: 24px;
}

.ys-nybanner .std-text1 span {
    color: #FFD700;
    font-size: var(--font20);
    font-size: 700;
}

.ys-nyban-img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(13, 24, 8, 0) 0%, rgba(13, 24, 8, 1) 100%);
    opacity: 0.6;
    z-index: 10;
}

.epul-ri-text {
    padding-top: 10px;
}

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

.erul-img {
    flex-shrink: 0;
    width: 40px;
    margin-right: 20px;
}

.ener-prod-ul-li {
    padding-top: 80px;
}

.ener-prod-ul-li:first-child {
    padding-top: 0;
}

.ener-prod-ul-li:nth-child(even) {
    flex-direction: row-reverse;
}

.ener-prod-ul-li:nth-child(even) .epul-ri {
    padding-left: 137px;
}

.epul-ri-ul-li img {
    width: 100%;
}

.epul-ri-ul {
    padding-top: var(--space40);
}

.epul-ri-ul-li {
    padding-top: 20px;
}

.epul-ri-ul-li:first-child {
    padding-top: 0;
}

.epul-ri-btn {
    padding-top: 80px;
}

.epul-ri-img {
    height: 50px;
}

.epul-ri-img img {
    height: 100%;
}

.ener-mode h2 {
    text-align: center;
}

.ener-mode-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -22px;
}

.ener-mode-ul-li {
    width: 33.333333%;
    padding: 0 22px;
}

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

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

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

.emul-box-img {
    display: flex;
}

.emul-box-word-tit p {
    font-weight: 600;
    line-height: var(--line18);
}

.emul-box-word-text p {
    color: #7f7f7f;
    line-height: var(--line18);
}

.mod-btn {
    margin-left: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.10);
}

.emul-box-img {
    margin-top: 9px;
}

.emul-box-img-le {
    width: 64.5%;
    position: relative;
    z-index: 10;
}

.emul-box-img-ri {
    width: 41%;
    position: relative;
    z-index: 10;
}

.emul-box-img {
    position: relative;
    padding-bottom: 10px;
}

.emul-box-img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: var(--colormain);
}

.emul-box-cry {
    border-radius: 10px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03),
        0px 4px 4px 0px rgba(0, 0, 0, 0.04),
        0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.emul-box-word {
    padding: 10px 20px;
}

.emul-box-btn {
    margin-top: 24px;
}

.emul-box-btn-top {
    height: 30px;
}

.emul-box-btn-top img {
    height: 100%;
}

.emul-box-btn-foot {
    display: flex;
    justify-content: space-between;
}

.ebbf-text {
    padding-top: 10px;
}

.mod-btn {
    width: 36px;
    height: 36px;
    transition: all .4s;
    position: relative;
}

.mod-btn img {
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all .4s;
}

.ener-mode-ul-li {
    /* padding-bottom: var(--space40) !important; */
}

.ener-mode-btn {
    width: fit-content;
    margin: 0 auto;
}

.energy-main .ener-mode-btn {
    padding-top: 10px;
}

.slick-btn {
    display: flex;
    align-items: center;
}

.slick-btn-prev,
.slick-btn-next {
    width: 48px;
    height: 48px;
    transition: all .4s;
    position: relative;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    cursor: pointer;
}

.slick-btn-item img {
    width: 100%;
}

.slick-btn-next img {
    transform: rotate(180deg);
}

.ener-eval-top {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.ener-eval-bom {
    margin: 0 -22px;
}

.ener-eval-bom-li {
    padding: 0 22px;
    width: 50%;
}

.eebl-box-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.eebl-box-img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 46%;
    width: 100%;
    z-index: 10;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 1) 100%);
}

.eebl-box {
    position: relative;
    cursor: pointer;
}

.eebl-box-cry {
    width: 100%;
    position: absolute;
    bottom: 30px;
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 36px;
}

.eebl-box-cry-text p {
    color: var(--color4);
}

.eebl-cry-box-video {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #FFF;
    position: relative;
}

.eebl-cry-box-video img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.eabl-box-word-text p {
    color: rgba(0, 0, 0, 0.80);
    line-height: var(--line18);
}

.ener-awar-bom {
    margin: 0 -20px;
}

.ener-awar-bom-li {
    width: 25%;
    padding: 5px 20px 15px;
}

.eabl-box {
    padding: 20px 50px 25px;
    border-radius: 10px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03),
        0px 4px 4px 0px rgba(0, 0, 0, 0.04),
        0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.eabl-box-img {
    margin: 0 auto;
    width: 78.53%;
}

.eabl-box-img img {
    width: 100%;
}

.eabl-box-word {
    margin-top: 23px;
}

.eabl-box-word p {
    text-align: center;
    color: #000;
    line-height: var(--line16);
}

.epul-ri-text p {
    line-height: var(--line16);
}

.erul-text p {
    line-height: var(--line16);
    color: #111;
}

.epul-ri-btn .hwpm-ri-li-link {
    padding: 8px 44px;
}

.ener-eval .slick-list,
.ener-awar .slick-list {
    overflow: visible;
}

.eatr-le.slick-disabled,
.eatr-ri.slick-disabled {
    pointer-events: none;
}

.mccl-text p {
    color: #7F7F7F;
    line-height: var(--line18);
}

.mute-comf-cry {
    display: flex;
}

.mute-comf-cry-ri {
    width: 57.125%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.mute-comf-cry-le {
    width: 42.875%;
    padding-right: 106px;
}

.mccl-ul-li {
    display: flex;
    align-items: center;
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid rgba(108, 118, 118, 0.20);
}

.mccl-ul-li:first-child {
    padding-top: 0px;
    margin-top: 0px;
    border-top: 0px;
}

.mccl-ul-li-img {
    width: 40px;
    margin-right: 24px;
    flex-shrink: 0;
}

.mccl-ul-li-text p {
    line-height: var(--line18);
    color: #111;
}

.mccr-btn {
    position: absolute;
    bottom: 24px;
    right: 24px;
    cursor: pointer;
}

.mccr-btn .hwpm-ri-li {
    margin-right: 12px;
}

.mccr-btn2 {
    display: none;
}

.maul-le-ul-li {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
    transition: all .4s;
}

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

.mute-adva-ul-li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 20px 20px 60px;
    border-radius: 20px;
    border: 1px solid rgba(37, 23, 20, 0.20);
    margin-top: var(--space40);
}

.mute-adva-ul-li:first-child {
    margin-top: 0;
}

.mute-adva-ul-li:nth-child(even) {
    flex-direction: row-reverse;
    padding: 20px 60px 20px 20px;
}

.mute-adva-ul-li:nth-child(even) .maul-le {
    padding-right: 44px;
    padding-left: 118px;
}

.maul-le {
    width: 51.375%;
    padding-right: 162px;
}

.maul-ri {
    width: 48.625%;
}

.maul-le-ul-li p {
    color: #7F7F7F;
    transition: all .4s;
    line-height: var(--line16);
}

.mute-adva-mark {
    width: fit-content;
    margin: 20px 0 0 auto;
}

.mute-adva-mark p {
    color: #7F7F7F;
    opacity: 0.4;
    line-height: 1.8;
}

.mute-prod h2 {
    text-align: center;
}

.mpul-box-text {
    margin-top: 10px;
}

.mpul-box-text p {
    color: #111;
    opacity: 0.6;
    text-align: center;
}

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

.mute-prod-ul-li {
    width: 26.73%;
    padding: 0px 10px;
}

.mpul-box {
    border-radius: 10px;
    position: relative;
    padding: 0 20px 20px;
}

.mpul-box::after {
    content: "";
    position: absolute;
    height: 76.5%;
    bottom: 0;
    width: 100%;
    left: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03),
        0px 4px 4px 0px rgba(0, 0, 0, 0.04),
        0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    z-index: -1;
}

.mpul-box-img {
    width: 63%;
    margin: 0 auto;
}

.mute-prod-ul .slick-list {
    padding: 0 !important;
}

.mpul-box-img img {
    width: 100%;
}

.mute-prod-cry {
    width: 26%;
}

.mpul-box-logo {
    width: fit-content;
    height: 44px;
    margin: 0 auto;
    margin-top: 24px;
}

.mpul-box-logo img {
    height: 100%;
}

.mbml-box {
    display: flex;
    align-items: center;
    padding: 2px 16px;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
}

.mbml-box-img {
    width: 20px;
    margin-right: 12px;
}

.mbml-box-img img {
    width: 100%;
}

.mbml-box-text p {
    color: #111;
}

.mpul-box-label-li {
    padding: 0 3px;
    margin-bottom: 6px;
}

.mpul-box-label {
    flex: 1;
    margin: 0 -3px;
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mpul-box-btn {
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    margin: 0 -5px;
}

.mod-btn2-item {
    padding: 0 5px;
    width: 50%;
}

.mod-btn2-item .std-word2 {
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    padding: 6px 24px;
    transition: all .4s;
}

.mod-btn2-ri.std-word2 {
    border: 0.8px solid #111;
    padding: 5px 22px;
    transition: all .4s;
}

.mod-btn2-le {
    background: var(--colormain);
}

.mod-btn2-item p {
    text-align: center;
    transition: all .4s;
}

.mute-prod-btn {
    padding-top: var(--space50);
    width: fit-content;
    margin: 0 auto;
}

.mute-prod-btn .hwpm-ri-li-link {
    padding: 12px 24px;
    font-size: var(--font16);
    border: 0;
}

.mute-prod-btn .hwpm-le {
    width: 53px;
}

.find-warp {
    padding-bottom: 80px;
}

.fwwt-tit p {
    color: #111;
    line-height: 1.6;
}

.find-warp-way-top {
    display: flex;
    align-items: center;
    position: relative;
}

.fwwt-img {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: var(--colormain);
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.fwwt-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64%;
    height: 64%;
}

.find-warp-way {
    width: 16.6875%;
}

.fwwu-li {
    padding-top: 15px;
}

.fwwu-li p {
    width: 100%;
    text-align: center;
    padding: 8px 40px;
    cursor: pointer;
    border-radius: 4px;
    transition: all .4s;
    line-height: var(--line18);
}

.fwwu-li p {
    border: 1px solid rgba(37, 23, 20, 0.30);
}

.fwwu-li.act p {
    background: var(--colormain);
    border: 1px solid var(--colormain);
}

.find-warp-mode {
    position: relative;
    width: 28%;
    padding-left: 20px;
    margin-left: 20px;
    height: fit-content;
}

.find-warp-mode::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5px;
    background: rgba(37, 23, 20, 0.20);
    height: 137%;
}

.find3-main .find-warp-mode::before {
    height: 190%;
}

.find2-main .find-warp-mode::before {
    height: 460px;
}

.find-warp .ys-cont1600 {
    display: flex;
}

.find-warp-show {
    flex: 1;
    padding-left: 20px;
    margin-left: 20px;
    position: relative;
    /* border-left: 0.5px solid rgba(37, 23, 20, 0.20); */
}

.find-warp-show::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    top: 0;
    height: calc(100% - 15px);
    background: rgba(37, 23, 20, 0.20);
    z-index: 10;
}

.fwmu-li {
    padding-top: 15px;
    position: relative;
}

.rclp-top-tit p {
    color: #111;
    line-height: var(--line18);
}



.fwmu-li-top p {
    color: #111;
    opacity: 0.5;
    transition: all .4s;
}

.fwmu-li.act .fwmu-li-top {
    background: var(--colormain)
}

.fwmu-li.act .fwmu-li-top p {
    opacity: 1;
}

.fwmu-li.on .fwmu-li-top {
    background: var(--colormain)
}

.fwmu-li.on .fwmu-li-top p {
    opacity: 1;
}

.fwmu-li-bom-sear {
    position: relative;
    padding-bottom: 6px;
    display: flex;
}

.flbs-icon {
    width: 24px;
    margin-right: 16px;
    flex-shrink: 0;
}

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

.flbs-input {
    flex: 1;
}

.flbs-input input {
    width: 100%;
    font-size: var(--font14);
    color: #111;
    line-height: var(--line18);
}

.flbs-input input::placeholder {
    font-size: var(--font14);
    color: #7F7F7F;
    line-height: var(--line18);
}

.fwmu-li-bom-sear::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #7F7F7F;
}

.fwmu-li-bom {
    top: calc(100% + 9px);
    border-radius: 4px;
    z-index: 10;
}

.fwmu-li-bom {
    padding: 20px 24px;
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03),
        0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.fwmu-li-bom-text {
    padding-top: 8px;
    color: var(--font16);
    line-height: var(--line18);
    color: #7F7F7f;
}

.fwmu-li-bom-ul {
    margin-top: 8px;
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    padding: 12px 0;
}

.fwmu-li-bom-ul {
    padding-top: 8px;
}

.dlbl-li {
    padding-top: 4px;
    cursor: pointer;
}

.dlbl-li p {
    padding: 0 16px;
    color: var(--font16);
    line-height: var(--line18);
    color: #7F7F7f;
    transition: all .4s;
}



/* 搜索样式 */
.fwmu-li-top {
    height: 48px !important;
    padding: 0 24px;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    transition: all .4s;
    cursor: pointer;
}

.fwmu-li-top input {
    color: #111 !important;
    opacity: 1 !important;
    transition: all .4s;
    font-size: var(--font16) !important;
    line-height: 48px;
}

.fwmu-li-top input::placeholder {
    color: #111 !important;
    opacity: 1 !important;
    transition: all .4s;
}

.fwmu-li-top input {
    padding: 0 !important;
}

.fwmu-li.act .fwmu-li-top {
    background: var(--colormain)
}

.fwmu-li.act .fwmu-li-top input {
    opacity: 1;
}

.fwmu-li.on .fwmu-li-top {
    background: var(--colormain)
}

.fwmu-li.on .fwmu-li-top input {
    opacity: 1;
}

.fwmu-li-bom-sear {
    position: relative;
    padding-bottom: 6px;
    display: flex;
    border: 0px solid #f2f2f7 !important;
}

.flbs-icon {
    width: 24px;
    margin-right: 16px;
    flex-shrink: 0;
}

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

.flbs-input {
    flex: 1;
}

.flbs-input input {
    width: 100% !important;
    font-size: var(--font14) !important;
    color: #111 !important;
    line-height: var(--line18) !important;
    padding: 0 !important;
}

.flbs-input input::placeholder {
    font-size: var(--font14);
    color: #7F7F7F;
    line-height: var(--line18);
}

.fwmu-li-bom-sear::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #7F7F7F;
}

.fwmu-li-bom {
    top: calc(100% + 9px);
    border-radius: 4px;
    z-index: 10;
}

.fwmu-li:first-child {
    z-index: 20;
}

.fwmu-li-bom {
    padding: 20px 24px;
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03),
        0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.fwmu-li-bom-ul.ys-fiiss-core {
    height: fit-content !important;
}

.fwmu-li-bom-text {
    padding-top: 8px;
    color: var(--font16);
    line-height: var(--line18);
    color: #7F7F7f;
}

.fwmu-li-bom-ul {
    margin-top: 8px;
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    padding: 12px 0;
}

.fwmu-li-bom-ul {
    padding-top: 8px;
}

.dlbl-li {
    cursor: pointer;
}

.dlbl-li {
    padding: 0 16px;
    padding-top: 4px !important;
    color: var(--font16);
    line-height: var(--line18);
    color: #7F7F7f;
    transition: all .4s;
    cursor: pointer;
}


















.find-warp-show-prod .mute-prod-ul {
    display: flex;
    flex-wrap: wrap;
}

.find-warp-show-prod .mute-prod-ul-li {
    width: 33.333333%;
}

.fwsm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.fwsm-ul-li {
    width: 33.333333%;
    padding: 0 7px;
    margin-bottom: 14px;
}

.fwsm-ul-li-text {
    height: 100%;
    padding: 6px 20px;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    transition: all .4s;
    cursor: pointer;
}

.fwsm-ul-li p {
    font-size: var(--font20);
    text-align: center;
    color: #7F7F7f;
    transition: all .4s;
    position: relative;
    line-height: var(--line16);
}

.fwwt-scroll .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

.fwsm-ul-li.act .fwsm-ul-li-text {
    background: var(--colormain);
}

.fwsm-ul-li.act .fwsm-ul-li-text p {
    opacity: 1;
    color: #111;
}

.find-main .mute-prod-ul .slick-list {
    overflow: hidden;
}

.find-warp-show-prod {
    padding-top: 80px;
}

.fwsp-btn {
    width: fit-content;
    margin: 20px auto 0;
}

.find-warp-show-mode .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
}

.find-warp-show-mode .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
}

.find-warp-show-prod .mpul-box-img {
    width: 62%;
}

.find-warp-show-prod .mpul-box-logo {
    height: 32px;
    margin-top: 6px;
}

.mpul-box {
    padding: 0 18px 20px;
}

.mpul-box-label {
    margin: 0 -3px;
    padding-top: 6px;
}

.hpbp-ri-more .hwpr-arr {
    width: 28px;
}

.find-warp-sele-li:nth-child(n+2) {
    display: none;
}

.find-warp-way-top {
    position: relative;
}

.fwwt-icon {
    position: relative;
}

.fwwt-pop {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0%;
    width: 839px;
    z-index: 20;
    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    overflow: hidden;
    box-shadow: 0px 40px 24px 0px rgba(0, 0, 0, 0.01);
}

.fwwt-icon.act .fwwt-pop {
    display: block;
}

.find-warp-mode-btn {
    padding-top: 30px;
}

.fwmb-sear-box {
    cursor: pointer;
    width: 240px;
    display: flex;
    justify-content: center;
    padding: 12px 40px;
    border-radius: 4px;
    border: 1px solid rgba(37, 23, 20, 0.30);
    transition: all .4s;
}

.fwmb-skip {
    width: fit-content;
    padding-top: 13px;
    margin: 0 auto;
}

.fwmb-skip p,
.fwmb-sear p {
    text-align: center;
    color: #111;
    opacity: 0.5;
    transition: all .4s;
}

.fwmb-sear {
    width: fit-content;
    margin: 0 auto;
}

.fuls-li-tit p {
    color: #111;
    font-weight: 500;
    line-height: 1.6;
    transition: all .4s;
}

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

.fwws-ul-li {
    padding: 0 10px;
    width: 50%;
    padding-bottom: 20px;
}

.fwws-ul-li-box {
    cursor: pointer;
    padding: 22px;
    border-radius: 10px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03),
        0px 4px 4px 0px rgba(0, 0, 0, 0.04),
        0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.ener-prod {
    padding-top: 77px;
}

.erul-text {
    margin-top: 4px;
}

.epul-ri-ul-li:nth-child(n+5) {
    display: none;
}

.energy-main h2,
.mute-main h2,
.result-main h2,
.protect-main h2 {
    font-weight: 500;
    line-height: 1.2;
    color: #111;
}

.ener-awar .slick-track {
    display: flex;
}

.ys-nyban-title-img {
    width: 866px;
    max-width: 100%;
}

.ys-nyban-title-img img {
    width: 100%;
}

.leads-unders {
    width: 100%;
    position: relative;
}

.leads-unders-ri {
    width: 57%;
    border-radius: 10px;
    position: relative;
}

.leads-unders-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.leads-unders-le-tit .std-h2 {
    color: #111;
    line-height: 1.2;
    font-weight: 500;
}

.leads-unders-le-tit {
    margin-bottom: var(--space40);
}

.leads-unders-le-info p {
    color: #7F7F7F;
}

.leads-unders-le {
    width: 33%;
}

.leads-unders-le-info {
    margin-bottom: 80px;
}

.leads-unders-le-more {
    display: flex;
}

.leads-introdu {
    width: 100%;
    position: relative;
}

.leads-introdu-top .leads-unders-le-info {
    margin-bottom: 0;
}

.leads-introdu-top {
    width: 76%;
    margin-bottom: 58px;
}

.leads-introdu-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.leads-introdu-btm-le {
    width: 274px;
    padding-right: 20px;
    position: relative;
}

.leads-introdu-btm-ri {
    width: calc(100% - 274px);
}

.libl-ul {
    border-left: 2px solid rgba(35, 24, 21, 0.1);
    position: sticky;
    top: 120px;
    left: 0;
}

.libl-li {
    margin-bottom: 24px;
    position: relative;
    padding-left: 48px;
    cursor: pointer;
}

.libl-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2px;
    width: 2px;
    height: 29px;
    background: #FFC000;
    transition: all 0.36s;
    opacity: 0;
}

.libl-li.act::after {
    opacity: 1;
}

.libl-li p {
    color: #7F7F7F;
    line-height: 1.6;
}

.libl-li.act p {
    color: #FFC000;
}

.libr-li {
    width: 100%;
    cursor: pointer;
    margin-bottom: 30px;
}

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

.libr-wrap {
    width: 100%;
    position: relative;
}

.libr-wrap .ys-imgbox-cover {
    border-radius: 20px;
}

.lwpl-tit .std-h3 {
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
}

.lwpl-tit {
    margin-bottom: 16px;
}

.lwpl-info p {
    color: #fff;
    line-height: 1.8;
}

.libr-wrap-posit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 34px 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.libr-wrap .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222 100%);
}

.libr-wrap-posit-ri {
    width: 48px;
}

.libr-wrap-posit-ri img {
    width: 100%;
}

.libr-wrap-posit-le {
    width: 74%;
    position: sticky;
}

.mod-stick {
    overflow: visible !important;
}

.libl-li::before {
    display: none;
}

.leads-pop .ys-modal-content {
    width: 1400px;
    border-radius: 20px;
    max-height: 80vh;
}

.ys-modal-close {
    width: 46px;
    background: rgba(123, 116, 115, 0.1);
    border-radius: 4px;
    transition: all 0.36s;
}

.ys-modal-close img {
    width: 100%;
}

.leads-pop-wrap {
    width: 100%;
    position: relative;
}

.leads-pop-wrap h3 {
    color: #111;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 24px;
}

.leads-pop-wrap p {
    color: #7F7F7F;
    margin-bottom: 32px;
}

.leads-pop-wrap img {
    border-radius: 10px;
    max-width: 78% !important;
}

.leads-pop .mCSB_outside+.mCSB_scrollTools {
    right: 8px;
}

.leads-pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.leads-pop .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #F9C300;
}

.leads-pop .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(145, 140, 138, 0.2);
}

.leads-pop .mCSB_scrollTools {
    height: 60%;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.mpul-box-label {
    padding-top: 15px;
}

.mpul-box-text p {
    max-height: 1.75em;
    min-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mute-prod-widget {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.mute-prod-widget .eatr-ri {
    margin-left: var(--space50);
}

.competi-overco {
    width: 100%;
    position: relative;
}

.competi-overco-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.competi-overco-le {
    width: 31%;
}

.competi-overco-le .leads-unders-le-info {
    margin-bottom: 0 !important;
}

.ener-awar-bom-li {
    height: auto;
}

.eabl-box {
    height: 100%;
}

.mute-prod-ul .slick-track {
    display: flex;
    height: 100%;
}

.mute-prod-ul-li {
    height: 100%;
}

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

.mute-prod-ul .slick-list {
    overflow: visible;
}

.find-warp-show-prod .mute-prod-ul-li {
    padding: 0 10px;
    padding-bottom: 15px !important;
}

.fwmu-li-bom-ul {
    max-height: 320px;
}

.fuls-li-box {
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
}

.fuls-li:first-child .fuls-li-box {
    padding-top: 31px;
}

.dlbl-li.act {
    font-weight: 600;
    color: #111;
}

.ys-main {
    position: relative;
}

.find-main .mod-bread,
.passcar-main .mod-bread,
.vdetails-main .mod-bread,
.address-main .mod-bread {
    width: 100%;
    position: absolute;
    top: 16px;
}

.result-main .mod-bread {
    padding-top: 16px;
}

.result-sear {
    padding-top: var(--space120);
}

.resu-sear-tit span {
    font-size: var(--font48);
    color: #FFC000;
    line-height: 1.2;
    margin-right: 16px;
    overflow: hidden;
}

.result-sear-cry {
    display: flex;
}

.result-cry-le {
    width: 15%;
    padding-right: 22px;
}

.result-cry-ri {
    width: 85%;
    padding-left: 80px;
}

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

.rclp-top-icon {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #111;
    border-radius: 4px;
    padding: 2px;
}

.rclp-top-icon img {
    width: 100%;
    transition: all .4s;
}

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

.rclp-bom {
    padding-top: 20px;
}

.rclp-bom-li-text p {
    color: #7F7F7f
}

.rclp-bom-li-tit p {
    color: #111;
    line-height: var(--line18);
}

.rclp-bom-li {
    padding-top: 2px 0;
    border-top: 1px solid rgba(37, 23, 20, 0.20);
}

.result-cry-le-term {
    padding-top: var(--space40);
}

.rclt-top {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}

.rclt-top-img {
    width: 24px;
    flex-shrink: 0;
}

.rclt-top-img img {
    width: 100%;
}

.rclt-top-text {
    margin: 0 6px;
}

.rclt-top-le {
    display: flex;
    align-items: flex-start;
}

.rclt-top-reset p {
    color: #7F7F7F;
    line-height: var(--line18);
}

.rclt-bom-li {
    padding: 20px 0;
    border-top: 1px solid rgba(108, 118, 118, 0.20);
}

.rclt-bom-li-top {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.rblt-img {
    position: relative;
    width: 24px;
}

.rblt-img img {
    width: 100%;
    transition: all .4s;
}

.rblt-img img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.rblt-img img:nth-child(1) {
    opacity: 0;
}

.rblb-li {
    cursor: pointer;
    padding: 4px 0;
    margin-top: 6px;
    display: flex;
    align-items: flex-start;
}

.rblb-li:first-child {
    margin-top: 16px;
}

.rblb-li-box {
    position: relative;
    width: 16px;
    flex-shrink: 0;
    margin-right: 16px;
}

.rblb-li-box img {
    width: 100%;
    transition: all .4s;
}

.rblb-li-box img:nth-child(n+2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.rblb-li-text {
    font-size: var(--font14);
    line-height: var(--line18);
    color: #7F7F7F;
    margin-top: -4px;
    transition: all .4s;
}

.result-cry-le-pref.act .rclp-top-icon img:nth-child(2) {
    opacity: 1;
}

.result-cry-le-pref.act .rclp-top-icon img:nth-child(1) {
    opacity: 0;
}

.rclt-bom-li.act .rblt-img img:nth-child(2) {
    opacity: 0;
}

.rclt-bom-li.act .rblt-img img:nth-child(1) {
    opacity: 1;
}

.rblb-li.act .rblb-li-box img:nth-child(1) {
    opacity: 0;
}

.rblb-li.act .rblb-li-box img:nth-child(2) {
    opacity: 1;
}

.rblb-li.act .rblb-li-text {
    color: #111;
}

.result-cry-ri .mute-prod-ul {
    display: flex;
    flex-wrap: wrap;
}

.result-cry-ri .mute-prod-ul-li {
    width: 33.333333%;
    height: auto;
    padding-bottom: var(--space50);
}

.mute-prod-page {
    padding-top: 10px;
}

.pc-fenye li {
    width: 34px;
    height: 34px;
    border: 1px solid #7F7F7F;
    /* padding: 0 12px; */
    font-size: 14px;
    line-height: 34px;
    color: #7F7F7F;
    margin: 0 16px;
    border-radius: 4px;
}

.pc-fenye li.activepage {
    color: #111;
    background: #FFD700;
    border: 1px solid #FFD700;
}

.first li,
.prev li,
.end li,
.next li,
.dots li {
    border: 1px solid transparent;
}

.result-serv {
    background: #F5F5F5;
    padding-top: var(--space100);
}

.result-serv-word {
    text-align: center;
}

.result-serv-word .std-word1 {
    padding-top: 32px;
    color: #999;
}

.ys-nyban-title p {
    color: #fff;
}

.mod-bread-li a {
    font-size: 14px;
    line-height: 1.8;
    color: #7F7F7F;
    transition: all 0.36s;
}

.mod-bread-ul {
    display: flex;
}

.mod-bread-li {
    position: relative;
    padding-right: 40px;
}

.mod-bread-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 7px;
    height: 11px;
    background-image: url(/images/d3arr.svg);
    background-size: 100% 100%;
}

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

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

.competi-overco-ri {
    width: 57%;
    position: relative;
}

.competi-overco-ri-letter {
    position: absolute;
    top: 50%;
    left: -110px;
    transform: translateY(-50%);
}

.cort-img {
    width: 77%;
    border-radius: 10px;
}

.competi-overco-ri-top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.competi-overco-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.coru-li {
    width: 50%;
    padding: 0 5px;
}

.coru-li .cort-img {
    width: 100%;
}

.competi-overco-ri-letter p {
    text-align: center;
    font-family: 'jiatong1';
    font-size: 300px;
    line-height: 1;
    white-space: nowrap;
    text-stroke: 2px #FFD700;
    -webkit-text-stroke: 2px #FFD700;
    color: #fff;
}

.competi-produc {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.competi-produc-img {
    width: 100%;
    position: relative;
}

.competi-produc-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.6);
}

.competi-produc-img img {
    width: 100%;
}

.competi-produc .ys-cont1600 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.competi-produc-tit .std-h2 {
    color: #fff;
    line-height: 1.2;
    font-weight: 500;
}

.competi-produc-info p {
    color: #fff;
    line-height: 1.6;
}

.competi-produc-tit {
    margin-bottom: 46px;
}

.competi-addre {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 120px;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.competi-addre-le {
    width: 44%;
    padding: 70px 60px 30px;
    border-radius: 20px;
    border: 1px solid rgba(125, 116, 115, 0.20);
    background: #FFF;
    box-shadow: 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
}

.competi-addre-le-top {
    width: 100%;
    margin-bottom: 28px;
}

.calt-li {
    width: 100%;
    position: relative;
    display: none;
}

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

.calt-img {
    width: 440px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.calt-countr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.calt-countr img {
    width: 75px;
}

.calt-countr p {
    color: #111;
    line-height: 1.6;
    padding-left: 16px;
}

.calt-list-li-sutit p {
    color: #7F7F7F;
    line-height: 1.8;
}

.calt-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.calt-list-li {
    width: 50%;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 17px;
}

.calt-list-li-tit p {
    color: #111;
    line-height: 1.8;
}

.calt-list-li-sutit {
    margin-bottom: 8px;
}

.competi-addre-le-btm {
    width: 100%;
    display: flex;
    justify-content: center;
}

.calb-li {
    width: 100px;
    margin: 0 10px;
    cursor: pointer;
}

.calb-wrap {
    width: 100%;
    border-radius: 10px;
    background: #F7F7F7;
    box-shadow: 0px 8px 16px 0px rgba(77, 57, 0, 0.05);
    padding: 24px 12px;
    position: relative;
    overflow: hidden;
}

.calb-wrap img {
    width: 100%;
    position: relative;
    z-index: 10;
}

.calb-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 59%;
    background: #FFD900;
    transition: all 0.36s;
    opacity: 0;
}

.calb-li.act .calb-wrap::after {
    opacity: 1;
}

.competi-addre-ri-li {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}

.competi-addre-ri-li:first-child {
    display: block;
}

.competi-addre-ri {
    width: 56%;
    padding-left: 20px;
}

.competi-addre-ri-li {
    width: 100%;
}

.carl-ul {
    width: 100%;
    height: 100%;
}

.carl-ul .slick-track,
.carl-ul .slick-list {
    height: 100%;
}

.carl-li {
    width: 100%;
    position: relative;
    display: none;
}

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

.carl-li .ys-imgbox-cover {
    border-radius: 20px;
    height: 100%;
}

.carl-li .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    opacity: 0.6;
    background: linear-gradient(180deg, #003554 0%, rgba(0, 52, 81, 0) 100%);
}

.carl-li .ys-imgbox-cover img {
    object-fit: cover;
}

.carl-li-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 40px;
}

.carl-li-tit .std-h3 {
    color: #fff;
    line-height: 1.3;
    font-weight: 500;
}

.carl-ul .slick-dots li {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    margin: 0 3px;
}

.carl-ul .slick-dots li.slick-active {
    width: 60px;
    background: var(--vicolor);
}

.carl-ul .slick-dots {
    bottom: 30px;
}

.competi-authen {
    width: 100%;
    padding-bottom: 50px;
    max-width: 1920px;
    margin: 0 auto;
}

.competi-authen-wrap {
    width: 100%;
    height: 700px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(37, 23, 20, 0.20);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: self-start;
}

.competi-authen-le {
    width: 41%;
    height: 100%;
    padding-left: 140px;
    padding-right: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
    border-right: 1px solid rgba(35, 24, 21, 0.2);
    /* align-items: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.competi-authen-ri {
    width: 59%;
}

.caru-li {
    width: 33.333333%;
    border-bottom: 1px solid rgba(35, 24, 21, 0.2);
    border-right: 1px solid rgba(35, 24, 21, 0.2);
}

.competi-authen-ri-ul {
    display: flex;
    flex-wrap: wrap;
    animation: donghua1 10s linear infinite;
}

@keyframes donghua1 {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

.caru-li:nth-child(3n) {
    border-right: none;
}

.competi-authen-le .leads-unders-le-info {
    margin-bottom: 0;
}

.caru-li img:nth-child(2) {
    opacity: 0;
}


@media screen and (min-width: 1200px) {

    .competi-authen-ri:hover .competi-authen-ri-ul {
        animation-play-state: paused;
        cursor: pointer;
    }

    .caru-li:hover img:nth-child(1) {
        opacity: 0;
    }

    .caru-li:hover img:nth-child(2) {
        opacity: 1;
    }

    .ys-modal-close:hover {
        background: var(--vicolor);
    }

    .libr-wrap:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

}

.ener-awar-bom-li {
    height: auto;
}

.eabl-box {
    height: 100%;
}

.mute-prod-ul .slick-track {
    display: flex;
    height: 100%;
}

.mute-prod-ul-li {
    height: 100%;
}

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

.mute-prod-ul .slick-list {
    overflow: visible;
}

.find-warp-show-prod .mute-prod-ul-li {
    padding: 0 10px;
}

.fwmu-li-bom-ul {
    max-height: 320px;
}

.fuls-li-box {
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
}

.dlbl-li.act p {
    font-weight: 600;
    color: #111;
}

.ys-main {
    position: relative;
}

.resu-sear-tit span {
    font-size: var(--font48);
    color: #FFC000;
    line-height: 1.2;
    margin-right: 16px;
    overflow: hidden;
}

.result-sear-cry {
    display: flex;
}

.result-cry-le {
    width: 15%;
    padding-right: 22px;
}

.result-cry-ri {
    width: 85%;
    padding-left: 80px;
}

.rclp-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.rclp-top-icon {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #111;
    border-radius: 4px;
    padding: 2px;
}

.rclp-top-icon img {
    width: 100%;
    transition: all .4s;
}

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

.rclp-bom {
    padding-top: 20px;
}

.rclp-bom-li-text p {
    color: #7F7F7f
}

.rclp-bom-li-tit p {
    color: #111;
    line-height: var(--line18);
}

.rclp-bom-li {
    padding: 4px 0;
    border-top: 1px solid rgba(37, 23, 20, 0.20);
}

.result-cry-le-term {
    padding-top: var(--space40);
}

.rclt-top {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
}

.rclt-top-img {
    width: 24px;
    flex-shrink: 0;
}

.rclt-top-img img {
    width: 100%;
}

.rclt-top-text {
    margin: 0 6px;
}

.rclt-top-le {
    display: flex;
    align-items: flex-start;
}

.rclt-top-reset p {
    color: #7F7F7F;
    line-height: var(--line18);
    cursor: pointer;
}

.rclt-bom-li {
    padding: 20px 0;
    border-top: 1px solid rgba(108, 118, 118, 0.20);
}

.rclt-bom-li:last-child {
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}

.rclt-bom-li-top {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rblt-img {
    position: relative;
    width: 24px;
}

.rblt-img img {
    width: 100%;
    transition: all .4s;
}

.rblt-img img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.rblt-img img:nth-child(1) {
    opacity: 0;
}

.rblb-li {
    cursor: pointer;
    padding: 4px 0;
    margin-top: 6px;
    display: flex;
    align-items: flex-start;
}

.rblb-li:first-child {
    margin-top: 16px;
}

.rblb-li-box {
    position: relative;
    width: 16px;
    flex-shrink: 0;
    margin-right: 16px;
}

.rblb-li-box img {
    width: 100%;
    transition: all .4s;
}

.rblb-li-box img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.rblb-li-text {
    font-size: var(--font14);
    line-height: var(--line18);
    color: #7F7F7F;
    margin-top: -4px;
}

.result-cry-le-pref.act .rclp-top-icon img:nth-child(2) {
    opacity: 1;
}

.result-cry-le-pref.act .rclp-top-icon img:nth-child(1) {
    opacity: 0;
}

.rclt-bom-li.act .rblt-img img:nth-child(2) {
    opacity: 0;
}

.rclt-bom-li.act .rblt-img img:nth-child(1) {
    opacity: 1;
}

.rblb-li.act .rblb-li-box img:nth-child(1) {
    opacity: 0;
}

.rblb-li.act .rblb-li-box img:nth-child(2) {
    opacity: 1;
}

.rblb-li.act .rblb-li-text {
    color: #111;
}

.result-cry-ri .mute-prod-ul {
    display: flex;
    flex-wrap: wrap;
}

.result-cry-ri .mute-prod-ul-li {
    width: 33.333333%;
    height: auto;
    padding-bottom: var(--space50);
}

.mute-prod-page {
    padding-top: 10px;
}

.first li,
.prev li,
.end li,
.next li,
.dots li {
    border: 1px solid transparent;
}

.result-serv {
    background: #F5F5F5;
    padding-top: var(--space100);
}

.result-serv-word {
    text-align: center;
}

.result-serv-word .std-word1 {
    padding-top: 32px;
    color: #999;
}

.mccr-cry {
    position: relative;
}

.mccr-vedio {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    display: none;
}

.find3-main .find-warp-show-prod {
    padding-top: 0;
}

.find3-main .fwwu-li p {
    background: #F4F3F3;
    border: 0px;
}

.find3-main .fwwu-li.act p {
    background: var(--colormain);
}

.result-serv-ul {
    display: flex;
    justify-content: space-between;
    padding-top: 47px;
    margin: 0 -60px;
}

.result-serv-ul-li {
    width: 25%;
    padding: 0 60px;
}

.result-serv-ul-li:nth-child(4n+1) {
    animation-delay: .1s;
}

.result-serv-ul-li:nth-child(4n+2) {
    animation-delay: .2s;
}

.result-serv-ul-li:nth-child(4n+3) {
    animation-delay: .3s;
}

.result-serv-ul-li:nth-child(4n+4) {
    animation-delay: .4s;
}

.rsul-box-img {
    width: 60px;
    margin: 0 auto;
}

.rsul-box-img img {
    width: 100%;
}

.rsul-box-tit {
    padding-top: 32px;
}

.rsul-box p {
    text-align: center;
}

.rsul-box-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
}

.rsul-box-tit p {
    font-weight: 700;
    color: #111;
}

.rsul-box-btn-text p {
    color: #7F7F7F;
    line-height: var(--line175);
    transition: all .4s;
}

.rsul-box-btn-img {
    position: relative;
    width: 8px;
    margin-left: 10px;
}

.rsul-box-btn-img img {
    width: 100%;
    transition: all .4s;
}

.rsul-box-btn-img img:nth-child(n+2) {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.rsul-box-btn-num p {
    font-size: var(--font20);
    line-height: 1.6;
    color: #111;
    text-decoration: underline;
    transition: all .4s;
}

.fwsp-img {
    width: 74%;
    margin: 8px auto 0;
}

.fwsp-img img {
    width: 100%;
}

.find3-main .find-warp-show-prod .mpul-box-logo {
    height: 43px;
    margin-top: 0px;
}

.result2-main .mpul-box-logo {
    height: 47px;
    margin-top: 19px;
}

.result2-main .mpul-box-text {
    margin-top: 6px;
}

.find-main .mpul-box-text {
    margin-top: 6px;
}

.find-main .mpul-box-label {
    padding-top: 6px;
}

.find-main .mpul-box {
    padding: 0 18px 30px;
}

.mpul-box-icon {
    width: 43.5%;
    margin: 14px auto 0;
}

.mpul-box-tit {
    padding-top: 14px;
}

.mpul-box-tit p {
    text-align: center;
    font-weight: 500;
    line-height: var(--line18);
    color: #111;
    min-height: 28.8px;
}

.result2-main .mpul-box-img,
.find3-main .mpul-box-img {
    width: 62%;
}

.result2-main .mpul-box-btn {
    padding-top: 42px;
}

.find3-main .fwsp-btn {
    margin: 33px auto 0;
}

.find3-main .mpul-box {
    padding: 0 18px 32px;
}

.find3-main .mpul-box-text {
    margin-top: 0px;
}

.result-main .mpul-box-img {
    width: 63.2%;
}

.result-main .mpul-box-label {
    padding-top: 16px;
}

/* .classify-main .ys-nybanner .ys-nyban-title {
    bottom: 40px;
} */

.class-ul {
    display: flex;
    /* justify-content: space-between; */
    padding-top: 30px;
    margin: 0 -4px;
    flex-wrap: nowrap;
    width: 100%;
}

.class-box {
    overflow-x: auto;
}

.class-ul-li {
    /* width: max-content; */
    /* width: 16.666666%; */
    width: 100%;
    padding: 0 4px;
}

.class-ul-li-text {
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all .4s;
    cursor: pointer;
}

.class-ul-li-text p {
    text-align: center;
    padding: 8px 40px;
    transition: all .4s;
    white-space: nowrap;
}

.class-ul-li.act .class-ul-li-text {
    background: var(--colormain);
    border: 1px solid var(--colormain);
}

.class-ul-li.act .class-ul-li-text p {
    color: #111;
}

.result-cry-le-sear {
    display: flex;
    justify-content: space-between;
}

.rcls-icon {
    background: var(--colormain);
    width: 40px;
    height: 40px;
    margin-left: 4px;
    flex-shrink: 0;
    border-radius: 4px;
    cursor: pointer;
    transition: all .4s;
    position: relative;
}

.rcls-icon img {
    width: 100%;
    transition: all .4s;
    padding: 8px;
}

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

.rcls-input {
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
}

.rcls-input input {
    width: 100%;
    line-height: 40px;
    padding: 0 16px;
    font-size: var(--font14);
    color: #111;
}

.rcls-input input::placeholder {
    font-size: var(--font14);
    color: #7F7F7f;
}

.classify-main .result-cry-le-term {
    padding-top: 16px;
}

.maul-le-tit {
    font-weight: 500;
    color: #111;
    line-height: 1.3;
}

.mlsl-tit p {
    line-height: var(--line16);
    transition: all .4s;
    font-weight: 500;
    color: #7F7F7F;
}

.mlsl-text {
    margin-top: 6px;
    display: none;
}

.mlsl-text p {
    color: #7F7F7F;
    transition: all .4s;
}

.maul-le-scroll-li {
    padding-top: 30px;
}

.maul-le-scroll-li:first-child {
    padding-top: 0;
}

/* .maul-le-scroll {
    height: 193px;
} */

.maul-le-scroll .maul-le-scroll-li {
    padding-left: 16px;
}

.maul-le-scroll .mCSB_scrollTools {
    position: absolute;
    width: 2px;
    left: 0;
    top: 0;
    right: auto;
}

.maul-le-scroll .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.maul-le-scroll .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
}

.maul-le-scroll .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--colormain);
}

.classify-main .ys-nyban-title p {
    font-size: var(--font20);
}

.classify-main .class-ul {
    padding-top: 46px;
}

.rsul-box-img {
    position: relative;
}

.rsul-box-img img:nth-child(n+2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

/* 蓝色 */
.head-logo img:nth-child(2) {
    display: none;
}

.yhct-shoppi-le img:nth-child(2) {
    display: none;
}

.head-ri-btn-icon img:nth-child(2) {
    display: none;
}

/* 蓝色 */
.classify-main.blue .rblb-li.act .rblb-li-box img:nth-child(3) {
    opacity: 1;
}

.classify-main.blue .rblb-li.act .rblb-li-box img:not(:nth-child(3)) {
    opacity: 0;
}

.classify-main.blue .ys-hd-pc-top {
    background: #0085EA;
}

.classify-main.blue .ys-hd-pc-top {
    background: #0085EA;
}

.classify-main.blue .ys-hd-pc-btm {
    background: #005CA5;
}

.classify-main.blue .head-logo {
    width: 216px;
}

/* .classify-main.blue .head-logo img:nth-child(1){
    display: none;
}
.classify-main.blue .head-logo img:nth-child(2){
    display: block;
} */
.classify-main.blue .yhct-shoppi p {
    color: var(--color4);
}

/* .classify-main.blue .yhct-shoppi-le img:nth-child(1) {
    display: none;
} */

.classify-main.blue .yhct-shoppi-le img:nth-child(2) {
    display: block;
}

.classify-main.blue .head-ri-prod1 .ys-select-hd {
    background: #fff;
}

.classify-main.blue .ys-footer {
    background: #005AA0;
}


.classify-main.blue .ys-nybanner h1 {
    color: #fff;
}

.classify-main.blue .class-ul-li.act .class-ul-li-text {
    background: #005CA5;
    border: 1px solid #005CA5;
}

.classify-main.blue .class-ul-li.act .class-ul-li-text p {
    color: #fff;
}

.classify-main.blue .resu-sear-tit span {
    color: #005CA5;
}

.classify-main.blue .rcls-icon {
    background: #005CA5;
}

.classify-main.blue .mod-btn2-le {
    background: #005CA5;
}

.classify-main.blue .mod-btn2-le {
    background: #005CA5;
}

.classify-main.blue .mod-btn2-le p {
    color: #fff;
}

.about-networ-ul-li img {
    width: 24px;
}

.about-networ-ul-li p {
    color: #111;
    line-height: 1.8;
    padding-left: 12px;
}

.about-networ-ul-li {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.about-networ-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-networ-ul {
    display: flex;
}

.about-networ-btm {
    width: 100%;
    position: relative;
    padding-left: 76px;
    padding-right: 76px;
}

.about-networ-btm-wrap {
    width: 100%;
    position: relative;
}

.about-networ-btm-wrap img {
    width: 100%;
}

.about-networ-btm-wrap svg {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 97%;
    z-index: 5;
}

.about-networ-btm-img1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}

.anbw-arr {
    width: 36px;
    position: absolute;
    top: -6px;
    left: 1px;
}

.anbw-arr img {
    width: 100%;
}

#anbw-arr4 {
    top: -10px;
    left: 4px;
}

.about-cooper {
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 10;
}

.about-cooper-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.about-cooper-btm {
    width: 100%;
    position: relative;
}

.about-cooper-btm-li {
    width: 100%;
    position: relative;
    display: none;
}

.about-cooper-btm-li:first-child {
    display: block;
}

.about-cooper-btm-li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}

.about-cooper-btm-li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}

.acbl-wrap {
    width: 100%;
    flex: none;
    display: flex;
}

.acbl-logo {
    width: 120px;
    flex: none;
    margin: 0 46px;
}

.acbl-li {
    display: flex;
    flex: none;
    animation: donghua 30s linear infinite;
}

@keyframes donghua {
    from {
        transform: translateX(0);
    }

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

@keyframes donghuak {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.acbl-wrap:nth-child(2n) .acbl-li {
    animation: donghuak 30s linear infinite;
}

.acbl-wrap:nth-child(1) {
    margin-top: 0;
}

.acbl-wrap {
    margin-top: -17px;
}

.classify-main.blue .pc-fenye li.activepage {
    background: #005CA5;
    border: 1px solid #005CA5;
    color: #fff;
}


.classify-main.blue .rsul-box-img img:nth-child(2) {
    opacity: 1;
}

.classify-main.blue .rsul-box-img img:nth-child(1) {
    opacity: 0;
}

/* 绿色 */

.classify-main.green .ys-nybanner h1 {
    color: #fff;
}

.classify-main.green .ys-nybanner h1 {
    color: #fff;
}

.classify-main.green .rblb-li.act .rblb-li-box img:nth-child(4) {
    opacity: 1;
}

.classify-main.green .rblb-li.act .rblb-li-box img:not(:nth-child(4)) {
    opacity: 0;
}

.classify-main.green .ys-hd-pc-top {
    background: #006DE1;
}

.classify-main.green .ys-hd-pc-btm {
    background: #00348D;
}

.classify-main.green .head-logo {
    width: 216px;
}

/* .classify-main.green .head-logo img:nth-child(1){
    display: none;
}
.classify-main.green .head-logo img:nth-child(2){
    display: block;
} */
.classify-main.green .yhct-shoppi p {
    color: var(--color4);
}

/* .classify-main.green .yhct-shoppi-le img:nth-child(1) {
    display: none;
} */

.classify-main.green .yhct-shoppi-le img:nth-child(2) {
    display: block;
}

.classify-main.green .head-ri-prod1 .ys-select-hd {
    background: #DAE000;
}

.classify-main.green .head-ri-prod2 .ys-select-hd {
    border: 1px solid #DAE000;
}

.classify-main.green .head-ri-prod2 .ys-select-hd input {
    color: #DAE000;
}

.classify-main.green .head-ri-prod2 .ys-select-hd input::placeholder {
    color: #DAE000;
}

.classify-main.green .head-ri-prod2 .ys-select-hd input::placeholder {
    color: #DAE000;
}

/* .classify-main.green .head-ri-btn-icon img:nth-child(1) {
    display: none;
} */

.classify-main.green .head-ri-btn-icon img:nth-child(2) {
    display: block;
}

.classify-main.green .ys-footer {
    background: #00348D;
}

.classify-main.green .ys-nybanner h1 {
    color: #fff;
}

.classify-main.green .class-ul-li.act .class-ul-li-text p {
    color: #231815;
}

.classify-main.green .class-ul-li.act .class-ul-li-text {
    background: #D9E000;
    border: 1px solid #D9E000;
}

.classify-main.green .class-ul-li.act .class-ul-li-text p {
    color: #fff;
}

.classify-main.green .resu-sear-tit span {
    color: #D9E000;
}

.classify-main.green .rcls-icon {
    background: #D9E000;
}

.classify-main.green .mod-btn2-le {
    background: #D9E000;
}

.classify-main.green .mod-btn2-le {
    background: #D9E000;
}

.classify-main.green .mod-btn2-le p {
    color: #fff;
}

.classify-main.green .pc-fenye li.activepage {
    background: #D9E000;
    border: 1px solid #D9E000;
    color: #fff;
}

.classify-main.green .rsul-box-img img:nth-child(3) {
    opacity: 1;
}

.classify-main.green .rsul-box-img img:nth-child(1) {
    opacity: 0;
}

/* 橙色 */
.vehicle-main.orange .ys-hd-pc-top {
    background: #FF7B00;
}

.vehicle-main.orange .ys-hd-pc-btm {
    background: #EF6100;
    background: #de6a08;
}

.vehicle-main.orange .head-logo {
    width: 176px;
}

/* .classify-main.blue .head-logo img:nth-child(1){
    display: none;
}
.classify-main.blue .head-logo img:nth-child(2){
    display: block;
} */
.vehicle-main.orange .yhct-shoppi p {
    color: var(--color4);
}

/* .vehicle-main.orange .yhct-shoppi-le img:nth-child(1) {
    display: none;
} */

.vehicle-main.orange .yhct-shoppi-le img:nth-child(2) {
    display: block;
}

.vehicle-main.orange .head-ri-prod1 .ys-select-hd {
    background: #fff;
}

.vehicle-main.orange .head-ri-prod .ys-select-hd input {
    color: #EF6100;
    color: #de6a08;
}

.vehicle-main.orange .head-ri-prod1 .ys-select-hd input::placeholder {
    color: #EF6100;
}

.vehicle-main.orange .ys-footer {
    background: #de6a08;
}

.vehicle-main.orange .ys-nybanner h1 {
    color: #fff;
}

.vehicle-main.orange .class-ul-li.act .class-ul-li-text {
    background: #DE6A08;
    border: 1px solid #DE6A08;
}

.vehicle-main.orange .class-ul-li.act .class-ul-li-text p {
    color: #fff;
}

.vehicle-main.orange .resu-sear-tit span {
    color: #DE6A08;
}

.vehicle-main.orange .rcls-icon {
    background: #DE6A08;
}

.vehicle-main.orange .mod-btn2-le {
    background: #DE6A08;
}

.vehicle-main.orange .mod-btn2-le {
    background: #DE6A08;
}

.vehicle-main.orange .mod-btn2-le p {
    color: #fff;
}

.vehicle-main.orange .pc-fenye li.activepage {
    background: #DE6A08;
    border: 1px solid #DE6A08;
    color: #fff;
}

.vehicle-main.orange .rsul-box-img img:nth-child(2) {
    opacity: 1;
}

.vehicle-main.orange .rsul-box-img img:nth-child(1) {
    opacity: 0;
}

.vehicle-main.orange .rcls-icon img:nth-child(2) {
    opacity: 1;
}

.vehicle-main.orange .rcls-icon img:nth-child(1) {
    opacity: 0;
}

/* 藏青色 */
.vehicle-main.navy .ys-hd-pc-top {
    background: #0965E4;
}

.vehicle-main.navy .ys-hd-pc-btm {
    background: #004098;
}

.vehicle-main.navy .head-logo {
    width: 207px;
}

/* .classify-main.blue .head-logo img:nth-child(1){
    display: none;
}
.classify-main.blue .head-logo img:nth-child(2){
    display: block;
} */
.vehicle-main.navy .yhct-shoppi p {
    color: var(--color4);
}

/* .vehicle-main.navy .yhct-shoppi-le img:nth-child(1) {
    display: none;
} */

.vehicle-main.navy .yhct-shoppi-le img:nth-child(2) {
    display: block;
}

.vehicle-main.navy .head-ri-prod1 .ys-select-hd {
    background: #fff;
}

.vehicle-main.navy .head-ri-prod .ys-select-hd input {
    color: var(--color4);
}

.vehicle-main.navy .head-ri-prod1 .ys-select-hd input::placeholder {
    color: #005AA0;
}

.vehicle-main.navy .ys-footer {
    background: #00419E;
    background: #004098;
}


.vehicle-main.navy .ys-nybanner h1 {
    color: #fff;
}

.vehicle-main.navy .class-ul-li.act .class-ul-li-text {
    background: #004098;
    border: 1px solid #004098;
}

.vehicle-main.navy .class-ul-li.act .class-ul-li-text p {
    color: #fff;
}

.vehicle-main.navy .resu-sear-tit span {
    color: #004098;
}

.vehicle-main.navy .rcls-icon {
    background: #004098;
}

.vehicle-main.navy .mod-btn2-le {
    background: #004098;
}

.vehicle-main.navy .mod-btn2-le {
    background: #004098;
}

.vehicle-main.navy .mod-btn2-le p {
    color: #fff;
}

.vehicle-main.navy .pc-fenye li.activepage {
    background: #004098;
    border: 1px solid #004098;
    color: #fff;
}

.vehicle-main.navy .rsul-box-img img:nth-child(3) {
    opacity: 1;
}

.vehicle-main.navy .rsul-box-img img:nth-child(1) {
    opacity: 0;
}

.vehicle-main.navy .rcls-icon img:nth-child(2) {
    opacity: 1;
}

/* .vehicle-main.navy .rcls-icon img:nth-child(1) {
    opacity: 0;
} */

.vehicle-main.navy .rcls-icon img:nth-child(2) {
    opacity: 1;
}

/* .vehicle-main.navy .rcls-icon img:nth-child(1) {
    opacity: 0;
} */

.ndet-cry-ri h2 {
    font-weight: 500;
    line-height: 1.3;
    color: #111;
    padding-bottom: 27px;
}

/* c2 */
.ys-nybanner2 {
    background: #F5F5F5;
    padding-top: var(--space100);
    padding-bottom: var(--space50);
    overflow: hidden;
}

.ys-nybanner2 .ys-cont1440 {
    display: flex;
    align-items: stretch;
}

.deta-banner-le {
    width: 48.75%;
    border-radius: 10px;
    background: #FFF;
    position: relative;
    padding: 49px 61px;
}

.deta-banner-ri {
    width: 51.25%;
}

.deta-banner-le-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.dblb-li {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background: #F3F3F3;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.dblb-li:first-child {
    margin-top: 0;
}

.dblb-li-img {
    z-index: 10;
}

.dblb-li-img img {
    width: 100%;
}

.dbli-li-img {
    width: 100%;
    position: relative;
}

.dblb-li {
    position: relative;
}

.dblb-li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    background: var(--colormain);
    left: 0;
    bottom: 0;
    transition: all 6s;
}

.dblb-li {
    padding: 8px;
    position: relative;
    cursor: pointer;
}

.dblb-li.active::after {
    height: 100%;
}

.dblb-li.active::after {
    height: 0;
    transition: none;
}

.dblb-li.active::after {
    height: 100%;
    transition: all 6s;
}

@keyframes height {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

.deta-banner-ri {
    padding-left: var(--space100);
}

/* .dbrt-img {
    width: 57%;
} */

.dbrt-img img {
    max-width: unset;
    height: 70px;
    /* transform: translate(-48px, 1px); */
}

.dbrt-text {
    padding-top: 24px;
}

.dbrt-text p {
    line-height: var(--line16);
    color: #111;
}

.deta-banner-ri-top .mpul-box-label {
    padding-top: 24px;
    justify-content: left;
}

.dbrt-btn {
    display: flex;
    padding-top: var(--space50);
    margin: 0 -10px;
}

.deta-banner-ri-top .dbrt-btn .std-word2 {
    width: fit-content;
    padding: 8px 48px;
}

.deta-banner-ri-top .mod-btn2-item {
    padding: 0 10px;
    width: fit-content;
}

.deta-banner-ri-bom {
    padding-top: 122px;
}

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

.dbrb-ul-li {
    width: 25%;
    padding: 0 10px;
    height: auto;
}

.dbrb-ul-li-box {
    height: 100%;
    display: inline-block;
    padding: 5px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(77, 57, 0, 0.05);
}

.dulb-img {
    border-radius: 5px;
    width: 100%;
}

.dulb-img img {
    width: 100%;
}

.dulb-text {
    padding-top: 4px;
}

.dulb-text p {
    color: #111;
    text-align: center;
}

.deta-trait {
    padding-top: var(--space100);
}

.details-main h2 {
    text-align: center;
}

.deta-trait-cry-top {
    display: flex;
    justify-content: center;
    padding-top: 32px;
    margin: 0 -10px;
}

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

.dtct-li-box {
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: #F5F5F5;
    transition: all .4s;
    padding: 6px 40px;
    cursor: pointer;
}

.dtct-li-box-img {
    width: 32px;
    margin-right: 12px;
    position: relative;
}

.dtct-li-box-img img {
    width: 100%;
    transition: all .4s;
}

.dtct-li-box-img img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.dtct-li-box p {
    color: #7F7F7F;
}

.dtct-li.act .dtct-li-box-img img:nth-child(2) {
    opacity: 1;
}

.dtct-li.act .dtct-li-box {
    background: var(--colormain);
}

.dtct-li.act .dtct-li-box p {
    color: #111;
}

.classify-main.blue .fwwu-li.act.std-word1,
.classify-main.blue .fwwu-li.act.std-word1 p,
.vehicle-main.navy .fwwu-li.act.std-word1,
.vehicle-main.navy .fwwu-li.act.std-word1 p,
.classify-main.blue .dtct-li.act .dtct-li-box p,
.vehicle-main.navy .dtct-li.act .dtct-li-box p {
    color: #fff!important;
}

.dtcb-li-ul {
    display: flex;
    margin: 0 -18px;
}

.dtcb-li-ul-li {
    width: 33.333333%;
    padding: 0 18px;
}

.dlul-word-tit {
    padding-top: 20px;
    text-align: center;
}

.dlul-word-tit p {
    line-height: var(--line16);
    text-align: center;
}

.dlul-word-text {
    padding-top: 12px;
}

.dlul-word-text p {
    text-align: center;
    color: #7F7F7F;
}

.deta-trait-cry-bom {
    padding-top: var(--space50);
}

.dlul-img {
    border-radius: 5px;
    overflow: hidden;
    transform: rotate(0);
}

.dtcb-li-ul .slick-list {
    overflow: visible;
}

.deta-spec-cry-top {
    padding-top: 32px;
}

.dsct-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -4px;
}

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

.dsct-ul-li-text {
    padding: 6px 40px;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    transition: all .4s;
    cursor: pointer;
}

.dsct-ul-li-text p {
    color: #7F7F7F;
    transition: all .4s;
}

.dsct-ul-li.act .dsct-ul-li-text p {
    color: #111;
}

.classify-main.blue .dsct-ul-li.act .dsct-ul-li-text p{
    color: #fff;
}

.dsct-ul-li.act .dsct-ul-li-text {
    background: var(--colormain);
}

.deta-spec-cry-bom {
    padding-top: var(--space50);
}

.dscb-tabel-li-cry {
    border-radius: 10px;
    background: #000;
    padding: 0 0 20px 20px;
    /* height: 640px; */
}

.dscb-tabel-li-cry .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--colormain);
}

.dscb-tabel-li-cry .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.50);
}

.dscb-tabel-li-cry .mCSB_scrollTools .mCSB_draggerContainer {
    top: 70px;
}

.deta-spec-cry-bom table {
    width: 100%;
    border-collapse: collapse;
    position: relative;

}

.deta-spec-cry-bom table thead {
    position: sticky;
    top: 0;
    height: fit-content;
}

.deta-spec-cry-bom tr:nth-child(even) {
    background: #1B1B1B;
}

.summ-brand {
    padding-top: 83px;
}

.deta-spec-cry-bom td {
    font-size: var(--font18);
    font-weight: 400;
    line-height: var(--line18);
    color: var(--color4);
    text-align: center;
    vertical-align: middle;
    padding: 9px 0;
}

.deta-spec-cry-bom thead th {
    font-size: var(--font20);
    color: var(--colormain);
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    padding: 19px 20px;
    line-height: var(--line18);
}

.deta-spec-cry-bom thead th:first-child,
.deta-spec-cry-bom tbody tr td:first-child {
    padding-left: 50px;
}

.deta-spec-cry-bom thead th:last-child,
.deta-spec-cry-bom tbody tr td:last-child {
    padding-right: 50px;
}

.deta-eval-ul {
    margin: 0 -15px;
}

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

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

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

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

.deul-box-img {
    border-radius: 10px;
    overflow: hidden;
    transform: rotate(0deg);
}

.deul-box-word {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-top: 12px;
}

.deul-box-word-ri {
    margin-left: 58px;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.10);
    transition: all .4s;
}

.deul-box-word-ri img {
    width: 100%;
}

.dbwl-date p {
    color: #7F7F7f;
    font-family: "Open Sans";
    opacity: 0.6;
    line-height: var(--line16);
}

.dbwl-text {
    padding-top: 8px;
}

.dbwl-text p {
    opacity: 0.8;
    color: #111;
    line-height: var(--line16);
}

/* .deta-eval-ul .slick-list {
    overflow: visible;
} */

.deta-eval-btn {
    justify-content: center;
    padding-top: 60px;
}

.deta-eval-btn {
    margin: 0 -25px;
}

.deta-eval-btn .slick-btn-item {
    padding: 0 25px;
}

.adap-cry-le h1 {
    line-height: 1.3;
    padding: 2px 0;
    border-bottom: 0.8px solid rgba(37, 23, 20, 0.20);
}

.adap-cry-le-text {
    padding-top: 10px;
}

.adap-cry .ys-cont1600 {
    display: flex;
}

.adap-cry-le {
    width: 15.5%;
    padding-top: 15px;
}

.adap-cry-ri {
    width: 84.5%;
    padding-left: 79px;
    min-height: 500px;
}

.adaptation-main .fwwu-li p {
    border: 1px solid transparent;
    background: rgba(37, 23, 20, 0.05);
    color: rgba(17, 17, 17, .5);
    padding: 12px 24px;
    text-align: left;
}

.adaptation-main .fwwu-li.act p {
    background: var(--colormain);
    color: rgba(17, 17, 17, 1);
}

.adaptation-main .fwwu-li:first-child {
    padding-top: 30px;
}

.adap-cry-ri table {
    width: 100%;
    border-collapse: collapse;
    display: table;
}

.adap-cry-ri thead th {
    padding: 10px 10px;
}

.adap-cry-ri thead th {
    padding: 10px 10px;
}

.adap-cry-ri thead th {
    font-size: var(--font20);
    line-height: var(--line16);
    font-weight: 500;
    color: #111;
    text-align: left;
}

.adap-cry-ri thead th:nth-child(1) {
    padding-left: 60px;
}

.adap-cry-ri tbody tr:nth-child(odd) {
    background: rgba(37, 23, 20, 0.05);
}

.adap-cry-ri tbody td {
    font-size: var(--font18);
    line-height: var(--line18);
    color: #111;
}

.adap-cry-ri tbody tr td:nth-child(1) {
    padding-left: 60px;
}

.adap-cry-ri table td {
    padding: 9px 10px;
}

.adap-cry-ri-page {
    padding-top: 80px;
}

.mod-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.orig-brand-ul {
    display: flex;
    flex-wrap: wrap;
}

.orig-brand-ul-li {
    padding: 32px 0;
    width: 16.666666%;
    border: 1px solid rgba(37, 23, 20, 0.10);
}

.obul-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.obul-img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: #F5F5F5;
    margin-right: 17px;
}

.obul-img img {
    width: 100%;
}

.orig-brand {
    padding-top: 73px;
}

.orig-winn-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.orig-winn-ul-li {
    width: 25%;
    padding: var(--space50) 20px 0;
    height: auto;
}

.owul-box {
    height: 100%;
    padding-bottom: 16px;
    border-radius: 20px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03),
        0px 4px 4px 0px rgba(0, 0, 0, 0.04),
        0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.owul-text p {
    padding: 0 20px;
    padding-top: 12px;
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line18);
    color: #111;
}

.find3-main .find-warp-show {
    min-height: 70vh;
}

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

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

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

.owul-img img {
    padding: 12px 28px;
    margin: 0 auto;
}

.original-main .ener-mode-ul-li {
    padding-top: var(--space50);
}

.energy-main .ener-mode-ul-li {
    padding-bottom: var(--space50);
}

.ener-mode-btn {
    padding-top: 80px;
}

.ener-mode-btn-text {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 36px;
    width: 504px;
    background: var(--colormain);
    transition: all .4s;
    cursor: pointer;
}

.ener-mode-btn-text p {
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line18);
    color: #111;
}

/* .original-main .ener-mode-ul-li:nth-child(n+10) {
    display: none;
} */

.mlsl-tit {
    cursor: pointer;
}

.maul-le-scroll-li.on .mlsl-tit p {
    color: #111;
}

.deta-vedio-cry {
    width: 73.5%;
}

.dvul-ul {
    margin: 0 -25px;
}

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

.dvul-ul-li-box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transform: scale(0deg);
}

.dulb-tit {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 10;
    padding-right: 50px;
}

.dulb-tit p {
    color: var(--color4);
    font-weight: 500;
    line-height: 1.3;
}

.dulb-vedio {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.dulb-bg {
    width: 100%;
}

.dulb-bg img {
    width: 100%;
}

.dvul-ul .slick-list {
    overflow: visible;
}

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

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

.dvul-btn {
    width: fit-content;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 33px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}

.deta-vedio-cry {
    position: relative;
}

.dvul-btn-ul {
    display: flex;
    border-radius: 80px;
    background: rgba(37, 23, 20, 0.30);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 12px 24px;
}

.dvul-btn-ul-li {
    margin: 0 3px;
    border-radius: 80px;
    background: #FFF;
    width: 6px;
    height: 6px;
    transition: all .4s;
    cursor: pointer;
    position: relative;
}

.dvul-btn-ul-li.act {
    width: 40px;
    /* background:#FFD700; */
}

.dvul-btn-play {
    cursor: pointer;
    margin-left: 8px;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 80px;
    background: rgba(37, 23, 20, 0.30);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dvul-btn-play img {
    width: 100%;
    transition: all .4s;
}


.dvul-btn-play img:nth-child(2),
.dvul-btn-play img:nth-child(1) {
    width: 14px;
}

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

.dvul-btn-play.on img:nth-child(2) {
    opacity: 1;
}

.dvul-btn-play.on img:nth-child(1) {
    opacity: 0;
}

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

.ybdu-li-line-pro {
    width: 0;
    height: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--colormain);
    border-radius: 6px;
    z-index: 10;
}

/* c2 end*/
/* .details2-main .dbrt-img {
    width: 165px;
} */

.dbrt-logo {
    width: 229px;
    margin-top: 16px;
}

.dbrt-logo img {
    width: 100%;
}

.dbrt-list {
    padding-top: 24px;
}

.dbrt-list-text p {
    color: #7F7F7F;
    line-height: var(--line18);
}

.dbrt-list-img {
    width: 305px;
    padding-top: 10px;
}

.dbrt-list-img img {
    width: 100%;
}

.deta-feat-cry {
    display: flex;
    align-items: center;
}

.deta-feat-cry.tbr .deta-feat-cry-ri {
    width: 50%;
    padding-left: 0px;
}

.deta-feat-cry.tbr {
    justify-content: center;
}

.deta-feat-cry-le {
    width: 40.2%;
    border-radius: 10px;
    overflow: hidden;
    height: fit-content;
    position: sticky;
    top: 10px;
}

.dfcl-img {
    width: 100%;
}

.dfcl-img img {
    width: 100%;
}

.deta-feat-cry-ri {
    width: 59.8%;
    padding-left: 36px;
}

.dfcr-ul-li {
    padding-top: 20px;
}

.dfcr-ul-li-box {
    padding: 40px 32px;
    border-radius: 10px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.dfcr-ul-li:first-child {
    padding-top: 0;
}

.dfcr-ul-li-top {
    display: flex;
    align-items: center;
}

.dult-icon {
    width: 44px;
    margin-right: 18px;
}

.dfcr-ul-li-bom {
    padding-top: 12px;
}

.dfcr-ul-li-bom.yxedr-active p {
    color: #7F7F7F;
    line-height: var(--line18);
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
}

.dfcr-ul-li-bom.yxedr-active p::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #7F7F7F;
    left: 6px;
    top: 13px;
    /* transform: translateY(-50%); */
}

.deta-trait,
.deta-spec,
.deta-eval,
.mute-prod {
    overflow: hidden;
}

.passcar-cry .ys-cont1600 {
    display: flex;
    flex-wrap: wrap;
}

.pass-cry-le {
    width: 23%;
}

.pass-cry-ri {
    width: 77%;
    padding-left: 181px;
}

.pclt-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-top: 6px;
}

.pclt-ul-li {
    width: 25%;
    padding: 16px 5px 0;
}

.pclt-ul-li-icon {
    width: 40px;
    border-radius: 5px;
    background: #F5F5F5;
    margin: 0 auto;
}

.pclt-ul-li-icon img {
    width: 100%;
    transition: all .4s;
}

.pclt-ul-li-text p {
    line-height: var(--line18);
    color: #111;
    text-align: center;
    transition: all .4s;
}

.pass-cry-le-bom {
    padding-top: var(--space40);
}

.pass-cry-le-bom .fwwu-li p {
    text-align: left;
}

.passcar-main .fwmb-sear {
    width: 100%;
}

.passcar-main .fwmb-sear-box {
    width: 100%;
}

.pass-cry-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -22px;
}

.pcru-li {
    width: 50%;
    padding: 0 22px 44px;
}

.pcru-li-box {
    padding: 5px;
    display: flex;
    align-items: end;
    border-radius: 10px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.pcru-li-box-le {
    width: 48.5%;
}

.pcru-li-box-ri {
    width: 51.5%;
    margin-bottom: 15px;
}

.plbl-img {
    width: 100%;
}

.plbr-text p {
    color: #000;
    line-height: var(--line18);
}

.plbr-img {
    height: 28px;
    margin-top: 10px;
}

.plbr-img img {
    height: 100%;
}

.plbr-spec {
    margin-top: 10px;
}

.plbr-spec span {
    font-size: var(--font16);
    color: #111;
    opacity: 0.6;
    line-height: var(--line18);
}

.plbr-spec p {
    line-height: var(--line16);
    color: #111;
}

.plbr-btn {
    margin-top: 11px;
}

.pass-cry-ri-page {
    padding-top: 16px;
}

.summary-main h2 {
    text-align: center;
}

.summ-bran-ul {
    display: flex;
    flex-wrap: wrap;
}

.summ-bran-ul-li {
    width: 25%;
    padding: 20px 80px;
    border: 1px solid rgba(37, 23, 20, 0.10);
}

.sbul-box-img {
    width: 100%;
}

.sbul-box-img img {
    width: 100%;
}

.sbul-box-text {
    padding-top: 8px;
}

.sbul-box-text p {
    font-size: var(--font18);
    color: #000;
    line-height: var(--line18);
    text-align: center;
}

.summ-award-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.summ-award-ul-li {
    width: var(--width);
    padding: 0 var(--jian);
}

.summ-award-cry {
    --jian: 40px;
    --width: 450px;
    position: relative;
}

.saul-box {
    border-radius: 20px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.saul-box-word {
    padding: 20px 0;
    text-align: center;
}

.saul-box-word-tit p {
    color: #111;
    line-height: var(--line16);
}

.saul-box-word-text p {
    color: #7f7f7f;
    line-height: var(--line18);
}

.summ-award-ul {
    width: calc(var(--width)* var(--width-shu));
}

.summ-award-ul1 {
    animation: donghua calc(4s* var(--width-shu))linear infinite;
}

.summ-award-ul1 {
    transform: translateX(0);
}

.summ-award-ul2 {
    animation: donghua2 calc(4s* var(--width-shu))linear infinite;
}

.summ-award-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
}

@keyframes donghua {
    0% {
        transform: translateX(0);
    }

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

@keyframes donghua2 {
    0% {
        transform: translateX(100%);
    }

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

.result-cry-le-term {
    /* padding-top: 0px; */
}

.rblt-text P {
    color: #111;
    line-height: var(--line18);
}

.rclt-bom-li:first-child {
    border-top: 0;
}

.rclv-ul-li {
    transition: all .4s;
    padding-top: 16px;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}

.rclv-ul-li-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.rult-text {
    color: #111;
    line-height: var(--line18);
}

.rult-icon {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background: #f4f3f3;
    transition: all .4s;
    flex-shrink: 0;
    position: relative;
}

.rult-icon img {
    width: 100%;
    transition: all .4s;
}

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

.rulb-ul-li-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0 4px 32px;
}

.rulb-ul {
    padding-bottom: 20px;
}

.rulb-ul-li {
    padding-top: 6px;
}

.rulb-ul-li:first-child {
    padding-top: 0;
}

.rulb-ul-li-text p {
    color: #7F7F7F;
    line-height: var(--line18);
    transition: all .4s;
}

.news-main .deta-eval-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -26px;
}

.news-main .deta-eval-ul-li {
    width: 33.333333%;
    padding: 58px 26px 0;
}

.news-main .dbwl-text p {
    opacity: 1;
}

.news-main .deul-box-word-ri img {
    transform: rotate(-45deg);
    transition: all .4s;
}

.news-main .deta-eval {
    padding-bottom: var(--space100);
}

.news-main .deta-eval-page {
    padding-top: 80px;
}

.ndetails-main h1 {
    color: var(--color4);
    font-size: var(--font48);
    font-weight: 500;
    line-height: 1.2;
}

.ys-nyban-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    margin-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.80);
}

.ys-nyban-share-date {
    color: #FFF;
}

.ndetails-main .ys-nybanner .ys-nyban-title {
    bottom: 33px;
}

.ys-share {
    display: flex;
    align-items: center;
    margin: 0 -16px;
}

.ys-share .ys-share-list {
    padding: 0 16px;
}

.ys-share-text p {
    font-size: var(--font16);
    line-height: var(--line18);
    color: var(--color4);
}

.ys-share-list {
    position: relative;
}

.ys-share-list .yftl-code {
    bottom: 40px;
}

.ndetails-main .ys-nybanner .ys-share-img {
    width: 32px;
}

.ndetails-cry {
    padding-top: 58px;
}

.ys-cont1340 {
    width: 85vw;
    max-width: 1340px;
    margin: auto;
}

.ndet-cry {
    display: flex;
    padding-bottom: var(--space100);
}

.ndet-cry-le {
    width: 60%;
}

.ndet-cry-ri {
    width: 40%;
    padding-left: 140px;
}

.ndet-cry-le.yxedr-active img {
    border-radius: 10px;
    margin-top: 60px;
}

.ndet-cry-le.yxedr-active h3 {
    font-weight: 500;
    line-height: 1.3;
    color: #111;
    margin-top: 48px;
    margin-bottom: 24px;
}

.ndet-cry-ri .deul-box-word {
    padding-top: 0px;
}

.ndet-cry-ri .deta-eval-ul-li {
    padding-top: var(--space40);
}

.ndet-cry-ri .deta-eval-ul-li:first-child {
    padding-top: 0;
}

.ndet-cry-ri .deul-box-word-ri {
    background: var(--colormain);
}

.ndet-cry-ri .dbwl-text p {
    color: #251714;
}

.vlist-cry {
    padding-top: 63px;
}

.vlist-cry .ys-cont1600 {
    display: flex;
}


.vlist-cry-le {
    width: 222px;
    position: relative;
    z-index: 10;
    height: fit-content;
    position: sticky;
    top: 120px;
    padding-right: 20px;
}

.vlist-cry-ri {
    width: calc(100% - 100px);
    padding-left: 122px;
    overflow: hidden;
}

.vcru-li-ul {
    /* margin: 0 -30px; */
}

.vcru-li-ul-li {
    /* padding: 0 30px; */
    transition: all .4s;
}

.vlist-cry-ri {
    width: calc(100% - 222px);
    padding-left: 0px;
    /* overflow: hidden; */
}

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

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

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

.vlist-cry-ri-ul .slick-list {
    overflow: visible;
}

.vcru-li-swiper {
    overflow: hidden;
}

.vcru-li-ul-li {
    width: 456px;
    display: flex;
    justify-content: flex-end;
    transition: all .5s;
    transform-origin: center bottom;
}

.deul-box {
    transition: all .5s;
    cursor: pointer;
    width: 100%;
}

.vcru-li-ul-li.previous .deul-box {
    opacity: 0;
    transform: translate3d(400px, 0, 0) scale(0);
}

.swiper-container {
    overflow: visible !important;
}

.vlist-cry-le-ul {
    height: 188px;
}

.vclu-li {
    padding-bottom: 24px;
}

.vclu-li:last-child {
    padding-bottom: 24px;
}

.vclu-li:last-child,
.vlist-cry-ri-item {
    width: 100%;
}

.vlist-main .vcru-li-ul-li {
    /* margin-right: 18px; */
    transition: all 0.36s;
    transition-property: all !important;
    opacity: 0.5;
    cursor: pointer;
    height: auto !important;
}

.vlist-main .vcru-li-ul-li.swiper-slide {
    width: var(--width) !important;
}

.vlist-main .vcru-li-ul-li.swiper-slide-active {
    opacity: 1;
    width: var(--act-width) !important;
    /* width: var(--width) !important; */
}

.vlist-main .deul-box {
    position: relative;
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
}

.vlist-main .swiper-container {
    overflow: visible !important;
}

.vlist-main .vcru-li-top {
    width: 598px;
}

.vlist-main .vcru-li-swiper {
    height: 440px;
    width: 660px;
    position: relative;
}

.vlist-cry-le-ul {
    position: relative;
}

.vlist-cry-le-ul::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    background: rgba(37, 23, 20, 0.10);
    height: 100%;
}

.vclu-li {
    padding-bottom: 24px;
}

.vclu-li-text {
    padding-left: 24px;
    position: relative;
}

.vclu-li .vclu-li-text::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 2px;
    background: var(--colormain);
    height: 100%;
    opacity: 0;
}

.vclu-li.act .vclu-li-text::before {
    opacity: 1;
}

.vclu-li:last-child {
    padding-bottom: 0px;
}

.vclu-li-text p {
    line-height: var(--line16);
    font-size: var(--font18);
    color: #7F7F7F;
    transition: all .4s;
    cursor: pointer;
}

.vlist-cry-le .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.vlist-cry-le .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.vlist-cry-le .mCSB_container {
    padding-left: 28px;
}

.vlist-cry-le .mCSB_scrollTools {
    position: absolute;
    width: 2px;
    left: 0;
    right: auto;
}

.vlist-cry-le .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.vlist-cry-le .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
}

.vlist-cry-le .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--colormain);
}

.vclu-li.act .vclu-li-text p {
    color: var(--colormain);
}

.vcru-li-btn {
    padding-top: var(--space50);
    margin: 0 -10px;
}

.vcru-li-btn .slick-btn-item {
    padding: 0 10px;
}

.vcru-li-swiper .swiper-slide {
    width: auto;
}

.vcru-li-ul-li.swiper-slide-active {
    width: 610px;
}

.vcri-li {
    padding-bottom: var(--space120);
}

.erul-text {
    line-height: var(--line16);
}

.ebbf-text p {
    color: #111;
    opacity: 0.6;
}

.ener-mode-btn .hwpm-ri-li-link {
    padding: 8px 32px;
}

/* f5 */
.vdetails-cry .vdet-cry-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -4px;
}

.vdet-cry-top-li {
    width: 100%;
    padding: 0 4px;
}

.vctl-text {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px 40px;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    transition: all .4s;
}

.vctl-text p {
    line-height: var(--line18);
    color: #111;
}

.vdet-cry-top-li.act .vctl-text {
    background: var(--colormain);
}

.vdet-cry-bom-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -26px;
}

.vcru-li-ul-li {
    width: 33.333333%;
    padding: 50px 26px 0px;
}

.vdetails-cry {
    padding-bottom: var(--space100);
}

.vdet-cry-bom-page {
    padding-top: 64px;
}

/* f5 end*/
.address-cry .ys-cont1600 {
    display: flex;
}

.addr-cry-le {
    width: 43.125%;
    padding-right: 48px;
}

.addr-cry-ri {
    width: 56.875%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    position: relative;
}

.addr-cry-ri img {
    width: 100%;
}

.addr-cry-le-top h1 {
    font-weight: 500;
    line-height: 1.3;
    color: #111;
}

.addr-cry-le-label {
    display: flex;
    margin: 0 -2px;
}

.acll-li {
    padding: 0 2px;
    padding-top: 12px;
}

.acll-li-text {
    padding: 0 16px;
    border-radius: 4px;
    background: #FFD700;
}

.acll-li-text p {
    color: #111;
}

.addr-cry-le-land {
    display: flex;
    align-items: center;
    padding-top: 16px;
}

.acll-icon {
    width: 24px;
    margin-right: 8px;
}

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

.acll-text p {
    color: #7F7F7F;
    line-height: var(--line18);
}

.aclm-ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 12px;
    margin: 0 -10px;
}

.aclm-ul-li {
    width: 33.333333%;
    padding: 20px 10px 0;
}

.aclm-ul-li-box {
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.aulb-icon {
    width: 29px;
    margin-right: 12px;
}

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

.aulb-text p {
    font-size: var(--font18);
    line-height: var(--line18);
    color: #111;
}

.addr-cry-le-foot {
    padding-right: 61px;
    padding-top: var(--space40);
}

.addr-cry-le-foot .ys-form-inof-item {
    width: 100%;
}

.addr-cry-le-foot .ys-form-inof-agree {
    width: 100%;
}

.addr-cry-le-foot .yfim-le-code {
    width: 100%;
}

.addr-cry-le-foot .ys-form-inof-item {
    margin-bottom: 18px;
}

.addr-cry-le-foot .ys-fii-input {
    display: flex;
    padding: 0 24px;
}

.addr-cry-le-foot .ys-fii-input input {
    flex: 1;
    padding: 0;
}

.ys-fii-input-cue {
    display: flex;
    align-items: center;
    width: max-content;
    margin-right: 16px;
}

.ys-fii-input-cue p {
    font-size: var(--font16);
    line-height: var(--line18);
    color: #7F7F7F;
}

.ys-fii-input-cue span {
    color: #EB0000;
    margin-left: 10px;
}

.addr-cry-le-foot .ys-form-inof-btn {
    padding-top: var(--space40);
    width: calc(100% - 160px);
    margin-bottom: 0;
}

.addr-cry-le-foot .yfim-le-code {
    margin-bottom: 18px;
}

.addr-cry-le-foot .ylcc-input {
    width: calc(100% - 160px);
    padding-right: 10px;
}

.addr-cry-le-foot .ylcc-img {
    width: 160px;
}

.addr-cry-le-foot .hwpm-ri-li {
    margin-right: 4px;
    width: 100%;
}

.addr-cry-le-foot .hwpm-ri-li {
    text-align: center;
}

.site-main h1 {
    color: var(--color4);
}

.site-map-ul-li {
    position: relative;
}

.smul-map {
    position: absolute;
    width: 75%;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
}

.smul-map img {
    width: 100%;
}

.smul-cry {
    position: relative;
    z-index: 10;
}

.smul-cry-tit {
    text-align: center;
}

.smul-cry-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}

.smul-cry-ul-li {
    width: 33.333333%;
    padding: 45px 18px 0;
}

.scul-top {
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--color4);
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01),
        0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.scul-top-icon {
    width: 58px;
    margin-right: 16px;
}

.scul-top-icon img {
    width: 100%;
}

.scul-bom {
    display: flex;
    margin: 0 -10px;
}

.scul-bom-li {
    height: auto;
    width: 50%;
    padding: 16px 10px 0;
}

.scul-bom-li-box {
    height: 100%;
    padding-bottom: 28px;
    border-radius: 10px;
    background: #FFF;
    box-shadow:
        0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.sblu-li {
    display: flex;
    align-items: center;
    padding: 12px 32px 0;
}

.sblu-li:first-child {
    padding-top: 16px;
}

.sblu-li-icon {
    width: 24px;
    margin-right: 12px;
    flex: none
}

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

.original-main .emul-box-img::after {
    background: #e5e5e5;
    transition: all .4s;
}

.original-main .emul-box:hover .emul-box-img::after {
    background: var(--colormain);
}

.mccr-cry {
    height: 100%;
}

.mccr-img {
    height: 100%;
}

.mccr-img img {
    height: 100%;
    object-fit: cover;
}

.mccr-vedio video {
    width: 100%;
    /* object-fit: cover; */
}

.maul-le .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.fwwt-scroll {
    max-height: 220px;
}

.prod-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.find-warp-show-prod .eatr-arr {
    width: 36px;
}

.slick-dots li {
    width: 8px;
    height: 8px;
}

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

.class-ul .slick-dots {
    bottom: -20px;
}

.slick-dots {
    bottom: -15px;
}



.solutio-smart-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.solutio-smart-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutio-smart .mod-braed {
    z-index: 15;
}

.solutio-smart .ys-cont1400 {
    position: relative;
    z-index: 10;
}

.solutio-smart-wrap {
    width: 100%;
}

.solutio-smart-wrap-tit .std-h1 {
    color: #fff;
    font-weight: bold;
}

.solutio-smart-wrap-tit {
    margin-bottom: 40px;
}

.duty-section-cont-swiper {
    width: 660px;
    position: relative;
}

.duty-section-cont-swiper {
    height: 400px;
}

.dscu-list {
    width: 445px !important;
    height: 100%;
    margin-right: 60px;
    transition: all 0.36s;
    transition-property: all !important;
    cursor: pointer;
}

.dscu-list .dbwl-date p {
    color: #7F7F7F;
}

.dscu-list.swiper-slide {
    width: var(--width) !important;
}

.dscu-list {
    /* height: auto !important; */
}

.dscu-list.swiper-slide-active {
    width: var(--act-width) !important;
}

.dscu-list.swiper-slide-active .dbwl-date p {
    opacity: 1;
}

.dscu-list-link {
    position: relative;
    border-radius: 20px;
    display: block;
    width: 100%;
}

.dsct-conty-top {
    width: 610px;
}

.dscu-list-tit .std-h4 {
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

.dscu-list-tit {
    margin-top: 26px;
}

.dscu-list-link .ys-imgbox-cover {
    border-radius: 20px;
}

.solutio-smart-btm-widget {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 100px;
}

.ssbw-le {
    width: calc(100% - 210px);
    height: 3px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    position: relative !important;
}

.ssbw-le .swiper-pagination-progressbar-fill {
    background: #fff !important;
}

.ssbw-num p {
    color: #fff;
    line-height: 1.5;
}

.ssbw-btn-arr {
    width: 18px;
    cursor: pointer;
}

.ssbw-btn-arr img {
    width: 100%;
}

.ssbw-btn {
    display: flex;
    align-items: center;
}

.ssbw-btn-ri {
    margin-left: 32px;
}

@media screen and (min-width: 1200px) {
    .vclu-li-text p:hover {
        color: var(--colormain);
    }

    .vctl-text:hover {
        background: var(--colormain);
    }

    .ndet-cry-ri .deul-box:hover .deul-box-word-ri {
        background: #FFC000;
    }

    .deul-box:hover .deul-box-word-ri img {
        transform: rotate(0deg);
    }

    .rclv-ul-li-top:hover .rult-icon,
    .rulb-ul-li:hover .rult-icon {
        background: #FFC000;
    }

    .rulb-ul-li:hover .rulb-ul-li-text p {
        color: #111;
    }

    .rclv-ul-li:hover {
        border-bottom: 1px solid #FFBD00;
    }

    .rcls-icon:hover {
        background: #FFC000;
    }

    .summ-award-cry:hover .summ-award-ul {
        animation-play-state: paused;
    }

    .pcru-li-box:hover .herm-more .hwpm-ri-li-link {
        background: #FFC000;
    }

    .pcru-li-box:hover .hwpm-le {
        background: #FFC000;
    }

    .pclt-ul-li a:hover .pclt-ul-li-icon img {
        transform: scale(1.05);
    }

    .ener-mode-btn-text:hover {
        background: #FFC000;
    }

    .deul-box:hover .deul-box-word-ri {
        background: var(--colormain);
    }

    .dsct-ul-li:hover .dsct-ul-li-text p {
        color: #111;
    }

    .dsct-ul-li:hover .dsct-ul-li-text {
        background: var(--colormain);
    }

    .dtct-li:hover .dtct-li-box-img img:nth-child(2) {
        opacity: 1;
    }

    .dtct-li:hover .dtct-li-box {
        background: var(--colormain);
    }

    .dtct-li:hover .dtct-li-box p {
        color: #111;
    }

    .dbrb-ul-li-box:hover .dulb-img img:nth-child(2) {
        transform: scale(1);
    }


    /* 绿色 */
    .classify-main.green .rsul-box:hover .rsul-box-btn-text p {
        color: #D9E000;
    }

    .classify-main.green .rsul-box:hover .rsul-box-btn-img img:nth-child(4) {
        opacity: 1;
    }

    .classify-main.green .rsul-box:hover .rsul-box-btn-num p {
        color: #D9E000;
    }

    .classify-main.green .pc-fenye li:hover {
        background: #D9E000;
        border: 1px solid #D9E000;
        color: #fff;
    }

    .classify-main.green .first li:hover,
    .classify-main.green .prev li:hover,
    .classify-main.green .end li:hover,
    .classify-main.green .next li:hover {
        color: #111;
    }

    .classify-main.green .class-ul-li-text:hover {
        background: #D9E000;
        border: 1px solid #D9E000;
    }

    .classify-main.green .class-ul-li-text:hover p {
        color: #fff;
    }

    .classify-main.green .mod-btn2-le:hover {
        background: #D9E000;
    }

    .classify-main.green .mod-btn2-ri:hover {
        background: #D9E000;
        border: 1px solid #D9E000;
    }

    .classify-main.green .mod-btn2-ri:hover p {
        color: #fff;
    }

    /* 蓝色 */
    .classify-main.blue .rsul-box:hover .rsul-box-btn-text p {
        color: #005CA5;
    }

    .classify-main.blue .rsul-box:hover .rsul-box-btn-img img:nth-child(3) {
        opacity: 1;
    }

    .classify-main.blue .rsul-box:hover .rsul-box-btn-num p {
        color: #005CA5;
    }

    .classify-main.blue .pc-fenye li:hover {
        background: #005CA5;
        border: 1px solid #005CA5;
        color: #fff;
    }

    .classify-main.blue .first li:hover,
    .classify-main.blue .prev li:hover,
    .classify-main.blue .end li:hover,
    .classify-main.blue .next li:hover {
        color: #111;
    }

    .classify-main.blue .class-ul-li-text:hover {
        background: #005CA5;
        border: 1px solid #005CA5;
    }

    .classify-main.blue .class-ul-li-text:hover p {
        color: #fff;
    }

    .classify-main.blue .mod-btn2-le:hover {
        background: #053c69;
    }

    .classify-main.blue .mod-btn2-ri:hover {
        background: #005CA5;
        border: 1px solid #005CA5;
    }

    .classify-main.blue .mod-btn2-ri:hover p {
        color: #fff;
    }

    /* 橙色 */
    .vehicle-main.orange .rclv-ul-li:hover {
        border-bottom: 1px solid #EF6100;
    }

    .vehicle-main.orange .rulb-ul-li:hover .rult-icon {
        background: #EF6100;
    }

    .vehicle-main.orange .rulb-ul-li:hover .rult-icon img:nth-child(1) {
        opacity: 0;
    }

    .vehicle-main.orange .rulb-ul-li:hover .rult-icon img:nth-child(2) {
        opacity: 1;
    }

    .vehicle-main.orange .rclv-ul-li-top:hover .rult-icon img:nth-child(1) {
        opacity: 0;
    }

    .vehicle-main.orange .rclv-ul-li-top:hover .rult-icon img:nth-child(2) {
        opacity: 1;
    }

    .vehicle-main.orange .rclv-ul-li-top:hover .rult-icon {
        /* background:#EF6100; */
        background: #de6a08;
    }

    .vehicle-main.orange .rsul-box:hover .rsul-box-btn-text p {
        color: #EF6100;
    }

    .vehicle-main.orange .rsul-box:hover .rsul-box-btn-img img:nth-child(3) {
        opacity: 1;
    }

    .vehicle-main.orange .rsul-box:hover .rsul-box-btn-num p {
        color: #EF6100;
    }

    .vehicle-main.orange .pc-fenye li:hover {
        background: #EF6100;
        border: 1px solid #EF6100;
        color: #fff;
    }

    .vehicle-main.orange .first li:hover,
    .vehicle-main.orange .prev li:hover,
    .vehicle-main.orange .end li:hover,
    .vehicle-main.orange .next li:hover {
        color: #111;
    }

    .vehicle-main.orange .class-ul-li-text:hover {
        background: #EF6100;
        border: 1px solid #EF6100;
    }

    .vehicle-main.orange .class-ul-li-text:hover p {
        color: #fff;
    }

    .vehicle-main.orange .mod-btn2-le:hover {
        background: #EF6100;
    }

    .vehicle-main.orange .mod-btn2-ri:hover {
        background: #EF6100;
        border: 1px solid #EF6100;
    }

    .vehicle-main.orange .mod-btn2-ri:hover p {
        color: #fff;
    }

    /* 藏青色 */
    .vehicle-main.navy .rclv-ul-li:hover {
        border-bottom: 1px solid #004098;
    }

    .vehicle-main.navy .rulb-ul-li:hover .rult-icon {
        background: #004098;
    }

    .vehicle-main.navy .rulb-ul-li:hover .rult-icon img:nth-child(1) {
        opacity: 0;
    }

    .vehicle-main.navy .rulb-ul-li:hover .rult-icon img:nth-child(2) {
        opacity: 1;
    }

    .vehicle-main.navy .rclv-ul-li-top:hover .rult-icon img:nth-child(1) {
        opacity: 0;
    }

    .vehicle-main.navy .rclv-ul-li-top:hover .rult-icon img:nth-child(2) {
        opacity: 1;
    }

    .vehicle-main.navy .rclv-ul-li-top:hover .rult-icon {
        background: #004098;
    }

    .vehicle-main.navy .rsul-box:hover .rsul-box-btn-text p {
        color: #004098;
    }

    .vehicle-main.navy .rsul-box:hover .rsul-box-btn-img img:nth-child(4) {
        opacity: 1;
    }

    .vehicle-main.navy .rsul-box:hover .rsul-box-btn-num p {
        color: #004098;
    }

    .vehicle-main.navy .pc-fenye li:hover {
        background: #004098;
        border: 1px solid #004098;
        color: #fff;
    }

    .vehicle-main.navy .first li:hover,
    .vehicle-main.navy .prev li:hover,
    .vehicle-main.navy .end li:hover,
    .vehicle-main.navy .next li:hover {
        color: #111;
    }

    .vehicle-main.navy .class-ul-li-text:hover {
        background: #004098;
        border: 1px solid #004098;
    }

    .vehicle-main.navy .class-ul-li-text:hover p {
        color: #fff;
    }

    .vehicle-main.navy .mod-btn2-le:hover {
        background: #004098;
    }

    .vehicle-main.navy .mod-btn2-ri:hover {
        background: #004098;
        border: 1px solid #004098;
    }

    .vehicle-main.navy .mod-btn2-ri:hover p {
        color: #fff;
    }

    .maul-le-scroll-li:hover .mlsl-tit p {
        color: #111;
    }

    .class-ul-li .class-ul-li-text:hover {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    .class-ul-li .class-ul-li-text:hover p {
        color: #111;
    }

    .mpul-box:hover .mpul-box-img img:nth-child(2) {
        transform: scale(1.05);
    }

    .mpul-box:hover .mpul-box-img.plp img:nth-child(2) {
        transform: scale(1.05) translateX(-50%);
    }

    .rsul-box:hover .rsul-box-btn-text p {
        color: var(--colormain);
    }

    .rsul-box:hover .rsul-box-btn-num p {
        color: var(--colormain);
    }

    .rsul-box:hover .rsul-box-btn-img img:nth-child(2) {
        opacity: 1;
    }

    .rsul-box:hover .rsul-box-btn-img img:nth-child(1) {
        opacity: 0;
    }

    .find3-main .fwwu-li p:hover {
        border: 0px;
    }

    .maul-le-ul-li:hover p {
        color: #111;
    }

    .maul-le-ul-li:hover {
        border-bottom: 1px solid #FFC000;
    }

    .pc-fenye li:hover {
        color: #111;
        background: #FFD700;
        border: 1px solid #FFD700;
    }

    .first li:hover,
    .prev li:hover,
    .end li:hover,
    .next li:hover {
        border: 1px solid transparent;
        background: transparent;
    }

    .dlbl-li:hover p {
        background: rgba(37, 23, 20, 0.05);
    }

    .dlbl-li:hover {
        background: rgba(37, 23, 20, 0.05);
    }

    .fwsp-btn .hpbp-ri-more:hover .hwpr-arr {
        background: var(--colormain);
    }

    .fuls-li-box:hover .hwpr-arr1 {
        background: var(--colormain);
    }

    .emul-box:hover .mod-btn img {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .mpul-box:hover .hwpr-arr {
        background: var(--colormain);
    }

    .mpul-box:hover .hpbp-ri-more p {
        color:var(--colormain);
    }

    .fuls-li-box:hover .hwpr-arr1 {
        background:var(--colormain);
    }

    .fuls-li-box:hover .fuls-li-tit p {
        color: var(--colormain);
    }

    .emul-box:hover .mod-btn img {
        transform: translate(-50%, -50%) rotate(45deg);
        /* >>>>>>> ebfadcaff0b9afb7412c9af7b3b9808441d8cae1 */
    }

    .fwmb-sear-box:hover {
        border: 1px solid var(--colormain);
        background: var(--colormain);
        color: var(--colormain);
    }

    .fwmb-sear-box:hover p {
        opacity: 1;
    }

    .fwmb-skip-box:hover p {
        opacity: 1;
    }

    .fwsm-ul-li-text:hover {
        background: var(--colormain)
    }

    .fwsm-ul-li-text:hover p {
        opacity: 1;
        color: #111;
    }


    .mod-bread-li a:hover {
        color: var(--colormain)
    }

    .fwmu-li .fwmu-li-top:hover {
        background: var(--colormain)
    }

    .fwmu-li .fwmu-li-top:hover p {
        opacity: 1;
    }

    .fwmu-li .fwmu-li-top:hover .ys-select-show::placeholder {
        color: #111;
    }

    .fwwu-li p:hover {
        background: var(--colormain);
        border: 1px solid var(--colormain);
        color: #111;
    }

    .mod-btn2-le:hover {
        background: #FFC000;
    }

    .mod-btn2-ri:hover {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    .slick-btn-item:hover .slick-btn-prev,
    .slick-btn-item:hover .slick-btn-next {
        background: var(--colormain);
    }

    .emul-box:hover .mod-btn {
        background: var(--colormain);
    }

    .emul-box:hover .ys-imgbox-cover.emul-box-img-ri img {
        transform: translateX(-50%) scale(1.2);
    }

    .herm-morem:hover .hwpm-le svg path {
        fill: #111;
    }

    .evbl-wrap:hover .evbl-wrap-img img {
        transform: scale(1.08);
    }

    .eatr-arr:hover {
        background: #FFD700;
    }

    .hptb-li .hptb-li-link:hover {
        background: var(--vicolor);
    }

    .yfbp-li a:hover {
        color: #fff;
    }

    .hnbl-link:hover .hwpr-arr {
        background: var(--vicolor);
        border-color: var(--vicolor);
    }

    .hnbl-link:hover .hwpr-arr img:nth-child(1) {
        opacity: 1;
    }

    .hnbl-link:hover .hwpr-arr img:nth-child(2) {
        opacity: 0;
    }

    .home-logo-ul:hover .home-logo-li {
        animation-play-state: paused;
        cursor: pointer;
    }

    .herm-more:hover .hwpm-ri-li-link {
        border-color: #FFC000;
        background: #FFC000;
    }

    .herm-more:hover .hwpm-le {
        border-color: #FFC000;
        background: #FFC000;
    }

    .hpbp-wrap:hover .hwpr-arr {
        border-color: #FFC000;
        background: #FFC000;
    }

    .hwrw-top-li-wrap:hover .hwpr-arr {
        border-color: #FFC000;
        background: #FFC000;
    }

    .head-ri-prod .ys-select-li:hover {
        color: var(--vicolor);
    }

    .hwpm-ri-li-link:hover {
        color: #111111;
        background: var(--vicolor);
        border-color: var(--vicolor);
    }

    .habu-wrap:hover .hwpr-arr img:nth-child(1) {
        opacity: 1;
    }

    .habu-wrap:hover .hwpr-arr img:nth-child(2) {
        opacity: 0;
    }

    .habu-wrap:hover .hwpr-arr {
        background: var(--vicolor);
        border-color: var(--vicolor);
    }

    .habu-li2 .habu-wrap:hover .hwpr-arr {
        background: #F9C300;
    }

}

/* 2025.2.12 ada end */
/* 2025.2.14 Linda-start */
/* f9-关于佳通-售后质保-start */
.std-font20,
.std-font20 p {
    font-size: var(--font20);
    line-height: var(--line16);
    color: #111111;
}

.ys-nybanner h1 {
    font-size: var(--font64);
}

.ys-nybanner .std-text1 {
    font-size: var(--font20);
}

.sales-wrap-cont {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 33px;
    align-items: center;
}

.swcl-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-top: 40px;
}

.swcl-ul-li:nth-child(1),
.swcl-ul-li:nth-child(2) {
    margin-top: 0;
}

.swcl-ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.swcl-ul-li-cont {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
    padding: 70px 20px 83px;
}

.sulc-icon {
    width: 70px;
    margin: auto;
}

.sulc-tit {
    margin-top: 30px;
    color: #111111;
    text-align: center;
}

.sales-wrap-cont-img {
    width: 23%;
}

.sales-wrap-cont-img img {
    width: 100%;
}

.sales-wrap-cont-list {
    width: 77%;
    padding-right: 70px;
}

.sulc-parga {
    margin-top: 7px;
}

.sulc-parga p {
    text-align: center;
    color: #7F7F7F;
}

.sales-wrap {
    overflow: hidden;
}

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

.swcl-ul-li:nth-child(2n+2) {
    animation-delay: .4s;
}

/* f9-关于佳通-售后质保-end */

/* f10-关于佳通-可持续发展-start */
.develop-main .mod-content,
.know-list {
    padding-top: 60px;
}

.sales-wrap {
    overflow: hidden;
}

.ys-cont1326 {
    width: 85vw;
    max-width: 1326px;
    margin: auto;
}

.develop-way {
    overflow: hidden;
}

.develop-way-img {
    width: 40%;
}

.develop-way-text {
    width: 60%;
    padding-right: 185px;
}

.develop-way .ys-cont1326,
.develop-canon .ys-cont1326 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.develop-way-text-tit {
    margin-top: 20px;
    color: #3EB003;
}

.develop-way-text .std-word2 {
    margin-top: 30px;
}

.develop-way-text .std-word2 p {
    color: #7F7F7F;
}

.develop-way-text-btn {
    margin-top: var(--space50);
}

.develop-main h2 {
    color: #111111;
}

.develop-coop {
    overflow: hidden;
}

.develop-coop h2 {
    text-align: center;
}

.develop-coop-parga {
    width: 93%;
    margin: 32px auto 0;
}

.develop-coop-parga p {
    text-align: center;
    opacity: 0.6;
}

.develop-coop-btn {
    margin-top: var(--space40);
    display: flex;
    justify-content: center;
}

.develop-coop-run {
    margin-top: 60px;
}

.develop-coop-run .home-logo-ul-li::after {
    display: none;
}

.develop-coop-run .hlul-wrap {
    width: 100%;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.develop-coop-run .home-logo-ul-li {
    width: 424px;
    padding: 0 30px;
}

.develop-coop-run .home-logo-li {
    animation: donghua 20s linear infinite;
}

.develop-canon {
    overflow: hidden;
}

.develop-canon-img {
    width: 50%;
}

.develop-canon-text {
    width: 50%;
    padding-right: 117px;
}

.develop-canon-text-tit {
    margin-top: var(--space40);
    color: #7F7F7F;
}

.develop-canon-text-btn {
    margin-top: 60px;
    display: inline-block;
    cursor: pointer;
}

.develop-welfare {
    overflow: hidden;
}

.develop-welfare-parga {
    text-align: center;
    margin-top: 32px;
}

.develop-welfare-parga p {
    opacity: 0.6;
}

.develop-welfare h2 {
    text-align: center;
}

.ys-slick-item:not(:first-child) {
    display: none;
}

.ys-slick-item {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.dwis-li {
    width: 100%;
    padding: 0 25px;
}

.develop-welfare-img-slick {
    margin: 0 -25px;
}

.develop-welfare-img {
    width: 75%;
    margin: 32px auto 0;
}

.dwis-li-img {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}

.dwis-li-img::before {
    content: "";
    width: 100%;
    height: 35%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.dwis-li-img .std-h4 {
    position: absolute;
    width: 100%;
    z-index: 5;
    bottom: 30px;
    left: 0;
    padding: 0 50px;
    color: #fff;
}

.develop-welfare-img-slick .slick-list {
    overflow: visible;
}

/* f10-关于佳通-可持续发展-end */

/* f11-关于佳通-加入我们-start */
.join-main .mod-content {
    padding-top: 72px;
}

.join-us-parga {
    margin-top: var(--space40);
    width: 68.75%;
}

.join-us-parga p {
    color: #7F7F7F;
    margin-bottom: 16px;
}

.join-us-parga p:last-child {
    margin-bottom: 0;
}

.join-us-img {
    margin-top: var(--space40);
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.join-us-img img {
    width: 100%;
}

.join-us {
    padding-bottom: 80px;
    overflow: hidden;
}

.join-list-li {
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

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

.join-list-li .ys-imgbox-cover {
    width: 48%;
    border-radius: 10px;
}

.join-list-li-text {
    width: 52%;
    padding-left: 145px;
}

.join-main .std-h2 {
    color: #111;
}

.join-list-li .std-h2,
.join-list-li .std-h4 {
    text-align: right;
}

.join-list-li .std-h4 {
    color: #111;
    margin-top: 10px;
}

.join-list-li-text .std-word2 {
    margin-top: 32px;
}

.join-list-li-text .std-word2 p {
    color: #7F7F7F;
}

.jllt-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 100px;
}

.join-list-li.on {
    flex-direction: row-reverse;
}

.join-list-li.on .join-list-li-text {
    padding-right: 145px;
    padding-left: 0px;
}

.join-list-li.on .std-h2,
.join-list-li.on .std-h4 {
    text-align: left;
}

.join-list-li.on .jllt-btn {
    justify-content: flex-start;
}

.join-main .develop-welfare-img {
    margin-top: var(--space50);
}

.join-staff {
    overflow: hidden;
}

.join-staff h2 {
    text-align: center;
}

.join-staff-list-li,
.jsll-tp-img {
    width: 50%;
    padding: 0 10px;
}

.join-staff-list,
.jsll-tp {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.jsll-tp-img {
    margin-bottom: 20px;
}

.jsll-tp-img-cont {
    position: relative;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.jsll-tp-img-cont::after {
    content: "";
    width: 100%;
    height: 33%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.jsll-tp-img-cont .std-h4,
.jsll-bt .std-h4 {
    position: absolute;
    width: 100%;
    padding: 0 24px;
    bottom: 20px;
    left: 0;
    z-index: 5;
    color: #fff;
}

.join-staff-list {
    margin-top: var(--space50) !important;
}

.jsll-bt {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}

.jsll-bt::after {
    content: "";
    width: 100%;
    height: 24%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.join-staff-list-li.on {
    display: flex;
    flex-direction: column-reverse;
}

.join-staff-list-li.on .jsll-tp-img {
    margin-bottom: 0px;
    margin-top: 20px;
}

/* f11-关于佳通-加入我们-end */

/* f12-关于佳通-联系我们-start */
.contact-wrap {
    overflow: hidden;
    padding-top: 73px;
}

.contact-wrap h2 {
    color: #111111;
    text-align: center;
}

.contact-wrap-parga {
    color: #7F7F7F;
    text-align: center;
    margin-top: 32px;
}

.contact-wrap-list {
    margin-top: var(--space50);
}

.contact-wrap-cont {
    margin-top: 60px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.cwlu-li {
    width: 25%;
    padding: 0 16px;
}

.cwlu-li:nth-child(4n+1) {
    animation-delay: .4s;
}

.cwlu-li:nth-child(4n+2) {
    animation-delay: .5s;
}

.cwlu-li:nth-child(4n+3) {
    animation-delay: .6s;
}

.cwlu-li:nth-child(4n+4) {
    animation-delay: .7s;
}

.contact-wrap-list-ul {
    margin: 0 -16px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.cwlu-li-cont {
    border-radius: 10px;
    border: 1px solid rgba(125, 116, 115, 0.50);
    width: 100%;
    height: 100%;
    padding: 20px;
}

.cwlu-li-cont .ys-imgbox-cover {
    width: 48px;
    margin: auto;
}

.cwlu-li-cont-tit {
    font-size: var(--font14);
    line-height: var(--line18);
    color: #7F7F7F;
    text-align: center;
    margin-top: 8px;
}

.cwlu-li-cont .std-word1 {
    margin-top: 8px;
    text-align: center;
}

.cwlu-li-cont .std-word1 p {
    color: #111111;
}

.cwlu-li-cont .yftl-ul {
    align-items: center;
    height: 100%;
}

.cwlu-li-cont .yftl-li {
    margin: 0 25px;
    flex-shrink: 0;
}

.contact-wrap-cont-img {
    width: 38%;
    border-radius: var(--radius);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.contact-wrap-cont-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-wrap-cont-form {
    width: 62%;
    padding-right: 20px;
}

.cwcf-box {
    padding: 80px 60px;
    border-radius: var(--radius);
    border: 1px solid rgba(125, 116, 115, 0.20);
    background: #FFF;
    box-shadow: 0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

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

.ys-form-inof-item {
    padding: 0 16px;
    margin-bottom: 30px;
}

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

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

.ys-fii-name {
    color: #111111;
    line-height: var(--line18);
    margin-bottom: 6px;
}

.ys-fii-name span {
    color: #ff2828;
}

.ys-fii-input {
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    height: 45px;
    width: 100%;
}

.ys-fii-input input {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: var(--font14);
    color: #111111;
}

.ys-fii-input input::placeholder {
    color: #7F7F7F !important;
}

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

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

.ys-form-inof-text {
    width: 100% !important;
}

.ys-fii-text {
    width: 100%;
    height: 182px;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
}

.ys-fii-text textarea {
    width: 100%;
    height: 100%;
    font-size: var(--font14);
    color: #111111;
    line-height: 1.5;
    font-family: inherit !important;
    padding: 12px 20px;
}

.ys-fii-text textarea::placeholder {
    font-size: var(--font14);
    color: #666 !important;
    font-family: inherit !important;
}

.ys-form-inof-more {
    width: 100% !important;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

.yfim-ri .hwpm-ri-li {
    width: calc(100% - 48px);
    text-align: center;
}

.yfim-ri .hwpm-le {
    margin-right: 0;
}

.yfim-ri {
    width: 260px;
    margin-top: 38px;
    cursor: pointer;
}

.yfim-le {
    width: calc(100% - 260px);
    padding-right: 45px;
}

.ylcc-img {
    width: 180px;
    cursor: pointer;
}

.ylcc-img img {
    width: 100%;
}

.ylcc-input {
    width: calc(100% - 180px);
    padding-right: 20px;
}

.yfim-le-code-cont {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.ylat-parga p {
    font-size: var(--font14);
    line-height: var(--line18);
    color: #7F7F7F;
}

.ylat-parga p a {
    color: #F9C300;
}

.ylat-parga {
    width: calc(100% - 16px);
    padding-left: 12px;
}

.ylat-btn {
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 4.5px;
}

.ylat-btn img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}

.ylat-btn img:nth-child(2) {
    opacity: 0;
}

.yfim-le-agree-text {
    display: flex;
    align-items: flex-start;
}

.yfim-le-code {
    margin-bottom: 13px;
}

.ys-fii-tips {
    display: none;
    font-size: var(--font14);
    color: #F52424;
    line-height: var(--line15);
    margin-top: 5px;
}

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

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

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

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

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

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

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

.ys-form-inof-item .iconfont {
    font-size: 14px;
}

.ys-fii-select-search .ys-fiiss-core,
.ys-fii-select .ys-select-bd ul {
    padding: 10px 0;
    /* height: calc(var(--font14)* 10 + 20px); */
}

.ys-form-inof-item .ys-select-li {
    font-size: var(--font14);
    line-height: var(--line15);
    color: #111111;
    padding: 0.5em 20px;
    transition: all .4s ease;
}

.ys-form-inof .mCSB_outside+.mCSB_scrollTools {
    right: 0;
    top: 15px;
    bottom: 15px;
}

.ys-form-inof-agree.on .ylat-btn img:nth-child(2) {
    opacity: 1;
}

/* f12-关于佳通-联系我们-end */

/* f8-关于佳通-轮胎知识-start */
.know-list-side {
    width: 15%;
    position: sticky;
    top: 120px;
}

.know-list-text {
    width: 85%;
    padding-left: 120px;
}

.know-list-text-ul {
    overflow: hidden;
}

.know-list .ys-cont1600 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.know-list-side-li .std-word1,
.klsl-bt-li p {
    color: #111111;
    width: calc(100% - 28px);
    transition: all .36s;
}

.klsl-icon {
    width: 28px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    transition: all .36s;
}

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

.know-list-side-li a {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}

.know-list-side-li {
    margin-bottom: 16px;
}

.know-list-side-li.act .klsl-icon {
    background: var(--colormain);
}

.kltu-li {
    margin-bottom: 32px;
    cursor: pointer;
}

.kltu-li-tp-icon {
    display: flex;
    width: 52px;
    height: 52px;
    padding: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--colormain);
}

.kltu-li-tp-icon img {
    width: 100%;
    transition: all .36s;
}

.kltu-li-tp-parga,
.kltu-li-bt {
    width: calc(100% - 52px);
    padding-right: 10px;
}

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

.kltp-tit {
    padding: 10px 32px;
    border-radius: 5px;
    background: rgba(37, 23, 20, 0.05);
    color: #111;
    transition: all .36s;
    line-height: var(--line18);
}

.kltu-li-bt {
    margin-top: 4px;
    display: none;
}

.kltu-li-bt .yxedr-active {
    padding: 24px 32px;
    border-radius: 5px;
    background: #111;
}

.kltu-li-bt p {
    margin-bottom: 10px;
    color: #fff;
}

.kltu-li-bt p a {
    color: var(--colormain);
    display: inline-block;
    position: relative;
    line-height: inherit;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* .kltu-li-bt p a::before{
    content: "";
    width: 100%;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    bottom: 0px;
    left: 0;
} */
.kltu-li.act .kltu-li-tp-icon img {
    transform: rotate(45deg);
}

.kltu-li.act .kltp-tit {
    background: #111111;
    color: #fff;
}

.pc-fenye li {
    /* width: fit-content;
    height: fit-content; */
    border: 1px solid #7F7F7F;
    font-size: var(--font14);
    line-height: 34px;
    color: #7F7F7F;
    margin: 0 16px;
    border-radius: 4px;
}

.pc-fenye li.activepage {
    background: var(--colormain);
    border: 1px solid var(--colormain);
    color: #111111;
}

.first li,
.prev li,
.next li,
.end li {
    background: transparent !important;
    border: 1px solid transparent !important;
}

.kltu-li:last-child {
    margin-bottom: 60px;
}

.know-file {
    overflow: hidden;
}

.know-file-ul {
    margin: 0 -22px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.know-file-ul-li {
    width: 50%;
    padding: 0 22px;
}

.know-file-ul-li .ys-imgbox-cover {
    width: 46%;
}

.know-file-ul-li .ys-imgbox-cover img {
    height: 100%;
    object-fit: cover;
}

.know-file-ul-li:nth-child(2n+1) {
    animation-delay: .2s;
}

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

.kful-text {
    width: 54%;
    padding-left: 10px;
}

.know-file-ul-li a {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.know-file-ul-li .ys-imgbox-cover {
    border-radius: 10px;
    box-shadow: 0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.kful-text-wrap {
    width: 100%;
    height: 100%;
    padding: 30px 40px 20px;
    border-radius: 10px;
    box-shadow: 0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.03), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.kful-text-wrap-parga h2 {
    margin-bottom: 20px;
}

.kful-text-wrap-parga .std-font20 {
    color: #7F7F7F;
}

.klsl-bt-li a {
    display: flex;
    padding: 6px 10px;
    align-items: center;
    border: none;
}

.klsl-bt-li p {
    font-size: var(--font14);
    line-height: var(--line18);
    color: #7F7F7F;
}

.klsl-bt-li {
    margin-bottom: 6px;
}

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

.klsl-bt-li.act p {
    color: #111111;
}

.klsl-bt-li.act .klsl-icon {
    background: var(--colormain);
}

.klsl-bt {
    margin-top: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
    display: none;
}

.know-html,
.know-html body {
    overflow: inherit !important;
}

.klsl-tp-icon {
    width: 24px;
    height: 24px;
    position: relative;
}

.klsl-tp-icon img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}

.know-list-side-li.act .klsl-tp-icon img:nth-child(2) {
    opacity: 0;
}

.know-list-side-li.act .klsl-bt {
    display: block;
}

.klsl-tp .std-word1 {
    width: calc(100% - 24px);
}

.klsl-tp {
    display: flex;
    align-items: center;
    padding: 12px 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}

/* f8-关于佳通-轮胎知识-end */

/* f7-关于佳通-促销活动列表页-start */
.activity-list-ul-li {
    width: 50%;
    padding: 0 27px;
    margin-bottom: 60px;
}

.activity-list-ul-li:nth-child(2n+1) {
    animation-delay: .2s;
}

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

.activity-list-ul {
    margin: 0 -27px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
}

.activity-list-ul-li .ys-imgbox-cover {
    border-radius: 10px;
}

.alul-text {
    margin-top: 12px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.alul-text-parga {
    width: calc(100% - 40px);
    padding-right: 80px;
}

.alul-text-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.10);
    padding: 8px;
    transition: all .36s;
}

.alul-text-btn img {
    width: 100%;
}

.alul-text-parga .std-h4 {
    color: #111111;
    line-height: 1.5;
    height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.alul-text-parga .std-word2 {
    margin-top: 8px;
}

.alul-text-parga .std-word2 p {
    color: #7F7F7F;
    opacity: 0.5;
    transition: all .36s;
    line-height: var(--line18);
    height: 3.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* f7-关于佳通-促销活动列表页-end */

.yftl-code {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.about-enterp .leads-introdu-top {
    width: 100%;
}

.about-enterp-btm {
    width: 100%;
    position: relative;
}

.about-enterp-btm {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.mccr-cry {
    width: 100%;
    position: relative;
}

.mccr-img img,
.mccr-img {
    width: 100%;
}

.about-enterp {
    background: #fff;
    z-index: 10;
    position: relative;
}

.about-lead {
    width: 100%;
    position: relative;
    padding-bottom: 60px;
}

.about-lead-video {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

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

.about-lead-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys-nybanner {
    padding: 20px;
    margin: 0 !important;
    background: #fff;
    position: relative;
    z-index: 10;
    border-radius: 0 !important;
}

.ys-nyban-img {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height: 400px;
    max-height: 440px;
}

.mod-bread {
    position: relative;
    z-index: 10;
    background: #fff;
}

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

.about-lead-wrap {
    width: 100%;
    position: relative;
}

.about-lead-wrap-top .std-h2 {
    color: #fff;
}

.about-lead .ys-cont1600 {
    position: relative;
    z-index: 10;
    min-height: 70vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.about-lead-wrap-top .leads-unders-le-info p {
    color: #fff;
}

.about-lead-wrap-top {
    width: 50%;
}

.alwb-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}

.alwb-li {
    width: 33.333333%;
    padding: 0 30px;
    margin-bottom: 60px;
}

.alwb-wrap {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    padding-top: 20px;
}

.alwb-wrap-tit p {
    font-size: 54px;
    line-height: 1.2;
    color: #F9C300;
    font-family: 'jiatong1';
}

.alwb-wrap-info p {
    color: #fff;
    line-height: 1.6;
}

.alwb-wrap-tit {
    margin-bottom: 4px;
}

.about-networ {
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 10;
}

.about-cooper-le .std-h2 {
    color: #111;
}

.about-cooper-ri-li {
    min-width: 168px;
    text-align: center;
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.10);
    padding: 11px 20px;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.36s;
}

.about-cooper-ri {
    display: flex;
}

.about-cooper-ri-li p {
    color: #111;
    line-height: 1.6;
}

.about-cooper-ri-li.act {
    background: #FFD700;
}

.about-identif {
    background-color: #fff;
    position: relative;
    z-index: 10;
}

.about-identif .competi-addre {
    padding-top: 0 !important;
}

.competi-addre-le .leads-unders-le-info p {
    margin-bottom: 16px;
}

.competi-addre-ri .ys-imgbox-cover {
    border-radius: 20px;
}

.about-identif .competi-addre-le {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 140px;
    padding-right: 80px;
}

.about-identif-ul-li {
    width: 50%;
    padding: 0 10px;
    text-align: center;
}

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

.aiul-link {
    width: 100%;
    display: block;
    background: #FFD700;
    border-radius: 4px;
    padding: 10px 20px;
    transition: all 0.36s;
}

.about-identif .leads-unders-le-info {
    margin-bottom: 32px;
}

.about-history {
    width: 100%;
    position: relative;
    border-radius: 20px 20px 0px 0px;
    background: #222;
    z-index: 10;
    margin-top: -15px;
}

.about-history-desz {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1920px;
}

.about-history-desz img {
    width: 100%;
}

.about-history .ys-cont1440 {
    position: relative;
    z-index: 10;
}

.about-history-tit .std-h2 {
    text-align: center;
    color: #FFD900;
}

.about-history-tit {
    padding-bottom: 120px;
}

.about-history-btm {
    width: 100%;
    position: relative;
}

.about-history-btm-li {
    width: 100%;
}

.ahbl-wrap {
    width: 50%;
    padding-right: 115px;
    position: relative;
}

.ahbl-wrap-tit .std-h2 {
    color: #fff;
    font-family: 'jiatong1';
    transition: all 0.36s;
}

.ahbl-wrap-info p {
    color: #fff;
    line-height: 1.6;
    position: relative;
    padding-left: 28px;
    display: inline-block;
}

.ahbl-wrap-info p::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 12px;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
}

.ahbl-wrap-img {
    border-radius: 10px;
}

.ahbl-wrap-info {
    margin-bottom: 24px;
}

.ahbl-wrap-tit {
    position: absolute;
    top: -20px;
    right: -57.5px;
}

.ahbl-wrap-tit span {
    width: 1px;
    height: 120px;
    background: #fff;
    position: absolute;
    top: calc(100% + 24px);
    left: 50%;
    transform: translateX(-50%);
    display: block;
    transition: all 0.36s;
}

.ahbl-wrap-tit span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -2.5px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    transition: all 0.36s;
}

.about-history-btm-li:nth-child(odd) {
    text-align: right;
}

.about-history-btm-li:nth-child(2n) {
    display: flex;
    justify-content: flex-end;
}

.about-history-btm-li:nth-child(2n) .ahbl-wrap {
    padding-left: 115px;
    padding-right: 0;
}

.about-history-btm-li:nth-child(2n) .ahbl-wrap-tit {
    right: auto;
    left: -57.5px;
}

.ahbl-wrap-img {
    width: 440px;
    max-width: 100%;
}

.about-history-btm-li:nth-child(odd) .ahbl-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.about-history-btm-li {
    margin-top: -60px;
}

.about-history-btm-li:first-child {
    margin-top: 0;
}

.about-history-btm-li.act .ahbl-wrap-tit .std-h2 {
    color: #FFD900;
}

.about-history-btm-li.act .ahbl-wrap-tit span::after,
.about-history-btm-li.act .ahbl-wrap-tit span {
    background: #FFD900;
}

.platfo-team {
    width: 100%;
    position: relative;
}

.platfo-team-wrap {
    width: calc(100% + 80px);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.platfo-team-le-tit .std-h2 {
    color: #111;
    line-height: 1.2;
    font-weight: 500;
}

.platfo-team-le-info p {
    color: #111;
    /* font-weight: 300; */
    line-height: 1.6;
}

.platfo-team-le-tit {
    margin-bottom: 30px;
}

.platfo-team-le-info {
    margin-bottom: 67px;
    padding-right: 73px;
}

.platfo-team-le {
    width: 34.5%;
}

.platfo-team-ri {
    width: 65.5%;
    padding-left: 40px;
}

.platfo-team-ri img {
    width: 100%;
}

.platfo-team-le .alwb-wrap {
    border-top-color: rgba(35, 24, 21, 0.2);
}

.platfo-team-le .alwb-wrap-info p {
    color: #111;
}

.platfo-team-le .alwb-li {
    width: 50%;
    padding: 0 16px;
    margin-bottom: 32px;
}

.platfo-team-le .alwb-ul {
    margin: 0 -16px;
}

.platfo-team-le .alwb-wrap-tit p {
    font-size: 36px;
}

.platfo-team-le .alwb-wrap-info p {
    font-size: 14px;
}

.platfo-platfo {
    width: 100%;
    position: relative;
    height: 300vh;
}

.platfo-platfo-wrap {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
}

.platfo-platfo-wrap-li {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-platfor-wrap-more {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.platfo-platfo-wrap .home-platfor-imh {
    left: 0;
    transform: none;
}

.platfo-platfo-wrap-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.platfo-platfo-wrap-swiper .swiper-wrapper {
    height: 100%;
}

.platfo-platfo-wrap-li {
    height: 100%;
}

.platfo-platfo-wrap-li {
    width: 100% !important;
}

.platfo-platfo-wrap-li:nth-child(2) .home-platfor-imh {
    background: #222;
}

.platfo-compet {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.platfo-compet-desz {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.platfo-compet-desz img {
    width: 100%;
}

.platfo-compet-tit .std-h2 {
    text-align: center;
    color: #111;
    line-height: 1.2;
    font-weight: 500;
}

.platfo-compet-btm {
    width: 100%;
    perspective: 780px;
    position: relative;
}

.pcbs-li-wrap {
    width: 100%;
    display: block;
    position: relative;
}

.platfo-compet-btm-swiper {
    width: 1040px;
    margin: 0 auto;
    position: relative;
}

.pcbs-li {
    width: 100%;
    padding: 0 50px;
    transition: all 0.36s;
    cursor: pointer;
}

.pcbs-li-wrap .ys-imgbox-cover {
    border-radius: 10px;
}

.pcbs-li-wrap .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 170px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.platfo-compet-tit {
    margin-bottom: 100px;
}

.pcbs-li-wrap-posit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.pcbs-li .libr-wrap-posit {
    padding: 32px 50px;
    transition: all 0.36s;
    opacity: 0;
}

.pcbs-li .libr-wrap-posit-le {
    width: 86%;
}

.pcbs-li.swiper-slide-prev {
    transform: rotate3d(-1, 0, 2, 26deg);
}

.pcbs-li.swiper-slide-active .libr-wrap-posit {
    opacity: 1;
}

.pcbs-li.swiper-slide-next {
    transform: rotate3d(1, 0, 2, -26deg);
}

.pcbs-li-wrap {
    transform: scale(0.6) translateY(-380px);
    pointer-events: none;
}

.pcbs-li.swiper-slide-active .pcbs-li-wrap {
    transform: scale(1) translateY(0px);
    pointer-events: all;
}

.platfo-compet-btm .eatr-arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.platfo-compet-btm .eatr-ri {
    margin-left: 0 !important;
    right: -38px;
}

.platfo-compet-btm .eatr-le {
    left: -38px;
}

.platfo-brand {
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
}

.platfo-brand-top {
    width: 100%;
    text-align: center;
    margin-bottom: 52px;
}

.platfo-brand-top-tit .std-h2 {
    color: #111;
}

.platfo-brand-top-info p {
    color: #111;
    line-height: 1.6;
}

.platfo-brand-top-switc {
    width: 100%;
    display: flex;
    justify-content: center;
}

.platfo-brand-top-info {
    margin-bottom: 40px;
}

.platfo-brand .about-cooper-btm-li::after,
.platfo-brand .about-cooper-btm-li::before {
    display: none;
}

.court-introdu {
    width: 100%;
    position: relative;
}

.court-introdu-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.court-introdu-le {
    width: 48.5%;
    position: relative;
}

.court-introdu-le .ys-imgbox-cover {
    border-radius: 10px;
}

.court-introdu-le-desz {
    width: 66px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.court-introdu-le-desz img {
    width: 100%;
}

.court-introdu-ri {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 59%;
    z-index: 10;
    border-radius: 10px;
    background: #FFD700;
    padding: 60px;
    overflow: hidden;
    z-index: 1;
}

.court-introdu-ri p {
    color: #111;
    line-height: 1.6;
    margin-bottom: 15px;
}

.court-introdu-ri p:last-child {
    margin-bottom: 0;
}

.court-introdu-ri-desz {
    position: absolute;
    top: 0;
    right: 0;
    width: 218px;
    z-index: -1;
}

.court-introdu-ri-desz img {
    width: 100%;
}

.court-select-desz {
    width: 100%;
    position: relative;
}

.court-select-desz img {
    width: 100%;
}

.court-select {
    width: 100%;
    position: relative;
}

.court-select .ys-cont1600 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.court-select-tit .std-h1 {
    color: #FFD700;
    line-height: 1.2;
    font-weight: 600;
}

.court-select-tit {
    width: 100%;
    text-align: center;
}

.court-series-ul {
    width: 100%;
}

.court-series-ul-li {
    width: 100%;
    position: relative;
}

.csul-top {
    width: 100%;
    position: relative;
    margin-bottom: 40px !important;
}

.csul-btm {
    width: 100%;
    position: relative;
    padding: 74px 0;
    z-index: 1;
}

.csul-btm::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.event-page .mod-bread {
    padding-top: 12px;
}

.csul-top {
    width: 75%;
    margin: 0 auto;
    text-align: center;
}

.csul-top .leads-unders-le-tit {
    margin-bottom: 32px;
}

.csul-top .leads-unders-le-info {
    margin-bottom: 40px;
}

.csul-top .leads-unders-le-more {
    display: flex;
    justify-content: center;
}

.csul-slick {
    width: 100%;
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
}

.csul-slick-ul-li {
    width: 25%;
    display: none;
}

.csul-slick-ul-li:first-child {
    display: block;
}

.csul-slick-ul-li .ys-imgbox-cover {
    -webkit-mask-size: var(--width) var(--height);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-image: url(/images/d4_zz_01.svg);
    mask-image: url(/images/d4_zz_01.svg);
}

.csul-slick-widge .slick-btn-item {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.csul-slick-widge .slick-btn-item:nth-child(1) {
    left: 0;
}

.csul-slick-widge .slick-btn-item:nth-child(2) {
    right: 0;
}

.csul-btm-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.csul-btm-cen {
    width: 23.5%;
}


.csul-btm-le img {
    width: 100%;
}

.csul-btm-le {
    width: 24.5%;
}

.csul-btm-ri-info p {
    color: #fff;
}

.csul-btm-ri {
    width: 31.5%;
}

.csul-btm-ri-info {
    margin-bottom: 40px;
}

.court-page .ys-footer {
    margin-top: -30px;
}

.find-query {
    width: 100%;
    position: relative;
    padding: 18px 0;
    z-index: 15;
    /* overflow: hidden; */
    z-index: 15;
}

.find-query::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: -1;
}

.find-query-wrap {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.find-query-wrap-positio {
    /* width: 45px; */
    cursor: pointer;
}

.find-query-wrap-query {
    /* padding-left: 20px; */
    display: flex;
    align-items: center;
}

.find-query-wrap-positio img {
    width: 100%;
}

.fqwq-info p {
    color: #fff;
    line-height: 1.8;
}

.ys-fiiss-core .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--vicolor);
}

.find-query-wrap .ys-form-inof-item {
    margin-bottom: 0 !important;
}

.find-query-wrap .ys-select {
    background: #fff;
    border-radius: 4px;
    /* width: 290px; */
}

.find-query-wrap .ys-form {
    padding-left: 12px;
}

.find-query-wrap .ys-form-inof {
    margin: 0 -10px;
}

.find-query-wrap .ys-form-inof-item {
    padding: 0 10px;
}

.find-query-wrap .ys-select-bd {
    border-radius: 4px;
}

.find-query-wrap-word {
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.find-query-wrap-word .ys-fii-input {
    background: #fff;
    border-radius: 4px;
    /* width: 290px; */
}

.find-query-wrap-word .fqwq-info {
    padding-right: 20px;
}

.find-query-wrap input {
    font-size: 16px;
}

.fqwq-btn {
    border-radius: 4px;
    background: #FFD900;
    padding: 8px 32px;
    cursor: pointer;
    margin-left: 20px;
}

.fqwq-btn p {
    color: #111111;
    font-size: 16px;
    line-height: 1.8;
}

.find-map {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.find-query {
    position: relative;
    width: 100%;
}

.find-contain {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.find-addre {
    width: 100%;
    position: relative;
    z-index: 10;
    pointer-events: none;
}

.find-addre-wrap {
    width: 653px;
    background: #FFF;
    position: relative;
    transition: all 0.36s;
    pointer-events: all;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
}

.find-addre-wrap.act {
    transform: translateX(-100%);
}

.find-addre-wrap-top {
    width: 100%;
    position: relative;
    padding: 48px 30px 24px;
}

.fawt-li {
    width: 50%;
    padding: 0 6px;
}

.fawt-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.fawt-li .ys-select {
    border-radius: 4px;
    background: rgba(37, 23, 20, 0.05);
    height: 45px;
}

.fawt-li .ys-select-hd {
    padding: 0 24px;
}

.fawt-li .ys-select-hd input {
    font-size: 16px;
}


.find-query-wrap input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #7D7473;
}

.find-query-wrap input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #7D7473;
}

.find-query-wrap input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #7D7473;
}

.find-query-wrap input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #7D7473;
}


.fawt-li input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #7F7F7F;
}

.fawt-li input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #7F7F7F;
}

.fawt-li input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #7F7F7F;
}

.fawt-li input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #7F7F7F;
}

.fawt-li .ys-select-bd {
    padding: 24px;
}

.fawt-li .ys-select-li {
    font-size: 14px;
    line-height: 1.5;
    color: #111;
    margin-bottom: 10px;
}

.fawt-li .ys-select-li:last-child {
    margin-bottom: 0 !important;
}

.find-addre-wrap-cener p {
    color: #111;
    line-height: 1.8;
}

.find-addre-wrap-cener {
    width: 100%;
    padding: 8px 30px;
    border-top: 1px solid rgba(108, 118, 118, 0.20);
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}

.find-addre-wrap-cener span {
    color: var(--vicolor);
    padding-right: 5px;
}

.find-addre-wrap-btm {
    width: 100%;
    position: relative;
    padding-right: 57px;
    height: 740px;
}

.fawb-ul {
    width: 100%;
}

.fawb-li {
    width: 100%;
    padding: 24px 30px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}


.fawb-li::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #FFD500;
    transition: all 0.36s;
    opacity: 0;
}

.fawb-li.act::after {
    width: 100%;
    opacity: 1;
}

.fawb-li.on::after {
    background: #005CA5;
}

.fawb-li-tit p {
    color: #111;
    line-height: 1.6;
}

.fawb-li-positi img {
    width: 24px;
    margin-top: 3px;
}

.fawb-li-positi p {
    color: #7F7F7F;
    line-height: 1.8;
    padding-left: 8px;
}

.fawb-li-positi {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 24px;
}

.fawb-li-tit {
    margin-bottom: 4px;
}

.fawb-li-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.fawb-li-ul-li {
    border-radius: 4px;
    padding: 0 16px;
    background: #F3F3F3;
    margin-right: 4px;
}

.fawb-li-ul-li p {
    color: #111;
    line-height: 1.8;
}

.fawb-li-btm .mpul-box-btn {
    padding-top: 0 !important;
}

.fawb-li-btm {
    width: 373px;
}

.mod-btn2-item .mod-btn2-ri {
    cursor: pointer;
}

.fawb-li.on .mod-btn2-le {
    background: #005CA5;
}

.fawb-li.on .mod-btn2-le p {
    color: #fff;
}

.find-addre-wrap-btm .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: var(--vicolor);
}

.find-addre-wrap-btm .mCSB_outside+.mCSB_scrollTools {
    right: 20px;
}

.find-addre-wrap-btm .mCSB_scrollTools {
    height: 92%;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}

.fawt-li .ys-select-bd {
    max-height: 180px;
}

.fawt-li .mCSB_outside+.mCSB_scrollTools {
    right: 0px;
}

.fawt-li .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--vicolor) !important;
}

.find-addre-fold {
    width: 40px;
    height: 80px;
    background: #fff;
    border-radius: 0 8px 8px 0;
    position: absolute;
    top: 100px;
    cursor: pointer;
    left: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.find-addre-fold img {
    width: 8px;
    transition: all 0.36s;
}

.find-addre-wrap.act .find-addre-fold img {
    transform: rotate(180deg);
}

.ys-form-inof-item .ys-fiiss-core {
    height: 170px;
}

.find-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: none;
}

.find-pop-wrap {
    width: 660px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 5px;
    padding: 64px 40px 40px;
}

.find-pop-wrap .ys-form-inof-btn {
    margin-bottom: 0 !important;
}

.find-pop-wrap .addr-cry-le-foot {
    padding-top: 0 !important;
    padding-right: 0 !important;
}

.addr-cry-ri-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.passion-page .ys-nybanner {
    padding: 0 !important;
}

.passion-page .ys-nyban-img {
    border-radius: 0 !important;
}

.passion-page .ys-nyban-img::after {
    height: 100%;
    opacity: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, #000 100%);
}

.passion-page .ys-nybanner .ys-nyban-title {
    bottom: auto;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.passion-point {
    width: 100%;
    position: relative;
    border-radius: 4px;
    background: rgba(73, 73, 73, 0.10);
    background: color(display-p3 0.2866 0.2866 0.2866 / 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 20;
    margin-top: -128px;
}

.passion-point-li-iocn {
    width: 36px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.passion-point-li-info p {
    color: #fff;
    line-height: 1.8;
    text-align: center;
}

.passion-point-ul {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.passion-point-li {
    min-width: 128px;
    padding: 0 30px;
    cursor: pointer;
}

.passion-use {
    width: 100%;
    position: relative;
    height: 200vh;
}

.passion-use-wrap {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #000 0%, #000 100%);
    position: sticky;
    top: 0;
    left: 0;
}

.passion-use-wrap-tit .std-h2 {
    color: #FFD700;
    line-height: 1.2;
    font-weight: 500;
}

.passion-use-wrap .ys-cont1600 {
    text-align: center;
    position: relative;
    z-index: 10;
}

.passion-use-wrap-info p {
    color: #fff;
    line-height: 1.6;
}

.passion-use-wrap-tit {
    margin-bottom: 32px;
}

.passion-use-wrap-cont {
    width: 942px;
    max-width: 100%;
    margin: 0 auto;
}

.passion-use-wrap-cont .hpbl-wrap-le {
    width: 100%;
    justify-content: center;
}

.passion-use-wrap-info {
    margin-bottom: 60px;
}

.passion-use-wrap-cont .hptb-li {
    margin: 0 6px;
}

.passion-use-wrap-cont .hptb-li-link {
    min-width: 234px;
    text-align: center;
    display: block;
}

.passion-use-wrap .mod-bread {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    background: transparent;
}

.passion-use-wrap-desz {
    width: 54%;
    position: absolute;

}

.passion-use-wrap-desz1 {
    top: 36%;
    left: 0;
}

.passion-use-wrap-desz2 {
    bottom: 36%;
    right: 0;
}

.passion-use-wrap-desz2 img {
    transform: rotate(180deg);
}

.passion-use-wrap-desz img {
    width: 100%;
}

.passion-use-wrap-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.puwv-wrap {
    width: 100%;
    height: 0%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.puwv-wrap img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

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

.puwv-wrap video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
}

.passion-opportu {
    width: 100%;
    position: relative;
    padding-left: 60px !important;
    padding-right: 60px !important;
    max-width: 1920px;
    margin: 0 auto;
}

.passion-page {
    background: #000;
}

.passion-opportu-tit {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

.passion-opportu-tit .std-h2 {
    color: var(--vicolor);
}

.passion-opportu-btm {
    width: 100%;
    position: relative;
}

.passion-opportu-btm-expand {
    display: flex;
    margin: 0 -6px;
    margin-bottom: 29px;
}


.pobe-li {
    padding: 6px;
    width: 50%;
    transition: all 0.36s;
}

.pobe-wrap {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    cursor: pointer;
}

.pobe-wrap-img {
    width: 100%;
    height: 665px;
    position: relative;
}

.pobe-wrap-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.pobe-wrap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pobe-wrap-posit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
    padding: 80px 40px;
}

.pobe-wrap-posit-icon {
    width: 36px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.pobe-wrap-posit-icon img {
    width: 100%;
}

.pobe-wrap-posit-tit .std-h2 {
    color: #fff;
}

.pobe-wrap-posit-info p {
    color: #fff;
    line-height: 1.8;
}

.pobe-wrap-posit-tit {
    margin-bottom: 24px;
}

.pobe-wrap-posit-more {
    width: 100%;
    display: flex;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transition: all 0.36s;
}

.pobe-wrap-posit-info {
    margin-bottom: 40px;
}

.pobe-li.act {
    width: 78%;
    flex: none;
}

.pobe-li.act .pobe-wrap-posit-more {
    pointer-events: all;
    opacity: 1;
}

.passion-opportu-btm-ul {
    width: 100%;
    position: relative;
}

.pobu-li {
    width: 100%;
    position: relative;
    display: none;
}

/* .pobu-li:first-child {
    display: block;
} */

.pobu-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.pobu-wrap-le {
    width: 78%;
}

.pobu-wrap-ri {
    width: 22%;
}

.pwlu-li {
    width: 25%;
    padding: 0 5px;
    display: none;
}

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

.pobu-wrap-le-ul {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}

.pwlu-link {
    width: 100%;
    position: relative;
    display: block;
}

.pwlu-link .ys-imgbox-cover {
    border-radius: 10px;
}

.pwlu-link .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    opacity: 0.5;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.pwlu-link-posit {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 20px;
    padding-right: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pwlu-link-posit-info p {
    color: #fff;
}

.pwlu-link-posit-more {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.pwlu-link-posit-more img {
    width: 36px;
}

.pobu-wrap-ri {
    display: flex;
}

.passion-opportu .pobu-wrap-ri {
    padding-left: 50px;
}

.pobu-wrap-ri .eatr-arr {
    width: 48px;
}

.eatr-ri svg {
    transform: rotate(180deg);
}

.pobu-wrap-ri svg path {
    transition: all 0.36s;
}

.pobu-wrap-ri .eatr-arr {
    border: 1px solid #fff;
}

.passion-wrc {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pwwl-img {
    width: 540px;
    margin: 0 15px;
}

.passion-wrc-wall {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%) rotate(-25deg) scale(1.3);
}

.passion-wrc-wall-li {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}

.pwwl-ul {
    display: flex;
}

.passion-wrc-wall-li1 {
    transform: translateX(-12%);
}

.passion-wrc-wall-li2 {
    transform: translateX(12%);
}

.passion-wrc::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    z-index: 10;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.passion-wrc::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    z-index: 10;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.passion-wrc-cont {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.passion-wrc-cont::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.passion-arran {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.passion-arran .techno-improv-top-tit .std-h2 {
    color: #FFD900;
}

.passion-arran .techno-improv-top-info p {
    color: #fff;
}

.passion-arran-btm {
    width: 100%;
    position: relative;
}

.pabs-li {
    width: 640px !important;
    position: relative;
}

.pabs-li .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 95%);
    opacity: 0.7;
}

.pabs-li-posit {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 24px 40px;
}

.pabs-li-posit-tit p {
    color: #fff;
}

.pabs-li-posit-tit {
    margin-bottom: 16px;
}

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

.plpu-li img {
    width: 20px;
    margin-top: 5px;
}

.plpu-li p {
    color: var(--vicolor);
    padding-left: 12px;
}

.pabs-li-posit-ul {
    display: flex;
    flex-wrap: wrap;
}

.plpu-li {
    margin-right: 50px;
}

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


.pabs-link {
    width: 100%;
    display: block;
    position: relative;
}

.pabs-li .ys-imgbox-cover {
    -webkit-mask-size: var(--width) var(--height);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-image: url(/images/d1_zz_01.svg);
    mask-image: url(/images/d1_zz_01.svg);
}

.pabs-li:first-child {
    margin-left: 0px;
}

.pabs-li {
    margin-left: -80px;
}

.passion-arran-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
}

.passion-arran-desz img {
    width: 100%;
}

.pabw-line {
    width: 100%;
    height: 2px;
    position: relative !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 4px;
}

.passion-arran-btm-widget {
    display: flex;
    align-items: center;
}

.passion-arran-btm-widget .pobu-wrap-ri {
    flex: none;
    padding-left: 50px !important;
    width: auto;
}

.passion-arran-btm-widget .swiper-pagination-progressbar-fill {
    position: relative;
    background: var(--vicolor) !important;
}

.passion-arran-btm-swiper {
    margin-bottom: 50px;
}

.passion-fixed {
    width: 100%;
    position: relative;
}

.passion-recomm {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
}

.passion-recomm-wrap-tit .std-h2 {
    color: var(--vicolor);
}

.passion-recomm-wrap-tit {
    text-align: center;
}

.passion-recomm-btm .mute-prod-ul {
    overflow: hidden;
}

.passion-recomm-btm {
    width: 100%;
    padding-left: 83px;
    padding-right: 83px;
    position: relative;
}

.passion-recomm-btm .mpul-box-img {
    width: 56%;
}

.passion-recomm-btm .mpul-box-text p {
    max-height: 3.5em;
    -webkit-line-clamp: 2;
}

.passion-recomm-btm .mpul-box-btn {
    padding-top: 70px;
}

.passion-recomm-btm-more {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.prbm-link {
    display: block;
    position: absolute;
    border: 1px solid var(--vicolor);
    color: var(--vicolor);
    line-height: 54px;
    min-width: 234px;
    text-align: center;
    border-radius: 4px;
    transition: all 0.36s;
}

.passion-recomm-btm .eatr-arr {
    position: absolute;
    top: calc(50% + 15px);
    transform: translateY(-50%);
    z-index: 10;
}

.passion-recomm-btm .eatr-le {
    left: 0;
}

.passion-recomm-btm .eatr-ri {
    right: 0;
}

.passion-news {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.passion-news-top {
    width: calc(100% + 480px);
    display: flex;
    flex-wrap: wrap;
}

.passion-news-le .leads-unders-le-tit .std-h2 {
    color: var(--vicolor);
}

.passion-news-le .leads-unders-le-info p {
    color: #fff;
}

.passion-news-le {
    width: 23%;
    padding-right: 50px;
}

.passion-news-ri {
    width: 77%;
    overflow: hidden;
    padding-left: 60px;
}

.pnrs-li {
    width: 400px !important;
    margin-left: -40px;
}

.pnrs-li:first-child {
    margin-left: 0 !important;
}

.pnrs-link {
    width: 100%;
    display: block;
    position: relative;
}

.pnrs-link .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 95%);
    opacity: 0.7;
}

.pnrs-link-posit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 34px 40px;
    padding-right: 80px;
}

.pnrs-link-posit-time p {
    color: var(--vicolor);
    line-height: 1.6;
}

.pnrs-link-posit-tit p {
    color: #fff;
}

.pnrs-link-posit-time {
    margin-bottom: 8px;
}

.pnrs-li .ys-imgbox-cover {
    -webkit-mask-size: var(--width) var(--height);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-image: url(/images/d1_zz_02.svg);
    mask-image: url(/images/d1_zz_02.svg);
}

.passion-news-ri-swiper {
    margin-bottom: 16px;
    width: 100%;
}

.pnrs-li .pnrs-link {
    transition: all 0.36s;
    /* transition-delay: 0.3s; */
}

.pnrs-li.swiper-slide-prev .pnrs-link {
    opacity: 0;
}

.passion-news-ri .passion-arran-btm-widget {
    width: calc(100% - 430px);
    transform: translateX(-40px);
}

.passion-news-btm {
    width: 100%;
    position: relative;
}

.passion-news-btm-tit {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.passion-news-btm-tit .std-h3 {
    color: #FFD700;
    position: relative;
    padding: 0 25px;
}

.passion-news-btm-tit .std-h3::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 395px;
    height: 1px;
    background: linear-gradient(270deg, rgba(255, 217, 0, 0) 0%, #FFD700 100%);
}

.passion-news-btm-tit .std-h3::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 395px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 217, 0, 0) 0%, #FFD700 100%);
}

.passion-news-btm-lamp {
    width: 100%;
    position: relative;
    display: flex;
}

.pnbl-li {
    width: 240px;
    margin-right: 48px;
}

.pnbl-li .ys-imgbox-cover {
    border-radius: 10px;
}

.pnbl-ul {
    display: flex;
    flex: none;
    animation: donghua 40s linear infinite;
}

.pnbl-li {
    flex: none;
}

.passion-page .ys-footer {
    background: #000;
}

.passion-page .ys-footer-top-ul {
    border-bottom: none;
    position: relative;
}

.passion-page .ys-footer-top-ul::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(244deg, rgba(255, 255, 255, 0) 0%, rgba(255, 217, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.passion-page .ys-footer-top-ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(244deg, rgba(255, 255, 255, 0) 0%, rgba(255, 217, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
}


.passion-page .ys-footer-top-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 116px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 217, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
    right: 0;
}

.about-cooper-btm {
    width: 100%;
    position: relative;
}

.about-cooper-btm-li {
    width: 100%;
    position: relative;
    display: none;
}

.about-cooper-btm-li:first-child {
    display: block;
}

.acbl-wrap:nth-child(1) {
    margin-top: 0;
}

.acbl-wrap {
    margin-top: -17px;
}

.acbl-wrap {
    width: 100%;
    flex: none;
    display: flex;
}

.acbl-li {
    display: flex;
    flex: none;
    animation: donghua 30s linear infinite;
}

.acbl-logo {
    width: 120px;
    flex: none;
    margin: 0 46px;
}

.acbl-wrap:nth-child(2n) .acbl-li {
    animation: donghuak 30s linear infinite;
}

@keyframes donghuak {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.eatr-arr.slick-disabled {
    opacity: 0.6;
}

.maul-ri-img {
    border-radius: 5px;
}

.fwwt-scroll .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.fwmu-li-bom-ul .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--vicolor) !important;
}

.fwmu-li:nth-child(1) {
    z-index: 25;
}

.fwmu-li:nth-child(2) {
    z-index: 24;
}

.fwmu-li:nth-child(3) {
    z-index: 23;
}


.fwmu-li:nth-child(4) {
    z-index: 22;
}

.fwmu-li:nth-child(5) {
    z-index: 21;
}


.find-warp-way {
    position: relative;
    z-index: 10;
}

.find-warp-mode {
    z-index: 5;
}

.fwsm-ul-li-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fuls-li:first-child .fuls-li-box {
    padding-top: 22px;
}

.rclp-bom-li {
    padding: 8px 0;
}

.green .head-ri-btn-icon {
    border-color: #DAE000;
}

.dblb-li.inactive::after {
    height: 0;
    transition: none;
}

.ys-nybanner2 .mod-bread {
    position: absolute;
    top: 16px;
    left: 0;
    background: transparent;
    width: 100%;
}

.deta-vedio-cry-wrap {
    width: calc(100% + 560px);
    overflow: hidden;
}

.deta-vedio-cry {
    width: 52.5%;
}

.deta-vedio {
    max-width: 100%;
}

.adaptation-main .mod-bread {
    padding-top: 16px;
}

.ener-prod-head-ph {
    display: none;
}

.summ-bran-ul-li {
    border-top: none;
    border-right: none;
}

.summ-bran-ul-li:nth-child(1),
.summ-bran-ul-li:nth-child(2),
.summ-bran-ul-li:nth-child(3),
.summ-bran-ul-li:nth-child(4) {
    border-top: 1px solid rgba(37, 23, 20, 0.10);
}

.summ-bran-ul-li:nth-child(4n) {
    border-right: 1px solid rgba(37, 23, 20, 0.10);
}

.summ-bran-ul-li:last-child {
    border-right: 1px solid rgba(37, 23, 20, 0.10);
}

.saul-box-word {
    padding-left: 10px;
    padding-right: 10px;
}

.passion-point {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.46s;
}

.passion-point.acty {
    top: 94px;
}

.passion-point-li::before {
    display: none;
}

.pobu-li .pobe-wrap {
    display: none;
}

.platfo-brand-top-tit {
    margin-bottom: 30px;
}

.mccr-vedio video {
    height: 100%;
    object-fit: cover;
}

.about-history .ys-cont1560 {
    position: relative;
    z-index: 10;
}

.about-history-tit {
    padding-bottom: 64px;
}

.deul-box .dbwl-text p {
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.ndetails-main .ys-nybanner .ys-nyban-title {
    bottom: 55px;
}

.ndet-cry-ri .deul-box-word {
    margin-top: 10px;
}

.activity-list-ul-li a {
    display: block;
    width: 100%;
}

.alul-text-btn img {
    transition: all 0.36s;
}

.alul-text-parga .std-h4 {
    transition: all 0.36s;
}

.activity-list-fenye {
    width: 100%;
    display: flex;
    justify-content: center;
}

.know-main .class-ul-li {
    width: 19%;
}

.sblu-li a {
    display: flex;
}

.sblu-li-text p {
    font-size: 16px;
    line-height: 1.5;
    color: #111;
}


/* .ys_phnav6_wrap {
    background: #ffffff;
} */

.ys_phnav6_wrap_ul {
    display: flex;
    flex-direction: column;
}

.ys_p6wu_li {
    width: 100%;
    cursor: pointer;
}

.ys_p6wu_li_box {
    width: 100%;
    position: relative;
}

.ys_p6wu_li_box::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c9c9c9;
}

.ys_p6wu_li_box a {
    width: auto;
    display: inline-block;
}

/* .ys_p6wulb_text {
    width: 100%;
} */

.ys_p6wulb_text p {
    width: 80%;
    font-size: 18px;
    line-height: 50px;
    color: #333;
    /* font-weight: bold; */
    /* text-overflow: clip;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    pointer-events: none;
    white-space: nowrap; */
    white-space: nowrap;
}

.ys_p6wu_li_box::after {
    content: "\e7b2";
    position: absolute;
    top: 20px;
    right: 0;
    transform: rotate(0deg);
    font-family: "iconfont" !important;
    transition: all .36s;
    font-size: 16px;
}

.ys_p6wulb_hide {
    display: none;
    padding-top: 10px;
}

.ys_pbhu_li a {
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    margin-bottom: 10px;
}

.ys_p6wu_li_box.on::after {
    transform: rotate(180deg);
}

.ys_phnav6_wrap_btm {
    display: flex;
    flex-direction: column;
}

.ys_p6wbsb_code {
    display: none;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    background: #fff;
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.ys_p6wbsb_code img {
    width: 100%;
    border-radius: 6px;
}

.ys_phnav6_wrap_btm {
    width: 100%;
    margin-top: 80px;
}

.ys_p6wb_share {
    width: 70px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.ys_p6wb_share_box {
    width: 30px;
    cursor: pointer;
    position: relative;
}

.ys_p6wb_tit {
    text-align: center;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    margin-bottom: 20px;
}

.ys_phnav6_wrap_text p {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 1.75;
}

.ys_phnav6_wrap_text p span {
    color: #333;
    font-size: 14px;
    line-height: 1.75;
}

.ys_phnav6_wrap_text p a {
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    line-height: 1.75;
}

.ys_p6wb_ul {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.ys_p6wb_ul_li {
    margin-right: 10px;
}

.ys_p6wb_ul_li a {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    display: block;
}

.ys_phnav6_wrap_text {
    margin-top: 50px;
    margin-bottom: 15px;
}

.ys_p6wulb_text a {
    display: block;
}

.platfo-platfo-wrap .home-platfor-imh {
    left: 50%;
    transform: translateX(-50%);
}

.platfo-platfo-wrap-li {
    overflow: hidden;
    position: relative;
}

/* 响应式 */
@media screen and (max-width: 480px) {
    .ys_p6wulb_text p {
        font-size: 16px;
        line-height: 40px;
    }

    .ys_p6wulb_text::after {
        font-size: 14px;
    }

    .ys_phnav6 {
        width: 100%;
        padding: 40px 20px 0;
    }

    .ys_pbhu_li a {
        font-size: 14px;
    }

    .ys_phnav6_wrap_btm {
        margin-top: 50px;
    }


    .ys_p6wb_share_box {
        width: 24px;
    }

    .ys_p6wb_tit {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .ys_p6wb_ul_li a {
        font-size: 14px;
    }

    .ys_phnav6_wrap_text {
        margin-top: 30px;
    }

    .ys_p6wu_li_box::after {
        top: 15px;
        font-size: 14px;
    }

    .ys_p6wu_li_box::before {
        top: 40px;
    }

    .ys_p6wbsb_code {
        width: 90px;
        height: 90px;
        bottom: 40px;
    }
}

.ys_phnav6_wrap {
    display: none;
}

a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .1) !important;
}

.ys-phnav-menubtn {
    width: 24px;
    height: 18px;
}

.ys-phnav-menubtn::before {
    margin-top: -9px;
}

.ys-phnav-menubtn::after {
    margin-top: 9px;
}

.ys-phnav-search .iconfont {
    font-size: 20px;
}

.pass-cry-le-bom {
    position: relative;
    z-index: 10;
}

.passion-opportu .passion-opportu-tit {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

#anbw-arr6 {
    top: -4px;
    left: 3px;
}

/* .ys-form-inof-item .ys-fiiss-core {
    height: auto !important;
} */

.rclt-bom-li-bom {
    width: 100%;
    display: block;
}

.klsl-bt {
    display: block;
}

.ys-page-wrap.blue .head-ri-prod1 input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #005CA5;
}

.ys-page-wrap.blue .head-ri-prod1 input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #005CA5;
}

.ys-page-wrap.blue .head-ri-prod1 input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #005CA5;
}

.ys-page-wrap.blue .head-ri-prod1 input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #005CA5;

}

.passion-use-wrap-desz {
    backface-visibility: hidden;
    /* 避免背面渲染导致的闪烁 */
    will-change: top bottom;
}

.passion-point {
    position: relative !important;
    top: 0 !important;
}

.passion-recomm-btm .mpul-box-btn {
    padding-top: 40px;
}

.competi-page .competi-addre {
    padding-top: 50px;
    padding-bottom: 60px;
}

.maul-le-scroll {
    border-left: 1px solid rgba(37, 23, 20, 0.10);
}

.maul-le-scroll-li {
    position: relative;
}

.maul-le-scroll-li::after {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 0%;
    background: #F9C300;
    transition: all 0.36s;
    opacity: 0;
}

.maul-le-scroll-li.on::after {
    height: 100%;
    opacity: 1;
}

.maul-le-scroll .maul-le-scroll-li {
    margin-top: 30px;
    padding-top: 0 !important;
}

.maul-le-scroll .maul-le-scroll-li:first-child {
    margin-top: 0 !important;
}

.fwmu-li-bom-text {
    display: none;
}

.fwmu-li-bom-ul {
    margin-top: 16px;
}

.mute-prod-ul .mpul-box-img {
    overflow: visible !important;
}

.sbul-box-img img {
    height: 100%;
    object-fit: cover;
}

.competi-overco-le {
    padding-bottom: 100px;
}

.competi-overco {
    position: relative;
}

.competi-overco .mod-bread {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.deta-vedio .competi-overco-le {
    width: 100% !important;
    padding-bottom: 50px;
}

.deta-vedio .competi-overco-le .leads-unders-le-tit {
    margin-bottom: 30px;
}

.dvul-btn-play {
    display: flex;
    justify-content: center;
    align-items: center;
}

.scul-top-icon img,
.calt-countr img {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.eatr-arr.slick-disabled {
    opacity: 0.5;
}

.result-sear-cry {
    align-items: flex-start;
}

.result-cry-le {
    position: sticky;
    top: 110px;
    left: 0;
    height: calc(100vh - 200px);
}

.result-cry-le .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.result-cry-le .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: var(--colormain) !important;
}

.result-cry-le .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px !important;
}

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

    .sblu-li a:hover .sblu-li-text p {
        text-decoration: underline;
    }

    .know-list-side-li a:hover .klsl-icon {
        background: var(--vicolor);
    }

    .activity-list-ul-li a:hover .alul-text-parga .std-h4 {
        color: var(--vicolor);
    }

    .activity-list-ul-li a:hover .alul-text-btn img {
        transform: rotate(45deg);
    }

    .deul-box:hover .dbwl-text p {
        color: var(--vicolor);
    }

    .passion-news-btm-lamp:hover .pnbl-ul {
        animation-play-state: paused;
        cursor: pointer;
    }

    .prbm-link:hover {
        color: #fff;
        background: var(--vicolor);
    }

    .pobu-wrap-ri .eatr-arr:hover {
        border-color: var(--vicolor) !important;
    }

    .pobu-wrap-ri .eatr-arr:hover path {
        stroke: #111 !important;
    }

    .fawb-li.on .mod-btn2-ri:hover {
        background: #005CA5;
        border: 1px solid #005CA5;
    }

    .fawb-li.on .mod-btn2-ri:hover p {
        color: #fff;
    }

    .aiul-link:hover {
        background: #FFC000;
    }

    .dwis-li-img:hover img {
        transform: scale(1.05);
    }

    .jsll-tp-img-cont:hover img,
    .jsll-bt:hover img {
        transform: scale(1.05);
    }

    .pc-fenye li:hover {
        background: var(--colormain);
        border: 1px solid var(--colormain);
        color: #111111;
    }

    .first li:hover,
    .prev li:hover,
    .next li:hover,
    .end li:hover {
        color: #111;
    }

    .know-file-ul-li a:hover .hwpm-ri-li-link {
        border-color: #FFC000;
        background: #FFC000;
    }

    .know-file-ul-li a:hover .hwpm-le {
        border-color: #FFC000;
        background: #FFC000;
    }

    .klsl-bt-li:hover p {
        color: #111111;
    }

    .klsl-bt-li:hover .klsl-icon {
        background: var(--colormain);
    }

    .activity-list-ul-li a:hover .alul-text-btn {
        background: var(--colormain);
    }

    .passion-use-wrap .hptb-li-link:hover {
        border-color: var(--vicolor) !important;
        color: #111 !important;
    }

    .classify-main.blue .rclv-ul-li:hover {
        border-bottom: 1px solid #005CA5 !important;
    }

    .classify-main.blue .rclv-ul-li-top:hover .rult-icon {
        background: #005CA5 !important;
    }

    .classify-main.blue .rulb-ul-li:hover .rult-icon {
        background: #005CA5 !important;
    }

    .classify-main.blue .rclv-ul-li-top:hover .rult-icon img:nth-child(1) {
        opacity: 0;
    }

    .classify-main.blue .rclv-ul-li-top:hover .rult-icon img:nth-child(2) {
        opacity: 1;
    }

    .classify-main.blue .rulb-ul-li:hover .rult-icon img:nth-child(1) {
        opacity: 0;
    }

    .classify-main.blue .rulb-ul-li:hover .rult-icon img:nth-child(2) {
        opacity: 1;
    }
}

/* 2025.2.14 Linda-end */

.ys-nyban-title-img {
    width: 400px !important;
    max-width: 100%;
}

.ys-phmenu-scroll .yhct-shoppi {
    padding-left: 0;
    padding-right: 0;
    border-left: none;
    margin-top: 20px;
}

.ys-phmenu-scroll .yhct-shoppi-li {
    width: 24px;
}

.ys-phmenu-scroll .yftl-li {
    margin-left: 0 !important;
    margin-right: 14px;
    width: 24px;
}

.ys-phmenu-scroll .yftl-ul {
    padding-left: 12px;
}

.vehicle-main.navy .rblb-li.act .rblb-li-box img:not(:nth-child(3)) {
    opacity: 0;
}

.vehicle-main.navy .rblb-li.act .rblb-li-box img:nth-child(3) {
    opacity: 1;
}

.hpbp-ph {
    display: none;
}

.rclt-cloce {
    display: none;
}

.result-cry-le-search {
    margin-top: 22px;
    display: none;
}


.mpul-box-tity p {
    font-size: 26px;
    line-height: 1.8;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.mpul-box-text {
    margin-top: 6px;
}

.great-main .class-ul-li {
    width: 16.666666%;
}

.fqww-input {
    display: flex;
}

.ys-phnav2-lang-btn svg {
    width: 24px;
}

.ys-phnav2-lang-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.orange .head-nav-item-down {
    background: rgba(222, 106, 8, 0.8);
}

.navy .head-nav-item-down {
    background: rgba(0, 90, 160, 0.8);
}

.green .head-nav-item-down {
    background: rgba(12, 51, 136, 0.8);
}

.blue .head-nav-item-down {
    background: rgba(0, 90, 160, 0.8);
}

.orange .ys-phnav-header {
    background: #DE6A08 !important;
}

.navy .ys-ph-navbar2 .ys-phnav-menu,
.green .ys-ph-navbar2 .ys-phnav-menu,
.green .ys-phnav-header {
    background: #00348D !important;
}

.navy .ys-phnav-header,
.blue .ys-phnav-header {
    background: #005CA5 !important;
}

.orange .ys-ph-navbar2 .ys-phnav-menu {
    background: #DE6A08 !important;
}



.blue .ys-ph-navbar2 .ys-phnav-menu {
    background: #005CA5 !important;
}


.orange .ys-phnav-menu {
    border-top: 1px solid #DE6A08 !important;
}

.navy .ys-phnav-menu,
.green .ys-phnav-menu {
    border-top: 1px solid #00348D !important;
}

.blue .ys-phnav-menu {
    border-top: 1px solid #005CA5 !important;
}



.orange .ys-ph-navbar2 .ys-phnav-header a,
.orange .ys-ph-navbar2 .ys-phnav-search .iconfont,
.navy .ys-ph-navbar2 .ys-phnav-header a,
.navy .ys-ph-navbar2 .ys-phnav-search .iconfont,
.green .ys-ph-navbar2 .ys-phnav-header a,
.green .ys-ph-navbar2 .ys-phnav-search .iconfont,
.blue .ys-ph-navbar2 .ys-phnav-header a,
.blue .ys-ph-navbar2 .ys-phnav-search .iconfont {
    color: #fff !important;
}

.orange .ys-ph-navbar2 .ys-phnav-menubtn span,
.orange .ys-ph-navbar2 .ys-phnav-menubtn::after,
.orange .ys-ph-navbar2 .ys-phnav-menubtn::before,
.navy .ys-ph-navbar2 .ys-phnav-menubtn span,
.navy .ys-ph-navbar2 .ys-phnav-menubtn::after,
.navy .ys-ph-navbar2 .ys-phnav-menubtn::before,
.green .ys-ph-navbar2 .ys-phnav-menubtn span,
.green .ys-ph-navbar2 .ys-phnav-menubtn::after,
.green .ys-ph-navbar2 .ys-phnav-menubtn::before,
.blue .ys-ph-navbar2 .ys-phnav-menubtn span,
.blue .ys-ph-navbar2 .ys-phnav-menubtn::after,
.blue .ys-ph-navbar2 .ys-phnav-menubtn::before {
    background: #fff !important;
}




.orange .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.orange .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.orange .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.orange .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font,
.navy .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.navy .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.navy .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.navy .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font,
.green .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.green .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.green .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.green .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font,
.blue .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.blue .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.blue .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.blue .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: #fff !important;
}

.orange .ys-phnav-icon::after,
.orange .ys-phnav-icon::before,
.navy .ys-phnav-icon::after,
.navy .ys-phnav-icon::before,
.green .ys-phnav-icon::after,
.green .ys-phnav-icon::before,
.blue .ys-phnav-icon::after,
.blue .ys-phnav-icon::before {
    background: #fff !important;
}

.orange .ys-phnav-lisbox,
.navy .ys-phnav-lisbox,
.green .ys-phnav-lisbox,
.blue .ys-phnav-lisbox {
    border-color: #fff !important;
}

.orange .ys-ph-nav .ys-phnav-header-font,
.orange .ys-ph-nav a,
.navy .ys-ph-nav .ys-phnav-header-font,
.navy .ys-ph-nav a,
.green .ys-ph-nav .ys-phnav-header-font,
.green .ys-ph-nav a,
.blue .ys-ph-nav .ys-phnav-header-font,
.blue .ys-ph-nav a {
    color: rgba(255, 255, 255, 0.6);
}

.orange .ys-phnav2-lang-btn span,
.navy .ys-phnav2-lang-btn span,
.green .ys-phnav2-lang-btn span,
.blue .ys-phnav2-lang-btn span {
    color: #fff !important
}

.orange .ys-phnav2-lang-btn path,
.navy .ys-phnav2-lang-btn path,
.green .ys-phnav2-lang-btn path,
.blue .ys-phnav2-lang-btn path {
    fill: #fff !important
}

.mpul-box-tity {
    margin-top: 10px;
}

.mute-prod .mute-prod-ul .slick-list {
    overflow: hidden !important;
}

.mute-prod .mute-prod-cry {
    width: 100% !important;
}

.mute-prod .mute-prod-ul .mute-prod-ul-li {
    padding-bottom: 18px;
}

.deta-eval-btn {
    padding-top: 40px;
}

.result-cry-le {
    position: relative !important;
    top: 0 !important;
    left: 0;
    height: auto !important;
}

.pass-cry-ri .mpul-box-tity p {
    text-align: left;
}

.mpul-box-tity_c6 P {
    font-size: 48px;

}

.deta-banner-ri-top .mpul-box-tity p {
    text-align: left;
    font-size: 42px !important;
}

.result-cry-le-edit {
    width: 100%;
}

.rcle-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.rcle-top a {
    /* color: var(--colormain); */
    color: #7F7F7F;
}

.rcle-info p {
    color: #7F7F7F;
    line-height: 1.75;
}

.rcle-info {
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
    padding-bottom: 28px;
}

.find-query .ys-form-inof-item .ys-select-xtbbox {
    width: 14px;
    right: 24px;
}
.rclt-btn{
    width: fit-content;
    position: relative;
    z-index: 10;
    margin: 20px auto;
}
.rclt-btn .mod-btn2-item{
    width: 150px;
    display: none;
}
.ys-select-hd-text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.ys-select-hd-text p{
    color: var(--color4);
}
.find-query .ys-fii-input {
    background: transparent !important;
}
.find-query-wrap .ys-select{
    background: transparent !important;
}
.fqww-input {
    border: 1px solid var(--color4);
}
.ys-fii-input-dropdown {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    max-height: 150px;
    overflow-y: auto;
    display: none;
    z-index: 1000;
    left: 0px;
    right: 0px;
}

.ys-fii-input-dropdown div {
    padding: 8px;
    cursor: pointer;
}

.ys-fii-input-dropdown div:hover {
    background: #f0f0f0;
}

.fqwq-btn {
    margin-left: 0px;
}
.fqwq-btn{
    padding: 0px 15px;
    height: 45px;
    position: relative;
    border-radius: 0px;
}
.fqwq-btn img{
    width: 30px;
    line-height: 45px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.find-query .ys-fii-input input{
    color: var(--color4) !important;
}
/* .find-query .ys-fii-input input::placeholder{
    color: var(--color4) !important;
} */