@charset "utf-8";

/* 公共样式 - start */
@font-face {
    font-family: 'manroperegular';
    src: url('../fonts/manrope-regular/manrope-regular-webfont.woff2') format('woff2'),
        url('../fonts/manrope-regular/manrope-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'manroperegular', "PingFang SC", "Microsoft YaHei" !important;
}

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

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

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

:root {
    /* 字号 */
    --font64: 64px;
    --font56: 56px;
    --font40: 40px;
    --font36: 36px;
    --font32: 32px;
    --font24: 24px;
    --font22: 22px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line15: 1.5;
    --line175: 1.75;
    --line16: 1.6;
    /* 导航-高度 */
    --headh: 75px;
    /* 颜色 */
    --color1: #333;
    --color2: #666;
    --color3: #999;
    --color4: #fff;
    --colormain: ;
    --colorbj: ;
    --vicolor: #298DA6;
    /* 板块间距 */
    --space120: 120px;
    --space100: 100px;
    --space60: 60px;
    --space40: 40px;
    --jianju1: 18px;
    --jianju2: -18px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --bold: '';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.yxnav-active2 {}

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

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

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

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

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

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

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

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

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

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

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

/* 公共样式 - end */

.ys-hd-pc {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    flex-wrap: wrap;
    background: rgba(35, 41, 54, 0.10);
    backdrop-filter: blur(5px);
}

.mod-head-top {
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(224, 228, 234, 0.3);
    display: flex;
    background: var(--vicolor);
}

.mod-head-btm {
    width: 100%;
    position: relative;
    display: flex;
    border-bottom: 1px solid rgba(224, 228, 234, 0.3);
}

.mod-head-top-le {
    width: 188px;
    display: flex;
    justify-content: center;
    border-right: 1px solid rgba(224, 228, 234, 0.3);
    flex: none;
}

.head-logo {
    width: 104px;
}

.head-logo img:nth-child(2) {
    opacity: 0;
}

.mod-head-top-ri {
    flex: none;
    width: 288px;
    border-left: 1px solid rgba(224, 228, 234, 0.3);
    padding-right: 16px;
    padding-left: 44px;
    display: flex;
    align-items: center;
}

.mod-head-top-cen {
    width: 100%;
    padding: 0 36px;
    display: flex;
    justify-content: space-between;
}


.head-nav-item-title svg {
    width: 14px;
    margin-right: 12px;
    display: none;
    margin-top: -2px;
}

.head-nav-item-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
}

.head-nav-item {
    margin-right: 48px;
}

.head-nav-item.is-down svg {
    display: block;
}

.mhtr-wrap {
    width: 100%;
    border-radius: 4px;
    background: var(--vicolor);
    height: 42px;
    display: block;
    position: relative;
    overflow: hidden;
}

.mhtr-wrap input {
    width: 100%;
    height: 100%;
    padding-left: 32px;
    padding-right: 45px;
    color: #fff;
}

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

.mhtr-wrap input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

.mhtr-wrap input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.mhtr-wrap input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.mhtr-wrap input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

.mhtc-li a {
    color: #fff;
    line-height: 44px;
    display: block;
    font-size: 14px;
}

.mhtc-li {
    margin-right: 32px;
}

.mhtc-ul {
    display: flex;
}

.mhtc-ri-cont a {
    color: #fff;
    line-height: 44px;
    display: block;
    font-size: 14px;
}

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

.mhtc-ri-lang {
    display: flex;
    flex: none;
    align-items: center;
}

.mhtc-ri-cont {
    margin-right: 32px;
}

.mhtc-ri-lang p {
    color: #fff;
    line-height: 1.2;
    font-size: 14px;
    white-space: nowrap;
    padding-left: 7px;
}

.mhtc-ri-lang svg {
    width: 24px;
}

.yx-progr-ul {
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    display: flex;
    justify-content: center;
}

.yx-progr-li {
    width: 30px;
    height: 2px;
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    margin-right: 6px;
    cursor: pointer;
    transition: all 0.36s;
}

.yx-progr-sp {
    display: block;
    width: 0;
    height: 100%;
    background: #fff;
    transition: all 0s !important;
}



/* leo-start */
/* d2 */
.cross-cont {
    width: 100%;
    position: relative;
}

.cross-cont-back {
    position: absolute;
    right: 0;
    top: -145px;
    z-index: -1;
    opacity: 0.5;
}

.cross-cont-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.ccbt-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 38%;
    padding-bottom: 10px;
    border-bottom: 1px solid #D0D0D0;
}

.ocbt-right-icon {
    width: 19px;
    flex-shrink: 0;
}

.ocbt-right-icon img {
    width: 100%;
}

.ccbt-box-inp {
    width: 100%;
    height: 30px;
    padding-right: 20px;
}

.ccbt-box-inp input {
    width: 100%;
}

.ccbt-box-inp input::placeholder {
    color: var(--color3);
    line-height: normal;
    font-family: 'Microsoft YaHei' !important;
}

.ccbt-box-inp input {
    font-size: var(--font14);
    color: var(--color1);
    height: 100%;
    font-family: 'Microsoft YaHei' !important;
}

.ccbb-top-right-pic {
    width: 20px;
    flex-shrink: 0;
}

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


/* 二部分 */
.ccbb-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ccbb-top-right {
    display: flex;
    align-items: center;
}

.ccbb-top-right-pro a {
    padding-right: 24px;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--vicolor);
}

.ccbb-top-left {
    font-size: var(--font16);
    line-height: 1;
    color: var(--color2);
}

.cross-cont-box-bot {
    padding-top: 60px;
}

.ccbb-ule-le-al {
    background-color: #fff;
    display: block;
    border: 1px solid #DFE3EA;
    width: 100%;
    height: 100%;
}

.cula-box {
    padding: 18px 40px 15px;

}

.cula-box-tit {
    border-bottom: 1px solid #DFE3EA;
    width: 100%;
    font-size: var(--font18);
    line-height: var(--line15);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    transition: all 0.36s;
}

.cula-box-tit p {
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--color1);
    margin-bottom: 12px;
    font-weight: bold;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.cula-box-bot {
    display: flex;
    align-items: center;
    padding-top: 12px;
}

.cula-box-bot-left {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--vicolor);
    padding-right: 8px;
    transition: all .36s;
}

.cula-box-bot-right {
    /* padding-top: 12px; */
    width: 20px;
    position: relative;
    flex-shrink: 0;
}

.cbbr-white {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .36s;
}

.cula-box-bot-right img {
    width: 100%;
}

.ccbb-ule-le {
    width: 25%;
    padding: 0 var(--jianju1);
    margin-bottom: 36px;
}

.ccbb-ule {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
    margin-bottom: -36px;
    padding-top: 24px;
}

.ccbb-page {
    padding-top: 100px;
}

.ccbb-page .pc-fenye li.activepage {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin: 0 10px;
    border-radius: 50%;
    transition: .3s;
    background-color: var(--vicolor);
}

.ccbb-page .pc-fenye li {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 40px;
    color: #333;
    text-align: center;
    margin: 0 10px;
    border-radius: 50%;
    transition: .3s;
}

/* d2-2 */

.ccbt-box-cion {
    width: 19px;
    flex-shrink: 0;
}

.ccbt-box-cion img {
    width: 100%;
}

.olul-al {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color1);
    padding: 6px 40px;
    border-radius: 4px;
    border: 1px solid rgba(51, 51, 51, 0.30);
}

.ocbt-left-ule-le {
    padding: 0 8px;
}

.ocbt-left-ule {
    /* margin: 0 -18px; */
    display: flex;
    align-items: center;
}

.ocbt-left-ule-le:first-child {
    padding-left: 0 !important;
}

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

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

.ocbt-right {
    width: 26%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D0D0D0;
}

.ocbt-right-inp input {
    font-size: var(--font14);
    /* line-height: var(--line175); */
    color: var(--color1);
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    padding-right: 20px;
    font-family: "Microsoft YaHei" !important;
}

.ocbt-right-inp {
    width: 100%;
}

.ocbt-right-inp input::placeholder {
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--color3);
}

.ocbt-left-ule-le.on .olul-al {
    background-color: var(--vicolor);
    border: 1px solid var(--vicolor);
    color: var(--color4);
}

.olba-pio {
    font-size: var(--font20);
    line-height: 1.4;
    color: var(--color1);
    padding-top: 32px;
}

.ocbu-le {
    width: 33.33%;
    padding: 0 var(--jianju1);
    margin-bottom: 80px;
}

.onli-cont-box-ule {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
    padding-top: 80px;
    margin-bottom: -80px;
}

/* f6 */
.newsp-cont-box {
    /* padding-top: var(--space100); */
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}

.ncbu-le-al-box {
    width: 100%;
    position: relative;
    padding: 30px 56px 30px 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ncbu-le-al {
    border-bottom: 1px solid #DDD;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nlab-pro {
    font-size: var(--font16);
    line-height: 1.6;
    color: #101111;
    opacity: 0.5;
}

.nlab-tit {
    font-size: var(--font18);
    line-height: var(--line175);
    color: #000;
    flex-grow: 1;
    padding-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.nlab-come {
    display: flex;
    align-items: center;
    padding-top: 18px;
}

.nlab-come-left {
    padding-right: 8px;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--vicolor);
}

.nlab-come-right {
    width: 20px;
}

.nlab-come-right img {
    width: 100%;
}

.ncbu-le {
    width: 33.33%;
    padding: 0 var(--jianju1);
    margin-bottom: 60px;
}

.newsp-cont-box-ule {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
    margin-bottom: -60px;
    padding-top: 80px;
    /* align-items: stretch; */
}

/* f3 */
.detail-cont-box {
    display: flex;
}

.detail-cont-box-left {
    width: 27%;
    padding-right: 65px;
}

.detail-cont-box-right {
    width: 73%;
}

.dcbl-pro {
    font-size: var(--font20);
    color: var(--color1);
    line-height: var(--line15);
    padding-top: 16px;
}

.dcbl-prot {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color2);
    padding-top: 105px;
}

.dcbl-prot-ule-le {
    display: flex;
    align-items: center;
    padding-bottom: 26px;
}

.dcbl-prot-ule-le:last-child {
    padding-bottom: 0;
}

.dcbl-prot-ule {
    padding-top: 28px;
}

.dpul-pro {
    padding-left: 19px;
    font-size: var(--font18);
    color: var(--color1);
    line-height: var(--line15);
}

.dcbl-prot-ule-le .ys-share-img {
    width: 24px;
    flex-shrink: 0;
}

.dcbl-prot-ule-le .ys-share-img img {
    width: 100%;
}

.dcbr-editor {
    padding-top: 50px;
    padding-bottom: 50px;

}

/* 右侧 */
.dcbr-tit {
    font-size: var(--font40);
    line-height: var(--line15);
    color: var(--color1);
    padding-bottom: 52px;
    border-bottom: 1px solid #CFCFCF;
    font-weight: bold;
}

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

.dcbr-next-box-page a {
    font-size: var(--font16);
    color: var(--color1);
    line-height: var(--line175);
}

.dcbr-next {
    border-top: 1px solid #CFCFCF;
}

.dcbr-next-box-page span {
    font-size: inherit;
    line-height: inherit;
    color: var(--color1);
    font-weight: bold;
}

.dcbr-next-box {
    padding-top: 50px;
}

.dcbr-next-box-page {
    padding-bottom: 8px;
}

.dcbr-next-box-page:last-child {
    padding-bottom: 0;
}

.detail-car-tit {
    font-size: var(--font40);
    line-height: 1.2;
    font-weight: bold;
    color: #080404;
}

.newsp-cont-box-ule.mod-arrows1 {
    padding-top: var(--space40);
}

.detail-car-box {
    padding-bottom: var(--space120);
}

/* d3 */
.code-cont-box-left {
    width: 71%;
    padding-right: 80px;
    border-right: 1px solid #D0D0D0;
}

.code-cont-box-right {
    width: 29%;
    padding-left: 79px;
}

.ccbl-tit {
    line-height: 1.4;
    font-weight: bold;
}

.ccbl-time {
    font-size: var(--font20);
    line-height: var(--line15);
    color: var(--color1);
    padding-top: 16px;
}

.code-cont-box {
    display: flex;
}

.ccbl-video {
    position: relative;
    margin-top: 40px;
    width: 100%;
}

.ccbl-video video {
    width: 100%;
}

.ccbl-video-icon {
    width: 62px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.ccbl-video-icon img {
    width: 100%;
}

.ccbr-tit {
    font-size: var(--font24);
    color: #080404;
    line-height: 1.2;
    font-weight: bold;
}

.ccbr-tit-ule {
    padding-top: 40px;
}

.ctul-al-pic-par {
    font-size: var(--font16);
    line-height: 1.4;
    color: var(--color1);
    padding-top: 16px;
    transition: all .36s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.ccbr-tit-ule-le {
    padding-bottom: 32px;
}

.ccbr-tit-ule-le:last-child {
    padding-bottom: 0;
}

.ctul-al-pic {
    position: relative;
}

.ctul-al-pic-sta {
    width: 54px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ctul-al-pic-sta img {
    width: 100%;
}

/* leo-end */


.yx-progr-li.act {
    width: 100px;
}

.ban-model p {
    color: #fff;
    line-height: 1.4;
}

.ban-tit .std-h1 {
    color: #fff;
    font-weight: bold;
}

.ban-tit .std-h1 span {
    color: #00CBD2;
}

.ban-model {
    margin-bottom: 11px;
}

.ban-info p {
    color: #fff;
    line-height: 1.5;
}

.ban-tit {
    margin-bottom: 13px;
}

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

.ban-ul-li p {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.4;
}

.ban-ul-li {
    position: relative;
    padding: 0 24px;
}

.ban-ul-li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 17px;
    background: rgba(255, 255, 255, 0.5);
}

.ban-ul-li:first-child {
    padding-left: 0 !important;
}

.ban-ul-li:last-child {
    padding-right: 0 !important;
}

.ban-ul-li:last-child::before {
    display: none;
}

.ban-info {
    margin-bottom: 37px;
}

.home-page .ys-pos-center {
    top: 56%;
}

.home-quick {
    width: 100%;
    position: relative;
    background: #F7F8FA;
    padding: 24px 0;
}

.home-quick-ul {
    display: flex;
    flex-wrap: wrap;
}

.home-quick-ul-li {
    width: 25%;
}

.hqul-link p {
    color: #101111;
    line-height: 1.2;
    padding-left: 20px;
    transition: all 0.36s;
}

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

.hqul-icon {
    width: 72px;
    flex: none;
}

.hqul-icon img {
    transform: scale(1) !important;
}

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

.home-applic-top-tit .std-h3 {
    color: #101111;
    line-height: 1.2;
    font-weight: bold;
}

.hatu-li {
    width: 25%;
    padding: 0 var(--jianju1);
}

.home-applic-top-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.hatu-wrap {
    width: 100%;
    position: relative;
    border-top: 1px solid #B2BBC8;
    padding-top: 25px;
    cursor: pointer;
}

.hatu-wrap::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--vicolor);
    transition: all 0.36s;
    opacity: 0;
}

.hatu-wrap-tit p {
    color: #101111;
    font-weight: bold;
    line-height: 1.75;
    transition: all 0.36s;
}

.hatu-wrap-info p {
    color: #666;
}

.hatu-wrap-tit {
    margin-bottom: 10px;
}

.hatu-li.slick-current .hatu-wrap::after {
    width: 100%;
    opacity: 1;
}

.hatu-li.slick-current .hatu-wrap-tit p {
    color: var(--vicolor);
}

.home-applic-btm {
    width: calc(100% + 248px);
    transform: translateX(-248px);
}

.habu-li,
.home-applic-btm-ul {
    width: 100%;
}

.hatu-li,
.habu-li {
    display: none;
}

.hatu-li:first-child,
.habu-li:first-child {
    display: block;
}

.habu-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.habu-wrap-le {
    width: 68%;
}

.habu-wrap-ri {
    width: 32%;
    padding-left: 74px;
}

.habu-wrap-ri-tit .std-h2 {
    color: #101111;
    line-height: 1.3;
    font-weight: bold;
}

.habu-wrap-ri-tit {
    margin-bottom: 60px;
}

.mod-link {
    display: flex;
    justify-content: center;
    padding: 15px 36px;
    background: var(--vicolor);
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    transition: all 0.36s;
}

.habu-wrap-ri-more {
    display: flex;
}

.hwrp-tit p {
    color: #999999;
    line-height: 1.2;
}

.habu-wrap-ri .habu-wrap-ri-more {
    margin-bottom: 60px;
}

.hwrp-ul-li-link {
    color: #101111;
    line-height: 1.2;
    font-weight: bold;
    transition: all 0.36s;
    display: flex;
    align-items: center;
    font-size: var(--font22);
}

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

.hwrp-ul-li-link svg {
    width: 16px;
    margin-left: 12px;
    flex: none;
}

.hwrp-ul-li-link svg circle {
    transition: all 0.36s;
}

.hwrp-ul-li {
    display: flex;
    margin-bottom: 16px;
}

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

.home-product-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.home-product-btm {
    width: 100%;
}

.home-product-top-le .std-h3 {
    color: #101111;
    line-height: 1.2;
    font-weight: bold;
}

.home-product-img-btm,
.home-product-img-top,
.home-product-img {
    width: 100%;
    position: relative;
}

.home-product-img {
    overflow: hidden;
}

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

.home-product-img-btm {
    position: absolute;
    top: -100%;
    left: 0;
}

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

.hptr-link p {
    color: var(--vicolor);
    line-height: 1.5;
    font-size: 16px;
    padding-right: 8px;
}

.hptr-link img {
    width: 20px;
    margin-top: 1px;
}

.home-product-btm-ul {
    margin: 0 var(--jianju2);
    display: flex;
    flex-wrap: wrap;
}

.hpbu-li {
    width: 33.333333%;
    padding: 0 var(--jianju1);
}

.hpbu-link {
    width: 100%;
    display: block;
    position: relative;
    padding: 80px 60px;
    border: 1px solid #DFE3EA;
    background: #F7F8FA;
}

.hpbu-link-icon {
    width: 60px;
    margin-bottom: 136px;
}

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

.hpbu-link-tit {
    margin-bottom: 24px;
}

.hpbu-link-info p {
    color: #666;
    line-height: 1.75;
    height: 8.75em;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hpbu-link-info {
    margin-bottom: 34px;
}

.hpbu-link-icon img {
    transform: scale(1) !important;
}

.home-product-img-top::after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.home-product .ys-cont1440 {
    margin-top: -18%;
    position: relative;
    z-index: 10;
}

.home-about {
    width: 100%;
    position: relative;
    padding-top: 60px !important;
}

.home-about-top-le .std-h3 {
    color: #101111;
    line-height: 1.2;
}

.home-about-top .home-about-top-le .std-h3 {
    font-weight: bold;
}

.home-about-top-le {
    width: 34%;
}

.home-about-btm .home-about-top-le {
    padding-top: 45px;
}

.home-about-top-ri {
    width: 66%;
}

.home-about-top {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.hatr-tit .std-h5 {
    color: #101111;
    line-height: 1.2;
}

.hatr-info p {
    color: #666;
    line-height: 1.2;
}

.hatr-tit {
    margin-bottom: 19px;
}

.hatr-info {
    margin-bottom: 32px;
}

.home-about-top .home-about-top-le {
    padding-right: 20px;
}

.hatl-ul {
    width: 100%;
}

.hatl-li {
    width: 100%;
    border-bottom: 1px solid rgba(16, 17, 17, 0.2);
    padding: 20px 0 30px;
    position: relative;
}

.hatl-li::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #101111;
}

.hatl-li:nth-child(2)::after {
    width: 70%;
}

.hatl-li:nth-child(3)::after {
    width: 80%;
}

.hatl-li:nth-child(4)::after {
    width: 30%;
}

.hatl-li-top sup {
    vertical-align: 0.5em;
}

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

.hatl-li-btm p {
    color: #101111;
}

.hatl-li-top {
    margin-bottom: 12px;
}

.hatr-play {
    width: 100%;
    position: relative;
}

.hatr-play img {
    width: 100%;
}

.home-about-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.home-about-conta {
    width: 100%;
    background: rgba(41, 141, 166, 0.8);
    padding: 33px 87px;
    display: flex;
    align-items: center;
    backdrop-filter: blur(10px);
}

.hacl-tit .std-h5 {
    color: #fff;
    line-height: 1.2;
    font-weight: bold;
}

.hacl-info p {
    color: #fff;
    line-height: 1.2;
}

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

.home-about-conta-le {
    width: 100%;
    padding-right: 20px;
}

.home-about-conta-ri {
    flex: none;
}

.hacr-link {
    display: block;
    width: 248px;
    border: 1px solid #FFF;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    padding: 15px 15px;
    transition: all 0.36s;
}

.home-applic-top {
    width: 100%;
    padding-bottom: 42px;
}

.hatr-play .ys-ban-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover;
}

.home-news {
    width: 100%;
}

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

.home-news-le-tit .std-h3 {
    color: #080404;
    line-height: 1.2;
    font-weight: bold;
}

.home-news-le-info p {
    color: #666;
    line-height: 1.75;
}

.home-news-le-tit {
    margin-bottom: 40px;
}

.home-news-le {
    width: 40%;
    padding-right: 4%;
}

.home-news-le-more {
    display: flex;
}

.home-news-le-info {
    margin-bottom: 80px;
}

.home-news-ri {
    width: 60%;
}

.home-news-ri-li {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}

.home-news-ri-li:last-child {
    margin-bottom: 0;
}

.hnrl-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: rgba(228, 229, 232, 0.5);
    align-items: center;
}

.hnrl-link-le {
    width: 32.5%;
}

.hnrl-link-ri {
    width: 67.5%;
    padding: 20px 40px;
}

.hnrl-link-ri-tit p {
    color: rgba(16, 17, 17, 0.5);
}

.hnrl-link-ri-info p {
    color: #101111;
    line-height: 1.75;
    transition: all 0.36s;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

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

.mod-look {
    width: 100%;
    background: #1A1E24;
}

.mod-look-warp {
    width: 496px;
    margin: 0 auto;
    max-width: 100%;
}

.mod-look-warp-tit .std-h4 {
    color: #fff;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
}

.mod-look-warp-tit {
    margin-bottom: 32px;
}

.mod-look-warp-input {
    width: 100%;
    height: 36px;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    margin-bottom: 24px;
}

.mod-look-warp-input input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
    padding-right: 50px;
}

.mod-look-warp-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
}

.mod-look-warp-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

.mod-look-warp-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

.mod-look-warp-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
}

.mod-look-warp-input img {
    width: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.mod-look-warp-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mlwu-li {
    padding: 0 10px;
    margin-bottom: 10px;
}

.mlwu-link {
    width: 100%;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    font-size: 12px;
    line-height: 1.75;
    padding: 3.5px 20px;
    color: #fff;
    transition: all 0.36s;
}

.ys-footer {
    width: 100%;
    background: #fff;
    padding: 80px;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 0 !important;
}

.mod-fot-top {
    width: 100%;
    position: relative;
    display: flex;
    padding-bottom: 45px;
}

.mftl-logo {
    width: 200px;
    margin-bottom: 72px;
}

.mftl-follow-tit p {
    color: #383737;
    line-height: 1.36;
    font-weight: bold;
}

.mftl-follow-tit {
    margin-bottom: 16px;
}

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

.ys-share-list {
    margin-right: 16px;
}

.mod-fot-top-le {
    width: 20%;
    flex: none;
}

.mod-fot-top-ri>ul {
    display: flex;
    justify-content: space-between;
}

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

.mod-fot-top-ri a {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(16, 17, 17, 0.7);
    transition: all 0.36s;
}

.mod-fot-top-ri>ul>li>ul>li {
    margin-bottom: 15px;
}

.mod-fot-top-ri>ul>li>ul>li:first-child a {
    color: #101111;
    font-size: 16px;
    font-weight: bold;
}

.mod-fot-top-ri>ul>li>ul>li:first-child {
    margin-bottom: 26px;
}

.mod-fot-btm {
    width: 100%;
    border-top: 1px solid #E7E7E7;
    padding: 32px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mod-fot-btm-le p,
.mod-fot-btm-ri a {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(56, 55, 55, 0.5);
}

.mod-fot-btm-le p {}

a[href="https://www.yongsy.com"] {
    color: rgba(56, 55, 55, 0.3);
    white-space: nowrap;
    margin-left: 20px;
}

.mod-fot-btm-ri a {
    /* color: rgba(56, 55, 55, 1); */
    margin-left: 40px;
}

/* .ys-main {
    margin-top: 45px;
} */

.ys-page-wrap.act .ys-hd-pc,
.ys-hd-pc.ishover,
.ys-hd-pc.isfixed {
    background: #232936;
}

.head-nav-item-title path {
    transition: all 0.36s;
}

.head-nav-item.yxnav_active1 .head-nav-item-title {
    color: var(--vicolor);
}

.head-nav-item.yxnav_active1 .head-nav-item-title path {
    fill: var(--vicolor);
}

.head-nav-item-drop1 {
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    background: #232936;
}

/* .head-nav-item {
    position: static !important;
} */

.hnid-wrap {
    width: 100%;
    display: flex;
}

.hnid-le {
    width: 22%;
    background: #303644;
    padding: 30px 0;
}

.hnid-ri {
    width: 78%;
    padding: 40px 240px 60px 100px;
}

.hlul-link svg {
    width: 9px;
    flex: none;
}

.hnid-le-ul {
    width: 100%;
}

.hnid-le-ul-li {
    width: 100%;
}

.hlul-link {
    display: flex;
    align-items: center;
    padding-left: 103px;
    padding-right: 70px;
    padding-top: 19px;
    padding-bottom: 19px;
    justify-content: space-between;
    color: #fff;
    line-height: 1.5;
    transition: all 0.36s;
}

.hnid-le-ul-li.yxnav-active2 .hlul-link {
    background: var(--vicolor);
}

.hrul-top-link {
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.hrul-top-link svg {
    width: 10px;
    margin-left: 48px;
    flex: none;
}

.hrul-top {
    margin-bottom: 30px;
}

.hrul-btm {
    width: 100%;
    position: relative;
    height: 300px;
}

.hbul-link svg {
    width: 9px;
    margin-left: 15px;
    flex: none;
}

.hbul-link {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 16px 0;
    padding-right: 10px;
    transition: all 0.36s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hrul-btm-ul-li {
    width: 33.333333%;
    padding: 0 20px;
}

.hrul-btm-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

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

.hrul-btm .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #fff !important;
}

.hrul-btm .mCSB_draggerRail {
    background: rgba(255, 255, 255, 0.3) !important;
}

.hrul-btm .mCSB_outside+.mCSB_scrollTools {
    right: -13%;
}

.hnid-ri-ul-li {
    display: none;
}

.hnid-ri-ul-li.on {
    display: block;
}

.hrul-btm-ul-li.yxnav-active3 .hbul-link {
    color: var(--vicolor);
}

.hrul-btm-ul-li.yxnav-active3 .hbul-link path {
    stroke: var(--vicolor) !important;
}

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

.head-nav-item-drop2 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    display: none;
}

.hnid-ul {
    background: #303644;
    width: 100%;
    position: relative;
    padding: 14px 0;
}

.hnid-ul-li {
    width: 100%;
    white-space: nowrap;
    margin-bottom: 5px;
}

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

.hnid-ul-li-link {
    line-height: 1.5;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 24px;
    color: #fff;
    transition: all 0.36s;
}

.hnid-ul-li-link svg {
    flex: none;
    width: 10px;
    margin-left: 26px;
}

.hnid-ul-li.yxnav-active2 .hnid-ul-li-link {
    background: var(--vicolor);
}

.mod-top {
    width: 60px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 99;
    background: var(--vicolor);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.36s;
    opacity: 0;
    pointer-events: none;
}

.mod-top.is-show {
    opacity: 1;
    pointer-events: all;
}

.ys-nybanner .ys-ban-imgbox::before {
    width: 60%;
    background: linear-gradient(-90deg, rgba(2, 34, 71, 0.00) 0%, #022247 100%);
}

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

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

.mod-bord-ul-li a {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
}

.mod-bord-ul-li {
    padding-right: 16px;
    position: relative;
}

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

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

.mod-bord-ul-li:last-child a {
    color: #fff;
}

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

.ys-nybanner-tit .std-h2 {
    color: #fff;
    line-height: 1.4;
    font-weight: bold;
}

.ys-nybanner .ys-pos-center {
    top: 62%;
}

.ys-nybanner-info p {
    color: #fff;
    line-height: 1.75;
}

.ys-nybanner-info {
    /* width: 70%; */
    margin-top: 20px;
}

.product-point {
    width: 100%;
    position: sticky;
    left: 0;
    border-bottom: 1px solid #ECECEC;
    top: 121px;
    background: #fff;
    z-index: 20;
    transition: all 0.36s;
}

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

.piul-link {
    color: #666666;
    line-height: 1.5;
    transition: all 0.36s;
    padding: 20px 0;
}

.product-introdu-ul-li {
    margin: 0 50px;
    cursor: pointer;
}

.product-introdu-ul-li.act .piul-link {
    color: var(--vicolor);
}

.product-introd {
    width: 100%;
    position: relative;
}

.product-introd-tit .std-h3 {
    color: #101111;
    line-height: 1.2;
    font-weight: bold;
}

.product-introd-btm {
    width: 100%;
    position: relative;
}

.product-introd-btm p {
    margin-bottom: 0 !important;
    color: #666666;
}

.product-introd-btm ul {
    padding-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.product-introd-btm ul li p {
    padding-left: 22px;
    position: relative;
}

.product-introd-btm ul li p::after {
    content: '';
    position: absolute;
    top: 9px;
    left: 6px;
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%;
}

.product-catego {
    width: 100%;
    position: relative;
}

.product-catego-btm {
    width: 100%;
    position: relative;
}

.product-catego-btm-ul {
    display: flex;
    flex-wrap: wrap;
}

.pcbu-li {
    width: 25%;
    border-bottom: 1px solid #DFE3EA;
    border-left: 1px solid #DFE3EA;
}

.pcbu-li:nth-child(4n) {
    border-right: 1px solid #DFE3EA;
}

.pcbu-li:last-child {
    border-right: 1px solid #DFE3EA;
}

.pcbu-li:nth-child(1),
.pcbu-li:nth-child(2),
.pcbu-li:nth-child(3),
.pcbu-li:nth-child(4) {
    border-top: 1px solid #DFE3EA;
}

.pcbu-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 16px;
    transition: all 0.36s;
}

.pcbu-link-le {
    background: #E3E7EC;
    width: 45%;
}

.pcbu-link-ri {
    width: 55%;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 3px;
    padding-top: 3px;
}

.pcbu-link-ri-tit p {
    color: #101111;
    line-height: 1.5;
    transition: all 0.36s;
    max-height: 4.5em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pcbu-link-ri-more {
    width: 20px;
}

.pcbu-link-ri-more img {
    width: 100%;
}

.product-latest {
    width: 100%;
}

.product-latest-btm {
    width: 100%;
    position: relative;
}

.product-latest-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.plbu-li {
    width: 33.333333%;
    padding: 0 var(--jianju1);
    display: none;
}

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

.plbu-link {
    width: 100%;
    display: block;
    border: 1px solid #DFE3EA;
    background: #F7F8FA;
    padding: 34px 38px;
}

.plbu-link-tit .std-h5 {
    color: #101111;
    font-weight: bold;
    line-height: 1.5;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.plbu-link-info p {
    color: #666;
    line-height: 1.5;
    font-size: 14px;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

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

.plbu-link-info {
    margin-bottom: 53px;
}

.plbu-link-more {
    width: 100%;
    border-top: 1px solid #DFE3EA;
    padding-top: 16px;
}

.plbw-btn {
    width: 40px;
    cursor: pointer;
}

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

.plbw-btm {
    position: relative;
}

.plbw-btm .plbw-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.plbw-btm .plbw-le {
    left: -80px;
}

.plbw-btm .plbw-ri {
    right: -80px;
}

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

.product-choose {
    width: 100%;
    position: relative;
    padding: 0 42px;
}

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

.product-choose-wrap-le .std-h3 {
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
}

.product-choose-wrap-le {
    width: 38%;
    padding-top: 55px;
}

.product-choose-wrap .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}

.product-choose-wrap-ri {
    width: 62%;
}

.pcer-li-wrap-icon {
    width: 73px;
    margin: 0 auto;
    margin-bottom: 7px;
}

.pcer-li-wrap-tit p {
    color: #fff;
    line-height: 1.2;
}

.pcer-li {
    width: 33.333333%;
    padding: 0 var(--jianju1);
    margin: 45px 0;
}

.pcer-li-wrap {
    width: 100%;
    text-align: center;
}

.pcer-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.pcer-img {
    position: absolute;
    bottom: -80%;
    left: 80px;
    width: 38.5%;
}

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

.product-applic {
    width: 100%;
    position: relative;
}

.product-applic-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.pabu-li {
    width: 25%;
    padding: 0 var(--jianju1);
    display: none;
}

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

.pabu-link {
    width: 100%;
    display: block;
}

.pabu-link-tit p {
    color: #101111;
    line-height: 1.4;
}

.pabu-link-tit {
    margin-top: 16px;
}

.product-articl {
    width: 100%;
    position: relative;
}

.pabu-li {
    width: 33.333333%;
    padding: 0 var(--jianju1);
}

.product-articl-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.pabu-wrap {
    width: 100%;
    position: relative;
    border-top: 1px solid #B2BBC8;
    padding-top: 30px;
    display: block;
    padding-right: 60px;
}

.pabu-wrap::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #298DA6;
    transition: all 0.36s;
    opacity: 0;
}

.pabu-wrap-time p {
    color: #999999;
    line-height: 1.6;
}

.pabu-wrap-tit p {
    color: #101111;
    line-height: 1.75;
    font-weight: bold;
    transition: all 0.36s;
    max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pabu-wrap-time {
    margin-bottom: 19px;
}

.pabu-wrap-tit {
    margin-bottom: 37px;
}

.product-articl-btm {
    width: 100%;
    position: relative;
}

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

.product-video-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.pvbu-li {
    width: 33.33333%;
    padding: 0 var(--jianju1);
    display: none;
}

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

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

.pvbu-link-tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 30px;
    z-index: 12;
}

.pvbu-link .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}

.pvbu-link-tit p {
    color: #fff;
    line-height: 1.4;
    max-height: 1.4em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pvbu-link-play {
    width: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 13;
}

.pvbu-link-play img {
    width: 100%;
}

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

.product-point.is-drop {
    top: 121px;
}

.ys-nybanner .ys-ban-txtbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ys-nybanner-le {
    width: 64%;
}

.ynrl-link {
    border-radius: 4px;
    background: #298DA6;
    display: block;
    padding: 12px 24px;
    color: #fff;
    line-height: 1.5;
    min-width: 227px;
    transition: all 0.36s;
}

.ys-nybanner-ri-li {
    text-align: center;
    margin-top: 29px;
}

.partic-parame {
    width: 100%;
    position: relative;
}

.partic-parame-btm {
    width: 100%;
    position: relative;
}

.partic-parame-btm-ri {
    width: 30%;
}

.ppbr-li {
    width: 100%;
    position: relative;
    cursor: pointer;
    display: none;
}

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

.partic-parame-btm-le {
    width: 56.5%;
}

.partic-parame-btm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ppbr-ul {
    width: 100%;
    border: 1px solid #CCCCCC;
}

.ppbr-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 56px;
    pointer-events: none;
}

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

.slick-dots li {
    background: rgba(41, 141, 166, 0.4);
}

.slick-dots li.slick-active {
    background: rgba(41, 141, 166, 1);
}

.ppbr-ul .slick-dots {
    bottom: -40px;
}

.ppbl-ul {
    width: 100%;
}

.ppbl-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #EEEEEE;
    padding: 16px 0;
}

.ppbl-li:first-child {
    border-top: 2px solid #DEDEDE;
}

.ppbl-li-le p {
    color: #666666;
}

.ppbl-li-ri p {
    color: #101111;
}

.ppbl-li-le {
    width: 47%;
    padding-right: 20px;
}

.ppbl-li-ri {
    width: 53%;
}

.partic-infoma {
    width: 100%;
    position: relative;
    padding-bottom: 120px;
}

.partic-infoma-btm {
    width: 100%;
    position: relative;
}


.partic-infoma-btm table {
    border-collapse: collapse;
}

.partic-infoma-btm thead {
    background: #298DA6;
}

.partic-infoma-btm thead th {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
}

.partic-infoma-btm tbody td {
    font-size: 14px;
    line-height: 1.2;
    color: #666666;
}

.partic-infoma-btm thead th,
.partic-infoma-btm tbody td {
    border-right: 1px solid #CACACA;
    padding: 36px 21px;
    text-align: left;
}

.partic-infoma-btm tbody td {
    border-bottom: 1px solid #CACACA;
}

.partic-infoma-btm tbody td:last-child,
.partic-infoma-btm thead th:last-child {
    border-right: none;
}

.partic-infoma-btm tbody td:first-child {
    font-weight: bold;
    color: #298DA6;
}

.partic-infoma-btm tbody td a {
    color: #298DA6;
    text-decoration: underline;
}

.partic-releva {
    width: 100%;
    position: relative;
}

.partic-releva-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.partic-releva-btm-le {
    width: 246px;
}

.partic-releva-btm-ri {
    width: calc(100% - 246px);
    padding-left: 80px;
}

.prbl-li {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #CACACA;
    cursor: pointer;
}

.prbl-li p {
    padding-right: 10px;
    width: 100%;
    color: #101111;
    line-height: 1.5;
    font-weight: bold;
    transition: all 0.36s;
}

.prbl-li svg {
    width: 20px;
    flex: none;
}

.prbl-li.act p {
    color: #298DA6;
}

.prbr-li {
    width: 100%;
    position: relative;
    display: none;
}

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

.prbr-li-top {
    width: 100%;
    background: #298DA6;
    display: flex;
    flex-wrap: wrap;
}

.prbr-li-top-info11 {
    width: 62%;
}

.prbr-li-top-info12 {
    width: 19%;
}

.prbr-li-top-info13 {
    width: 19%;
}

.prbr-li-top-info {
    padding: 15px 30px;
}

.prbr-li-top-info p {
    color: #fff;
    font-size: 18px;
}

.prbr-li-btm .prbr-li-top-info p {
    color: #666666;
    font-size: 16px;
}

.prbr-li-btm {
    width: 100%;
}

.prbr-li-btm-li {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.prbr-li-btm-li:nth-child(2n) {
    background: #F4F4F4;
}

.prbr-li-top .prbr-li-top-info p {
    font-weight: bold;
}

.prbr-li-top-info a {
    display: flex;
}

.prbr-li-top-info a p {
    color: #101111 !important;
}

.partic-pop-tit p {
    color: #101111;
    font-weight: 700;
    line-height: 1.2;
}

.partic-pop-btm-li {
    width: 50%;
    padding: 0 20px;
}

.partic-pop-btm {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

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

.ys-fii-name {
    color: #101111;
    line-height: 1.75;
    font-size: 16px;
    line-height: 1.75;
}

.ys-fii-name span {
    color: #FF0606;
}

.partic-pop-tit {
    margin-bottom: 30px;
}

.ys-form-inof-item {
    margin-bottom: 20px;
}

.ys-fii-input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #999999;
}

.ys-fii-input input {
    font-size: 16px;
}

.ys-fii-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(153, 153, 153, 0.5);
}

.ys-fii-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(153, 153, 153, 0.5);
}

.ys-fii-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(153, 153, 153, 0.5);
}

.ys-fii-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(153, 153, 153, 0.5);
}

.ys-form-inof-codef .ys-fii-input {
    display: flex;
}

.ys-fii-input-but {
    flex: none;
    font-size: 16px;
    line-height: 1.75;
    color: #298DA6;
}

.ys-form-inof-codef .ys-fii-input input {
    padding-right: 20px !important;
}

.ys-form-inof-code {
    width: 50%;
}

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

.ys-fic-auth-img {
    position: absolute;
    left: calc(100% + 20px);
    bottom: 0;
    height: 50px;
    min-width: 100%;
    cursor: auto;
}

.ys-fic-auth-img img {
    cursor: pointer;
}

.ys-fic-auth {
    width: 100%;
    position: relative;
}

.ys-fic-auth label {
    width: 100%;
    position: relative;
}

.ys-fia-text-word {
    font-size: 14px;
    line-height: 2;
    color: #666;
}

.ys-fia-text-word a {
    color: #298DA6;
    text-decoration: underline;
}

.ys-fia-text-btn {
    width: 12px;
    height: 12px;
    margin-top: 2px;
}

.ys-fia-text-btn::before {
    border-radius: 2px;
}

.ys-fia-text-btn::after {
    border-radius: 2px;
    width: 8px;
    height: 8px;
    background: #298DA6;
}

.ys-form-inof-submit {
    width: 35%;
    margin-left: 0%;
}

.ys-fii-submit {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #298DA6;
    font-size: 16px;
    font-weight: 400;
}

.partic-pop .ys-modal-content {
    max-height: auto;
}

.partic-pop .ys-form {
    width: 100%;
    height: 42vh;
}

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

.ys-form .mCSB_dragger_bar {
    width: 2px !important;
    background: #08748F !important;
}

.ys-modal-close .iconfont {
    font-size: 20px;
    font-weight: 200;
    color: #999999;
}

.inside-page .ys-main {
    margin-top: 121px;
}

.inside-page .mod-head-btm {
    background: #232936;
}

.reques-sample {
    width: 100%;
    position: relative;
    overflow: visible;
}

.reques-sample-desz {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 85%;
}

.reques-sample-desz::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10
}

.reques-sample-desz img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reques-sample .mod-bord {
    top: 20px;
}

.inside-page .mod-bord-ul-li::after {
    background-image: url(../images/boredh.svg);
}

.inside-page .mod-bord-ul-li a {
    color: rgba(153, 153, 153, 0.5);
}

.inside-page .mod-bord-ul-li:last-child a {
    color: #999;
}

.std-tit50 {
    font-size: 50px;
    line-height: 1.2;
    font-weight: bold;
}

.reques-sample-tit .std-tit50 {
    text-align: center;
}

.reques-sample .ys-cont1200 {
    position: relative;
    z-index: 10;
}

.reques-sample-btm {
    width: 100%;
    position: relative;
    background: #FFFFFF;
    padding: 70px 100px;
}

.reques-sample-btm .ys-form-inof-code {
    width: 33.333333%;
}

.reques-sample-btm .ys-fii-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.reques-sample-btm .ys-fii-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.reques-sample-btm .ys-fii-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.reques-sample-btm .ys-fii-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.reques-sample-btm .ys-fii-submit {
    border-radius: 4px;
}

.reques-sample-btm .ys-form-inof-submit {
    width: 213px;
}

.ys-fii-submit {
    transition: all 0.36s;
}

.search-number {
    width: 100%;
    position: relative;
    background: #F7F8FA;
}

.search-number .mod-bord {
    top: 20px;
}


.search-number-wrap {
    width: calc(100% + 240px);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.search-number-ri {
    width: 75.5%;
}

.search-number-ri img {
    width: 100%;
}

.search-number-le {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 46.5%;
    z-index: 10;
}

.search-number-le-tit .std-h3 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.search-number-le-tit {
    margin-bottom: 50px;
}

.search-number-le>div:nth-child(3) {
    margin-bottom: 25px;
}

.search-number-le-input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    height: 60px;
    position: relative;
    margin-bottom: 40px;
}

.search-number-le-input input {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    padding-right: 60px;
    font-size: 14px;
}

.search-number-le-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.search-number-le-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.search-number-le-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.search-number-le-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.search-number-le-input img {
    width: 20px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    cursor: pointer;
}

.search-number-le-tit p {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.search-number-le-ul {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}

.snlu-link {
    border-radius: 20px;
    border: 1px solid rgba(16, 17, 17, 0.30);
    display: block;
    font-size: 12px;
    line-height: 1.7;
    color: #101111;
    padding: 4px 20px;
    transition: all 0.36s;
}

.snlu-li {
    margin-right: 20px;
    margin-bottom: 16px;
}

.cross-cont .mod-bord {
    top: 20px;
}

.ccbb-top .hptr-link img {
    width: 20px;
    margin-top: -1px;
}

.onli-cont .pvbu-li {
    display: block;
}

.onli-cont .product-video-btm-ul {
    padding-top: 80px;
}

.onli-cont .pvbu-link-tit {
    position: relative;
    bottom: auto;
    padding: 0;
    padding-top: 32px;
}

.onli-cont .pvbu-link-tit p {
    color: #101111 !important;
    transition: all 0.36s;
    height: 2.8em !important;
    max-height: inherit !important;
    -webkit-line-clamp: 2;
}

.onli-cont .pvbu-li {
    margin-bottom: 51px;
}

.onli-wrap .ccbb-page {
    padding-top: 20px !important;
}

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

.code-cont .mod-bord {
    top: 20px;
}

.ccbr-tit-ule-le {
    width: 100%;
}

.ctul-al {
    display: block;
    width: 100%;
    position: relative;
}

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: #298DA6;
}

.ys-ph-nav .ys-phnav-header-font,
.ys-ph-nav a {
    color: #999;
}

.ys-phs-form input {
    border: 1px solid rgba(34, 34, 34, .4);
    color: #333;
}


.ys-phs-form input::-webkit-input-placeholder {
    color: rgba(34, 34, 34, .4);
}

.ys-phs-form input:-moz-placeholder {
    color: rgba(34, 34, 34, .4);
}

.ys-phs-form input::-moz-placeholder {
    color: rgba(34, 34, 34, .4);
}

.ys-phs-form input:-ms-input-placeholder {
    color: rgba(34, 34, 34, .4);
}

.ys-phs-form .iconfont {
    color: rgba(34, 34, 34, .4);
}

.ys-phnav-menu {
    background: #fff;
}

.ys-ph-nav>li>.ys-phnav-lisbox a .ys-phnav-header-font {
    font-size: 18px;
}

.ys-phnav-menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

.ys-phnav-lisbox {
    border-bottom: none;
}

.ys-ph-nav>li>.ys-phnav-lisbox {
    padding-left: 20px;
    padding-right: 40px;
}

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

.ys-ph-nav>li>ul>li>.ys-phnav-lisbox {
    padding-left: 20px;
    padding-right: 40px;
}

.ys-ph-nav>li>ul>li>ul {
    padding-top: 7px;
    padding-bottom: 8px;
    /* background: #ccc; */
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-left: 0;
    padding-right: 0;
}

.ys-ph-nav>li>ul>li>ul .ys-phnav-lisbox {
    padding-left: 20px;
    padding-right: 40px;
}

.ys-ph-nav>li>ul>li>ul .ys-phnav-header-font {
    font-size: 14px;
}

.home-about-svg-ph {
    display: none;
}

/* .ys-phnav-icon, */
.ys-phnav-icon::after,
.ys-phnav-icon::before {
    background: #333;
}

.ys-phnav-icon {
    right: 20px;
}

.ys-phnav-logo {
    width: 84px;
}

.ncbu-le-al-pic {
    width: 100%;
}

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

.detail-cont .mod-bord {
    top: 20px;
}

.dcbr-editor {
    width: 100%;
    position: relative;
}

.dcbr-editor p {
    margin-bottom: 28px;
}

.dcbr-next-box-page a {
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

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

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

.quality-system-le {
    width: 31.5%;
}

.quality-system-le img {
    width: 100%;
}

.quality-system-ri {
    width: 61%;
}

.quality-system-ri p {
    color: #666666;
    line-height: 1.75;
}

.quality-certif {
    width: 100%;
    background: #F7F8FA;
    position: relative;
}

.quality-certif-top {
    width: 60%;
    margin-bottom: 40px;
}

.quality-certif-top-tit .std-h3 {
    color: #101111;
    font-weight: bold;
    line-height: 1.4;
}

.quality-certif-top-tit {
    margin-bottom: 24px;
}

.quality-certif-top-info p {
    color: #666666;
    line-height: 1.75;
}

.quality-certif-btm {
    width: calc(100% + 240px);
    position: relative;
    display: flex;
    padding-bottom: 45px;
}

.quality-certif-btm-le {
    width: 36%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.quality-certif-btm-ri {
    width: 64%;
    position: relative;
    padding-left: 105px;
}

.qcbr-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 479px;
    opacity: 0;
    pointer-events: none;
}

.quality-certif-btm-img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.quality-certif-btm-img img {
    width: 100%;
}

.quality-certif-btm-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #F7F8FA 0%, rgba(247, 248, 250, 0.00) 100%);
}

.qcbl-li-tit .std-h4 {
    color: #101111;
    line-height: 1.3;
    font-weight: bold;
}

.quality-certif .ys-cont1440 {
    position: relative;
    z-index: 10;
}

.qcbl-li-tit {
    margin-bottom: 16px;
}

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

.qcbl-li-info {
    margin-bottom: 50px;
}

.qcbl-btm-le {
    display: flex;
}

.qcbl-btm-le .plbw-le {
    margin-right: 16px;
}

.qcbl-btm {
    width: 100%;
    position: relative;
    margin-top: 60px;
}

.qcbl-btm::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 64vw;
    left: 120px;
    height: 1px;
    background: #D1D1D1;
}

.qcbr-li {
    padding: 0 28px;
    height: auto !important;
    transition: all 0.36s;
    width: var(--width) !important;
    transition-property: all !important;
    /* margin-right: 56px !important; */
}

.qcbr-ul {
    /* margin: 0 -28px; */
    height: 480px !important;

}

.qcbr-li .qcbr-li-wrap {
    /* height: 100%; */
    cursor: pointer;
}

.qcbr-li .qcbr-li-wrap img {
    max-width: auto !important;
    height: 100%;
}

.qcbr-li.swiper-slide-active {
    /* height: 480px !important; */
    width: var(--act-width) !important;
}

.qcbr-ul {
    align-items: center;
}

.qcbr-swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.qcbl-li {
    display: none;
}

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

.quality-certif-btm-ri::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 200px;
    height: 361px;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.quality-experim {
    width: 100%;
    position: relative;
}

.quality-experim-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 96px;
}

.quality-experim-le {
    width: 43%;
}

.quality-experim-le img {
    width: 100%;
}

.quality-experim-ri {
    width: 57%;
    padding-left: 123px;
}

.quality-experim-ri-tit .std-h3 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.quality-experim-ri-tit {
    margin-bottom: 24px;
}

.quality-experim-ri-info p {
    color: #666;
    line-height: 1.75;
}

.quality-experim-ri-info {
    width: 100%;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(16, 17, 17, 0.2);
}

.quality-experim-ri-intit p {
    color: #101111;
    line-height: 1.75;
    font-weight: bold;
}

.quality-experim-ri-intit {
    margin-bottom: 24px;
}

.qeru-li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
}

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

.qeru-li img {
    width: 16px;
    flex: none;
    margin-top: 2px;
}

.qeru-li p {
    color: #101111;
    line-height: 1.4;
    padding-left: 8px;
}

.quality-experim-slick {
    width: 100%;
    position: relative;
}

.qest-link {
    color: #101111;
    line-height: 1.4;
    transition: all 0.36s;
    font-weight: bold;
}

.quality-experim-slick-top {
    width: 100%;
    display: flex;
    margin-bottom: 40px;
}

.qest-li {
    border: 1px solid #C2C2C2;
    border-bottom: 1px solid #298DA6;
    width: 50%;
    text-align: center;
    transition: all 0.36s;
    padding: 23px 20px;
    cursor: pointer;
}

.qest-li.act {
    background: #298DA6;
    border-color: #298DA6;
}

.qest-li.act .qest-link {
    color: #fff;
}

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

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

.qesb-li-top p {
    color: #666;
    line-height: 1.75;
}

.qesb-li-top {
    margin-bottom: 40px;
}

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

.qesb-li-ul-li {
    width: 33.333333%;
    padding: var(--jianju1);
    display: none;
}

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

.qesb-li-btm {
    width: 100%;
    position: relative;
}

.qlul-link {
    width: 100%;
    position: relative;
    border: 1px solid #DFE3EA;
    background: #F7F8FA;
    padding: 40px;
}

.qlul-link-tit p {
    color: #101111;
    line-height: 1.75;
    font-weight: bold;
}

.qlul-link-tit {
    padding-bottom: 16px;
    border-bottom: 1px solid #DFE3EA;
    margin-bottom: 16px;
    position: relative;
}

.qlul-link-tit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    width: 4px;
    height: 60px;
    background: #298DA6;
}

.qlul-tit p {
    color: #101111;
    line-height: 1.75;
    font-weight: bold;
}

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

.qlul-tit {
    margin-bottom: 8px;
}

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

.quality-identifi {
    width: 100%;
    position: relative;
    background: #F7F8FA;
}

.quality-identifi-wrap {
    width: calc(100% + 340px);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.quality-identifi-ri {
    width: 58%;
    position: relative;
    transform: translateX(-100px);
}

.quality-identifi-ri::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(301deg, rgba(247, 248, 250, 0.00) 44.63%, #F7F8FA 71.73%), linear-gradient(270deg, rgba(247, 248, 250, 0.00) 52.89%, #F7F8FA 82.36%);
}

.quality-identifi-ri img {
    width: 100%;
}

.quality-identifi-le {
    width: 37%;
    position: relative;
    z-index: 10;
}

.quality-identifi-le-tit .std-h3 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.quality-identifi-le-tit {
    margin-bottom: 40px;
}

.quality-identifi-le-info p {
    color: #666;
    line-height: 1.75;
    margin-bottom: 10px;
}

.quality-identifi-le-info p span {
    color: #298DA6;
    font-size: 20px;
    font-weight: bold;
    padding-right: 10px;
}

.quality-identifi-le-sutinfo p {
    color: #666;
}

.quality-identifi-le-sutinfo {
    margin-top: 30px;
}

.query-distribu {
    width: 100%;
    position: relative;
    background: #F7F8FA;
    overflow: visible !important;
}

.query-distribu-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.query-distribu-le {
    width: 210px;
    position: sticky;
    top: 150px;
    left: 0;
}


.query-distribu-ri {
    width: calc(100% - 210px);
    padding-left: 158px;
}

.query-distribu-le-li p {
    color: #101111;
    line-height: 1.75;
    padding: 10px 27px;
    transition: all 0.36s;
}

.query-distribu-le-li {
    border-radius: 4px;
    transition: all 0.36s;
    margin-bottom: 20px;
    cursor: pointer;
}

.query-distribu-le-li.act {
    background: #298DA6;
}

.query-distribu-le-li.act p {
    color: #fff;
}

.qdrl-tit .std-h3 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

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

.qdrl-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.qdrl-ul-li {
    width: 33.333333%;
    padding: 0 var(--jianju1);
    margin-bottom: 36px;
}

.qdrl-ul-li-link {
    width: 100%;
    height: 100%;
    display: block;
    padding: 26px 30px;
    background: #fff;
    border: 1px solid #DFE3EA;
}

.qull-logo {
    width: 172px;
    margin-bottom: 36px;
}

.qull-btm-tit .std-tit20 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.qull-btm-info p {
    color: #666;
    line-height: 1.4;
    padding-right: 15px;
    word-break: break-all;
    word-wrap: break-word;
    transition: all 0.36s;
}

.qull-btm-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.qull-btm-info img {
    width: 20px;
    flex: none;
    opacity: 0;
    transition: all 0.36s;
}

.qull-btm-tit {
    margin-bottom: 10px;
}

.query-distribu-ri-li {
    padding-bottom: 55px;
}

.query-distribu-ri-li:last-child {
    padding-bottom: 0 !important;
}

.query-distribu-le-li::before {
    display: none;
}

.join-values {
    width: 100%;
    position: relative;
}

.product-introd-center {
    text-align: center;
}

.join-values-btm {
    width: 100%;
    position: relative;
}

.join-values-btm-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.join-values-btm-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.join-values-btm-top::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 62.89%, rgba(0, 0, 0, 0.30) 77.31%);
}

.join-values-btm-btm {
    width: 100%;
    position: relative;
    z-index: 10;
}

.jvbb-respe {
    width: 100%;
    padding: 130px 45px;
    border-radius: 0px 0px 20px 20px;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(10px);

}

.jrul-wrap-icon {
    width: 92px;
    height: 92px;
    position: relative;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 28px;
}

.jrul-wrap-icon .ys-imgbox-cover {
    width: 44px;
}

.jrul-wrap-btm p {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.jvbb-respe-ul-li {
    width: 14.285714%;
    text-align: center;
    padding: 0 10px;
}

.jvbb-respe-ul {
    display: flex;
    flex-wrap: wrap;
}

.jvbb-info p {
    color: #fff;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
}

.jvbb-info {
    padding: 50px 20px;
    width: 963px;
    margin: 0 auto;
    max-width: 100%;
}

.join-positi {
    width: 100%;
    position: relative;
}

.join-positi-btm {
    width: 100%;
}

.jpbu-li {
    width: 25%;
    padding: 0 var(--jianju1);
    margin-bottom: 36px;
}

.join-positi-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
    padding-bottom: 45px;
}

.jpbu-wrap {
    width: 100%;
    position: relative;
    border: 1px solid #DFE3EA;
    background: #FFF;
    cursor: pointer;
    transition: all 0.36s;
}

.jpbu-wrap-top {
    width: 100%;
    padding: 24px 32px 18px;
    border-bottom: 1px solid #DFE3EA;
    transition: all 0.36s;
}

.jpbu-wrap-top-info p {
    color: #666;
    line-height: 1.4;
}

.jpbu-wrap-top-info {
    margin-bottom: 24px;
}

.jpbu-wrap-top-tit {
    display: flex;
    align-items: flex-start;
}

.jpbu-wrap-top-tit svg {
    width: 20px;
    flex: none;
}

.jpbu-wrap-top-tit p {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
    transition: all 0.36s;
    padding-left: 8px;
    height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-right: 10px;
}

.jpbu-wrap-top-tit svg path {
    transition: all 0.36s;
}

.jpbu-wrap-btm {
    width: 100%;
    padding: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jpbu-wrap-btm img {
    width: 20px;
    flex: none;
}

.jpbu-wrap-btm p {
    color: #666;
    line-height: 1.4;
    transition: all 0.36s;
}

.jpbm-link {
    border-radius: 4px;
    background: #298DA6;
    transition: all 0.36s;
    padding: 14px 35px;
    display: flex;
    align-items: center;
}

.jpbm-link span {
    color: #fff;
    line-height: 1.2;
    padding-right: 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.join-positi-btm-more {
    display: flex;
    justify-content: center;
}

.jpbm-link img {
    width: 18px;
    margin-left: 20px;
}

.join-pop-wrap {
    width: 800px;
    padding: 50px;
    max-width: calc(100vw - 40px);
    max-height: 700px;
    overflow: hidden;
    background: #fff;
    padding: 60px 72px;
}

.jpwt-tit .std-h4 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.jpwt-tit {
    margin-bottom: 18px;
}

.jpwt-lable p {
    color: #298DA6;
    line-height: 1.4;
}

.jpwt-lable p span {
    padding: 0 16px;
}

.join-pop-wrap-top {
    width: 100%;
    margin-bottom: 32px;
}

.join-pop-wrap-btm {
    width: 100%;
}

.join-pop-wrap-btm h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    color: #101111;
    margin-bottom: 16px;
}

.join-pop-wrap-btm ul li p {
    color: #666666;
    line-height: 1.4;
    position: relative;
    padding-left: 17px;
}

.join-pop-wrap-btm ul li p::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #298DA6;
}

.join-pop-wrap-btm ul li {
    margin-bottom: 16px;
}

.join-pop .mCSB_outside+.mCSB_scrollTools {
    right: 20px !important;
}


.join-pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #298DA6 !important;
}

.join-pop .mCSB_scrollTools .mCSB_draggerContainer {
    top: auto;
    bottom: 50px;
    height: 80%;
}

.invest-relation {
    width: 100%;
    position: relative;
    background: #F7F8FA;
}

.invest-relation-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.invest-relation-desz img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.invest-relation-desz::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    opacity: 0.8;
    background: linear-gradient(90deg, #F7F8FA 28.51%, rgba(247, 248, 250, 0.00) 100%);
}

.invest-relation .mod-bord {
    z-index: 10;
    top: 20px;
}

.invest-relation-wrap {
    display: flex;
    flex-wrap: wrap;
}

.invest-relation-le {
    width: 40.5%;
    background: rgba(41, 141, 166, 0.80);
    backdrop-filter: blur(25px);
    padding: 80px;
}

.invest-relation-le-info p {
    color: #fff;
    line-height: 1.75;
}

.invest-relation-le-info {
    margin-bottom: 8px;
}

.invest-relation-le-code .std-h3 {
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
}

.invest-relation-le-code {
    margin-bottom: 48px;
}

.invest-relation-le-text p {
    color: #FFF;
}

.invest-relation-le-emile .std-h5 {
    font-weight: bold;
    line-height: 1.75;
    color: #fff;
    text-decoration: underline;
}

.invest-relation-le-text {
    margin-bottom: 12px;
}

.irlm-link {
    width: 248px;
    padding: 13px 15px;
    border-radius: 4px;
    border: 1px solid #FFF;
    text-align: center;
    display: block;
    color: #fff;
    line-height: 1.2;
    transition: all 0.36s;
}

.invest-relation-le-emile {
    margin-bottom: 48px;
}

.apppli-page .ys-nybanner-le {
    width: 55%;
}

.apppli-list {
    width: 100%;
    position: relative;
    background: #F7F8FA;
}

.apppli-list .cula-box-tit p {
    max-height: 3em;
    height: 3em;
    -webkit-line-clamp: 2;
}

.apppli-list .cula-box {
    padding: 36px 40px 18px;
}

.apppli-list .cula-box-tit p {
    margin-bottom: 28px;
}

.analysi-induct {
    width: 100%;
    position: relative;
    background: #F7F8FA;
}

.analysi-induct .mod-bord {
    top: 20px;
}

.analysi-induct-tit .std-h2 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.analysi-induct-tit {
    margin-bottom: 40px;
}

.analysi-induct-info p {
    color: #666;
}

.analysi-tab {
    width: 100%;
    position: relative;
}

.analysi-tab-top {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.analysi-tab-btm {
    width: 100%;
}

.analysi-tab-top-li p {
    border-radius: 4px;
    border: 1px solid rgba(16, 17, 17, 0.30);
    transition: all 0.36s;
    padding: 5px 10px;
    text-align: center;
}

.analysi-tab-top-li {
    margin-right: 16px;
    cursor: pointer;
    min-width: 234px;
}

.analysi-tab-top-li.act p {
    background: #298DA6;
    color: #fff;
    border-color: #298DA6;
}


.atbl-wrap {
    width: 100%;
    border: 1px solid #DFE3EA;
    background: #FFF;
    backdrop-filter: blur(15px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.atbl-wrap-ri {
    width: 29%;
    border-left: 1px solid #DFE3EA;
    padding: 8px;
    max-height: 720px;
}

.atbl-wrap-le {
    width: 71%;
    padding: 50px 63px;
}

.atbl-wrap-le img {
    width: 100%;
}

.atbl-wrap-ri-li {
    width: 100%;
    margin-bottom: 4px;
}

.awrl-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    background: #F4F4F4;
    align-items: flex-start;
    transition: all 0.36s;
    cursor: pointer;
}

.awrl-top svg {
    width: 16px;
    flex: none;
    margin-top: 2px;
}

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

.awrl-top p {
    color: #101111;
    line-height: 1.5;
    font-weight: bold;
    padding-right: 10px;
}

.awrl-btm {
    width: 100%;
    padding: 16px 20px;
    display: none;
}

.awrl-btm-li {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #DFE3EA;
    margin-bottom: 16px;
}

.awrl-btm-li:last-child {
    margin-bottom: 0;
    border: none;
}

.awrl-btm-li-tit p {
    color: #298DA6;
    line-height: 1.5;
    font-weight: bold;
}

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

.awrl-btm-li-lable {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 16px;
}

.awrl-btm-li-lable p {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    margin-right: 16px;
    padding-right: 16px;
    position: relative;
}

.awrl-btm-li-lable p a {
    color: #666;
    transition: all 0.36s;
}

.awrl-btm-li-lable p::after {
    content: '';
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    left: -16px;
    width: 1px;
    height: 14px;
    background: #BFC0C2;
}

.awrl-btm-li-lable p:last-child::after {
    display: none;
}

.awrl-btm-li-lable p span {
    color: #298DA6;
}

.awrl-btm-li-btm {
    width: 100%;
    position: relative;
}

.awrl-btm-li-btm p {
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
    margin-bottom: 16px;
}

.awrl-btm-li-btm p span {
    color: #101111;
    font-weight: bold;
}

.atbl-wrap-ri-li.act .awrl-top p {
    color: #ffff;
}

.atbl-wrap-ri-li.act .awrl-top {
    background: #298DA6;
}

.atbl-wrap-ri-li.act .awrl-top path {
    fill: #fff !important;
}

.atbl-wrap-ri-li.act .tdbt-wrap-path2 {
    opacity: 0 !important;
}

.atbl-wrap-ri .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #298DA6 !important;
}

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

.analysi-tab-btm-li:first-child {
    display: block;
}


.develo-page .piul-link {
    font-weight: bold;
}

.develo-page .product-introdu-ul-li {
    position: relative;
    margin: 0 70px;
}

.develo-page .product-introdu-ul-li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -70px;
    width: 1px;
    height: 16px;
    background: #B2BBC8;
}

.develo-page .product-introdu-ul-li:first-child {
    margin-left: 0 !important;
}

.develo-page .product-introdu-ul-li:last-child {
    margin-right: 0 !important;
}

.develo-page .product-introdu-ul-li:last-child::before {
    display: none;
}

.develo-page .product-point {
    width: 100%;
    background: #F7F8FA;
}

/* .develo-page .ys-cont1440 {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
} */

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

.develo-sustain .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.develo-sustain-le {
    width: 36%;
}

.develo-sustain-ri {
    width: 58%;
    position: relative;
    padding-left: 94px;
    border-left: 1px solid #DEDFE0;
}

.develo-sustain-le-tit .std-h3 {
    color: #298DA6;
    line-height: 1.4;
    font-weight: bold;
}

.develo-sustain-le-info .std-h4 {
    color: #101111;
    line-height: 1.4;
}

.develo-sustain-le-tit {
    margin-bottom: 25px;
}

.develo-sustain-ri p {
    color: #666666;
    line-height: 1.75;
    margin-bottom: 12px;
}

.develo-sustain-ri p:last-child {
    margin-bottom: 0;
}

.develo-develo {
    width: 100%;
}

.develo-develo-ul-li {
    width: 25%;
    padding: 0 var(--jianju1);
    display: none;
}

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

.develo-develo-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

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

.ddul-wrap-tit p {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.ddul-wrap-tit {
    margin-top: 24px;
}

.ddul-wrap-more {
    margin-top: 24px;
}

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

.develo-health {
    width: 100%;
    position: relative;
}

.develo-health-img {
    width: 100%;
    position: relative;
}

.develo-health-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.develo-health-img img {
    width: 100%;
}

.develo-health .ys-cont1440 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 10;
    text-align: center;
}

.develo-health-tit .std-h3 {
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
}

.develo-health-tit {
    margin-bottom: 24px;
}

.develo-health-info p {
    color: #fff;
    line-height: 1.75;
}

.develo-health-wrap {
    width: 966px;
    margin: 0 auto;
    max-width: 100%;
}

.develo-health-wrap .home-news-le-more {
    justify-content: center;
}

.develo-health-info {
    margin-bottom: 62px;
}

.develo-supply {
    width: 100%;
    position: relative;
}

.dsbu-li {
    width: 25%;
    padding: 0 var(--jianju1);
    display: none;
}

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

.develo-supply-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.dsbu-link {
    width: 100%;
    display: block;
    background: #F7F8FA;
    padding: 40px 50px;
}

.dsbu-link-time p {
    color: rgba(16, 17, 17, 0.5);
    line-height: 1.6;
}

.dsbu-link-time {
    margin-bottom: 21px;
}

.dsbu-link-tit p {
    color: #101111;
    line-height: 1.75;
    height: 7em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.dsbu-link .hptr-link img {
    width: 22px;
    margin-top: 0px;
}

.dsbu-link-tit {
    margin-bottom: 37px;
    position: relative;
}

.dsbu-link-tit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -48px;
    width: 4px;
    height: 56px;
    background: #298DA6;
}

.dbbu-li {
    width: 33.333333%;
    padding: 0 var(--jianju1);
    display: none;
}

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

.develo-business-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.develo-business {
    width: 100%;
    position: relative;
    background: #F7F8FA;
}

.dbbu-link {
    width: 100%;
    display: block;
    border: 1px solid #DCDCDC;
    background: #FFF;
}

.dbbu-link-btm {
    width: 100%;
    position: relative;
    padding: 24px 23px;
}


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

.dbbu-link-btm-tit {
    margin-bottom: 29px;
}

.develo-certifi {
    width: 100%;
    position: relative;
}

.dcbu-li {
    width: 25%;
    padding: 0 var(--jianju1);
    display: none;
}

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

.develo-certifi-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.dcbu-li-link {
    display: block;
    width: 100%;
    position: relative;
    background: #ECECEC;
    padding: 40px;
    text-align: center;
}

.dcbu-li-link .ys-imgbox-cover {
    width: 200px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 43px;
}

.dcbu-li-link-btm p {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
    height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.dcbu-li-link-icon {
    width: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
}

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

.develo-pop-wrap {
    width: 1200px;
    padding: 60px;
    overflow: hidden;
    background: #fff;
}

.develo-pop-wrap-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.dpwc-le {
    width: 34.5%;
}

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

.dpwc-ri {
    width: 65.5%;
    padding-left: 60px;
}

.dpwc-ri-tit .std-h4 {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

.dpwc-ri-tit {
    margin-bottom: 24px;
}

.dpwc-ri-info p {
    color: #666666;
}

.dpwc-ri {
    height: 464px;
}

.dpwc-ri .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #298DA6 !important;
}

.dpwc-ri .mCSB_outside+.mCSB_scrollTools {
    right: -32px;
}

.dpwc-ri .mCSB_scrollTools .mCSB_draggerContainer {
    top: auto;
    height: 90%;
}

.develo-pop .ys-modal-close {
    right: 27px;
    top: 33px;
}

.contac-informa {
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, rgba(223, 235, 236, 0.20) 0%, #DFEBEC 100%);
}

.contac-informa .mod-bord {
    top: 20px;
}

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

.contac-informa-wrap-img {
    width: 100%;
    display: none;
}

.contac-informa-wrap-img:first-child {
    display: block;
}

.contac-informa-wrap-img img {
    width: 100%;
}

.contac-informa-wrap-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.8;
}

.contac-informa-wrap-desz img {
    width: 100%;
}

.contac-informa-wrap-top {
    width: 100%;
    -webkit-mask-size: var(--width) var(--height);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-image: url(../images/f8_bg01.svg);
    mask-image: url(../images/f8_bg01.svg);
}

.ciwt-ul {
    width: 100%;
    position: relative;
}

.ciwb-li-icon {
    width: 30px;
    cursor: pointer;
}

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

.ciwb-li {
    position: absolute;
}

.ciwb-li-pop {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 460px;
    padding-bottom: 14px;
    display: none;
}

.ciwb-li-pop::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top-color: #fff;
}

.ciwb-li-pop-wrap {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    padding: 26px 30px;
    max-height: 294px;
    overflow: hidden;
}

.ciwb-li-pop-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: rgba(163, 163, 163, 0.5) !important;
}

.ciwb-li-pop-wrap .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(163, 163, 163, 0.2) !important;
}


.ciwb-li-pop-wrap .mCSB_outside+.mCSB_scrollTools {
    right: 4px !important;
}

.ciwb-li-pop-wrap .mCSB_scrollTools {
    height: calc(100% - 44px);
    top: 22px;
    bottom: auto;
}


.clpw-top {
    width: 100%;
    display: flex;
    align-items: center;
}

.clpw-top img {
    width: 32px;
    flex: none;
    border-radius: 50%;
}

.clpw-top p {
    color: #101111;
    line-height: 1.75;
    font-weight: bold;
    padding-left: 16px;
}

.clpw-top {
    margin-bottom: 23px;
}

.ctul-tit p {
    color: #298DA6;
    font-weight: bold;
    line-height: 1.5;
}

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

.ctul-li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.ctul-li img {
    width: 16px;
    flex: none;
    margin-top: 2px;
}

.ctul-li p {
    padding-left: 12px;
    line-height: 1.5;
    color: #666;
}

.ctul-li p a {
    color: #666;
}

.clpw-top-ul-li {
    width: 100%;
    border-bottom: 1px solid #DFE3EA;
    padding: 16px 0;
}

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

.clpw-top-ul-li:first-child {
    padding-top: 0 !important;
}

.contac-informa .ys-cont1600 {
    position: relative;
}

.contac-informa-tit .std-h1 {
    font-weight: bold;
    line-height: 1.4;
    color: #101111;
    text-align: center;
}

.contac-informa-tit {
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ciwb-li.right .ciwb-li-pop {
    padding-bottom: 0 !important;
    left: 30px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 14px;
}

.ciwb-li.right .ciwb-li-pop::after {
    bottom: auto;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-right-color: #fff;
}

.ciwb-li.left .ciwb-li-pop {
    padding-bottom: 0 !important;
    right: 30px;
    left: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 14px;
}

.ciwb-li.left .ciwb-li-pop::after {
    bottom: auto;
    top: 50%;
    right: -6px;
    left: auto;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left-color: #fff;
}

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

.about-vision-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.about-vision-top .develo-sustain-le-tit .std-h3 {
    color: #101111;
}

.about-vision-top .develo-sustain-ri p {
    color: #101111;
}

.about-vision-top .develo-sustain-ri p {
    margin-bottom: 0 !important;
    color: #666666;
}

.about-vision-top .develo-sustain-ri {
    width: 54%;
}

.about-vision-ul-li {
    width: 50%;
    padding: 0 var(--jianju1);
}

.about-vision-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

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

.avul-wrap-posit {
    width: 69%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 50px 88px;
}

.avul-wrap .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(2, 34, 71, 0.00) 0%, #022247 100%);
}

.avul-wrap-posit-tit .std-h3 {
    color: #fff;
    line-height: 1.4;
    font-weight: bold;
}

.avul-wrap-posit-info p {
    color: #fff;
    line-height: 1.75;
}

.avul-wrap-posit-tit {
    margin-bottom: 16px;
}

.about-histor {
    width: 100%;
    background: #F7F8FA;
    overflow: visible;
}

.ahlty-tit .std-h3 {
    color: #101111;
    font-weight: 700;
    line-height: 1.4;
}

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

.about-histor-le-top {
    margin-bottom: 77px;
}

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

.about-histor-ri {
    width: 40.1%;
    padding-top: 100px;
}

.about-histor .ys-cont1440 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
}

.about-histor-le {
    width: 42%;
    position: relative;
}

.about-histor-le-btm {
    width: 100%;
    position: sticky;
    top: 35%;
    padding: 80px 0;
}

.ahlb-svg {
    width: 474px;
    height: 474px;
    position: absolute;
    top: 50%;
    left: 24%;
    transform: translateY(-50%) rotate(-90deg);
}

.ahlb-svg svg {
    width: 100%;
    height: 100%;
}

.ahlb-li p {
    color: #101111;
    font-weight: bold;
    line-height: 1.4;
    font-size: 200px;
}

.ahlb-li {
    display: none;
}

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

.about-histor-ri-li {
    width: 100%;
    border: 1px solid #DFE3EA;
    background: #FFF;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    margin-bottom: 24px;
    transition: all 0.36s;
}

.ahrl-le .std-tit20 {
    color: #101111;
    font-weight: 700;
    line-height: 1.4;
}

.ahrl-le {
    width: 80px;
    padding-right: 15px;
}

.ahrl-ri {
    width: calc(100% - 80px);
}

.ahrl-ri p {
    color: #666;
    position: relative;
    padding-left: 21px;
    margin-bottom: 8px;
}

.ahrl-ri p:last-child {
    margin-bottom: 0;
}

.ahrl-ri p::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #298DA6;
    border-radius: 50%;
}

.ahlb-ul {
    position: relative;
    z-index: 10;
}

.about-histor-ri-li.act {
    border-color: #298DA6;
}

.he_circle2 {
    stroke-dasharray: 1363;
    transition: all 0.36s cubic-bezier(.25, .74, .22, .99);
}

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

.about-team-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);
}

.about-team-ul-li {
    width: 25%;
    padding: 0 var(--jianju1);
    display: none;
}

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

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

.atul-wrap .ys-imgbox-cover {
    background: #E4E4E6;
}

.atul-wrap-btm {
    width: 100%;
    padding-top: 34px;
}

.atul-wrap-btm-tit p {
    color: #101111;
    line-height: 1.4;
    font-weight: bold;
}

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

.atul-wrap-btm-info p {
    color: #666;
    line-height: 1.4;
}

.atul-wrap-btm-info {
    margin-bottom: 27px;
}

.about-pop-wrap {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.about-pop-ri {
    background: #fff;
    width: 50%;
    height: 100vh;
    padding: 70px 100px;
    position: relative;
}

.about-pop-ri-brief {
    width: 100%;
    border-top: 1px solid #B5B5B5;
    padding-top: 70px;
    height: calc(100vh - 140px);
}

.about-pop .ys-modal-container {
    width: 100%;
}

.about-pop .ys-modal-close {
    width: 60px;
    right: auto;
    left: -100px;
    top: 40px;
}

.aprb-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 60px;
}

.aprb-top-le {
    width: 44%;
    background: #E4E4E6;
}

.aprb-top-ri {
    width: 56%;
    padding-left: 90px;
}

.aprb-top-ri-tit p {
    font-size: var(--font36);
    line-height: 1.4;
    font-weight: bold;
}

.aprb-top-ri-info p {
    color: #666;
    line-height: 1.4;
}

.aprb-top-ri-tit {
    margin-bottom: 13px;
}

.aprb-btm p {
    color: #666;
    line-height: 1.75;
}

.about-pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background: #298DA6 !important;
}

.about-pop .mCSB_outside+.mCSB_scrollTools {
    right: -60px;
}

.model-table {
    width: 100%;
    padding-top: 55px;
    overflow: visible;
}

.ys_imgbox_cover {
    position: relative;
    overflow: hidden;
}

.ys_imgbox_contain img,
.ys_imgbox_cover img {
    width: 100%;
    transition: all .36s ease;
}

.ys_imgbox_cover img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

/* 选型表修改 star */

.inside_core {
    position: relative;
}

.sidebar_btn-styic {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 80px;
}

.sidebar_box_core,
.sidebar_btn-styic .sidebar_btn {
    position: sticky !important;
    top: 140px !important;
}


.sidebar_btn {
    background: #298DA6 !important;
}

.srct_left_change_font .std_title6,
.srct_search input,
.srct_right_list_nub .std_text1,
.mc_tab_th {
    font-size: 18px !important;
}

.srct_left_change_icon {
    width: 16px !important;
}

.srct_left_reset .ys_imgbox_cover {
    margin-top: -1px;
}

.srct_search input {
    font-size: 14px !important;
}

.srct_search input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #101111 !important;
}

.srct_search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #101111 !important;
}

.srct_search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #101111 !important;
}

.srct_search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #101111 !important;
}

.sidebar_btn-styic {
    top: 64px;
}

.mc_tab_bd .mc_tab_bd_left {
    z-index: 15 !important;
}

.mc_tab_td::before {
    border-bottom: none !important;
}

.mc_tab_td {
    border-bottom: 1px solid #ECECEC;
}

.mc_tab_bd .mc_tab_bd_left .mc_tab_td {
    border-bottom: 1px solid #DAD8D8;
}


.mc_tab_bd .mc_tab_bd_left .mc_tab_td::before {
    border-color: #DAD8D8 !important;
}

.mc_tab_bd .mc_tab_bd_left .mc_tab_td::after {
    background: #DAD8D8 !important;
}

.mc_table_hd .sele_th::before,
.mc_table_hd .mc_tab_th::before {
    border-color: #DAD8D8 !important;
}

.mtcr_all_th:last-child,
.mc_tab_td:last-child {
    border-right: 1px solid #DAD8D8;
}

.mc_tab_td:last-child::before,
.mtcr_all_th:last-child .mc_tab_th::before {
    border-right: none !important;
}

/* 选型表修改 end */

.habu-wrap-ri-ph {
    display: none;
}

.qcbl-li .qcbr-li-wrap {
    display: none;
}

.contac-informa-ph {
    display: none;
}

.ys-ban-li.slick-current .ys-ban-imgbox {
    animation: mysacle 5s ease both;
}

@keyframes mysacle {
    0% {
        transform: scale(1.15);
    }
}

.ys-ban-li.slick-current .ban-info,
.ys-ban-li.slick-current .ban-ul,
.ys-ban-li.slick-current .ban-model,
.ys-ban-li.slick-current .ban-tit {
    animation: ysfadeInUp 1s ease-in-out both;
}

.onli-cont {
    width: 100%;
}

.dcbl-prot-ule .ys-share-list {
    margin-right: 0 !important;
}

.detail-car .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}

.detail-wrap .newsp-cont-box-ule {
    margin-bottom: 0 !important;
}

.detail-wrap .ys-slick-item {
    margin-bottom: 0 !important;
}

.qull-btm .qull-btm-info {
    margin-bottom: 10px;
}

.qull-btm .qull-btm-info:last-child {
    margin-bottom: 0 !important;
}

.qdrl-tit a {
    display: inline-block;
    margin-top: 10px;
}

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

    .qull-btm-info:hover p {
        color: #298DA6;
        text-decoration: underline;
    }

    .qull-btm-info:hover img {
        opacity: 1;
    }

    .pcbu-link:hover {
        background: #F7F8FA;
    }

    .atul-wrap:hover .ys-imgbox-cover img,
    .avul-wrap:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

    .dcbu-li-link:hover .dcbu-li-link-btm p,
    .dbbu-link:hover .dbbu-link-btm-tit p {
        color: #298DA6;
    }

    .dsbu-link:hover .dsbu-link-tit p {
        color: #298DA6;
    }

    .ddul-wrap:hover .ys-imgbox-cover img {
        transform: scale(1.08);
    }

    .awrl-btm-li-lable p a:hover {
        color: #298DA6;
        text-decoration: underline;
    }

    .irlm-link:hover {
        background: #08748F;
        border-color: #08748F;
    }

    .jpbm-link:hover {
        background: #08748F;
    }

    .jpbu-wrap:hover {
        background: #298DA6;
    }

    .jpbu-wrap:hover p {
        color: #fff !important;
    }

    .jpbu-wrap:hover .jpbu-wrap-top-tit svg path {
        fill: #fff !important;
    }

    .ncbu-le-al:hover .nlab-tit {
        color: #08748F;
    }

    .onli-cont .pvbu-link:hover .pvbu-link-tit p {
        color: #08748F !important;
    }

    .snlu-link:hover {
        background: #08748F;
        color: #fff;
        border-color: #08748F;
    }

    .ys-fii-submit:hover {
        background: #08748F;
    }

    .ynrl-link:hover {
        background: #08748F;
    }

    .pabu-wrap:hover::after {
        width: 100%;
        opacity: 1;
    }

    .pabu-wrap:hover .pabu-wrap-tit p {
        color: var(--vicolor);
    }

    .plbw-btn:hover img:nth-child(1) {
        opacity: 1;
    }

    .plbw-btn:hover img:nth-child(2) {
        opacity: 0;
    }

    .plbu-link:hover .plbu-link-tit .std-h5 {
        color: var(--vicolor);
    }

    .pcbu-link:hover .pcbu-link-ri-tit p {
        color: var(--vicolor);
    }

    .mod-top:hover {
        background: #08748F;
    }

    .mod-fot-top-ri a:hover {
        color: var(--vicolor) !important;
    }

    .mlwu-link:hover {
        border-color: var(--vicolor);
        background: var(--vicolor);
    }

    .hnrl-link:hover .hnrl-link-ri-info p {
        color: var(--vicolor);
    }

    .hacr-link:hover {
        background: #08748F;
        border-color: #08748F;
    }

    .hpbu-link:hover .hpbu-link-tit p {
        color: var(--vicolor);
    }

    .hqul-link:hover p {
        color: var(--vicolor);
    }

    .mod-link:hover {
        background: #08748F;
    }

    .hwrp-ul-li-link:hover {
        color: var(--vicolor);
    }

    .hwrp-ul-li-link:hover .hull-circl1 {
        stroke: var(--vicolor) !important;
    }

    .hwrp-ul-li-link:hover .hull-circl2 {
        fill: var(--vicolor) !important;
        stroke: var(--vicolor) !important;
    }

    /* leo-satrt */
    /* d2 */
    .ccbb-ule-le-al:hover {
        background-color: var(--vicolor);
    }

    .ccbb-ule-le-al:hover .cula-box-tit {
        border-bottom: 1px solid rgba(223, 227, 234, 0.2);
    }

    .ccbb-ule-le-al:hover .cula-box-tit p {
        color: var(--color4);
    }

    .ccbb-ule-le-al:hover .cula-box-bot-left {
        color: var(--color4);
    }

    .ccbb-page .comp-tabli li:hover {
        background-color: var(--vicolor);
        color: #fff;
    }

    .ccbb-ule-le:hover .cbbr-white {
        opacity: 1;
    }

    .ccbt-box-cion:hover {
        cursor: pointer;
    }

    .ccbb-top-right-pic:hover {
        cursor: pointer;
    }

    /* d2-2 */
    .ocbt-left-ule-le:hover .olul-al {
        background-color: var(--vicolor);
        border: 1px solid var(--vicolor);
        color: var(--color4);
    }

    .ocbu-le:hover .olba-pio {
        color: var(--vicolor);
    }

    /* f2 */
    .ncbu-le:hover .ncbu-le-al {
        border-bottom: 1px solid var(--vicolor);
    }

    /* f6 */
    .ocbt-right-icon:hover {
        cursor: pointer;
    }

    /* f7 */
    .dcbr-next-box-page a:hover {
        color: var(--vicolor);
    }

    .dpul-pro:hover {
        cursor: pointer;
    }

    /* d3 */

    .ccbr-tit-ule-le:hover .ctul-al-pic-par {
        color: var(--vicolor);
    }

    /* leo-end */
    .ciwb-li:hover {
        z-index: 10;
    }

    .ccbb-btm-info1 .plti-wrap:hover p {
        text-decoration: underline;
        color: #298DA6 !important;
    }

    .qull-btm-info:hover a {
        color: #298DA6;
        text-decoration: underline;
    }
    .ctul-li p a:hover {
        color: #298DA6;
        text-decoration: underline;
    }
}
    
    .qcbr-li {
    height: 100% !important;
}

.qcbr-li-wrap {
    height: 100%;
}
.qcbr-li-wrap img{
    width: auto !important;
    max-width: none !important;
    height: 100%;
}

.qcbr-li-wrap {
    transform: scale(0.8);
    transition: all 0.36s;
}

.qcbr-li {
    padding: 0 8px;
}

.qcbr-li.swiper-slide-active .qcbr-li-wrap{
     transform: scale(1);
}

.qcbr-li.swiper-slide-next .qcbr-li-wrap{
    transform: scale(0.8) translateX(24px);
}


}

.ccbb-btm-info1 .plti-wrap p {
    transition: all 0.36s;
}

.qlul-link-tit p {
    min-height: 3.5em;
}

.qlul-link {
    height: 100%;
}

.qcbl-li-info p {
    min-height: 8.75em;
}

.qcbl-li-info {
    margin-bottom: 18px;
}

.mod-fot-btm-le p a {
    color: rgba(56, 55, 55, 0.5);
}

.home-product-btm .hpbu-li {
    display: none;
}

.home-product-btm .hpbu-li:first-child {
    display: block;
}


.mc_tab_sortbtn {
    font-size: 14px !important;
}

.ys-pribanner {
    height: 400px !important;
}

.ys-ph-nav>li>ul>li:last-child>ul:last-child {
    border-bottom: none;
}

.dcbr-tit-ph {
    display: none;
}

.apppli-info {
    display: none;
}

a[href="javascript:void(0);"] {
    cursor: default;
}

.hatu-wrap-infoph {
    display: none;
}

.awrl-btm-li-lable p::after {
    left: auto;
    right: 0;
}

.head-nav-item-drop1 {
    border-top: 1px solid rgba(224, 228, 234, 0.30);
}

.ciwb-li-icon {
    position: relative;
    z-index: 1;
}

.ciwb-li-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #298DA6;
    animation: myfirst 3s linear infinite;
    width: 50%;
    height: 50%;
    opacity: 0.2;
    z-index: -1;
}

@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(0.1);
        opacity: .5;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.8);
        opacity: 0.3;
    }

    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

.ccbb-btm {
    margin-top: 25px;
}

.ccbb-btm .prbr-li-top .prbr-li-top-info p {
    line-height: 1.6;
}

.ccbb-btm .prbr-li-btm .prbr-li-top-info p {
    line-height: 1.4;
}

.ccbb-btm-info1 {
    width: 22%;
}

.ccbb-btm-info2 {
    width: 14.5%;
}

.ccbb-btm-info3 {
    width: 16%;
}

.ccbb-btm-info4 {
    width: 10.5%;
}

.ccbb-btm-info5 {
    width: 22%;
}

.ccbb-btm-info6 {
    width: 15%;
}

.ccbb-btm .prbr-li-btm-li:nth-child(odd) {
    background: #F7F8FA;
}

.ccbb-btm .prbr-li-btm-li:nth-child(even) {
    background: #fff;
}

.ccbb-btm .prbr-li-btm {
    border: 1px solid #DFE3EA;
}

.qull-btm-info a {
    color: #666;
}

.qdrl-tit  .qull-btm-info {
    margin-top: 10px;
}

.mc_tab_sortbtn::before {
    width: 12px !important;
    height:15px !important;
    background: url(../images/paixu.svg) center / cover no-repeat !important;
    transform:none  !important;
    opacity: 1 !important;
    top: auto !important;
}

.mc_table_hd_box .mc_tab_th:hover .mc_tab_sortbtn::before{
    background: url(../images/paixuh.svg) center / cover no-repeat !important;
}

.mc_table_hd_box .mc_tab_th.desc .mc_tab_sortbtn::before {
        background: url(../images/paixuh1.svg) center / cover no-repeat !important;
}

.mc_table_hd_box .mc_tab_th.asc .mc_tab_sortbtn::before {
        background: url(../images/paixuh2.svg) center / cover no-repeat !important;
}


.mc_tab_sortbtn::before {
    right: -8px !important;
}

.mtnb_core {
    padding: 11px 20px 11px 0 !important;
}

.mc_tab_td:not(.mc_tab_td0) {
    padding: 8px 16px !important;
}

.partic-parame .ys-nybanner-info{
    display: none;
}

.develo-sustain-le-info .std-h4 {
    font-size: calc(var(--font32) - 6px);
}



.ys-share-qrcode {
    width: 110px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    display: none;
    overflow: hidden;
    padding: 4px;
}
.ys-share-qrcode img{
    width: 100%;
}

.ys-share-hover {
    position: relative;
}

.query-distribu-ri-info {
    margin-bottom: 30px;
}

.query-distribu-ri-info p{
    color: #666666;
}

.query-distribu-ri-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--jianju2);;
}