@charset "utf-8";

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

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

html {
    font-size: 100px;
}

/* a[href=""],a[href='']{
    cursor:default
} */
.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
    -webkit-text-fill-color: #333 !important;
}

:root {
    /* 字号 */
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    /* 间距 */
    --space250: 2.5rem;
    --space240: 2.4rem;
    --space230: 2.3rem;
    --space220: 2.2rem;
    --space210: 2.1rem;
    --space200: 2.0rem;
    --space190: 1.9rem;
    --space180: 1.8rem;
    --space170: 1.7rem;
    --space160: 1.6rem;
    --space150: 1.5rem;
    --space140: 1.4rem;
    --space130: 1.3rem;
    --space120: 1.2rem;
    --space110: 1.1rem;
    --space100: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space70: 0.7rem;
    --space60: 0.6rem;
}

:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #B71626;
    --colormain1: #97000F;
    --colorvi: #00407E;
    --colorbj: #F6F6F6;
    --color67: #676767;
    --color95: #959595;
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;
    /* 特殊字体或粗细 */
    --bold: '';
    --transition: all 0.4s ease;
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
    --radius10: 10px;
    --radius16: 16px;
    --radius20: 20px;
}

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

.std-font52,
.std-font52 p {
    font-size: var(--font52);
    color: var(--color333);
    line-height: var(--line15);
    font-weight: bold;
}

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

.std-font44,
.std-font44 p {
    font-size: var(--font44);
    color: var(--color333);
    line-height: var(--line15);
    font-weight: bold;
}

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

.std-font36,
.std-font36 p,
.yxedr-active h2 {
    font-size: var(--font36);
    color: var(--color333);
    line-height: var(--line15);
    font-weight: bold;
}

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

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

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

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

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

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

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

.yxedr-active p {
    margin-bottom: 0.75em;
}

.yxedr-active>p:last-child {
    margin-bottom: 0;
}

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

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

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

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

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

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

.search-main {
    --colormain1: var(--colormain) !important;
}

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

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

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

.yxnav-active2 {}

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

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

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

.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 {}

/* 载入 */
.ys-upfade1 {
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}

.ys-upfade1.ys-fade-true {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}

/* 首页banner载入 */
.ys-ban-li.act .ys-ban-title {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}

/* 公共样式 - end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {}

/* kaffi-1.6-start */
/* 规范按钮 */
.mod-btn-link {
    cursor: pointer;
    background: var(--colormain);
    transition: var(--transition);
    display: inline-flex;
    padding: 0.1rem 0.25rem;
    position: relative;
    border-radius: 5px;
    border: 1px solid var(--colormain);
}

.mod-btn-link span {
    transition: var(--transition);
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colorfff);
}

.ys-header .mod-btn .mod-btn-link {
    padding: 6px 0.24rem;
}

.mod-btn.on .mod-btn-link {
    background: transparent;

}

.mod-btn.on .mod-btn-link span {
    color: var(--colormain);
    transition: var(--transition);
}

.mod-list-link {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 0.1rem 0;
    transition: var(--transition);
    border-radius: 5px;
    width: 100%;
    justify-content: space-between;
}

.mod-list-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--colorfff);
    content: '';
    transition: var(--transition);
}

.mod-list-link:hover::after {
    transform: scaleX(1);
}

.mod-list-link .ys-imgbox-cover {
    width: 0.24rem;
    flex: none;
    position: relative;
    z-index: 3;
}

.mod-list-link span {
    flex-grow: 1;
    padding-right: 0.2rem;
    /* padding-right: 0.87rem; */
    position: relative;
    z-index: 2;
    color: var(--colorfff);
    transition: var(--transition);
    font-size: var(--font18);
    line-height: var(--line16);
    white-space: nowrap;
}

.mod-list-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.mod-nub .ys-imgbox-cover {
    transition: var(--transition);
}

.mod-nub .ys-imgbox-cover img {
    width: 100%;
    transform: translateX(0) !important;
}

.mod-nub {
    display: inline-flex;
}

.mod-nub.on .ys-imgbox-cover {
    transform: translateX(-0.2rem);
}

.mod-nub.on .mod-list-link .ys-imgbox-cover {
    transform: translateX(-0.2rem);
}

.mod-nub.on .mod-list-link {
    background: var(--colorfff);
}

.mod-nub.on .mod-list-link span {
    color: var(--colorvi);
    transform: translateX(0.2rem);
}

.mod-nub.on .mod-list-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;

}

.mod-nub.on .mod-list-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.mod-nub.on .mod-list-link::after {
    opacity: 0;
}

/* 顶部导航 */
.head-search-btn {
    width: 24px;
}

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

.head-logo {
    width: 142px;
}

.head-nav-item-title {
    line-height: var(--line16);
    font-size: var(--font18);

}

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

.head-nav-item-title {
    padding: var(--gap1);
    margin: 0;
}

.head-nav {
    --gap1: 0.08rem;
    --gap3: 0.36rem;
}

.head-nav-item-down {
    border-top: 1px solid var(--colormain);
}

.head-nav-item-down::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 0%;
    height: 1px;
    background: var(--colormain);
    opacity: 0;
    transition: var(--transition);
}

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

.head-nav-item-nub::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 30px;
    background-color: transparent;
}

.head-nav-item {
    padding: 0 0.27rem;
}

.head-search {
    padding-right: 0.2rem;
}

.ys-main {
    position: relative;
}

.ys-main::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(91, 91, 91, 0.8);
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}

body.on .ys-main::after {
    opacity: 1;
    z-index: 10;
}

.head-nav-item-down1 .hnid-wrap-box {
    display: flex;
    position: relative;
    width: 100%;
    padding-top: 0.4rem;
    padding-bottom: 0.6rem;
}

.head-nav-item-down1 .hnid-wrap-box::after {
    position: absolute;
    top: 0;
    right: var(--width1);
    width: calc((100% - var(--width1)) + var(--trans));
    height: 100%;
    content: '';
    background: #F6F6F6;
    z-index: -1;
}

.head-nav-item-down1 {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    --width1: 57.2%;
}

.head-nav-item-down {
    top: var(--headh);
    /* background: transparent; */
}

.head-nav-item-down1 .hnid-wrap {
    display: flex;
    max-width: 1680px;
    margin: 0 auto;
    width: 100%;
    /* padding: 0 120px; */
}

.head-nav-item-down1 .hnid-wrap-box-wrap1 {
    padding-right: 0.8rem;
    width: calc((100% - var(--width1)) / 2);
}

.head-nav-item-down1 .hwlw-top-link {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.2rem 0;
    /* border-bottom: 0.5px solid  #C3C3C3; */
}

.head-nav-item-down1 .hwlw-top-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.22rem;
    height: 1px;
    background: #C3C3C3;
    content: '';
}

.head-nav-item-down1 .hnid-wrap-box-wrap1 .hwlw-box {
    padding: 0 0.3rem 0.8rem;
    border-left: 0.5px solid #C3C3C3;
}

.head-nav-item-down1 .hwlw-top-icon {
    width: 0.24rem;
    transition: var(--transition);
}

.head-nav-item-down1 .hwlw-top-icon img {
    width: 100%;
}

.head-nav-item-down1 .hwlw-top-link .std-font20 {
    line-height: var(--line16);
    font-weight: bold;
    transition: var(--transition);
    padding-right: 0.2rem;
}

.head-nav-item-down1 .hwlw-top {
    display: flex;
    margin-bottom: 0.2rem;
    position: relative;
}

.head-nav-item-down1 .hwlw-top:hover::after {
    opacity: 1;
}

.head-nav-item-down1 .hnid-wrap-box-wrap1 .hwlw-bot-list-link {
    color: var(--color67);
    font-size: var(--font16);
    padding: 0.08rem;
    transition: var(--transition);
    line-height: var(--line16);
    /* width: 100%; */
    display: inline-flex;
}

.head-nav-item-down1 .hnid-wrap-box-wrap1 .hwlw-bot-list {
    margin: 0 -0.08rem;
    margin-bottom: calc(0.25rem - 0.08rem);
}

.head-nav-item-down1 .hnid-wrap-box-wrap1 .hwlw-bot-list:last-child {
    margin-bottom: 0;
}

.head-nav-item-down1 .hwlw-bot-list.yxnav-active3 .hwlw-bot-list-link {
    color: var(--colormain);
}

.head-nav-item-down1 .hnid-wrap-box-wrap.yxnav-active2 .hwlw-top-link .std-font20 {
    color: var(--colormain);
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 {
    width: var(--width1);
    padding-left: 0.34rem;
    --width2: 33%;
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hwlw-bot-list-link {
    display: flex;
    padding: 0.08rem 0.2rem;
    transition: var(--transition);
    border-radius: var(--radius10);
    align-items: center;
    width: 100%;
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hwlw-bot {
    display: flex;
    flex-wrap: wrap;
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hwlw-bot-list {
    width: 50%;
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hwlw-top {
    margin-bottom: 0.4rem;
}

.head-nav-item-down1 .hwlw-bot-list.yxnav-active3 .hbll-text .std-text18 {
    color: var(--colormain);
}

.head-nav-item-down1 .hbll-text .std-text18 {
    line-height: var(--line16);
    transition: var(--transition);
    margin-bottom: 5px;
}

.head-nav-item-down1 .hbll-text {
    padding: 0.1rem 0;
    padding-left: 0.2rem;
    width: calc(100% - var(--width2));
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hwlw-bot-list {
    padding: 0 var(--gap1);
    padding-bottom: var(--gap2);
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hwlw-bot {
    --gap1: 0.2rem;
    --gap2: 0.3rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-bottom: calc(var(--gap2) * -1);
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hwlw-bot-list.yxnav-active3 .hwlw-bot-list-link {
    box-shadow: 0 2px 20px 0 rgba(96, 106, 147, 0.10);
}

.head-nav-item-down1 .hnid-wrap-box-wrap2 .hbll-text .std-text16,
.head-nav-item-down1 .hnid-wrap-box-wrap2 .hbll-text .std-text16 p {
    color: var(--color95);
    line-height: var(--line16);
}

.head-nav-item-down2 .hnid-wrap {
    padding: 0.24rem 0;
}

.head-nav-item-down2 {
    min-width: 2.2rem;
    width: 100%;
    border-radius: 0 0 5px 5px;
}

.head-nav-item-down2 .hnid-wrap-box-wrap .hwbw-link {
    color: rgba(51, 51, 51, 0.7);
    transition: var(--transition);
    font-size: var(--font16);
    line-height: var(--line16);
    padding: 5px;
    text-align: center;
    width: 100%;
    display: block;
}

.head-nav-item-down2 .hnid-wrap-box-wrap.yxnav-active2 .hwbw-link {
    color: var(--colormain);
}

.head-nav-item-down2 .hnid-wrap-box-wrap {
    margin-bottom: 0.1rem;
}

.head-nav-item-down2 .hnid-wrap-box-wrap:last-child {
    margin-bottom: 0;
}

.hnid-wrap-box-wrap2 .hwlw-bot-list-link .ys-imgbox-cover {
    width: var(--width2);
}

/* 顶部阴影 */
/* .head-nav-item-nub::before{
    position: fixed;
    top: var(--headh);
    left: 0;
    width: 100vw;
    height: 100vh;
    content: '';
    background: rgba(91, 91, 91, 0.30);
    z-index: -1;
    opacity: 0;
    
}
.head-nav-item.yxnav-active1 .head-nav-item-nub::before{
    opacity: 1;
} */
body {
    position: relative;
}

body::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background: var(--colorfff);
    height: 100vh;
    z-index: 4;
}

.head-nav-item-down {
    box-shadow: var(--shadow);
}

/* 顶部导航-end */
/* 侧边-start */
.mod-sider {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 90;
    right: -100px;
    transition: var(--transition);
    pointer-events: none;
}

.mod-sider.show {
    right: 20px;
    pointer-events: all;
}

.mod-sider.close {
    transform: translate(132%, -50%);
}

.mod-sider-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    background: var(--colormain);
    padding: 0.18rem 4px;
    border-radius: 5px 0 0 5px;
    color: var(--colorfff);
    cursor: pointer;
    transition: var(--transition);
}

.mod-sider-toggle span {
    writing-mode: vertical-lr;
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.mswn-box-cont-icon {
    width: 0.24rem;
    margin-bottom: 3px;
}

.mswn-box-cont-text {
    transition: var(--transition);
    color: var(--color67);
    line-height: var(--line16);
    font-size: var(--font12);
    flex: none;
    white-space: nowrap;
}

.mswn-box-cont-icon img:nth-child(2) {
    opacity: 0;
}

.mswn-box {
    cursor: pointer;
    position: relative;
    transition: var(--transition);
    background: var(--colorfff);
    padding: 0.11rem 0.08rem 0.08rem 0.09rem;
}

.mod-sider-back-box {
    cursor: pointer;
    position: relative;
    transition: var(--transition);
    background: var(--colorfff);
    padding: 0.11rem 0.08rem 0.08rem 0.09rem;
}

.mod-sider-wrap-nub:not(:last-child) .mswn-box::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1px;
    background: var(--color67);
    content: '';
}

.mswn-box-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mod-sider-wrap {
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
}

.mod-sider-back {
    margin-top: 0.15rem;
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
}

.mod-sider-wrap-nub.on .mswn-box {
    background: var(--colormain);
}

.mod-sider-wrap-nub.on .mswn-box .mswn-box-cont-icon img:nth-child(2) {
    opacity: 1;
}

.mod-sider-wrap-nub.on .mswn-box .mswn-box-cont-icon img:nth-child(1) {
    opacity: 0;
}

.mod-sider-wrap-nub.on .mswn-box {
    background: var(--colormain);
}

.mod-sider-wrap-nub.on .mswn-box .mswn-box-cont-text {
    color: var(--colorfff);
}

.mod-sider-wrap-nub.on .mod-sider-back-box {
    background: var(--colormain);
}

.mod-sider-wrap-nub.on .mod-sider-back-box .mswn-box-cont-icon img:nth-child(2) {
    opacity: 1;
}

.mod-sider-wrap-nub.on .mod-sider-back-box .mswn-box-cont-icon img:nth-child(1) {
    opacity: 0;
}

.mod-sider-wrap-nub.on .mod-sider-back-box {
    background: var(--colormain);
}

.mod-sider-wrap-nub.on .mod-sider-back-box .mswn-box-cont-text {
    color: var(--colorfff);
}

.mod-sider-wrap-nub.act .mswn-box {
    background: var(--colormain);
}

.mod-sider-wrap-nub.act .mswn-box .mswn-box-cont-icon img:nth-child(2) {
    opacity: 1;
}

.mod-sider-wrap-nub.act .mswn-box .mswn-box-cont-icon img:nth-child(1) {
    opacity: 0;
}

.mod-sider-wrap-nub.act .mswn-box {
    background: var(--colormain);
}

.mod-sider-wrap-nub.act .mswn-box .mswn-box-cont-text {
    color: var(--colorfff);
}

.mswn-box-hover {
    position: absolute;
    right: calc(100% + 0.15rem);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: var(--transition);
}

.mswn-box-hover.on {
    opacity: 1;
}

.mswn-box-hover a {
    background: var(--colormain);
    color: var(--colorfff);
    white-space: nowrap;
    padding: 0.06rem 0.24rem;
    border-radius: 5px;
    font-size: var(--font18);
    line-height: var(--line16);
}

.mswn-box-hover2 {
    width: 100px;
}

.mswn-box-hover img {
    width: 100%;
    border-radius: var(--radius10);
    box-shadow: 0 54.286px 15.238px 0 rgba(111, 130, 165, 0.00), 0 34.762px 13.81px 0 rgba(111, 130, 165, 0.01), 0 19.524px 11.905px 0 rgba(111, 130, 165, 0.03), 0 8.571px 8.571px 0 rgba(111, 130, 165, 0.04), 0 2.381px 4.762px 0 rgba(111, 130, 165, 0.05);
}

/* 侧边-end */
/* 底部导航-start */
.ys-footer {
    position: relative;
    z-index: 10;
    background: #0B2B50;
}

.footer-bot {
    border: none;
    position: relative;
    z-index: 1;
    justify-content: center;
}

.footer-bot::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    content: '';
    background: #012043;
    z-index: 2;
    pointer-events: none;
}

.footer-text {
    position: relative;
    z-index: 3;
}

.footer-privacy {
    position: relative;
    z-index: 3;
}

.footer-bg {
    position: absolute;
    bottom: var(--height);
    right: 0;
    width: 18%;
    z-index: 2;
}

.footer-bg img {
    width: 100%;

}

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

.footer-nav>li>a {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line16);
}

.footer-nav {
    --gap2: 0.2rem;
    --gap3: 10px;
}

.footer-nav ul a {
    color: rgba(255, 255, 255, .6);
    line-height: var(--line16);
}

.footer-nav ul a:hover {
    color: var(--colorfff);
}

.footer-top-ri {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 7%;
}

.footer-top-ri-img {
    width: 1rem;
    margin-bottom: 0.1rem;
}

.footer-top-ri .std-text14 {
    color: rgba(255, 255, 255, .6);
    line-height: var(--line16);
}

.footer-nav {
    width: 82%;
}

.footer-text,
.footer-text a,
.footer-text p {
    font-size: 12px;
    color: var(--colorfff);
    line-height: var(--line18);
}

.footer-bot-text {
    position: relative;
    z-index: 3;
}

.footer-bot-text,
.footer-bot-text a,
.footer-bot-text p {
    color: rgba(255, 255, 255, .3);
    line-height: var(--line18);
    font-size: 12px;
}

.footer-privacy a {
    color: rgba(255, 255, 255, 0.4);
    line-height: var(--line16);
}

.footer-privacy {
    --gap1: 0.41rem;
}

.footer-text {
    margin-right: 2rem;
}

.footer-bot-text {
    margin-left: 0.64rem;
}

.footer-privacy>li {
    position: relative;
}

.footer-privacy>li::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    /* height: 0.11rem; */
    background: rgba(255, 255, 255, 0.2);
    content: '';
}

/* 底部导航-end */
/* 多选 */
.mod-multi-select .ys-sit-icon::after,
.mod-multi-select .ys-sit-icon::before {
    display: none;
}

.mod-multi-select .ys-sit-icon {
    height: auto;
    width: 0.22rem;
}

.mod-info {
    padding-left: 0.15rem;
}

.mod-slide-middle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--wh1);
    height: var(--wh1);
    border: 1px solid #C3C3C3;
    position: relative;
    border-radius: 2px;
    /* overflow: hidden; */
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    cursor: pointer;
    transition: var(--transition);
}

.mod-slide-middle-icon::after {
    content: '';
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
    border-radius: 2px;
}

.mod-slide-middle-icon img {
    position: relative;
    z-index: 3;
    opacity: 0;
    width: 80%;
}

.mod-slide-item.act .mod-slide-middle-icon::after {
    opacity: 1;
}

.mod-slide-item.act .mod-slide-middle-icon img {
    opacity: 1;
}

.mod-slide-item.act .mod-slide-middle-icon {
    border: 1px solid var(--colormain);
}

.mod-slide-small-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--wh1);
    height: var(--wh1);
    border: 1px solid #C3C3C3;
    position: relative;
    border-radius: 2px;
    /* overflow: hidden; */
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    cursor: pointer;
    transition: var(--transition);
}

.mod-slide-small-icon::after {
    content: '';
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
    border-radius: 2px;
}

.mod-slide-small-icon img {
    position: relative;
    z-index: 3;
    opacity: 0;
    width: 80%;
}

.mod-slide-name-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--wh);
    height: var(--wh);
    border: 1px solid #C3C3C3;
    transition: var(--transition);
    position: relative;
    border-radius: 2px;
    /* overflow: hidden; */
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    cursor: pointer;
}

.mod-slide-name-icon::after {
    content: '';
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
    border-radius: 2px;
}

.mod-slide-name {
    display: flex;
    align-items: flex-start;
}

.mod-slide-name-icon img {
    position: relative;
    z-index: 3;
    opacity: 0;
}

.prod-cont-bot .ys-slide-item.act .mod-slide-name-icon::after {
    opacity: 1;
}

.prod-cont-bot .ys-slide-item.act .mod-slide-name-icon img {
    opacity: 1;
}

.prod-cont-bot .ys-slide-item.act .mod-slide-name-icon {
    border: 1px solid var(--colormain);
}

.mod-multi-select-box {
    display: flex;
    --wh: 20px;
    --wh1: 15px;
    justify-content: space-between;
}

.mod-slide-bot {
    width: calc(100% - var(--wh) - 0.2rem);
}

.mod-slide-item {
    display: flex;
    justify-content: space-between;
}

.mod-slide-btm {
    width: calc(100% - var(--wh) - 0.15rem);
}

.mod-slide-item-top {
    justify-content: space-between;
    cursor: pointer;
}

.mod-info-list {
    display: flex;
}

.mod-info-list-box {
    display: flex;
    cursor: pointer;
}

.mod-info-list.act .mod-slide-small-icon::after {
    opacity: 1;
}

.mod-info-list.act .mod-slide-small-icon img {
    opacity: 1;
}

.mod-info-list.act .mod-slide-small-icon {
    border: 1px solid var(--colormain);
}

/* 多选-end */
/* 首页-start */
.home-main .ys-ban-title .std-font52 {
    color: var(--colorfff);
    line-height: var(--line12);
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.home-main .ys-ban-title .std-text18,
.home-main .ys-ban-title .std-text18 p {
    color: var(--colorfff);
    line-height: 1.65;
}

.home-main .mod-ban-text {
    margin-bottom: 0.5rem;
}

.home-main .ys-banner .slick-dots {
    bottom: 0.4rem;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    width: 85vw;
    max-width: 1600px;
    margin: auto;
    --place: calc(50vw - 800px);
    --cont: 1600px;
}

.ys-dots1 .slick-dots li::before {
    height: 4px;
}

.ys-dots1 .slick-dots li::after {
    height: 4px;
}

.ys-dots1 .slick-dots li {
    width: 0.8rem;
}

.mod-bot {
    position: relative;
    z-index: 1;
    padding-top: 1.35rem;
    padding-bottom: 0.86rem;
}

.mod-bot-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
}

.mod-bot-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mod-bot-cont {
    position: relative;
    z-index: 3;
}

.mod-bot-cont .std-font36 {
    color: var(--colorfff);
    margin-bottom: 0.4rem;
    font-weight: normal;
}

.home-prod-wrap {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.1rem;
    --gap2: 0.15rem;
    margin: calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}

.home-prod-wrap-list {
    width: 27.5%;
    padding: var(--gap1) var(--gap2);
}

.home-prod-wrap-list:first-child {
    width: 45%;
}

.home-prod-wrap-list:nth-child(5) {
    width: 45%;
}

.mod-tit {
    position: relative;
    display: inline-flex;
    padding-bottom: 0.06rem;
}

.mod-tit::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, var(--colorvi) 0% 76%, var(--colormain) 76% 100%);
    content: '';
    transition: var(--transition);
}

.home-prod .std-font44 {
    margin-bottom: 0.5rem;
}

.hpwl-box {
    width: 100%;
    height: 100%;
    border-radius: var(--radius10);
    background: #F6F6F6;
    position: relative;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mod-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
/* kaffi-1.27-start */
/* .home-prod-wrap-list:first-child .hpwl-box {
    border-radius: 5px;
    background: #00407E;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    padding: 0.85rem 1.1rem 0.92rem;
} */
/* kaffi-1.27-end */
.hpwl-box .std-font32 {
    color: var(--colorfff);
    text-align: center;
}

.hpwl-box-info-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 31%;
    z-index: 2;
}

.hpwl-box-info-bg img {
    width: 100%;
}

.hpwl-box-info {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.2rem;
    --gap2: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-bottom: calc(var(--gap2) * -1);
    position: relative;
    z-index: 3;
}

.hpwl-box-info .mod-nub {
    padding: 0 var(--gap1);
    padding-bottom: var(--gap2);
    width: 50%;
}

.hpwl-box .std-font32 {
    margin-bottom: 0.3rem;
}

.home-prod-wrap-list .std-font24 {
    color: var(--color333);
    line-height: var(--line16);
    font-weight: bold;
    padding-left: 0.1rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.5rem;
    white-space: nowrap;

}

.home-prod-wrap-list .std-font24::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 0.22rem;
    background: linear-gradient(0deg, var(--colormain) 0% 27%, var(--colorvi) 27% 100%);
    content: '';
}

.hpwl-box-link {
    position: relative;
    display: flex;
}

.home-indu-box-tab {
    width: 100%;
}

.hibt-btn {
    display: flex;
    border-bottom: 1px solid #C3C3C3;
    justify-content: center;
}

.hibt-btn-cont {
    display: flex;
    transition: var(--transition);
    min-width: 1.57rem;
    width: 100%;
    --width: 0.3rem;
    padding: 0.2rem;
    border-radius: 5px;
}

.hibt-btn-cont-icon {
    width: var(--width);
    flex: none;
}

.home-indu-box .ys-tab-btn {
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
    padding-bottom: 0.2rem;
}

.home-indu-box .ys-tab-btn-item {
    padding: 0 var(--gap1);

}

.home-indu-box .ys-tab-btn-item.on .hibt-btn-cont {
    background: var(--colorvi);
}

.home-indu .std-font44 {
    margin-bottom: 0.4rem;
}

.hibt-btn-cont .std-font20 {
    padding-left: 0.15rem;
    transition: var(--transition);
    line-height: var(--line16);
    width: calc(100% - var(--width));
    text-align: center;
    white-space: nowrap;
}

.hibt-btn .ys-tab-btn-item.on .hibt-btn-cont .std-font20 {
    color: var(--colorfff);
}

.hibt-btn-cont-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.hibt-btn .ys-tab-btn-item.on .hibt-btn-cont-icon .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hibt-btn .ys-tab-btn-item.on .hibt-btn-cont-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hibt-cont {
    padding: 0.6rem 0.8rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hibt-cont-le-wrap {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.1rem;
    --gap2: 0.1rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-bottom: calc(var(--gap2) * -1);
}

.hibt-cont-le-wrap .mod-btn {
    padding: 0 var(--gap1);
    padding-bottom: var(--gap2);
}

.hibt-cont-le .std-font32 {
    margin-bottom: 0.45rem;
    line-height: var(--line14);
}

.hibt-cont-le .std-text18,
.hibt-cont-le .std-text18 p {
    color: var(--color67);
}

.hibt-cont-le .std-text18 {
    margin-bottom: 0.45rem;
}

.hibt-cont-le {
    padding-right: 0.9rem;
    width: 34%;
    padding-top: 0.6rem;
}

.hibt-cont-ri {
    width: 66%;
    --left: 0.5rem;
    position: relative;
}

.hibt-cont-ri .ys-slick-item-cont .ys-imgbox-cover {
    border-radius: 5px;
}

.mod-ph {
    display: none;
}

.home-indu .ys-slide {
    width: 100%;
}

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

.mod-more.on span {
    color: var(--color67);
}

.mod-more span {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colorfff);
    padding-right: 0.08rem;
    transition: var(--transition);
}

.mod-more-link {
    display: flex;
    text-align: center;
}

.mod-more-link-icon {
    width: 0.24rem;
    flex: none;
    transition: var(--transition);
}

.mod-switch-btn {
    width: 0.5rem;
    cursor: pointer;
    transition: var(--transition);
}

.mod-switch {
    display: flex;
}

.mod-switch-btn-le {
    margin-right: 0.2rem;
}

.hibt-cont-ri-box {
    position: absolute;
    top: var(--left);
    left: var(--left);
    width: 35%;
}

.hcrb-link {
    border-radius: 5px;
    /* border: 1px solid #FFF; */
    background: rgba(127, 141, 156, 0.50);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    padding: 0.37rem 0.2rem 0.46rem 0.3rem;
}

.mod-border {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-mask: linear-gradient(var(--colormain) 0 0) content-box, linear-gradient(var(--colormain) 0 0);
    mask: linear-gradient(var(--colormain) 0 0) content-box, linear-gradient(var(--colormain) 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    inset: 0;
    padding: 1px;
    border-radius: 5px;
    backdrop-filter: blur(117.94999694824219px);
    transition: all .4s;
}

.mod-border span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: all .4s;
    background: linear-gradient(to right bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 113%);
}

.hcrb-link .std-font20 {
    color: var(--colorfff);
    line-height: var(--line16);
    margin-bottom: 0.12rem;
    transition: var(--transition);
}

.hcrb-link .std-text16,
.hcrb-link .std-text16 p {
    color: var(--colorfff);
    line-height: var(--line16);
    max-height: 6.4em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hcrb-link .std-text16 {
    margin-bottom: 0.25rem;
}

.mod-switch-btn .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hibt-cont-ri .mod-switch {
    position: absolute;
    left: var(--left);
    bottom: 0.58rem;
}

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

.home-indu {
    background: linear-gradient(180deg, #F6F6F6 0%, #FFF 100%);
}

.home-bene-box-top {
    width: 39%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.6rem;
}

.home-bene-box-top .std-font24 {
    text-align: center;
    color: var(--colorfff);
    margin-bottom: 0.1rem;
    line-height: var(--line16);
}

.home-bene-box-top .std-text16,
.home-bene-box-top .std-text16 p {
    color: var(--colorfff);
    line-height: var(--line16);
    text-align: center;
}

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

.home-bene-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.home-bene .ys-cont1400 {
    position: relative;
    z-index: 3;
}

.home-bene-box-top .std-font44 {
    margin-bottom: 0.6rem;
    color: var(--colorfff);
}

.hbbb-wrap {
    display: flex;
    flex-wrap: wrap;
    /* --gap1: 1.4rem; */
    --gap1: 0.2rem;
    --gap2: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-bottom: calc(var(--gap2) * -1);
    justify-content: space-between;
}

.hbbb-list {
    padding: 0 var(--gap1);
    padding-bottom: var(--gap2);
    position: relative;
    width: 25%;
}

.hbbb-list-box .std-font20 span {
    color: var(--colorfff);
    font-size: var(--font72);
    line-height: var(--line12);
    font-weight: 900;
}

.hbbb-list-box .std-font20 p {
    color: var(--colorfff);
    text-align: center;
    line-height: var(--line16);

}

.hbbb-list-box .std-font20 {
    margin-bottom: 0.1rem;
}

.hbbb-list-box .std-text16,
.hbbb-list-box .std-text16 p {
    color: var(--colorfff);
    line-height: var(--line16);
    text-align: center;
}

.hbbb-list::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../images/a1-icon10.svg) no-repeat center;
    background-size: contain;
    width: 2px;
    height: 0.85rem;
}

.hbbb-list:first-child:after {
    display: none;
}

.home-bene-box-bot {
    margin-bottom: 0.6rem;
    width: 100%;
}

.video-btn {
    cursor: pointer;
}

.hnbt-le {
    width: 39.75%;
    position: relative;
}

.mod-more1-link span {
    transition: var(--transition);
    color: var(--colormain);
    font-size: var(--font16);
    padding-right: 0.08rem;
}

.mod-more1-link-cion {
    transition: var(--transition);
    width: 0.24rem;
    flex: none;
}

.mod-more1-link-cion img {
    width: 100%;
}

.mod-more1 {
    display: inline-flex;
}

.mod-more1-link {
    display: flex;
    align-items: center;
}

.home-news .std-font44 {
    margin-bottom: 0.6rem;
}

.home-news-box-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.hnbt-le-link {
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.2rem 0.95rem 0.2rem 0.7rem;
    border-radius: var(--radius10);
    border: 1px solid #D9D9D9;
}

.hnbt-ri {
    width: 59%;
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.hnbt-le-top-tit {
    font-size: var(--font26);
    color: var(--color333);
    line-height: var(--line14);
    font-weight: bold;
    transition: var(--transition);
    margin-bottom: 0.1rem;
}

.hnbt-le-top .std-text16,
.hnbt-le-top .std-text16 p {
    color: var(--color67);
    line-height: var(--line16);
}

.hnbt-le-top {
    margin-bottom: 0.46rem;
}

.hnbt-le-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    pointer-events: none;
}

.hnbt-le-bg img {
    width: 100%;
}

.home-news-box-bot .ys-slick {
    --gap1: 0.1rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-bottom: 0.2rem;
}

.home-news-box-bot .ys-slick-item {
    padding: 0 var(--gap1);
}

.home-news-box-bot .mod-btn {
    margin-top: 0.4rem;
}

.home-news-box-bot {
    width: 100%;
}

.home-news-box-bot .ys-slick-item-cont {
    position: relative;
    background: #F6F6F6;
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: var(--transition);
    cursor: pointer;
}

.hnbb-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28%;
    z-index: 2;
    pointer-events: none;
}

.home-news-box-bot .mod-btn {
    display: flex;
    justify-content: center;
}

.hnbb-cont-top-time {
    color: var(--color67);
    line-height: var(--line16);
    font-size: var(--font14);
    margin-bottom: 5px;
}

.hnbb-imgbox {
    border-radius: var(--radius10);
}

.hnbb-cont {
    padding: 0.3rem;
    position: relative;
    z-index: 3;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hnbb-cont-top {
    margin-bottom: 0.3rem;
}

.hnbb-bg .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.hnbt-ri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.home-bene-bg-img {
    position: relative;
    width: 100%;
    z-index: 2;
}

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

.home-bene-bg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 3;
}

/* 首页-end */
/* 面包屑-start */
.ys-bread-list::before {
    content: '/';
    color: rgba(255, 255, 255, 0.6);
}

.mod-bread {
    position: absolute !important;
    bottom: 0.39rem;
    left: 50%;
    transform: translateX(-50%);
}

.ys-bread-list a {
    line-height: var(--line16);
    color: rgba(255, 255, 255, 0.6);
}

.ys-bread-list:last-child a {
    color: var(--colorfff);
}

/* 面包屑-end */
/* 内页 */
.ys-nyban-title h1 {
    font-size: var(--font52);
    font-weight: bold;
    line-height: var(--line12);
}

.prod-cont-top-wrap {
    display: flex;
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
}

.pctw-list {
    padding: 0 var(--gap1);
}

.pctw-list-link .ys-imgbox-cover {
    width: 0.6rem;
    margin-bottom: 0.1rem;
    flex: none;
}

.pctw-list-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.pctw-list-link {
    padding: 0.2rem;
    min-width: 1.92rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius10);
    transition: var(--transition);
}

.pctw-list-link .std-text18 {
    line-height: var(--line16);
    transition: var(--transition);
}

.prod-cont-top {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #C3C3C3;
}

.prod-cont-bot {
    --tops: 0.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.pcbl-search {
    --width: 20px;
    position: relative;
    margin-bottom: 0.4rem;
}

.pcbl-search input {
    height: 41px;
    border-radius: 5px;
    border: 1px solid #C3C3C3;
    padding-left: 0.2rem;
    padding-right: calc(0.4rem + var(--width));
    width: 100%;
}

.pcbl-search-icon {
    width: var(--width);
    position: absolute;
    right: 0.2rem;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}

.pcbl-wrap {
    display: flex;
    --gap1: 0.1rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-bottom: calc(0.4rem - var(--gap1));
}

.pcbl-wrap .mod-btn {
    padding: 0 var(--gap1);
    padding-bottom: var(--gap1);
}

.prod-cont-bot-le {
    width: 26.5%;
    padding-right: 0.6rem;
    padding-top: var(--tops);
}

.prod-cont-bot-ri {
    width: 73.5%;
    padding-left: 0.6rem;
    padding-top: var(--tops);
    position: relative;
}

.prod-cont-bot-ri::after {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 0.54rem);
    width: 1px;
    content: '';
    background: #C3C3C3;
}

.pwll-bot-text .std-font20 {
    color: var(--color333);
    margin-bottom: 5px;
    line-height: var(--line16);
    font-weight: bold;
}

.pwll-bot-text .std-text16,
.pwll-bot-text .std-text16 p {
    line-height: var(--line16);
    font-size: var(--font16);
    color: var(--color67);
}

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

.mod-bg-icon {
    position: absolute;
    bottom: 0;
    width: 49%;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.pcbr-wrap-list-link {
    position: relative;
    border-radius: var(--radius10);
    background: #F6F6F6;
    z-index: 1;
    padding: 0.33rem 0.35rem 0.3rem 0.25rem;
    transition: var(--transition);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pwll-top {
    position: relative;
    z-index: 3;
    padding: 0 0.25rem;
}

.pwll-bot {
    position: relative;
    z-index: 3;
    padding: 0.35rem 0.1rem 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.prod-cont-bot-ri .mod-more-link span {
    color: var(--color67);
    line-height: var(--line16);
}

.pwll-bot-text {
    margin-bottom: 0.4rem;
}

.pcbr-wrap {
    --gap1: 0.175rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-bottom: 0.28rem;
    display: flex;
    flex-wrap: wrap;
}

.pcbr-wrap-list {
    padding: 0 var(--gap1);
    padding-bottom: 0.3rem;
    width: 33.333333%;
}

.pc-fenye li {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    margin: 0 8px;
    color: var(--color67);
}

.brief-head {
    position: sticky;
    top: var(--headh);
    background: var(--colorfff);
    z-index: 20;
    border-radius: 5px;
    border-top: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
    background: #FFF;
}

.brief-sticky-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0.205rem 0;
    position: relative;
}

.brief-sticky-box::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100vw;
    content: '';
    background: #F6F6F6;
}

.brief-sticky-box::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100vw;
    content: '';
    background: #F6F6F6;
}

.bsbl-wrap {
    display: flex;
    --gap1: 0.25rem;
    margin: 0 calc(-1 * var(--gap1));
}

.bsbl-wrap .anchor-btn {
    padding: 0 var(--gap1);
}

.bsbl-wrap .anchor-btn .std-text18 {
    color: var(--color67);
    line-height: var(--line16);
    cursor: pointer;
    transition: var(--transition);
}

.brief-sticky {
    position: sticky;
    top: var(--headh);
    background: var(--colorfff);
    z-index: 8;
}

/* . .ys-hd-pc::before {
    box-shadow: none;
} */
.brief-cont-box {
    border-radius: var(--radius20);
    background: #F6F6F6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* padding: 0.4rem 1.49rem 0.4rem 0; */
    position: relative;
    z-index: 1;
}

.brief-cont-box-le {
    z-index: 3;
    position: relative;
    left: 0.5rem;
    top: 0.35rem;
    width: 37%;
    padding: 0.4rem 0.4rem 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;

    background: var(--colorfff);
    border-radius: var(--radius10);
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
}

.bcbl-bot .ys-slick-item.act .ys-imgbox-cover {
    border-radius: 4.118px;
    border: 1px solid var(--colorvi);
}

.bcbl-top {
    margin-bottom: 0.3rem;
    width: 66%;
}

.bcbl-bot .ys-slick-item .ys-imgbox-cover {
    cursor: pointer;
    border: 1px solid transparent;
    transition: var(--transition);
}

.bcbl-bot {
    --gap2: 0.15rem;
    margin: 0 calc(-1 * var(--gap2));
    width: 75%;
}

.bcbl-bot .ys-slick-item {
    padding: 0 var(--gap2);
}

.bcbr-middle ul li {
    position: relative;
}

/* .bcbr-middle ul li::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6px;
    width: 6px;
    content: '';
    background: var(--color67);
    border-radius: 50%;
} */
.brief-cont-box-ri {
    position: relative;
    z-index: 3;
    width: 57%;
    padding: 0.4rem 1.49rem 0.4rem 0;
}

.bcbr-top-tit {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.1rem;
}

.bcbr-top-tit .std-font36 {
    line-height: var(--line14);
    flex: none;
    padding-right: 0.15rem;
}

.bcbr-top-tit .std-text18 {
    margin-top: 0.15rem;
}

.brief-cont-box-ri .std-text18 P {
    line-height: var(--line16);
}

.bcbr-top {
    margin-bottom: 0.22rem;
}

.bcbr-middle p {
    color: var(--color67);
    line-height: var(--line16);
    margin-bottom: 0;
}

.bcbr-middle {
    color: var(--color67);
    /* margin-bottom: 0.35rem; */
}

.bcbr-top-tit {
    /* margin-bottom: 0.35rem; */
}

.bcbr-top-text>.std-text18 {
    margin-bottom: 0.35rem;
}

.bcbr-middle li::marker {
    font-size: var(--font14);
}

.bcbr-bot-wrap-list .ys-imgbox-cover {
    width: 0.3rem;
    display: flex;
}

.bcbr-bot-wrap-list .ys-imgbox-cover img {
    flex: none;
}

.bcbr-bot-wrap {
    display: flex;
    flex-wrap: wrap;
    --gap3: 5px;
    margin: 0 calc(-1 * var(--gap3));
}

.bcbr-bot-wrap-list {
    padding: 0 var(--gap3);
}

.bcbr-bot-cont {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.33rem;
}

.bcbr-bot .std-text18 {
    padding-right: 0.1rem;
    line-height: var(--line16);
}

.bcbr-btn {
    display: flex;
    --gap5: 0.1rem;
    margin: 0 calc(-1 * var(--gap5));
}

.bcbr-btn-list {
    padding: 0 var(--gap5);
}

.bcbr-btn .mod-btn-link {
    padding: 0.05rem 0.24rem;
}

.brief-cont-box .mod-bg-icon {
    width: 19%;
    pointer-events: none;
}

.brief-prod-box-wrap {
    width: 100%;
}

.brief-prod {
    background: #F6F6F6;
}

.brief-prod-box .std-font44 {
    margin-bottom: 0.4rem;
}

.brbr-cont-top .std-font20 {
    color: var(--color333);
    font-weight: bold;
    margin-bottom: 5px;
}

.brbr-cont-top .std-text16,
.brbr-cont-top .std-text16 p {
    color: var(--color67);
    line-height: var(--line16);
}

.brbr-cont-top {
    padding: 0.2rem 0;
    margin-bottom: 0.2rem;
}

.brief-reco-box-le .std-font44 {
    margin-bottom: 0.4rem;
}

.brief-reco-box {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}

.brief-reco-box-ri {
    width: 70%;
    position: relative;
    z-index: 3;
    margin-top: -0.3rem;
    padding-top: 0.3rem;
}

.brbr-case {
    width: calc(100% + 160px);
}

.brief-reco-box-le {
    width: 30%;
    position: relative;
    background: var(--colorfff);
    z-index: 5;
    margin-top: -0.2rem;
    padding-top: 0.2rem;
}

.brief-reco-box-ri .slick-list {
    overflow: visible;
}

.brief-reco-box {
    position: relative;
    z-index: 1;
}

.brief-reco-box::after {
    position: absolute;
    top: 0;
    left: -3px;
    transform: translateX(calc(-1 * var(--trans)));
    content: '';
    background: var(--colorfff);
    height: 100%;
    width: calc(var(--trans) + 10px);
    z-index: 4;
}

.brief-prod-box-wrap td {
    padding: 0.1rem 0.2rem;
    color: var(--color67);
    line-height: var(--line16);
    font-size: var(--font18);
}

.brief-prod-box-wrap td,
.brief-prod-box-wrap th {
    border: none;
    /* border-bottom: 1px solid rgba(128, 128, 128, 0.2); */
}

.brief-prod-box-wrap tr {
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.brief-prod-box-wrap tr:last-child {
    border-bottom: none;
}

.brief-prod-box-wrap table {
    background: var(--colorfff);
    border-radius: var(--radius20);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.brief-reco-box-ri .swiper-wrapper {
    /* --gap6: 0.2rem; */
    /* margin: 0 calc(-1 * var(--gap6)); */
}
.brief-reco-box-ri .swiper-container {
    --gap6: 0.2rem;
    margin: 0 calc(-1 * var(--gap6));
}
.brief-reco-box-ri .swiper-slide {
    padding: 0 var(--gap6);
    transition: var(--transition);
    /* flex-grow: 1; */
    /* width: 3.5rem; */
}

.brief-reco-box-ri .swiper-container {
    overflow: visible;
}

.brbr-cont {
    background: #F6F6F6;
    border-radius: var(--radius10);
    padding: 0.33rem 0.35rem 0.3rem 0.25rem;
}

.brief-reco-box-ri .swiper-slide.swiper-slide-active {
    /* width: 4.5rem;
    transform: translateY(-4.5%); */
}

.brief-reco-box-ri .swiper-slide.swiper-slide-active .brbr-cont {
    background: var(--colorfff);
    border-radius: var(--radius20);
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
}

.brief-reco-box-ri .swiper-slide.swiper-slide-active .mod-more-link span {
    color: var(--colormain);
}

.brief-reco-box-ri .swiper-slide.swiper-slide-active .mod-more-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.brief-reco-box-ri .swiper-slide.swiper-slide-active .mod-more-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.brief-reco-box-ri .swiper-slide.swiper-slide-active .mod-bg-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.brief-reco-box-ri .swiper-slide.swiper-slide-active .mod-bg-icon .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.brief-reco-box-ri .swiper-wrapper {
    align-items: flex-start;
}

.brief-reco-box-ri {
    min-height: 6rem;
}

.brief-prod-box-wrap tr td:nth-child(2),
.brief-prod-box-wrap tr td:nth-child(3) {
    /* font-size: var(--font16); */
}

.brief-prod-box-wrap tr td:first-child {
    background: #EFF2F6;
    width: 10%;
}

.brief-prod-box-wrap tr.no-first td {
    width: 30%;
}

.brief-prod-box-wrap tr.no-first td:first-child {
    background: transparent;
}

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

.brief-rela .std-font44 {
    margin-bottom: 0.6rem;
}

.home-news-box-bot {
    position: relative;
}

.home-news-box-bot .mod-switch-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* display: block; */
}

.home-news-box-bot .mod-switch-btn-le {
    left: -1rem;
    margin: 0;
}

.home-news-box-bot .mod-switch-btn-ri {
    right: -1rem;
    margin: 0;
}

.down-load .ys-tab-btn {
    --gap7: 0.2rem;
    margin: 0 calc(var(--gap7) * -1)
}

.down-load .ys-tab-btn-item {
    padding: 0 var(--gap7);
}

.down-load .std-font44 {
    margin-bottom: 0.5rem;
}

.down-load-cont-text {
    padding: 0.2rem 0.6rem;
    transition: var(--transition);
    border-radius: var(--radius10);
}

.down-load-cont-text .ys-imgbox-cover {
    width: 0.6rem;
    margin: 0 auto;
    transition: var(--transition);
    margin-bottom: 0.1rem;
}

.down-load-cont-text .std-text18 {
    text-align: center;
    transition: var(--transition);
    line-height: var(--line16);
}

.down-load-cont .ys-tab-btn-item.on .down-load-cont-text {
    background: var(--colorvi);
}

.down-load-cont .ys-tab-btn-item.on .down-load-cont-text .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.down-load-cont .ys-tab-btn-item.on .down-load-cont-text .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.down-load-cont .ys-tab-btn-item.on .down-load-cont-text .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.down-load-cont .ys-tab-btn-item.on .down-load-cont-text .std-text18 {
    color: var(--colorfff);
}

.down-load-cont-top {
    padding-bottom: 0.4rem;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid #C3C3C3;
}

.down-load .ys-tab {
    width: 100%;
}

.down-load .ys-tab-btn {
    display: flex;
    justify-content: center;
}

.dlcb-wrap-list-link .std-text16 {
    color: var(--color67);
    line-height: var(--line16);
    padding-left: 0.2rem;
}

.dwll-box-icon {
    width: 24px;
    flex: none;
}

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

.dlcb-wrap-list-link {
    padding: 0.2rem 0.4rem;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 2px 20px 0 rgba(96, 106, 147, 0.10);
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.dwll-le {
    display: flex;
    align-items: flex-start;
    padding-right: 0.4rem;
    margin-top: 4px;
    width: 70%;
}

.dwll-ri {
    display: flex;
    align-items: center;
    width: 30%;
    justify-content: end;
}

.dwll-ri .std-text14 {
    padding: 0.05rem 0.1rem;
    white-space: nowrap;
    border-radius: 5px;
    background: #F6F6F6;
    line-height: var(--line16);
    color: var(--color67);
}

.dwll-ri .dwll-ri-time {
    padding: 0 0.4rem;
    color: var(--color67);
    line-height: var(--line16);
}

.dwll-ri-icon .ys-imgbox-cover {
    width: 24px;
}

.dwll-ri-icon {
    padding: 0.05rem 0.15rem;
    transition: var(--transition);
    border-radius: 5px;
    background: #F6F6F6;
}

.dwll-ri-icon .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.scbl-wrap-list-link .std-text18 {
    padding-left: 0.15rem;
    line-height: var(--line16);
    transition: var(--transition);
}

.scbl-wrap-list-link .ys-imgbox-cover {
    width: 0.3rem;
    flex: none;
    transition: var(--transition);
}

.scbl-wrap-list-link {
    width: 100%;
    border-radius: 5px;
    display: flex;
    padding: 0.2rem;
}

.scbl-wrap-list-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.scbl-wrap-list-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.scbl-wrap {
    display: flex;
    flex-wrap: wrap;
}

.sect-cont-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sect-cont-box-le {
    width: 10%;
    align-self: flex-start;
    position: sticky;
    top: var(--space130);
}

.sect-cont {
    overflow: visible;
}

.scbl-wrap-list {
    width: 100%;
    margin-bottom: 0.15rem;
}

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

.scbl-wrap-list.on .scbl-wrap-list-link {
    background: var(--colorvi);
}

.scbl-wrap-list.on .scbl-wrap-list-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.scbl-wrap-list.on .scbl-wrap-list-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.scbl-wrap-list.on .scbl-wrap-list-link .std-text18 {
    color: var(--colorfff);
}

.scbr-wrap {
    display: flex;
    flex-wrap: wrap;
    --gap9: 0.3rem;
    --gap10: 0.5rem;
    margin: 0 calc(var(--gap9) * -1);
    margin-bottom: 0.1rem;
}

.scbr-wrap-list {
    width: 33.333333%;
    padding: 0 var(--gap9);
    padding-bottom: var(--gap10);
}

.sect-cont-box-ri {
    width: 90%;
    padding-left: 0.6rem;
}

.scbr-wrap-list-link {
    position: relative;
    z-index: 1;
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: var(--transition);
    background: #F6F6F6;
}

.swll-top {
    position: relative;
    z-index: 3;
    border-radius: var(--radius10);
}

.swll-bot {
    position: relative;
    z-index: 3;
    padding: 0.3rem 0.3rem 0.48rem;
}

.swll-bot-text {
    margin-bottom: 0.6rem;
}

.swll-bot-text .std-text18 {
    line-height: var(--line16);
    margin-bottom: 0.1rem;
}

.swll-bot-text .std-text14,
.swll-bot-text .std-text14 p {
    color: var(--color95);
    line-height: var(--line16);
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.grade-title .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.grade-title .std-font44 {
    font-weight: 400;
    margin-bottom: 0.15rem;
    position: relative;
    z-index: 3;
    text-align: center;
}

.grade-title-bg {
    /* position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); */
    /* height: 100%; */
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    border-radius: var(--radius20);
    /* -webkit-transform: translateX(-50%); */
}

.grade-title-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grade-title .std-font20,
.grade-title .std-font20 p {
    color: var(--color67);
    position: relative;
    z-index: 3;
    text-align: center;
}

.grade-title {
    position: relative;
    background: #FFF;
}

.mod-bread1 {
    top: 0.4rem;
}

.mod-bread1 .ys-bread-list a {
    color: rgba(103, 103, 103, 0.6);
}

.mod-bread1 .ys-bread-list:last-child a {
    color: var(--color67);
}

.mod-bread1 .ys-bread-list::before {
    color: rgba(103, 103, 103, 0.6);
}

.grade-title-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 76%;
}

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

.grade-fina-box-le {
    width: 42%;
}

.grade-fina-box-ri {
    width: 52.5%;
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.grade-fina-box-ri img {
    width: 100%;
}

.grade-fina-box-le .std-font44 {
    margin-bottom: 0.31rem;
}

.grade-fina-box-le .std-font20,
.grade-fina-box-le .std-font20 p {
    color: var(--color67);
    line-height: var(--line16);
}

.grade-fina-box-le .std-font20 p {
    margin-bottom: 0.32rem;
}

.grade-fina-box-le .std-font20 p:last-child {
    margin-bottom: 0;
}

.grade-adva {
    background: linear-gradient(0deg, #F6F6F6 0%, #FFF 100%);
}

.gabb-bot .std-font20 {
    font-weight: bold;
    line-height: var(--line16);
    margin-bottom: 0.1rem;
}

.gabb-bot .std-text18,
.gabb-bot .std-text18 p {
    color: var(--color67);
    line-height: var(--line16);
}

.grade-adva-box-bot .ys-slick-item-cont {
    background: var(--colorfff);
    padding: 0.3rem 0.3rem 0.6rem;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    height: 100%;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.grade-adva-box-bot .ys-imgbox-cover {
    width: 0.5rem;
    margin-bottom: 0.7rem;
}

.grade-adva-box-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}

.mod-ph {
    display: none;
}

.grade-adva-box-top .mod-switch {
    padding-left: 0.2rem;
}

.grade-adva-box-bot {
    --gap1: 0.16rem;
    margin: 0 calc(var(--gap1) * -1);
}

.grade-adva-box-bot .ys-slick-item {
    padding: 0 var(--gap1);
}

.grade-sche .std-font44 {
    margin-bottom: 0.6rem;
}

.grade-sche .yxedr-active p img {
    padding: 0.48rem 1rem;
    border-radius: var(--radius20);
    border: 1px solid var(--color95);
}

.grade-sche-wrap {
    position: relative;
}

.grade-sche-wrap-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%
}

.grade-sche-wrap-bg img {
    width: 100%;
}

.grade-sche-wrap2 {
    background: linear-gradient(0deg, #F6F6F6 0%, #FFF 100%);
}

.grade-sche-wrap2 .yxedr-active {
    padding-right: 4.71rem;
}

.grade-sche-wrap1 .yxedr-active {
    padding-right: 2rem;
}

.grade-sche .yxedr-active p {
    color: var(--color67);
    line-height: var(--line16);
    font-size: var(--font20);
}

.grade-sche-wrap .yxedr-active p {
    margin-bottom: 0.12rem;
    /* margin-bottom: 0.6rem; */
}

.grade-sche-wrap .yxedr-active p:last-child {
    margin-bottom: 0;
}

.nctw-list-link {
    transition: var(--transition);
    padding: 0.2rem 0.6rem 0.25rem;
    border-radius: var(--radius10);
}

.nctw-list-link .std-text18 {
    transition: var(--transition);
    line-height: var(--font16);
}

.nctw-list-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.nctw-list-link .ys-imgbox-cover {
    width: 0.6rem;
    margin: 0 auto;
    margin-bottom: 0.18rem;
}

.nctw-list.act .nctw-list-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.nctw-list.act .nctw-list-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.news-cont-top {
    display: flex;
    margin-bottom: 0.6rem;
    justify-content: center;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #C3C3C3;
}

.news-cont-top-wrap {
    display: flex;
    --gap2: 0.2rem;
    margin: 0 calc(var(--gap2) * -1);
}

.nctw-list {
    padding: 0 var(--gap2);
}

.nctw-list.act .nctw-list-link {
    background: var(--colorvi);
}

.nctw-list.act .nctw-list-link .std-text18 {
    color: var(--colorfff);
}

.hnbb-wrap {
    --gap5: 0.1rem;
    --gap6: 0.6rem;
    margin: 0 calc(var(--gap5) * -1);
    display: flex;
    flex-wrap: wrap
}

.hnbb-wrap-list {
    width: 33.333333%;
    padding: 0 var(--gap5);
    margin-bottom: var(--gap6);
}

.info-page .grade-title-cont .std-font44 {
    color: var(--colorfff);
    margin-bottom: 0.1rem;
}

.info-page .grade-title-cont .std-font24,
.info-page .grade-title-cont .std-font24 p {
    color: var(--colorfff);
    line-height: var(--line16);
    text-align: center;
}

.icbl-cont p {
    color: var(--color67);
    line-height: var(--line16);
    margin-bottom: 0.11rem;
}

.icbl-cont p:last-child {
    margin-bottom: 0;
}

.info-cont-box {
    display: flex;
    justify-content: space-between;
}

.info-cont-box-le {
    width: 69%;
    --gap6: 0.9rem;
    padding-right: var(--gap6);
}

.info-cont-box-ri {
    width: 25.5%;
    position: sticky;
    align-self: flex-start;
    top: var(--space150);
}

.icbl-btn-list a {
    color: #7B7B7B;
    font-size: var(--font18);
    line-height: var(--line18);
    transition: var(--transition);
}

.info-cont {
    overflow: visible;
}

.icbl-btn-list {
    margin-bottom: 0.09rem;
}

.icbl-btn-list:last-child {
    margin-bottom: 0;
}

.icbl-cont {
    padding-bottom: 0.6rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #C3C3C3;
    position: relative;
}

.icbl-cont::after {
    position: absolute;
    top: 0;
    right: calc(-1 * var(--gap6));
    width: 1px;
    height: 100%;
    background: #C3C3C3;
    content: '';
}

.icbr-wrap .std-font32 {
    font-weight: 400;
    line-height: var(--line14);
    margin-bottom: 0.5rem;
}

.iwbl-link {
    width: 100%;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #C3C3C3;
    margin-bottom: 0.5rem;
}

.iwbl-link .std-text18 {
    color: var(--color95);
    line-height: var(--line16);
    margin-bottom: 0.14rem;
}

.iwbl-link .std-font20 {
    color: #323232;
    line-height: var(--line16);
    margin-bottom: 0.14rem;
    transition: var(--transition);
}

.icbr-wrap-box-list:last-child .iwbl-link {
    margin-bottom: 0;
    border-bottom: none;
}

.info-cont-box-ri .ys-share {
    margin-top: 0.08rem;
}

.serv-sale-top .std-font44 {
    margin-bottom: 0.4rem;
}

.serv-sale-top .std-font24,
.serv-sale-top .std-font24 p {
    color: var(--color67);
    line-height: var(--line16);
}

.serv-sale-top {
    margin-bottom: 1rem;
    width: 60%;
}

.icbr-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.78rem;
}

.icbr-top .std-font32 {
    padding-right: 0.2rem;
    color: #323232;
    font-weight: 400;
    line-height: var(--line14);
}

.icbr-top .ys-share-img {
    width: 32px;
}

.icbr-top .ys-share-img img {
    width: 100%;
}

.ssbt-top .std-font32 {
    color: var(--colorfff);
    margin-bottom: 0.1rem;
}

.ssbt-top .std-font20 {
    color: var(--colorfff);
    line-height: var(--line16);

}

.ssbt-top {
    padding-bottom: 0.2rem;
    border-bottom: 1px solid var(--colorfff);
    width: 46%;
    margin-bottom: 0.6rem;
}

.serv-sale-bot {
    --gap7: 0.2rem;
    margin: 0 calc(var(--gap7) * -1);
}

.serv-sale-bot .ys-slick-item {
    padding: 0 var(--gap7);
}

.serv-sale-bot .ys-slick-item .ys-imgbox-cover img {
    object-fit: cover;
    object-position: top;
}

.serv-sale-bot .ys-slick-item-cont {
    border-radius: var(--radius20);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
    cursor: pointer;
}

.serv-sale-bot-text {
    position: absolute;
    bottom: 0.3rem;
    width: 100%;
    padding: 0 0.3rem;
}

.ssbt-bot .std-text16,
.ssbt-bot .std-text16 p {
    color: var(--colorfff);
    line-height: var(--line16);
}

.ssbt-bot-icon {
    width: var(--gap);
    flex: none;
}

.ssbt-bot-icon img {
    width: 100%;
}

.ssbt-bot {
    display: flex;
    justify-content: space-between;
    --gap: 0.5rem;
    align-items: flex-end;
}

.ssbt-bot .std-text16 {
    width: calc(100% - var(--gap));
    padding-right: 0.77rem;
    padding-bottom: 0.15rem;
}

.serv-pair-top .std-font44 {
    margin-bottom: 0.2rem;
}

.serv-pair-top .std-font24,
.serv-pair-top .std-font24 p {
    color: var(--color67);
    line-height: var(--line16);
}

.serv-pair-top {
    width: 60%;
    margin-bottom: 0.86rem;
}

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

.stbl-wrap-img {
    width: 0.3rem;
    flex: none;
}

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

.stbl-wrap-cont {
    padding-left: 0.3rem;
    display: flex;
    align-items: flex-start;
}

.stbl-wrap-cont .std-font20 {
    color: var(--color333);
    white-space: nowrap;
    line-height: var(--line16);
    padding-right: 0.15rem;
}

.stbl-wrap-cont .std-text16,
.stbl-wrap-cont .std-text16 p {
    color: var(--color67);
    line-height: var(--line16);
}

.stbl-wrap-cont .std-text16 {
    margin-top: 5px;
}

.spbl-top .std-font24 {
    margin-bottom: 0.4rem;
    font-weight: bold;
    line-height: var(--line16);
}

.spbl-top-box-list {
    margin-bottom: 0.4rem;
}

.spbl-top-box-list:last-child {
    margin-bottom: 0;
}

.stbl-wrap-cont .std-text16 a {
    color: var(--color67);
    white-space: nowrap;
    line-height: var(--line16);
}

.spbl-top {
    margin-bottom: 0.7rem;
}

.spbl-bot .std-font24 {
    font-weight: bold;
    margin-bottom: 0.2rem;
    line-height: var(--line16);
}

.spbl-bot-icon {
    width: 2.1rem;
    border-radius: 20px;
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.spbl-bot-icon img {
    width: 100%;
}

.spbr-icon {
    width: 0.6rem;
    position: absolute;
    animation: rotate 5s linear infinite;
    bottom: 1.8rem;
    left: 41%;
    z-index: 3;
}

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

.serv-pair-bot-ri {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.serv-pair-bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.spbr-img {
    border-radius: var(--radius16);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

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

.spbr-img1 {
    width: 42%;
    transform: translateY(0.4rem);
}

.spbr-img2 {
    width: 55%;
    transform: translateY(-1.15rem);
}

.serv-pair-bot-le {
    width: 31%;
}

.serv-pair-bot-ri {
    width: 65%;
}

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

.cont-bond-box-ri {
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    width: 46%;
}

.cont-bond-box-ri img {
    width: 100%;
}

.stbl-wrap .std-text18 p,
.stbl-wrap .std-text18 p a {
    color: var(--color67);
}

.cont-bond-box-le .std-font32 {
    line-height: var(--line14);
    font-weight: bold;
    margin-bottom: 0.6rem;
}

.stbl-wrap-cont .std-text18 {
    margin-top: 5px;
}

.intro-cont-box-info {
    display: flex;
    flex-wrap: wrap;
    --gap: 1rem;
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap) * -1);
    margin-bottom: calc(var(--gap1) * -1);
    justify-content: center;
}

.icbi-list {
    position: relative;
    padding: 0 var(--gap);
    padding-bottom: var(--gap1);
}

.icbi-list:not(:last-child)::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: '';
    width: 2px;
    height: 80%;
    background: url(../images/f1-icon05.svg) no-repeat center;
}

.icbi-list-box .std-font20 p {
    text-align: center;
    color: var(--color67);
    line-height: var(--line16);
    margin-bottom: 0.15rem;
}

.icbi-list-box .std-font20 span {
    color: var(--colorvi);
    font-weight: 900;
    line-height: var(--line12);
    font-size: var(--font72);
    padding-right: 5px;
}

.icbi-list-box .std-text16,
.icbi-list-box .std-text16 p {
    text-align: center;
}

.intro-cont-box .std-font44 {
    margin-bottom: 0.3rem;
}

.intro-cont-box .std-font32 {
    line-height: var(--line14);
    margin-bottom: 0.1rem;
}

.intro-cont-box-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.8rem;
}

.intro-cont-box-bot,
.intro-cont-box-bot p {
    color: var(--color67);
    text-align: center;
    line-height: var(--line16);
}

.intro-cont-box-bot p {
    margin-bottom: 0.3rem;
}

.intro-cont-box-bot p:last-child {
    margin-bottom: 0;
}

.intro-cont .ys-cont1280 {
    padding: 0 0.18rem;
}

.intro-cont-box-middle {
    margin-bottom: 0.8rem;
}

.icbw-list-box-top .std-font32 {
    color: var(--colorfff);
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.icbw-list-box-top .std-text18,
.icbw-list-box-top .std-text18 p {
    color: var(--colorfff);
    line-height: var(--line16);
}

.icbw-list-box {
    position: relative;
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

/* .icbw-list-box img {
    border-radius: var(--radius10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
} */
.icbw-list-box-top {
    position: absolute;
    bottom: 0.77rem;
    left: 0;
    width: 100%;
    padding-left: 0.4rem;
    padding-right: 0.57rem;
    z-index: 2;
}

.icbw-list-box .ys-imgbox-cover::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(6, 61, 114, 0.00) 0%, #063D72 100%);
    content: '';
    z-index: 1;
    pointer-events: none;
}

.intro-culture-box .std-font44 {
    margin-bottom: 0.6rem;
}

.intro-culture-box-wrap {
    --gap: 0.25rem;
    --gap1: 0.25rem;
    margin: 0 calc(var(--gap) * -1);
    margin-bottom: calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.icbw-list {
    padding: 0 var(--gap);
    width: 33.333%;
    padding-bottom: var(--gap1);
}

.intro-tech-box-top .std-font44 {
    margin-bottom: 0.4rem;
}

.intro-tech-box-top .std-font20,
.intro-tech-box-top .std-font20 p {
    color: var(--color67);
    line-height: var(--line16);
    text-align: center;
}

.intro-tech-box-top {
    margin-bottom: 0.8rem;
}

.itbb-list-box-bot .std-font24 {
    font-weight: bold;
    line-height: var(--line16);
    text-align: center;
    margin-bottom: 0.2rem;
}

.itbb-list-box-bot .std-text18,
.itbb-list-box-bot .std-text18 p {
    color: var(--color67);
    line-height: var(--line16);
}

.itbb-list-box .ys-imgbox-cover {
    width: 0.8rem;
    margin: 0 auto;
    margin-bottom: 0.6rem;
}

.intro-tech-box-bot {
    padding: 0.8rem 1.1rem 1rem;
    background: #F6F6F6;
    border-radius: var(--radius20);
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
}

.itbb-wrap {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.75rem;
    margin: 0 calc(var(--gap1) * -1);

}

.itbb-list {
    width: 33.333333%;
    padding: 0 var(--gap1);
}

.intro-part-box-wrap {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.375rem;
    margin: 0 calc(var(--gap1) * -1);
    --gap2: 0.6rem;
    margin-bottom: calc(var(--gap2) * -1);
}

.ipbw-list {
    width: 20%;
    padding: 0 var(--gap1);
    padding-bottom: var(--gap2);
}

.intro-part {
    background: linear-gradient(0deg, #F6F6F6 0%, #FFF 100%);
}

.ipbw-list .ys-imgbox-cover {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
}

.intro-part-box .std-font44 {
    margin-bottom: 0.6rem;
}

/* .bcbr-list:not(:first-child) {
    display: none;
} */

.bcbl-bot .ys-slick-item {
    width: 25%;
}

.bcbr-list-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.brief-cont-box-ri .slick-list {
    height: 100%;
}

.brief-cont-box-ri .slick-track {
    height: 100%;
}

.mod-modal .ys-modal-content {
    max-height: 65vh;
}

.mod-modal .ys-modal-container {
    border-radius: var(--radius20);
    background: #FFF;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    box-shadow: 0 166px 47px 0 rgba(81, 111, 144, 0.00), 0 106px 43px 0 rgba(81, 111, 144, 0.01), 0 60px 36px 0 rgba(81, 111, 144, 0.04), 0 27px 27px 0 rgba(81, 111, 144, 0.06), 0 7px 15px 0 rgba(81, 111, 144, 0.07);
}

.mod-modal .icon-arrow-down:before {
    color: var(--colormain);
    font-size: 14px;
}

.mod-modal .ys-form {
    --height: 0.42rem;
    --space: 0.2rem;
    --spacebot: 0.2rem;
    --spacein: 0.2rem;
}

.mod-modal .ys-fii-input {
    border: none;
    border-radius: 5px;
    background: #F6F6F6;
}

.mod-modal .ys-fii-name {
    line-height: var(--line16);
}

.mod-modal .ys-fii-input input,
.mod-modal .ys-fii-input textarea {
    color: var(--color95);
    line-height: var(--line16);
    font-size: var(--font14);
}

.mod-modal .ys-modal-content {
    padding: 8px 0.5rem 0.6rem;
}

.mod-modal .ys-fia-text {
    padding-left: 2px;
}

.mod-modal .ys-fic-auth {
    width: 100%;
    align-items: flex-end;
}

.mod-modal label {
    width: 100%;
}

.mod-modal .ys-fic-auth .ys-fii-input {
    width: 100%;
}

.mod-modal .ys-fic-auth-img {
    flex: none;
    margin-left: calc(var(--space) * 2);
}

.mod-modal .ys-form-required.ys-form-empty .ys-fii-tips {
    margin-top: 4px;
}

.mod-modal .ys-fia-text-btn::before {
    border-radius: 2px;
    border: 1px solid var(--color95);
}

.mod-modal .ys-fia-text-btn {
    width: 14px;
    height: 14px;
    top: 6px;
}

.mod-modal .ys-fii-name span {
    color: var(--colormain);
}

.mod-modal .ys-fia-text-word span {
    color: var(--colormain);
}

.mod-modal .ys-fii-submit {
    line-height: var(--line16);
    align-items: center;
    font-size: var(--font14);
    padding: 0.1rem 0.34rem;
}

.mod-modal .ys-select-hd input {
    padding-right: calc(var(--spacein) + var(--space));
}

.mod-modal .ys-modal-close img {
    width: 0.32rem;
}

.mod-modal .ys-modal-close {
    margin-top: 0.2rem;
    margin-right: 0.2rem;
}

.dlcb-wrap-list {
    margin-bottom: 0.2rem;
}

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

.anchor-btn.act .std-text18 {
    color: var(--colormain);
}

.mod-multi-select .mod-slide-bot .ys-sit-name {
    font-size: var(--font20);
    line-height: var(--line16);
    font-weight: bold;
}

.mod-multi-select .mod-slide-name {
    color: var(--color67);
    line-height: var(--line16);
    font-size: var(--font16);
}

.mod-multi-select .mod-slide-small-text {
    color: var(--color95);
    font-size: var(--font14);
    line-height: var(--line16);
    padding-left: 0.1rem;
}

.mod-slide-name-icon {
    margin-top: 5px;
}

.mod-slide-middle-icon {
    margin-top: 5px;
}

.mod-slide-item {
    margin-bottom: 0.15rem;
}

.mod-slide {
    padding-top: 0.25rem;

}

.mod-slide-item-bot {
    padding-top: 0.18rem;
}

.mod-info-list {
    margin-bottom: 0.1rem;
}

.mod-info-list:last-child {
    margin-bottom: 0;
}

.mod-slide-item.on .mod-slide-icon {
    transform: rotate(180deg);
}

.mod-slide-icon {
    width: 0.22rem;
    transition: var(--transition);
}

.mod-slide-icon img {
    width: 100%;
}

.ys-sit-icon {
    transition: var(--transition);
}

.mod-list-all.on .ys-sit-icon {
    transform: rotate(180deg);
}

.mod-slide-bot .ys-sit-icon {
    width: 0.22rem;
    transition: var(--transition);
}

.ys-slide-item-top>.ys-sit-icon {
    position: relative;
    top: 6px;
}

.ys-slide-item-top {
    align-items: start;
}

.mod-slide-bot .ys-sit-icon img {
    width: 100%;
}

.mod-slide-item-bot {
    display: none;
}

.mod-list-other.act1 .mod-slide-middle-icon::before {
    opacity: 1;
}

.mod-slide-middle-icon::before {
    content: '';
    width: 75%;
    height: 75%;
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
    border-radius: 1px;
}

.mod-list-all.act1 .mod-slide-name-icon::before {
    opacity: 1;
}

.mod-slide-name-icon::before {
    content: '';
    width: 80%;
    height: 80%;
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
    border-radius: 1px;
}

.pctw-list.act .pctw-list-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.pctw-list.act .pctw-list-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.pctw-list.act .pctw-list-link .std-text18 {
    color: var(--colorfff);
}

.pctw-list.act .pctw-list-link {
    background: var(--colorvi);
}

.prod-cont-top {
    display: flex;
    justify-content: center;
}

.prod-page2 .pctw-list-link .ys-imgbox-cover {
    width: 100%;
    margin-bottom: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prod-page2 .prod-cont-top-wrap {
    padding: 0 0.75rem;
}

.prod-page2 .pctw-list .pctw-list-link {
    /* padding: 0.2rem 0.4rem; */
    padding: 0.02rem 0.05rem;
}

.hot-page .pcbr-wrap-list {
    width: 25%;
}

.pcbr-wrap-list-link {
    position: relative;
    z-index: 1;
}

.pwll-tip {
    position: absolute;
    top: 0;
    left: 0;
    width: 28%;
    z-index: 3;
}

.pwll-tip img {
    width: 100%;
}

/* .pwll-box {
    position: relative;
    z-index: 2;
} */

.hot-page .pcbr-wrap {
    --gap1: 0.335rem;
}

.hot-page .pcbr-wrap-list {
    padding-bottom: 0.5rem;
}

.reso-page .dlcb-wrap {
    margin-bottom: 0.6rem;
}

.icbw-list-box .ys-imgbox-cover {
    transform: scale(1.3) translateY(-5%);

}

.icbw-list:nth-child(2n) .icbw-list-box .ys-imgbox-cover {
    transform: scale(1.3) translateY(5%);
}

.serv-sale-modal-top .std-font24 {
    color: var(--colorvi);
    font-weight: bold;
    line-height: var(--line16);
    padding-right: 0.2rem;
    width: 28%;
}

.serv-sale-modal-top .std-text18 {
    width: 72%;
    color: var(--color67);
    line-height: var(--line16);
}

.serv-sale-modal-top .std-text18 p {
    color: var(--color67);
    line-height: var(--line16);
}

.serv-sale-modal-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.8rem;
}

.serv-sale-modal-bot {
    display: flex;
    justify-content: space-between;
}

.ssmb-list-box .std-font24 {
    --wh: 0.6rem;
    width: var(--wh);
    height: var(--wh);
    color: var(--colorvi);
    background: #F6F6F6;
    border-radius: 50%;
    text-align: center;
    line-height: var(--line16);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.1rem;
}

.ssmb-list-box .std-text16 {
    color: var(--color67);
    line-height: var(--line16);
}

.ssmb-list-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.serv-sale-modal-bot {
    position: relative;
    z-index: 2;
    --gap: 0.2rem;
    margin: 0 calc(var(--gap) * -1);
}

.ssmb-list {
    position: relative;
    z-index: 3;
    padding: 0 var(--gap);
}

.serv-sale-modal-bot::after {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 105%;
    height: 2px;
    background: transparent;
    border-top: 2px dashed rgba(0, 64, 126, 0.30);
    z-index: 2;
}

.serv-page .ys-modal-content {
    width: 85vw;
    max-width: 1200px;
    margin: auto;
    --place: calc(50vw - 600px);
    --cont: 1200px;
    padding: 0.2rem 0.8rem 0.93rem;
}

.serv-page .ys-modal-content .iconfont {
    width: 0.34rem;
}

.serv-page .ys-modal-update .ys-modal-close {
    margin-top: 0.2rem;
    margin-right: 0.2rem;
}

.serv-page .ys-modal-container {
    border-radius: var(--radius20);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: var(--colorfff);
    box-shadow: 0 166px 47px 0 rgba(81, 111, 144, 0.00), 0 106px 43px 0 rgba(81, 111, 144, 0.01), 0 60px 36px 0 rgba(81, 111, 144, 0.04), 0 27px 27px 0 rgba(81, 111, 144, 0.06), 0 7px 15px 0 rgba(81, 111, 144, 0.07);
}

.intro-honor-wrap {
    position: relative;
}

.intro-honor-wrap .mod-switch-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.intro-honor-wrap .mod-switch-btn-le {
    left: 0;
}

.intro-honor-wrap .mod-switch-btn-ri {
    right: 0;
}

.ihbb-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.intro-honor .ys-cont1560 {
    padding: 0 0.5rem;
}

.intro-honor-wrap .swiper-slide {
    transition: var(--transition);
    /* width: 21.5%; */
    /* transform: translateY(25%) */
}

.intro-honor-wrap .swiper-slide .ihbb-box .ihbb-box-info {
    margin-bottom: 0.2rem;
}

.intro-honor-wrap .swiper-slide.swiper-slide-active {
    /* width: 37.1%; */
    /* width: var(--act-width); */
    transform: translateY(0);
}

/* .intro-honor-wrap .swiper-slide.swiper-slide-active .ihbb-box .ys-imgbox-cover {
    border-radius: 15px;
    background: var(--colorfff);
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
    margin-bottom: 0.4rem;
} */

.intro-honor-wrap .swiper-wrapper {
    min-height: 4.5rem;
}

.intro-honor-wrap {
    padding: 0 0.69rem;
}

.intro-honor-box .std-font44 {
    margin-bottom: 0.89rem;
}

.intro-honor-wrap .swiper-slide.swiper-slide-active .ys-sic-text {
    color: var(--colorvi);
    font-weight: bold;
    font-size: var(--font24);
    line-height: var(--line16);
}

.intro-honor-wrap .swiper-slide .ys-sic-text {
    color: var(--color67);
    line-height: var(--line16);
    font-weight: var(--font18);
    transition: var(--transition);
}

/* 内页-end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .mod-btn-link:hover {
        background: var(--colormain1);
    }

    .mod-btn.on .mod-btn-link:hover {
        background: var(--colormain);
    }

    .mod-btn.on .mod-btn-link:hover span {
        color: var(--colorfff);
    }

    a:hover .mod-nub .ys-imgbox-cover {
        transform: translateX(-0.2rem);
    }

    .mod-nub .mod-list-link:hover .ys-imgbox-cover {
        transform: translateX(-0.2rem);
    }

    .mod-list-link:hover span {
        color: var(--colorvi);
        transform: translateX(0.2rem);
    }

    a:hover .mod-list-link span {
        color: var(--colorvi);
        transform: translateX(0.2rem);
    }

    .mod-list-link:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;

    }

    .mod-list-link:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

    a:hover .mod-list-link .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;

    }

    a:hover .mod-list-link .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

    /* .hwlw-top-link:hover .hwlw-top-icon {
        transform: translateX(0.1rem);
    } */
    .mod-list-link:hover {
        background: var(--colorfff);
    }

    a:hover .mod-list-link {
        background: var(--colorfff);
    }

    .mod-list-link:hover::after {
        opacity: 0;
    }

    a:hover .mod-list-link::after {
        opacity: 0;
    }

    .hibt-btn-cont:hover .std-font20 {
        color: var(--colorfff);
    }

    .home-indu-box .ys-tab-btn-item .hibt-btn-cont:hover {
        background: var(--colorvi);
    }

    .hibt-btn-cont:hover .hibt-btn-cont-icon .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    .hibt-btn-cont:hover .hibt-btn-cont-icon .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }

    .mod-switch-btn:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;
    }

    .mod-switch-btn:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

    .hcrb-link:hover .mod-more-link-icon img:nth-child(2) {
        opacity: 1;
        transform: scale(1);
    }

    .hcrb-link:hover .mod-more-link-icon img:nth-child(1) {
        opacity: 0;
        transform: scale(1);
    }

    a:hover .mod-more-link-icon img:nth-child(2) {
        opacity: 1;
        transform: scale(1);
    }

    a:hover .mod-more-link-icon img:nth-child(1) {
        opacity: 0;
        transform: scale(1);
    }

    .hcrb-link:hover .mod-more span {
        color: var(--colormain);
    }

    a:hover .mod-more span {
        color: var(--colormain);
    }

    /* .hcrb-link:hover .std-font20 {
        color: var(--colormain);
    } */

    /* .hnbt-le-link:hover .hnbt-le-top-tit {
        color: var(--colormain);
    } */

    .hnbt-le-link:hover .mod-more1-link-cion {
        transform: translateX(0.1rem);
    }

    a:hover .mod-more1-link-cion {
        transform: translateX(0.1rem);
    }

    a:hover .hnbb-bg img {
        transform: scale(1);
    }

    .home-news-box-bot .ys-slick-item-cont:hover .hnbb-bg .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }

    .home-news-box-bot .ys-slick-item-cont:hover .hnbb-bg .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    .home-news-box-bot .ys-slick-item-cont:hover {
        background: var(--colorfff);
        box-shadow: 58px 56px 23px 0 rgba(76, 131, 240, 0.00), 37px 36px 21px 0 rgba(76, 131, 240, 0.01), 21px 20px 17px 0 rgba(76, 131, 240, 0.03), 9px 9px 13px 0 rgba(76, 131, 240, 0.04), 2px 2px 7px 0 rgba(76, 131, 240, 0.05);
    }

    .hnbt-ri:hover img {
        transform: scale(1.05);
    }

    .pctw-list-link:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }

    .pctw-list-link:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    .pctw-list-link:hover {
        background: var(--colorvi)
    }

    .pctw-list-link:hover .std-text18 {
        color: var(--colorfff);
    }

    .pctw-list-link:hover img {
        transform: scale(1) !important;
    }

    a:hover .mod-bg-icon img:nth-child(1) {
        opacity: 1;
        transform: scale(1);
    }

    a:hover .mod-bg-icon img:nth-child(2) {
        opacity: 0;
        transform: scale(1);
    }

    .pcbr-wrap-list-link:hover {
        background: var(--colorfff);
        box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
    }

    .bsbl-wrap .anchor-btn .std-text18:hover {
        color: var(--colormain);
    }

    .down-load-cont-text:hover {
        background: var(--colorvi);
    }

    .down-load-cont-text:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    .down-load-cont-text:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

    .down-load-cont-text:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;
    }

    .down-load-cont-text:hover .std-text18 {
        color: var(--colorfff);
    }

    .dlcb-wrap-list-link:hover .dwll-ri-icon .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;
        transform: scale(1);
    }

    .dlcb-wrap-list-link:hover .dwll-ri-icon .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
        transform: scale(1);
    }

    .dlcb-wrap-list-link:hover .dwll-ri-icon {
        background: var(--colormain);
    }

    .scbl-wrap-list-link:hover .ys-imgbox-cover img {
        transform: scale(1);
    }

    .scbl-wrap-list-link:hover .std-text18 {
        color: var(--colorfff);
    }

    .scbl-wrap-list-link:hover {
        background: var(--colorvi);
    }

    .scbl-wrap-list-link:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;
    }

    .scbl-wrap-list-link:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

    .scbr-wrap-list-link:hover {
        background: var(--colorfff);
        box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
    }

    .nctw-list-link:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
        transform: scale(1);
    }

    .nctw-list-link:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;
        transform: scale(1);
    }

    .nctw-list-link:hover {
        background: var(--colorvi);
    }

    .nctw-list-link:hover .std-text18 {
        color: var(--colorfff);
    }

    .icbl-btn-list a:hover {
        color: var(--colormain);
    }

    /* .iwbl-link:hover .std-font20 {
        color: var(--colormain);
    } */
    .stbl-wrap-cont .std-text16 a:hover {
        color: var(--colormain);
    }

    .stbl-wrap .std-text18 p a:hover {
        color: var(--colormain);
    }

    /* 侧边-start */
    .mswn-box:hover .mswn-box-cont-icon img:nth-child(2) {
        opacity: 1;
    }

    .mswn-box:hover .mswn-box-cont-icon img:nth-child(1) {
        opacity: 0;
    }

    .mswn-box:hover {
        background: var(--colormain);
    }

    .mswn-box:hover .mswn-box-cont-text {
        color: var(--colorfff);
    }

    .mod-sider-back-box:hover .mswn-box-cont-icon img:nth-child(2) {
        opacity: 1;
    }

    .mod-sider-back-box:hover .mswn-box-cont-icon img:nth-child(1) {
        opacity: 0;
    }

    .mod-sider-back-box:hover {
        background: var(--colormain);
    }

    .mod-sider-back-box:hover .mswn-box-cont-text {
        color: var(--colorfff);
    }

    /* 侧边-end */
}

/* kaffi-1.6-end */
.intro-honor-wrap .mod-switch-btn {
    width: 0.66rem;
}

.intro-honor-wrap .mod-switch-btn-le {
    left: auto;
    right: calc(100% + 0.1rem);
}

.intro-honor-wrap .mod-switch-btn-ri {
    left: calc(100% + 0.1rem);
    right: auto;
}

.hot-page .pcbr-wrap-list:nth-child(4n+1) {
    animation-delay: 0.2s;
}

.hot-page .pcbr-wrap-list:nth-child(4n+2) {
    animation-delay: 0.3s;
}

.hot-page .pcbr-wrap-list:nth-child(4n+3) {
    animation-delay: 0.4s;
}

.hot-page .pcbr-wrap-list:nth-child(4n+4) {
    animation-delay: 0.5s;
}

.brief-page .ys-modal .ys-select-inof {
    max-height: 130px;
}

.scbr-wrap-list:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.scbr-wrap-list:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.scbr-wrap-list:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.swll-bot .mod-more-link-icon {
    position: relative;
    top: 2px;
}

/* .grade-sche-wrap .mod-tit::after {
    width: 80%;
} */

.hnbb-wrap-list:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.hnbb-wrap-list:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.hnbb-wrap-list:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.pcbl-search-icon img {
    width: 100%;
}

.pcbl-wrap .mod-btn-link {
    min-width: 1.38rem;
    display: flex;
    justify-content: center;
}

.reso-page .pctw-list-link,
.down-load-cont-text {
    min-width: 2.28rem;
}

.down-load .ys-tab-btn {
    --gap7: 0.12rem;
}

.home-bene .mod-tit::after {
    background: linear-gradient(90deg, var(--colorfff) 0% 76%, var(--colormain) 76% 100%);
}

.ys-slide-item {
    padding: 0.3rem 0;
    border-top: 1px solid #C3C3C3;
}

.reso-page .prod-cont-bot-ri::after {
    opacity: 0;
}

.reso-page .prod-cont-bot-ri {
    padding-left: 0.22rem;
}

.prod-cont-bot .ys-slide {
    border-bottom: 1px solid #C3C3C3;
}


.ys-ph-navbar4 .ys-phnav-menubtn span,
.ys-ph-navbar4 .ys-phnav-menubtn::after,
.ys-ph-navbar4 .ys-phnav-menubtn::before {
    background: #000;
}

.ys-phnav-header a,
.ys-phnav-header-font,
.ys-phnav-search .iconfont {
    color: #000;
}

.head-other {
    margin-left: -0.6rem;
}


.home-news-box-bot .ys-slick-item {
    width: 33.333%;
}

.hibt-cont-ri .ys-slick {
    width: 100%;
}

.mod-arrows1 .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: var(--space70);
}

.mod-arrows1 .slick-dots li {
    width: 10px;
    height: 10px;
}

a[href="https://www.yongsy.com"] {
    padding-left: 0.4rem;
    margin-left: 0.4rem;
    position: relative;
}

a[href="https://www.yongsy.com"]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
}

.footer-privacy>li:nth-child(1)::after {
    opacity: 0;
}

.mod-multi-select {
    max-height: 700px;
}

.prod-cont-bot .mCustomScrollBox {
    width: calc(100% + 0.2rem);
    max-width: calc(100% + 0.2rem);
    padding-right: 0.2rem;
}
/* kaffi-1.22-start */
.bcbr-list {
    height: 100%;
}
/* .brief-prod-box-wrap td,.brief-prod-box-wrap td p,.brief-prod-box-wrap td span {
    padding: 0.1rem 0.2rem;
    color: var(--color67);
    line-height: var(--line16);
    font-size: var(--font18);
} */
/* kaffi-1.22-end */
/* kaffi-1.20-start */
.brief-reco-box-ri .swiper-slide {
    /* width: calc(3.5rem + var(--gap6) * 2); */
    width: 20%;
}
.brief-reco-box-ri .swiper-slide.swiper-slide-active {
    /* width: calc(4.5rem + var(--gap6) * 2); */
}
.brief-reco-box-le {
    width: 17%;
}
.brief-reco-box-ri {
    width: 83%;
}
.brief-prod-box-wrap tr td:first-child {
    color: var(--color333)
}
.brief-prod-box-wrap tr.no-first td:first-child {
    color: var(--color67);
}
.brief-reco-box-ri .swiper-slide.swiper-slide-active {
    /* transform: translateY(-0.56rem); */
}
.brief-page .mod-switch-btn .ys-imgbox-cover {
    padding-top: 2px;
}
.anchor-btn .std-text18 {
    white-space: nowrap;
}
.down-load-cont-text .std-text18 {
    white-space: nowrap;
}
.grade-fina-box {
    flex-wrap: wrap;
}
.home-news-box-bot .ys-slick-item {
    padding-bottom: 0.3rem;
}
.home-news-box-bot .ys-slick {
    margin-bottom: -0.1rem;
}
.intro-cont-box-top .std-font20,
.intro-cont-box-top .std-font20 p {
    color: var(--color67);
}
.brief-page .ys-form-inof-text .ys-fii-input {
    height: 1rem;
}
.mod-list-link span {
    white-space: inherit
}
.mod-list-link span {
    padding-right: 0.4rem;
}
.pctw-list .pctw-list-link .std-text18 {
    white-space: nowrap;
}
.pwll-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.brbr-cont {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.brief-reco-box-ri .swiper-slide {
    height: auto;
}
.prod-cont-bot .ys-slide-item-top {
    padding: 0.3rem 0;
}
.prod-cont-bot .ys-slide-item {
    padding: 0;
}
.mod-slide-name-icon {
    margin-top: calc(0.3rem + 5px);
}
.mod-slide-item:last-child {
    margin-bottom: 0;
}
.mod-slide {
    margin-top: -0.05rem;
    padding-top: 0;
    padding-bottom: 0.3rem;
}
.cont-bond-box-le {
    width: 36%;
}
.cont-bond-box {
    flex-wrap: wrap;
}
.intro-cont-box .std-font32 {
    text-align: center;
}
.intro-cont-box-top .std-font20,
.intro-cont-box-top .std-font20 p {
    text-align: center;
}
.intro-honor-wrap .swiper-slide {
    /* flex-grow: 1; */
}
.intro-honor-wrap .swiper-slide.swiper-slide-active {
    /* width: 30% !important; */
    /* width: var(--act-width) !important; */
}
/* .intro-honor-wrap{
    padding: 0;
} */
.down-load-cont-top {
    display: flex;
    justify-content: center;
}
.spbr-img img {
    object-fit: cover;
}
.head-nav-item-down1 .hnid-wrap-box-wrap1 .hwlw-bot {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .home-news-box-bot .ys-slick-item-cont:hover {
        box-shadow: 29px 28px 11.5px 0 rgba(76, 131, 240, 0.00),
            18.5px 18px 10.5px 0 rgba(76, 131, 240, 0.01),
            10.5px 10px 8.5px 0 rgba(76, 131, 240, 0.03),
            4.5px 4.5px 6.5px 0 rgba(76, 131, 240, 0.04),
            1px 1px 3.5px 0 rgba(76, 131, 240, 0.05);
    }
}
.pwll-box {
    /*position: relative; */
    /* z-index: 2;*/
    position: static;
}
/* kaffi-1.20-end */
/* kaffi-1.27-start */
.ys-page-wrap.act .ys-main {
    margin-top: 0;
}
.mswn-box-hover {
    pointer-events: none;
}
.mswn-box-hover.on {
    pointer-events: all;
}
.mswn-box-hover::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2;
    pointer-events: none;
}
.hpwl-box-hover {
    border-radius: 5px;
    background: #00407E;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    padding: 0.85rem 1.1rem 0.92rem;
    transition: var(--transition);
    opacity: 0;
}
.hpwl-box-link-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hpwl-box-link {
    width: 100%;
    height: 100%;
}
.home-bene-box-top {
    width: 50%;
}
.brief-prod-box-wrap tr.no-first td {
    width: auto;
    flex-grow: 1;
}
.brief-cont {
    padding-top: calc(var(--height) + 0.4rem);
}
.scbr-wrap-list-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.swll-bot {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .hpwl-box:hover .hpwl-box-hover {
        opacity: 1;
    }
}

.hpwl-box-hover {
    border-radius: 5px;
    background: #00407E;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    padding: 0.85rem 1.1rem 0.92rem;
}
.hpwl-box-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    width: 100%;
    display: flex;
    justify-content: center;
}
.home-prod-wrap-list.act .hpwl-box-info .mod-nub {
    width: 50%;
}
.hpwl-box-info .mod-nub {
    width: 100%;
}
.hpwl-box-hover {
    transition: var(--transition);
    opacity: 0;
}
.hpwl-box-link {
    pointer-events: none;
}
.hpwl-box-hover {
    width: 100%;
    height: 100%;
}
.mod-sider-wrap {
    position: relative;
    z-index: 5;
}
.mod-sider-wrap-nub.on .mswn-box-hover::after {
    pointer-events: all;
}
.mod-sider-wrap-nub.on .mswn-box-hover {
    pointer-events: all;
}
.brief-reco-box-le {
    position: relative;
}
.brief-reco-box-le::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 120%;
    background: var(--colorfff);
    content: '';
    z-index: -1;
}
.brief-reco-box::after {
    top: 50%;
    transform: translateX(calc(-1 * var(--trans))) translateY(-50%);
    height: 120%;
}
.serv-page .ys-modal-update .ys-modal-close {
    margin-right: 30px;
}

.search-main.ys-page-wrap.act .ys-main {
    margin-top: var(--headh);
}
.home-prod-wrap-list:first-child .hpwl-box {
    padding: 0 !important;
}
.hpwl-box-link .ys-imgbox-cover img {
    object-fit: contain;
}
.hcrb-link {
    width: 100%;
    height: 100%;
}
.mod-multi-select {
    margin-bottom: 0.3rem;
}
.nctw-list .nctw-list-link .std-text18 {
    white-space: nowrap;
}
.brief-prod-box-scroll p {
    padding-left: 20px;
    color: var(--colormain);
    position: relative;
    display: none;
}
.brief-prod-box-scroll p::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/a0-icon02.svg) no-repeat center;
    background-size: contain;
}
.grade-sche-wrap1 .yxedr-active {
    padding-right: 0;
}
.grade-sche-wrap2 .yxedr-active {
    padding-right: 2rem;
}
.home-indu {
    padding-top: var(--space90);
}
.hnbt-le .mod-more span {
    color: var(--color67);
}
.hnbb-cont .mod-more span {
    color: var(--color67);
}
.stbl-wrap-cont .std-text16,
.stbl-wrap-cont .std-text16 p {
    font-size: var(--font20);
}
.stbl-wrap-cont .std-text16 {
    margin-top: 0;
}
.brbr-cont-top .std-text16,
.brbr-cont-top .std-text16 p {
    max-height: 3.2em;
    min-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.brbr-cont-top .std-font20 {
    max-height: 3em;
    min-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ipbi-box {
    width: 100%;
}
.ipbi-list {
    padding: 0.4rem;
}
.intro-part-box-info {
    margin: 0 -0.4rem;
}
.brbr-cont img {
    object-fit: cover;
}
.intro-honor-wrap .swiper-slide,
.intro-honor-wrap .swiper-wrapper {
    transition-property: all !important;
}
.intro-honor-wrap .swiper-slide {
    /* width: 17.5%; */
    width: var(--widht);
}
.brief-reco-box-ri .swiper-slide
/* ,.brief-reco-box-ri .swiper-wrapper*/
    {
    transition-property: all !important;
}
.brief-reco-box {
    --trans: 2rem;
}
.brbr-cont img {
    object-fit: contain;
}
.intro-honor-wrap .swiper-wrapper {
    min-height: 4.3rem;
}
.ihbb-box-info {
    padding: 0.2rem 0;
}
.intro-honor-wrap .swiper-slide.swiper-slide-active .ihbb-box .ihbb-box-info {
    border-radius: 15px;
    background: var(--colorfff);
    box-shadow: 0 114px 32px 0 rgba(111, 130, 165, 0.00), 0 73px 29px 0 rgba(111, 130, 165, 0.01), 0 41px 25px 0 rgba(111, 130, 165, 0.03), 0 18px 18px 0 rgba(111, 130, 165, 0.04), 0 5px 10px 0 rgba(111, 130, 165, 0.05);
    margin-bottom: 0.4rem;
}
.scbl-wrap {
    overflow-x: auto;
}
.prod-cont-top-wrap {
    overflow-x: auto;
}
.intro-cont-box-bot p {
    margin-bottom: 0.1rem;
}

.brief-reco-box-ri .swiper-container {
    --gap6: 0;
}
.brbr-cont {
    /* transform: scale(0.87); */
}
.brief-reco-box-ri .swiper-slide {
    transform: scale(0.9);
}
.brief-reco-box-ri .swiper-slide.swiper-slide-active {
    transform: scale(1.05);
    margin-right: 0.4rem;
    margin-left: 0.3rem;
}
/* .brief-reco-box-ri .swiper-slide .brbr-cont-top .std-font20{
    transform: scale(1.1);
}
.brief-reco-box-ri .swiper-slide.swiper-slide-active .brbr-cont-top .std-font20{
    transform: scale(1);
} */
.brief-reco-box {
    --trans: 5rem;
}
.brief-reco-box-ri {
    min-height: auto !important;
}
.intro-honor .swiper-button-prev:after,
.intro-honor .swiper-button-next:after {
    display: none;
}
.intro-honor-wrap .swiper-wrapper {
    min-height: auto !important;
}
.intro-honor-wrap .swiper-slide {
    transform: scale(0.8);
    height: auto;
}
.intro-honor-wrap .swiper-slide.swiper-slide-active {
    transform: scale(1.05);
}
.ihbb-box {
    height: 100%;
    width: 100%;
}
.intro-honor-wrap .swiper-slide .ys-sic-text {
    font-size: var(--font24);
}
.intro-honor-wrap .swiper-slide .ihbb-box .ihbb-box-info {
    margin-bottom: 0.4rem !important;
}
.intro-honor-wrap .swiper-slide .ihbb-box .ihbb-box-info {
    transition: var(--transition);
}
.down-load .ys-tab-btn {
    display: flex;
}
.prod-cont-top-wrap {
    /* overflow-x: auto; */
}
.dlcb-wrap-list-link {
    cursor: pointer;
}
.mod-switch-btn.swiper-button-disabled {
    opacity: 0.5;
}
.brief-reco .swiper-button-next:after,
.brief-reco .swiper-button-prev:after {
    display: none;

}
.brief-reco .swiper-button-next,
.brief-reco .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    width: 0.5rem;
    height: auto;
    margin: 0;
}
.brief-reco .swiper-button-prev {
    margin-right: 0.2rem;
}
.home-prod-wrap .hpwl-box-info-bg {
    width: 1.5rem;
}
.brief-reco .mod-switch {
    position: relative;

}
.head-nav-item-down1 .hnid-wrap-box-wrap1 .hwlw-box {
    height: 100%;
}
.brief-reco-box-ri .swiper-slide {
    width: 33.333333%;
}
.intro-tech-box-top .std-font20,
.intro-tech-box-top .std-font20 p {
    font-size: var(--font18);
}
.stbl-wrap .std-text18 p,
.stbl-wrap .std-text18 p a {
    font-size: var(--font20);
    line-height: var(--line16);
}
.stbl-wrap-cont .std-text18 {
    margin-top: 0;
}
.home-news .mod-bg-icon {
    width: 31%;
}
.hnid-wrap-box-wrap2 .hwlw-bot-list-link .ys-imgbox-cover img {
    object-fit: contain;
}
.prod-page2 .pctw-list {
    width: 16.666666%;
}
.prod-cont-top {
    position: relative;
}
.prod-cont-bot-le {
    top: calc(var(--headh) + 0.2rem)
}
.itbb-list-box-bot .std-text18,
.itbb-list-box-bot .std-text18 p {
    text-align: center;
}
.prod-cont-top {
    position: relative;
}
.prod-cont-top .mod-switch-btn {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
}
.prod-cont-top .mod-switch-btn-le {
    left: -0.4rem;
}
.prod-cont-top .mod-switch-btn-ri {
    right: -0.4rem;
}
.home-prod-wrap .hpwl-box-info-bg {
    width: 2rem;
}
.home-prod-wrap-list .mod-bg-icon {
    width: 2rem;
}
.brief-reco-box-ri .swiper-slide.noact {
    transform: scale(1);
}
.serv-pair-bot-le {
    width: 34%;
}
.prod-cont {
    padding-top: 0.6rem;
}
.prod-page2 .pctw-list .pctw-list-link {
    cursor: pointer;
}
.prod-cont-top-wrap .slick-list {
    margin: 0 auto;
}
.prod-cont-top-wrap .slick-track.on1 {
    width: 100% !important;
    justify-content: center;
}
.brief-prod-box-scroll {
    display: none;
}
.prod-cont-bot-icon {
    position: absolute;
    z-index: 8;
    opacity: 0;
    pointer-events: none;
    width: 34px;
    height: 100%;
    left: 0;
}
.prod-cont-bot-icon .ys-filter-open {
    position: sticky;
    top: 100px;
}
.hnbt-ri-icon {
    width: 0.4rem !important;
    height: 0.4rem !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}
.hnbt-ri {
    position: relative;
}
.home-news-box-top {
    width: 100%;
}
.hnbt-ri {
    cursor: pointer;
}
.hnbb-imgbox {
    position: relative;
}
.home-news-box-top {
    cursor: pointer;
}
.hnbt-link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.ys-nyban-ts {
    display: none;
}
.ys-nyban-ts {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--colorfff);
    object-fit: cover;
}
.hnbt-ri-icon {
    display: none;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .hpwl-box:hover .hpwl-box-hover {
        opacity: 1;
    }
    .hpwl-box:hover .hpwl-box-link {
        opacity: 0;
    }
    .hnbt-le:hover .mod-bg-icon img:nth-child(1) {
        opacity: 1;
    }
    .hnbt-le:hover .mod-bg-icon img:nth-child(2) {
        opacity: 0;
    }
    .home-news-box-bot .ys-slick-item-cont:hover .ys-imgbox-cover img {
        transform: scale(1.05);
    }
    .home-news-box-top:hover .mod-more1-link-cion {
        transform: translateX(0.1rem);
    }
    .home-news-box-top:hover .hnbt-ri img {
        transform: scale(1.05);
    }
}
/* kaffi-1.27-end */
/* kaffi-3.4-start */
.mod-sider-back {
    position: absolute;
    top: 100%;
}
/* kaffi-3.4-end */