@charset "utf-8";

/* 公共样式 - start */
body {
    font-family: "PingFang SC", "Microsoft YaHei" !important;
    background: #f5f5f5;
}

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

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

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


:root {
    /* 字号 */
    --font64: 64px;
    --font48: 48px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line13: 1.3;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --cl333: #333;
    --cl666: #666;
    --cl999: #999;
    --color4: #fff;
    --vicl: #009143;
    --colorbj: ;
    /* 板块间距 */
    --space120: 120px;
    --space100: 100px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --bold: '';
    --radius: 16px;
    --mar: 60px;
    --jian: 12px;
    --jian1: -12px;
}

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

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

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

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

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

.std-tit20,
.std-tit20 p {
    font-size: var(--font20);
    color: var(--cl333);
    line-height: var(--line15);
}

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

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

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

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

.std-padd {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}

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

.std-padd2 {
    padding-bottom: var(--space120);
}

.std-padd3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.std-mar {
    margin-bottom: var(--mar) !important;
}

.std-mar1 {
    margin-bottom: 40px;
}

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

.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}

.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}

/*分享翻译*/
.ys-wechat-cont-parga p::before {
    content: '分享到 - 微信';
    /* content: 'Share the - weixin'; */
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
    white-space: nowrap;
}

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

.yxnav-active2 {}

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

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

/* 过渡 */
.transition-time1 {
    transition: all .36s both;
}

.transition-time2 {
    transition: all .5s both;
}

/* 侧边锚点隐藏 */
.mod-anchor {
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
}

.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor ul {
    transition: all .4s ease;
}

.mod-anchor:not(.act) ul {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor.act ul {
    opacity: 0;
    transform: translateX(-50%);
}

/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled {
    pointer-events: none !important;
    opacity: .5 !important;
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {}

/* 公共样式 - end */
.ys-hd-pc .ys-cont1440 {
    display: flex;
    justify-content: space-between;
}

.head-logo {
    width: 190px;
}

.head-nav-item-title {
    font-size: 16px;
    line-height: var(--headh);
    color: #fff;
    transition: all 0.36s;
    position: relative;
    padding-left: 12px;
}

.head-nav-item-title::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    transition: all 0.36s;
    opacity: 0;
}

.head-nav-item-title::before {
    content: '';
    position: absolute;
    top: calc(100% + 7px);
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-color: #fff;
    opacity: 0;
    transition: all 0.36s;
}

.head-nav-item {
    margin: 0 28px;
}

.head-other-le {
    display: flex;
}

.head-other-ri {
    position: relative;
    padding-left: 48px;
    display: flex;
    align-items: center;
}

.head-other-ri::after {
    content: '';
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.36s;
}

.head-other-ri {
    display: flex;
}

.head-shopp {
    width: 32px;
}

.head-shopp a {
    display: flex;
    align-items: center;
    height: var(--headh);
}

.head-shopp svg {
    width: 100%;
}

.head-search-btn {
    width: 16px;
}

.head-search {
    margin-right: 16px;
}

.head-search-btn .ys-imgbox-cover {
    margin-top: 2px;
}

.ys-search2 {
    position: relative;
}

.ys-search2-btn {
    width: 20px;
    line-height: var(80px);
    cursor: pointer;
    display: block;
    transition: all .36s;
}

.ys-search2-btn img {
    width: 100%;
}

.ys-search2-win {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
    overflow: hidden;
    display: none;
}

.ys-search2-box {
    padding: 16px 0;
}

.ys-search2-tibox {
    width: 34%;
    margin: 0 auto;
}

.ys-search2-tbox {
    border-bottom: 1px solid #eee;
    width: calc(100% - 30px);
    padding-right: 20px;
    height: 40px;
}

.ys-search2-tbox input {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.ys-search2-ibox {
    width: 30px;
    margin-top: 10px;
}

.ys-search2-ibox img {
    width: 100%;
}

.head-lang {
    margin-left: 0px;
}

.head-lang-top-circle p {
    color: #fff;
    font-size: 14px;
    transition: all 0.36s;
}

.head-lang-top-jian {
    width: 16px;
}

.head-lang-top-jian svg {
    width: 100%;
}

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

.head-lang-down {
    min-width: 100px;
}

.head-ldi-nub a {
    padding: 3px 15px;
    font-size: 14px;
}

.head-lang-down {
    padding-top: 15px;
    padding-bottom: 15px;
}

.head-contac a {
    font-size: 14px;
    line-height: 40px;
    display: block;
    color: #fff;
    transition: all 0.36s;
    padding-left: 40px;
    padding-right: 32px;
    border-radius: 50px;
}

.head-contac {
    position: relative;
    margin-left: 30px;
}

.head-contac::after {
    content: '';
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: var(--vicl);
    border-radius: 50%;
    transition: all 0.36s;
}

.ys-ban-imgbox::before {
    width: 50%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.ys-hd-pc.ishover .head-nav-item-title {
    color: #333333;
}

.ys-hd-pc.ishover .head-nav-item-title::after {
    opacity: 1;
}

.ys-hd-pc.ishover .head-contac a {
    background: #009143;
}

.ys-hd-pc.ishover .head-contac::after {
    background: #fff;
}

.ys-hd-pc.ishover .head-lang-top-jian path,
.ys-hd-pc.ishover .head-search-btn path,
.ys-hd-pc.ishover .head-shopp path {
    stroke: #333 !important;
}

.ys-hd-pc.ishover .head-other-ri::after {
    background: rgba(0, 0, 0, 0.3);
}

.ys-hd-pc.ishover .head-lang-top-circle p {
    color: #333333;
}

.ys-banner-wrap-tit .std-h1 {
    color: #fff;
    line-height: 1.3;
}

.ys-banner-wrap-info p {
    color: #fff;
}

.ys-banner-wrap-info {
    margin-top: 24px;
}

.ybwm-link {
    position: relative;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    padding-left: 40px;
    padding-right: 32px;
    border-radius: 100px;
    background: #FFF;
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    transition: all 0.36s;
}

.ybwm-link::after {
    content: '';
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #009143;
    border-radius: 50%;
    transition: all 0.36s;
}

.ys-banner-wrap-more {
    display: flex;
    margin-top: 42px;
}

.ys-banner-wrap {
    width: 43%;
}

.ys-ban-slick .slick-dots {
    width: 1440px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 117px;
    text-align: left;
    position: absolute;
    margin-top: 0 !important;
}

.ys-ban-slick .slick-dots li {
    border-radius: 0 !important;
    height: 2px;
    width: 60px;
    background: rgba(255, 255, 255, 0.2);
    margin-left: auto;
    margin-right: 16px;
}

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

.home-solut-top-lable p {
    font-size: 14px;
    position: relative;
    padding-left: 12px;
    color: #009143;
}

.home-solut-top-lable p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 3px;
    background: #009143;
    border-radius: 50%;
    transform: translateY(-50%);
}

.home-solut {
    width: 100%;
    background: #F5F5F5;
    position: relative;
}

.home-solut-top-lable {
    margin-bottom: 30px;
}

.hstt-ri p {
    color: #666;
    line-height: 1.75;
}

.home-solut-top-tit {
    display: flex;
    justify-content: space-between;
}

.hstt-le .std-h3 {
    color: #333;
    line-height: 1.3;
}

.hstt-le {
    width: 27%;
}

.hstt-ri {
    width: 58%;
}

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

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

.hsbu-li-wrpa-svg {
    width: 24px;
    height: 24px;
    flex: none;
    border-radius: 50%;
    background: #fff;
    transition: all 0.36s;
}

.hsbu-li-wrpa-svg svg {
    width: 100%;
    height: 100%;
}

.hsbu-li-wrpa-svg svg path {
    transition: all 0.36s;
}

.hsbu-li-wrpa {
    width: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 24px;
    cursor: pointer;
    transition: all 0.36s;
    backdrop-filter: blur(5px);
}

.hsbu-li-wrpa p {
    color: #FFFFFF;
    line-height: 1.75;
    transition: all 0.36s;
    padding-right: 10px;
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hsbu-li.on .hsbu-li-wrpa-svg,
.hsbu-li.act .hsbu-li-wrpa-svg {
    background: #009143;
    transform: rotate(135deg);
}

.hsbu-li.on .hsbu-li-wrpa-svg path,
.hsbu-li.act .hsbu-li-wrpa-svg path {
    stroke: #fff;
}

.hsbu-li {
    position: absolute;
    z-index: 10;
}

.home-solut-cont {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.home-solut-pop {
    position: absolute;
    width: 453px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(10px);
    height: 80%;
    padding: 24px;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 40px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
    z-index: 15;
}

.home-solut-pop.on {
    opacity: 1;
    pointer-events: all;
}

.home-solut-pop-top {
    width: 100%;
    margin-bottom: 30px;
}

.hspt-ul {
    width: 100%;
}

.hspt-ul-li {
    width: 100%;
    display: none;
}

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

.hspt-ul-li-img {
    width: 100%;
    border-radius: 12px;
}

.hspt-ul-li-btm {
    width: 100%;
    position: relative;
    padding-top: 32px;
}

.hulb-tit .std-h5 {
    color: #333;
    line-height: 1.5;
}

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

.hulb-info p {
    color: #666;
    line-height: 1.75;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hulb-more-link {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 28px;
}

.hulb-more-link::after {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #009143;
}

.hulb-more-link p {
    color: #009143;
    line-height: 1.6;
    padding-right: 8px;
}

.hulb-more-link img {
    width: 24px;
}

.hulb-info {
    margin-bottom: 40px;
}

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

    50% {
        transform: translateX(8px);
    }

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

.hspb-btn {
    width: 48px;
    cursor: pointer;
    transition: all 0.36s;
}

.hspb-btn svg {
    width: 100%;
}

.home-solut-pop-btm {
    display: flex;
    justify-content: center;
}

.hspb-btn-ri svg {
    transform: rotate(180deg);
}

.hspb-btn-ri {
    margin-left: 16px;
}

.hspb-btn path,
.hspb-btn rect {
    transition: all 0.36s;
}

.home-about {
    width: 100%;
    position: relative;
    height: 200vh;
    background: #f5f5f5;
}

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

.home-about-sticky {
    width: 100%;
    position: sticky;
    height: calc(100vh - 146px);
    top: 112px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-about {
    overflow: visible;
}

.home-about-sticky-logo {
    width: 510px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all 0.36s;
}

.home-about-sticky-logo.on1 {
    opacity: 0;
    pointer-events: none;
}

.home-about-sticky-logo img:nth-child(2) {
    opacity: 0;
}

.home-about-sticky-img {
    width: 0%;
    height: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: var(--radius);
    overflow: hidden;
}

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

.home-about-wrap {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(20px);
    padding: 32px 90px;
    position: relative;
    z-index: 15;
    opacity: 0;
    transition: all 0.66s;
    transform: translateY(100px);
}

.home-about-wrap-tit .std-h3 {
    color: #333;
    line-height: 1.3;
}

.home-about-wrap-tit {
    margin-bottom: 24px;
}

.home-about-wrap-info p {
    color: #666;
    line-height: 1.8;
    font-size: 14px;
}

.home-about-wrap-top {
    width: 840px;
    max-width: 100%;
    padding-bottom: 48px;
}

.home-about-wrap-btm {
    width: 100%;
    position: relative;
    padding-top: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.hawb-li-wrap-time span,
.hawb-li-wrap-time p {
    color: #009143;
}

.hawb-li-wrap-info p {
    color: #333;
    line-height: 1.8;
    font-size: 14px;
}

.hawb-li-wrap-time {
    margin-bottom: 16px;
}

.hawb-ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.home-about .ys-cont1600 {
    pointer-events: none;
    position: relative;
    z-index: 15;
}

.home-about-sticky-logo.on img:nth-child(1) {
    opacity: 0;
}

.home-about-sticky-logo.on img:nth-child(2) {
    opacity: 1;
}

.home-about.on .ys-cont1600 {
    pointer-events: all;
}

.home-about.on .home-about-wrap {
    opacity: 1;
    transform: translateY(0);
}

.home-innovate {
    width: 100%;
    position: relative;
    background: #f5f5f5;
}

.home-about-apper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    pointer-events: none;
}

.home-innovate-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.home-innovate-le-li .home-solut-top-lable {
    margin-bottom: 60px;
}

.home-solut-top-tit .std-h3 {
    color: #333;
}

.home-solut-top-tit {
    margin-bottom: 60px;
}

.home-solut-top-info p {
    color: #666666;
}

.home-innovate-le {
    width: 32%;
    padding-top: 60px;
}

.home-innovate-ri {
    width: 38%;
    position: relative;
}

.home-innovate-ri-video {
    width: 100%;
    position: sticky;
    top: 30%;
    left: 0;
}

.home-innovate-le-li {
    width: 100%;
    margin-bottom: 350px;
}

.home-innovate {
    overflow: visible !important;
}

.home-innovate-le-li:last-child {
    margin-bottom: 120px;
}

.home-page {
    background: #f5f5f5;
}

.home-news-wrap {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: var(--radius);
    overflow: hidden;
}

.home-news-widget-le .std-h3 {
    color: #333;
    line-height: 1.2;
}

.home-news-widget {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-news-widget-ri {
    display: flex;
    align-items: center;
}

.hulb-more-link1 p {
    padding-right: 0 !important;
    color: #333333;
}

.home-news-widget-ri .home-solut-pop-btm {
    margin-right: 52px;
}

.home-news-top {
    width: 100%;
    margin-bottom: 40px;
}

/* .hnbs-li {
    width: 588px !important;
    margin-right: 24px !important;
} */

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

.hnbs-link .ys-imgbox-cover {
    border-radius: 6px;
    margin-bottom: 15px;
}

.hnbs-link-time p {
    font-size: 14px;
    line-height: 1.8;
    color: #999;
}

.hnbs-link-tit p {
    color: #333;
    line-height: 1.6;
    font-weight: bold;
    transition: all 0.36s;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hnbs-link-time {
    margin-bottom: 16px;
}

.hnbs-link-info p {
    color: #666;
    line-height: 1.75;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hnbs-link-tit {
    margin-bottom: 8px;
}

.hnbs-li:last-child {
    margin-right: 0 !important;
}

.home-find {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.home-find-wrap {
    background: #fff;
    width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
}

.home-news {
    margin-bottom: 29px;
}

.home-find-wrap-width {
    width: calc(100% + 208px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hfww-ri {
    width: 52.5%;
    border-radius: 0 var(--radius) var(--radius) 0;
    overflow: hidden;
    position: relative;
}

.hfww-ri::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

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

.hfww-le {
    width: 47.5%;
    padding-right: 76px;
}

.hfww-le-tit .std-h3 {
    color: #333;
    line-height: 1.2;
}

.hfww-le-info p {
    color: #666;
    line-height: 1.8;
    font-size: 14px;
}

.hfww-le-tit {
    margin-bottom: 16px;
}

.hfww-le-info {
    margin-bottom: 50px;
}

.hfww-le-input-btn {
    width: 43px;
    display: flex;
    background: #009143;
    border-radius: 2px;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    transition: all 0.36s;
}

.hfww-le-input {
    position: relative;
    width: 100%;
    border-radius: 6px;
    background: #F5F5F5;
    height: 60px;
    overflow: hidden;
    margin-bottom: 24px;
}

.hfww-le-input input {
    width: 100%;
    height: 100%;
    padding-left: 16px;
    padding-right: 60px;
    font-size: 16px;
    color: #009143;
}

.hfww-le-input input::-webkit-input-placeholder {
    color: #009143;
}

.hfww-le-input input:-moz-placeholder {
    color: #009143;
}

.hfww-le-input input::-moz-placeholder {
    color: #009143;
}

.hfww-le-input input:-ms-input-placeholder {
    color: #009143;
}

.hlul-link {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    display: block;
    padding: 10px 24px;
    color: #333;
}

.hfww-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.hfww-le-ul-li {
    margin-right: 8px;
    margin-bottom: 8px;
}

.ys-footer {
    width: 100%;
    border-radius: 2px;
    background: #161616;
}

.mod-fot-top {
    width: 100%;
    position: relative;
    padding-top: 70px;
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 68px;
}

.mod-fot-naviga-le,
.mod-fot-top-log {
    width: 39%;
}

.mod-fot-top-log img {
    width: 100%;
}

.mod-fot-top-log a {
    width: 312px;
    display: block;
}

.mod-fot-naviga-cen,
.mod-fot-top-conta {
    width: 35%;
}

.mftc-info p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.75;
}

.mftc-info {
    margin-bottom: 40px;
}

.mftc-more {
    display: flex;
}

.ybwm-link1 {
    background: #009143;
    color: #fff;
}

.ybwm-link1::after {
    background: #fff;
}

.mod-fot-naviga {
    width: 100%;
    position: relative;
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 47px;
}

.mod-fot-naviga-ri {
    width: 26%;
}

.mfnl-ul {
    display: flex;
    margin-bottom: 32px;
}

.mfnl-ul-li p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.75;
    transition: all 0.36s;
    padding-left: 16px;
}

.mfnl-ul-li .std-word {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    transition: all 0.36s;
}

.mfnl-ul-li {
    margin-right: 8px;
}

.mfnl-balse {
    display: flex;
}

.mfnl-balse-li {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.36s;
    margin-right: 10px;
}

.mfnl-balse-li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mfnl-balse-li img {
    width: 18px;
    opacity: 0.4;
    transition: all 0.36s;
}

.mod-fot-naviga-cen li a {
    color: #fff;
    transition: all 0.36s;
    font-size: 16px;
    line-height: 1.75;
}

.mod-fot-naviga-cen li {
    margin-bottom: 16px;
}

.mfnr-tit p {
    color: #fff;
    line-height: 1.5;
}

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

.mfnr-addres p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.75;
}

.mfnr-nunber p a,
.mfnr-nunber p {
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.75;
}

.mfnr-addres {
    margin-bottom: 10px;
}

.mfnr-nunber {
    margin-bottom: 10px;
}

.mfnr-nunber-ul-li p a,
.mfnr-nunber-ul-li p {
    color: rgba(255, 255, 255, 0.4);
}

.mfnr-select .ys-select-hd {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #222;
}

.mfnr-select {
    width: 253px;
    max-width: 100%;
    height: 41px;
}

.mfnr-select .ys-select-hd input {
    font-size: 14px;
    color: #fff;
    padding-left: 16px;
    padding-right: 40px;
}

.mfnr-select .ys-select-hd .icon-arrow-down {
    color: #fff;
    font-size: 14px;
}

.mfnr-select .ys-select-xtbbox {
    right: 16px;
}

.mfnr-nunber-ul {
    margin-bottom: 32px;
}

.mfnr-select .ys-select-bd {
    top: auto !important;
    bottom: 100%;
    padding: 10px 0;
    max-height: 180px;
}

.mfnr-select-li {
    width: 100%;
    padding: 5px 16px;
}

.mfnr-select-li a {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.36s;
}

.mfnr-select .mCSB_outside+.mCSB_scrollTools {
    right: -2px !important;
}

.mfnr-select .mCSB_dragger_bar {
    background: #009143 !important;
    width: 2px !important;
}

.mod-fot-btm .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
}

.mod-fot-btm-le {
    display: flex;
}

.mod-fot-btm-le a {
    font-size: 12px;
    line-height: 1.8;
    position: relative;
    display: block;
    color: rgba(255, 255, 255, 0.4);
    margin: 0 16px;
}

.mod-fot-btm-le a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -16px;
    width: 1px;
    height: 15px;
    background: rgba(102, 102, 102, 0.5);
}

.mod-fot-btm-le a:first-child {
    margin-left: 0;
}

.mod-fot-btm-le a:last-child::after {
    display: none;
}

.mod-fot-btm-ri p {
    font-size: 12px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mod-fot-btm-ri a {
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.8;
    margin-left: 9px;
}

.mod-fot-btm-ri {
    padding-left: 53px;
}

.mod-fot-btm-ri img {
    width: 19px;
    margin-left: 8px;
}

a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .4);
    margin-left: 32px;
}

.mod-fot-btm {
    width: 100%;
    background: #000;
    padding-top: 18px;
    padding-bottom: 18px;
}

.ys-page-wrap.act .head-nav-item-title,
.ys-hd-pc.isfixed .head-nav-item-title {
    color: #333333;
}

.ys-page-wrap.act .head-nav-item-title::after,
.ys-hd-pc.isfixed .head-nav-item-title::after {
    opacity: 1;
}

.ys-page-wrap.act .head-contac a,
.ys-hd-pc.isfixed .head-contac a {
    background: #009143;
}

.ys-page-wrap.act .head-contac::after,
.ys-hd-pc.isfixed .head-contac::after {
    background: #fff;
}

.ys-page-wrap.act .head-lang-top-jian path,
.ys-page-wrap.act .head-search-btn path,
.ys-page-wrap.act .head-shopp path,
.ys-hd-pc.isfixed .head-lang-top-jian path,
.ys-hd-pc.isfixed .head-search-btn path,
.ys-hd-pc.isfixed .head-shopp path {
    stroke: #333 !important;
}

.ys-page-wrap.act .head-other-ri::after,
.ys-hd-pc.isfixed .head-other-ri::after {
    background: rgba(0, 0, 0, 0.3);
}

.ys-page-wrap.act .head-lang-top-circle p,
.ys-hd-pc.isfixed .head-lang-top-circle p {
    color: #333333;
}

.hspb-btn.swiper-button-disabled {
    opacity: 0.5;
}

.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    background: #009143;
}

.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: #009143;
}

.head-nav-item-drop1 {
    width: 100vw;
    top: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    padding-top: 27px;
}

.hnid-wrap {
    width: 100%;
    border-radius: 16px;
    background: #E5E5E5;
    display: flex;
    /* flex-wrap: wrap; */
    overflow: hidden;
}

.hnid-wrap-le {
    width: 32%;
    padding: 47px;
}

.hnid-wrap-le-tit p {
    color: #333333;
    line-height: 1.5;
}

.hnid-wrap-le-tit {
    margin-bottom: 64px;
}

.hnid-wrap-le-more {
    display: flex;
}

.hnid-wrap-le-more .ybwm-link {
    font-size: 14px;
}

.hnid-wrap-cen {
    width: 20%;
    background: #F5F5F5;
    padding: 50px 0px;
    position: relative;
    overflow: hidden;
}

.hwct-link-icon1 {
    width: 24px;
}

.hwct-link p {
    color: #333;
    font-weight: bold;
    line-height: 1.6;
    padding-left: 8px;
    padding-right: 19px;
    transition: all 0.36s;
}

.hwct-link {
    display: flex;
}

.hwct-link svg {
    width: 24px;
}

.hwct-link svg path {
    transition: all 0.36s;
}

.hnid-wrap-cen-top {
    margin-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
}

.hwcb-link svg {
    width: 24px;
}

.hwcb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 20px;
    transition: all 0.36s;
}

.hwcb-link p {
    color: #666;
    line-height: 1.8;
    font-size: 14px;
    transition: all 0.36s;
    padding-right: 5px;
}

.hwct-link path {
    transition: all 0.36s;
}

.hwcb-li.yxnav-active2 path {
    stroke: #009143 !important;
}

.hwcb-li.yxnav-active2 p {
    color: #009143 !important;
}

.hwcb-li.yxnav-active2 .hwcb-link {
    background: #fff;
}

.hnid-wrap-cen-ri {
    width: 49%;
    padding: 30px;
    background: #fff;
}

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

.hwcr-li-ul-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: 40px;
}

.hlut-link-info p {
    color: #333;
    line-height: 1.75;
    transition: all 0.36s;
}

.hlut-link {
    width: 100%;
    text-align: center;
    display: block;
}

.hnid-wrap-cen-ri {
    max-height: 700px;
}

.hnid-wrap-cen-ri .mCSB_outside+.mCSB_scrollTools {
    right: 4px;
}

.hnid-wrap-cen-ri .mCSB_draggerRail {
    opacity: 0 !important;
}

.hnid-wrap-cen-ri .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    background: #D9D9D9 !important;
}

.hnid-wrap-cen-ri .mCSB_scrollTools {
    height: calc(100% - 70px);
    top: 35px;
    bottom: auto;
}

.hwcr-li {
    display: none;
}

.hwcr-li.on {
    display: block;
}

.head-nav-item-drop1 {
    display: none;
}

.head-nav-item.is-on {
    position: relative;
}

.head-nav-item-drop2 {
    padding-top: 27px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.hnid-ul {
    min-width: 156px;
    border-radius: 16px;
    background: #FFF;
    padding: 16px;
}

.hnid-li {
    text-align: center;
}

.hnid-li a {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    transition: all 0.36s;
    padding: 8px 0;
}

.head-nav-item.on .head-nav-item-title::before {
    border-bottom-color: #fff !important;
}

.hnid-li.yxnav-active2 a {
    color: #009143;
}

.head-nav-item.has-drop .head-nav-item-title::before {
    display: none;
}

.ys-phnav-r .head-search-btn {
    height: 56px;
    position: relative;
}

.ys-phnav-r .head-search-btn::after {
    content: '';
    width: 2px;
    height: 18px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% + 1px);
    right: -19px;
    transform: translateY(-50%);
}

.ys-phnav-r .ys-search2-tibox {
    width: 90%;
}

.ys-banner-wrap-tit .std-h2 {
    color: #fff;
    line-height: 1.3;
}

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

.mod-bread {
    position: absolute;
    bottom: 48px;
    left: 0;
    width: 100%;
    z-index: 10;
}

.mod-bread-ul-li a {
    color: #fff;
    font-size: 12px;
    line-height: 1.8;
}

.mod-bread-ul-li {
    padding-right: 24px;
    position: relative;
    opacity: 0.8;
}

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

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

.servic-idea-top-tit .std-h3 {
    color: #333;
    line-height: 1.3;
}

.servic-idea-top-tit {
    margin-bottom: 32px;
}

.servic-idea-top-info p {
    color: #666;
    line-height: 1.75;
}

.servic-idea-top {
    margin-bottom: 80px;
    width: 512px;
    max-width: 100%;
}

.servic-idea-btm {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.servic-idea-btm-le p {
    color: #999;
    line-height: 1.8;
}

.servic-idea-btm-le {
    width: 30%;
}

.servic-idea-btm-ri {
    width: 57.5%;
    display: flex;
    align-items: flex-end;
}

.sibr-li {
    width: 57.5%;
    position: relative;
}

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

.sibr-li-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #009143;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.slwn-num {
    color: #009143;
    line-height: 1.3;
    text-align: center;
}

.sibr-li-wrap-info p {
    color: #666;
    line-height: 1.75;
    text-align: center;
}

.sibr-li1 .slwn-num {
    font-size: 80px;
}

.sibr-li2 {
    width: 42.5%;
}

.sibr-li1 {
    transform: translateX(37px);
}

.servic-page {
    background: #f5f5f5;
}

.servic-cycle {
    width: 100%;
    position: relative;
}

.servic-cycle .servic-idea-top-tit {
    margin-bottom: 24px;
}

.servic-cycle-top {
    margin-bottom: var(--mar) !important;
}

.scbu-li {
    width: 33.333333%;
    padding: 0 16px;
}

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

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

.scbu-wrap .ys-imgbox-cover {
    border-radius: 12px;
}

.scbu-wrap-btm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 53px 32px;
}

.scbu-wrap-btm-tit p {
    color: #fff;
    line-height: 1.6;
    font-weight: bold;
}

.scbu-wrap-btm-tit {
    margin-bottom: 8px;
}

.scbu-wrap-btm-info p {
    color: #fff;
    line-height: 1.75;
}

.servic-other {
    width: 100%;
    position: relative;
}

.servic-other-wrap {
    width: 100%;
    position: relative;
    border-radius: var(--radius);
    background: #FFF;
}

.servic-other-top-le .std-h3 {
    color: #333;
    line-height: 1.3;
}

.servic-other-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
}

.servic-other-top-ri {
    display: flex;
}

.servic-other-btm-ul {
    width: 100%;
}

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

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

.sobu-li-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 12px;
    background: #F5F5F5;
    overflow: hidden;
}

.sobu-li-wrap-le {
    width: 51%;
}

.sobu-li-wrap-ri {
    width: 49%;
    padding-left: 96px;
    padding-right: 110px;
}

.slwr-tit p {
    color: #333;
    line-height: 1.5;
}

.slwr-info p {
    color: #666;
    line-height: 1.75;
}

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

.slwr-more {
    display: flex;
}

.slwr-info {
    margin-bottom: 64px;
}

.slick-dots li {
    width: 78px;
    height: 2px;
    background: rgba(51, 51, 51, 0.3);
    border-radius: 0px;
}

.slick-dots li.slick-active {
    background: #009143;
}

.slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 40px;
}

.servic-value {
    width: 100%;
    position: relative;
}

.servic-value-top {
    width: 100%;
    text-align: center;
    margin-bottom: 115px;
}

.servic-value-top-tit.std-h3 {
    color: #333;
    line-height: 1.3;
}

.servic-value-top-info p {
    color: #666;
    line-height: 1.75;
}

.servic-value-top-tit {
    margin-bottom: 24px;
}

.svbu-wrap-icon {
    width: 56px;
    margin: 0 auto;
    margin-bottom: 36px;
}

.svbu-wrap-tit p {
    color: #333;
    line-height: 1.5;
    font-weight: bold;
}

.svbu-wrap {
    text-align: center;
}

.svbu-wrap-tit {
    margin-bottom: 8px;
}

.svbu-wrap-info p {
    color: #666;
    line-height: 1.75;
}

.svbu-li {
    width: 25%;
    padding: 0 35px;
}

.servic-value-btm-ul {
    margin: 0 -35px;
    display: flex;
    flex-wrap: wrap;
}

.mainte-page .ys-nybanner .ys-banner-wrap {
    width: 50%;
}

.mainte-scheme {
    width: 100%;
    position: relative;
}

.mainte-scheme-tit .std-h3 {
    color: #333;
    line-height: 1.3;
    text-align: center;
}

.mainte-scheme-tit {
    margin-bottom: var(--mar) !important;
}

.mainte-scheme-btm {
    width: 100%;
    position: relative;
}

.mainte-scheme-btm img {
    width: 100%;
}

.mainte-page {
    background: #f5f5f5;
}

.mainte-device-btm {
    width: 100%;
    position: relative;
}

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

.mainte-device-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.mdbu-wrap {
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    background: #fff;
    overflow: hidden;
}

.mdbu-wrap-btm {
    width: 100%;
    position: relative;
    padding: 42px 45px;
}

.mdbu-wrap-btm-tit .std-h5 {
    color: #333;
    line-height: 1.5;
}

.mdbu-wrap-btm-tit {
    margin-bottom: 16px;
}

.mdbu-wrap-btm-info p {
    color: #666;
    line-height: 1.75;
    min-height: 8.75em;
}

.mainte-proces {
    width: 100%;
    position: relative;
}

.mainte-proces .servic-value-top {
    margin-bottom: var(--mar) !important;
}

.mainte-proces-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.mainte-proces-btm-le {
    width: 51%;
    border-radius: var(--radius);
}

.mainte-proces-btm-ri {
    width: 40.5%;
}

.mpbr-tit p {
    color: #333;
    line-height: 1.5;
    font-weight: bold;
}

.mpbr-style ul li p {
    color: #333;
    position: relative;
    padding-left: 24px;
}

.mpbr-style ul li p::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 11px;
    left: 0;
    background: #009143;
    border-radius: 50%;
}

.mpbr-style ul li {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mpbr-style ul li:last-child {
    border-bottom: none;
}

.mpbr-tit {
    margin-bottom: 20px;
}

.ys-nybanner .ys-ban-imgbox::before {
    width: 70%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.electro-page {
    background: #f5f5f5;
}

.electro-series-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.electro-series-le {
    width: 300px;
}

.electro-series-ri {
    width: calc(100% - 300px);
    padding-left: 60px;
}

.electro-series-le-tit p {
    color: #333;
}

.electro-series-le-tit {
    margin-bottom: 26px;
}

.esla-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.esla-link p {
    padding-right: 10px;
    color: #333333;
    transition: all 0.36s;
}

.esla-link svg {
    width: 24px;
    margin-top: 2px;
    flex: none;
}

.esla-link svg path {
    transition: all 0.36s;
}

.electro-series-le-all {
    margin-bottom: 16px;
}

.eslu-li {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.eslu-li-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    cursor: pointer;
}

.eslu-li-top svg {
    width: 24px;
    flex: none;
    transition: all 0.36s;
}

.eslu-li-top svg path {
    transition: all 0.36s;
}

.eslu-li-top p {
    color: #333333;
    line-height: 1.75;
}

.eslu-li-btm-li .esla-link p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

.eslu-li-btm {
    width: 100%;
    padding-left: 22px;
}

.eslu-li-btm-li {
    margin-bottom: 16px;
}

.eslu-li-btm {
    width: 100%;
    display: none;
}

.eslu-li.act .eslu-li-top p {
    color: #009143;
}

.eslu-li.act .eslu-li-top path {
    stroke: #009143 !important;
}

.eslu-li-btm-li.act .esla-link p {
    color: #009143;
}

.eslu-li-btm-li.act path {
    stroke: #009143;
}

/* .eslu-li.act .eslu-li-top svg {
    transform: rotate(180deg);
} */
.esru-li {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: 24px;
}

.electro-series-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.esru-link {
    width: 100%;
    position: relative;
    border-radius: 12px;
    background: #fff;
    padding: 32px;
    text-align: center;
    border-bottom: 2px solid transparent;
}

.esru-link-tit p {
    color: #333;
    line-height: 1.6;
    font-weight: bold;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.esru-link-info p {
    color: #999;
    line-height: 1.8;
    max-height: 1.8em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.esru-link-tit {
    margin-bottom: 8px;
}

.ehbu-li {
    width: 50%;
    padding: 0 var(--jian);
}

.electro-help-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.ehbu-link {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding: 44px 20px 57px;
    text-align: center;
}

.ehbu-link-icon {
    width: 40px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.ehbu-link-tit p {
    color: #333;
    line-height: 1.5;
}

.ehbu-link-info p {
    color: #666;
    line-height: 1.75;
}

.ehbu-link-info {
    width: 336px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 40px;
}

.ehbu-link-tit {
    margin-bottom: 16px;
}

.ehbu-link .hulb-more {
    display: flex;
    justify-content: center;
}

/* leo - strat */
/* d4 */
.rbtu-le.act .rbtu-le-box-left {
    background: #009143;
    transition: all .36s;
}

.rbtu-le.act .rbtu-le-box-left img {
    opacity: 1;
    transition: all .36s;
}

.reso-main .reso-cont {
    background-color: #F5F5F5;
}

.reso-cont-box-top {
    padding: 44px;
    background-color: #fff;
    border-radius: var(--radius);
    overflow: hidden;
    width: 100%;
}

.rbtu-le-box-left {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #E5E6EB;
    position: relative;
}

.rbtu-le-box-left img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

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

.rbtu-le-box-right {
    margin-left: 10px;
}

.rcbt-box-tit-ule {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -4px;
    margin-bottom: -8px;
    margin-top: 24px;
}

.rbtu-le-box {
    padding: 8px 16px;
    border: 1px solid #E0E2EA;
    border-radius: 27px;
}

.rbtu-le {
    padding: 0 4px;
    margin-bottom: 8px;
}

.rbtu-le.act .rbtu-le-box {
    border: 1px solid #009143;
    transition: all .36s;
}

.rbtu-le.act .rbtu-le-box-right p {
    color: #009143;
}

.rbtu-le-box-right,
.rbtu-le-box-right p {
    color: var(--cl666);
}

.rcbt-box {
    margin-bottom: 44px;
}

.rcbt-but,
.rcbt-but p {
    color: var(--color4);
}

.rcbt-but {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 100px;
    background-color: #009143;
}

.reso-cont-box-bot {
    margin-top: 29px;
}

.rcbb-par {
    color: #009143;
}

.rcbb-ule-le-box {
    width: 100%;
    padding: 32px 32px 26px 32px;
    background-color: #fff;
    border-radius: 12px;
}

.rulb-top-pic {
    width: 24px;
    flex-shrink: 0;
    margin-top: 4px;
}

.rulb-top-pic img {
    width: 100%;
}

.rulb-top-par {
    margin-left: 14px;
    line-height: var(--line16);
}

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

.rulb-bot-left,
.rulb-bot-left p {
    color: var(--cl999);
}

.rbrb-pic {
    width: 16px;
    position: relative;
    font-size: 0;
    flex-shrink: 0;
}

.rbrb-pic-defa {
    transition: all .36s;
}

.rbrb-pic-tran {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    /* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    opacity: 0;
    transition: all .36s;
}

.rbrb-pic img {
    width: 100%;
}

.rbrb-par,
.rbrb-par p {
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--cl999);
}

.rulb-bot-right-box {
    padding: 8px 16px;
    background-color: #F5F5F5;
    border-radius: 100px;
    display: flex;
    transition: all .36s;
    align-items: center;
}

.rbrb-par {
    margin-left: 9px;
}

.rcbb-ule {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
    margin-bottom: -24px;
    margin-top: 20px;
}

.rcbb-ule-le {
    width: 33.333333%;
    padding: 0 var(--jian);
    margin-bottom: 24px;
}

.rulb-bot {
    display: flex;
    justify-content: space-between;
    padding-top: 150px;
    align-items: center;
}

.ys-pcfy {
    padding-top: 64px;
}

.pc-fenye li {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    font-size: 16px;
    line-height: 40px;
    color: #333;
    text-align: center;
    margin: 0 10px;
    border-radius: 4px;
    transition: .3s;
}

.pc-fenye li.activepage {
    color: #fff;
    background: #009143;
}

/* d6 */
.vise-main .vise-cont {
    background-color: #F5F5F5;
}

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

.vcbt-ule-le-link {
    padding: 0px 32px;
    border-radius: 100px;
}

.vcbt-ule-le:first-child {
    padding-left: 0;
}

.vcbt-ule-le:last-child {
    padding-right: 0;
}

.vcbt-ule-le-link p {
    line-height: 46px;
}

.vcbt-ule-le {
    padding: 0 var(--jian);
}

.vcbt-ule {
    margin: 0 var(--jian1);
    padding: 8px;
    display: flex;
    align-items: center;
    border-radius: 80px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.vise-cont-box-top {
    text-align: center;
    display: flex;
    justify-content: center;
}

.vcbt-ule-le.on .vcbt-ule-le-link {
    background-color: #009143;
}

.vcbt-ule-le.on .vcbt-ule-le-link p {
    color: #fff;
}

.vcbt-le-video-cont {
    padding: 24px 91px 26px 24px;
}

.vlvc-tit-lable {
    margin-top: 24px;
}

.vcbt-le .vcbt-le-icon {
    position: relative;
}

.vcbt-le-begi {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.vlvc-time {
    margin-top: 24px;
}

.vlvc-time,
.vlvc-time p {
    color: var(--cl999);
}

.vlvc-tit-lable,
.vlvc-tit-lable p {
    color: #009143;
}

.vlvc-tit-lable {
    padding: 4px 8px;
    background-color: rgba(0, 145, 67, 0.10);
    border-radius: 6px;
    display: inline-block;
}

.vlvc-tit p {
    font-size: inherit;
    line-height: inherit;
    max-height: 3.2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vcbt-le {
    width: 33.3333%;
    padding: 0 var(--jian);
    margin-bottom: 24px;
}

.vise-cont-box-ule {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
    margin-bottom: -24px;
    margin-top: 64px;
}

.vcbt-le-video {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
}

/* e1 */
.inve-cont {
    overflow: inherit;
    position: relative;
    z-index: 10;
    width: 100%;
}

.inve-cont-box-top {
    padding: 45px;
    margin-top: -73px;
    z-index: 1;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.inve-cont-box-bj {
    border-radius: 12px;
    overflow: hidden;
}

.inve-cont-box {
    position: relative;
}

.inve-cont-box-bj {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.inve-cont-box-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.icbt-right {
    width: 49%;
}

.icbt-left {
    width: 51%;
}

.icbt-left-tit {
    line-height: var(--line13);
}

.icbt-left-par-con {
    font-weight: bold;
    margin-bottom: 8px;
}

.icbt-left-par-time {
    color: var(--cl666);
}

.icbt-left-par {
    margin-top: 50px;
}

.icbt-left-digit-six {
    font-weight: bold;
    color: #F13838;
    margin-right: 16px;
    position: relative;
    top: 9px;
}

.icbt-left-digit-bfb {
    color: #F13838;
}

.icbt-left-digit-rmb {
    margin-right: 24px;
}

.icbt-left-digit {
    display: flex;
    align-items: flex-end;
    margin-top: 64px;
}

.icbt-right-ule-le {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 16px;
}

.irul-left {
    width: 65%;
}

.irul-right {
    width: 35%;
}

.inve-cont-box-top {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icbt-right-ule-le:last-child {
    border: none;
    margin-bottom: 0;
}

.ibul-link {
    padding: 16px 24px;
    border-radius: 6px;
    background-color: #fff;
}

.ibul-link-right-pic {
    width: 24px;
}

.ibul-link-right-pic img {
    width: 100%;
}

.ibul-link-left-time {
    color: var(--cl999);
    margin-bottom: 8px;
}

.ibul-link-right {
    display: flex;
    align-items: center;
}

.ibul-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ibul-link-right-par {
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--cl333);
    margin-left: 9px;
}

.inve-bot-ule-le {
    margin-bottom: 16px;
}

.iula-pic {
    width: 24px;
}

.iula-pic img {
    width: 100%;
}

.iula-par {
    color: var(--color4);
    font-weight: bold;
    margin-left: 16px;
}

.inve-base {
    position: relative;
}

.inve-base-box {
    z-index: 1;
    position: relative;
}

.ibbt-ul {
    display: flex;
    margin: 0 -40px;
    justify-content: center;
    margin-top: 64px;
}

.inve-base-box-tit {
    line-height: var(--line13);
    color: #fff;
    text-align: center;
}

.ibbt-ul-li {
    padding: 0 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.ibbt-ul-li:last-child {
    border-right: none;
}

.prevs.swiper-button-disabled {
    pointer-events: none;
}

.prev.swiper-button-disabled {
    pointer-events: none;
}

.nexts.swiper-button-disabled {
    pointer-events: none;
}

.next.swiper-button-disabled {
    pointer-events: none;
}

.ibbt-ul-li-addr {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.ibbt-ul-li-deta a {
    color: var(--color4);
}

.ibbt-ul-li-deta p {
    color: var(--color4);
}

.inve-bot-ule {
    margin-top: 40px;
}

.inve-bot-ule-le:last-child {
    margin-bottom: 0;
}

.ibul-link-left-par {
    width: 441px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.6em;
}

.inve-bot {
    padding-bottom: var(--space120);
    padding-top: var(--space120);
    width: 100%;
    position: relative;
}

.inve-bot::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0.00) 100%);
}

.inve-main {
    background-color: #F5F5F5;
}

/* f2 */
.news-cont {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
    background: #F5F5F5;
}

.ncbc-link-left {
    width: 49%;
}

.ncbc-link-left .ys-imgbox-cover {
    width: 100%;
}

.ncbc-link {
    width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    background-color: #fff;
}

.ncbc-link-right {
    width: 51%;
}

.ncbc-link-right-box {
    padding: 58px 12px 57px 64px;
}

.nlrb-but-right {
    color: var(--color4);
}

.nlrb-but-right {
    padding: 8px 32px 8px 40px;
    background-color: #009143;
    border-radius: 100px;
    display: inline-block;
    position: relative;
}

.nlrb-but-right::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
}

.nlrb-time,
.nlrb-time p {
    color: var(--cl999);
}

.nlrb-tit {
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
}

.nlrb-but {
    margin-top: 80px;
}

.news-cont-box .ys-slick-item {
    padding: 0 10px;
}

.news-cont-box .ys-slick {
    margin: 0 -10px;
}

.news-cont-box .slick-dots {
    position: absolute;
    bottom: 57px;
    display: block;
    width: auto;
    left: calc(100% - 51% + 64px);
    list-style: none;
    text-align: center;
}

.news-cont-box .slick-dots li {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 2px;
    margin: 0 4px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    vertical-align: middle;
    border-radius: 0;
    background: rgba(51, 51, 51, 0.30);
}

.slick-dots li.slick-active {
    background: #009143;
}

.news-cont-box-drop {
    margin-top: 90px;
    position: relative;
    z-index: 10;
}

.news-cont-box-drop .ys-select {
    width: 342px;
}

.ncbu-le-link-bot {
    padding-right: 36px;
    padding-top: 12px;
}

.nllb-time,
.nllb-time p {
    color: var(--cl999);
}

.nllb-par,
.nllb-par p {
    color: var(--cl666);
}

.nllb-par p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.5em;
    margin-top: 8px;
}

.nllb-tit {
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.6em;
    font-weight: bold;
}

.ncbu-le {
    width: 33.3333%;
    padding: 0 var(--jian);
    margin-bottom: 32px;
}

.news-cont-box-ule {
    margin: 0 var(--jian1);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -32px;
    margin-top: 60px;
}

.ncbu-le-link {
    width: 100%;
}

.ncbu-le-link .ys-imgbox-cover {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.news-cont-box-drop .ys-select-hd {
    position: relative;
    width: 100%;
    height: 56px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 100px;
}

.news-cont-box-drop .ys-select-hd input {
    padding: 0 32px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl333);
}

.news-cont-box-drop .ys-select-xtbbox {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s;
}

.news-cont-box-drop .ys-select-li {
    position: relative;
}

.ys-select-li-link .ysll-icon {
    position: relative;
}

.ys-select-li-link .ysll-icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ys-select-li.act .ysll-icon {
    background-color: #009143;
}

.ys-select-li-link {
    display: flex;
    align-items: center;
}

.ysll-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(51, 51, 51, 0.10);
    margin-right: 8px;
}

.news-cont-box-drop .ys-select-bd {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 10;
    width: 91%;
    background: #fff;
    overflow: hidden;
    border-radius: var(--radius);
    transform: translateX(-50%);
}

.news-cont-box-drop .mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
    padding: 24px;
}

.news-cont-box-drop .ys-select-li {
    cursor: pointer;
    margin-bottom: 8px;
}

.news-cont-box-drop .ys-select-li:last-child {
    margin-bottom: 0;
}

/* g1 */
.tact-cont-box-right {
    width: 58%;
    background-color: #FFF;
    border-radius: var(--radius);
}

.tact-cont-box-left {
    width: 42%;
    padding-right: 23px;
}

.tact-cont-box {
    display: flex;
    align-items: stretch;
}

.tcbl-box {
    padding: 58px 129px 101px 63px;
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tcbl-box-tit {
    font-size: var(--font40);
    line-height: var(--line13);
    color: var(--color4);
}

.tcbl-box-par,
.tcbl-box-par p {
    color: #fff;
}

.tcbl-box-par {
    margin-top: 24px;
}

.tbnt-left {
    width: 24px;
    flex-shrink: 0;
}

.tbnt-left img {
    width: 100%;
}

.tcbl-box-name-tact {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.tbnt-right {
    margin-left: 16px;
}

.tbnt-right {
    color: var(--color4);
    font-weight: bold;
}

.tbnu-li-par {
    color: var(--color4);
}

.tbnu-li-par a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.tcbl-box-name.on .tbnu-li-par a {
    text-decoration: underline;
}

.tbnu-li {
    padding: 16px 0;
}

.tcbl-box-name {
    margin-top: 32px;
}

.tcbl-box-name.on {
    margin-top: 46px;
}

.tbnu-li.blod a {
    font-weight: bold;
}

.tcbr-box {
    padding: 52px;
}

.tcbr-box .ys-fii-name {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl333);
    margin-bottom: 4px;
}

.tcbr-box .ys-fii-name span {
    color: #DC0000;
}

.tcbr-box .ys-form-empty .ys-fii-input {
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.tcbr-box .ys-fii-input {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    overflow: hidden;
}

.tcbr-box .ys-fii-input input,
.ys-fii-input textarea {
    width: 100%;
    height: 100%;
    font-size: var(--size18);
    line-height: var(--l1h75);
    color: var(--color333);
    padding: 0 var(--spacein);
    background: #F8F8F8;
}

.tcbr-box .ys-fii-input input::placeholder {
    /* font-size: var(--font16); */
    color: var(--cl999);
    line-height: var(--line175);
}

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

.tcbr-box .ys-form-inof-item {
    padding: 0 var(--jian);
    margin-bottom: 32px;
}

.ys-form-inof {
    margin: 0 var(--jian1);
}

.ys-fic-auth-img {
    width: 152px;
}

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

.captcha {
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.captcha label {
    width: 50%;
}

.tcbr-box .ys-fia-text-btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid rgba(0, 145, 67, 0.40);
    top: 50%;
    left: 50%;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}

.tcbr-box .ys-fia-text-btn {
    width: 14px;
    height: 14px;
    cursor: pointer;
    top: 7px;
}

.tcbr-box .ys-fia-text-word a {
    color: #009143;
}

.tcbr-box .ys-form-inof-text .ys-fii-input {
    height: 153px;
}

.ys-fii-submit {
    margin-left: 0;
    width: 100%;
    background: #009143;
    border-radius: 100px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: var(--size16);
    cursor: pointer;
    height: 58px;
    line-height: 58px;
    text-align: center;
}

.ys-form-inof-submit {
    width: 100% !important;
    margin-left: 0 !important;
}

.tact-main {
    background-color: #F5F5F5;
}

.tact-cont {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}

.tcbt-box-cont {
    background: rgba(255, 255, 255, 0.80);
    width: 100%;
    padding: 32px 39px 20px 32px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
}

.tcbt-box-cont-ul {
    padding-top: 67px;
}

.tcbt-box {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.tcbt-box-cont {
    position: absolute;
    bottom: 0;
    left: 0;
}

.tact-caro-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tcbt-box-cont-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.tbct-left {
    padding-left: 24px;
    position: relative;
    flex-shrink: 0;
    margin-right: 24px;
}

.tbct-right,
.tbct-right p {
    color: var(--cl666);
}

.tbct-right {
    margin-top: 10px;
}

.tbct-left::after {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #009143;
}

.tbcl-li-pic {
    width: 24px;
    flex-shrink: 0;
    margin-top: 3px;
}

.tbcl-li {
    display: flex;
    align-items: flex-start;
}

.tbcl-li-par-phon {
    color: var(--cl666);
    flex-shrink: 0;
}

.tbcl-li-par a {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl333);
}

.tbcl-li-par {
    margin-left: 15px;
}

.tbcl-li-par-phon {
    margin-right: 16px;
}

.tbcl-li-par a {
    padding: 0 var(--jian);
}

.tbcl-li-par {
    display: flex;
    align-items: flex-start;
}

.tbcl-li-par-link {
    margin: 0 var(--jian1);
}

.tbcl-li {
    margin-bottom: 9px;
}

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

.tact-caro-box .swiper-slide {
    width: 588px !important;
}

.tact-caro {
    padding-bottom: var(--space120);
}

.tact-caro-box-top {
    margin-bottom: var(--mar) !important;
}

.valu-swiper .swiper-container {
    overflow: inherit !important;
}

.tact-caro .swiper-container {
    overflow: inherit !important;
}

.tact-caro {
    position: relative;
}

.tact-caro::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--left);
    background-color: #F5F5F5;
    z-index: 1;
}

/* f5 */
.valu-cont-box-tit {
    line-height: var(--line13);
}

.valu-cont-pic {
    width: 100%;
}

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

.valu-cult-box-tit {
    line-height: var(--line13);
    text-align: center;
    padding-bottom: var(--space40);
}

.vcbu-li-left {
    width: 57%;
}

.vcbu-li-right {
    width: 43%;
    padding-left: 165px;
}

.vcbu-li-left .ys-imgbox-contain {
    border-radius: 16px;
    overflow: hidden;
}

.vcbu-li {
    display: flex;
    align-items: center;
}

.vcbu-li-right-part,
.vcbu-li-right-part p {
    color: var(--cl666);
}

.vcbu-li-right-par,
.vcbu-li-right-par p {
    color: #009143;
}

.vcbu-li-right-tit {
    padding: 16px 0;
    margin-right: 40px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -35px !important;
    left: 0;
    width: 100%;
}

.vcbu-li {
    margin-bottom: 96px;
}

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

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

.vcbu-li:nth-child(2n) .vcbu-li-right {
    padding-left: 0;
    padding-right: 138px;
}

.valu-swiper-box-tit {
    line-height: var(--line13);
    text-align: center;
}

.valu-swiper {
    padding-bottom: var(--space120);
}

.swiper-slide-link-par p {
    width: 100%;
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--cl333);
    font-weight: bold;
    margin-top: 24px;
}

.swiper-slide-link {
    width: 100%;
    height: 100%;
}

.swiper-slide-link .ys-imgbox-cover {
    border-radius: var(--radius);
    overflow: hidden;
}

.valu-swiper-box .swiper-container {
    margin-top: 60px;
}

.valu-swiper .swiper-slide {
    flex-shrink: 0;
    width: 718px !important;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.valu-swiper .swiper-container {
    position: relative;
}

.valu-swiper .le {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.valu-swiper .ri {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

/* f4 */
.scie-main-box-right {
    width: 49%;
}

.scie-main-box-left {
    width: 39%;
}

.smbl-tit {
    line-height: var(--line13);
}

.smbl-par,
.smbl-par p {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--cl666);
}

.smbl-par {
    margin-top: 24px;
}

.scie-main-box {
    display: flex;
    justify-content: space-between;
}

.spul-par,
.spul-par p {
    color: #009143;
}

.spul-par {
    margin-bottom: 8px;
}

.smbl-par-ul-li p span {
    font-size: var(--font32);
    line-height: var(--line15);
    color: var(--cl333);
}

.smbl-par-ul-li {
    padding: 0 50px;
}

.smbl-par-ul {
    display: flex;
    align-items: center;
    margin: 0 -50px;
    margin-top: 168px;
}

.sabt-tit {
    line-height: var(--line13);
}

.sabt-par,
.sabt-par p {
    color: var(--cl666);
}

.sabt-par {
    margin-top: 32px;
}

.ssul-box-tit {
    font-weight: bold;
    text-align: center;
}

.swiper-slide-ul-li {
    display: flex;
    /* align-items: center; */
    width: 25%;
    padding: 8px 25px;
    margin-bottom: 74px;
}

.ssul-box {
    text-align: center;
}

.ssul-box-time,
.ssul-box-time p {
    color: var(--cl666);
}

.ssul-box-time {
    color: #666;
    margin-bottom: 8px;
}

.swiper-slide-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
    padding-bottom: 64px;
    margin-bottom: -74px;
}

.valu-swiper .swiper-slide {
    width: 100%;
}

.scie-awar .swiper-container {
    margin-top: 103px;
}

.scie-awar-box-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.scie-awar .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.30) !important;
    opacity: .2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #009143 !important;
}

.sabt-par span {
    font-size: var(--font20);
    line-height: inherit;
    color: #009143;
    font-weight: bold;
}

.ssul-lbox {
    width: 100%;
    height: 100%;
    padding: 17px 34px 33px 24px;
    border-radius: 6px;
    background-color: #009143;
}

.scie-unit .swiper-slide-ul-li {
    display: block;
}

.scie-unit {
    position: relative;
    width: 100%;
}

.scie-awar-box-top {
    position: relative;
    z-index: 1;
}

.scie-unit-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    border-radius: 16px;
    overflow: hidden;
}

.scie-unit-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ssul-pard,
.ssul-pard p {
    color: rgba(255, 255, 255, 036);
}

.valu-cont-pic-ph {
    display: none;
}

.ssul-titd,
.ssul-titd p {
    color: var(--color4);
    font-weight: bold;
    margin-top: 65px;
}

.scie-unit .swiper-slide-ul-li {
    padding: 0 var(--jian);
}

.scie-unit .swiper-slide-ul {
    margin: 0 var(--jian1);
    margin-bottom: -74px;
}

.scie-unit .swiper-container {
    margin-top: 95px;
}

.scie-orga-box-left {
    width: 41%;
}

.scie-orga {
    position: relative;
}

.scie-orga-bj {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.scie-orga-bj img {
    width: 100%;
}

.scie-awar {
    background-color: #F5F5F5;
}

.sobl-tit {
    line-height: var(--line13);
}

.sobl-par,
.sobl-par p {
    color: var(--cl666);
}

.sobl-par {
    margin-top: 24px;
}

.sobl-ul-link {
    padding: 25px 40px 25px 25px;
    background-color: #fff;
    border-radius: 6px;
}

.sobl-ul-link-left {
    font-weight: bold;
    margin-left: 12px;
    position: relative;
    width: 75%;
    transition: all .36s;
}

.swipert {
    display: none;
}

.sobl-ul-link-left::after {
    content: '';
    position: absolute;
    left: -14px;
    top: 13px;
    width: 4px;
    height: 4px;
    background-color: #009143;
    border-radius: 50%;
}

.sobl-ul-link-right {
    font-weight: bold;
    padding-left: 24px;
    position: relative;
}

.sobl-ul-link-right::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 19px;
    background: rgba(0, 0, 0, 0.10);
}

.sobl-ul-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sobl-ul-li {
    margin-bottom: 8px;
}

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

.sobl-ul {
    margin-top: 52px;
}

/* f3 */
.tails-cont {
    overflow: inherit;
}

.tails-cont-box-right {
    width: 32%;
    position: sticky;
    top: calc(var(--headh) + 60px);
}

.tails-cont-box-left {
    width: 68%;
    padding-right: 146px;
}

.tcbl-tit {
    line-height: var(--line13);
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.tails-cont {
    padding-top: 125px;
    padding-bottom: var(--space120);
}

.tcbl-box-time-pic {
    width: 18px;
}

.tcbl-box-time-pic img {
    width: 100%;
}

.tcbl-box-time {
    display: flex;
    align-items: center;
    margin-right: 64px;
}

.tcbl-time-par {
    color: var(--cl666);
    margin-left: 12px;
}

.tcbl-box-share .ys-share-img {
    width: 26px;
}

.tcbl-box-share .ys-share-img img {
    width: 100%;
}

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

.tcbl-box-share-sha {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    margin-right: 24px;
}

.tcbl-box-share .ys-share-list {
    padding: 0 8px;
}

.tcbl-box-share .ys-share {
    margin: 0 -8px;
}

.tcbl-boxe {
    display: flex;
    align-items: center;
}

.tcbl-boxe {
    margin-top: 26px;
}

.tcbl-editor {
    margin-top: 41px;
    margin-bottom: 30px;
}

.tcbl-editor p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    margin-bottom: 12px;
}

.tcbl-editor h2 {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--cl333);
    margin-bottom: 11px;
}

.tcbl-ul-li-link {
    padding: 32px;
    width: 100%;
    border-radius: var(--radius);
    background: #F5F5F5;
}

.tull-page,
.tull-page p {
    color: rgba(51, 51, 51, 0.60);
}

.tull-tit {
    font-weight: bold;
    margin-top: 16px;
    transition: all .36s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em;
}

.tull-time,
.tull-time p {
    color: var(--cl999);
}

.tull-time {
    margin-top: 8px;
}

.tcbl-ul {
    padding-right: 40px;
}

.tcbl-ul-li {
    margin-bottom: 24px;
}

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

.tcbl-ul-li.on .tull-page {
    text-align: right;
}

.tcbl-ul-li.on .tull-time {
    text-align: right;
}

.tcbr-tit {
    color: #424144;
    font-weight: bold;
}

.tull-left {
    width: 42%;
}

.tull-left .ys-imgbox-cover {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.tull-right {
    width: 58%;
    padding-left: 16px;
}

.tull-right-time {
    color: #999;
}

.tull-right-tit {
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 7em;
    transition: all .36s;
}

.tcbr-ul-li-link {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid rgba(78, 89, 105, 0.20);
}

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

.tcbr-ul-li-link {
    display: flex;
}

.tcbr-ul {
    margin-top: 24px;
}

.tcbr-ul-li:first-child .tcbr-ul-li-link {
    padding-top: 0;
}

.tcbr-ul-li:last-child .tcbr-ul-li-link {
    padding-bottom: 0;
    border-bottom: none;
}

.tails-main .yxedr-active ol,
.yxedr-active ul {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 24px;
}

.valu-swiper .ri {
    position: absolute;
    right: 0;
}

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

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

.tcbr-box .ys-fii-input input,
.ys-fii-input textarea {
    padding: 10px;
}

@media screen and (min-width: 1200px) {

    /* d4 */
    .rbtu-le:hover {
        cursor: pointer;
    }

    .rcbt-but:hover {
        cursor: pointer;
    }

    .pc-fenye li:hover {
        color: #fff;
        background: #009143;
    }

    .rcbb-ule-le-box:hover .rbrb-pic-tran {
        opacity: 1;
    }

    .rcbb-ule-le-box:hover .rbrb-pic-defa {
        opacity: 0;
    }

    .rcbb-ule-le-box:hover .rulb-bot-right-box {
        background-color: #009143;
    }

    .rcbb-ule-le-box:hover .rbrb-par p {
        color: #fff;
    }

    /* d6 */
    .vcbt-ule-le:hover .vcbt-ule-le-link {
        background-color: #009143;
    }

    .vcbt-ule-le:hover .vcbt-ule-le-link p {
        color: #fff;
    }

    .vcbt-le:hover {
        cursor: pointer;
    }

    /* e1 */
    .inve-bot-ule-le:hover {
        cursor: pointer;
    }

    /* f3 */
    .tcbr-ul-li-link:hover .tull-right-tit {
        color: #009143;
    }

    .tcbl-ul-li:hover .tull-tit {
        color: #009143;
    }

    /* f4 */
    .sobl-ul-li:hover .sobl-ul-link-left {
        color: #009143;
    }
}

/* leo - end */
.ys-banner-wrap-input {
    width: 708px;
    max-width: 100%;
    position: relative;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.10);
    margin: 0 auto;
    height: 60px;
    margin-top: 64px;
    overflow: hidden;
}

.ys-banner-wrap-input img {
    width: 24px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.ys-banner-wrap.ys-banner-search {
    width: 100%;
    text-align: center;
}

.ys-banner-wrap-input input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    padding-left: 56px;
    padding-right: 120px;
}

.ys-banner-wrap-input input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ys-banner-wrap-input input:-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ys-banner-wrap-input input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ys-banner-wrap-input input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.ybwi-btn {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    cursor: pointer;
    background: #fff;
    border-radius: 100px;
    padding: 8px 32px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.techni-questi {
    width: 100%;
    position: relative;
}

.techni-questi-top {
    width: 100%;
    position: relative;
}

.techni-questi-btm-more {
    display: flex;
    justify-content: center;
}

.tqbm-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.tqbm-btn p {
    color: #009143;
    padding-right: 8px;
}

.tqbm-btn img {
    width: 24px;
    transition: all 0.36s;
}

.techni-questi-btm-ul {
    padding-bottom: 13px;
}

.techni-docum-btm {
    width: 100%;
}

.techni-docum .rcbb-ule-le-box {
    background: #F5F5F5;
}

.techni-docum .rulb-bot-right-box {
    background-color: #fff;
}

.rulb-top {
    width: 100%;
}

.rulb-top-par {
    height: 4.8em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.rulb-bot {
    padding-top: 88px;
}

.techni-docum .rcbb-ule-le {
    display: none;
    margin-bottom: 0 !important;
}

.techni-docum .rcbb-ule-le:first-child {
    display: block;
}

.techni-docum .rcbb-ule {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.techni-docum-btm-more {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

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

.ys-video-btn {
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.vlvc-tit p {
    transition: all 0.36s;
}

.techni-video .vcbt-le {
    display: none;
    margin-bottom: 0 !important;
}

.techni-video .vise-cont-box-ule {
    margin-bottom: 0 !important;
}

.techni-video .vcbt-le:first-child {
    display: block;
}

.techni-othar {
    width: 100%;
    position: relative;
}

.techni-othar-wrap {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
}

.techni-othar-ri {
    width: 36.5%;
}

.techni-othar-ri img {
    width: 100%;
}

.techni-othar-le {
    width: 52.5%;
    padding: 60px 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.techni-othar-le-tit p {
    color: #333333;
    line-height: 1.5;
}

.techni-othar-le-info p {
    color: #999;
    line-height: 1.75;
}

.techni-othar-le-info,
.techni-othar-le-tit {
    margin-bottom: 24px;
}

.techni-othar-le-more {
    display: flex;
}

.electro-pain {
    width: 100%;
    position: relative;
}

.electro-pain-btm {
    width: 100%;
    position: relative;
}

.electro-pain-btm-swiper {
    width: 100%;
}

.epbs-li {
    width: 100%;
    padding: 0 10px;
}

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

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

.epbs-li-wrap-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.epbs-li-wrap-img img {
    width: 100%;
}

.epbs-li-wrap-positi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 95px 136px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.elwp-top {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}

.elwp-top .ybwm-link {
    font-size: 14px;
    line-height: 1.65;
}

.elwp-top-tit {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 25px;
}

.elwp-top-tit .std-h4 {
    color: #fff;
}

.elwp-btm p {
    color: #fff;
    line-height: 1.75;
}

.elwp-btm {
    width: 657px;
    max-width: 100%;
}

.electro-pain-btm .hspb-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.electro-pain-btm .hspb-btn-le {
    left: 24px;
}

.electro-pain-btm .hspb-btn-ri {
    right: 24px;
}

.electro-pain-btm .hspb-btn rect {
    fill: rgba(255, 255, 255, 0.2)
}

.electro-quality-wrap {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: var(--radius);
}

.eqbu-li {
    width: 50%;
    padding: 0 var(--jian);
    margin-bottom: 24px;
}

.electro-quality-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.eqbu-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    background: #F5F5F5;
    padding: 24px 49px;
}

.eqbu-link-le-tit p {
    color: #333;
    line-height: 1.6;
    font-weight: bold;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.eqbu-link-le-tit {
    margin-bottom: 8px;
    transition: all 0.36s;
}

.eqbu-link-le-info p {
    color: #999;
    line-height: 1.75;
    max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.eqbu-link-ri {
    width: 25%;
}

.eqbu-link-le {
    width: 66%;
}

.eqbu-li-end .eqbu-link {
    background: #009143;
}

.eqbu-link-arr {
    width: 48px;
}

.eqbu-link-arr img {
    width: 100%;
}

.eqbu-li-end .eqbu-link-le-tit p {
    color: #fff !important;
}

.eqbu-li-end .eqbu-link-le-info p {
    color: #fff;
}

.electro-experie {
    width: 100%;
    position: relative;
}

.eebu-li {
    width: 16.5%;
    padding: 0 var(--jian);
    transition: all 0.56s;
}

.electro-experie-btm-ul {
    margin: 0 var(--jian1);
    display: flex;
    flex-wrap: wrap;
}

.eebu-li-wrap {
    width: 100%;
    height: 500px;
    position: relative;
}

.eebu-li-wrap-img {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.eebu-li-wrap-img::after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.eebu-li-wrap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eebu-li.act {
    width: 67%;
}

.elwp-icon {
    width: 40px;
    margin-bottom: 24px;
}

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

.eebu-li-wrap-positi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 48px;
    opacity: 0;
    transition: all 0.26s;
}

.eebu-li.act .eebu-li-wrap-positi {
    opacity: 1;
    transition-delay: 0.36s;
}

.elwp-tit p {
    color: #fff;
}

.elwp-info p {
    color: #fff;
}

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

.elwp-info {
    width: 725px;
    max-width: 100%;
}

.electro-informa {
    width: 100%;
    position: relative;
}

.electro-informa-btm {
    width: 100%;
}

.electro-informa-btm .ncbu-le {
    display: none;
    margin-bottom: 0 !important;
}

.electro-informa-btm .news-cont-box-ule {
    margin-bottom: 0 !important;
}

.electro-informa-btm .ncbu-le:first-child {
    display: block;
}

.nllb-tit {
    transition: all 0.36s;
}

.electro-down-btm .ibul-link-right {
    flex: none;
}

.electro-down-btm .rulb-top-par {
    height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.electro-down-btm .ibul-link-right-par {
    font-size: 16px;
    margin-left: 0;
    padding-right: 8px;
    color: #009143;
}

.electro-down-btm .ibul-link {
    padding: 24px 40px;
    border-radius: var(--radius);
}

.rulb-top-par {
    transition: all 0.36s;
}

.specif-page .ys-nybanner .ys-ban-imgbox::before {
    display: none;
}

.specif-page .ys-banner-wrap-tit .std-h2 {
    color: #333;
}

.specif-page .ys-banner-wrap-info p {
    color: rgba(102, 102, 102, 0.8);
}

.ybwi-link {
    border-radius: 100px;
    background: #009143;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    transition: all 0.36s;
}

.ybwi-link p {
    color: #fff;
    line-height: 1.8;
    font-size: 14px;
    padding-right: 8px;
}

.ybwi-link img {
    width: 16px;
}

.specif-page .mod-bread-ul-li a {
    color: rgba(0, 0, 0, 0.4);
}

.specif-page .mod-bread-ul-li::after {
    background-image: url(../images/breadh.svg);
    opacity: 0.4;
}

.specif-platfor {
    width: 100%;
    position: relative;
}

.specif-platfor-btm {
    width: 100%;
    position: relative;
}

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

.specif-platfor-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jian1);
}

.spbu-wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 12px;
    padding: 32px;
}

.spbu-wrap-icon {
    width: 48px;
    margin-bottom: 48px;
}

.spbu-wrap-icon img {
    width: 100%;
}

.spbu-wrap-icon-tit p {
    color: #009143;
    font-weight: bold;
}

.spbu-wrap-icon-info {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 24px;
    margin-top: 24px;
}

.spbu-wrap-icon-info p {
    color: #666;
    line-height: 1.75;
    position: relative;
    padding-left: 32px;
    margin-bottom: 8px;
}

.spbu-wrap-icon-info p::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 6px;
    width: 14px;
    height: 14px;
    background-image: url(../images/c3icon2.svg);
    background-size: 100% 100%;
}

.specif-charac {
    width: 100%;
    position: relative;
}

.specif-charac-btm {
    width: 100%;
    position: relative;
}

.specif-charac-btm-li {
    width: 100%;
    background: #fff;
    border-radius: var(--radius);
    padding: 50px 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.specif-charac-btm-li:last-child {
    margin-bottom: 0;
}

.scbl-le {
    width: 43%;
    border-radius: 6px;
}

.scbl-ri {
    width: 51%;
}

.scbl-ri-tit p {
    color: #333;
}

.scbl-ri-tit {
    margin-bottom: 32px;
}

.mpbr-style1.mpbr-style ul li p {
    padding-left: 40px;
    color: #666;
}

.mpbr-style1.mpbr-style ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mpbr-style1.mpbr-style ul li {
    padding-top: 23px;
    padding-bottom: 23px;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

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

.specif-param-wrap {
    width: 100%;
    position: relative;
    border-radius: var(--radius);
}

.specif-param-btm {
    width: 100%;
    position: relative;
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0px 4px 20.2px 0px rgba(145, 152, 157, 0.20);
    backdrop-filter: blur(12px);
    padding: 30px 80px 40px;
}

.specif-param-btm-switch {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /* padding-bottom: 10px; */
    margin-bottom: 47px;
}

.sull-ul .slick-dots {
    margin-top: 14px !important;
}

.spbs-ul {
    display: flex;
}

.spbs-ul-li {
    margin-right: 40px;
    position: relative;
    padding: 18px 0;
    cursor: pointer;
}

.spbs-ul-li::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #009143;
    transition: all 0.36s;
    opacity: 0;
}

.spbs-ul-li.act::after {
    opacity: 1;
    width: 100%;
}

.spbs-ul-li p {
    color: #333;
    line-height: 1.8;
    transition: all 0.36s;
}

.spbs-ul-li:last-child {
    margin-right: 0;
}

.spbs-ul-li.act p {
    color: #009143;
}

.sull-ul-li {
    width: 100%;
    display: none;
}

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

.sull-le {
    width: 36%;
}

.sull-ri {
    width: 50%;
    padding-top: 37px;
    padding-right: 8%;
}

.sull-ri .mCSB_outside+.mCSB_scrollTools {
    right: -87px;
}

.specif-param-btm-slick {
    width: 100%;
}

.spbs-ul {
    width: 100%;
}

.sprs-ul-li {
    width: 100%;
    display: none;
}

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

.spbs-ul-li-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}

.sull-ri-top {
    width: 100%;
    position: relative;
    margin-bottom: 97px;
    max-height: 214px;
    overflow: hidden;
    padding-bottom: 30px;
}

.sull-ri-top::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    border-left: 1px dashed rgba(0, 0, 0, 0.2);
}

.srtl-le p {
    color: #666;
    line-height: 1.6;
    display: flex;
    justify-content: center;
    width: 160px;
    max-width: 100%;
}

.srtl-ri p {
    color: #333;
    line-height: 1.6;
}

.sull-ri-top-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.srtl-le {
    width: 50%;
    /* padding-right: 15px; */
    text-align: center;
    display: flex;
}

.srtl-ri {
    width: 50%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.srtl-ri p {
    color: #333;
    line-height: 1.6;
    text-align: center;
}

.sull-round .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
}

.sull-round .slick-dots li.slick-active {
    background: #009143;
}

.srbl-link svg {
    width: 16px;
    flex: none;
}

.srbl-link svg path {
    transition: all 0.36s;
}

.srbl-link p {
    color: #333;
    line-height: 1.8;
    font-size: 14px;
    transition: all 0.36s;
    padding-right: 8px;
}

.srbl-link {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    padding: 8px 32px;
    transition: all 0.36s;
}

.sull-ri-btm {
    width: 100%;
    display: flex;
}

.sull-ri-btm-li {
    margin-right: 16px;
}

.sull-ri-top .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px !important;
    background: #009143 !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

.sull-ri-top .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px !important;
    background: rgba(0, 0, 0, 0.1) !important;
}

.specif-pictur {
    width: 100%;
    position: relative;
}

.specif-pictur-btm {
    width: 100%;
}

.specif-pictur-btm img {
    width: 100%;
}

.specif-indust {
    width: 100%;
    position: relative;
}

.specif-indust-btm {
    width: 100%;
    position: relative;
}

.sibu-li {
    width: 586px !important;
    margin-right: 24px;
}

.sibu-limk .ys-imgbox-cover {
    border-radius: 12px;
}

.sibu-limk-btm-le p {
    color: #333;
    font-weight: bold;
    line-height: 1.6;
    transition: all 0.36s;
    max-height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.sibu-limk-btm {
    width: 100%;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sibu-limk-btm-ri {
    display: flex;
    align-items: center;
    background: #009143;
    border-radius: 4px;
    transition: all 0.36s;
    padding: 4px 12px;
}

.sibu-limk-btm-ri img {
    width: 16px;
}

.sibu-limk-btm-ri p {
    color: #fff;
    line-height: 1.8;
    font-size: 14px;
}

.specif-related {
    width: 100%;
    position: relative;
}

.specif-related-btm {
    width: 100%;
    position: relative;
}

.specif-related .esru-li {
    display: none;
}

.specif-related .esru-li:first-child {
    display: block;
}

.ys-banner-produc {
    width: 37%;
    flex: none;
}

.specif-page .ys-ban-txtbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sibu-limk {
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
}

.specif-pop {
    width: 100vw;
    height: 100vh;
    /* overflow-x: auto; */
    background: rgba(0, 0, 0, 0.5);
}

.specif-pop .ys-cont1440 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.specif-pop-wrap {
    width: 100%;
    border-radius: 30px;
    background: #fff;
    padding: 110px 120px;
    position: relative;
}

.specif-pop-top-le .std-h2 {
    color: #333;
    line-height: 1.3;
}

.specif-pop-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 64px;
}

.specif-pop-top-le {
    width: 45%;
}

.specif-pop-top-ri {
    width: 49%;
}

.specif-pop-top-ri p {
    color: #666;
    line-height: 1.75;
    margin-bottom: 16px;
}

.specif-pop-top-ri p:last-child {
    margin-bottom: 0;
}

.specif-pop-btm-tit .std-h3 {
    color: #333;
    line-height: 1.3;
    margin-bottom: 40px;
}

.specif-pop-btm-ul {
    width: 100%;
    position: relative;
    padding-bottom: 40px;
}

.sppu-li {
    width: 100%;
    position: relative;
    border-radius: 20px;
    background: #F5F5F5;
    padding: 67px 64px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.specif-pop-cont {
    width: 100%;
    height: 100%;
}

.specif-pop-close {
    position: absolute;
    top: 40px;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    z-index: 10;
    cursor: pointer;
    pointer-events: none;
}

.ys-modal-close {
    width: 48px;
}

.specif-pop-close .ys-modal-close {
    pointer-events: all;
    top: 23px;
    right: 22px;
}

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

.sppu-li-le {
    width: 35%;
}

.sppu-li-ri {
    width: 54%;
}

.sppu-li-ri-tit .std-tit20 {
    color: #333;
    line-height: 1.5;
    font-weight: bold;
}

.sppu-li-ri-tit {
    margin-bottom: 34px;
}

.slru-li-tit img {
    width: 24px;
    flex: none;
    margin-top: 3px;
}

.slru-li-tit p {
    color: #009143;
    font-weight: bold;
    line-height: 1.75;
    padding-left: 8px;
}

.slru-li-tit {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.slru-li-info p {
    color: #666;
    line-height: 1.75;
}

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

.sppu-li-ri-ul {
    padding-bottom: 24px;
}

.sppu-li-ri-more {
    display: flex;
}

.specif-pop-btm-more {
    display: flex;
    justify-content: center;
}

.ys-banner-wrap-ph {
    display: none;
}

.level-show {
    width: 100%;
    position: relative;
}

.level-show-btm {
    width: 100%;
    position: relative;
}

.lsbs-li {
    width: 33.333333%;
    padding: 0 14px;
}

.level-show-btm-swiper {
    margin: 0 -14px;
}

.lsbs-wrap {
    border-radius: var(--radius);
    background: #FFF;
    position: relative;
    padding: 46px 30px;
    transition: all 0.36s;
    width: 100%;
    height: 100%;
    border-bottom: 2px solid transparent;
}

.lsbs-li-top {
    width: 100%;
    margin-bottom: 54px;
}

.lsbs-li-top-tit p {
    color: #333;
    transition: all 0.36s;
    line-height: 1.5;
    font-weight: bold;
}

.lsbs-li-top-tit {
    padding-bottom: 33px;
    margin-bottom: 21px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.lsbs-li-top-info p {
    color: #666;
}

.lsbs-li-btm-tit p {
    color: #333;
    font-weight: bold;
    line-height: 1.75;
}

.lsbs-li-btm-tit {
    margin-bottom: 16px;
}

.lsbs-li-btm-ul {
    display: flex;
    flex-wrap: wrap;
}

.llbu-li {
    border-radius: 100px;
    background: #F5F5F5;
    padding: 8px 15px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.llbu-li p {
    color: #666;
    line-height: 1.75;
}

.lsbs-ul .lsbs-li {
    height: auto !important;
}

.level-advant {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

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

.level-advant-le {
    width: 45.5%;
    border-radius: var(--radius);
    overflow: hidden;
}

.level-advant-le img {
    width: 100%;
}

.level-advant-ri {
    width: 47.5%;
}

.lart-tit .std-h3 {
    color: #333;
    line-height: 1.3;
}

.lart-info p {
    color: #666;
    line-height: 1.75;
}

.level-advant-ri-top {
    width: 100%;
    padding-right: 36px;
    margin-bottom: 60px;
}

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

.level-advant-ri-btm {
    width: 100%;
}

.larb-li {
    width: 100%;
}

.larb-li-top {
    width: 100%;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0;
    cursor: pointer;
}

.larb-li:last-child .larb-li-top {
    border-bottom: none;
}

.larb-li-btm p {
    color: #666;
    line-height: 1.75;
    position: relative;
    padding-left: 32px;
    margin-bottom: 8px;
}

.larb-li-btm p::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0px;
    background-image: url(../images/c5_icon_01.svg);
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
}

.larb-li-btm {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    display: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.larb-li.act .tqbu-li-top-tit p {
    color: #009143;
}

.larb-li.act .tqbu-li-top-svg path {
    stroke: #009143;
}

.larb-li.act .tqbu-li-top-svg .tlts-path2 {
    display: none;
}

.level-simula {
    width: 100%;
    position: relative;
}

.level-simula-ul-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 84px;
}

.lsul-ri {
    width: 41.5%;
    border-radius: var(--radius);
}

.lsul-le {
    width: 52%;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.lsul-le::after {
    content: '';
    position: absolute;
    top: 70px;
    left: 29px;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.level-simula-ul-li:last-child .lsul-le::after {
    display: none;
}

.level-simula-ul-li:last-child {
    margin-bottom: 0 !important;
}

.lsul-le-num {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    border-radius: 4px;
    background: #009143;
}

.lsul-le-copywr {
    width: 100%;
    padding-left: 33px;
    padding-top: 8px;
}

.lsul-le-num p {
    color: #fff;
}

.lsul-le-copywr-tit p {
    color: #333;
    line-height: 1.5;
}

.lsul-le-copywr-tit {
    margin-bottom: 32px;
}

.home-solut-top-imgph {
    display: none;
}

.ys-ban-li.slick-current .ys-ban-imgbox {
    animation: mysacle 5s ease both;
}

@keyframes mysacle {
    0% {
        transform: scale(1.15);
    }
}

.ys-ban-li.slick-current .ys-banner-wrap-tit,
.ys-ban-li.slick-current .ys-banner-wrap-info,
.ys-ban-li.slick-current .ys-banner-wrap-more {
    animation: ysfadeInUp 1s ease-in-out both;
}

.tqbu-li {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding-left: 40px;
    padding-right: 40px;
}

.tqbu-li-top {
    width: 100%;
    padding: 32px 0px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: flex-start;
}

.tqbu-li-top-svg {
    width: 40px;
    flex: none;
}

.tqbu-li-top-svg svg {
    width: 100%;
}

.tqbu-li-top-tit {
    margin-top: 5px;
    width: 100%;
    padding-right: 10px;
}

.tqbu-li:nth-child(n+6) {
    display: none;
}

.techni-questi-btm.act .tqbu-li {
    display: block;
}

.techni-docum-wrap {
    width: 100%;
    background: #fff;
    border-radius: var(--radius);
}

.tqbu-li-top-tit p {
    color: #333;
    line-height: 1.5;
    font-weight: bold;
}

.tqbu-li-btm {
    width: 100%;
    padding: 32px 0px;
    border-top: 1px solid #D9D9D9;
}

.tqbu-li {
    margin-bottom: 27px;
}

.tqbu-li-btm p {
    color: #666;
    line-height: 1.75;
    margin-bottom: 0 !important;
}

.tqbu-li-btm li {
    color: #666;
}

.tqbu-li-btm {
    display: none;
}

.tqbu-li.act .tlts-path2 {
    opacity: 0;
}

.inve-main .mod-bread {
    bottom: 120px;
}

.tails-main {
    background: #fff;
}

.tails-main .mod-bread-ul-li a {
    color: rgba(0, 0, 0, 0.4);
}

.tails-main .mod-bread-ul-li::after {
    background-image: url(../images/breadh.svg);
    opacity: 0.4;
}

.tails-cont {
    position: relative;
}

.tails-cont .mod-bread {
    bottom: auto;
    top: 30px;
}

.valu-cult-box-tit {
    padding-bottom: 0 !important;
}

.vcbu-li-left .ys-imgbox-cover {
    border-radius: var(--radius);
}

.ys-banner-wrap-info a {
    color: #fff;
    font-weight: bold;
}

.tact-main .ys-banner-wrap-info p {
    margin-bottom: 16px;
}

.level-frame {
    width: 100%;
}

.level-frame-btm {
    width: 100%;
    position: relative;
}

.level-related {
    width: 100%;
    position: relative;
}

.level-related-btm {
    width: 100%;
    position: relative;
    z-index: 10;
    padding-bottom: 20px;
    padding-top: 40px;
}

.level-related-btm::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 13%;
    height: calc(100% - 2px);
    border-radius: 12px;
    border: 1px solid #009143;
    background: rgba(0, 145, 67, 0.10);
    z-index: -1;
}

.level-related-btm {
    padding-left: 40px;
}

.level-related-btm td {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
    text-align: center;
    padding: 16px 10px;
}

.level-related-btm table {
    border-collapse: collapse;
    border: 0;
    /* width: 100%; */
    min-width: 100%;
}

.level-related-btm tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.level-related-btm tr:last-child,
.level-related-btm tr:first-child {
    border-bottom: none;
}

.level-related-btm td:first-child {
    color: #333;
    font-weight: bold;
    text-align: left;
    padding-left: 0 !important;
}

.level-related-btm img {
    width: 192px;
    max-width: 100%;
}

.level-related-btm tr:nth-child(2) td {
    color: #009143;
    font-weight: bold;
}

.level-related-btm td {
    width: 29%;
}

.level-related-btm td:nth-child(1) {
    width: 13%;
}

.level-related .sull-ri-btm {
    display: flex;
    justify-content: center;
    margin-top: 64px;
}

.about-page .ys-banner-wrap {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.about-page-ban-icon {
    margin-bottom: 5px;
}

.about-page .ys-pos-center {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 150px;
}

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

.hstt-ri p span {
    color: #009143;
    font-weight: bold;
}

.about-brief-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.about-brief-btm-le {
    width: 66%;
}

.about-brief-btm-ri {
    width: 34%;
    padding-left: 24px;
}

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

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

.abbl-ul {
    border-radius: var(--radius);
    overflow: hidden;
}

.abbl-widget {
    display: flex;
    width: 100%;
    padding-left: 27px;
    align-items: center;
    margin-top: 48px;
}

.abbl-widget-dots {
    display: flex;
    padding: 0 8px;
}

.abbl-widget-dots-li {
    margin: 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.36s;
}

.abbl-widget-arr {
    width: 16px;
    transition: all 0.36s;
    cursor: pointer;
}

.abbl-widget-arr img {
    width: 100%;
}

.abbl-widget-dots-li.act {
    background: #009143;
}

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

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

.about-develop-tit .std-h3 {
    color: #333;
    line-height: 1.2;
}

.about-develop-btm {
    width: 100%;
    position: relative;
}

.about-develop-btm-year {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

.adby-li p {
    font-size: var(--font48);
    line-height: 1.3;
    transition: all 0.36s;
}

.adby-ul {
    display: flex;
    flex-wrap: wrap;
    width: 79%;
    position: relative;
    margin: 0 auto;
}

.adby-li {
    position: relative;
    padding-bottom: 43px;
    text-align: center;
    width: 25%;
    display: none;
    cursor: pointer;
}

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

.adby-li::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: #009143;
    border-radius: 50%;
    bottom: -20px;
    transition: all 0.36s;
    opacity: 0;
}

.adby-li::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%;
    transition: all 0.36s;
}

.about-develop-btm-year::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.adbu-wrap-le {
    width: 36%;
    border-radius: 6px;
}

.adbu-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.adbu-wrap-ri {
    width: 54%;
    height: 290px;
    overflow: hidden;
    padding-left: 120px;
    padding-right: 80px;
}

.awrl-le {
    width: 90px;
    padding-right: 10px;
}

.awrl-ri {
    width: calc(100% - 90px);
}

.awrl-le p {
    color: #999;
    line-height: 1.6;
}

.awrl-ri p {
    color: #333;
    line-height: 1.6;
    margin-bottom: 8px;
}

.adbu-wrap-ri-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 8px;
}

.adbu-wrap-ri .mCSB_dragger_bar {
    width: 4px !important;
    background: #009143 !important;
}

.adbu-wrap-ri .mCSB_draggerRail {
    width: 4px !important;
    background: rgba(0, 0, 0, 0.1) !important;
}

.adby-ul .slick-list {
    overflow: visible !important;
}

.adby-li.slick-current::before {
    opacity: 1;
}

.adby-li.slick-current::after {
    background: #fff;
}

.adby-li.slick-current p {
    color: #009143;
}

.adbu-li {
    display: none;
}

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

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

.about-streng .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-streng-le {
    width: 48%;
}

.about-streng-ri {
    width: 32%;
}

.about-page {
    background: #fff;
}

.about-develop-btm-year .hspb-btn {
    position: absolute;
    bottom: -25px;
}

.about-develop-btm-year .hspb-btn-le {
    left: 0;
}

.about-develop-btm-year .hspb-btn-ri {
    right: 0;
}

.about-streng-le-tit .std-h3 {
    color: #333;
    line-height: 1.2;
}

.about-streng-le-tit {
    margin-bottom: 40px;
    width: 63%;
}

.about-streng-le-info p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 22px;
}

.about-streng-ri-li {
    width: 100%;
    border-radius: 12px;
    background: #F5F5F5;
    padding: 21px 36px;
    position: relative;
    margin-bottom: 20px;
}

.about-streng-ri-li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 68%;
    border-radius: 0px 100px 100px 0px;
    background: #009143;
}

.asrl-info p {
    color: #009143;
    line-height: 1.75;
}

.asrl-info {
    margin-bottom: 8px;
}

.asrl-num p {
    color: #333;
    line-height: 1.3;
}

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

.home-solut-top1 .hstt-ri {
    width: 41%;
}

.home-solut-top1 {
    padding-right: 85px;
}

.home-solut-top-tit {
    margin-bottom: var(--mar) !important;
}

.about-globa-btm-img {
    width: 100%;
}

.about-globa-btm-img img {
    width: 100%;
}

.about-globa-btm {
    width: 100%;
    position: relative;
}

.about-global-box-dots,
.about-global-box-pop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.agbd-item,
.agbp-item {
    position: absolute;
    pointer-events: all;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--vicl);
}

.agbp-item span,
.agbd-item span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.agbp-item span {
    background: var(--vicl);
    border-radius: 50%;
    z-index: 3;
}

.agbd-item {
    top: 50%;
    left: 50%;
    cursor: pointer;
    transition: all .4s ease;
}

.agbp-item .agbd-item {
    z-index: 11;
}

.agbd-item::before,
.agbd-item::after,
.agbd-item span::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0), var(--vicl));
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.agbd-item::before,
.agbd-item::after,
.agbd-item span::before {
    animation: kuox 3s linear infinite;
}

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

    10% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    90% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4);
    }

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

.agbd-item::after {
    animation-delay: 1s;
}

.agbp-item-box {
    --jian1: 16px;
    position: absolute;
    width: 275px;
    border-radius: 20px;
    padding: 42px 18px 20px;
    left: -18px;
    top: -16px;
}

.agbp-item-box {
    opacity: 0;
    pointer-events: none;
}

.agbp-item-box::before {
    content: '';
    border-radius: 20px;
    background: rgba(223, 223, 223, 0.50);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    -moz-backdrop-filter: blur(3px);
    -ms-backdrop-filter: blur(3px);
    -o-backdrop-filter: blur(3px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid #FFF;
}

.agbp-item.on .agbp-item-box,
.agbp-item.on .agbp-item-box-text {
    opacity: 1;
    pointer-events: all;
}

.agbp-item-box::before {
    opacity: 0;
}

.agbp-item.on .agbp-item-box::before {
    animation: opmove .4s ease-out forwards;
}

@keyframes opmove {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes opmove {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.agbp-item-box-text {
    position: relative;
    z-index: 10;
}

.agbp-item-box-text {
    transform: scale(0);
    transform-origin: left 15px;
    pointer-events: none;
    transition: all .4s 0s ease-out;
}

.agbp-item.on .agbp-item-box,
.agbp-item.on .agbp-item-box-text {
    opacity: 1;
    pointer-events: all;
}

.agbp-item.on .agbp-item-box-text {
    transform: scale(1);
}

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

.agbp-item-box-text .std-font20 {
    margin-bottom: 16px;
    color: #fff;
}

.agbp-item-box-text .std-font20 a {
    line-height: inherit;
    color: inherit;
    transition: all .4s ease;
    text-decoration: underline;
    text-decoration-color: transparent;
}

.std-text14,
.std-text14 p {
    font-size: var(--font14);
    letter-spacing: 0.35px;
    line-height: var(--line15);
    color: rgba(255, 255, 255, .6);
}

.agbp-item.on .agbd-item {
    opacity: 0 !important;
}

.aibt-tit p {
    color: #009143;
    line-height: 1.75;
    font-weight: bold;
}

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

.aibt-info p {
    color: #666;
    line-height: 1.8;
    font-size: 14px;
}

.about-plan-btm {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.about-plan-btm::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, #FFF 16%, rgba(255, 255, 255, 0.80) 40%, rgba(255, 255, 255, 0.00) 100%);
}

.about-plan-btm img {
    width: 100%;
}

.about-plan .ys-cont1440 {
    top: 46px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
}

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

.tact-pop-wrap {
    width: 608px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.16);
    padding: 40px 60px;
    text-align: center;
    position: relative;
}

.tact-pop-wrap-icon {
    width: 80px;
    margin: 0 auto;
    margin-bottom: 56px;
}

.tact-pop-wrap-tit .std-h4 {
    color: #333;
    line-height: 1.3;
}

.tact-pop-wrap-info p {
    color: #666;
    line-height: 1.5;
}

.tact-pop-wrap-tit {
    margin-bottom: 32px;
}

.tact-pop-wrap-info {
    margin-bottom: 74px;
}

.reso-pop .ys-modal-close,
.tact-pop-wrap .ys-modal-close {
    width: 32px;
    top: 19px;
    right: 19px;
}

.reso-pop .ys-modal-close img,
.tact-pop-wrap .ys-modal-close img {
    width: 100%;
}

.tact-pop-wrap-btn p {
    width: 100%;
    color: #fff;
    line-height: 1.75;
    border-radius: 100px;
    padding: 10px 10px;
    background: #009143;
    cursor: pointer;
}

.reso-pop-wrap {
    width: 776px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.16);
    padding: 64px 60px;
    position: relative;
}

.reso-pop-wrap-scroll {
    width: 100%;
    max-height: 80vh;
}

.reso-pop-tit p {
    color: #333;
    line-height: 1.5;
    text-align: center;
}

.reso-pop-tit {
    margin-bottom: 40px;
}

.reso-pop .tcbr-box {
    padding: 0 !important;
}

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

.reso-pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #009143 !important;
}

.reso-pop .mCSB_outside+.mCSB_scrollTools {
    right: -37px;
}

.reso-pop .tcbr-box .ys-form-inof-item {
    margin-bottom: 14px;
}

.agbp-item.on {
    z-index: 11;
}

.about-globa-ph {
    display: none;
}

.ys-hd-pc {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.head-contac a,
.head-nav-item-title {
    white-space: nowrap;
}

.mfnl-ul-li img {
    width: 32px;
}

.electro-informa .news-cont-box-ule {
    margin-top: 0 !important;
}

.techni-questi .techni-questi-top-tit {
    margin-bottom: 40px;
    text-align: center;
}

.electro-down .rulb-top {
    padding-right: 15px;
}

.tqbu-li-btm ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.techni-video .vise-cont-box-ule {
    margin-top: 0 !important;
}

.vcbt-le-begi {
    width: 46px;
}

.vcbt-le-begi img {
    width: 100%;
}

.about-page-ban-icon {
    width: 40px;
}

.about-page-ban-icon img {
    width: 100%;
}

.sabt-par {
    margin-top: 25px;
}

.scie-main-box-right .ys-imgbox-cover {
    border-radius: var(--radius);
}

.scie-unit .swiper-slide-ul-li {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.scie-unit .swiper-slide-ul {
    padding-bottom: 0 !important;
    margin-bottom: 0px !important;
}

.valu-swiper-box .swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 20px;
}

.valu-swiper rect {
    opacity: 1 !important;
}

.valu-swiper path {
    stroke: #fff !important;
}

.valu-swiper .swiper-container {
    margin-top: 0 !important;
}

.tact-caro::after {
    display: none;
}

.query-pop-tit .std-h4 {
    color: #333;
    line-height: 1.3;
}

.query-pop-tit {
    margin-bottom: 44px;
}

.query-pop-input-ri {
    border-radius: 8px;
    background: #009143;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    font-size: 16px;
    line-height: 1.75;
    padding: 12px 20px;
    color: #fff;
    margin-left: 16px;
    flex: none;
    cursor: pointer;
}

.query-pop-input {
    display: flex;
}

.query-pop-input-le {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
}

.query-pop-input-le input {
    width: 100%;
    height: 100%;
    padding: 0 16px;
    font-size: 16px;
    color: #333;
}

.query-pop-input-le input::-webkit-input-placeholder {
    color: #999;
}

.query-pop-input-le input:-moz-placeholder {
    color: #999;
}

.query-pop-input-le input::-moz-placeholder {
    color: #999;
}

.query-pop-input-le input:-ms-input-placeholder {
    color: #999;
}

.query-pop-info p {
    color: #999;
    line-height: 1.8;
}

.query-pop-info p a {
    color: #009143;
    text-decoration: underline;
}

.query-pop-input {
    margin-bottom: 8px;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .lsbs-wrap:hover {
        border-color: #009143;
    }

    .lsbs-wrap:hover .lsbs-li-top-tit p {
        color: #009143;
    }

    .sibu-limk:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

    .sibu-limk:hover .sibu-limk-btm-ri {
        background: #0AAA54;
    }

    .sibu-limk:hover .sibu-limk-btm-le p {
        color: #009143;
    }

    .srbl-link:hover {
        background: #009143;
    }

    .srbl-link:hover p {
        color: #fff;
    }

    .srbl-link:hover svg path {
        stroke: #fff !important;
    }

    .ybwi-link:hover {
        background: #0AAA54 !important;
    }

    .ibul-link:hover .rulb-top-par {
        color: #009143;
    }

    .ncbu-le-link:hover .nllb-tit {
        color: #009143;
    }

    .eqbu-link:hover .eqbu-link-le-tit p {
        color: #009143;
    }

    .electro-pain-btm .hspb-btn:hover rect {
        fill: #fff !important;
    }

    .electro-pain-btm .hspb-btn:hover path {
        stroke: #009143 !important;
    }

    .ys-video-btn:hover .vlvc-tit p {
        color: #009143;
    }

    .ys-video-btn:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

    .esru-link:hover {
        border-color: #009143;
    }

    .esru-link:hover .esru-link-tit p {
        color: #009143;
    }

    .eslu-li-btm-li:hover .esla-link p {
        color: #009143;
    }

    .eslu-li-btm-li:hover path {
        stroke: #009143;
    }

    .scbu-wrap:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

    /* .head-nav-item:hover .head-nav-item-title::before {
        opacity: 1;
    } */
    .hwct-link:hover p {
        color: #009143;
    }

    .hwct-link:hover path {
        stroke: #009143 !important;
    }

    .mfnr-select-li a:hover {
        color: #009143;
    }

    .mod-fot-naviga-cen li a:hover {
        color: #009143;
    }

    .mfnl-balse-li:hover {
        border-color: #fff;
    }

    .mfnl-balse-li:hover img {
        opacity: 1;
    }

    .mfnl-ul-li .std-word:hover p {
        color: #fff;
    }

    .mfnl-ul-li .std-word:hover {
        border-color: #fff;
    }

    .hlul-link:hover {
        background: #009143;
        color: #fff;
    }

    .hfww-le-input-btn:hover,
    .ybwm-link1:hover {
        background: #0AAA54 !important;
    }

    .hnbs-link:hover .hnbs-link-tit p {
        color: #009143;
    }

    .hspb-btn:hover rect {
        fill: #009143 !important;
    }

    .hspb-btn:hover path {
        stroke: #fff !important;
    }

    .hulb-more-link:hover img {
        animation: yidong 0.6s 1 linear;
    }

    .ybwm-link:hover {
        background: #009143;
        color: #fff;
    }

    .ybwm-link:hover::after {
        background: #fff;
    }

    .mfnl-balse-hover:hover .mfnl-balse-li-icon {
        border-color: #fff !important;
    }

}

.head-nav-item.is-hovert .head-nav-item-title::before {
    opacity: 1;
}

.hnid-ul,
.hnid-wrap {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.hwcb-li:nth-child(n+10) {
    display: none;
}

.mainte-proces-btm-ri {
    width: 41.5%;
}

.ssul-box {
    width: 100%;
}

.tcbt-box-cont {
    min-height: 232px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tcbt-box-cont-ul {
    padding-top: 20px !important;
}

.home-about-sticky-ph {
    display: none !important;
}

.home-news-ph {
    display: none;
}

.news-main .ys-main {
    position: relative;
    z-index: 10;
}

.news-main .ys-footer {
    position: relative;
    z-index: 5;
}

.news-cont {
    overflow: visible;
}

.certific-pop-cont {
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.certific-pop-cont::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(180deg, #009143 0%, #20B063 100%);
    box-shadow: 0px 4px 16px 0px rgba(255, 255, 255, 0.20) inset;
    z-index: -1;
    transform: rotate(4deg);
}

.certific-pop-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 30px;
    background: #FFF;
    overflow: hidden;
}

.certific-pop-wrap-le {
    width: 54%;
    padding: 52px 75px;
}

.cpwl-tit .std-h4 {
    color: #333333;
    line-height: 1.3;
}

.cpwl-tit {
    margin-bottom: 80px;
}

.cpwl-img {
    width: 100%;
}

.cpwl-img img {
    width: 100%;
}

.certific-pop-wrap-ri {
    width: 46%;
    padding: 104px 96px 104px 65px;
}

.certific-pop .ys-modal-close {
    width: 40px;
    top: 30px;
    right: 30px;
}

.cpwr-ul-li {
    width: 100%;
    border-bottom: 1px solid #E9EAEB;
    padding: 17px 16px;
    display: flex;
    align-items: flex-start;
}

.cpwr-ul-li-le {
    width: 140px;
    flex: none;
    display: flex;
    align-items: flex-start;
}

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

.cpwr-ul-li-le p {
    color: #333;
    padding-left: 12px;
    padding-right: 12px;
}

.cpwr-ul-li-le img {
    width: 24px;
    margin-top: 3px;
}

.cpwr-ul-li-ri p {
    color: #333333;
}

.cpwr-ul-li-ri span {
    color: #009143;
}

.cpwr-ul {
    height: 410px;
    overflow: hidden;
}

.cpwr-ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #009143 !important;
}

.query-pop-wrap {
    width: 708px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.query-pop-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(180deg, #009143 0%, #20B063 100%);
    z-index: -1;
    transform: rotate(4deg);
}

.query-pop-cont {
    border-radius: 30px;
    padding: 115px 80px;
    position: relative;
}

.query-pop .ys-modal-close {
    width: 40px;
    top: 28px;
    right: 28px;
}

/* 20250510--start-delia */
.level-frame-btm {
    width: 80%;
    margin: 0 auto;
}

.level-advant .ys-cont1440 {
    align-items: center;
}

.home-innovate-ri-video img {
    width: 100%;
}

.home-about-sticky-img {
    width: 25%;
    height: 25%;
    opacity: 0;
    transition: opacity .36s;
}

.home-about-sticky-img.on {
    opacity: 1;
}

/* 20250510--end-delia */
/* 2025.05.10 - tammy  - start */
.home-innovate-ri-video {
    --top: calc(calc(100vh - calc(1440px * 0.38) - var(--headh)) / 2 + var(--headh));
    top: var(--top);
}

.electro-pain .ys-cont1200 {
    width: 75vw;
}

.specif-param+.specif-indust {
    padding-top: var(--space120);
}

.level-frame-ul-li:first-child {
    padding-top: var(--space120);
}

/* 2025.05.10 - tammy  - end */


.home-innovate-le {
    padding-top: 135px;
}

.sull-le .hspb-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.sull-le {
    position: relative;
}

.sull-le .hspb-btn-le {
    left: -40px;
}

.sull-le .hspb-btn-ri {
    right: -40px;
}

.sull-ri-top {
    padding-bottom: 0 !important;
}

.smbl-par-ul-li {
    padding: 0 35px;
}

.esru-link {
    height: 100%;
}

.yongsy-pc-ph-table td,
.yongsy-pc-ph-table th {
    border: none;
}

.level-related-btm {
    overflow-x: auto;
    overflow-y: hidden !important;
}

.level-related-btm td {
    min-width: 360px;
}

.specif-platfor-btm-ul {
    justify-content: center;
}

.specif-param-btm-switch .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #009143 !important;
}

.specif-param-btm-switch .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.specif-param-btm-switch .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -9px;
}

.scie-awar .hspb-btn.swiper-button-disabled rect {
    fill: #000 !important;
    opacity: 0.4 !important;
}

.scie-awar .hspb-btn rect {
    transition: all 0.36s;
}

.srtl-le {
    width: 45%;
}

.srtl-ri {
    width: 55%;
}

.sull-ri-top::after {
    left: 45%;
}

.sull-ri {
    padding-right: 20px;
}

.sull-ri .mCSB_outside+.mCSB_scrollTools {
    right: -30px;
}

.sprs-ul-li-btm {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.sull-ri-top {
    margin-bottom: 0 !important;
}

.spbs-ul-li-link .sull-ri {
    padding-bottom: 37px;
}

.specif-platfor-btm .slick-track {
    margin: 0 auto;
}

.mfnl-balse-hover {
    cursor: pointer;
}

.mfnl-balse-li-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.36s;
}

.mfnl-balse-hover {
    width: auto !important;
    height: auto !important;
    border: none !important;
    position: relative;
}

.mfnl-balse-hover .mblc-ul-li img {
    opacity: 1 !important;
}


.mfnl-balse-li-code {
    background: #fff;
    position: absolute;
    bottom: 46px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    border-radius: 10px;
    display: none;
}

.mblc-ul-li {
    width: 110px;
    padding: 5px;
}

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

.mblc-ul {
    display: flex;
}

.home-news-btm-swiper {
    margin: 0 var(--jian1);
    overflow: hidden;
}

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

.level-related-btm td:nth-child(1) {
    min-width: auto !important;
}

.agbp-item.on .agbd-item {
    opacity: 0.2 !important;
}

.level-related-btm td:nth-child(1) {
    min-width: 150px !important;
}

.scie-awar-box .swiper-slide {
    height: auto !important;
}

.scie-awar-box .swiper-slide-ul {
    height: 100%;
}

.head-nav-item-drop1 {
    pointer-events: none;
    padding-top: 0 !important;
}

.head-nav-item-drop1 .ys-cont1440 {
    pointer-events: all !important;
    padding-top: 27px !important;
}

.electro-help-btm-ul {
    justify-content: center;
}


.ys-banner-wrap {
    width: 46%;
}

.esru-li .ys-imgbox-cover {
    margin-bottom: 15px;
}

.home-solut-btm-video::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    border: 4px solid #F5F5F5;
    z-index: 10;
}

.home-solut-btm-video::before {
    content: '';
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 100%;
    height: 100%;
    border: 4px solid #F5F5F5;
    z-index: 10;
}

.ssul-lbox .ssul-pard p {
    min-height: 3.6em;
}

/* .hsbu-li {
    animation: xl 1.2s infinite;
} */

@keyframes xl {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.specif-charac-btm-li {
    align-items: center;
}

.mpbr-style li:last-child {
    padding-bottom: 0 !important;
}

.home-innovate-ri-video .ys-ban-video {
    background: transparent !important;
}

.nllb-tit {
    -webkit-line-clamp: 3;
    max-height: 4.8em;
}

.vcbt-le-video {
    width: 100%;
    height: 100%;
}

.ys-videom-iframebox iframe {
    width: 100%;
    min-height: 44vh;
}

.home-solut-btm-video::before {
    bottom: -7px;
    right: -7px;
}

.home-solut-btm-video::after {
    top: -7px;
    left: -7px;
}

.ann-lins {
    display: none !important;
}

.hsbu-li-wrpa-svg {
    position: relative;
    z-index: 1;
}

.hsbu-li-wrpa-svg::before,
.hsbu-li-wrpa-svg::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: myfirst 2s linear infinite;
    transform: translate(-50%, -50%) scale(1);
    transition: all .4s;

    background: #009143;
    z-index: -1;
}

.hsbu-li-wrpa-svg::after {
    animation-delay: .3s;
}

.hsbu-li-wrpa-svg::before {
    animation-delay: .6s;
}

.hsbu-li-wrpa-svg svg {
    background: #fff;
    border-radius: 50%;
}

@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: .7;
    }

    50% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }

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

.home-solut .slick-dots {
    display: none !important;
}

.sull-ri-top {
    max-height: 300px;
}

.sull-ri-top-li {
    margin-bottom: 21px;
}

.sull-ri-top-li:last-child {
    margin-bottom: 0 !important;
}

.sprs-ul-li-btm .sull-ri {
    width: 100%;
}

.sprs-ul-li-btm .sull-ri-btm {
    display: flex;
    justify-content: center;
}


.home-innovate-ri-video::before {
    content: '';
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 100%;
    height: 100%;
    border: 4px solid #F5F5F5;
    z-index: 10;
}

.home-innovate-ri-video::before {
    bottom: -7px;
    right: -7px;
}

.home-innovate-ri-video::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    border: 4px solid #F5F5F5;
    z-index: 10;
}

.home-innovate-ri-video::after {
    top: -7px;
    left: -7px;
}

.hsbu-li-wrpa-svg svg,
.hsbu-li-wrpa-svg {
    background: #009143 !important;
}

.hsbu-li-wrpa-svg svg path {
    stroke: #fff !important
}

.sull-ri-top.act .srtl-le {
    width: 100% !important;
}

.sull-ri-top.act .srtl-le p {
    width: 100% !important;
}

.sull-ri-top.act::after {
    display: none !important;
}

.hwcr-li-ul-li.yxnav-active3 .hlut-link-info p {
    color: #009143;
}

.hsbu-li-wrpa {
    background: rgba(0, 0, 0, 0.1) !important;
}

.mouse_screen {
    width: 36px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    padding-bottom: 116px;
    z-index: 8;
}

.mouse_screen_icon,
.mouse_screen_icon img {
    width: 100%;
}

.mouse_screen_icon {
    position: relative;
    animation: mouse_icon 5s ease-in-out infinite;
}

@keyframes mouse_icon {
    0% {
        transform: translateY(0);
    }

    49% {
        transform: translateY(15px);
    }

    51% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0);
    }
}

.mouse_screen_icon,
.mouse_screen_icon img {
    width: 100%;
}

.mouse_screen::before {
    content: '';
    width: 1px;
    height: 87px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.mouse_screen::after {
    content: '';
    width: 1px;
    height: 31px;
    background: #fff;
    position: absolute;
    top: calc(100% - 87px);
    left: 50%;
    transform: translateX(-50%);
    animation: mouse_line 5s ease-in-out infinite;
}

@keyframes mouse_line {
    0% {
        height: 0px;
    }

    49% {
        height: 87px;
    }

    51% {
        height: 87px;
    }

    100% {
        height: 0px;
    }
}


.adbu-wrap-ri {
    padding-right: 40px;
}

.adby-li-info p {
    text-align: center;
    font-size: var(--font16) !important;
    color: #666 !important;
}

.adby-li-info {
    margin-top: 5px;
}

.adby-li {
    padding-bottom: 95px !important;
}

.adby-li p {
    font-size: 36px !important;
}

.adby-li-info p {
    font-size: 16px !important;
}

.adbu-wrap-ri {
    height: 440px !important;
}

video {
    background: #fff !important;
}

.about-page-ban-icon {
    display: none !important;
}

.adby-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 79%;
}

.adby-line-li {
    width: 54%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 4px 0px 0px 0px;
    backdrop-filter: blur(2px);
}

.adby-line-li1 {
    left: 0px;
    background: linear-gradient(90deg, rgba(0, 145, 67, 0.26) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.adby-line-li2 {
    bottom: 20px;
    left: 33.333333%;
    background: linear-gradient(90deg, rgba(0, 145, 67, 0.60) 0%, rgba(255, 255, 255, 0.00) 72.12%);
}

.adby-line-li3 {
    bottom: 40px;
    left: 66.666666%;
    background: linear-gradient(90deg, #009143 0%, rgba(255, 255, 255, 0.00) 88.46%);
}

.adby-li {
    padding-bottom: 45px !important;
}

.adby-li2 .adby-li-trans {
    transform: translateY(-20px);
}

.adby-li3 .adby-li-trans {
    transform: translateY(-40px);
}




.agbd-item img {
    width: 18px;
}

/* 

.agbp-item.on1 span {
    display: none !important;
}

.agbp-item.on1 .agbd-item span {
    display: none !important;
}

.agbp-item.on1 .agbd-item,
.agbp-item.on1 .agbp-item {
    width: 20px;
    height: 20px;
}

.agbp-item.on1 .agbd-item {
    opacity: 1 !important;
    background: transparent !important;
}

.agbp-item.on1 .agbd-item::before,
.agbp-item.on1 .agbd-item::after {
    width: 50%;
    height: 50%;
    animation: kuox1 3s linear infinite;
}

.agbp-item.on1 img {
    display: block;
    position: relative;
    z-index: 10;
} */

.agbp-item:first-child span {
    display: none !important;
}

.agbp-item:first-child .agbd-item span {
    display: none !important;
}
.agbp-item:first-child .agbd-item,
.agbp-item:first-child .agbp-item {
    width: 20px;
    height: 20px;
}

.agbp-item:first-child .agbd-item {
    opacity: 1 !important;
    background: transparent !important;
}

.agbp-item:first-child .agbd-item::before,
.agbp-item:first-child .agbd-item::after {
    width: 50%;
    height: 50%;
    animation: kuox1 3s linear infinite;
}

.agbp-item:first-child img {
    display: block;
    position: relative;
    z-index: 10;
}

.agbd-item img {
    display: none;
}

video {
    background: transparent !important;
}

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

    10% {
        opacity: 0.4;
        transform: translate(-50%, -50%) scale(1);
    }

    90% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}
.head-logo {
    width: 300px !important;
}