﻿@charset "utf-8";

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

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

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



@font-face {
    font-family: "Poppins-Regular";
    src: url("../fonts/Poppins-Regular/poppins-regular-webfont.woff2") format("woff2"),
        url("../fonts/Poppins-Regular/poppins-regular-webfont.woff") format("woff"),
}


@font-face {
    font-family: "Poppins-Light";
    src: url("../fonts/PoppinsLight/PoppinsLight.woff2") format("woff2"),
        url("../fonts/PoppinsLight/PoppinsLight.woff") format("woff"),
}

@font-face {
    font-family: "Poppins-Medium";
    src: url("../fonts/PoppinsMedium/PoppinsMedium.woff2") format("woff2"),
        url("../fonts/PoppinsMedium/PoppinsMedium.woff") format("woff"),
}

/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
:root {
    /* 字号 */
    --font56: 56px;
    --font50: 50px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line13: 1.3;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --cl333: #333;
    --cl666: #666;
    --cl999: #999;
    --cl1515: #151515;
    --color4: #fff;
    --vicl1: #152B55;
    --vicl2: #F6C613;
    --colorbj: ;
    /* 板块间距 */
    --space160: 160px;
    --space140: 140px;
    --space120: 120px;
    --space100: 100px;


    --space60: 60px;
    --space50: 50px;
    --space24: 24px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --bold: '';
    /* 圆角 */
    --radius1: 20px;
}

.std-h1,
.std-h1 p {
    font-size: var(--font56);
    color: var(--cl1515);
    line-height: var(--line15);
}

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

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

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

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

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


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

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

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

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

.std-padds {
    padding-top: var(--space160);
    padding-bottom: var(--space160);
}

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

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

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

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

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

.std-mar2 {
    margin-bottom: var(--space24);
}

.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) !important;
    white-space: nowrap;
}

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

.yxnav-active2 {}

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

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

/* 过渡 */
.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 */

.mod-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(21, 43, 85, 0.1);
}

.head-logo {
    width: 160px;
    line-height: 130px;
}

.head-right-top {
    display: flex;
    justify-content: flex-end;
    padding-top: 18px;
    position: relative;
    z-index: 10;
}

.hrtu-wrap-link {
    font-size: 14px;
    line-height: 1.4;
    color: #40444E;
    transition: all 0.36s;
    display: flex;
    align-items: center;
    position: relative;
    padding: 6px 23px;
}

.hrtu-wrap-link img {
    width: 14px;
    display: none;
    margin-left: 8px;
    transition: all 0.36s;
}

.head-right-top-ul {
    display: flex;
    flex-wrap: wrap;
    padding-right: 19px;
}

.hrtu-li {
    margin-right: 10px;
    position: relative;
}

.hrtu-wrap-link::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 43, 85, 0.1);
    transition: all 0.36s;
    border-radius: 50px;
    opacity: 0;
}

.hrtu-li.yxnav-active1 .hrtu-wrap-link::after {
    opacity: 1;
}

.hrtu-li.is-arr .hrtu-wrap-link img {
    display: block;
}

.head-other-lange a {
    font-size: 16px;
    line-height: 1.4;
    color: #151515;
}

.head-other-lange {
    margin-left: 29px;
    padding-left: 29px;
    position: relative;
}

.head-other-lange::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: rgba(21, 21, 21, 0.2);
    left: 0;
}

.head-other-sear-icon {
    width: 17px;
    cursor: pointer;
}

.head-other-sear-icon img {
    width: 100%;
}

.head-nav-item-title {
    font-size: 16px;
    line-height: var(--headh);
    color: #151515;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 19px;
    white-space: nowrap;
}

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

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

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

.head-nav-item-title img {
    width: 14px;
    margin-left: 8px;
    display: none;
    transition: all 0.36s;
}

.head-nav-item.is-arr .head-nav-item-title img {
    display: block;
}

.head-right-btm {
    display: flex;
    align-items: center;
}

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

.hrbo-phone-link p {
    font-weight: bold;
    color: #152B55;
    padding-left: 8px;
}

.hrbo-phone-link img {
    width: 34px;
}

.hrbo-more-link {
    font-size: 16px;
    line-height: 1.4;
    color: #152B55;
    padding: 8px 22px;
    display: block;
    background: #F6C613;
    border-radius: 38px;
}

.head-right-btm-other {
    display: flex;
    align-items: center;
}

.hrbo-more {
    margin-left: 46px;
}

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

.ys-bandots-container {
    display: flex;
    justify-content: center;
}

.ys-bandots-li {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
}

.ys-bandots-li {
    margin: 0 8px;
}

.ys-bandots-li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid rgba(21, 43, 85, 0.5);
    transition: all 0.36s;
    opacity: 0;
    box-sizing: border-box;
}

.ys-bandots-li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: rgba(21, 43, 85, 0.5);
    border-radius: 50%;
}

.ys-bandots-li svg {
    fill: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.ys-bandots-li.act svg {
    opacity: 1;
}

.ys-bandots-li.act::before {
    opacity: 1;
}

.ys-bandots-li.act::after {
    opacity: 0;
}

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

.ys-banner-wrap-tit {
    color: #151515;
    font-weight: bold;
    margin-bottom: 60px;
}

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

.ys-banner-wrap-info {
    margin-bottom: 48px;
}

.ybwm-more {
    display: flex;
    align-items: center;
    border: 1px solid #F6C613;
    background: #F6C613;
    border-radius: 50px;
    padding: 12px 30px;
    transition: all 0.36s;
}

.ybwm-more svg {
    width: 24px;
    margin-left: 10px;
}

.ybwm-more svg path {
    transition: all 0.36s;
}

.ybwm-more span {
    color: #152B55;
    line-height: 1.5;
    transition: all 0.36s;
}

.ys-banner-wrap-more {
    display: flex;
}

.ybwm-more2 {
    border-color: #152B55;
    background: transparent;
}

.ys-banner-wrap-more .ybwm-more {
    margin-right: 16px;
}

.home-logo {
    width: 100%;
    background: #152B55;
    border-radius: 80px 30px 0 0;
    padding-top: 70px;
    padding-bottom: 140px;
}

.home-logo-ul-li {
    width: 12.5%;
    padding: 0 30px;
}

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

.home-digiti {
    width: 100%;
    position: relative;
    background: #F5F6F9;
    margin-top: -90px;
    z-index: 10;
}

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

.home-digiti-le {
    width: 25.5%;
}

.home-digiti-le-tit .std-h3 {
    color: #151515;
    line-height: 1.5;
    font-weight: bold;
}

.home-digiti-le-info p {
    color: #40444E;
    line-height: 1.75;
    margin-bottom: 16px;
}

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

.home-digiti-le-tit {
    margin-bottom: 42px;
}

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

.home-digiti-le-info {
    margin-bottom: 47px;
}

.home-digiti-ri {
    width: 74.5%;
    position: relative;
}

.home-solutio {
    width: 100%;
    position: relative;
    background: #F5F6F9;
    padding-top: 50px !important;
}

.home-solutio-top {
    width: 100%;
    text-align: center;
}

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

.home-solutio-top-tit .std-h3 {
    color: #151515;
    line-height: 1.5;
    font-weight: bold;
}

.home-solutio-top-tit {
    margin-bottom: 21px;
}

.home-solutio-top-info p {
    color: #40444E;
}

.hsbu-li {
    width: 100%;
    padding: 0 14px;
    display: none;
    pointer-events: none;
}

.hsbu-li.slick-current {
    pointer-events: all;
}

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

.home-solutio-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.hsbu-wrap {
    width: 100%;
    height: 100%;
    transition: all 0.36s;
    opacity: 0.5;
    position: relative;
    border: 16px solid #ECEEF4;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 33, 67, 0.06) inset;
}

.hsbu-li.slick-current .hsbu-wrap {
    opacity: 1;
}

.hsbu-wrap-top {
    width: 100%;
    padding: 69px 94px 42px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.hsbu-wrap-top-le {
    padding-left: 30px;
    width: 35%;
}

.hwtl-tit .std-h5 {
    color: #152B55;
    line-height: 1.5;
    font-weight: bold;
}

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

.hwtl-info p {
    color: #40444E;
    line-height: 1.75;
}

.hwtl-info {
    margin-bottom: 24px;
}

.hwtl-list p {
    color: #666666;
    line-height: 1.75;
    position: relative;
    padding-left: 8px;
}

.hwtl-list p::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #666;
    border-radius: 50%;
}

.hwtl-list {
    margin-bottom: 44px;
}

.hsbu-wrap-btm {
    width: 100%;
    border-top: 1px solid rgba(21, 43, 85, 0.2);
    padding: 30px 80px;
}

.home-digiti-ri-wrap {
    width: 100%;
    position: relative;
    z-index: 14;
}

.home-digiti-ri-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12;
}

.home-digiti-ri-wrap video {
    background: transparent;
}

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

.hwbu-li .ys-imgbox-cover img {
    object-fit: cover;
}

.hwbu-li {
    width: 14.28571%;
    padding: 10px 0;
}

.hsbu-wrap-btm-ul {
    display: flex;
    flex-wrap: wrap;
}

.home-solutio-btm-ul .slick-list {
    overflow: visible !important;
}

.home-case {
    width: 100%;
    position: relative;
    background: #F5F6F9;
    padding-top: 0 !important;
}

.home-case .home-solutio-top-tit {
    margin-bottom: 0 !important;
}

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

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

.slick-dots li {
    width: 30px;
    height: 2px;
    background: rgba(21, 43, 85, 0.5);
    border-radius: 0px;
}

.slick-dots li.slick-active {
    background: rgba(21, 43, 85, 1);
}

.home-case-btm-option {
    width: 100%;
    border-top: 1px solid rgba(21, 43, 85, 0.2);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.hcbo-li {
    width: 25%;
    display: none;
    border-right: 1px solid rgba(21, 43, 85, 0.2);
}

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

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

.hcbo-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.36s;
}

.hcbo-wrap-img {
    height: 60px;
}

.hcbo-wrap-img {
    height: 40px;
}

.hcbo-wrap-img img {
    height: 100%;
    width: auto;
    max-width: none;
}

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

.hcbo-wrap-tit {
    padding-left: 73px;
}

.home-case-btm-swiper {
    width: 100%;
}

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

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

.hcbs-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 40px;
    background: #ECEEF4;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 85px 110px;
}

.hcbs-wrap-le {
    width: 30%;
}

.hcbs-wrap-le-logo {
    height: 62px;
    margin-bottom: 33px;
}

.hcbs-wrap-le-logo img {
    height: 100%;
    max-width: auto;
}

.hcbs-wrap-le-tit .std-h5 {
    color: #151515;
    line-height: 1.5;
    font-weight: bold;
}

.hcbs-wrap-le-info p {
    color: #40444E;
    line-height: 1.75;
}

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

.hcbs-wrap-le-info {
    margin-bottom: 80px;
}

.hwlm-link {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.hwlm-link span {
    color: #152B55;
    line-height: 1.5;
    transition: all 0.36s;
}

.hwlm-link svg {
    width: 24px;
    margin-left: 10px;
}

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

.hcbs-wrap-ri-info p {
    color: #666666;
    line-height: 1.75;
}

.hcbs-wrap-ri {
    width: 66.5%;
}

.hcbs-wrap-ri-info {
    width: 100%;
    padding-bottom: 45px;
    margin-bottom: 64px;
    border-bottom: 1px solid rgba(21, 43, 85, 0.2);
}

.hcbs-wrap-ri-ul {
    width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}

.hwru-li {
    border-left: 4px solid #F6C613;
    padding-left: 18px;
    padding-right: 18px;
    min-width: 23%;
}

.hwru-li-num {
    margin-bottom: 10px;
}

.hwru-li-num .std-h4 {
    color: #152B55;
    line-height: 1.6;
    font-weight: 600;
}

.hwru-li-info p {
    color: #40444E;
    line-height: 1.75;
}

.hcbo-li.slick-current .hcbo-wrap {
    opacity: 1;
}

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

.hcbp-btn {
    width: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hcbp-le {
    transform: translateY(-50%) rotate(180deg);
    left: -100px;
}

.hcbp-ri {
    right: -100px;
}

.hcbp-btn img:nth-child(2) {
    opacity: 0;
}

.home-team {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 0 !important;
}

.home-team::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(180deg, #F5F6F9 0%, #FFF 100%);
}

.home-team-bg {
    width: 110%;
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.home-team-wrap {
    width: 100%;
    position: relative;
    padding-left: 50px;
    padding-right: 66px;
    z-index: 1;
}

.home-team-top {
    width: 600px;
    position: relative;
    margin: 0 auto;
    height: 214px;
    margin-bottom: 32px;
}

.home-team-top-img {
    position: absolute;
}

.home-team-top-img .ys-imgbox-cover {
    border-radius: 50%;
}

.home-team-top img {
    width: 100%;
}

.home-team-top-img1 {
    width: 10.5%;
    position: absolute;
    top: 33%;
    left: 0%;
}

.home-team-top-img2 {
    width: 20.5%;
    position: absolute;
    top: 42%;
    left: 15%;
}

.home-team-top-img3 {
    width: 13.5%;
    position: absolute;
    top: 0%;
    left: 37%;
}

.home-team-top-img4 {
    width: 23.5%;
    position: absolute;
    top: 34%;
    left: 56%;
    z-index: 10;
}

.home-team-top-img5 {
    width: 13.5%;
    position: absolute;
    top: 15%;
    left: 73%;
}

.home-team-top-img6 {
    width: 10%;
    position: absolute;
    top: 56%;
    left: 90%;
}

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

.home-team-btm-ul {
    width: 100%;
}

.htbu-li {
    width: 100%;
    padding-top: 38px;
    padding-bottom: 45px;
    display: none;
}

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

.htbu-li-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}

.htbu-li-wrap-le {
    width: 144px;
    position: relative;
}

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

.htbu-li-wrap-ri {
    width: calc(100% - 144px);
    padding-left: 106px;
    position: relative;
}

.hlwr-wrap p {
    color: #40444E;
    line-height: 1.75;
}

.htbu-desz {
    width: 62px;
    position: absolute;
}

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

.htbu-desz1 {
    top: -38px;
    left: 50px;
}

.htbu-desz2 {
    bottom: -45px;
    right: 0;
}

.home-team-btm-ul .slick-dots {
    position: relative;
    margin-top: 16px;
    bottom: auto;
}

.home-team-btm-more {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.home-team-btm-more .ybwm-more {
    margin: 0 8px;
}

.ys-hd-pc {
    transition: all 0s;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mod-hd {
    width: 100%;
    position: relative;
    transition: all 0.36s;
}

.ys-hd-pc.isfixed .mod-hd,
.ys-hd-pc.ishover .mod-hd {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

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

.home-value {
    width: 100%;
    overflow: visible !important;
    position: relative;
    height: 300vh;
}

.home-value-warp {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    height: 100vh;
    top: 0;
    left: 0;
}

.home-value-top {
    background: #F5F6F9;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 5;
    transition: all 0.36s;
}

.home-value-top-wrap {
    width: 814px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    position: relative;
    z-index: 10;
}

.hvtw-tit-info {
    color: #152B55;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    font-size: calc(var(--font50) - 2px);
}

.hvtw-tit {
    margin-bottom: 56px;
    transition: all 0.36s;
}

.hvtw-logo {
    margin: 0 auto;
    width: 210px;
    margin-bottom: 46px;
}

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

.hvtw-info p {
    color: #666666;
    line-height: 1.75;
}

.hvtw-info {
    margin-bottom: 55px;
    transition: all 0.36s;
}

.hvtw-more {
    display: flex;
    justify-content: center;
    transition: all 0.36s;
}

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

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

.home-value-btm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    z-index: 2;
}

.home-value-btm-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

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

.home-value-btm .ys-cont1400 {
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.hvbi-tit .std-h3 {
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
}

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

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

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

.hvbi-subin p {
    color: #fff;
    line-height: 1.75;
}

.home-value-btm-info {
    width: 45%;
}

.hvbi-more {
    display: flex;
}

.hvbi-subin {
    margin-bottom: 60px;
}

.home-value-btm-digit {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 72px;
    margin-top: 117px;
}

.hvbd-li-top p {
    color: #fff;
    font-weight: bold;
}

.hvbd-li-top-sp {
    color: #fff;
    line-height: 1.5;
    font-size: calc(var(--font50) - 2px);
}

.hvbd-li-btm p {
    color: #fff;
    line-height: 1.75;
}

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

.hvbd-li {
    width: 25%;
    padding-right: 20px;
}

.home-partne {
    width: 100%;
    position: relative;
    background: #f5f6f9;
}

.home-partne-tit .std-h3 {
    color: #151515;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}

.hpou-li p {
    color: #152B55;
    line-height: 1.5;
    position: relative;
    z-index: 10;
}

.home-partne-option-ul {
    width: 100%;
    position: relative;
    z-index: 5;
}

.home-partne-option-ul::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    border-radius: 40px;
    background: #ECEEF4;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    height: calc(100% - 28px);
    z-index: -1;
}

.hpou-li {
    width: 8.333333%;
    padding: 10px 10px;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: none;
}

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

.hpou-li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: calc(100% + 16px);
    border-radius: 38px;
    background: #152B55;
    transition: all 0.36s;
    opacity: 0;
}

.hpou-li.slick-current::after {
    opacity: 1;
}

.hpou-li.slick-current p {
    color: #fff;
}

.home-partne-option {
    margin-bottom: 40px;
}

.hpos-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.hpos-li {
    width: 25%;
    padding: 0 14px;
    display: none;
}

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

.hpos-li-wrap {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 0px 10px 0 rgba(0, 33, 67, 0.10);
}

.hpos-list {
    width: 100%;
    position: relative;
    display: none;
}

.hpos-list:first-child {
    display: block;
}

.hpos-list .slick-list {
    padding-top: 15px;
    padding-bottom: 15px;
}

.home-partne-option-swip>.slick-list {
    overflow: visible !important;
}

.home-partne-option-ul .slick-list {
    padding-top: 14px;
    padding-bottom: 14px;
}

.home-efficie {
    width: 100%;
    position: relative;
    background: #f5f6f9;
}

.home-efficie-top {
    width: 100%;
    position: relative;
    text-align: center;
}

.home-efficie-top-tit .std-h3 {
    color: #151515;
    line-height: 1.5;
    font-weight: bold;
}

.home-efficie-top-more {
    display: flex;
    justify-content: center;
}

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

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

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

.home-authen {
    width: 100%;
    position: relative;
    z-index: 5;
    margin-top: -380px;
    border-top: 1px solid rgba(21, 43, 85, 0.20);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 0%, rgba(245, 246, 249, 0.60) 100%);
    backdrop-filter: blur(25px);
}

.home-authen-tit {
    text-align: center;
}

.home-authen-tit .std-h3 {
    text-align: center;
    color: #151515;
    line-height: 1.5;
    font-weight: bold;
}

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

.habu-li {
    width: 25%;
    padding: 0 14px;
    display: none;
}

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

.habu-wrap {
    width: 100%;
    position: relative;
    padding: 0 68px;
}

.habu-wrap-desz {
    width: 100%;
    position: absolute;
    top: -12px;
    left: 0;
}

.habu-wrap-desz img {
    width: 100%;
}

.habu-wrap-logo {
    width: 56px;
    margin: 0 auto;
    margin-bottom: 19px;
}

.habu-wrap-info p {
    color: #40444E;
    line-height: 1.75;
}

.habu-wrap-info {
    text-align: center;
}

.home-authen-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.home-authen-wrap {
    width: 100%;
    border-bottom: 1px solid rgba(21, 43, 85, 0.2);
    padding-bottom: 93px;
}

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

.home-news-btm-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.hnbu-li {
    width: 33.333333%;
    padding: 0 14px;
    margin-bottom: 60px;
}

.home-news .hnbu-li {
    margin-bottom: 0 !important;
}

.hnbu-link {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: var(--radius1);
    background: #FFF;
    box-shadow: 0 0px 6px 0 rgba(0, 33, 67, 0.10);
    overflow: hidden;
}

.hnbu-link-btm {
    width: 100%;
    padding: 40px 30px 23px;
}

.hnbu-link-btm-tit p {
    color: #152B55;
    line-height: 1.75;
    font-weight: bold;
    transition: all 0.36s;
    height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hnbu-link-btm-tit {
    padding-bottom: 34px;
    margin-bottom: 23px;
    width: 100%;
    border-bottom: 1px solid #D4D5D8;
}

.hlbt-iocn {
    width: 24px;
}

.hnbu-link-btm-time {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hnbu-link-btm-time p {
    color: #152B55;
    line-height: 1.5;
}

.hlbt-iocn img {
    transform: scale(1) !important;
}

.hlbt-iocn img:nth-child(2) {
    opacity: 0;
}

.home-authen-btm-ul .slick-track {
    width: 100%;
}

.home-news {
    width: 100%;
    background: #F5F6F9;
    padding-top: 0 !important;
}

.home-main {
    background: #F5F6F9;
}

.home-news .hnbu-li {
    display: none;
}

.home-news .hnbu-li:first-child {
    display: block;
}

.home-news-btm-ul .slick-list {
    padding-bottom: 10px;
}

.home-brand {
    width: 100%;
    position: relative;
    background: #F5F6F9;
}

.home-brand-logo {
    width: 62px;
    border-radius: 16px;
    margin: 0 auto;
    margin-bottom: 46px;
    overflow: hidden;
}

.home-brand-tit {
    text-align: center;
    margin-bottom: 46px;
}

.home-brand-tit .std-h3 {
    font-weight: bold;
    color: #151515;
    line-height: 1.5;
}

.home-brand-more {
    display: flex;
    justify-content: center;
}

.home-brand-img {
    width: 100%;
    margin-top: -150px;
}

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

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

.ys-footer {
    width: 100%;
    border-radius: 60px 60px 0 0;
    background: #152B55;
    padding-top: 100px;
}

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

.mftl-logo {
    width: 152px;
    display: block;
    margin-bottom: 66px;
}

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

.mftl-num-info p {
    color: #fff;
    line-height: 1.4;
}

.mftl-num-phone .std-tit20 {
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
}

.mftl-num-info {
    margin-bottom: 6px;
}

.mftl-num {
    margin-bottom: 56px;
}

.mftl-code {
    display: flex;
    flex-wrap: wrap;
}

.mftl-code-li {
    width: 90px;
    text-align: center;
    margin-right: 30px;
}

.mftl-code-li:last-child {
    margin-right: 0;
}

.mftl-code-li-info p {
    color: #fff;
    line-height: 1.4;
}

.mftl-code-li-info {
    margin-top: 8px;
}

.mod-fot-top-le {
    width: 21%;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-right: 20px;
}

.mod-fot-top-ri {
    width: 79%;
    padding-left: 80px;
    padding-right: 54px;
}

.mod-fot-top-ri>ul>li>ul>li a {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.36s;
    font-weight: 290;
}

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

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

.mod-fot-top-ri>ul>li>ul:last-child,
.mod-fot-top-ri>ul>li>ul>li:last-child {
    margin-bottom: 0 !important;
}

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

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

.mod-fot-btm {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 46px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
}

.mod-fot-btm-ri,
.mod-fot-btm-ri a {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.5;
    font-size: 14px;
}

.mod-fot-btm-ri a {
    margin: 0 10px;
}

.mod-fot-btm-ri a:last-child {
    margin-right: 0 !important;
}

.mod-fot-btm-le p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 1.5;
}

.mod-fot-btm-le p a {
    color: rgba(255, 255, 255, 0.5);
}

.mod-fot-btm-le img {
    width: 20px;
    margin-right: 8px;
}

.mod-fot-btm-le a {
    margin-left: 8px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.mod-fot-btm-le p {
    display: flex;
    align-items: center;
}

.ybwm-more-icon {
    width: 24px;
    margin-left: 10px;
}

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

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

.head-nav-item-pop1 {
    position: fixed;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
}

.hnid-wrap {
    width: 100%;
    position: relative;
    border-radius: 32px;
    background: #FFF;
    box-shadow: 0 2px 6px 0 rgba(0, 33, 67, 0.10);
    padding: 60px 30px;
}

.hwlt-link {
    display: flex;
    align-items: center;
    padding-left: 16px;
}

.hwlt-link p {
    color: #151515;
    line-height: 1.4;
    font-weight: bold;
}

.hwlt-link img {
    width: 22px;
    margin-left: 16px;
    opacity: 0;
    transition: all 0.36s;
}

.hnid-wrap-li {
    width: 18%;
    border-right: 1px solid rgba(21, 43, 85, 0.1);
}

.hnid-wrap-li-tit {
    margin-bottom: 14px;
}

.hwlu-li-wrap {
    margin-bottom: 2px;
}

.hwlu-li {
    width: 100%;
}

.hwlu-li-wrap-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 8px;
    transition: all 0.36s;
    justify-content: space-between;
}

.hwlu-li-wrap-link p {
    color: #40444E;
    line-height: 1.4;
    transition: all 0.36s;
}

.hwlu-li-wrap-link img {
    width: 24px;
    margin-left: 10px;
    transition: all 0.36s;
    opacity: 0;
}

.hwlu-li-wrap.yxnav-active2 .hwlu-li-wrap-link,
.hwlu-li-wrap.yxnav-active3 .hwlu-li-wrap-link {
    background: #F5F6F9;
}

.hwlu-li-wrap.yxnav-active2 img,
.hwlu-li-wrap.yxnav-active3 img {
    opacity: 1;
}

.hwlu-li-wrap.yxnav-active2 p,
.hwlu-li-wrap.yxnav-active3 p {
    color: #152B55;
}

.hnid-wrap-li-tit.yxnav-active2 .hwlt-link img {
    opacity: 1;
}

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

.hnid-wrap-li:last-child {
    width: 28%;
    border: none;
}

.hnid-wrap-li {
    padding: 0 20px;
}

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

.hnid-wrap-more {
    padding-left: 36px;
    margin-top: 60px;
}

.hnid-wrap-more-link {
    display: flex;
    align-items: center;
}

.hnid-wrap-more-link p {
    color: #152B55;
    line-height: 1.5;
}

.hnid-wrap-more-link img {
    width: 24px;
    margin-left: 10px;
}


.head-nav-item-pop4,
.head-nav-item-pop3,
.head-nav-item-pop2 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.hnip-cont-ri {
    width: 254px;
    border-radius: var(--radius1);
    background: #F5F6F9;
    overflow: hidden;
    display: block;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    margin-right: 30px;
}

.hnip-cont-ri-btm {
    width: 100%;
    position: relative;
    padding: 20px;
}

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

.hcrb-info {
    margin-bottom: 36px;
}

.hnip-cont {
    width: 100%;
    padding: 40px 30px;
    border-radius: 32px;
    background: #FFF;
    display: flex;
    box-shadow: 0 2px 6px 0 rgba(0, 33, 67, 0.10);
}

.hnip-cont-le .hwlu-li {
    width: 250px;
    border-right: 1px solid rgba(21, 43, 85, 0.1);
    padding: 0 40px;
}

.hnip-cont-le .hwlu-li:first-child {
    padding-left: 25px;
}

.hnip-cont-le .hwlu-li:last-child {
    border: none;
}

.head-nav-item-pop3 .hwlu-li-wrap p {
    white-space: nowrap;
}

.head-nav-item-pop3 .hwlu-li-wrap img {
    flex: none;
}

.head-nav-item-pop3 .hnid-wrap-li-ul {
    border-radius: 32px;
    background: #FFF;
    padding: 30px;
    box-shadow: 0 2px 6px 0 rgba(0, 33, 67, 0.10);
}

.head-nav-item-pop3 .hwlu-li-wrap:last-child {
    margin-bottom: 0 !important;
}

.head-nav-item-pop4 .hnip-cont-le-ul {
    display: flex;
    flex-wrap: wrap;
}

.head-nav-item-pop4 .hclu-lio:nth-child(2) {
    border: none;
}

.head-nav-item-pop4 .hclu-lio:nth-child(3) {
    margin-top: 15px;
}

.head-nav-item-pop4 {
    min-width: 510px;
}

.head-nav-item-pop4 .hclu-lio {
    border-right: 1px solid rgba(21, 43, 85, 0.1);
}

.head-nav-item-pop4 .hclu-lio:last-child {
    border: none;
}

.head-nav-item-pop4 .hnip-cont-le .hwlu-li {
    width: 224px;
    padding: 0 34px;
}

.head-nav-item-pop4 .hnip-cont-le .hwlu-li:first-child {
    padding-left: 15px;
}

.head-nav-item-pop4 .hwlt-link {
    padding-left: 30px;
}

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

.head-nav-item-pop3 {
    min-width: 240px;
}

.head-nav {
    padding-right: 5px;
}

.head-other-sear {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.head-search-pull {
    position: fixed;
    top: 130px;
    left: 0;
    width: 100%;
    background: #fff;
    height: 0;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 4%);
    overflow: hidden;
    transition: height 200ms cubic-bezier(.4, 0, .6, 1);
}

.head-search-pull-wrap {
    max-width: 1024px;
    margin: auto;
    padding: 32px 22px 80px;
}

.hspw-tp {
    display: flex;
    align-items: center;
}

.hspw-tp-icon {
    width: 26px;
    cursor: pointer;
    margin-top: -2px;
}

.hspw-tp-icon img {
    width: 100%;
}

.hspw-tp-input {
    width: calc(100% - 32px - 32px);
    height: 40px;
    padding-left: 5px;
}

.hspw-tp-input input {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    font-size: 20px;
    color: #333;
    font-size: 24px;
}

.hspw-tp-close {
    width: 32px;
    height: 32px;
    position: relative;
    cursor: pointer;
}

.hspw-tp-close-btn {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgb(110, 110, 115);
    position: relative;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    transition: opacity .32s cubic-bezier(.4, 0, .6, 1), fill .32s cubic-bezier(.4, 0, .6, 1), visibility .32s step-end;
}

.hspw-tp-close-btn img {
    width: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hspw-bt {
    margin-top: 32px;
}

.hspw-bt-parga {
    margin-bottom: 20px;
}

.hspw-bt-parga p {
    font-size: 14px;
    line-height: 1.75;
    transition: all .36s;
    color: #999;
}

.hspw-bt-list li {
    margin-bottom: 5px;
}

.hspw-bt-list li a {
    display: flex;
}

.hspw-bt-list a {
    font-size: 14px;
    display: block;
    line-height: 1.75;
    transition: all .36s;
    color: #232323;
}

.hspw-bt-list li img {
    width: 20px;
}

.hspw-bt-list li p {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding-left: 10px;
}

.hspw-tp-input input::placeholder {
    color: #666;
}

.hspw-tp-close.active .hspw-tp-close-btn {
    opacity: 1;
    visibility: visible;
    transition: opacity .32s cubic-bezier(.4, 0, .6, 1), fill .32s cubic-bezier(.4, 0, .6, 1), visibility .32s step-start;
}

@keyframes globalnav-search-input-intro {
    0% {
        opacity: 0;
        transform: translateY(-4px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.head-other-sear.act .hspw-tp {
    animation: globalnav-search-input-intro .24s cubic-bezier(.4, 0, .6, 1) .2s both;
}

.head-other-sear.act .hspw-bt-parga {
    animation: globalnav-search-input-intro .32s both normal cubic-bezier(.4, 0, .6, 1) .2s;
}

.head-other-sear.act .hspw-bt-list li {
    animation: globalnav-search-input-intro .32s both normal cubic-bezier(.4, 0, .6, 1) calc(.2s + 50ms * var(--item-number));
}

.mod-side {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -100px;
    z-index: 99;
    transition: all 0.36s;
}

.mod-side.on {
    right: 16px;
}

.mod-side-ul {
    width: 54px;
    border-radius: 40px;
    background: #ECEEF4;
    box-shadow: 0 2px 6px 0 rgba(0, 33, 67, 0.06) inset;
    padding-top: 35px;
}

.mod-side-ul-li {
    width: 100%;
    padding: 16px 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(21, 43, 85, 0.1);
    position: relative;
}

.msul-wrap img {
    width: 30px;
    margin: 0 auto;
    margin-bottom: 2px;
    display: block;
}

.msul-wrap p {
    color: #152B55;
    line-height: 1.5;
    text-align: center;
    font-size: 14px;
}

.mod-side-img {
    width: 68px;
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
}

.mod-side-img img {
    width: 100%;
}

.mod-side-ul-li4 {
    border-bottom: none;
}

.mod-side-ul-li4 {
    padding-bottom: 29px;
}

.msul-aside {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    height: 100%;
    font-size: 16px;
    line-height: 45px;
    font-weight: bold;
    color: #152B55;
    background: #ECEEF4;
    padding: 7px 25px;
    white-space: nowrap;
    transform: translateX(100%);
    transition: all .6s;
    opacity: 0;
    pointer-events: none;
}

.msul-aside img {
    width: 22px;
    margin-right: 10px;
    flex: none;
}

.msul-aside span {
    white-space: nowrap;
    vertical-align: middle;
    color: #152B55;
    font-weight: bold;
    flex: none;
}

.msul-code {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    z-index: -1;
    background: #ECEEF4;
    padding: 20px 25px;
    opacity: 0;
    pointer-events: none;
    transition: all .6s;
}

.msul-code-img {
    width: 100px;
}

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

.home-value.on .hvtw-more,
.home-value.on .hvtw-info,
.home-value.on .hvtw-tit {
    opacity: 0;
}

.home-value.act .home-value-top {
    opacity: 0;
    pointer-events: none;
}

.securi-cephal {
    width: 100%;
    position: relative;
    overflow: visible;
}

.securi-cephal-tit .std-h2 {
    color: #333333;
    line-height: 1.75;
    text-align: center;
    font-weight: bold;
}

.securi-cephal-more {
    display: flex;
    justify-content: center;
}

.ys-page-wrap.act .ys-main {
    margin-top: 130px;
}

.securi-cephal-tit {
    margin-bottom: 47px;
}

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

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

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

.mod-bord-ul-li::after {
    content: '';
    position: absolute;
    top: 3px;
    left: -13px;
    background: url(../images/f1arrsvg.svg);
    background-size: 100% 100%;
    width: 7px;
    height: 12px;
    opacity: 0.5;
}

.mod-bord-ul-li {
    margin-right: 17px;
    position: relative;
}

.mod-bord-ul-li:last-child a {
    color: rgba(102, 102, 102, 1);
}

.mod-bord-ul-li:last-child::after {
    opacity: 1;
}

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

.securi-cephal-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 24%;
}

.securi-cephal-desz img {
    width: 100%;
}

.securi-cephal-desz1 {
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
}

.securi-cephal-desz1 img {
    width: 100%;
}

.securi-cephal>.ys-cont1400 {
    position: relative;
    z-index: 10;
}

.securi-secure {
    width: 100%;
    position: relative;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
}

/* .ys-page-wrap.act .mod-hd {
    background: #fff;
} */

.securi-secure-le {
    width: 220px;
    padding-left: 70px;
    z-index: 10;
    position: relative;
}

.securi-secure-ri {
    width: calc(100% - 220px);
}

.sslu-li p {
    color: #152B55;
    line-height: 1.5;
    font-weight: bold;
    transition: all 0.36s;
}

.sslu-li {
    cursor: pointer;
    margin: 30px 0;
    position: relative;
    padding-right: 50px;
}

.sslu-li-icon-img {
    width: 60px;
    height: 60px;
    border: 1px solid rgba(64, 68, 78, 0.20);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

.sslu-li-icon-img .ys-imgbox-cover {
    width: 32px;
}

.sslu-li-icon-desz {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    width: 52px;
}

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

.sslu-li-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -16px;
    opacity: 0;
    transition: all 0.36s;
}

.sslu-li.act p {
    color: #F6C613;
}

.sslu-li.act .sslu-li-icon {
    opacity: 1;
}

.securi-secure-ri-li {
    width: 100%;
    position: relative;
}

.securi-secure-ri-li1 {
    background: #ECEEF4;
}

.ssrl-wrap {
    width: 100%;
    position: relative;
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ssrl-wrap-le .std-h3 {
    color: #151515;
    font-weight: bold;
}

.ssrl-wrap-le {
    width: 30%;
    margin-top: 38px;
    position: sticky;
    position: -webkit-sticky;
    top: 140px;
}

.ssrl-wrap-ri {
    width: 65%;
}

.ssrl-wrap-ri-ul {
    width: 100%;
}

.swru-li {
    width: 100%;
    background: #FFF;
    padding: 50px 80px;
    margin-bottom: 4px;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
}

.swru-li-tit {
    margin-bottom: 24px;
}

.swru-li-tit .std-h5 {
    font-weight: bold;
    color: #151515;
}

.swru-li-btm p {
    color: #40444E;
    line-height: 1.5;
    padding-left: 23px;
    position: relative;
    margin-bottom: 14px;
}

.swru-li-btm p::after {
    content: '';
    position: absolute;
    top: -9px;
    left: -14px;
    width: 42px;
    height: 42px;
    background: url(../images/f1dots.svg);
    background-size: 100% 100%;
}

.swru-li:first-child {
    border-radius: var(--radius1) var(--radius1) 0 0;
}

.swru-li:last-child {
    border-radius: 0 0 var(--radius1) var(--radius1);
}

.ssrl-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

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


.securi-secure-ri-li2 {
    background: #F7F9FD;
}

.ssrl-wrap-ri-img {
    width: 68%;
    margin-bottom: 26px;
}

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

.swrb-li {
    width: 100%;
    padding: 34px 0 28px;
    border-bottom: 1px solid rgba(21, 43, 85, 0.2);
}

.swrb-li-tit .std-h5 {
    color: #151515;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
}

.swrb-li-tit .std-h5::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../images/f1dui.svg);
    background-size: 100% 100%;
}

.swrb-li-info p {
    color: #40444E;
    line-height: 1.75;
}

.swrb-li-tit {
    margin-bottom: 13px;
}

.securi-secure-ri-li3 .ssrl-wrap-le .std-h3 {
    color: #fff;
}

.ssrl-wrap-ri-system {
    width: 100%;
}

.swrs-firewa {
    width: 100%;
    background: #FFF;
    padding: 54px 77px;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
    margin-bottom: 4px;
}

.swrs-firewa-tit .std-h5 {
    color: #151515;
    line-height: 1.5;
    position: relative;
    padding-left: 23px;
    font-weight: bold;
}

.swrs-firewa-tit .std-h5::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 24px;
    background: #F6C613;
}

.swrs-firewa-tit {
    margin-bottom: 20px;
}

.swrs-firewa-info p {
    color: #40444E;
    line-height: 1.75;
}


.swrs-firewa:first-child {
    border-radius: var(--radius1) var(--radius1) 0 0;
}

.swrs-firewa:last-child {
    border-radius: 0 0 var(--radius1) var(--radius1);
}

.swrs-firewa-top-icon {
    width: 52px;
    flex: none;
}

.swrs-firewa-top-tit {
    padding-left: 45px;
    padding-top: 7px;
}

.swrs-firewa-top-tit .std-h5 {
    color: #151515;
    font-weight: bold;
}

.swrs-firewa-top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
}

.securi-secure-ri-li5 .ssrl-wrap-le .std-h3 {
    color: #fff;
}

.securi-secure-ri-li:first-child {
    border-radius: 140px 0 0 0;
}

.securi-secure-ri-li:last-child {
    border-radius: 0 0 0 140px;
}

.securi-page .ys-footer {
    border-top-right-radius: 0;
}

.securi-secure-le-ul {
    padding-top: 200px;
    padding-bottom: 200px;
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
}

.home-main .ys-main {
    background: #F7F9FD;
}

.hsbu-wrap-top-ri {
    width: 60%;
}

.home-main .ys-ban-li .ys-ban-txtbox {
    top: 55%;
}

.msul-aside {
    top: 50%;
    transform: translateY(-50%);
    height: 85%;
}

.hcbs-wrap-le-ph {
    display: none;
}

.ys-ban-li.slick-current .ys-banner-wrap-tit,
.ys-ban-li.slick-current .ys-banner-wrap-more,
.ys-ban-li.slick-current .ys-banner-wrap-info {
    animation: ysfadeInUp 1s ease-in-out both;
}

.home-value.act .hvbi-subin,
.home-value.act .hvbi-more,
.home-value.act .hvbi-info,
.home-value.act .home-value-btm-digit,
.home-value.act .hvbi-tit {
    animation: ysfadeInUp 0.6s ease-in-out both;
}


/* leo-start */
.serv-main .ys-main {
    background-color: var(--vicl1);
}

.serv-banner {
    position: relative;
    border-radius: 0 0 60px 60px;
    background: #F5F6F9;
    padding-bottom: 70px;
    position: relative;
    padding-top: 51px;
}

.serv-banner-box {

    align-items: center;
}

.serv-banner-box-le {
    width: 50%;
    position: relative;
    z-index: 10;
}

.serv-banner-box-ri {
    width: 42%;
    padding-right: 53px;
    position: relative;
}

.serv-banner-box-ri img:last-child {
    position: absolute;
    left: -23%;
    bottom: -23%;
}

.serv-banner-box-ri img {
    width: 100%;
}

.sbbl-pic-pic {
    width: 106px;
    margin-right: 28px;
}

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

.sbbl-pic-tit {
    font-size: var(--font20);
    color: var(--vicl1);
    font-weight: bold;
    line-height: var(--line175);
    margin-top: 14px;
}

.sbbl-pic {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.sbbl-tit {
    font-size: var(--font50);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line175);
    margin-bottom: 8px;
}

.sbbl-par,
.sbbl-par p {
    color: #40444E;
    font-size: var(--font16);
    line-height: var(--line175);
}

.sbbl-par {
    margin-bottom: 30px;
}

.sbbl-but {
    display: inline-block;
    margin-bottom: 44px;
}

.sgul-box-le {
    width: 16px;
    margin-right: 11px;
}

.sgul-box-le img {
    width: 100%;
}

.sgul-box-ri {
    font-size: var(--font16);
    line-height: var(--vicl1);
    color: #152B55;
}

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

.sbbl-guang-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    margin-bottom: -16px;
}

.sbbl-guang-ul-li {
    padding: 0 30px;
    margin-bottom: 16px;
}

.serv-banner-box-ri img {
    width: 100%;
}

.serv-banner-box {
    display: flex;
    justify-content: space-between;
}

.serv-list-tit {
    font-size: var(--font40);
    color: var(--color4);
    line-height: var(--line175);
    font-weight: bold;
    width: 66%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: var(--space60);
}

.serv-list {
    background: var(--vicl1);
    padding: var(--space160) 0;
    position: relative;
}

.serv-list-ul-li1,
.serv-list-ul-li3 {
    width: 27%;
    transform: translateY(79px);
}

.slul-box {
    padding: 40px;
    border-radius: 20px;
    background: #F2F7FF;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.slul-box-tit {
    color: var(--vicl1);
    font-size: var(--font24);
    line-height: var(--line175);
    font-weight: bold;
    margin-bottom: 16px;
}

.slul-box-text-tit {
    font-size: var(--font14);
    line-height: var(--line175);
    font-weight: bold;
    color: var(--cl1515);
    margin-bottom: 16px;
}

.slul-box-text-deito p {
    font-size: var(--font14);
    color: #40444E;
    line-height: var(--line175);
    margin-bottom: 10.5px;
}

.slul-box-text-deito {
    margin-bottom: 16px;
}

.sbtu-li p {
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--cl1515);
    padding: 7.5px 16px;
    border-radius: 22.5px;
    background: var(--vicl2);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.slul-box-text-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
    margin-bottom: -8px;
}

.sbtu-li {
    padding: 0 4px;
    margin-bottom: 8px;
}

.serv-list-ul-li2 {
    width: 35%;
}

.serv-list-ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.slul-box {
    width: 100%;
}

.serv-list-ul-li2 .slul-box:first-child {
    margin-bottom: 60px;
}

.serv-list-pic img:first-child {
    width: 861px;
}

.serv-list-pic img:last-child {
    width: 820px;
    height: 420px;
}

.serv-list-pic {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.serv-merit {
    width: 100%;
    border-radius: 60px 60px 0 0;
    background: #FFF;
    position: relative;
    overflow: visible !important;
    overflow: hidden;
}

.serv-merit-text-tit {
    font-size: 60px;
    color: var(--vicl1);
    font-weight: bold;
    line-height: var(--line175);
    margin-bottom: 4px;
}

.serv-merit-text-tit span {
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    color: var(--vicl2);
}

.serv-merit-text-cont {
    font-size: var(--font40);
    line-height: var(--line175);
    color: var(--cl1515);
    font-weight: bold;
    margin-bottom: var(--space24);
}

.serv-merit-text-par,
.serv-merit-text-par p {
    font-size: var(--font16);
    color: #40444E;
    line-height: var(--line175);

}

.serv-merit-text {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
}

.serv-merit-text-sticky {
    position: sticky !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.smts-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 704px;
    max-width: 100%;
}

.serv-merit-cont {
    padding: 0 10px 0 55px;
    padding-bottom: 70vh;
}

.smcu-li-box {
    padding: 60px 45px 74px 45px;
    border-radius: 16px;
    border: 1px solid #DEE1E8;
    background: #ECEEF4;
    width: 100%;
    text-align: center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.smcu-li-box-pic {
    width: 80px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.smcu-li-box-pic img {
    width: 100%;
}

.smcu-li-box-tit {
    font-size: var(--font24);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line13);
    margin-bottom: var(--space24);
}

.smcu-li-box-pa p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #40444E;
}

.smcu-li {
    width: 100%;
}

.smcu-li .smcu-li-box {
    width: 21%;
}


.smcu-li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20%;
}

.smcu-li:last-child {
    margin-bottom: 0;

}

.serv-merit-cont-ul {
    padding-top: 10%;
    padding-bottom: 2%;
    position: relative;
    z-index: 10;
}

.smcu-li-box1 {
    margin-top: 10%;
}

.smcu-li-box2 {
    margin-top: 60%;
}

.serv-case-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    line-height: var(--line15);
    font-weight: bold;
    width: 40%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: var(--space60);
}

.scsi-box {
    width: 100%;
    padding: 106px 163px 102px 100px;
    border-radius: 40px;
    background: #152B55;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
}

.scsi-box-le {
    width: 34%;
}

.scsi-box-le-tit {
    font-size: var(--font24);
    color: var(--color4);
    font-weight: bold;
    line-height: var(--line15);
}

.scsi-box-ri {
    width: 53%;
}

.scsi-box-ri-par p {
    font-size: var(--font16);
    color: var(--color4);
    line-height: var(--line175);
}

.scsi-box-ri-par {
    margin-bottom: 62px;
}

.sbru-li-box-num {
    font-size: var(--font32);
    color: var(--color4);
    line-height: var(--line15);
    font-family: "Poppins-Medium";
    margin-bottom: 7px;
}

.sbru-li-box-num span {
    font-size: var(--font14);
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

.sbru-li-box-par,
.sbru-li-box-par p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color4);
}

.sbru-li-box {
    position: relative;
    padding-left: 22px;
    padding-right: 10px;
}

.sbru-li-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 74px;
    background-color: var(--vicl2);
}

.scsi-box-ri-ul {
    display: flex;
}

.sbru-li {
    width: 50%;
}

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

.serv-case-slick-item {
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

.serv-case-slick {
    margin: 0 -20px;
}

.scsi-bj {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90%;
    z-index: 1;
    pointer-events: none;
}

.scsi-bj img {
    width: 100%;
}

.serv-case-box {
    position: relative;
    width: 100%;
}

.serv-case {
    padding-top: var(--space160);
    background: #F5F6F9;
    position: relative;
    overflow: visible !important;
    z-index: 1;
}

.serv-adv-le-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line15);
    margin-bottom: 38px;
}

.serv-adv-le-but {
    display: inline-block;
}

.serv-adv-le {
    width: 25.5%;
    position: sticky !important;
    top: 40px;
    margin-top: 44px;
}

.serv-adv-ri {
    width: 59.5%;
}

.saru-li-box {
    padding: 70px 46px 78px 70px;
    border-radius: 20px;
    background: #FFF;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
}

.slbt-pic {
    width: 52px;
    margin-right: 24px;
    flex-shrink: 0;
}

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

.slbt-tit {
    font-size: var(--font24);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line13);
}

.saru-li-box-top {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.saru-li-box-bot,
.saru-li-box-bot p {
    font-size: var(--font16);
    color: #40444E;
    line-height: var(--line175);
}

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

.saru-li {
    margin-bottom: 8px;
}

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

.serv-adv {
    padding: var(--space160) 0;
    overflow: visible !important;
    position: relative;
    z-index: 1;
}

.serv-adv-bj {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    z-index: -1;
}

.serv-adv-bj img {
    width: 100%;

}

.serv-main .ys-footer {
    z-index: 1;
}

/* h1 */
.ys-nyban-title-but {
    display: inline-block;
}

.ys-nyban-title h1 {
    font-size: var(--font50);
    color: var(--color4);
    font-weight: bold;
    margin-bottom: 35px;
    width: 40%;
}

.ys-nyban-title p {
    font-size: var(--font24);
    color: var(--color4);
    line-height: var(--line175);
    margin-bottom: 30px;
    width: 40%;
}

.part-coal-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    line-height: var(--line175);
    font-weight: bold;
    margin-bottom: var(--space24);
    text-align: center;
}

.part-coal .ys-cont1400 {
    position: relative;
    z-index: 10;
}

.part-coal-par,
.part-coal-par p {
    font-size: var(--font16);
    color: #40444E;
    line-height: var(--line175);
    text-align: center;
}

.part-coal-par {
    width: 74.5%;
    margin: 0 auto;
    margin-bottom: 80px;
}

.pcul-box {
    padding: 17px 40px 32px 40px;
    border-radius: 20px;
    background: #ECEEF4;
    display: flex;
    height: 100%;
    align-items: center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
}

.pcul-box-le {
    width: 64px;
    margin-right: 30px;
    flex-shrink: 0;
}

.pcul-box-le img {
    width: 100%;
}

.pcul-box-ri-tit {
    display: flex;
    align-items: center;
    width: 100%;
}

.pcul-box-ri-tit-info {
    font-size: var(--font40);
    color: var(--vicl2);
    font-weight: bold;
    line-height: var(--line175);
}

.pcul-box-ri-tit span {
    font-size: var(--font16);
    line-height: inherit;
    font-weight: normal;
    color: #40444E;
    margin-top: 7px;
    padding-left: 4px;
}

.pcul-box-ri-par,
.pcul-box-ri-par p {
    font-size: var(--font16);
    color: var(--cl1515);
    line-height: var(--line175);
}

.pcul-box-ri {
    width: 100%;
}

.part-coal-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
    margin-bottom: -20px;
}

.part-coal-ul-li {
    width: 25%;
    padding: 0 14px;
    margin-bottom: 20px;
}

.part-coal {
    padding: var(--space160) 0;
    position: relative;
    border-radius: 0 0 60px 60px;
    background: #F5F6F9;
}

.part-coal-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 965px;
}

.part-coal-bj img {
    width: 100%;
}

.part-ecolo-tit {
    font-size: var(--font40);
    color: var(--color4);
    line-height: var(--line175);
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center;
}

.part-ecolo-par {
    text-align: center;
    margin-bottom: 75px;
}

.part-ecolo-par,
.part-ecolo-par p {
    font-size: var(--font16);
    color: rgba(255, 255, 255, 0.70);
    line-height: var(--line175);
}

.part-main .ys-main {
    background: #152B55;

}

.part-main .ys-nybanner {
    background: #F5F6F9;
}

/* 走马灯 */
.ysin-cont {
    width: 210px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 8px 29px 0 rgba(0, 33, 67, 0.06);
    overflow: hidden;
    margin-right: 28px;
    padding: 30px 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.ysin-cont img {
    width: 100%;
}

.part-main .ys-horse-inof {
    display: flex;
    width: calc(210px * var(--total) + 28px * var(--total));
}

.ys-horse-inof2,
.ys-horse-inof3,
.ys-horse-inof4 {
    position: absolute;
    top: 0;
    left: 0;
}

.ys-horse {
    position: relative;
    overflow: hidden;
}

.ys-horse-inof1 {
    transform: translateX(0%);
}

.ys-horse-inof2 {
    transform: translateX(100%);
}

.ys-horse-inof3 {
    transform: translateX(200%);
}

.ys-horsef {
    position: relative;
    overflow: hidden;
}

.ys-horsef.act .ys-horse-inof1 {
    transform: translateX(0%);
}

.ys-horsef.act .ys-horse-inof2 {
    transform: translateX(100%);
}

.ys-horsef.act .ys-horse-inof3 {
    transform: translateX(-100%);
}

.part-main .ys-horse {
    margin-bottom: 30px;
}

.part-ecolo {
    padding-top: var(--space160);
    padding-bottom: 189px;
    position: relative;
}

.part-ecolo .ys-cont1400 {
    position: relative;
    z-index: 10;
}

.part-round {
    width: 845px;
    height: 276px;
    border-radius: 845px;
    opacity: 0.2;
    background: #000BDB;
    filter: blur(100px);
    position: absolute;
    left: -224px;
    top: -60px;
}

.ys-nybanner {
    position: relative;
}

.part-ecolo-goon {
    position: relative;
    z-index: 10;
}

.part-part-main {
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translateX(-50%);
    z-index: 10;
}

.part-ecolo-goon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 343px;
    height: 100%;
    background: linear-gradient(90deg, #152B55 0%, rgba(21, 43, 85, 0.00) 100%);
}

.part-ecolo-goon::before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 343px;
    height: 100%;
    transform: scale(-1);
    z-index: 1;
    background: linear-gradient(90deg, #152B55 0%, rgba(21, 43, 85, 0.00) 100%);
}

.part-code-cont-li {
    width: 50%;
    padding: 0 14px;
}

.pccl-box {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background-color: #ECEEF4;
}

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

.part-code-cont {
    display: flex;
    margin: 0 -14px;
}

.pccl-box-text-tit,
.pccl-box-text-par {
    font-size: var(--font32);
    font-weight: bold;
    color: var(--color4);
    line-height: var(--line175);
    text-align: center;
}

.pccl-box-text-tit {
    margin-bottom: 3px;
}

.pccl-box-text.on .pccl-box-text-tit,
.pccl-box-text.on .pccl-box-text-par {
    font-size: var(--font32);
    font-weight: bold;
    color: var(--cl1515);
    line-height: var(--line175);
    text-align: center;
}

.pccl-box-text {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 90px;
    transform: translateX(-50%);
    padding: 0 20px;
}

.part-code {
    border-radius: 60px 60px 0 0;
    background: #F5F6F9;
    padding-bottom: var(--space160);
    padding-top: 130px;
}

.part-rights-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    line-height: var(--line175);
    font-weight: bold;
    text-align: center;
    margin-bottom: var(--space60);
}

.part-rights {
    background: #F5F6F9;
    padding-bottom: var(--space160);
}

.prsi-box {
    padding: 62px 70px 71px 70px;
    border-radius: 20px;
    background: #FFF;
    height: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    box-shadow: 0 7px 13px 6px rgba(0, 57, 142, 0.06);
}

.prsi-box-pic {
    width: 64px;
    margin-bottom: 38px;
    flex-shrink: 0;
}

.part-rights-cont {
    position: relative;
}

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

.prsi-box-tit {
    font-size: var(--font24);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line13);
    margin-bottom: 24px;
}

.prsi-box-par,
.prsi-box-par p {
    font-size: var(--font16);
    color: #40444E;
    line-height: var(--line175);
    line-height: var(--line13);
}

.part-rights-slick-item {
    padding: 0 14px;
    height: auto !important;
    padding-bottom: 30px;
}

.part-rights-slick {
    margin: 0 -14px;
    margin-bottom: -30px;
}

.part-jion-cont-pic {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

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

.part-jion {
    background: #F5F6F9;
    padding-bottom: var(--space160);
}

.pjct-but {
    display: inline-block;
}

.pjct-tit {
    font-size: var(--font40);
    color: var(--color4);
    line-height: var(--line175);
    font-weight: bold;
    margin-bottom: 36px;
    padding: 0 10px;
}

.part-jion-cont-text {
    width: 100%;
    text-align: center;
    position: relative;
    left: 50%;
    top: 0%;
    transform: translate(-50%, 0%);
    padding: 83px 0;
}

.part-jion-cont {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.part-main .mod-bord-ul-li::after {
    content: '';
    position: absolute;
    top: 3px;
    left: -13px;
    background: url(../images/leo_icon16.svg);
    background-size: 100% 100%;
    width: 7px;
    height: 12px;
    opacity: 0.5;
}

.part-main .mod-bord-ul-li:last-child a {
    color: rgba(255, 255, 255, 0.9);
}

.part-main .mod-bord-ul-li a {
    color: rgba(255, 255, 255, 0.5);
}

/* j1 */
.jion-recu {
    position: relative;
    padding-bottom: var(--space160);
    padding-top: 80px;
    z-index: 1;
}

.jion-bj {
    position: absolute;
    right: 26%;
    top: 15%;
    width: 669px;
    height: 213px;
    flex-shrink: 0;
    border-radius: 669px;
    opacity: 0.2;
    background: var(--vicl2);
    filter: blur(100px);
    z-index: -1;
}

.jion-bj2 {
    position: absolute;
    right: -3%;
    top: 15%;
    width: 669px;
    height: 149px;
    flex-shrink: 0;
    border-radius: 669px;
    opacity: 0.2;
    background: #6C95E3;
    filter: blur(100px);
    z-index: -1;
}

.jion-recu-cont-tit {
    font-size: var(--font50);
    line-height: var(--line175);
    color: var(--cl1515);
    font-weight: bold;
    margin-bottom: 21px;
    text-align: center;
}

.jion-recu-cont-par,
.jion-recu-cont-par p {
    font-size: var(--font24);
    color: #40444E;
    line-height: var(--line175);
}

.jion-recu-cont-par {
    margin-bottom: 75px;
    text-align: center;
}

.yhin-pic {
    width: 442px;
    margin-right: 6px;
    border-radius: 25px;
    overflow: hidden;
}

.yhin-pic .ys-imgbox-cover {
    width: 100%;
}

.jion-main .ys-horse-inof {
    display: flex;
    width: calc(442px * var(--total) + 6px * var(--total));
}

.jion-list-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    line-height: var(--line15);
    font-weight: bold;
    margin-bottom: var(--space60);
    text-align: center;
}

.jlul-box {
    padding: 24px 32px 33px 32px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
    display: block;
    transition: all .4s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    cursor: pointer;
    height: 100%;
}

.jion-main .ys-main {
    background: #F5F6F9;
}

.jlul-box-posts-icon {
    width: 20px;
    position: relative;
    margin-right: 8px;
    flex-shrink: 0;
    transition: all .4s;
}

.jlul-box-posts-icon img {
    width: 100%;
    transition: all .4s;
}

.jlul-box-posts-icon img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .4s;
}

.jlul-box-place {
    font-size: var(--font16);
    color: var(--cl666);
    line-height: 1.4;
    margin-bottom: 26px;
    transition: all .4s;
}

.jlul-box-posts-name {
    color: #101111;
    font-size: var(--font18);
    font-weight: bold;
    line-height: 1.4;
    transition: all .4s;
}

.jlul-box-posts {
    display: flex;
    align-items: flex-start;
    padding-bottom: 43px;
    border-bottom: 1px solid #DFE3EA;
    margin-bottom: 33px;
}

.jlul-box-typr-le {
    font-size: var(--font16);
    color: var(--cl666);
    line-height: 1.4;
    transition: all .4s;
    padding-right: 10px;
}

.jlul-box-typr-ri {
    width: 24px;
    opacity: 0;
    transition: all .4s;
}

.jlul-box-typr-ri img {
    width: 100%;
    transition: all .4s;
}

.jlul-box-typr {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.jion-list-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
    margin-bottom: -28px;
}

.jion-list-ul-li {
    width: 25%;
    padding: 0 14px;
    margin-bottom: 28px;
}

.jion-list {
    padding-bottom: var(--space160);
}

.jion-mail-box {
    padding: 0 60px;
    position: relative;
}

.jion-mail-box-pic {
    width: 100%;
    border-radius: 40px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.jion-mail-box-pic img {
    width: 100%;
}

.jion-mail-box-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.jmbt-tit {
    color: var(--color4);
    font-size: var(--font40);
    line-height: var(--line15);
    font-weight: bold;
    margin-bottom: 37px;
}

.jmbt-cont-ri {
    width: 35%;
}

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

.jmbt-par,
.jmbt-par a {
    font-size: var(--font24);
    color: var(--color4);
    line-height: var(--line175);
}

.jmbt-par {
    margin-bottom: var(--space24);
}

.jmbt-input input {
    width: 100%;
    height: 49px;
    background-color: var(--color4);
    border-radius: 24.5px;
    padding: 0 30px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl1515);
    padding-right: 140px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.jmbt-cont {
    width: 49%;
}

.jmbt-input {
    position: relative;
    margin-bottom: var(--space24);
}

.jmbt-input-but {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color4);
    padding: 11px 38px;
    position: absolute;
    right: -3px;
    top: 0;
    border-radius: 24.5px;
    background: var(--vicl1);
    cursor: pointer;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.jmbt-input input::placeholder {
    font-size: var(--font14);
    color: var(--cl999);
    line-height: var(--line175);
}

.jmbt-recr,
.jmbt-recr p {
    font-size: var(--font24);
    color: var(--color4);
    line-height: var(--line175);
}

.jion-mail {
    padding-bottom: var(--space160);
}

.jion-place-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line175);
    text-align: center;
    margin-bottom: var(--space60);
}

.jpsi-box {
    padding: 70px 63px 71px 70px;
    border-radius: 20px;
    background: #FFF;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    box-shadow: 0 10px 15px 6px rgba(0, 57, 142, 0.06);
}

.jpsi-box-pic {
    width: 80px;
    margin-bottom: 22px;
}

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

.jpsi-box-tit {
    font-size: var(--font24);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line13);
    margin-bottom: 16px;
}

.jpsi-box-par,
.jpsi-box-par p {
    font-size: var(--font16);
    color: #40444E;
    line-height: var(--line175);
}

.jpcs-item {
    padding: 0 14px;
    height: auto !important;
    padding-bottom: 30px;
}

.jion-place-cont-slick {
    margin: 0 -14px;
    margin-bottom: -30px;
}

.jpsi-box {
    height: 100%;
}

.jion-place-cont {
    position: relative;
}

.jion-place {
    padding-bottom: var(--space160);
}

.jion-treat-box {
    padding: 0 20px;
}

.jion-treat-box-tit {
    color: var(--cl1515);
    font-size: var(--font40);
    line-height: var(--line15);
    font-weight: bold;
    margin-bottom: var(--space24);
    text-align: center;
}

.jion-treat-box-par,
.jion-treat-box-par p {
    font-size: var(--font24);
    color: #40444E;
    line-height: var(--line175);
}

.jion-treat-box-par {
    text-align: center;
    margin-bottom: 52px;
}

.jtbu-li1 {
    width: 33.5%;
}

.jtbu-li .jtbu-li-pic {
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.jtbu-li .jtbu-li-pic img {
    width: 100%;
}

.jtbu-li {
    position: relative;
}

.jtbu-li1 .jtbu-li-pic-cont {
    padding: 19px 26px;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: #FFF;
    width: 51%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: absolute;
    left: 91px;
    bottom: -49px;
}

.jtbu-li1 .jupc-ul {
    display: flex;
    flex-wrap: wrap;
}

.jtbu-li1 .jupc-ul-li {
    width: 50%;
}

.jtbu-li1 .jupc-ul-li p {
    font-size: var(--font18);
    color: var(--cl333);
    line-height: 2.5;
    padding: 0 10px;
}

.jion-treat {
    padding-bottom: 192px;
}

.jtbu-li2 {
    width: 31.5%;
    margin-top: 115px;
}

.jtbu-li2 .jtbu-li-pic-cont {
    position: absolute;
    right: -35px;
    bottom: -35px;
}

.jtbu-li2 .jlpc-werap {
    padding: 30px 43px 35px 43px;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.jtbu-li2 .jupc-ul-li p {
    font-size: var(--font18);
    color: var(--color4);
    line-height: 2;
}

.jion-treat-box-ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.jtbu-li3 {
    width: 32%;
    margin-top: 34px;
}

.jtbu-li3 .jtbu-li-pic-cont {
    padding: 21px 43px 12px 43px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(5px);
    position: absolute;
    left: 23px;
    top: 56px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.jtbu-li3 .jupc-ul-li p {
    color: var(--color4);
    line-height: 2;
    font-size: var(--font18);
}

/* i1 */
.mod-bord-ul-li:last-child a {
    color: var(--cl666);
}

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

.over-value {
    position: relative;
    padding-bottom: 138px;
}

.over-cult-ri {
    width: 37%;
}

.ovct-le-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    font-weight: bold;
    line-height: var(--line175);
    margin-bottom: 30px;
}

.ovct-le {
    width: 50%;
}

.ovct-le-par,
.ovct-le-par p {
    font-size: var(--font16);
    color: #40444E;
    line-height: var(--line175);
}

.ovct-ri {
    width: 36%;
    padding-right: 0 !important;
}

.ovct-ri p {
    font-size: var(--font16);
    color: #40444E;
    line-height: 2;
    margin-bottom: 16px;
}

.ovct-ri p {
    position: relative;
    padding-left: 33px;
}

.ovct-ri p::after {
    content: "";
    background-image: url('../images/g1_icon02.svg');
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    transition: all 0.4s;
    z-index: 20;
}

.over-value-cont-text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 85px;
    position: relative;
    z-index: 10;
}

.over-value-cont-but {
    position: relative;
    z-index: 10;
}

.over-value {
    padding-top: var(--space100);
}

.over-main .ys-main {
    background: #F5F6F9;
}

.ovcb-ul-li1 {
    width: 39.5%;
    position: relative;
    cursor: pointer;
}

.ovcb-ul-li-begin {
    width: 110px;
    position: absolute;
    left: -54px;
    top: -54px;
    /* background: #f0f3f9; */
    border-radius: 50%;
    padding: 10px;
    z-index: 10;
    transition: all 0.36s;
}

.ovcb-ul-li-begin img {
    width: 100%;
}

.ovcb-ul-li2 {
    width: 23.5%;
    margin-top: 63px;
}

.ovcb-ul-li3 {
    width: 32%;
}

.ovcb-ul-li-pic {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.ovcb-ul-li-pic img {
    width: 100%;
}

.ys-video-btn {
    position: relative;
}

.ovcb-ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ys-ban-video {
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.over-value-cont {
    position: relative;
    background: #F5F6F9;
}

.over-value-cont-bj {
    width: 340px;
    height: 431px;
    position: absolute;
    left: 0;
    top: 104px;
    border-radius: 431px;
    background: rgba(108, 149, 227, 0.50);
    filter: blur(200px);
}

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

.over-value-cont-bj2 {
    width: 340px;
    height: 340px;
    position: absolute;
    right: 0;
    top: 40%;
    border-radius: 340px;
    opacity: 0.2;
    background-color: var(--vicl2);
    filter: blur(100px);
}

.over-value-cont-bj2 img {
    width: 100%;
}

.over-value-cont-box {
    position: absolute;
    width: 100%;
    height: 638px;
    background-color: #F3F5F9;
    top: 0;
    left: 0;
    overflow: hidden;
}

.over-cult-le {
    width: 71%;
}

.over-cult-le img {
    width: 100%;
}

.over-cult-ri-tit {
    font-size: var(--font40);
    font-weight: bold;
    line-height: var(--line175);
    color: var(--cl1515);
    margin-bottom: 30px;
}

.ocru-li p {
    font-size: var(--font16);
    color: #40444E;
    line-height: var(--line175);
    margin-bottom: 11px;
}

.ocru-li ul li p {
    font-size: 26px;
    color: var(--vicl1);
    font-weight: bold;
    line-height: var(--line175);
}

.ocru-li ul li p:last-child {
    margin-bottom: 0;

}

.ocru-li ul {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.ocru-li {
    margin-bottom: 42px;
}

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

.over-cult-box {
    display: flex;
    justify-content: space-between;
}

.over-map-box-le {
    width: 37.5%;
}

.over-map-box-ri {
    position: relative;
    width: 62.5%;
}

.over-map {
    background: linear-gradient(265deg, rgba(96, 86, 227, 0.00) 3.07%, #3234cf33 94.72%), #152B55;
    padding: 116px 0 96px 0;
}

.ombl-ul-li-box {
    padding: 36px 140px 45px 72px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.oulb-le {
    font-size: 92px;
    color: var(--vicl2);
    line-height: var(--line13);
    font-family: "Poppins-Regular";
    font-weight: bold;
}

.oulb-ri-tit {
    font-size: var(--font32);
    font-weight: bold;
    line-height: var(--line175);
    color: var(--color4);
    margin-bottom: 9px;
}

.orpu-li p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color4);

}

.orpu-li {
    padding: 0 5px;
}

.oulb-ri-place-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.oulb-ri {
    margin-left: 45px;
}

.over-map-box {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.over-map-box-le {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ombl-ul-li {
    margin-bottom: 44px;
}

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

.ombr-ul-li p {
    font-size: var(--font16);
    color: var(--vicl1);
    line-height: var(--line175);
    padding: 5px 26px;
    border-radius: 27.5px;
    display: inline-block;
    background: var(--vicl2);
    box-shadow: 0 4px 4px 0 rgba(41, 71, 125, 0.25);
}

.ombr-ul-li.on p {
    color: var(--color4);
    background: #0A5FDA;
    box-shadow: 0 4px 4px 0 rgba(41, 71, 125, 0.25);
}

.ombr-ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ombr-ul-li {
    position: absolute;
}

.over-main .home-authen {
    margin-top: 0;
    background: linear-gradient(265deg, rgba(96, 86, 227, 0.00) 3.07%, rgba(50, 52, 207, 0.20) 94.72%), #152B55;
    position: relative;

}

.over-main .home-authen::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: #F5F6F9;
}

.over-main .home-authen-cont {
    border-radius: 0 60px 20px 20px;
    background: #FFF;
    padding: var(--space160) 0;
    position: relative;
    z-index: 10;
}

.over-main .home-authen-wrap {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
}

.over-course-year {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.over-course-year-cont {
    width: 68%;
    position: relative;
    padding-right: 0px;
}

.over-course-tit {
    font-size: var(--font40);
    color: var(--cl1515);
    line-height: var(--line175);
    font-weight: bold;
    margin-bottom: var(--space60);
    text-align: center;
}

.ocyc-ul-li-icon {
    width: 96px;
    border-radius: 50%;
    margin-right: 49px;
    flex-shrink: 0;
    background: #F5F6F9;
    z-index: 10;
    flex-shrink: 0;
}

.ocyc-ul-li-icon img {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.ocyc-ul-li-year {
    font-size: 60px;
    color: var(--vicl1);
    font-weight: bold;
    line-height: var(--line175);
}

.oulb-rit .ocyc-ul-li-year {
    display: none;
}

.slul-box-text-deito p {
    font-size: var(--font14);
    color: #40444E;
    line-height: var(--line175);
    margin-bottom: 10.5px;
}

.slul-box-text-deito p:last-child {
    margin-bottom: 0;
}

.ocyc-ul-li-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: #40444E;
    margin-bottom: 13.5px;
}

.ocyc-ul-li-text p:last-child {
    margin-bottom: 0;
}

.ocyc-ul-li-box {
    display: flex;
    align-items: flex-start;
}

.ocyc-ul-li {
    margin-bottom: var(--space120);
}

.over-course {
    padding: var(--space160) 0;
    overflow: visible;
    position: relative;
}

.over-course-tit-pic {
    position: absolute;
    left: 0;
    top: 190px;
    width: 464px;
    pointer-events: none;
}

.over-course-tit-pic img {
    width: 100%;
}

.ocyc-ul {
    position: relative;
}

.over-course-year-cont {
    position: relative;
}

.over-course-year-cont::after {
    content: "";
    position: absolute;
    left: 277px;
    top: 0;
    width: 5px;
    height: calc(100% - 20px);
    background-color: var(--cl999);
}

.ocyc-line-ray {
    position: absolute;
    left: 277px;
    top: 0;
    width: 5px;
    height: calc(100% + 20px);
    background-color: var(--vicl2);
    z-index: 1;
    transform: translateY(-100%);
}

.about-honors-cont-but {
    position: absolute;
    bottom: -42px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.ahcb-but-click p {
    font-size: var(--font16);
    color: var(--cl333);
}

.ahcb-but-click img {
    width: 16px;
    margin-left: 6px;
}

.ahcb-but.act .ahcb-but-click img {
    transform: rotate(180deg);
}

.ahcb-but-click {
    display: flex;
    align-items: center;
}

.ocyc-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 20px);
    overflow: hidden;
}

.over-cult-le {
    width: 60%;
}

.ocru-li ul {
    margin: 0 -35px;
}

.ocru-li ul li {
    padding: 0 35px;
}

.over-cult-le {
    width: 63%;
    transform: translateX(-135px);
}

.oulb-leng {
    display: flex;
    align-items: flex-start;
    position: sticky !important;
    top: 80vh;
    z-index: 10;
    width: 378px;
    justify-content: space-between;
}

.oulb-rit {
    width: calc(100% - 378px);
}

.over-cult {
    padding-bottom: var(--space120) !important;
}

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

}

.jion-list-ul-li:nth-child(4n+1) {
    animation-delay: 0.2s;
}

.jion-list-ul-li:nth-child(4n+2) {
    animation-delay: 0.3s;
}

.jion-list-ul-li:nth-child(4n+3) {
    animation-delay: 0.4s;
}

.jion-list-ul-li:nth-child(4n+4) {
    animation-delay: 0.5s;
}

.ys-nybanner {
    overflow: hidden;
}

.ocyc-ul-li.on .ocyc-ul-li-year {
    color: #F6C613;
}

.jion-place .hcbp-btn {
    top: calc(50% - 30px);
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .jlul-box:hover {
        background-color: var(--vicl1);
    }

    .jlul-box:hover .jlul-box-place {
        color: var(--color4);
    }

    .jlul-box:hover .jlul-box-posts-name {
        color: var(--color4);
    }

    .jlul-box:hover .jlul-box-posts-icon img:last-child {
        opacity: 1;
    }

    .jlul-box:hover .jlul-box-posts-icon img:first-child {
        opacity: 0;
    }

    .jlul-box:hover .jlul-box-typr-le {
        color: var(--color4);
    }

    .jlul-box:hover .jlul-box-typr-ri {
        opacity: 1;
    }
    .pmml-ul-li-link:hover .pull-center img{
        transform: scale(1.05);
    }
    .pmml-center-le a:hover .ys-imgbox-cover img{
        transform: scale(1);
    }
}

/* leo-end */


.part-rights .hcbp-btn {
    top: calc(50% - 20px);
}


/* leah-atart */
/* b1 */
.pro-main {
    padding-bottom: var(--space120);
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
}

.pro-main-moud {
    display: flex;
    flex-wrap: wrap;
}

.pro-main-moud-li {
    padding-bottom: var(--space100);
    width: 100%;
}

.pro-main-moud-li:nth-last-child(1) {
    padding-bottom: 0;
}

.pmml-tit {
    margin-bottom: var(--space50);
    font-weight: bold;
    line-height: var(--line175);
}

.pmml-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
    width: 68%;
}

.pmml-ul-li {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.pmml-ul-li-link {
    border-radius: 20px;
    border: 1px solid #D9E0F5;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 35px 50px 30px;
    position: relative;
}

.pull-tit {
    font-weight: bold;
    margin-bottom: 45px;
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

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

.pull-tit-more p {
    font-size: var(--font14);
    line-height: var(--line13);
    color: var(--vicl1);
    padding-right: 7px;
    transition: all 0.36s;
}

.pull-tit-more svg {
    width: 21px;
}

.pull-tit-more svg path {
    transition: all 0.36s;
}

.pull-icon {
    width: 52px;
    flex-shrink: 0;
    margin-top: 10px;
}

.pull-le {
    width: 100%;
    padding-right: 10px;
}

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

.pmml-center-le .pull-le {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 35px 50px;
}

.pmml-center-le .pmml-ul-li-link {
    padding: 0;
    overflow: hidden;
    background: #ECEEF4;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    border: 0px solid #D9E0F5;
    height: 100%;
}

.pmml-center-le .pmml-ul-li-link .ys-imgbox-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pmml-center-le .pmml-ul-li-link .ys-imgbox-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.pmml-center {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.pmml-center-le {
    width: 32%;
    flex-shrink: 0;
}

.pmml-bgelow.pmml-ul {
    width: 100%;
    margin: 30px -15px -30px;
}

.pmml-bgelow .pmml-ul-li {
    width: 33.333333%;
}

.pmml-bgelow {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -15px -30px;
}

.pro-main-icon {
    position: absolute;
    z-index: -1;
}

.pro-main-icon img {
    width: 100%;
}

/* d1 */
.case-main-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space24);
}

.case-main-text {
    width: 49%;
    margin: 0 auto;
}

.case-main-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    text-align: center;
}

.case-main-card {
    margin-bottom: var(--space100);
    display: flex;
    justify-content: center;
}

.case-main-ul {
    display: flex;
    border-radius: 40px;
    background: #ECEEF4;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    z-index: 4;
}

.case-main-ul-li {
    padding: 0 8px;
}

.case-main-ul-li:first-child {
    padding-left: 0;
}

.case-main-ul-li:nth-last-child(1) {
    padding-right: 0;
}

.case-main-ul-li.act .cmul-cont p {
    color: var(--color4);
}

.cmul-cont::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 114%;
    background-color: var(--vicl1);
    opacity: 0;
    border-radius: 38px;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
    transition: all 0.36s;
}

.case-main-ul-li.act .cmul-cont::after {
    opacity: 1;
}

.cmul-cont {
    padding: 11.5px 40px;
    position: relative;
}

.case-page .cmul-cont {
    padding: 11.5px 22px;
}

.cmul-cont p {
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--vicl1);
    transition: all 0.36s;
}

.case-main-below {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px -40px;
}

.case-main-below-li {
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 40px;
}

.cmbl-link {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 2px 33px 0 rgba(0, 33, 67, 0.10);
}

.cmbl-link-below {
    padding: 24px 40px 39px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.cmbl-link-below-icon {
    margin-bottom: 14px;
    width: 94px;
}

.cmbl-link-below-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cmbl-link-below-tit {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--cl333);
    font-weight: bold;
    margin-bottom: 44px;
    height: 3.5em;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
    flex-grow: 1;
}

.cmbl-link-below-sign {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    border-top: 1px solid rgba(212, 213, 216, 1)
}

.clbs-li {
    padding-right: 24px;
}

.clbs-li:nth-last-child(1) {
    padding-right: 0;
}

.clbs-li-cont {
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--cl666);
}

.clbs-li-cont span {
    color: var(--vicl2);
    padding-right: 8px;
}

.case-fenye {
    margin-top: var(--space100);
}

.pc-fenye li.activepage {
    background: var(--vicl1);
}

.pc-fenye li {
    width: 34px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    color: #747474;
    margin: 0 8px;
}

.ys-pcfy .first li,
.ys-pcfy .prev li,
.ys-pcfy .next li,
.ys-pcfy .end li {
    color: var(--cl333);
}

.cmtp-li {
    position: absolute;
}

.case-main-top {
    padding-bottom: var(--space140);
    position: relative;
}

.cmtp-li1 {
    width: 136px;
    top: 25%;
    left: 2%;
}

.cmtp-li .ys-imgbox-cover {
    border-radius: 50%;
}

.cmtp-li2 {
    width: 76px;
    left: -7%;
    bottom: 30%;
}

.cmtp-li3 {
    width: 55px;
    bottom: 18%;
    left: 11%;
}

.cmtp-li4 {
    width: 76px;
    top: 9%;
    right: 16%;
}

.cmtp-li5 {
    width: 136px;
    bottom: 32%;
    right: -5%;
}

.cmtp-li6 {
    width: 55px;
    bottom: 26%;
    right: 12%;
}

.cmtp-li.act {
    animation: bounceIng 1.2s ease both;
    animation-delay: 0.2s;
}

@keyframes bounceIng {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.cmtp-li.act .ys-imgbox-cover {
    animation-delay: 1s;
    animation: popmove 5s linear infinite;
}

@keyframes popmove {
    0% {
        transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    25% {
        transform: translateY(10px) rotate(0deg);
        -webkit-transform: translateY(10px) rotate(0deg);
    }

    50% {
        transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    75% {
        transform: translateY(-10px) rotate(0deg);
        -webkit-transform: translateY(-10px) rotate(0deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
    }
}

.case-main-icon {
    position: absolute;
    top: 0;
    right: 5%;
    z-index: -1;
    width: 46%;
}

.case-main-icon img {
    width: 100%;
}

/* d2----------------------------------------------------------------------------------- */
.detail-main-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
}

.detail-main-top-le {
    width: 51%;
}

.dmtl-logo {
    width: 178px;
    margin-bottom: 16px;
}

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

.dmtl-tit {
    font-weight: bold;
    padding-right: 169px;
    margin-bottom: var(--space24);
}

.detail-main .clbs-li-cont {
    margin-bottom: 64px;
}

.dmtl-text p {
    color: var(--cl666);
}

.detail-main-top-ri {
    width: 42%;
    margin-top: 34px;
}

.detail-main-top-ri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.detail-main-center {
    padding: 0 150px;
    padding-top: 90px;
    position: relative;
}

.detail-main-center h6 {
    color: var(--cl1515);
    font-weight: bold;
    margin-bottom: 16px;
    font-size: var(--font20);
}

.detail-main-center::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 17%, rgba(245, 246, 249, 0.70) 60%);
    backdrop-filter: blur(25px);
    z-index: -1;
}

.detail-main {
    background-color: #F5F6F9;
    z-index: 2;
    position: relative;
}

.detail-apply {
    background-color: #F5F6F9;
    z-index: 2;
    position: relative;
}

.detail-cust {
    background-color: #F5F6F9;
    padding-bottom: var(--space160);
}

.detail-main-center p:nth-last-child(1) {
    margin-bottom: 0;
}

.detail-apply-tit {
    text-align: center;
    margin-bottom: var(--space60);
    font-weight: bold;
}

.detail-apply-ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 100px;
}

.detail-apply-ul-li {
    width: 100%;
    margin-bottom: 24px;
}

.detail-apply-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}

.daul-cont {
    background-color: #fff;
    padding: 39px 80px;
    border-radius: 20px;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
    display: flex;
    align-items: flex-start;
}

.daul-cont img {
    width: 52px;
    flex-shrink: 0;
}

.daul-cont p {
    padding-left: 60px;
    font-size: var(--font20);
    line-height: var(--line13);
    color: rgba(64, 68, 78, 1);
    font-weight: bold;
    padding-top: 13px;
    width: 100%;
}

.detail-apply .ys-cont1400::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: #ECEEF4;
    z-index: -2;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    border-radius: 20px;
    transform: translateX(-50%);
    max-width: 129%;
}

.detail-apply .ys-cont1400 {
    position: relative;
}

.detail-apply-icon {
    position: absolute;
    top: 0;
    left: -131px;
    z-index: -1;
    width: 84%;
}

.detail-apply-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail-cust-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space60);
}

.detail-cust .case-main-below-li {
    margin-bottom: 0;
    padding: 10px 12px;
}

.detail-cust-below {
    position: relative;
}

.detail-cust .cmbl-link {
    box-shadow: 0 0px 12px 0px rgba(0, 33, 67, 0.10);
}

.detail-cust .case-main-below-li:not(:first-child) {
    display: none;
}

.detail-cust .case-main-below {
    margin: 0 -14px;
}

.detail-main-icon {
    position: absolute;
    top: -72px;
    right: 0px;
    z-index: -1;
    width: 61%;
}

.detail-main-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* e1 */
.topic-main-top {
    display: flex;
    align-items: center;
    padding-bottom: 182px;
    padding-top: var(--space140);
    position: relative;
}

.topic-main-top-ri {
    position: absolute;
    right: -10%;
    top: 0;
    width: 66%;
    z-index: -1;
}

.tmtl-pro {
    font-weight: bold;
    margin-bottom: 16px;
}

.tmtl-tit {
    font-weight: bold;
    margin-bottom: 22px;
}

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

.topic-main-top-le {
    width: 52%;
}

.topic-main-top-ri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.topic-main-below {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px -50px;
}

.topic-main-below-li {
    width: 50%;
    padding: 0 14px;
    margin-bottom: 50px;
}

.tmbl-link {
    display: block;
    width: 100%;
    border-radius: 20px;
    /* border: 1px solid rgba(21, 21, 21, 1); */
    position: relative;
    z-index: 1;
}

.tmbl-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(21, 21, 21, 1);
    border-radius: 20px;
    box-sizing: border-box;
    z-index: -1;
}

.tmbl-link-top {
    padding: 14px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tmbl-link-top p {
    font-size: var(--font20);
    line-height: var(--line15);
    color: var(--cl1515);
    font-weight: bold;
    width: 100%;
    padding-right: 20px;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.tmbl-link-top svg {
    width: 22px;
    flex-shrink: 0;
    transition: all 0.36s;
}

.tmbl-link-below {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.tlbc-tit {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--color4);
    margin-bottom: 30px;
    height: 6em;
    max-height: 6em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

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

.tlbc-ul-li {
    padding: 0 8px;
    margin-bottom: 10px;
}

.tlbc-ul-li-cont {
    padding: 5.5px 16px;
    display: flex;
    border-radius: 38px;
    border: 1px solid rgba(255, 255, 255, 1);
}

.tlbc-ul-li-cont p {
    font-size: var(--font16);
    line-height: var(--line13);
    color: var(--color4);
}

.tmbl-link-below-cont {
    position: absolute;
    padding: 0 40px 40px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    opacity: 0;
    transition: all 0.36s;
}

.tmbl-link-below::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all 0.36s;
}

.topic-main {
    padding-bottom: var(--space160);
    position: relative;
}

/* g2 */
.ques-main-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space60);
}

.ques-page .case-main-card {
    margin-bottom: 60px;
}

.ques-main-below-ul {
    display: flex;
    flex-wrap: wrap;
    width: 77%;
    margin: 0 auto;
    border-left: 1px solid rgba(213, 213, 213, 1);
}

.qmbu-li {
    margin-bottom: 44px;
    width: 100%;
    transition: all 0.36s;
    position: relative;
}

.qmbu-li-top {
    display: flex;
    cursor: pointer;
}

.qmbu-li-top-le {
    width: 94px;
    text-align: center;
    font-size: var(--font16);
    line-height: var(--line175);
    color: #151515;
    font-weight: bold;
    flex-shrink: 0;
    transition: all 0.36s;
}

.qmbu-li-top-ri {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.qmbu-li-top-ri p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #151515;
    font-weight: bold;
    width: 93.5%;
    transition: all 0.36s;
}

.qmbu-li-top-ri svg {
    width: 12px;
    flex-shrink: 0;
    margin-top: 8px;
}

.qmbu-li-hidden p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.qmbu-li-hidden {
    padding-top: 20px;
    width: 94%;
    padding-left: 94px;
}

.qmbu-li.on svg path:nth-last-child(1) {
    transform: rotate(90deg);
}

.qmbu-li svg path:nth-last-child(1) {
    transform-origin: center;
    transition: all 0.36s;
}

.qmbu-li.on::after {
    height: 100%;
}

.qmbu-li::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 0%;
    background-color: var(--vicl2);
    top: 0;
    left: -2px;
    transition: all 0.36s;
}

.qmbu-li:first-child {
    padding-top: 10px;
}

.qmbu-li:nth-last-child(1) {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.ques-main-below::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 17%, rgba(245, 246, 249, 0.70) 60%);
    backdrop-filter: blur(25px);
    z-index: -1;
}

.ques-main-below {
    position: relative;
    padding-top: 63px;
}

.ques-main {
    background-color: #F5F6F9;
    z-index: 2;
    position: relative;
}

.ques-main-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -2;
    width: 724px;
}

.ques-main-icon img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.ques-main-icontop {
    position: absolute;
    top: -55px;
    right: 0;
    z-index: -2;
}

.ques-main-icontop img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/* l2 */
.contact-main-tit {
    font-weight: bold;
    margin-bottom: var(--space24);
}

.contact-main-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
}

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

.contact-main-le {
    width: 42%;
}

.contact-main-ul {
    display: flex;
    flex-wrap: wrap;
}

.contact-main-ul-li {
    margin-bottom: 36px;
    width: 100%;
}

.cmul-text {
    display: flex;
    align-items: flex-start;
}

.cmul-text-le {
    width: 24px;
    flex-shrink: 0;
    margin-top: 4px;
}

.cmul-text-le img {
    width: 100%;
}

.cmul-text-ri {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.cmul-text-ri-name {
    padding-right: 20px;
    padding-left: 32px;
    width: 126px;
    font-size: var(--font18);
    line-height: var(--line175);
    color: rgba(6, 6, 6, 1);
    flex-shrink: 0;
}

.cmul-text-ri-num {
    font-size: var(--font18);
    line-height: var(--line175);
    color: rgba(6, 6, 6, 1);
}

.contact-main-ul-li.on .cmul-text-ri-num {
    font-weight: bold;
}

.contact-main {
    position: relative;
    background-color: #F5F6F9;
    z-index: 4;
}

.contact-main-back {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 53%;
    z-index: -1;
}

.contact-main-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-main-icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
    width: 46%;
}

.contact-main-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-banner-all-link {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.news-banner-le {
    width: 38.5%;
}

.news-banner-le-time {
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--vicl1);
    margin-bottom: 16px;
}

.news-banner-le-tit {
    font-weight: bold;
    margin-bottom: 124px;
}

.news-banner-ri {
    width: 53%;
}

.news-banner-ri .ys-imgbox-cover {
    border-radius: 20px;
}

.news-banner-ri .ys-imgbox-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-banner {
    background-color: #F5F6F9;
    position: relative;
    z-index: 4;
    border-bottom: 1px solid rgba(21, 43, 85, 0.2);
}

.news-banner-icon {
    position: absolute;
    bottom: -30%;
    right: 0;
    z-index: -1;
    width: 68.5%;
}

.news-banner-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-main {
    padding-top: 80px;
}

.news-main-top-le {
    display: flex;
}

.news-main-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

.news-main-top-ri {
    border-radius: 40px;
    background: #ECEEF4;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    height: 44px;
    display: flex;
    align-items: center;
    width: 25%;
    padding: 0 20px 0 27px;
}

.news-main-top-ri img {
    width: 18px;
    flex-shrink: 0;
    cursor: pointer;
}

.news-main-top-ri input {
    width: 100%;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl333);
}

.news-main-top-ri input::placeholder {
    color: rgba(196, 196, 196, 1);
}

/* I4 */
.newdetail-main {
    padding-top: 80px;
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
}

.newdetail-main-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: 32px;
}

.newdetail-main-time {
    font-size: var(--font18);
    line-height: var(--line16);
    color: rgba(4, 6, 8, 1);
    margin-bottom: var(--space60);
    text-align: center;
}

.newdetail-main-ul {
    display: flex;
    flex-wrap: wrap;
    width: 78.5%;
    margin: 0 auto;
    border-top: 1px solid rgba(207, 207, 207, 1);
    padding-top: 50px;
    margin-top: 80px;
}

.newdetail-main-ul-li {
    width: 100%;
}

.newdetail-main-ul-li:first-child {
    margin-bottom: 8px;
}

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

.nmul-link-le {
    width: 75px;
    flex-shrink: 0;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--vicl1);
    font-weight: bold;
}

.nmul-link-ri {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(66, 69, 72, 1);
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.newdetail-recom-tit {
    font-weight: bold;
    margin-bottom: var(--space60);
}

.newdetail-recom-ul {
    display: flex;
    margin: 0 -33px;
}

.newdetail-recom-ul-li {
    width: 44% !important;
    padding: 0 33px;
}

.nrul-link {
    border-radius: 20px;
    background: #ECEEF4;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 60px;
    min-height: 530px;
    transition: all 0.36s;
}

.nrul-link-tit {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--cl1515);
    margin-bottom: var(--space24);
    max-height: 7.5em;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.36s;
}

.nrul-link-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(102, 102, 102, 1);
    max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nrul-link-num {
    font-size: 48px;
    line-height: var(--line13);
    color: var(--vicl2);
    font-weight: bold;
}

.nrul-link-time {
    font-size: var(--font18);
    line-height: var(--line13);
    color: rgba(153, 153, 153, 1);
}

.newdetail-recom-swiper {
    overflow: visible !important;
}

.newdetail-recom {
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
}

.newdetail-recom-cont {
    width: 78.5%;
    margin: 0 auto;
    position: relative;
}

.newdetail-page .hcbp-btn {
    top: 25px;
}

.newdetail-page .hcbp-ri {
    right: 0;
}

.newdetail-page .hcbp-le {
    left: auto;
    right: 66px;
}

.newdetail-main-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    width: 46%;
}

.newdetail-main-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* b2 */
.allpro-banner-all {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.allpro-page .allpro-banner-all {
    align-items: flex-start;
}

.allpro-modu1 {
    padding-top: var(--space160);
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
}

.allpro-modu1-sign-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space60);
}

.allpro-modu1-sign-swiper {
    padding-bottom: 100px !important;
    overflow: visible !important;
}

.allpro-modu1-sign-ul {
    display: flex;
    margin: 0 -14px;
}

.amsu-li {
    width: 34% !important;
    padding: 0 14px;
    height: auto !important;
}

.amsu-li-cont {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
    display: flex;
    flex-direction: column;
    padding: 60px 60px 43px;
    height: 100%;
    min-height: 336px;
}

.amsu-li-cont-icon {
    width: 52px;
    margin-bottom: 41px;
}

.amsu-li-cont-tit {
    font-size: var(--font24);
    line-height: var(--line13);
    color: var(--cl1515);
    margin-bottom: var(--space24);
    font-weight: bold;
}

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

.amsu-li-cont-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.allpro-modu1-sign .hcbp-widget {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.allpro-modu1-sign .hcbp-le {
    left: 0;
    margin-right: 16px;
}

.allpro-modu1-sign .hcbp-btn {
    position: relative;
    top: auto;
    bottom: 0;
}

.allpro-modu1-sign .hcbp-ri {
    right: 0;
}

.allpro-modu1-inter-cont {
    padding: 98px 130px 96px 120px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    border-radius: 40px;
    background: #ECEEF4;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
}

.amic-le {
    font-weight: bold;
}

.amic-ri {
    width: 54%;
    padding-top: 12px;
}

.amic-ri p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
}

.amic-icon {
    position: absolute;
    top: -40px;
    left: 123px;
    width: 158px;
}

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

.allpro-modu1-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.allpro-modu1-price-le {
    width: 46%;
}

.allpro-modu1-price-le img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.allpro-modu1-price-ri {
    width: 43%;
}

.ampr-tit {
    font-weight: bold;
    margin-bottom: 40px;
}

.ampr-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cl666);
}

.ampr-text {
    margin-bottom: 40px;
}

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

.ampr-ul-li {
    width: 100%;
    margin-bottom: 40px;
}

.ampr-ul-li-tit {
    font-size: var(--font20);
    line-height: var(--line175);
    color: var(--cl1515);
    font-weight: bold;
    margin-bottom: 12px;
}

.ampr-ul-li-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.ampr-ul-li.on .ampr-ul-li-text {
    padding-left: 7px;
}

.ampr-ul-li-sub {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.ampr-ul-li-sub p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl1515);
    font-weight: bold;
}

.ampr-ul-li-cont {
    margin-bottom: 30px;
}

.ampr-ul-li-sub img {
    width: 30px;
}

.ampr-ul-li:nth-last-child(1) {
    margin-bottom: 0;
}

.ampr-ul-li.on .ampr-ul-li-tit {
    margin-bottom: 22px;
}

.allpro-modu2 {
    padding-top: var(--space120);
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
}

.allpro-modu2-advan::after {
    content: '';
    position: absolute;
    top: calc(var(--space120) * -1);
    left: 50%;
    height: 100%;
    border-radius: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 17%, rgba(245, 246, 249, 0.70) 60%);
    backdrop-filter: blur(25px);
    z-index: -1;
    width: 129%;
    transform: translateX(-50%);
}

.allpro-modu2-advan {
    padding-bottom: var(--space160);
    position: relative;
}

.allpro-modu2-advan-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space24);
}

.allpro-modu2-advan-text {
    width: 76%;
    margin: 0 auto 90px;
}

.allpro-modu2-advan-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    text-align: center;
}

.allpro-modu2-advan-caro {
    position: relative;
}

.amac-ul {
    display: flex;
    margin: 0 -40px;
}

.amac-ul-li {
    padding: 0 40px;
    width: 25%;
}

.amac-ul-li-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.amac-ul-li-link .ys-imgbox-cover {
    border-radius: 20px;
    margin-bottom: 38px;
    width: 237px;
}

.aull-tit {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--cl1515);
    font-weight: bold;
    margin-bottom: var(--space24);
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.aull-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    /* max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
}

.allpro-modu2-ccn {
    padding-bottom: var(--space120);
}

.allpro-modu2-ccn .cmul-cont {
    cursor: pointer;
}

.allpro-modu2-ccn .case-main-card {
    margin-bottom: 44px;
}

.allpro-modu2-ccn-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space24);
}

.allpro-modu2-ccn-text {
    margin-bottom: 53px;
}

.allpro-modu2-ccn-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    text-align: center;
}

.allpro-modu2-ccn-pic {
    width: 1163px;
    margin: 0 auto 60px;
}

.allpro-modu2-ccn-pic img {
    width: 100%;
}

.allpro-modu2-ccn-ul {
    display: flex;
    margin: 0 -14px;
}

.amcu-li {
    width: 100%;
    padding: 0 14px;
}

.amcu-li-cont {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    box-shadow: 0 2px 6px 0 rgba(0, 33, 67, 0.06) inset;
    padding: 74px 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 16px solid #ECEEF4;
    opacity: 0.5;
    transition: all 0.36s;
}

.amcu-li-cont-le {
    width: 54%;
}

.alcl-tit {
    font-size: var(--font32);
    line-height: var(--line15);
    color: var(--cl1515);
    font-weight: bold;
    margin-bottom: 16px;
    max-height: 1.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.alcl-num {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    margin-bottom: 20px;
}

.alcl-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 24px;
}

.alcl-ul-li {
    padding: 0 8px;
}

.alcl-ul-li-cont {
    display: flex;
    align-items: center;
    border-radius: 50px;
    background: rgba(246, 198, 19, 0.10);
    padding-right: 16px;
}

.alcl-ul-li-cont img {
    width: 32px;
    flex-shrink: 0;
}

.alcl-ul-li-cont p {
    font-size: var(--font16);
    line-height: var(--line13);
    color: rgba(64, 68, 78, 1);
    padding: 5.5px 0;
}

.alcl-text {
    margin-bottom: 40px;
}

.alcl-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    /* max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
}

.amcu-li-cont-ri {
    width: 34.5%;
}

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

.amcu-li.slick-current .amcu-li-cont {
    opacity: 1;
}

.allpro-modu2-solut {
    padding-bottom: var(--space120);
}

.allpro-modu2-solut-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space24);
}

.allpro-modu2-solut-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    text-align: center;
}

.allpro-modu2-solut-text {
    margin-bottom: var(--space60);
}

.allpro-modu2-solut-pic {
    width: 1228px;
    margin: 0 auto;
}

.allpro-modu2-solut-pic img {
    width: 100%;
}

.allpro-modu3 {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
    position: relative;
    background-color: #F5F6F9;
    z-index: 6;
}

.allpro-modu3-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space24);
}

.allpro-modu3-text {
    width: 65%;
    margin: 0 auto var(--space120);
}

.allpro-modu3-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    text-align: center;
}

.allpro-modu3-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}

.allpro-modu3-ul-li {
    width: 50%;
    padding: 0 30px;
}

.amul-cont {
    background-color: #FFF;
    filter: drop-shadow(0 10px 30px rgba(0, 57, 142, 0.06));
    border-radius: 20px;
    padding: 50px 110px 47px 140px;
    position: relative;
}

.amul-cont-tit {
    font-size: var(--font24);
    line-height: var(--line175);
    color: rgba(21, 21, 21, 1);
    font-weight: bold;
    margin-bottom: 16px;
}

.amul-cont-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
}

.allpro-modu3::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    max-width: 1800px;
    border-radius: 60px;
    background: #ECEEF4;
    box-shadow: 2px 4px 4px 0 rgba(0, 33, 67, 0.06) inset;
    z-index: -2;
    background-image: url(../images/b2_bg07.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.allpro-modu3-ul-li:nth-child(2n) {
    padding-top: 170px;
}

.amul-cont-line {
    position: absolute;
    right: -400px;
    top: 74px;
}

.amul-cont-line svg {
    width: 400px;
}

.allpro-modu3-ul-li:nth-child(2n) .amul-cont-line {
    left: -400px;
    top: 162px;
}

.allpro-modu3-ul-li:nth-last-child(1) .amul-cont-line {
    display: none;
}

.allpro-modu3-ul-li:nth-child(2n) .amul-cont-line svg {
    transform: rotateY(180deg);
}

.amul-cont-icon {
    position: absolute;
    left: -16%;
    top: -50%;
    width: 286px;
}

.amul-cont-icon img {
    width: 100%;
}

.allpro-modu3-ul-li:nth-child(2n) .amul-cont-icon {
    right: -16%;
    left: auto;
}

.allpro-modu4 {
    padding-top: var(--space120);
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
}

.allpro-modu4-pro-tit {
    font-weight: bold;
    text-align: center;
    margin-bottom: 80px;
}

.allpro-modu4-pro-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px -100px;
    justify-content: center;
}

.ampu-li {
    width: 25%;
    padding: 0 14px;
    margin-bottom: 100px;
}

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

.ampu-li-cont-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 23px;
    background-color: var(--vicl1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ampu-li-cont-icon img {
    width: 52px;
}

.ampu-li-cont-tit {
    font-size: var(--font20);
    line-height: var(--line15);
    color: var(--cl1515);
    margin-bottom: 16px;
    font-weight: bold;
    text-align: center;
}

.ampu-li-cont-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    text-align: center;
}

.ampu-li-cont-text {
    padding: 0 35px;
}

.allpro-modu4-pro {
    position: relative;
    padding-bottom: var(--space120);
}

.allpro-modu4-pro-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.allpro-modu4-pro-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.allpro-modu4-compare-tit {
    margin-bottom: 16px;
    font-weight: bold;
    text-align: center;
}

.allpro-modu4-compare-up {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--cl1515);
    margin-bottom: 36px;
    text-align: center;
}

.allpro-modu4-compare-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    text-align: center;
}

.allpro-modu4-compare-text {
    margin-bottom: 75px;
}

.allpro-modu4-compare-bott {
    position: relative;
    width: 86%;
    margin: 0 auto;
}

.allpro-modu4-compare-below {
    display: flex;
    flex-wrap: wrap;
    width: 65%;
}

.allpro-modu4-compare {
    padding-bottom: var(--space120);
}

.amcb-li {
    width: 100%;
}

.amcb-li:first-child {
    border-top-left-radius: 16px;
}

.amcb-li:nth-last-child(1) {
    border-bottom-left-radius: 16px;
}

.amcb-li-cont {
    display: flex;
}

.amcb-li-cont-text {
    width: 50%;
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    padding: 16px 70px 16px 0;
}

.amcb-li-cont .amcb-li-cont-text:first-child {
    font-weight: bold;
    padding-left: 45px !important;
}

.amcb-li:nth-child(2n+1) {
    background-color: rgba(236, 238, 244, 1);
}

.amcb-li:first-child .amcb-li-cont-text {
    padding: 20px 0;
}

.amcb-li:first-child .amcb-li-cont-text {
    font-size: var(--font20);
    color: var(--cl1515);
    font-weight: bold;
}

.amcb-ri-ul {
    display: flex;
    flex-wrap: wrap;
}

.amcb-ri-ul-li {
    width: 100%;
    padding: 16px 48px 16px 50px;
    background-color: #fff;
    position: relative;
    z-index: -1;
}

.arul-cont {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
}

.amcb-ri {
    width: 35%;
    position: absolute;
    top: 0;
    right: 0;
}

.amcb-ri-ul-li:first-child {
    padding: 20px 48px 20px 50px;
}

.amcb-ri-ul-li:first-child .arul-cont {
    font-size: var(--font20);
    color: var(--cl1515);
    font-weight: bold;
}

.amcb-ri-ul-li:first-child::after {
    background-color: var(--vicl2);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 122%;
    z-index: -2;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.amcb-ri-ul-li:nth-last-child(1)::after {
    background-color: var(--color4);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 122%;
    z-index: -1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}


.allpro-modu4-apply {
    padding-bottom: var(--space120);
}

.allpro-modu4-apply-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space24);
}

.allpro-modu4-apply-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    text-align: center;
}

.allpro-modu4-apply-text {
    margin-bottom: var(--space60);
}

.allpro-modu4-apply .amsu-li-cont {
    background: #F5F6F9;
    padding: 0;
    border: 0;
    box-shadow: 0 0px 0px 0px rgba(0, 57, 142, 0.06);
    border-radius: 0;
    min-height: auto;
}

.allpro-modu4-apply .amsu-li-cont .ys-imgbox-cover {
    border-radius: 25px;
    margin-bottom: 20px;
}

.allpro-modu4-apply .amsu-li-cont-tit {
    font-size: var(--font18);
    line-height: var(--line175);
    margin-bottom: 16px;
    text-align: center;
}

.allpro-modu4-apply .amsu-li-cont-text p {
    text-align: center;
}

.allpro-modu4-apply .amsu-li-cont-text {
    padding: 0 40px;
}

.allpro-modu4-apply .hcbp-widget {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.allpro-modu4-apply .hcbp-btn {
    position: relative;
    top: auto;
    bottom: 0;
}

.allpro-modu4-apply .hcbp-le {
    left: 0;
    margin-right: 16px;
}

.allpro-modu4-apply .hcbp-ri {
    right: 0;
}

.allpro-modu5 {
    padding: var(--space120) 0;
}

.allpro-modu5-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space24);
}

.allpro-modu5-text {
    margin: 0 auto var(--space60);
    width: 76%;
}

.allpro-modu5-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
    text-align: center;
}

.allpro-modu5 .case-main-below-li {
    margin-bottom: 0;
    padding: 10px 12px;
}

.allpro-modu5 .case-main-below {
    margin-bottom: 0;
}

.allpro-modu5 .cmbl-link {
    box-shadow: 0 0px 12px 0px rgba(0, 33, 67, 0.10);
}

.allpro-modu5 .detail-cust-below {
    margin-bottom: 83px;
}

.allpro-modu5 .case-main-below-li:not(:first-child) {
    display: none;
}

.allpro-modu5-ul {
    display: flex;
    flex-wrap: wrap;
}

.allpro-modu5-ul-li {
    width: 16.666666%;
}

.allpro-modu6 .cmul-cont {
    cursor: pointer;
}

.allpro-modu6-tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: var(--space60);
}

.allpro-modu6 .case-main-card {
    margin-bottom: 50px;
}

.allpro-modu6 {
    position: relative;
}

.allpro-modu6-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.allpro-modu6-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}

.allpro-modu6 .case-main-ul {
    background: #E3E6EB;
}

.amsu-li-cont {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
    display: flex;
    flex-direction: column;
    padding: 60px 60px 43px;
    height: 100%;
    min-height: 336px;
}

.allpro-modu6 .amsu-li {
    width: 33.333333% !important;
}

.allpro-modu6 .amsu-li-cont {
    box-shadow: 0 0px 0px 0px rgba(0, 57, 142, 0.06);
    padding: 60px 60px 73px;
    height: 100%;
    min-height: auto;
    border-radius: 20px 20px 40px 20px;
}

.allpro-modu6-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.allpro-modu6-ul-li {
    width: 25%;
    padding: 0 14px;
}

.amul-content {
    border-radius: 20px;
    border: 1px solid rgba(21, 43, 85, 0.20);
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0 2px 33px 0 rgba(0, 33, 67, 0.10);
    padding: 47px 40px 52px;
    height: 100%;
}

.amul-cont-num {
    font-size: 60px;
    line-height: var(--line16);
    color: var(--vicl2);
    text-align: center;
    font-weight: bold;
}

.amul-content-tit {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl1515);
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

.amul-content-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--cl666);
    text-align: center;
}

.allpro-modu2-rfid {
    position: relative;
}

.allpro-modu2-rfid-back {
    position: absolute;
    top: -142px;
    left: 0;
    z-index: -1;
    width: 1666px;
}

.allpro-modu2-rfid-back img {
    width: 100%;
}

.allpro-modu2-rfid-icon {
    position: absolute;
    top: 0;
    right: 0;
}

.allpro-modu2-rfid-icon img {
    width: 100%;
}

.allpro-modu1-price-icon {
    position: absolute;
    right: -220px;
    top: 0;
}

.allpro-modu1-price-icon img {
    width: 100%;
}

.allpro-banner-le-tit {
    font-weight: bold;
    margin-bottom: 39px;
}

.allpro-banner-le-text p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(64, 68, 78, 1);
}

.allpro-banner-le-text {
    margin-bottom: 39px;
}

.allpro-banner-back {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 1800px;
}

.allpro-banner {
    position: relative;
    background-color: #F5F6F9;
    overflow: visible;
    z-index: 9;
}

.allpro-banner-le {
    width: 37%;
}

.allpro-page .allpro-banner-le {
    padding-top: 100px;
}

.allpro-banner-ri {
    width: 44.5%;
    margin-top: 13px;
}

.allpro-banner-back img {
    width: 100%;
    border-radius: 40px;
}

/* c1 */
.solutall-page .allpro-modu1-sign {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
}

.allpro-modu1-sign-back {
    position: absolute;
    top: 108px;
    left: 0;
    width: 1410px;
    z-index: -1;
}

.allpro-modu1-sign-back img {
    width: 100%;
}

.solutall-main-tit {
    text-align: center;
    margin-bottom: var(--space24);
    font-weight: bold;
}

.solutall-main-text p {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--cl666);
    text-align: center;
}

.solutall-main-text {
    margin-bottom: var(--space100);
}

.solutall-main {
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
    padding-bottom: var(--space120);
    overflow: visible;
}


.securi-secure {
    width: 100%;
    position: relative;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
}

/* .ys-page-wrap.act .mod-hd {
    background: #fff;
} */

.securi-secure-le {
    width: 220px;
    padding-left: 70px;
    z-index: 10;
    position: relative;
}

.securi-secure-ri {
    width: calc(100% - 220px);
}

.sslu-li p {
    color: #152B55;
    line-height: 1.5;
    font-weight: bold;
    transition: all 0.36s;
}

.sslu-li {
    cursor: pointer;
    margin: 30px 0;
    position: relative;
}

.sslu-li-icon-img {
    width: 60px;
    height: 60px;
    border: 1px solid rgba(64, 68, 78, 0.20);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

.sslu-li-icon-img .ys-imgbox-cover {
    width: 32px;
}


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

.sslu-li-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -16px;
    opacity: 0;
    transition: all 0.36s;
}

.sslu-li.act p {
    color: #F6C613;
}

.sslu-li.act .sslu-li-icon {
    opacity: 1;
}

.securi-secure-ri-li {
    width: 100%;
    position: relative;
}

.securi-secure-ri-li1 {
    background: #ECEEF4;
}

.ssrl-wrap {
    width: 100%;
    position: relative;
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ssrl-wrap-le .std-h3 {
    color: #151515;
    font-weight: bold;
}

.ssrl-wrap-le {
    width: 30%;
    margin-top: 38px;
    position: sticky;
    position: -webkit-sticky;
    top: 140px;
}

.ssrl-wrap-ri {
    width: 65%;
}

.ssrl-wrap-ri-ul {
    width: 100%;
}

.swru-li {
    width: 100%;
    background: #FFF;
    padding: 50px 80px;
    margin-bottom: 4px;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
}

.swru-li-tit {
    margin-bottom: 24px;
}

.swru-li-tit .std-h5 {
    font-weight: bold;
    color: #151515;
}

.swru-li-btm p {
    color: #40444E;
    line-height: 1.5;
    padding-left: 23px;
    position: relative;
    margin-bottom: 14px;
}

.swru-li-btm p::after {
    content: '';
    position: absolute;
    top: -9px;
    left: -14px;
    width: 42px;
    height: 42px;
    background: url(../images/f1dots.svg);
    background-size: 100% 100%;
}

.swru-li:first-child {
    border-radius: var(--radius1) var(--radius1) 0 0;
}

.swru-li:last-child {
    border-radius: 0 0 var(--radius1) var(--radius1);
}

.ssrl-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

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


.securi-secure-ri-li2 {
    background: #F7F9FD;
}

.ssrl-wrap-ri-img {
    width: 68%;
    margin-bottom: 26px;
}

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

.swrb-li {
    width: 100%;
    padding: 34px 0 28px;
    border-bottom: 1px solid rgba(21, 43, 85, 0.2);
}

.swrb-li-tit .std-h5 {
    color: #151515;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
}

.swrb-li-tit .std-h5::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../images/f1dui.svg);
    background-size: 100% 100%;
}

.swrb-li-info p {
    color: #40444E;
    line-height: 1.75;
}

.swrb-li-tit {
    margin-bottom: 13px;
}

.securi-secure-ri-li3 .ssrl-wrap-le .std-h3 {
    color: #fff;
}

.ssrl-wrap-ri-system {
    width: 100%;
}

.swrs-firewa {
    width: 100%;
    background: #FFF;
    padding: 54px 77px;
    box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
    margin-bottom: 4px;
}

.swrs-firewa-tit .std-h5 {
    color: #151515;
    line-height: 1.5;
    position: relative;
    padding-left: 23px;
    font-weight: bold;
}

.swrs-firewa-tit .std-h5::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 24px;
    background: #F6C613;
}

.swrs-firewa-tit {
    margin-bottom: 20px;
}

.swrs-firewa-info p {
    color: #40444E;
    line-height: 1.75;
}


.swrs-firewa:first-child {
    border-radius: var(--radius1) var(--radius1) 0 0;
}

.swrs-firewa:last-child {
    border-radius: 0 0 var(--radius1) var(--radius1);
}

.swrs-firewa-top-icon {
    width: 52px;
    flex: none;
}

.swrs-firewa-top-tit {
    padding-left: 45px;
    padding-top: 7px;
}

.swrs-firewa-top-tit .std-h5 {
    color: #151515;
    font-weight: bold;
}

.swrs-firewa-top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
}

.securi-secure-ri-li5 .ssrl-wrap-le .std-h3 {
    color: #fff;
}

.securi-secure-ri-li:first-child {
    border-radius: 140px 0 0 0;
}

.securi-secure-ri-li:last-child {
    border-radius: 0 0 0 140px;
}

.securi-page .ys-footer {
    border-top-right-radius: 0;
}

.securi-secure-le-ul {
    padding-top: 200px;
    padding-bottom: 200px;
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
}

.ssrl-wrap-le-tit {
    font-size: var(--font32);
    line-height: var(--line15);
    outline-offset: var(--cl1515);
    font-weight: bold;
    margin-bottom: var(--space24);
    position: relative;
    padding-left: 30px;
}

.ssrl-wrap-le-text p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--cl666);
}

.solutall-page .securi-secure-ri {
    background: #fff;
    position: relative;
    z-index: 6;
    border-top-left-radius: 140px;
    border-bottom-left-radius: 140px;
    padding: 70px 0;
}

.solutall-page .ssrl-wrap {
    padding: 0;
    align-items: center;
}

.solutall-page .ssrl-wrap-le {
    width: 43%;
    margin-top: 0;
    position: relative;
    top: 0;
}

.solutall-page .ssrl-wrap-ri {
    width: 43%;
}

.solutall-page .securi-secure-ri-li:nth-child(2n) .ys-cont1200::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(90deg, rgba(245, 246, 249, 0.00) 0%, #F5F6F9 25%, #F5F6F9 75%, rgba(245, 246, 249, 0.00) 100%);
}

.solutall-page .securi-secure-ri-li .ys-cont1200 {
    position: relative;
    padding: 70px 0;
}

.solutall-page .securi-secure-ri-li:nth-child(2n) .ssrl-wrap {
    flex-direction: row-reverse;
}

.ssrl-wrap-le-tit::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 32px;
    background-color: var(--vicl2);
}

.solutall-page .securi-secure-le-ul {
    padding-top: 300px;
}

.solutall-page .sslu-li {
    margin: 0px 0 50px;
}

.solutall-body {
    overflow: visible;
}

/* .solutall-page .sslu-li p {
    padding-right: 58px;
} */

.solutall-page .sslu-li-icon-img .ys-imgbox-cover {
    width: 24px;
    height: 24px;
}

.solutall-page .allpro-modu5-tit {
    margin-bottom: var(--space60);
}

.solutall-page .allpro-modu5 {
    background-color: #F5F6F9;
    position: relative;
    z-index: 6;
    padding: 0 0 var(--space120);
}

.allpro-banner-cont {
    position: absolute;
    width: 100%;
    top: 86px;
}

.pmml-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space50);
}

.pmml-top .pmml-tit {
    margin-bottom: 0
}

.news-page .home-news-btm-ul {
    margin: 0 -14px -60px;
}

.news-page .hnbu-link-btm-tit p {
    color: rgba(51, 51, 51, 1);
}

.news-page .hnbu-link {
    box-shadow: 0 2px 33px 0 rgba(0, 33, 67, 0.10);
}

.allpro-page .allpro-banner-cont {
    top: 0;
}

.case-main {
    position: relative;
}

/* leah-end */

.qmbu-li.on .qmbu-li-top-le,
.qmbu-li.on .qmbu-li-top-ri p {
    color: var(--vicl1);
}


.allpro-banner-le {
    width: 42%;
}

.allpro-modu2-rfid {
    position: relative;
    z-index: 10;
}

.allpro-modu2-rfid-icon {
    z-index: -1;
}

.amcb-ri-ul-li .amcb-li-cont-text {
    display: none;
}

.amsu-li .hcbs-wrap-le-more {
    margin-top: 24px;
}

.allpro-modu1-sign .amsu-li-cont {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.jion-pop .ys-modal-content {
    width: 833px;
    border-radius: 20px;
}

.jion-pop-tit .std-h4 {
    color: #151515;
    font-weight: bold;
}

.jion-pop-tit {
    margin-bottom: 16px;
}

.jion-pop-info {
    display: flex;
    margin-bottom: 32px;
}

.jion-pop-info span {
    color: #F6C613;
    line-height: 1.4;
    display: block;
    position: relative;
    margin-right: 32px;
}

.jion-pop-info span::after {
    content: '';
    position: absolute;
    top: 3px;
    right: -16px;
    width: 1px;
    height: 16px;
    background: #F6C613;
}

.jion-pop-info span:last-child::after {
    display: none;
}

.jion-pop-info span:last-child {
    margin-right: 0 !important;
}

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

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

.jpul-info p {
    color: #666666;
}

.jpul-info p {
    color: #666666;
    line-height: 1.75;
}

.jion-pop-ul-li {
    margin-bottom: 32px;
}

.jion-pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
    background-color: #F6C613 !important;
}

.jion-pop .ys-modal-close {
    width: 20px;
    top: 20px;
    right: 20px;
}

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

.jion-pop .mCSB_outside+.mCSB_scrollTools {
    right: 21px;
}

.jion-pop .mCSB_scrollTools {
    height: 76% !important;
}

.jion-pop .mCSB_scrollTools {
    top: 78px;
}

.jion-pop .ys-modal-content {
    max-height: 580px;
}

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

.jmbt-info span {
    font-size: var(--font32);
    font-weight: bold;
    color: #F6C613;
    padding-right: 16px;
    line-height: 1.75;
}

.jmbt-info1 a {
    position: relative;
    display: inline-block;
    color: #fff;
    line-height: 1.75;
}

.jmbt-info1 a::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transition: all 0.36s;
}

.jmbt-info1 {
    margin-bottom: 27px;
}

.jmbt-input-type {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 30px;
    width: 100%;
    z-index: 10;
}

.jmbt-input-info {
    font-weight: bold;
    line-height: 1.75;
    font-weight: bold;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .jmbt-info1 a:hover {
        color: #F6C613;
    }

    .jmbt-info1 a:hover::after {
        background: #F6C613;
    }

    .mod-side-ul-li3:hover .msul-code {
        opacity: 1;
        right: 100%;
        transform: translateX(0);
        pointer-events: all;
    }

    .mod-side-ul-li1:hover .msul-aside {
        transform: translateX(0) translateY(-50%);
        opacity: 1;
    }

    .hrtu-li:hover .hrtu-wrap-link img {
        transform: rotate(180deg);
    }

    .head-nav-item:hover .head-nav-item-title img {
        transform: rotate(180deg);
    }

    .hnip-cont-ri:hover .hlbt-iocn img:nth-child(1) {
        opacity: 0;
    }

    .hnip-cont-ri:hover .hlbt-iocn img:nth-child(2) {
        opacity: 1;
    }

    .hcbs-wrap:hover .ybwm-more-icon img:nth-child(1) {
        opacity: 0;
    }

    .hcbs-wrap:hover .ybwm-more-icon img:nth-child(2) {
        opacity: 1;
    }

    .hwlm-link:hover .ybwm-more-icon img:nth-child(1) {
        opacity: 0;
    }

    .hwlm-link:hover .ybwm-more-icon img:nth-child(2) {
        opacity: 1;
    }

    .hwlm-link:hover .ybwm-more-icon img:nth-child(2) {
        opacity: 1;
    }


    .ybwm-more:hover .ybwm-more-icon img:nth-child(1) {
        opacity: 0;
    }

    .ybwm-more:hover .ybwm-more-icon img:nth-child(2) {
        opacity: 1;
    }

    .mod-fot-top-ri>ul>li>ul>li a:hover {
        color: #fff;
    }

    .hnbu-link:hover .hnbu-link-btm-tit p {
        color: #F6C613;
    }

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

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

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

    .hcbp-btn:hover img:nth-child(2) {
        opacity: 1;
    }

    .hcbs-wrap:hover .hwlm-link span {
        color: #F6C613;
    }

    .hcbs-wrap:hover .hwlm-link path {
        stroke: #F6C613;
    }

    .hwlm-link:hover span {
        color: #F6C613;
    }

    .hwlm-link:hover path {
        stroke: #F6C613;
    }

    .hsbu-wrap-top:hover .ys-imgbox-cover img {
        transform: scale(1.02);
    }

    .ybwm-more:hover {
        background: #152B55;
        border-color: #152B55;
    }

    .ybwm-more:hover span {
        color: #fff;
    }

    .ybwm-more:hover svg path {
        stroke: #fff;
    }

    /* leah-start */
    .cmbl-link:hover .cmbl-link-below-tit {
        color: var(--vicl1);
    }

    .tmbl-link:hover .tmbl-link-below::after {
        opacity: 1;
    }

    .tmbl-link:hover .tmbl-link-below-cont {
        opacity: 1;
    }

    .tmbl-link:hover .tmbl-link-top svg {
        transform: rotate(45deg);
    }

    .pmml-ul-li-link:hover {
        box-shadow: 0px 0px 0px 8px rgba(0, 33, 67, 0.06) inset;
    }

    .pmml-ul-li-link:hover .pull-tit-more p {
        color: var(--vicl2);
    }

    .pmml-ul-li-link:hover svg path {
        stroke: var(--vicl2);
    }

    .amcu-li-cont:hover .amcu-li-cont-ri img {
        transform: scale(1.02);
    }

    .pmml-ul-li-link:hover .pull-tit {
        color: var(--vicl2);
    }

    .nmul-link:hover .nmul-link-ri {
        color: var(--vicl1);
    }

    .nrul-link:hover .nrul-link-tit {
        color: var(--vicl2);
    }

    .cmbl-link:hover .cmbl-link-below-tit {
        color: var(--vicl2);
    }

    /* leah-endF */

    .nrul-link:hover {
        background: #FFF;
        box-shadow: 0 10px 30px 6px rgba(0, 57, 142, 0.06);
    }

    .hnbu-link:hover .hnbu-link-btm-tit p {
        color: #152B55;
    }

    .mod-side-ul-li:hover .msul-aside {
        pointer-events: all;
    }

    .ovcb-ul-li1:hover .ovcb-ul-li-begin {
        transform: scale(1.1);
    }

}

.hsbu-wrap-top-ri .ys-imgbox-cover {
    overflow: visible !important;
}

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

.hpos-li .ys-imgbox-contain {
    background: #fff;
}

.head-right-btm .head-nav-item-pop1 {
    top: 131px;
}

.home-value-btm-posit {
    position: absolute;
    bottom: 10%;
    width: 100%;
    height: 2px;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.home-partne-option-ul .slick-list {
    padding-left: 10px;
    padding-right: 10px;
}

.home-partne-option-ul::after {
    width: calc(100% - 20px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.hpos-li-wrap {
    width: 100%;
    background: #fff;
    padding: 52px 25px;
}

.hnbu-link-btm-tit p {
    color: #151515;
}

.jion-main,
.ques-page,
.serv-main,
.newdetail-page,
.news-page,
.detail-page,
.solutall-page,
.pro-page,
.allpro-page {
    background: #f5f6f9;
}

.news-main,
.allpro-modu5 {
    background: #fff;
}

.allpro-modu2-ccn-ul .slick-track {
    height: 100%;
}

.allpro-banner-le {
    width: 43%;
}

.allpro-modu3-ul-li:nth-child(2n) .amul-cont {
    padding-left: 110px;
    padding-right: 145px;
}

.amsu-li-cont {
    padding: 60px 50px 43px;
}

.allpro-page .allpro-banner-le {
    padding-bottom: 140px;
}

.allpro-page .allpro-banner-all {
    align-items: center;
}

.allpro-modu1-sign .hcbp-btn {
    transform: none;
}

.allpro-modu1-sign .hcbp-le {
    transform: rotate(180deg);
}

.securi-page .ssrl-wrap {
    padding-left: 0 !important;
}

.scsi-box-ri-ul.act .sbru-li {
    width: 100%;
}

.part-main .ys-pos-center {
    top: 47%;
}


.over-value .ovct-ri p {
    margin-bottom: 8px;
}


.over-course-year-cont {
    width: 74%;
}


.news-page .hnbu-link {
    box-shadow: 0 2px 33px 0 rgba(0, 33, 67, 0.10);
}

.jtbu-li1 .jupc-ul-li {
    border-bottom: 1px solid #E6E9ED;
    border-right: 1px solid #E6E9ED;
}

.jtbu-li1 .jupc-ul-li:nth-child(2n) {
    border-right: none;
}

.jtbu-li1 .jupc-ul-li:nth-last-child(1),
.jtbu-li1 .jupc-ul-li:nth-last-child(2) {
    border-bottom: none;
}

.jtbu-li2 .jtbu-li-pic-cont::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 60%;
    background: rgba(8, 52, 147, 0.50);
    z-index: -1;
    border-radius: 20px;
}

.jtbu-li-pic-cont {
    z-index: 0;
    position: relative;
    z-index: 1;
}


.jion-mail-box-text {
    padding-right: 90px;
}

#chatBtn {
    opacity: 0 !important;
    pointer-events: none !important;
}

.allpro-modu4 .hcbp-btn {
    transform: none;
}

.allpro-modu4 .hcbp-le {
    transform: rotate(-180deg);
}

.allpro-modu2-ccn-text {
    width: 913px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.solutall-page .securi-secure-le-ul {
    padding-top: 250px;
    top: 0 !important;
}

.ovcb-ul-li1 .ovcb-ul-li-pic {
    --mask: radial-gradient(60px at 0 0, #0000 98%, #000) 0 0 / 100% 100% no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
}

.over-course-year-cont {
    width: 70%;
}

.home-digiti-ri-svg svg {
    width: 100%;
}

.allpro-modu1-sign.acty .hcbp-widget {
    display: none;
}

.allpro-modu1-sign.acty .allpro-modu1-sign-swiper {
    padding-bottom: 0 !important;
}


/* Yori辅助切图 */
.partner-ecological-box-right {
    width: 56%;
}

.pebr-form {
    background: linear-gradient(0deg, rgba(245, 246, 249, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%);
    backdrop-filter: blur(25px);
}

.partner-ecological-box-left {
    width: 32%;
    padding-top: 56px;
}

.partner-ecological-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.partner-ecological-box-left .std-h3 {
    font-weight: bold;
    line-height: 1.75;
    color: #151515;
    margin-bottom: 44px;
}

.partner-ecological-box-left .std-tit20,
.partner-ecological-box-left .std-tit20 p {
    line-height: 1.75;
    color: #666666;
}

.pebr-form {
    position: relative;
    /* background: linear-gradient(0deg, rgba(245, 246, 249, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%); */
    /* background-image: linear-gradient(to bottom, rgba(245, 246, 249, 1), ); */
    /* background-color: rgba(245, 246, 249, 0.6); */
    padding: 44px 75px;
    border-radius: 40px;
}

/* .pebr-form::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
} */

.pebr-form .ys-fii-name {
    font-size: var(--font16);
    line-height: 1.5;
    color: #151515;
    margin-bottom: 0;
}

.pebr-form-input .ys-fii-input,
.pebr-form-nub .ys-fii-input {
    border: none;
    border-bottom: 1px solid #666666;
    height: 42px;
}

.pebr-form-txt .ys-fii-input {
    height: 88px;
}


.pebr-form-btn {
    margin-left: 0;
}

.pebr-form-agree .ys-fia-text-word a {
    color: #F6C613;
}

.pebr-form-btn .ys-fii-submit {
    font-weight: 400;
    line-height: 1.75;
    border-radius: 30px;
    padding: 11px 30px;
    height: auto;
}

.pebr-form-btn {
    width: 31%;
}

.pebr-form-agree .ys-fia-text-btn {
    width: 9px;
    height: 9px;
    color: #D9D9D9;
    margin-top: 1px;
}

.pebr-form-agree .ys-fia-text-word {
    padding-left: 5px;
    color: #666666;
    font-size: 14px;
}



.partner-ecological .mod-bord {
    position: absolute;
    top: 32px;
    left: 0;

}

.partner-ecological {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
    position: relative;
    background-color: #dbd8d809;
    z-index: 10;
}

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

.pebr-form .ys-form-inof li:nth-last-child(1) {
    margin-bottom: 0;
}

.pecl-img1 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.6;
}

.pecl-img1 img {
    width: 100%;
}

.pecl-img2 {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.pecl-img2 img {
    height: 100%;
    width: 100%;
    transform: rotateY(180deg);
    object-fit: cover;
}

.partner-ecological-case-left {
    width: 47%;
    position: relative;
}

.partner-ecological-case {
    display: flex;
    position: absolute;
    flex-wrap: wrap;

    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.partner-ecological-case-right {
    width: 43%;
}

.partner-page .mod-main {
    position: relative;
}

.pebr-form .pebr-form-nub {
    width: 100%;
    margin-bottom: 24px;
}

.pebr-form-nub-box .ys-fic-auth-img {
    margin-left: 8px;
    margin-top: -8px;
    height: 50px;
}

.pebr-form-nub-box .ys-fic-auth-img img {
    flex: none;
}

.pebr-form-nub .ys-fii-input {
    flex: none;
    width: 47%;
}

.mod-side2-case-img1 {
    width: 46px;
    margin: 0 auto 6px;
}

.mod-side2-case-img1 img {
    width: 100%;
}

.mod-side2-case-img2 {
    margin: 0 auto 24px;
    width: 57px;

}

.mod-side2-case-img2 img {
    width: 100%;
}

.msul-box p {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 6px;
    color: #FFFFFF;
}

.msul-box {
    padding: 7px 4px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    background-color: #152B55;
    align-items: center;
}

.mod-side2-btn-link p {
    font-weight: bold;
    line-height: 1.5;
    color: #152B55;
    font-size: 14px;
}

.mod-side2-btn-link {
    padding: 7px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F6C613;
}

.mod-side2-ul li:nth-last-child(1) {
    margin-bottom: 0;
}

.mod-side2-ul {
    margin-bottom: 24px;
}

.mod-side2-ul-li {

    margin-bottom: 8px;
}

.mod-side2 {
    width: 130px;
    box-shadow: 0 2px 6px 0 rgba(0, 33, 67, 0.06) inset;
    border-radius: 80px 80px 20px 20px;
    border: 2px solid #F6C613;
    padding: 24px 10px 8px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: -116px;
    z-index: 99;
    transition: all 0.36s;

}

.mod-side2-case {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mod-side2.on {
    left: 10px;

}

.mod-side2-btn2 {
    position: absolute;
    cursor: pointer;
    width: 24px;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F6C613;
    border-radius: 20px;
}

.msul-box-icon {
    width: 16px;
}

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

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

.mod-side2-btn2-icon {
    width: 14px;
    transform: rotateY(-180deg);
}

.mod-side2.on .mod-side2-btn2 .mod-side2-btn2-icon {
    transform: rotateX(180deg);
}

.pebr-form .ys-fii-input input,
.pebr-form .ys-fii-input textarea {
    padding-left: 0;
}

.pebr-form .ys-fii-input textarea {
    padding-bottom: var(--spacein);
}

.pebr-form .ys-fii-tips span {
    font-size: var(--font14);
}

.partner-page {
    background: #f5f6f9;
}

.home-team-top-img.act {
    animation: bounceIng 1.2s ease both;
    animation-delay: 0.2s;
}

.home-team-top-img.act .ys-imgbox-cover {
    animation: popmove 5s linear infinite;
}

.home-team-top-img2.act .ys-imgbox-cover,
.home-team-top-img4.act .ys-imgbox-cover {
    animation-delay: 2s;
}

.home-digiti-ri.act .hdrs-svg-wrap {
    animation: fallwrap 1s ease both;
}

.home-digiti-ri.act .hdrs-svg-wrap1 {
    animation-delay: 0.2s;
}

.home-digiti-ri.act .hdrs-svg-wrap2 {
    animation-delay: 0.3s;
}

.home-digiti-ri.act .hdrs-svg-wrap3 {
    animation-delay: 0.4s;
}

.home-digiti-ri.act .hdrs-svg-wrap4 {
    animation-delay: 0.5s;
}

.home-digiti-ri.act .hdrs-svg-wrap5 {
    animation-delay: 0.6s;
}

.home-digiti-ri.act .hdrs-svg-wrap6 {
    animation-delay: 0.7s;
}

.home-digiti-ri.act .hdrs-svg-wrap7 {
    animation-delay: 0.8s;
}



@keyframes fallwrap {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.tmbl-link-below,
.pmml-ul-li-link {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.amsu-li-cont {
    min-height: 296px;
}

/* .allpro-modu3-ul-li {
    position: relative;
    z-index: 10;
} */

.amul-cont-line {
    z-index: -1;
}

.amul-cont {
    z-index: 10;
}

.allpro-modu3-ul {
    position: relative;
    z-index: 10;
}


.solutall-page .allpro-banner-cont {
    top: 50%;
    transform: translateY(-50%);
}

.allpro-modu1-sign .allpro-modu1-sign-tit {
    margin-top: 50px;
}


.allpro-banner-ri {
    width: 50.5%;
}

.allpro-banner-le {
    width: 36%;
}

.yx_succpage {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ys-pribanner .ys-privacyh1 {
    color: #151515;
}

.ys-pribanner {
    height: 390px !important;
}

.ys-privacy .ys-priban {
    top: 67% !important;
}

/* Yori 9-24 start */
.home-solutio-btm{
    position: relative;
}
.home-solutio-btm .hcbp-le{
   transform: translateY(calc(-50% - 14px)) rotate(180deg);
}
.allpro-page .allpro-banner-cont{
    position: relative;
}
.allpro-page .allpro-banner-back{
    position: absolute;
    top:0;
    height: 100%;
}
.allpro-page .allpro-banner-back  img{
width: 100%;
height: 100%;
object-fit: cover;
}
.allpro-page .allpro-banner-all {
    width: calc(100% + 200px);
}
.allpro-page .allpro-banner-ri {
    width: 62.5%;
}
.ys-phs-form .iconfont.icon-search{
    color: #666;
}
.pull-center img{
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}
.pull-center{
    position: absolute;
    bottom: 0px;
    z-index: -1;
    width: 100%;
    overflow: hidden;
}
.pmml-center-le .pmml-ul-li-link .ys-imgbox-cover{
    position: relative;
    z-index: -2;
}

/* Yori 9-24 end */

.home-main .mod-side {
    right: 16px !important;
}


