@charset "utf-8";

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

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

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

@font-face {
    font-family: 'Plumino-Regular';
    src: url('../fonts/ManropeRegular/MANROPEREGULAR.eot');
    src: url('../fonts/ManropeRegular/MANROPEREGULAR.eot') format('embedded-opentype'),
        url('../fonts/ManropeRegular/MANROPEREGULAR.woff2') format('woff2'),
        url('../fonts/ManropeRegular/MANROPEREGULAR.woff') format('woff'),
        url('../fonts/ManropeRegular/MANROPEREGULAR.ttf') format('truetype'),
        url('../fonts/ManropeRegular/MANROPEREGULAR.svg#MANROPEREGULAR') format('svg');
}

@font-face {
    font-family: 'Plumino-Bold';
    src: url('../fonts/ManropeBold/MANROPEBOLD.eot');
    src: url('../fonts/ManropeBold/MANROPEBOLD.eot') format('embedded-opentype'),
        url('../fonts/ManropeBold/MANROPEBOLD.woff2') format('woff2'),
        url('../fonts/ManropeBold/MANROPEBOLD.woff') format('woff'),
        url('../fonts/ManropeBold/MANROPEBOLD.ttf') format('truetype'),
        url('../fonts/ManropeBold/MANROPEBOLD.svg#MANROPEBOLD') format('svg');
}

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

:root {
    /* 字号 */
    --font70: 70px;
    --font60: 60px;
    --font56: 56px;
    --font48: 48px;
    --font32: 32px;
    --font24: 24px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line175: 1.75;
    --line2: 2;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --color15: #151515;
    --colormain: #004098;
    --colormain2: #22AC38;
    --colormain3: linear-gradient(90deg, #004098 0%, #22AC38 100%);
    --colorbj: #012169;
    /* 板块间距 */
    --space140: 140px;
    --space80: 80px;
    --space60: 60px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --bold: 'Plumino-Bold';
}

.std-h1 {
    font-size: var(--font70);
    color: var(--colorfff);
    line-height: var(--line13);
    font-family: var(--bold);
}

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

.std-h3,
.yxedr-active h3 {
    font-size: var(--font32);
    color: var(--color15);
    line-height: var(--line13);
    font-family: var(--bold);
}

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

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

.std-tit56 {
    font-size: var(--font56);
    line-height: var(--line13);
}


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

.std-padtop140 {
    padding-top: var(--space140);
}

.std-padbot140 {
    padding-bottom: var(--space140);
}

.std-pad140 {
    padding: var(--space140) 0;
}

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

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

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

.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: 'Share the - weixin';
}

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

/*导航默认选中*/
.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 {}

/* 手机端导航-start */
.ys-phnav-menu {
    background: #fff;
    height: calc(100vh - var(--headh));
    padding: 10px 0;
}

.ys-ph-nav .ys-phnav-header-font,
.ys-ph-nav a {
    font-size: 18px;
    color: var(--color15);
}

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain);
}

.ys-phnav-icon {
    width: 16px;
    height: 16px;
    right: 20px;
    transition: all .4s ease;
}

.ys-phnav-icon img {
    width: 100%;
}

.ys-phnav-icon::before,
.ys-phnav-icon::after {
    display: none;
}

.ys-phnav-lisbox>.ys-phnav-header-font,
.ys-phnav-lisbox>a {
    padding: 8px 0;
}

.ys-ph-nav-ul {
    background: #f7f8fa;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ys-phnav-lisbox {
    padding: 0 20px;
    border-bottom: none;
}

.ys-ph-nav ul {
    padding-left: 0;
    padding-right: 0;
}

.ys-ph-nav-ul .ys-phnav-header-font {
    font-size: 16px;
}

.ys-phnav-icon.on {
    transform: translateY(-50%) rotate(180deg);
}

.ys-ph-nav-ul li:nth-child(1) {
    margin-top: 8px;
}

.ys-ph-nav-ul li:last-child {
    margin-bottom: 8px;
}

.ys-phnavss-form .iconfont {
    color: var(--colormain);
}

.xialaph_bot {
    display: none;
}

.mc1_area_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.mc1_area_imgbox {
    width: 22px;
}

.mc1_area_imgbox img {
    width: 100%;
}

.mc1_area_txtbox {
    color: var(--color15);
    margin-left: 3px;
    font-size: 14px;
    line-height: var(--line15);
}

.mc1_area_second {
    position: fixed;
    left: 0;
    top: var(--headh);
    width: 100%;
    z-index: 99;
    border-top: 1px solid #dfdede;
    transition: all 0s;
    background: #fff;
    text-align: left;
    padding: 30px 20px;
    height: calc(100% - var(--headh));
    transform: translateX(100%);
    transition: all .5s ease-out;
}

.mc1_area.act .mc1_area_second {
    transform: translateX(0%);
}

.ys-phmenu-scroll {
    height: calc(100vh - var(--headh) - 66px - 10px);
    max-height: calc(100vh - var(--headh) - 66px - 10px);
}

.ys-phmenu-scroll .mCSB_outside+.mCSB_scrollTools {
    right: 15px;
    top: 10px;
    bottom: 10px;
}

.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .3);
}

.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .6);
}

.mc1_area_title {
    font-size: 18px;
    font-family: var(--bold);
    color: var(--color15);
    margin-bottom: 10px;
    line-height: var(--line15);
}

.mc1_area_li {
    padding: 7px 0;
}

.mc1_area_li a {
    font-size: 16px;
    display: block;
    width: 100%;
    color: var(--color15);
    line-height: var(--line15);
}

.mc1_area_li.act a {
    color: var(--colormain);
}

.mc1_area_back {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--color15);
    line-height: var(--line15);
    margin-bottom: 20px;
}

.mc1_area_back img {
    width: 14px;
    margin-right: 5px;
}

.ys-phnav-r-icon {
    width: 24px;
}

.ys-phnav-r-icon a {
    width: 100%;
    height: 100%;
    display: block;
}

.ys-phnav-r-icon img {
    width: 100%;
}

/* 手机端导航-end */
/* 公共样式 - end */
.ys-hd-pc {
    padding-left: 80px;
    padding-right: 126px;
}

.ys-hd-pc::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s ease;
    opacity: 0;
}

.ys-hd-pc.isfixed::after,
.ys-hd-pc.ishover::after,
.ys-page-wrap.act .ys-hd-pc::after {
    opacity: 1;
}

.ys-hd-pc.isfixed,
.ys-hd-pc.ishover,
.ys-page-wrap.act .ys-hd-pc {
    background: transparent !important;
    box-shadow: inherit !important;
}

.yx-search3xlbox {
    background: #fff;
    position: fixed;
    top: var(--headh);
    z-index: -1;
}

.mod-icon {
    position: relative;
}

.mod-icon img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    max-width: inherit;
}

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

.head-logo {
    width: 104px;
}

.head-logo a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.head-logo .mod-icon {
    width: 104px;
    height: 32px;
}

.head-nav-item-title span {
    font-size: var(--font16);
    line-height: var(--headh);
    color: var(--colorfff);
    transition: all .4s ease;
}

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

.hnit-icon {
    width: 16px;
    margin-left: 8px;
}

.hnit-icon svg {
    width: 100%;
    height: auto;
}

.hnit-icon path {
    transition: all .4s ease;
}

.head-nav-item-title {
    display: flex;
    align-items: center;
}

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

.head-nav {
    margin: 0 -60px;
}

.head-other {
    width: 24px;
}

.head-list {
    width: calc(100% - 104px - 24px);
    display: flex;
    justify-content: flex-end;
    padding-right: 150px;
}

.ys-hd-pc.isfixed .head-nav-item-title span,
.ys-hd-pc.ishover .head-nav-item-title span {
    color: var(--color15);
}

.ys-hd-pc.isfixed .hnit-icon path,
.ys-hd-pc.ishover .hnit-icon path {
    stroke: var(--color15);
}


.head-nav-item.yxnav-active1 span {
    color: var(--colormain) !important;
}

.head-nav-item.yxnav-active1 path {
    stroke: var(--colormain) !important;
}

.ys-footer {
    background: var(--colorbj);
    padding-top: 70px;
    position: relative;
    z-index: 2;
}

.ys-footer-tp-logo {
    width: 104px;
}

.ys-footer-tp-logo a {
    width: 100%;
}

.ys-footer-tp-logo img {
    width: 100%;
}

.ys-footer-tp-nav>ul>li>a {
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 16px;
    opacity: 1;
}

.ys-footer-tp-nav a {
    font-size: var(--font14);
    line-height: var(--line2);
    color: var(--colorfff);
    opacity: 0.7;
    transition: all .4s ease;
}

.ys-footer-tp-nav {
    width: 60%;
}

.ys-footer-tp-nav>ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ys-footer-tp {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 64px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.ys-footer-bt {
    padding-top: 30px;
    padding-bottom: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ys-footer-bt-ri a {
    font-size: var(--font14);
    line-height: var(--line14);
    color: var(--colorfff);
    opacity: 0.5;
    position: relative;
    padding-left: 26px;
    position: relative;
}

.ys-footer-bt-ri a:nth-child(1) {
    padding-left: 0;
}

.ys-footer-bt-ri a:first-child::before {
    display: none;
}

.ys-footer-bt-ri a::before {
    content: "";
    width: 1px;
    height: 10px;
    background: var(--colorfff);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    opacity: 0.5;
}

.ys-footer-bt-le p {
    font-size: var(--font14);
    line-height: var(--line14);
    color: rgba(255, 255, 255, .5);
}

.ys-ban-parga {
    width: 77%;
    margin: var(--space40) auto 0;
}

.ys-ban-parga p {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--colorfff);
}

.ys-ban-txtbox {
    text-align: center;
}

.ys-ban-dots {
    bottom: 32px;
}

.ybdu-li {
    width: 30px;
    cursor: pointer;
    margin: 0 3px;
}

.ybdu-li-line {
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, .5);
}

.ybdu-li-line-pro {
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 1);
}

.ys-ban-dots-ul {
    display: flex;
    justify-content: center;
}

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

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

.home-main .ys-ban-imgbox img {
    transform: scale(1.18);
    transition: transform 10s linear;
}

.ys-ban-li.active .ys-ban-imgbox img {
    transform: scale(1);
}

.ys-ban-imgbox::before {
    background: rgba(0, 0, 0, .2);
}

.ys-ban-imgbox::after {
    content: "";
    width: 100%;
    height: 22%;
    opacity: 0.3;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.home-how {
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.home-how-img {
    width: 50%;
    border-radius: 620px 0 0 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}

.home-how-img img {
    width: 100%;
}

.mod-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: #f7f7f7;
}

.mod-bg.act {
    -webkit-animation: fadeOutUpzz 1s ease-in-out both;
    animation: fadeOutUpzz 1s ease-in-out both;
}

@-webkit-keyframes fadeOutUpzz {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(0, -102%, 0);
    }
}

@keyframes fadeOutUpzz {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(0, -102%, 0);
    }
}

.home-how-text,
.home-tech-text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    height: 100%;
    display: flex;
    align-items: center;
}

.home-how-text-cont {
    width: 42%;
    pointer-events: all;
}

.hhtc-parga p {
    color: #424548;
}

.home-tech-img {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.home-tech-img img {
    width: 100%;
}

.home-tech {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: var(--colorbj) !important;
}

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

.std-btn1-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 41px;
    border-radius: 0px 0px 11px 0px;
    position: relative;
    overflow: hidden;
}

.std-btn1-box span {
    font-size: var(--font18);
    line-height: 56px;
    color: var(--colormain);
    transition: all .4s ease;
    z-index: 2;
}

.std-btn1-box::before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorfff);
    position: absolute;
    top: 0;
    left: 0;
}

.std-btn1-box::after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colormain3);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s ease;
    opacity: 0;
}

.httc-parga p {
    color: var(--colorfff);
}

.home-tech-text-cont h2 {
    color: var(--colorfff);
}

.httc-btn {
    margin-top: var(--space60);
}

.home-tech-text-cont {
    width: 37%;
    pointer-events: all;
    margin-left: 63%;
}

.home-contact-bt {
    position: relative;
}

.hcbs-li {
    width: 33.333333%;
    padding: 0 12px;
}

.home-contact-bt-slick {
    margin: 0 -12px;
}

.hcbs-li-img {
    border-radius: 10px 10px 60px 10px;
}

.hcbs-li-text {
    margin-top: 16px;
}

.hcbs-li-text-tit {
    line-height: var(--line15);
    font-family: var(--bold);
    color: var(--color15);
    font-size: 18px;
}

.hcbs-li-text-btn {
    margin-top: 22px;
    display: inline-block;
}

.hltb-cont {
    display: flex;
    align-items: center;
    position: relative;
}

.hltb-cont::before {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
}

.hltb-cont::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--colormain3);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
    opacity: 0;
}

.hltb-cont span {
    font-size: 14px;
    line-height: var(--line15);
    color: var(--color15);
    margin-right: 17px;
}

.hltb-cont img {
    width: 12px;
}

.home-contact-bt-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.std-arrow-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    pointer-events: all;
    border: 1px solid #959595;
    transition: all .4s ease;
    cursor: pointer;
    position: relative;
}

.std-arrow-prev {
    left: -94px;
}

.std-arrow-next {
    right: -94px;
}

.std-arrow-icon svg {
    width: 100%;
    height: auto;
}

.std-arrow-icon path {
    transition: all .4s ease;
}

.home-stand-img {
    width: 50%;
    position: relative;
}

.home-stand-img img {
    width: 100%;
}

.home-stand-img h2 {
    font-size: var(--font60);
    line-height: var(--line13);
    color: var(--colorfff);
    font-family: var(--bold);
    position: absolute;
    left: 26.45%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.home-stand-img-bg {
    width: 100%;
    border-radius: 1000px 0px 1000px 1000px;
    background: var(--colormain3);
}

.home-stand-img-adorn {
    width: 35%;
    position: absolute;
    top: -35%;
    right: -35%;
}

.home-stand-img-adorn::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1000px 1000px 1000px 0;
    background: linear-gradient(to right, #198F51, #22AC38);
    position: absolute;
    top: 0;
    right: 0;
}

.home-stand {
    overflow: visible;
}

.home-stand .ys-cont1440 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.home-stand-text {
    width: 50%;
    padding-left: 190px;
    margin-top: 100px;
}

.home-stand-text-parga p {
    margin-bottom: 18px;
    color: #424548;
}

.home-stand-text-parga p:last-child {
    margin-bottom: 0;
}

.std-btn1.on .std-btn1-box::before {
    background: var(--colormain);
}

.std-btn1.on span {
    color: var(--colorfff);
}

.home-stand-text-btn {
    margin-top: var(--space80);
}

.home-stand-text-parga {
    margin-top: var(--space60);
}

.hstd-li {
    width: 50%;
    padding: 0 38px;
    position: relative;
}

.hstd-li::after {
    content: "";
    width: 32px;
    height: 32px;
    background: url(../images/a1_icon01.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
}

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

.home-stand-text-data {
    display: flex;
    margin: 0 -38px;
    flex-wrap: wrap;
}

.hstd-li-cont-parga p {
    color: #8B8D98;
}

.hstd-li-cont-num {
    font-size: var(--font24);
    line-height: 1.2;
    background: var(--colormain3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--bold);
}

.hstd-li-cont-num span {
    font-size: var(--font60);
}

.hstd-li-cont {
    position: relative;
    height: 100%;
}

.hstd-li-cont-bt {
    opacity: 0.2;
    background: linear-gradient(180deg, rgba(30, 31, 36, 0.00) 0%, rgba(115, 119, 138, 0.20) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotateX(180deg);
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    pointer-events: none;
}

.home-satisfy {
    height: 100vh;
    z-index: 4 !important;
}

.home-satisfy-img {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100%;
    height: 100%;
}

.home-satisfy-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-satisfy-img::after {
    content: "";
    width: 86%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.17) 47.42%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.home-main section {
    position: relative;
    z-index: 5;
    background: #fff;
}

.home-satisfy-text-cont {
    width: 55%;
}

.home-satisfy-text-cont h2 {
    color: var(--colorfff);
}

.hstc-parga p {
    color: var(--colorfff);
    margin-bottom: 18px;
}

.hstc-parga p:last-child {
    margin-bottom: 0;
}

.home-main .ys-main {
    position: relative;
    z-index: 1;
}

.home-satisfy-text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.ys-imgbox-contain img,
.ys-imgbox-cover img {
    width: 100%;
    transition: transform 1s cubic-bezier(.43, .195, .02, 1);
}

.home-dynamics {
    height: var(--height);
    overflow: inherit !important;
    z-index: 6 !important;
}

.home-dynamics-cont {
    background: linear-gradient(180deg, rgba(101, 184, 253, 0.18) 0%, rgba(101, 184, 253, 0.00) 100%) !important;
    height: calc(100vh - var(--headh));
    display: flex;
    align-items: center;
    width: 100%;
}

.home-dynamics-cont {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.home-dynamics.isfixed .home-dynamics-cont {
    position: fixed;
    top: var(--headh);
    left: 0;
}

.home-dynamics.notfixed .home-dynamics-cont {
    position: absolute;
    top: auto !important;
    bottom: 0;
    left: 0;
}

.hdcb-ul-li a {
    padding: 60px 100px 60px 60px;
    border-radius: 20px 20px 100px 20px;
    background: #FFF;
    box-shadow: 0px 13px 45px 0px rgba(8, 20, 67, 0.09);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.hdcb-ul-li-img {
    width: 47%;
    border-radius: 8px 8px 60px 8px;
}

.hdcb-ul-li-text {
    width: 53%;
    padding-left: 72px;
}

.hdcb-ul-li-text .std-h3 {
    transition: all .4s ease;
    position: relative;
}

.hdcb-ul-li-text .std-h3::before {
    content: attr(data-text);
    font-size: var(--font32);
    color: var(--color15);
    line-height: var(--line13);
    font-family: var(--bold);
    position: absolute;
    left: 0;
    top: 0;
    background: var(--colormain3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    transition: all 0.4s ease;
    max-width: 100%;
}

.hult-parga,
.hult-time {
    margin-top: 24px;
}

.hult-time {
    font-family: var(--bold);
}

.hult-parga p {
    height: 5.25em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.home-dynamics-cont-bt {
    width: calc(100% + 270px);
    margin: var(--space60) -135px 0;
}

.hdcb-ul {
    position: relative;
}

.hdcb-ul-li1 {
    position: relative !important;
}

.hdcb-ul-li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(var(--valueY));
    transform-origin: center top;
}

.home-dynamics-cont-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.hdcb-li {
    width: 100%;
    height: 100vh;
}

.ys-page-wrap.act .head-nav-item-title span {
    color: var(--color15);
}

.ys-page-wrap.act .hnit-icon path {
    stroke: var(--color15);
}

.home-dynamics.auto {
    height: auto !important;
}

.home-dynamics.auto .home-dynamics-cont {
    padding: var(--space140) 0 0;
    height: auto !important;
    position: static;
}

.home-dynamics.auto .home-dynamics-cont-box {
    display: none;
}

/* .head-list,
.head-other,
.ys-footer-tp-nav,
.httc-btn,
.home-stand-text-btn,
.hstc-btn,
.ys-phnav-search,
.ys-phnav-menubox {
    display: none;
} */

.head-logo {
    height: var(--headh);
}

.home-contact h2 {
    width: 62.5%;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .ys-footer-tp-nav a:hover {
        opacity: 1;
    }

    .std-btn1-box:hover::after {
        opacity: 1;
    }

    .std-btn1-box:hover span {
        color: var(--colorfff);
    }

    .hcbs-li a:hover .hltb-cont::after {
        opacity: 1;
    }

    .std-arrow-icon:hover {
        border: 1px solid var(--colormain);
        background: var(--colormain);
    }

    .std-arrow-icon:hover path {
        stroke: var(--colorfff);
    }

    .hdcb-ul-li a:hover .hdcb-ul-li-text .std-h3::before {
        opacity: 1;
    }

    .hdcb-ul-li a:hover .hdcb-ul-li-text .std-h3 {
        color: transparent;
    }

    .hcbs-li-cont:hover .ys-imgbox-cover img {
        transform: scale(1.05);
    }
}


/* Kaffi 2025.8.27 star */
:root {
    --font20: 20px;
    --space24: 24px;
    --line12: 1.2;
    --height50: 50px
}


.ys-ban-tit {
    font-size: var(--font60);
    line-height: var(--line12);
}

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

.mod-bread1 {
    top: 26px;
}

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

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

.mod-bread-ul-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 13px;
    height: 12px;
    background-image: url(../images/publicicon.svg);
    background-size: 100% 100%;
    opacity: 0.5;
}

.mod-bread-ul-li:nth-last-child(2)::after {
    opacity: 1;
}

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

.ys-nybanner .ys-ban-txtbox {
    text-align: start;
}

.mod-bread-ul-li a {
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--colorfff);
    opacity: 0.5;
}

.mod-bread-ul .mod-bread-ul-li:last-child a {
    opacity: 0.9;
}

.report-pharma {
    padding-top: var(--space140);
    padding-bottom: var(--space140);

}

.rpue-input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    padding-right: 40px;
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--color999);
}

.rpue-input::-webkit-input-placeholder {
    color: #999;
}

.rpue-input::-moz-placeholder {
    color: #999;
}

.rpue-input:-ms-input-placeholder {
    color: #999;
}

.rpue-input::-ms-input-placeholder {
    color: #999;
}

.rpue-input::placeholder {
    color: #999;
}

.rpue-img {
    width: 16px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    cursor: pointer;
}

.rpue-img img {
    width: 100%;
    flex: none;
}

.report-pharma-up-enter {
    display: flex;
    flex-wrap: wrap;
    width: 24%;
    height: 48px;
    align-items: center;
    justify-content: end;
    border: 1px solid #BBB;
    position: relative;
    border-radius: 4px;
}

.report-pharma-up {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    padding-bottom: var(--space80);
}

.report-pharma-ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 100px;
}

.report-pharma-ul-li {
    border-radius: 10px 10px 60px 10px;
    border: 1px solid #E4EBF1;
    background: #F5FAFB;
    margin-bottom: var(--space24);
    width: 100%;
}

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

.report-pharma .pc-fenye li.activepage {
    background: none;
}

.rpul-link {
    display: flex;
    flex-wrap: wrap;
    padding: var(--space40);
    padding-right: 70px;
}

.rpul-link-left {
    box-shadow: 10px 10px 20px 0px #02256233;
    width: 93px;
    flex: none;
}

.rpul-link-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 93px);
    align-items: center;
    padding-left: 48px;
}

.rpul-link-right-tit {
    margin-bottom: var(--space24);
}

.rpul-link-right-tit p {
    line-height: 1.2;
}

.rlrn-tit p {
    font-size: var(--font20);
    line-height: var(--line15);
    font-weight: bold;
    color: #151515;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.rpul-link-right-nr {
    width: calc(100% - 60px);
    padding-right: 20px;
}

.rpul-link-right-download {
    position: relative;
    width: 60px;
    height: 60px;
    flex: none;
    border-radius: 50%;
}

.rpul-link-right-download img {
    width: 60px;
    flex: none;

}

.rpul-link-right-download img:nth-child(1) {
    opacity: 0;
    transition: all 0.36s;
}

.rpul-link-right-download img:nth-child(2) {
    transition: all 0.36s;
}

.report-pharma-ul-li.on .rpul-link-right {
    width: 100%;
    padding-left: 0;
}

.rlrn-time {
    margin-bottom: var(--space24);
}

.pc-fenye li {
    position: relative;
    transition: all 0.36s;
    margin: 0 15px;
}

.pc-fenye li::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px 0 50px 50px;
    width: 40px;
    height: 40px;
    background: linear-gradient(90deg, #004098 0%, #22AC38 100%);
    z-index: -1;
    cursor: pointer;
    opacity: 0;
    transition: all 0.36s;
}

.pc-fenye li.activepage::after {
    opacity: 1;
}

.pc-fenye li.activepage {
    z-index: 1;
}


.group-pharma {
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.group-pharma-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;

}

.group-pharma-wrap-left {
    width: 17%;
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
}

.group-pharma {
    overflow: visible;
}

.group-pharma-wrap-right {
    width: 79%;
}

.gpwl-li {
    border-bottom: 1px solid #C0C0C0;
    width: 100%;
    position: relative;
    z-index: 1;
}

.gpwl-li-link {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 21px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.gpwl-li.act .gpwl-li-link::after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colormain3);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s ease;
    z-index: -1;
    border-bottom-right-radius: 11px;
}

.gpwl-li.act {
    border-bottom: none;
}

.gpwl-li-link span {
    font-size: var(--font20);
    line-height: var(--line14);
    color: #040608;
    font-weight: bold;
    padding: 0 10px;
    transition: all 0.36s;
}

.gpwl-li.act .gpwl-li-link span {
    color: var(--colorfff);
}

.gpwr-ul {
    margin-bottom: 100px;
}

.gpwr-ul-li {
    width: 100%;
    box-shadow: 0px 13px 45px 0px #08144317;
    background-color: #FFF;
    border-radius: 20px 20px 100px 20px;
    margin-bottom: var(--space60);
}

.gpwr-ul-li-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 50px 60px 60px;
}


.gpwr-ul-li-right {
    width: 40%;
    border-radius: 8px 8px 60px 8px;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
}

.gpwr-ul-li-right img {
    transition: transform 0.36s ease-out;
    transform: scale(1) translateZ(0);
}

.gpwr-ul-li-left {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.gull-up-tit {
    margin-bottom: 20px;
}

.gull-up-tit p {
    font-size: var(--font24);
    line-height: var(--line13);
    font-family: var(--bold);
    color: var(--color15);
    transition: all 0.36s;
    position: relative;
    height: 3.9em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.gull-up-tit p::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #004098 0%, #22AC38 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: all 0.36s;
    opacity: 0;
    height: 3.9em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.gull-up-tit-text p {
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.gull-up {
    margin-bottom: 43px;
}

.gull-down p {
    line-height: var(--line12);
}

.busi-pharma-wrap {
    padding: 0 50px;
}

.busi-pharma {
    padding-top: calc(var(--space140) - 60px);
    padding-bottom: var(--space140);
}

.busi-pharma-wrap-inform {
    padding-bottom: 85px;
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 50px;
}

.busi-pharma-wrap-inform p {
    margin-bottom: 27px;
    color: #424548;
}

.busi-pharma-wrap-inform p:last-child {
    margin-bottom: 0;
}

.bpwu-actend {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.bpwu-actend-link {
    transition: all 0.36s;
}

.bpwu-actend-link span {
    font-weight: bold;
    color: var(--color15);
    margin-right: 6px;
    transition: all 0.36s;

}

.busi-fermen {
    padding-bottom: var(--space140);
}

.busi-fermen-wrap {
    padding: 0 50px;
}

.busi-fermen-wrap-up {
    margin-bottom: var(--space60);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bfwu-tit {
    font-size: 50px;
    line-height: 1.2;
    color: var(--color15);
    font-weight: bold;
}

.ys-ban-headline {
    font-size: 40px;
    line-height: var(--line15);
    color: var(--color15);
    font-family: var(--bold);
}

.ys-ban-headbox {
    align-items: start;
    text-align: start;
    padding: 0 50px;
}

.ys-ban-headbox-parga {
    width: 100%;
    padding-top: 20px;
}

.ys-ban-headbox-parga p {
    color: #040608;
    font-size: var(--font18);
    line-height: 1.6;
}

.ys-nybanner-back {
    background: #EDF1F7;
    width: 100%;
    position: relative;
    padding-top: 120px;
    padding-bottom: 75px;
}

.bfwu-btnbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.bfwu-btnbox-btn {
    width: 43px;
    height: 43px;
    background: #F4F6F9;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.36s;
}

.bfwu-btnbox-btn1 {
    margin-right: 16px;
}

.bfdu-li {
    display: flex;
    flex-wrap: wrap;
    width: 42% !important;
    padding: 0 33px;

}

.bfdu-li-link {
    padding: 60px;
    padding-bottom: 58px;
    border-radius: 8px 8px 60px 8px;
    background: rgba(237, 241, 247, 0.7);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.36s;

}

.bfdu-li-link-tit {
    margin-bottom: 30px;
}

.bfdu-li-link-tit p {
    font-size: 30px;
    color: var(--color15);
    line-height: 1.2;
    max-height: 3.6em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.bfdu-li-link-text {
    margin-bottom: 53px;
}

.bfdu-li-link-text p {
    max-height: 7em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.blld-day p {
    font-size: var(--font48);
    line-height: var(--line175);
    font-weight: bold;
    background: var(--colormain3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blld-day {
    width: 60px;
}



.blld-yearmon {
    line-height: 1.2;
}

.blld-yearmon span {
    padding-right: 10px;
}

.mod-bread1 .mod-bread-ul-li a {
    color: var(--color999);
}

.mod-bread1 .mod-bread-ul-li::after {
    background-image: url(../images/d3-arror.svg);
}

.consult-product {
    position: relative;
    background-color: #EDF1F7;
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.consult-product-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.consult-product-wrap-left {
    width: 35%;
    position: relative;
    z-index: 1;
    ;
}

.consult-product-wrap-right {
    width: 50%;
    position: relative;
    z-index: 2;
}

.cpwl-tit {
    font-size: var(--font60);
    line-height: var(--line12);
    color: var(--color15);
    font-weight: bold;
    margin-bottom: 77px;
    position: relative;
    z-index: 1;
}

.mod-bread-b4 .mod-bread-ul-li a {
    color: var(--color999);
}

.mod-bread-b4 .mod-bread-ul-li:last-child a {
    opacity: 1;
}

.mod-bread-b4 .mod-bread-ul-li::after {
    background-image: url(../images/d3-arror.svg);
}

.cpwl-imgcover {
    border-radius: 50% 50% 50% 0;
    position: relative;
}

.cpwl-img {
    position: relative;
}

.cpwl-img-diffusion {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 50% 50% 50% 0;
}

.cpwl-img-diffusion span {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 50% 50% 50% 0;
    transform-origin: left bottom;
}

.cpwl-img-diffusion span:nth-child(1) {
    background: #DBE2F2;
    transform: scale(1.2);
}

.cpwl-img-diffusion span:nth-child(2) {
    background: #DBE2F2;
    transform: scale(1.45);
    opacity: 0.3;
}

.consult-product-wrap-right .ys-form-inof-item3 {
    width: 50%;
}


.consult-product-wrap-right .ys-fii-input {
    height: var(--height50);
    border: 1px solid #D4D4D4;
    background: #fff;
    border-radius: 4px;
}

.consult-product-wrap-right .ys-fia-text-btn::before {
    border: 1px solid #D9D9D9;
    background: #FFF;
}


.consult-product-wrap-right .ys-form-inof-text .ys-fii-input {
    height: 116px;
}

.consult-product-wrap-right .ys-form-inof-code {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: end;
}

.consult-product-wrap-right .ys-fic-auth-img {
    height: var(--height50);
}

.consult-product-wrap-right .ys-fia-text-btn {
    width: 14px;
    height: 14px;
}

.consult-product-wrap-right .ys-fia-text-word a {
    color: #FA0507;
    text-decoration: underline;
}

.consult-product-wrap-right .ys-form-inof-submit {
    margin-left: 0;

}

.consult-product-wrap-right .std-btn1-box::before {
    background: #004098;
    font-size: 18px;
    line-height: 1.2;
}

.consult-product-wrap-right .std-btn1-box span {
    color: var(--colorfff);
}

.consult-product-wrap-right .ys-fii-input input,
.ys-fii-input textarea {
    font-size: var(--font16);
    line-height: var(--line175);
}

.consult-product-wrap-right .ys-fii-input input::-webkit-input-placeholder,
.ys-fii-input textarea::-webkit-input-placeholder {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #CDCDCD;

}

.consult-product-wrap-right .ys-fii-input input::-moz-placeholder,
.ys-fii-input textarea::-moz-placeholder {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #CDCDCD;

}

.consult-product-wrap-right .ys-fii-input input:-ms-input-placeholder,
.ys-fii-input textarea:-ms-input-placeholder {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #CDCDCD;

}

.consult-product-wrap-right .ys-fii-input input::-ms-input-placeholder,
.ys-fii-input textarea::-ms-input-placeholder {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #CDCDCD;

}

.consult-product-wrap-right .ys-fii-input input::placeholder,
.ys-fii-input textarea::placeholder {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #CDCDCD;

}

.consult-product-wrap-right .ys-fii-name {
    font-size: var(--font18);
    font-weight: 400;
    color: #000;
}

.consult-product-wrap-right .ys-form-inof-item {
    padding: 0 10px;
    margin-bottom: 16px;
}

.consult-product-wrap-right .ys-form-inof {
    margin: 0 -10px;
}

.consult-product-wrap-right .ys-form-inof-code {
    margin-bottom: 31px;
}

.consult-product-wrap-right .ys-fia-text-word {
    font-size: var(--font14);
    line-height: 2;
}

.consult-product-wrap-right .ys-fia-text-word a {
    font-size: var(--font14);
    line-height: 2;
}

.consult-product-wrap-right .ys-form-inof-submit {
    width: 27%;

}

.consult-product-wrap-right .ys-fii-submit {
    height: 56px;
}

.consult-product-wrap-right .ys-form-inof-agree {
    margin-bottom: 38px;
}

.consult-product-wrap-right .ys-fii-input input,
.ys-fii-input textarea {
    padding: 0 19px;

}

.consult-product-wrap-right .ys-fii-input textarea {
    padding: 11px 19px;
}

.consult-product-wrap-right .ys-form-inof-code label {
    width: 50%;
    padding-right: 10px;
}

.consult-product-wrap-right .ys-fic-auth-img {
    margin-left: 8px;
}

.busi-fermen-down {
    margin: 0 -33px;
}

.consult-product-wrap-right .std-btn1-box {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.indust-strial {
    position: relative;
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.indust-strial-wrap-up {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -68px;
}

.iswu-li {
    padding: 0 68px;
    position: relative;
    width: 25%;
    height: 100%;
    height: 68px;
}

.indust-strial-wrap-up .iswu-li:last-child::after {
    display: none;
}

.iswu-li:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 36px;
    background: #C0C0C0;
}

.iswu-li.act .iswu-li-card {
    color: var(--colorfff);
}

.iswu-li-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 11px;
    cursor: pointer;
    font-size: var(--font18);
    line-height: var(--line14);
    color: #040608;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    transition: all 0.36s;
    z-index: 1;
}

.iswu-li-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain3);
    z-index: -1;
    transition: all 0.36s;
    opacity: 0;
}

.iswu-li.act .iswu-li-card::after {
    opacity: 1;
}

.indust-strial-top {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    margin-bottom: calc(var(--space80) - 20px);
    z-index: 3;
    background: #FFF;
}

.indust-strial-top .ys-cont1440 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.indust-strial {
    overflow: visible;
}

.indust-strial-box {
    width: 100%;
    padding: 0 110px;
}

.indust-strial-box-bg {
    background: #EDF1F7;
    border-radius: 20px;
    position: relative;
    margin-bottom: var(--space140);
    display: flex;
    flex-wrap: wrap;
}

.isbb-wrap {
    padding-top: var(--space80);
    padding-bottom: 55px;
}

.indust-strial-box .indust-strial-box-bg:last-child {
    margin-bottom: 0;
}

.isbb-left {
    width: 62%;
}

.isbb-left-tit {
    line-height: var(--line12);
    color: var(--color15);
    font-weight: bold;
    margin-bottom: 24px;
}

.isbb-left-text {
    margin-bottom: 53px;
}

.isbb-left-text p {
    font-size: var(--font20);
    color: #424548;
    line-height: var(--line15);
}

.isbb-left-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -23px;
}

.isbb-left-ul-li {
    width: 50%;
    padding: 0 23px;
    margin-bottom: 24px;
}

.ilul-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #D2D2D280;
    position: relative;
    transition: all 0.36s;
}

.ilul-link::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: var(--colormain3);
    transition: all 0.36s;
    opacity: 0;
}

.indust-strial-box .indust-strial-box-bg:nth-child(2n) .ilul-link::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: #D2D2D280;
    transition: all 0.36s;
    opacity: 0.5;
}

.ilul-a-text {
    width: calc(100% - 24px);
    padding-right: 36px;
}

.ilul-a-text p {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--color15);
    font-weight: bold;
    max-height: 175em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.ilul-a-go {
    width: 24px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.ilul-a-go img:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    z-index: 2;
}

.ilul-a-go img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    opacity: 0;
    z-index: 2;
}

.isbb-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33%;
}

.isbb-right img {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    left: 0;
}

.indust-strial-box .indust-strial-box-bg:nth-child(2n) {
    background: #012169;
}

.indust-strial-box .indust-strial-box-bg:nth-child(2n) .isbb-left-tit {
    color: var(--colorfff);
}

.indust-strial-box .indust-strial-box-bg:nth-child(2n) .isbb-left-text p {
    color: var(--colorfff);
}

.indust-strial-box .indust-strial-box-bg:nth-child(2n) .ilul-a-text p {
    color: var(--colorfff);
}

.indust-strial-box .indust-strial-box-bg:nth-child(2n) .ilul-a-go::after {
    background: var(--colorfff);
}

.citrulline-amino {
    background: #012169;
}

.citrulline-amino-improves {
    display: flex;
    flex-wrap: wrap;
    padding: 198px 20px 114px;
    justify-content: space-between;
}

.citrulline-amino-improves-left {
    width: 46%;
    position: relative;
}

.citrulline-amino-improves-right {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cail-imgcover {
    border-radius: 500px 0 500px 500px;
}

.cail-imgspd {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 500px 0 500px 500px;
}

.cail-imgspd span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 500px 0 500px 500px;
    transform-origin: right top;
}

.cail-imgspd span:nth-child(1) {
    background: rgba(194, 206, 223, 0.2);
    transform: scale(1.1);
}

.cail-imgspd span:nth-child(2) {
    background: rgba(194, 206, 223, 0.04);
    transform: scale(1.27);
}

.cail-imgstr {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    right: -100%;
    border-radius: 500px 500px 500px 0;
}

.cail-imgstr span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 500px 500px 500px 0;
    transform-origin: left bottom;
    background: rgba(194, 206, 223, 0.1);
    transform: scale(0.35);
}

.cair-tit {
    font-size: var(--font60);
    color: var(--colorfff);
    line-height: var(--line12);
    font-weight: bold;
    margin-bottom: 27px;
}

.cair-text {
    margin-bottom: var(--space60);
}

.cair-text p {
    font-size: var(--font20);
    line-height: var(--line15);
    color: var(--colorfff);
}

.cair-btn {
    display: flex;
    flex-wrap: wrap;
}

.cair-btn .std-btn1-box::before {
    background: #004098;
}

.cair-btn .std-btn1-box span {
    color: var(--colorfff);
}

.cair-btn-dwonload img {
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 1;
}

.cair-btn-dwonload1 {
    margin-right: 13px;
}

.cair-btn span {
    padding-right: 16px;
}

.citrulline-video {
    padding-top: var(--space140);
}

.home-sustain-bj {
    width: 100%;
    position: relative;
}

.home-sustain-bj img {
    width: 100%;
}

.citrulline-video .home-sustain-bj,
.ys-ban-video {
    width: 100%;
}

.citrulline-video-wrap {
    border-radius: 20px 20px 100px 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.citrulline-video-wrap-action {
    position: absolute;
    bottom: 71px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--colorfff);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 28px 0 28px 28px;
    z-index: 2;
    height: 56px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    cursor: pointer;
}

.citrulline-video-wrap-action p {
    font-size: var(--font16);
    line-height: var(--line12);
    position: relative;
    margin-right: 24px;
}

.citrulline-video-wrap-action p::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #004098 0%, #22AC38 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: all 0.36s;
}

.citrulline-video-wrap-action img {
    width: 24px;
}

.citrulline-consul {
    padding-bottom: var(--space140);
    padding-top: var(--space140);
}

.citrulline-consul-end {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.citrulline-consul-end-tit {
    font-size: var(--font60);
    line-height: var(--line12);
    position: relative;
    margin-bottom: 50px;
    font-weight: bold;
    text-align: center;
}

.citrulline-consul-end-tit::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #004098 0%, #22AC38 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: all 0.36s;
}

.citrulline-consul-end-btn .std-btn1-box::before {
    background: var(--colormain);
}

.citrulline-consul-end-btn .std-btn1-box span {
    color: var(--colorfff);
}

.connect-sing {
    padding-top: var(--space140);
    padding-bottom: var(--space140);
    position: relative;
}

.connect-sing-left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 31.8%;
}

.connect-sing-left-tit {
    font-size: var(--font56);
    line-height: var(--line13);
    font-weight: bold;
    color: var(--color15);
    margin-bottom: var(--space40);
}

.connect-sing-left-text {
    padding-bottom: 30px;
    border-bottom: 1px solid #969B9E;
}

.connect-sing-left-text p {
    font-size: var(--font24);
    line-height: var(--line175);
    color: #424548;
}

.cslu-li {
    padding-top: 32px;
}

.connect-sing-left-ul .cslu-li:nth-child(2) {
    padding-top: 26px;
}

.cslu-li-name p {
    font-size: var(--font20);
    line-height: var(--line175);
    color: #424548;
    margin-bottom: 6px;
}

.cslu-li-number p {
    font-size: var(--font24);
    line-height: var(--line13);
    color: #040608;
    font-weight: bold
}

.connect-sing-box {
    position: relative;
}

.cocc-wt.act {
    background: var(--colormain3);
}

.cocc-wt p {
    font-size: var(--font20);
    color: #040608;
    line-height: var(--line14);
    font-weight: bold;
}

.cocc-wt.act p {
    color: var(--colorfff);
    transition: all 0.36s;
}

.connect-option-card-choose {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: var(--space40);
    margin-bottom: var(--space60);
    border-bottom: 1px solid #CDD0D2;

}

.cocc-wt {
    height: 68px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 18%;
    border-bottom-right-radius: 11px;
    cursor: pointer;
    transition: all 0.36s;
}

.cocu-li-border-cd {
    background: rgba(237, 241, 247, 0.7);
    border-radius: 8px 8px 60px 8px;
    margin-bottom: var(--space60);
    padding: var(--space60);
    padding-bottom: 58px;
}


.clbc-tit {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
    align-items: flex-start;

}

.clbc-tit img {
    width: 24px;
    margin-top: 5px;
}

.clbc-tit p {
    font-size: var(--font24);
    color: var(--color15);
    line-height: var(--line13);
    font-weight: bold;
    padding-left: 16px;
    width: calc(100% - 24px);
}

.clbc-text {
    padding-bottom: 32px;
    /* border-bottom: 1px solid #CDD0D2; */
}


.clbc-text p {
    color: #424548;
}

.clbc-telf {
    display: flex;
    flex-wrap: wrap;
    padding-top: 32px;
    border-top: 1px solid #CDD0D2;
}

.clbc-telf-phone {
    width: 16%;
}

.clbc-telf-phone-name {
    margin-bottom: 9px;
}

/* .clbc-telf .clbc-telf-phone:nth-child(1) {
    margin-right: 120px;
} */

.clbc-telf-phone-name p {
    color: #424548;
}

.clbc-telf-phone-number p {
    font-size: var(--font20);
    line-height: var(--line13);
    color: #040608;
    font-weight: bold;
}

.product-stab {
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.product-stab-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.product-stab-wrap-le {
    width: 52%;
    overflow: hidden;
}

.pswl-ul-li {
    border-radius: 10px 10px 120px 10px;
    display: none;
}

.pswl-ul-li:first-child {
    display: none;
}

.product-stab-wrap-ri {
    width: 42%;
}

.pswr-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.pswr-ul-li {
    padding: 0 12px;
    width: 50%;
    margin-bottom: 34px;
    position: relative;
}

.pswr-ul-li-linkbox {
    position: relative;
}

.pswr-ul-li-link {
    border-top: 2px solid #666;
    padding: 20px 20px 28px;
    transition: all 0.36s;
}

.pull-fpfi {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}

.pull-fpfi-up {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 124px;
    width: 100%;
}

.pull-fpfi-up-food {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 26px;
    width: 100%;
}

.pfuf-tit {
    width: calc(100% - 24px);
}

.pfuf-tit p {
    font-size: var(--font24);
    line-height: var(--line12);
    color: var(--color15);
    font-weight: bold;
    max-height: 1.2em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.pfuf-img {
    width: 24px;
    height: 24px;
}

.pfuf-img img {
    width: 100%;
}

.pull-fpfi-down p {
    font-size: var(--font18);
    line-height: var(--line15);
    color: #424548;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pull-fpfi-up-img {
    width: 40px;
}

.pull-fpfi-up-img img {
    width: 100%;
}

.pswr-ul-li-blnk {
    /* background: #012169; */
    border-radius: 10px;
    padding: 20px 20px 28px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all 0.36s;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.pulb-fpfi {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
}

.pulb-fpfi-up {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 29px;
    width: 100%;
}

.pulb-fpfi-up-indu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 26px;
    width: 100%;
}

.pfui-tit {
    width: calc(100% - 24px);
}

.pfui-tit p {
    font-size: var(--font24);
    line-height: var(--line12);
    color: var(--colorfff);
    font-weight: bold;
    max-height: 1.2em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}

.pfui-img {
    width: 24px;
}

.pfuf-img img {
    width: 100%;
}

.pulb-fpfi-down p {
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--colorfff);
    max-height: 6em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pulb-fpfi-up-img {
    width: 40px;
}

.pulb-fpfi-up-img img {
    width: 100%;
}

.product-custo-tit {
    font-size: var(--font56);
    line-height: var(--line13);
    text-align: center;
    font-weight: bold;
    color: var(--color15);
    margin-bottom: var(--space80);
}

.product-custo-tit span {
    color: #004098;
}

.pcwn-up {
    display: flex;
    flex-wrap: wrap;
    margin: -7px;
    margin-bottom: 0;

}

.pcwn-up-left {
    width: 66.666666%;

}

.pcwn-up-left-up {
    display: flex;
    flex-wrap: wrap;
    width: 100%;

}

.pulu-li {
    width: 25%;
    padding: 7px;
    display: flex;
    flex-wrap: wrap;
}

.pulu-li-box {
    background-color: #F4F6F9;
    padding: 48px 25px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    width: 100%;
}

.pcwn-up-left-up1 .pulu-li:nth-child(3) {
    width: 50%;
}

.pcwn-up-left-up1 .pulu-li:nth-child(3) .pulu-li-box {
    background: #E4EEFE;
}

.pulu-li-icon {
    width: 110px;
    margin-bottom: 16px;
}

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

.pulu-li-text p {
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--color15);
    text-align: center;
}

.pcwn-up-left-up2 .pulu-li:nth-child(2) {
    width: 50%;
}

.pcwn-up-left-up2 .pulu-li:nth-child(2) .pulu-li-box {
    background: #CFE2FF;
}

.pcwn-up-right {
    width: 33.333333%;
    display: flex;
    flex-wrap: wrap;
}

.pcwn-up-right-li {
    width: 50%;
    height: 100%;
    padding: 7px;
}

.pcwn-up-right-li-box {
    background-color: #F4F6F9;
    padding: 48px 25px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    width: 100%;
    height: 100%;
}

.pcwn-down .pcwn-down-ul:nth-child(odd) .pcwn-down-li:nth-child(2) .pcwn-up-right-li-box {
    background: #CBE2D7;
}

.prlb-icon {
    width: 110px;
    margin-bottom: 16px;
}

.purr-li {
    padding: 7px;
    width: 100%;
}

.pcwn-up-right-ri {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    margin-right: -7px;

}

.pcwn-down {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px 0;
}

.pcwn-down-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}

.pcwn-down-li {
    width: 16.666666%;
    padding: 7px;
}

.pcwn-up-left-up4 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.pcwn-up-left-up4 .pulu-li {
    width: 100% !important;
    padding: 0;
}

.pcwn-up-left-up4 .pulu-li:nth-child(1) {
    padding-bottom: 7px;
}

.pcwn-up-left-up4 .pulu-li:nth-child(2) {
    padding-top: 7px;
}

.pcwn-down .pcwn-down-ul:nth-child(odd) .pcwn-down-li:nth-child(4) {
    width: 33.333333%;
}

.pcwn-down .pcwn-down-ul:nth-child(odd) .pcwn-down-li:nth-child(4) .pcwn-up-right-li-box {
    background: #E4EEFE;
}

.pcwn-down .pcwn-down-ul:nth-child(even) .pcwn-down-li:nth-child(3) {
    width: 33.333333%;
}

.pcwn-down .pcwn-down-ul:nth-child(even) .pcwn-down-li2:nth-child(3) .pcwn-up-right-li-box {
    background: #CFE2FF;
}

.pcwn-down .pcwn-down-ul:nth-child(even) .pcwn-down-li:nth-child(3) .pcwn-up-right-li-box {
    background: #CFE2FF;
}

.citrulline-amino1 {
    background: #D7E0EB;
}

.citrulline-amino1 .citrulline-amino-improves {
    position: relative;
}

/* .citrulline-amino1 .citrulline-amino-improves-right {
    width: 100%;
} */

.citrulline-amino1 .cail-imgspd span:nth-child(1) {
    background: rgba(194, 206, 223, 1);
}

.citrulline-amino1 .cail-imgstr span {

    background: rgba(194, 206, 223, 1);
}

.citrulline-amino1 .cair-tit {
    color: var(--line15);
    position: absolute;
    top: 158px;
}

.citrulline-amino1 .cair-box {
    /* width: 40%; */
    /* position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); */
}

.citrulline-amino1 .cair-tit {
    left: 0;
}

.citrulline-amino1 .cair-text p {
    color: #424548;
}

.product-custo-nr {
    width: 100%;
    max-width: 1800px;
    margin: auto;
    height: 700px;
}

.product-custo-nr-lb {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.pcnl-scard {
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    border-radius: 20px;
    overflow: hidden;
    width: 23%;
    right: calc(40px * var(--pro-shu));
    transition: all 0.36s;
}

.pcnl-scard-link-img {
    width: 58%;
    border-radius: 10px;
}

.pcnl-scard-link-nr {
    width: 39%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pcnl-scard-link {
    padding: 12px;
    padding-right: 46px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--colorfff);
}

.psln-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.psln-end p {
    font-size: var(--font16);
    line-height: var(--line12);
    color: #012169;
    width: calc(100% - 24px);
    padding-right: 8px;
}

.psln-end-icon {
    width: 24px;
}

.psln-end-icon img {
    width: 100%;
}

.psln-tit p {
    font-size: var(--font18);
    color: var(--color15);
    line-height: var(--line15);
}

.pcnl-card {
    margin: 0 -9px;
    display: flex;
    /* flex-wrap: wrap; */
    height: 100%;
}

.pcnl-card-sc {
    width: 7%;
    position: relative;
    padding: 0 9px;
    transition: all 0.36s,
        flex 0.5s cubic-bezier(.4, .2, .4, 1);
    height: 100%;
    cursor: pointer;

}

.pcnl-card-sc-img {
    position: relative;
}

.pcnl-card-sc-img::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
}

.pcnl-card-sc.act .pcnl-card-sc-img::after {
    display: none;
}

.pcnl-card-sc-img {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.pcnl-card-sc-ct {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 210px 180px;
    opacity: 0;
    width: 879px;
    max-width: 100%;
}

.pcsc-box {
    position: relative;
    padding-bottom: var(--space40);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}



.pcnl-card-sc.act .pcnl-card-sc-ct {
    opacity: 1;
    transition: all 0.36s;
    transition-delay: 0.36s;
}


.product-custo-nr.act .pcnl-card-sc.act1 .pcsc-box::after {
    width: 100%;
    background: rgba(255, 255, 255, 1);
}

.pcsc-box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background: rgba(255, 255, 255, 0.2);
    transition: all 3s linear;
}

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

.pcsc-tit p {
    color: var(--colorfff);
    font-weight: bold;
    font-size: var(--font56);
    line-height: var(--line13);
}

.pcsc-text p {
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line175);
}

/* .citrulline-page .ys-fadeup1 {
    text-align: center;
} */

.pcnl-card-sc-dspl {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    right: 50%;
    transform: translateX(50%);
    top: 0;
    height: 100%;
    align-items: end;
    padding-bottom: 34px;
}

.pcnl-card-sc-wp {
    position: absolute;
    top: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pcnl-card-sc-wp img {
    width: 42px;
}

.pcnl-card-sc-wp p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
    font-size: var(--font20);
    color: var(--colorfff);
    line-height: var(--line175);
}

.pcnl-card-sc.act .pcnl-card-sc-dspl {
    right: 0;
    transform: translateX(0);
}

.pcnl-card-sc.act .pcnl-card-sc-dspl .pcnl-card-sc-wp {
    right: 39px;
}

.pcnl-card-sc.act .pcsd-fh {
    display: none;
}

.pcnl-card-sc.act .pcnl-card-sc-wp p {
    opacity: 0;
}

.pcsd-fh {
    width: 42px;
}

.pcsd-fh img {
    width: 100%;
}

.product-award {
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.citrulline-page .home-dynamics .home-dynamics-cont {
    background: none !important;
}

.cocu-li {
    display: none;
}

.cocu-li.act {
    display: block;
}

.cocu-li-border .cocu-li-border-cd:last-child {
    margin-bottom: 0;
}

.isbb-left {
    position: relative;
    z-index: 2;
}

.isbb-right {
    z-index: 1;
}

.connect-sing-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% + 240px);
}

.connect-sing-right {
    width: 59%;
}

.product-page .ys-imgbox-cover img:nth-child(2) {
    -o-object-fit: cover;
    object-fit: cover;
}

.pcwn-up-right .pcwn-up-left-up .pulu-li {
    width: 50%;
}

.pcwn-up-right .pcwn-up-left-up .pulu-li:nth-child(2) .pulu-li-box:nth-child(1) {
    margin-bottom: 14px;
}

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

.pcwp-ul-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.pcwp-ul .pcwp-ul-li:nth-child(1) .pcwp-ul-li-bx {
    width: 50%;
    padding: 5px;
}

.pcwp-ul-li-box {
    background: #F4F6F9;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px;
    border-radius: 28px;
    justify-content: center;
}

.pcwp-ul-li2 .pcwp-ul-li-bx {
    width: 100%;
}

.pcwp-ul-li2 .pcwp-ul-li-box {
    background: #E4EEFE;
    padding: 28px 22px;
}

.pcwp-ul .pcwp-ul-li:nth-child(2) .pcwp-ul-li-bx {
    width: 100%;
    padding: 5px;
}

.product-custo-wrap-ph {
    margin: -5px;
}

.product-custo-wrap-ph .pcwn-up-right {
    width: 100%;
}

.product-custo-wrap-ph .pulu-li-box {
    padding: 16px 8px;
}

.product-custo-wrap-ph .pulu-li {
    padding: 5px;
}

.pcwp-cicl-ul {
    display: flex;
    flex-wrap: wrap;
}

.pcwp-cicl-ul .pcwp-cicl-ul-li:first-child {
    width: 100%;
}

.pcwp-cicl-ul .pcwp-cicl-ul-li:first-child .pulu-li-box {
    padding: 29px 23px;
    background: #CFE2FF;
}

.pcwp-cicl .pcwp-cicl-ul:nth-child(2) .pcwp-cicl-ul-li:first-child .pulu-li-box {
    background: #F4F6F9;
}

.pcwp-cicl-ul .pcwp-cicl-ul-li {
    width: 50%;
    padding: 5px;
}

.product-custo-wrap-ph .pulu-li-text p {
    font-size: 16px;
}

.pcwp-cicl .pcwp-cicl-ul:nth-child(2) .pcwp-cicl-ul-li:nth-child(2) .pulu-li-box {
    background: #E4EEFE;
}

.pcwp-cicl .pcwp-cicl-ul:nth-child(1) .pcwp-cicl-ul-li:last-child .pulu-li-box {
    background: #CBE2D7;
}

.product-custo-wrap-ph .pcwn-up-right .pcwn-up-left-up .pulu-li:nth-child(1) .pulu-li-box {
    background: #CBE2D7;
}

.product-custo-wrap-ph {
    display: none;
}

.pcsi-ph {
    display: none;
}

.pcsi-pc {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.pcsi-ph {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.cair-btn-dwonload .std-btn1-box {
    justify-content: center;
}

.pcwn-up-right .pcwn-up-left-up .pulu-li:nth-child(1) .pulu-li-box {
    background: #CBE2D7;
}

.develop-science-grn {
    width: 100%;
    /* background: #25613D; */
    position: relative;
    z-index: 10;
}

.develop-science-grn::after {
    content: '';
    position: absolute;
    top: 453px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #25613D;
    z-index: -1;
}

.dsgb-tit {
    font-size: var(--font56);
    color: var(--colorfff);
    line-height: var(--line14);
    font-weight: bold;
    margin-bottom: 51px;
}

.dsgb-text {
    margin-bottom: 100px;
    width: 66.666666%;
}

.dsgb-text p {
    font-size: 22px;
    line-height: var(--line15);
    color: var(--colorfff);
}

.dsgb-ul {
    margin: 0 -33px;
    display: flex;
    flex-wrap: wrap;
}

.dsgb-ul-li {
    width: 25%;
    padding: 0 33px;
    display: flex;
    flex-wrap: wrap;
}

.dsgb-ul-li-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    width: 100%;
}

.dsgb-ul-li-icon {
    width: 64px;
    margin-bottom: 34px;

}

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

.dsgb-ul-li-text {
    margin-bottom: 36px;
}

.dsgb-ul-li-text p {
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line15);
}

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

.develop-page .std-btn1-box::before {
    background: var(--colormain);
}

.develop-page .std-btn1-box span {
    color: var(--colorfff);
}

.develop-policies {
    position: relative;
}

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

.develop-policies-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.develop-policies-bg-ph {
    display: none;
}

.develop-policies-nr-tit {
    font-size: var(--font56);
    font-weight: bold;
    color: var(--colorfff);
    line-height: var(--line13);
    margin-bottom: var(--space60);
}

.develop-policies-nr {
    position: relative;
    width: 54%;
}

.develop-policies-nr-ul {
    margin: 0 -30px;
    display: flex;
    flex-wrap: wrap;
}

.dpnu-li {
    padding: 0 30px;
    margin-bottom: var(--space60);
    width: 50%;
}

.dpnu-li-link {
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

.dpnu-li-link::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    content: '';
    background: var(--colorfff);
    transition: all 0.36s;
}

.dpnu-li-link-le {
    width: calc(100% - 24px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dlll-icon {
    width: 40px;
    display: flex;
}

.dlll-icon img {
    flex: none;
}

.dlll-text {
    padding-left: var(--space24);
    width: calc(100% - 40px);
}

.dlll-text p {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--colorfff);
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dpnu-li-link-ri {
    width: 24px;
    position: relative;
}

.dpnu-li-link-ri img {
    width: 100%;
}

.dpnu-li-link-ri::after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--colorfff);
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    opacity: 0;
    transition: all 0.36s;
}

.develop-esg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: var(--space60);
}

.develop-esg-tit {
    font-size: var(--font56);
    line-height: var(--line13);
    font-weight: bold;
    color: var(--color15);
}

.develop-page .product-custo-tit {
    margin-bottom: var(--space60);
}

.develop-page .pulu-li-box {
    padding: 45px 29px;
}

.develop-award {
    background: linear-gradient(360deg, #F5FAFB 0%, rgba(245, 250, 251, 0) 100%);

}

.develop-page .std-btn1-box {
    height: 56px;
}

.develop-page .home-dynamics-cont {
    background: var(--colorfff) !important;
}

.connect-page .ys-select-li {
    font-size: var(--font16);
    line-height: var(--line175);
}

.develop-page .std-h2,
.yxedr-active h2 {
    font-size: var(--font56);
}

.develop-page .rpul-link-left {
    width: 89px;
}

.develop-page .rpul-link-right {
    width: calc(100% - 89px);
}

.develop-page .report-pharma-ul {
    margin-bottom: 0;
}

.pcwp-ul-li3 .pcwp-ul-li-bx {
    width: 50%;
    padding: 5px;
}

.pcwp-ul-li3 .pcwp-ul-li-bx:first-child .pcwp-ul-li-box {
    height: 100%;
}

.pcwp-ul-li3 .pcwp-ul-li-bx:nth-child(2) .pulu-li-box:nth-child(1) {
    margin-bottom: 10px;
}

.pcwp-ul-li4 .pcwp-ul-li-bx {
    width: 100%;
}

.pcwp-ul-li-bx {
    padding: 5px;
}

.pcwp-ul-li1 .pcwp-ul-li-bx {
    width: 50%;
}

.pull-img {
    display: none;
}

.pcnl-card-sc-box {
    height: 100%;
    position: relative;
}

.product-custo-nr-lb .pcnl-card .slick-dots {
    position: static;
    margin-top: 10px;
}

.product-custo-nr-lb .pcnl-card .slick-dots li.slick-active {
    background: #004098;
}

.product-custo-nr-lb .pcnl-card .slick-dots li {
    width: 8px;
    height: 8px;
}



/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .gpwr-ul-li-link:hover .gull-up-tit p::before {
        opacity: 1;
    }

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

    .pc-fenye li:hover::after {
        opacity: 1;
    }

    .bfwu-btnbox-btn:hover {
        background: #E9EDF3;
    }

    .bfdu-li-link:hover {
        background: rgba(237, 241, 247, 1);
    }

    .ilul-link:hover img:nth-child(1) {
        opacity: 0;
    }

    .ilul-link:hover img:nth-child(2) {
        opacity: 1;
    }

    .ilul-link:hover::after {
        width: 100%;
        opacity: 1;
    }

    .ilul-link:hover .ilul-a-text p {
        background: var(--colormain3);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .indust-strial-box .indust-strial-box-bg:nth-child(2n) .ilul-a-text p {
        background: var(--colorfff);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .indust-strial-box .indust-strial-box-bg:nth-child(2n) .ilul-link:hover::after {
        background: #D2D2D2;
        opacity: 1;
        width: 100%;
    }

    .bpwu-actend-link:hover {
        color: #004098;

    }

    .pswr-ul-li-linkbox:hover .pswr-ul-li-blnk {
        opacity: 1;
    }

    /* .pswr-ul-li-linkbox:hover .pswr-ul-li-link {
        opacity: 0;
    } */

    .rpul-link:hover .rlrn-tit p {
        color: #004098;
    }

    .dpnu-li:hover .dpnu-li-link::after {
        width: 100%;
    }

    .dpnu-li:hover .dpnu-li-link-ri::after {
        opacity: 0.2;
    }

    .report-pharma-ul-li:hover .rpul-link-right-download img:nth-child(2) {
        opacity: 0;
        transition: all 0.36s;
    }

    .report-pharma-ul-li:hover .rpul-link-right-download img:nth-child(1) {
        opacity: 1;
        transition: all 0.36s;
    }

    /* .pcnl-card-sc.on:hover {
        width: 10%;
        transition: all 0.36s
    } */
}

@media screen and (max-width: 767px) {
    .product-custo-wrap-ph {
        display: block;
    }

    .product-custo-wrap-pc {
        display: none;
    }

    .pcnl-card {
        height: auto;
    }

}

/* Kaffi 2025.8.27 end */

/* helen star */

.develop-page .ys-banner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1920px;
}

.develop-science {
    width: 100%;
    position: relative;
    z-index: 10;
    padding-top: 238px;
}

.develop-science-tit .ys-ban-title {
    font-size: var(--font60) !important;
}

.develop-science-tit {
    width: 60%;
}

.develop-science-btm {
    width: 100%;
    position: relative;
    padding-top: 553px;
    z-index: 10;
}

.about-who {
    width: 100%;
    position: relative;
    overflow: visible !important;
}

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

.about-who-top-wrap {
    width: 100%;
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    /* background: #012169; */
}

.about-who-top-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: #012169;
    z-index: -1;
}

.about-who-top .ys-ban-imgbox {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.about-who-top .ys-ban-imgbox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
}

.about-who-top .ys-ban-imgbox::before {
    background: rgba(0, 17, 56, 0.1);
}

.awtw-desz {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
}

.awtw-desz img {
    width: 100%;
}

.about-who-btm-copywr {
    text-align: center;
    width: 100%;
    padding-bottom: 45vh;
}

.awbt-tit {
    color: #FFFFFF;
    line-height: 1.2;
    font-size: 100px;
    font-weight: bold;
}

.about-who-btm {
    padding-top: 48vh;
    padding-bottom: 38vh;
    position: relative;
    z-index: 10;
    width: 100%;
}

.about-who-btm-found {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.awbf-le-info p {
    color: #fff;
    font-size: var(--font24);
    line-height: 1.2;
}

.awbf-ri p {
    color: #fff;
    font-size: var(--font24);
    line-height: 1.5;
}

.awbf-le-info {
    margin-bottom: 16px;
}

.awbf-le-year p {
    font-size: 128px;
    line-height: 1.2;
    font-family: 'Plumino-Bold';
    color: #fff;
}

.awbf-ri {
    width: 40%;
}

.awbf-le {
    width: 30%;
}

.about-news {
    width: 100%;
    position: relative;
    z-index: 15;
    /* margin-top: -170px; */
}

.about-news {
    width: 100%;
    position: relative;
    z-index: 10;
}

.about-news-wrap {
    width: calc(100% + 240px);
    display: flex;
    flex-wrap: wrap;
    border-radius: 0 0 0 320px;
    overflow: hidden;
}

.about-news-ri {
    width: 43%;
}

.about-news-ri img {
    width: 100%;
}

.about-news-le {
    width: 57%;
    background: linear-gradient(52deg, #004098 0%, #22AC38 100%);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    padding: 128px 200px 128px 220px;
}

.about-news-le-tit .std-tit56 {
    color: #fff;
    font-family: 'Plumino-Bold';
    line-height: 1.3;
}

.about-news-le-tit {
    margin-bottom: 50px;
}

.about-news-le-info p {
    color: #fff;
    line-height: 1.5;
    font-size: 20px;
    margin-bottom: 26px;
}

.about-news-le-info p:last-child {
    margin-bottom: 0 !important;
}

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

.about-reach-tit .std-tit56 {
    color: #151515;
    line-height: 1.3;
    font-family: 'Plumino-Bold';
}

.about-reach-tit {
    text-align: center;
    margin-bottom: var(--space60);
}

.about-reach-btm {
    width: 100%;
    position: relative;
}

.about-reach-btm-data {
    width: 17%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.arbd-li {
    width: 100%;
    padding: 24px 0;
    border-bottom: 1px solid #969B9E;
}

.arbd-li-wrap p {
    color: #424548;
}

.arbd-li-num {
    font-size: var(--font60);
    color: #151515;
    line-height: 1.2;
    font-weight: bold;
    padding-right: 16px;
}

.arbd-li-wrap img {
    width: 12px;
    margin-left: 8px;
}

.about-reach-btm-classifi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
}

.arbc-li-le {
    width: 18px;
}

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

.arbc-li-ri p {
    font-size: 14px;
    line-height: 1.4;
    color: #151515;
}

.arbc-li {
    display: flex;
    /* min-width: 50%; */
    padding-right: 10px;
}

.arbc-li-ri {
    padding-left: 8px;
}

.arbc-ul {
    display: flex;
    align-items: center;
    padding-left: 100px;
}

.arbc-li1 .arbc-li-le {
    width: 32px;
}

.arbc-li1 .arbc-li-ri {
    margin-top: 6px;
}

.about-reach-btm-map {
    width: 100%;
}

.arbm-img {
    width: 100%;
}

.arbm-img img {
    width: 100%;
}

.arbm-img-svg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.arbm-img-svg svg {
    width: 100%;
}

.arbm-img-circle {
    opacity: 0.1;
}

.arbm-img-circle1 {
    -webkit-animation: kuox 2s linear infinite;
    animation: kuox 2s linear infinite;
}

.arbm-img-circle2 {
    -webkit-animation: kuox1 2s linear infinite;
    animation: kuox1 2s linear infinite;
}


@-webkit-keyframes kuox {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.2;
    }
}


@keyframes kuox {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes kuox1 {
    0% {
        opacity: 0.1;
    }

    10% {
        opacity: 0.1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes kuox1 {
    0% {
        opacity: 0.1;
    }

    10% {
        opacity: 0.1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

.develop-science-btm-desz {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
}

.develop-science-btm-desz img {
    width: 100%;
}

.develop-science {
    max-width: 1920px;
    margin: 0 auto;
}

.develop-science-btm {
    padding-top: 370px;
}

.pcnl-slick {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.pcnl-card-sc.on {
    width: 9%;
}

.pcnl-card-sc-box .home-contact-bt-btn {
    z-index: 10;
    transform: none;
    top: auto;
    width: 100px;
    display: flex;
    justify-content: space-between;
    left: auto;
    bottom: 34px;
    right: 34px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
}

.pcnl-card-sc.act .home-contact-bt-btn {
    opacity: 1;
    pointer-events: all;
}

.pcnl-card-sc-box .std-arrow-icon {
    position: static;
    border-color: #fff;
}

.pulb-fpfi-down {
    transform: translateY(100%);
    transition: all 0.36s;
}

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

.ys-form-inof-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: var(--colormain) !important;
}

.ys-fii-submit {
    height: auto !important;
}

/* 下拉 star */

.head-nav-item-down {
    padding-top: 10px;
    background: transparent !important;
}

.hnid-wrap {
    border-radius: 10px;
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10);
}

.hnid-wrap-ul-li {
    width: 280px;
    padding: 0 40px;
    border-right: 1px solid #CFCFCF;
}

.hwul-link {
    display: block;
    position: relative;
}

.hwul-link-tit {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    position: relative;
    color: #151515;
    transition: all 0.36s;
}

.hwul-link-tit::before {
    content: attr(data-text);
    /* color: #151515; */
    transition: all 0.36s;
    line-height: 1.2;
    font-weight: bold;
    background: var(--colormain3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.36s;
}

.hwul-link-arr {
    width: 30px;
}

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

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

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

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

.hwul-link-arr img {
    transition: all 0.36s;
}

.hnid-wrap-more {
    width: 100%;
    padding: 0 20px;
    margin-top: 30px;
}

.hnid-wrap-more-link {
    border-radius: 10px;
    background: #EDF1F7;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 15px;
}

.hnid-wrap-more-link p {
    color: #151515;
    line-height: 1.75;
    padding-right: 25px;
}

.hnid-wrap-more-link img {
    width: 8px;
}

.hnid-wrap-ul-li.yxnav-active2 .hwul-link-tit {
    color: transparent;
}

.hnid-wrap-ul-li.yxnav-active2 .hwul-link-tit::before {
    opacity: 1;
}

.hnid-wrap-ul-li.yxnav-active2 .hwul-link-arr img:nth-child(1) {
    opacity: 1;
}

.hnid-wrap-ul-li.yxnav-active2 .hwul-link-arr img:nth-child(2) {
    opacity: 0;
}


.indust-strial-box-bg {
    width: 100%;
    min-height: 600px;
}

.indust-strial {
    overflow: visible;
}

.isbb-wrap {
    width: 100%;
    /* position: sticky;
    top: 80px; */
}

.isbb-left-top {
    /* position: sticky;
    top: 145px; */
    background: #EDF1F7;
    padding-bottom: 53px;
    z-index: 10;
    padding-top: 30px;
}

.isbb-left-text {
    margin-bottom: 0 !important;
}

.indust-strial-box-bg:nth-child(2n) .isbb-left-top {
    background: #012169;
}

/* 下拉 end */

.isbb-right-wrap {
    height: calc(100vh - 148px);
    position: -webkit-sticky;
    position: sticky;
    top: 148px;
    left: 0;
    display: flex;
    justify-content: flex-end;
}

.isbb-right-wrap img {
    position: static;
}

.isbb-right {
    bottom: auto;
    top: 0;
    height: 100%;
}

.isbb-wrap {
    min-height: calc(100vh - 148px);
}

.indust-strial-box-bg {
    position: -webkit-sticky;
    position: sticky;
    top: var(--pro-guo);
}

.indust-strial-box .indust-strial-box-bg:last-child {
    padding-bottom: 140px;
}


.pfuf-img svg {
    width: 100%;
}

.pfuf-img svg path {
    transition: all 0.36s;
}

.pswr-ul-li-linkbox {
    position: relative;
    z-index: 10;
}

.pswr-ul-li-linkbox::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #012169;
    z-index: -1;
    border-radius: 10px;
    transition: all 0.36s;
    opacity: 0;
}

.pull-fpfi-up-img img {
    transform: scale(1) !important;
    transition: all 0.36s;
}

.pull-fpfi-up-img img:nth-child(2) {
    opacity: 0;
}

.pswr-ul-li-link .pull-fpfi-down {
    transition: all 0.36s;
}

.citrulline-amino-improves {
    padding: 120px 20px 114px;
}

.arbm-img-svg1 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.arbm-img-svg2 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.ys-fii-submit {
    font-weight: 400;
    font-family: 'Plumino-Bold';
}

.connect-option {
    overflow: visible;
}

.connect-option .connect-option-card-choose {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: var(--headh);
    left: 0;
    z-index: 10;
}

.connect-page .connect-option-card-choose {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.connect-page .connect-option-card-ul {
    border-top: 1px solid #CDD0D2;
    padding-top: var(--space60);
    margin-top: var(--space40);
}

.arbc-ul {
    width: 56%;
    justify-content: space-between;
}

.head-nav-item-down1 .hnid-wrap {
    padding-bottom: 20px;
}

.head-nav-item-title {
    position: relative;
}

.head-nav-item-title .hnit-desaz {
    width: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    opacity: 0;
    transition: all 0.36s;
    pointer-events: none;
}

.head-nav-item.yxnav-active1 .head-nav-item-title .hnit-desaz {
    opacity: 1;
}

.ys-ph-nav ul ul {
    border-top: 1px solid rgba(0, 0, 0, .1);
    /* border-bottom: 1px solid rgba(0, 0, 0, .1); */
}

.hnit-icon .ys-imgbox-cover .hnit-iconarr3 {
    position: absolute;
    top: 0;
    left: 0;
}

.hnit-icon .ys-imgbox-cover img {
    height: auto;
    transform: scale(1) !important;
}

.hnit-icon .ys-imgbox-cover img:nth-child(2) {
    top: 3px;
    opacity: 0;
}

.hnit-icon .ys-imgbox-cover img:nth-child(3) {
    top: 3px;
    opacity: 0;
}

.head-nav-item.yxnav-active1 .ys-imgbox-cover img:nth-child(3) {
    opacity: 1 !important;
}

.ys-hd-pc.isfixed .head-nav-item .hnit-icon .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.isfixed .head-nav-item .hnit-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.head-nav-item-title span {
    display: inline-block;
    position: relative;
}

.head-nav-item-title span::before {
    content: attr(data-text);
    /* color: #151515; */
    transition: all 0.36s;
    /* line-height: 1.2; */
    /*font-weight: bold;*/
    background: var(--colormain3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    position: absolute;
    top: 0;
    /* transform: translateY(-50%); */
    left: 0;
    transition: all 0.36s;
}

.head-nav-item.yxnav-active1 .head-nav-item-title span {
    color: transparent;
}

.head-nav-item.yxnav-active1 .head-nav-item-title span::before {
    opacity: 1;
}

.ys-page-wrap.act .head-nav-item .hnit-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.citrulline-page .home-dynamics .std-h2 {
    text-align: center;
}

.about-who .about-who-top .ys-ban-imgbox::before {
    transition: all 0.36s;
}

.about-who.is-act .about-who-top .ys-ban-imgbox::before {
    background: rgba(0, 17, 56, 0.3);
}

.clbc-telf-phone {
    width: 23%;
}

/* .indust-strial-top.sticky-top {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
} */

.develop-page .develop-policies {
    margin-top: var(--space140);
}

.clbc-telf-phone {
    width: 33.333333%;
}

.isbb-wrap {
    min-height: calc(100vh - 188px);
}

.isbb-leftmask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: flex-end;
}

.isbb-leftmask-sp1 {
    display: block;
    width: 100%;
    height: 175px;
    background: linear-gradient(180deg, rgba(237, 241, 247, 0.00) 0%, #EDF1F7 100%);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
}

.indust-strial-box-bg:nth-child(2n) .isbb-leftmask-sp1 {
    background: linear-gradient(180deg, rgba(237, 241, 247, 0.00) 0%, #012169 100%);
}

.indust-strial-box-bg:nth-child(2n) .isbb-leftmask-sp2 {
    background: #012169;
}

.isbb-leftmask-sp2 {
    display: block;
    width: 100%;
    height: 50px;
    background: #EDF1F7;
    position: -webkit-sticky;
    position: sticky;
    top: 188px;
    left: 0;
}

.isbb-left-ul {
    padding-bottom: 80px;
}

.indust-strial-box-bg {
    background: transparent !important;
}

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

.isbb-wrap-bg span {
    width: 100%;
    height: calc(100vh - 188px);
    position: sticky;
    top: 188px;
    left: 0;
    background: #EDF1F7;
    display: block;
    border-radius: 20px;
}

.indust-strial-box-bg:nth-child(2n) .isbb-wrap-bg span {
    background: #012169;
}

.isbb-leftmask2 {
    align-items: flex-start;
    top: -80px;
}

.isbb-leftmask-sp2 {
    height: 110px;
}

.indust-strial-box-bg:last-child {
    position: relative !important;
    top: 0 !important;
}

.indust-strial-box-bg:last-child .isbb-leftmask2 {
    display: none;
}

.indust-strial-box-bg:last-child .isbb-wrap-bg span {
    height: 100%;
}

.indust-strial-box-bg:last-child .isbb-right-wrap {
    position: static;
}

.hwul-link-img {
    width: 80%;
    margin: 0 auto;
}

.about-reach-btm-map {
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.develop-policies.act {
    margin-top: 0 !important;
}

.develop-page .mod-bread,
.about-page .mod-bread {
    z-index: 20;
}


/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .product-custo-nr.act .pcnl-card-sc.act .pcsc-box::after {
        width: 100%;
        background: rgba(255, 255, 255, 1);
    }

    .pcnl-card-sc-box .std-arrow-icon:hover {
        border-color: var(--colormain);
    }

    .pswr-ul-li-linkbox:hover .pulb-fpfi-down {
        transform: translateY(0%);
    }

    .pcnl-card-sc.act {
        width: 79% !important;
    }

    .pswr-ul-li-linkbox:hover .pfuf-img path {
        stroke: #fff;
    }

    .pswr-ul-li-linkbox:hover .pfuf-tit p {
        color: #fff;
    }

    /* .pswr-ul-li-linkbox:hover .pswr-ul-li-link {
        background: #012169;
    } */

    .pswr-ul-li-linkbox:hover::after {
        opacity: 1;
    }

    .pswr-ul-li-linkbox:hover .pswr-ul-li-link {
        border-color: transparent;
    }

    .pswr-ul-li-linkbox:hover .pull-fpfi-up-img img:nth-child(1) {
        opacity: 0;
    }

    .pswr-ul-li-linkbox:hover .pull-fpfi-up-img img:nth-child(2) {
        opacity: 1;
    }

    .pswr-ul-li-linkbox:hover .pswr-ul-li-link .pull-fpfi-down {
        opacity: 0;
    }

    .product-custo-wrap-pc.act {
        transform: translateX(8.333333%);
    }

}

/* helen end */