@charset "utf-8";

@font-face {
    font-family: 'Guoli-Light';
    src: url('../fonts/UrbanistLight/UrbanistLight.woff2') format('woff2'),
        url('../fonts/UrbanistLight/UrbanistLight.woff') format('woff');
}

@font-face {
    font-family: 'Guoli-Regular';
    src: url('../fonts/UrbanistRegular/UrbanistRegular.woff2') format('woff2'),
        url('../fonts/UrbanistRegular/UrbanistRegular.woff') format('woff');
}

@font-face {
    font-family: 'Guoli-Bold';
    src: url('../fonts/UrbanistBold/UrbanistBold.woff2') format('woff2'),
        url('../fonts/UrbanistBold/UrbanistBold.woff') format('woff');
}

/* 公共样式 - start */
:root {
    /* 字号 */
    --font56: 56px;
    --font48: 48px;
    --font44: 44px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    /* 导航 */
    --line80: 80px;
    /* 颜色 */
    --color333: #333333;
    --color666: #666666;
    --color999: #999999;
    --colorfff: #ffffff;
    --color030: #030F27;
    --colormain1: #CF0A2C;
    --colormain2: #0069A6;
    --colorbj: #F2F7FC;
    /* 板块间距 */
    --space130: 130px;
    --space80: 80px;
    --space44: 44px;
    --space24: 24px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1: 'Guoli-Regular' !important;
    --family2: 'Guoli-Light' !important;
    --family3: 'Guoli-Bold' !important;
}

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

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

.std-h3,
.yxedr-active h3 {
    font-size: var(--font44);
    color: var(--color030);
    line-height: var(--line12);
}

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

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

.std-h6,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--color030);
    line-height: var(--line14);
}

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

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

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

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

.std-padd130 {
    padding: var(--space130) 0;
}

.std-padd130-top {
    padding-top: var(--space130);
}

.std-padd130-bot {
    padding-bottom: var(--space130);
}

.std-padd80 {
    padding: var(--space80) 0;
}

.std-padd80-top {
    padding-top: var(--space80);
}

.std-padd80-bot {
    padding-bottom: var(--space80);
}

.std-mar44 {
    margin-bottom: var(--space44);
}

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

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

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

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

/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
/*分享翻译*/
.ys-wechat-cont-parga p::before {
    content: '分享到 - 微信';
    /* content: 'Share the - weixin'; */
}

/* grchdgs样式 */
a[href="https://www.grchdgs.com"] {
    color: rgba(228, 228, 228, 0.12) !important;
    margin-left: 12px;
    display: inline-block;
}

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

.yxnav-active2 {}

.head-nav-item-title {
    line-height: var(--line80);
}

/* 按钮-start */
.std-btn1-box {
    display: block;
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: var(--line16);
    border-radius: 100px;
    border: 1px solid #D0DBE1;
    padding: 10px 32px;
    cursor: pointer;
    transition: all .4s;
}

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

.std-btn1.black .std-btn1-box {
    color: var(--color030);
    border: 1px solid #D0DBE1;
}

.std-btn2-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.std-btn2-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: solid 1px var(--colormain2);
    position: relative;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
    transition: all .4s;
}

.std-btn2-icon img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
}

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

.std-btn2-box p {
    color: var(--color030);
    line-height: var(--line175);
    font-size: var(--font16);
    margin-bottom: 0px !important;
}

.std-btn2.white .std-btn2-icon {
    border: solid 1px var(--colorfff);
}

.std-btn2.white p {
    color: var(--colorfff);
}

/* 轮播溢出隐藏 */
.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;
}

/* 公共样式 - end */
/* 底部导航-start */
.mod-foot {
    padding-top: 75px;
    background: var(--color030);
}

.mod-foot-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.mod-foot-top-le {
    width: 22%;
}

.mod-foot-top-ri {
    width: 58%;
}

.mftl-logo {
    width: 240px;
    margin-bottom: 70px;
}

.mftl-logo a {
    display: block;
    width: 100%;
}

.mftl-logo a img {
    width: 170px;
}

.mftl-tel {
    width: 92%;
    padding: 10px 10px 8px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    border: solid 1px #fff;
}

.mftl-tel p,
.mftl-tel p a {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
}

.mftl-tel-icon {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}

.mftl-tel-icon img {
    width: 100%;
}

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

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

.mulb-le {
    display: flex;
    align-items: center;
    margin-right: 6px;
    flex-shrink: 0;
}

.mulb-le-icon {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}

.mulb-le-icon img {
    width: 100%;
}

.mulb-le p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line175);
}

.mulb-ri p,
.mulb-ri p a {
    font-size: var(--font14);
    color: rgba(255, 255, 255, 0.8);
    line-height: 2;
    display: inline-block;
}

.mftl-ul-li-box {
    display: flex;
    align-items: flex-start;
}

.mftl-share {
    margin-top: 84px;
}

.mftl-sahre-ul {
    display: flex;
    margin: 0 -10px;
}

.mftl-share-ul-li {
    padding: 0 10px;
    position: relative;
}

.msul-show {
    width: 24px;
    cursor: pointer;
    display: block;
}

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

.msul-hide {
    width: 146px;
    position: absolute;
    left: 50%;
    bottom: 105%;
    transform: translateX(-50%);
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 15px 35px 0px rgba(71, 71, 71, 0.10);
    padding: 10px;
    display: none;
}

.mod-foot-bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-top: solid 1px rgba(207, 207, 207, 0.43);
}

.mod-foot-bot-le p span,
.mod-foot-bot-le p span a {
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--colorfff);
    opacity: 0.5;
    display: inline-block;
}

.mod-foot-bot-le p span a {
    opacity: 1;
}

.mod-foot-top {
    margin-bottom: 10px;
}

.mfbr-ul {
    display: flex;
    margin: 0 -5px;
}

.mfbr-ul-li {
    padding: 0 5px;
}

.mfbr-ul-li a {
    color: var(--color999);
    font-size: var(--font14);
    line-height: var(--line175);
    transition: all .4s;
}

.mftr-ul-li-link a {
    font-size: var(--font18);
    font-weight: bold;
    color: var(--colorfff);
    line-height: var(--line14);
    display: block;
}

.mftr-ul-li-link {
    margin-bottom: var(--space24);
}

.mftr-ul {
    display: flex;
    justify-content: space-between;
}

.mftr-ul-li-link a {
    display: block;
    font-weight: bold;
    font-size: var(--font18);
    color: var(--colorfff);
    line-height: var(--line15);
    margin-bottom: var(--space24);
}

.mftr-ul-li ul li {
    margin-bottom: 12px;
}

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

.mftr-ul-li ul li p a {
    display: block;
    font-size: var(--font14);
    opacity: 0.8;
    transition: all .4s;
    line-height: var(--line16);
    color: var(--colorfff);
}

.mod-foot {
    position: relative;
    overflow: hidden;
}

.mod-foot-bg {
    width: 34%;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.mod-foot-bg img {
    width: 100%;
}

.mod-return {
    width: 44px;
    position: fixed;
    bottom: 80px;
    right: 40px;
    cursor: pointer;
    z-index: 12;
    transition: all .4s;
    transform-origin: center bottom;
    transform: scale(0);
}

.mod-return.ys-show {
    transform: scale(1);
}

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

.mod-foot {
    position: relative;
}

/* 底部导航-end */
/* 顶部导航-start */
.ys-hd-pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--colorfff);
    border-bottom: solid 1px #D0DBE1;
    transition: all .4s;
}

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

.head-logo {
    width: 172px;
}

.head-logo a {
    display: block;
    line-height: var(--line80);
    position: relative;
}

.head-logo img {
    width: 100%;
    transition: all .4s;
}

.head-logo img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.head-nav {
    display: flex;
    margin: 0px !important;
}

.head-nav-item {
    padding: 0 !important;
    margin-right: 36px;
}

.head-nav-item.yxnav-active1 .head-nav-item-title p {
    color: var(--colormain2) !important;
}

.head-nav-item.yxnav-active1 .hnit-icon img:nth-child(3) {
    opacity: 1;
}

.head-nav-item.yxnav-active1 .hnit-icon img:nth-child(1) {
    opacity: 0;
}

.head-nav-item.yxnav-active1 .hnit-icon {
    /* transform: rotate(180deg); */
}

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

.head-nav-item-title p {
    line-height: var(--line80);
    color: var(--color030);
    transition: all .4s;
    font-size: var(--font16);
}

.hnit-icon {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    position: relative;
    margin-left: 8px;
    transition: all .4s;
    display: none;
}

.has-pull .hnit-icon {
    display: block;
}

.hnit-icon img {
    width: 100%;
    transition: all .4s;
}

.hnit-icon img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hnit-icon img:nth-child(3) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mod-nav-lang-ul {
    display: flex;
    margin: 0 -8px;
}

.mod-nav-lang {
    margin-right: 28px;
}

.mnlu-li {
    padding: 0 8px;
    position: relative;
}

.mnlu-li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: var(--color030);
}

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

.mod-nav-other {
    display: flex;
}

.mnlu-li a {
    display: block;
    line-height: var(--line80);
    transition: all .4s;
    font-size: var(--font16);
    opacity: 0.3;
    color: var(--color030);
}

.mnlu-li.act a {
    opacity: 1;
}

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

.ys-search2-btn img {
    width: 100%;
    transition: all .4s;
}

.ys-search2-btn img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

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

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

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

.ys-search2-tbox input {
    width: 100%;
    height: 100%;
    font-size: var(--font16);
}

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

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

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

.head-nav-item-down {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px 0px 15px 15px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    overflow: hidden;
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
}

.ys-hd-pc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(180deg, rgba(3, 26, 39, 0.50) 0%, rgba(3, 26, 39, 0.00) 100%);
    transition: all .4s;
    opacity: 0;
}

.inside-body .ys-hd-pc::after {
    opacity: 1;
}

.inside-body .ys-hd-pc {
    background: transparent;
    border-bottom: solid 1px transparent;
}

.inside-body .head-logo img:nth-child(2) {
    opacity: 1;
}

.inside-body .head-logo img:nth-child(1) {
    opacity: 0;
}

.inside-body .head-nav-item-title p {
    color: var(--colorfff);
}

.inside-body .hnit-icon img:nth-child(2) {
    opacity: 1;
}

.inside-body .hnit-icon img:nth-child(1) {
    opacity: 0;
}

.inside-body .mnlu-li a {
    color: var(--color999);
    opacity: 1;
}

.inside-body .mnlu-li.act a {
    color: var(--colorfff);
}

.inside-body .mnlu-li::after {
    background: var(--color999);
}

.inside-body .ys-search2-btn img:nth-child(2) {
    opacity: 1;
}

.inside-body .ys-search2-btn img:nth-child(1) {
    opacity: 0;
}

.inside-body .ys-hd-pc.isfixed::after,
.inside-body .ys-hd-pc.isfixed1::after {
    opacity: 0;
}

.inside-body .ys-hd-pc.isfixed,
.inside-body .ys-hd-pc.isfixed1 {
    background: var(--colorfff);
    border-bottom: solid 1px #D0DBE1;
}

.inside-body .ys-hd-pc.isfixed .head-logo img:nth-child(2),
.inside-body .ys-hd-pc.isfixed1 .head-logo img:nth-child(2) {
    opacity: 0;
}

.inside-body .ys-hd-pc.isfixed .head-logo img:nth-child(1),
.inside-body .ys-hd-pc.isfixed1 .head-logo img:nth-child(1) {
    opacity: 1;
}

.inside-body .ys-hd-pc.isfixed .head-nav-item-title p,
.inside-body .ys-hd-pc.isfixed1 .head-nav-item-title p {
    color: var(--color030);
}

.inside-body .ys-hd-pc.isfixed .hnit-icon img:nth-child(2),
.inside-body .ys-hd-pc.isfixed1 .hnit-icon img:nth-child(2) {
    opacity: 0;
}

.inside-body .ys-hd-pc.isfixed .hnit-icon img:nth-child(1),
.inside-body .ys-hd-pc.isfixed1 .hnit-icon img:nth-child(1) {
    opacity: 1;
}

.inside-body .ys-hd-pc.isfixed .mnlu-li a,
.inside-body .ys-hd-pc.isfixed1 .mnlu-li a {
    color: var(--color030);
    opacity: 0.3;
}

.inside-body .ys-hd-pc.isfixed .mnlu-li.act a,
.inside-body .ys-hd-pc.isfixed1 .mnlu-li.act a {
    color: var(--color030);
    opacity: 1;
}

.inside-body .ys-hd-pc.isfixed .mnlu-li::after,
.inside-body .ys-hd-pc.isfixed1 .mnlu-li::after {
    background: var(--color030);
}

.inside-body .ys-hd-pc.isfixed .ys-search2-btn img:nth-child(2),
.inside-body .ys-hd-pc.isfixed1 .ys-search2-btn img:nth-child(2) {
    opacity: 0;
}

.inside-body .ys-hd-pc.isfixed .ys-search2-btn img:nth-child(1),
.inside-body .ys-hd-pc.isfixed1 .ys-search2-btn img:nth-child(1) {
    opacity: 1;
}

.prod-pull {
    width: calc(1920px * 0.3719);
}

.prod-pull-wrap {
    display: flex;
    align-items: stretch;
    position: relative;
}

.prod-pull-wrap::after {
    /* content: ""; */
    position: absolute;
    top: 50%;
    left: 71%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 100%;
    background: #D0DBE1;
}

.prod-pull-le {
    width: 71%;
    padding: 40px 44px 30px 31px;
    border-right: solid 1px #d0dbe1;
}

.prod-pull-ri {
    width: 29%;
    padding: 40px 44px 30px 31px;
}

.prod-pull-ri .prod-pull-ul-li {
    width: 100%;
}

.prod-pull-tit {
    color: var(--color030);
    line-height: var(--line16);
    margin-bottom: 32px;
}

.prod-pull-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -37px;
}

.prod-pull-ul-li {
    width: 50%;
    padding: 0 37px;
    margin-bottom: 12px;
}

.prod-pull-ul-li a {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    background: transparent;
    overflow: hidden;
    border-radius: 5px;
    transition: all .4s;
}

.prod-pull-ul-li p {
    color: var(--color030);
    line-height: var(--line175);
    font-size: var(--font16);
    transition: all .4s;
}

.ppul-icon {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 12px;
    position: relative;
}

.ppul-icon img {
    width: 100%;
    transition: all .4s;
}

.ppul-icon img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.prod-pull-ul-li.yxnav-active2 p {
    color: var(--colorfff);
    transform: translateX(-3 px);
}

.prod-pull-ul-li.yxnav-active2 .ppul-icon img:nth-child(1) {
    opacity: 0;
}

.prod-pull-ul-li.yxnav-active2 .ppul-icon img:nth-child(2) {
    opacity: 1;
}

.prod-pull-ul-li.yxnav-active2 a {
    background: var(--colormain2);
}

.aplu-li a {
    border-radius: 10px;
    overflow: hidden;
    background: var(--colorbj);
    padding: 15px 28px 15px 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prod-pull-ri-link a {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    display: block;
}

.pprl-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.pprl-cry {
    position: relative;
    padding: 22px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pprl-cry-tit {
    color: var(--colorbj);
    line-height: var(--line175);
    margin-bottom: 32px;
}

.mod-pull {
    width: auto;
    padding: 19px 12px 13px;
}

.mpul-link {
    padding: 6px 12px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    transition: all .4s;
    overflow: hidden;
    justify-content: space-between;
}

.mod-pull-ul-li {
    margin-bottom: 6px;
}

.mod-pull-ul-li:last-child {
    margin-bottom: 0px;
}

.mpul-link p {
    color: var(--color030);
    line-height: var(--line175);
    font-size: var(--font16);
    transition: all .4s;
    white-space: nowrap;
}

.mpul-link-icon {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 12px;
    position: relative;
}

.mpul-link-icon img {
    width: 100%;
    transition: all .4s;
}

.mpul-link-icon img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mod-pull-ul-li.yxnav-active2 p {
    color: var(--colorfff);
}

.mod-pull-ul-li.yxnav-active2 .mpul-link-icon img:nth-child(2) {
    opacity: 1;
}

.mod-pull-ul-li.yxnav-active2 .mpul-link-icon img:nth-child(1) {
    opacity: 0;
}

.mod-pull-ul-li.yxnav-active2 .mpul-link {
    background: var(--colormain2);
}

.ys-ph-navbar3 .ys-phnav-header {
    background: var(--colorfff);
}

.ys-phnav-menubtn span,
.ys-phnav-menubtn::after,
.ys-phnav-menubtn::before {
    background: var(--colormain2);
    transition: all .4s;
}

.ys-ph-navbar3 .ys-phnav-header a,
.ys-ph-navbar3 .ys-phnav-search .iconfont {
    color: var(--colormain2);
}

.icon-close:before {
    color: var(--colormain2);
}

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

/* 顶部导航-end */
/*侧边导航-start */
.mod-aside {
    width: 60px;
    position: fixed;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) translateX(150%);
    border-radius: 100px;
    background: var(--colormain2);
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    padding: 16px 8px;
    transition: all .4s;
    z-index: 99;
}

.mod-aside.ys-show {
    transform: translateY(-50%) translateX(0%);
}

.maul-show {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: transparent;
    position: relative;
    padding: 10px;
    transition: all .4s;
    display: block;
}

.maul-show img {
    width: 100%;
}

.mod-aside-ul-li.act .maul-show {
    background: rgba(0, 0, 0, 0.30);
}

.mod-aside-ul-li {
    margin-bottom: 10px;
    position: relative;
}

.mod-aside-ul-li:last-child {
    margin-bottom: 0px;
}

.maul-hide {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    padding-right: 14px;
    display: none;
    pointer-events: none;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.maul-hide-cry {
    padding: 17px 83px 25px 23px;
    border-radius: 10px;
    border-right: 2px solid #0069A6;
    background: #FFF;
}

.maul-hide-tp {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.about-deve-tit p:first-child {
    /* color: #0269a6; */
}

.maul-hide-tp-icon {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 11px;
}

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

.maul-hide-tp p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
}

.maul-hide-bot p,
.maul-hide-bot p a {
    font-weight: bold;
    color: var(--color030);
    line-height: var(--line175);
    white-space: nowrap;
}

.maul-hide-code {
    width: 119px;
    border-radius: 10px;
    overflow: hidden;
    padding: 8px;
    background: var(--colorfff);
}

.maul-hide-code img {
    width: 100%;
}

.maul-show {
    cursor: pointer;
}

.mod-aside-ul-li.act .maul-hide {
    pointer-events: all;
}

/*侧边导航-end */
/* 首页-start */
.ys-ban-title {
    font-size: var(--font56);
    color: var(--colorfff);
    line-height: var(--line13);
}

.ys-ban-btn {
    margin-top: 70px;
}

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

.slick-active .ys-ban-btn {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.5s;
}

.ys-ban-dots {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
}

.ys-bduli span {
    color: var(--colorfff);
    opacity: 0.2;
    font-size: var(--font14);
    line-height: var(--line12);
    display: inline-block;
    transition: all .4s;
    margin-bottom: 12px;
}

.ys-bduli-pro {
    width: 48px;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    transition: all .4s;
}

.ys-ban-dots-ul {
    display: flex;
    margin: 0 -12px;
}

.ys-bduli {
    margin: 0 12px;
}

.ys-bduli.on span {
    opacity: 1;
}

.ys-bduli.on .ys-bduli-pro {
    width: 109px;
    background: rgba(255, 255, 255, 1);
}

.ys-scroll {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 18px;
    cursor: pointer;
}

.ys-scroll-pic,
.ys-scroll-pic img {
    width: 100%;
}

.mod-word p {
    color: var(--color030);
    line-height: var(--line175);
    text-align: center;
    opacity: 0.6;
}

.home-apply .mod-word {
    width: 58%;
    margin: 0 auto var(--space44);
}

.home-main h2 {
    text-align: center;
}

.home-main .mod-ctact {
    padding-top: 0px;
}

.mod-ctact.more {
    padding-top: var(--space130) !important;
}

.home-news {
    padding-bottom: var(--space130) !important;
}

.mod-wrap {
    padding-bottom: var(--space130);
}

.home-prod {
    position: relative;
    background: var(--color030);
}

.home-prod-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.home-prod-bg img:nth-child(2) {
    display: none;
}

.home-prod .ys-cont1560 {
    position: relative;
    z-index: 2;
}

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

.home-prod h2 {
    color: var(--colorfff);
    text-align: left;
}

.home-prod-tp p {
    color: var(--colorfff);
    opacity: 1;
}

.habs-ul-li-link {
    border-radius: 20px;
    background: var(--colorfff);
    padding: 24px 24px 24px 49px;
    display: flex;
    align-items: stretch;
}

.hull-fr {
    width: 43%;
    background: var(--color030);
    border-radius: 15px;
    position: relative;
}

.hull-fl {
    width: 57%;
    padding-right: 65px;
    padding-top: 45px;
    padding-bottom: 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hull-fl-tp-tit {
    color: var(--color030);
    line-height: var(--line15);
}

.hull-fl-tp-word p {
    color: var(--color666);
    line-height: var(--line175);
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hull-fl-tp-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.hftu-lis {
    padding: 0 6px;
    margin-bottom: 12px;
}

.hftu-lis-box {
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 5px 16px 4px;
    background: #E4ECF0;
}

.hftu-lis-icon {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}

.hftu-lis-icon img {
    width: 100%;
}

.hftu-lis-box p {
    color: var(--color030);
    line-height: var(--line175);
    font-size: var(--font14);
}

.hull-fr-play {
    width: 44px !important;
    position: absolute;
    bottom: 24px;
    right: 24px;
    cursor: pointer;
    z-index: 2;
    background: var(--colorfff);
    border-radius: 50%;
}

.hull-fr video {
    background: transparent !important;
}

.home-apply-bot-swip {
    width: 900px !important;
    overflow: visible !important;
    margin-left: 0 !important;
}

.habs-ul-li {
    padding: 0px !important;
}

.arrows-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: relative;
    cursor: pointer;
    transition: all .4s;
}

.arrows-icon img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
}

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

.mod-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.slick-disabled,
.swiper-button-disabled {
    opacity: 0.6;
    pointer-events: none;
}

.home-prod .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(100% - 135px) !important;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(100% - 135px) !important;
    height: 2px !important;
    left: 0;
    top: auto !important;
    bottom: -42px !important;
    background: rgba(255, 255, 255, 0.2);
}

.home-apply-bot .mod-arrows {
    width: 108px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.home-apply-bot {
    position: relative;
    padding-bottom: 65px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--colorfff) !important;
}

.home-creat-video {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.home-creat-video::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    pointer-events: none;
    z-index: 2;
}

.home-creat-video-min {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.home-creat-video-min img {
    width: 80px;
    border-radius: 50%;
    background: var(--colorfff);
    margin: 0 auto 84px;
    cursor: pointer;
    display: block;
}

.home-creat-video-min span {
    display: block;
    text-align: center;
    font-size: var(--font18);
    line-height: var(--line12);
    color: var(--colorfff);
}

.home-creat {
    background: var(--colorbj);
}

.home-creat .mod-word {
    width: 54%;
    margin: 0 auto var(--space44);
}

.home-news-ul {
    margin: 0 -12px;
}

.home-news-ul-li {
    width: 460px !important;
    padding: 0 12px;
}

.hnul-link {
    display: block;
    padding: 32px;
    border-radius: 20px;
    border: 1px solid #D0DBE1;
    background: #FFF;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

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

.hltb-btn {
    display: flex;
    align-items: center;
}

.hltb-le-icons {
    width: 16px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 8px;
}

.hltb-le-icons img {
    width: 100%;
}

.hltb-btn p {
    color: var(--color666);
    font-size: var(--font14);
    line-height: var(--line12);
}

.hnul-link-top .ys-imgbox-cover {
    border-radius: 15px;
    margin-bottom: var(--space24);
}

.hnul-link-top {
    padding-bottom: var(--space24);
    border-bottom: solid 1px #D0DBE1;
    margin-bottom: var(--space24);
}

.hnul-link-tit {
    color: var(--color030);
    line-height: 1.6;
    height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}

.hnul-link-word p {
    line-height: var(--line175);
    height: 3.5em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color666);
}

.hnul-link-word {
    margin-bottom: var(--space44);
}

.home-news .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    background: rgba(3, 15, 39, 0.1);
    width: calc(100% - 135px) !important;
    height: 2px !important;
}

.home-news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(3, 15, 39, 1) !important;
}

.home-news .arrows-icon {
    background: rgba(3, 26, 39, 0.10);
}

.mod-ctact-wrap {
    padding: 78px 0;
    padding-left: 96px;
}

.mod-ctact .ys-cont1560 {
    border-radius: 20px;
    overflow: hidden;
}

.mod-ctact-wrap h2 {
    text-align: left !important;
    color: var(--colorfff);
    margin-bottom: 12px;
    line-height: var(--line13);
}

.mod-ctact-wrap .mod-word p {
    color: #F2F7FC;
    text-align: left !important;
    opacity: 1;
}

.mod-ctact-wrap .mod-word {
    width: 48%;
}

.mod-ctact .std-btn1 {
    margin-top: 40px;
}

.home-news .home-apply-bot-swip {
    width: 100% !important;
}

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

section {
    overflow: hidden;
}

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

.home-apply-le {
    position: sticky;
    top: 260px;
}

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

.home-apply-le-ul {
    position: relative;
}

.home-apply-le-ul::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 12px);
    background: #D0DBE1;
}

.halu-lis p {
    font-size: var(--font16);
    color: var(--color999);
    padding-left: 17px;
    position: relative;
    cursor: pointer;
}

.halu-lis p::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D0DBE1;
    transform: scale(1);
    transition: all .4s;
    z-index: 4;
}

.halu-lis p::before {
    content: "";
    position: absolute;
    top: 0.9px;
    left: -4.6px;
    width: 16px;
    height: 16px;
    background: #D0DBE1;
    border-radius: 50%;
    z-index: 3;
    opacity: 0;
}

.halu-lis {
    margin-bottom: 50px;
}

.halu-lis:last-child {
    margin-bottom: 0px;
}

.halu-lis.act p {
    color: var(--color030);
    font-size: var(--font18);
}

.halu-lis.act p::after {
    transform: scale(1.5);
    background: var(--color030);
}

.halu-lis.act p::before {
    opacity: 1;
}

.haru-li-img {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

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

.haru-li-box {
    position: relative;
}

.haru-li-cry {
    width: 45%;
    position: absolute;
    bottom: 44px;
    left: 44px;
}

.haru-li-cry a {
    display: block;
    padding: 22px 22px 25px 32px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: rgba(117, 121, 135, 0.40);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    border-radius: 15px;
    overflow: hidden;
}

.hlct-le {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hlct-le-btn {
    display: flex;
    align-items: center;
}

.hlct-le-btn-icon {
    width: 32px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 24px;
}

.hlct-le-btn-icon img {
    width: 100%;
}

.hlct-le-btn p {
    color: var(--colorfff);
    font-size: var(--font24);
    line-height: var(--line16);
}

.haru-li-cry-tp {
    margin-bottom: 12px;
}

.haru-li-cry-tp .std-btn2-icon {
    border: solid 1px var(--colorfff);
}

.haru-li-cry-tp .std-btn2-icon img:nth-child(2) {
    opacity: 1;
}

.haru-li-cry-tp .std-btn2-icon img:nth-child(1) {
    opacity: 0;
}

.haru-li-cry-word {
    width: 74%;
}

.haru-li-cry-word p {
    color: var(--colorfff);
    line-height: var(--line175);
}

.haru-li-cry-word div.p {
    color: var(--colorfff);
    line-height: var(--line175);
}

.haru-li-cry-word div.p p {
    color: var(--colorfff);
    line-height: var(--line175);
}

.haru-li {
    margin-bottom: 37px;
}

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

.haru-li::before,
.halu-lis::before {
    display: none !important;
}

/* .haru-li{
    transform: perspective(50rem) rotateX(30deg);
    opacity: 0.4;
} */
/* .haru-li:first-child{
    transform: inherit !important;
    opacity: 1;
} */
/* 首页-end */
/* B4 下载中心列表页-start */
.home-main .ys-main {
    padding-top: 0px !important;
}

.ys-main {
    padding-top: var(--line80);
}

.ys-nyban-img {
    width: calc(100% - 48px);
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}

.ys-nybanner {
    margin-top: 24px;
}

.ys-nyban-img {
    position: relative;
}

.ys-nyban-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    background: linear-gradient(270deg, rgba(3, 15, 39, 0) 12.61%, rgba(3, 15, 39, 0.10) 90.03%);
    pointer-events: none;
}

.ys-nyban-title h1 {
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--colorfff);
}

.ys-nyban-title p {
    width: 50%;
    font-size: var(--font48);
    line-height: var(--line13);
    color: var(--colorfff);
    margin-top: var(--space24);
}

.ys-ban-btn {
    display: none;
    margin-top: 42px;
}

.mark-page .ys-ban-btn {
    display: block;
}

.ys-nybanner .ys-pos-center {
    top: auto;
    bottom: 64px;
    transform: translate(-50%, 0%);
}

.ys-bread-list:first-child a {
    display: block;
    width: 20px;
}

.ys-bread-list:first-child a img {
    width: 100%;
}

.ys-bread {
    margin: 0 -18px;
    align-items: center;
}

.ys-bread-list {
    padding: 0 18px;
}

.ys-bread-list::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
    font-size: 0;
    color: #666;
    line-height: 1.75;
    background: url(../images/bread-icon0.svg) center no-repeat;
    width: 24px;
    height: 24px;
}

.ys-bread-list a {
    display: block;
    font-size: var(--font14);
    line-height: var(--line12);
    color: var(--color999);
}

.mod-bread {
    margin-top: var(--space24);
}

.load-page {
    background: var(--colorbj);
}

.load-item h2 {
    margin-bottom: 56px;
}

.load-item-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -12px;
}

.load-item-ul-li {
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 44px;
    height: auto !important;
}

.load-item {
    border-bottom: solid 1px #D0DBE1;
}

.load-item:last-child {
    border-bottom: solid 1px transparent;
}

.liul-box {
    border-radius: 10px;
    background: var(--colorfff);
    position: relative;
    padding: 24px 24px 24px 155px;
    border: solid 1px transparent;
    transition: all .4s;
    cursor: pointer;
    height: 100%;
}

.liul-box .ys-imgbox-cover {
    width: 20.3%;
    position: absolute;
    bottom: 12px;
    left: 16px;
}

.liul-cry {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.liul-cry-le-tit {
    color: var(--color030);
    line-height: var(--line175);
    margin-bottom: 3px;
    min-height: 1.75em;
}

.liul-cry-le-word p {
    color: var(--color999);
    line-height: var(--line175);
}

.liul-cry-icon {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
}

.liul-cry-icon img {
    width: 100%;
}

.load-item-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.load-item-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.load-item-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.load-item:first-child {
    padding-top: 0px !important;
}

/* 弹窗 */
.ys-form-title {
    color: #333;
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 50px;
    font-weight: bold;
}

.from-modal .ys-modal-content {
    width: 900px;
    padding: 0px;
    max-height: 840px;
    border-radius: 20px;
}

.from-modal-cont {
    padding: 45px 36px 32px;
}

.from-modal-tit {
    color: var(--color030);
    line-height: var(--line15);
    padding: 32px 36px 24px;
    border-bottom: solid 1px #D0DBE1;
}

.from-modal .icon-close:before {
    content: "\e747";
    font-weight: 400;
    font-size: 30px;
    color: var(--color030);
}

.from-modal .ys-modal-close {
    right: 32px;
    top: 32px;
    font-size: 0;
    font-weight: 400;
}

.ys-form-inof {
    margin: 0 calc(var(--space) * -1);
    display: flex;
    flex-wrap: wrap;
}

.ys-form-inof-item {
    padding: 0 16px;
    margin-bottom: 32px;
    width: 100%;
}

.ys-form-inof-item3 {
    width: 33.333333%;
}

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

.ys-fii-name {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color030);
    margin-bottom: 16px;
}

.ys-fii-name span {
    color: var(--colormain1);
}

.ys-fii-input {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background: var(--colorbj);
    display: block;
}

.ys-fii-input input,
.ys-fii-input textarea {
    padding: 0 14px;
    width: 100%;
    height: 100%;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color030);
}

.ys-fii-tips {
    font-size: var(--font14);
    color: #0269a6;
    line-height: var(--line175);
}

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

.ys-form-inof-item .ys-select-xtbbox {
    right: 10px;
}

.ys-fii-select-search .ys-select-bd,
.ys-fii-select .ys-select-bd {
    border: 1px solid var(--color999);
    border-top: 0px;
}

.ys-fii-select-search .ys-fiiss-core,
.ys-fii-select .ys-select-bd {
    padding: 10px 0;
}

.ys-fii-select-search .ys-select-bd {
    padding-top: 0 !important;
}

.ys-form-inof-item .ys-select-li {
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--color666);
    padding: 0.5em 20px;
    transition: all .4s ease;
}

.ys-form-inof-item .ys-select-li span {
    color: #0269a6;
}

.ys-form-inof-item .ys-select-li:hover {
    color: var(--color333);
}

.ys-fiiss-input {
    border: 10px solid var(--colorbj);
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
}

.ys-fiiss-input input {
    width: 100%;
    border-radius: 4px;
    padding: 4px 10px;
    width: calc(100% - 30px);
    flex-grow: 1;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
}

.ys-fiiss-input input::placeholder,
.ys-form-inof-item input::placeholder,
.ys-form-inof-item textarea::placeholder {
    color: var(--color999);
}

.ys-fiiss-input-close {
    width: 20px;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0;
    transition: all .4s ease;
}

.ys-fiiss-input-close .iconfont {
    font-size: 14px;
}

.ys-fiiss-input.act .ys-fiiss-input-close {
    opacity: 1;
}

.ys-form-inof-text .ys-fii-input {
    height: 120px;
}

.ys-fii-input textarea {
    padding-top: 10px;
}

.ys-fiiss-core,
.ys-fii-select .ys-select-bd {
    height: calc(var(--font18) * 10 + 20px);
}

.ys-form-inof .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}

.ys-form-inof .mCSB_scrollTools {
    top: 15px;
    bottom: 15px;
}

.ys-form-hide {
    opacity: 0 !important;
}

.ys-fia-text {
    display: flex;
    align-items: flex-start;
}

.ys-fia-text-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    flex-shrink: 0;
    font-size: 0;
}

.ys-form-inof-agree.on .ys-fia-text-btn img {
    opacity: 1;
}

.ys-fia-text-btn img {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
    z-index: 2;
}

.ys-form-inof-agree.on .ys-fia-text-btn::before {
    border: solid 1px transparent;
}

.ys-fia-text-btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid var(--color999);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    border-radius: 5px;
}

.ys-fia-text-btn::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--colormain2);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
    border-radius: 5px;
}

.ys-fia-text-word {
    width: calc(100% - 20px);
    flex-grow: 1;
    padding-left: 10px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color666);
}

.ys-fia-text-word p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color666);
    margin-bottom: var(--parpspace10);
}

.ys-fia-text-word a {
    color: var(--colormain);
}

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

.ys-form-inof-code label {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ys-ficri {
    flex-shrink: 0;
    margin-left: 20px;
    cursor: pointer;
}

.ys-ficri p {
    white-space: nowrap;
    font-size: var(--font16);
    color: #0269a6;
    line-height: 50px;
}

.ys-ficle {
    width: 100%;
}

.ys-fic-auth {
    display: flex;
    position: relative;
}

.ys-fic-auth .ys-fii-input {
    width: 50%;
    flex-grow: 1;
}

.ys-fic-auth-img {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 116px;
}

.ys-fic-auth-img img {
    height: 100%;
}

.ys-fic-auth .ys-fii-input input {
    padding-right: 150px;
}

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

.ys-fii-submit {
    text-align: center;
    background: var(--colormain2);
    color: #fff;
    font-weight: bold;
    font-size: var(--font16);
    cursor: pointer;
    line-height: var(--line175);
    padding: 11px 0;
    border-radius: 100px;
}

.ys-form-inof-agree.on .ys-fia-text-btn::after {
    opacity: 1;
}

.ys-fii-tips {
    display: none;
}

.ys-form-required.ys-form-empty .ys-fii-tips {
    display: block;
}

.ys-form-inof-country .ys-fii-tips {
    display: none !important;
}

.iti__country-list {
    width: calc(calc(1400px - calc(20 * 4)) / 3);
}

.ys-select-emptyli {
    pointer-events: none;
}

/* B4 下载中心列表页-end */
/* C2 市场应用详情汇总页-start */
.mark-car-cont {
    width: 66%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.mark-car-cont img {
    height: 100%;
    object-fit: cover;
}

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

.mark-car-wrap img {
    width: 100%;
}

.mark-car-top {
    position: relative;
    margin-bottom: var(--space24);
    border-radius: 20px;
}

.mark-car-cry {
    width: 33%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    padding: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: all .4s;
}

.mark-car.start .mark-car-cry {
    opacity: 1;
}

.mark-car.start .mark-car-cry-icon,
.mark-car.start h2,
.mark-car.start .mark-car-cry-word {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}

.mark-car-cry-icon {
    width: 56px;
    margin: 0 auto var(--space24);
}

.mark-car-cry-icon img {
    width: 100%;
}

.mark-car-cry h2 {
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: var(--space24);
    text-align: center;
}

.mark-car-cry-word div.p {
    text-align: center;
    line-height: var(--line175);
    color: var(--colorfff);
}

.mark-car-cry-word div.p p {
    text-align: center;
    line-height: var(--line175);
    color: var(--colorfff);
}

.mcul-box {
    display: flex;
    align-items: center;
    padding: 30px 44px;
    border-radius: 15px;
    border-bottom: 2px solid #CF0A2C;
    background: var(--colorfff);
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 6px 6px 0px rgba(132, 155, 179, 0.09), 0px 10px 10px 0px rgba(132, 155, 179, 0.10);
}

.mark-car-ul {
    display: block;
    margin: 0 -12px;
    position: relative;
}

.mark-car-ul-li {
    width: 33.333333%;
    padding: 0 12px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.mcul-icon {
    width: 48px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 24px;
}

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

.mcul-box p {
    font-size: var(--font18);
    color: var(--color030);
    line-height: var(--line175);
}

.mark-car-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.mark-car-ul .slick-list {
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
}

.mark-case-wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.mark-case-ri {
    width: 46%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 66px 0 50px;
    overflow: hidden;
}

.mark-case-le {
    width: 34%;
    margin-left: 110px;
}

.mark-page .mark-car {
    overflow: visible !important;
}

.mark-case h2 {
    text-align: center;
}

.mark-case-le .swiper-slide a {
    display: block;
    position: relative;
}

.mark-case-le .swiper-slide {
    border-radius: 20px;
    overflow: hidden;
}

.mcrs-box2-text {
    color: #0269a6;
    line-height: var(--line175);
    margin-bottom: 8px;
}

.mcrs-box2-tit {
    color: var(--color030);
    line-height: var(--line15);
}

.mark-page .home-prod .swiper-pagination-progressbar,
.mark-page .home-prod .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(1920px * 0.74) !important;
    height: 2px !important;
    left: 0;
    top: auto !important;
    bottom: -42px !important;
    background: rgba(208, 219, 225, 0.3);
}

.mark-page .home-prod .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(3, 15, 39, 1) !important;
}

.mcrb-other {
    display: flex;
    align-items: center;
    margin-bottom: 52px;
}

.mcrb-other .mod-arrows {
    width: 110px;
    margin-right: 25px;
}

.mcrb-other .arrows-icon {
    background: rgba(3, 15, 39, 0.10);
}

.mcrb-num {
    display: flex;
    align-items: center;
}

.mcrb-num span {
    display: inline-block;
    font-size: var(--font16);
    line-height: var(--line175);
}

.mcrb-change {
    color: var(--color030);
}

.mcrb-total {
    color: var(--color999);
}

.mark-case-ri-swip3 .swiper-slide .ys-imgbox-cover {
    border-radius: 10px;
    overflow: hidden;
    border: solid 1px transparent;
}

.mark-case-ri-swip3 .swiper-slide.swiper-slide-active .ys-imgbox-cover {
    /* border: solid 1px var(--colormain1); */
}

.mark-case-ri-swip3 {
    margin-left: 0px !important;
    overflow: visible !important;
}

.mark-case-ri-swip3 .swiper-slide {
    width: 134px !important;
}

.mark-page .home-prod {
    /* margin-top: var(--space130); */
    background: var(--colorbj);
}

.mark-page .home-prod h2 {
    text-align: center;
    color: var(--color030);
}

.mark-page .home-prod-tp-le {
    width: 100%;
}

.mark-page .home-prod .mod-word p {
    color: var(--color030);
    opacity: 0.6;
}

.mark-page .home-prod .arrows-icon {
    background: rgba(3, 15, 39, 0.10);
}

.mark-page .mod-ctact {
    background: var(--colorbj);
    position: relative;
    overflow: visible !important;
}

.mark-page .mod-ctact::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: var(--space130);
    background: var(--colorbj);
}

/* C2 市场应用详情汇总页-end */
/* D1 公司新闻-start */
.news-page {
    background: var(--colorbj);
}

.ncul-box-le {
    width: 49%;
}

.ncul-box-le,
.ncul-box-ri {
    border-radius: 20px;
    overflow: hidden;
}

.ncul-box-le img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ncul-box-ri {
    width: 49%;
    padding: 60px 60px;
    background: var(--colorfff);
}

.ncul-box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.ncul-box-ri-date {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.nbrd-icon {
    width: 16px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 8px;
}

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

.ncul-box-ri-date p {
    font-size: var(--font14);
    color: var(--color666);
    line-height: var(--line14);
}

.ncul-box-ri-tit {
    color: var(--color030);
    line-height: var(--line15);
    margin-bottom: var(--space24);
}

.ncul-box-ri-word p {
    color: var(--color666);
    line-height: var(--line175);
    height: 5.25em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ncul-box-ri .std-btn2 {
    margin-top: 32px;
}

.news-cry-ul-li {
    padding: 0 10px;
}

.news-cry-ul {
    margin: 0 -10px;
}

.news-page .news-cry-ul-li {
    padding: 0px !important;
}

.news-page .news-cry-ul {
    margin: 0px !important;
}

.news-cry .arrows-icon {
    background: #D0DBE1;
}

.news-cry .mod-arrows {
    width: 110px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
}

.news-page .swiper-container-horizontal>.swiper-pagination-progressbar,
.news-page .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    background: rgba(3, 15, 39, 0.1) !important;
    bottom: 24px !important;
}

.news-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color030) !important;
}

.news-swip {
    padding-bottom: 84px !important;
}

.news-cry .ys-cont1560 {
    position: relative;
}

.news-list-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -12px 0;
}

.news-list-ul-li {
    width: 33.333333%;
    padding: 0 12px;
    margin-top: 24px;
}

.news-list-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    padding: 24px 24px 24px 48px;
    background: var(--colorfff);
    position: relative;
    z-index: 2;
}

.news-list-top-le p {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color030);
}

.news-list-top-le span {
    display: inline-block;
    color: #0269a6;
    font-family: var(--family3);
}

.news-list-top-ri {
    width: 50%;
}

.news-list-top-ri {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nltr-select {
    width: 28%;
    margin-right: 24px;
}

.ys-select {
    border-radius: 100px;
    border: solid 1px #D0DBE1;
    padding: 0 28px;
}

.news-list-top-ri input {
    width: 100%;
    height: 56px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color030);
}

.news-list-top-ri input::placeholder {
    color: var(--color999);
}

.icon-arrow-down:before {
    font-size: 14px;
}

.icon-arrow-down {
    font-weight: 290;
}

.ys-select-bd {
    width: 100%;
    padding: 10px 24px;
    border: solid 1px #D0DBE1;
    border-radius: 15px;
    top: 105%;
    max-height: 130px;
}

.news-list-top-ri .ys-select-li {
    font-size: var(--font16);
    color: var(--color999);
    line-height: var(--line15);
    margin-bottom: 4px;
    transition: all .4s;
}

.news-list-top-ri .ys-select-li:last-child {
    margin-bottom: 0px;
}

.mCSB_outside+.mCSB_scrollTools {
    right: 24px;
    top: 10px;
    bottom: 10px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: var(--colormain2) !important;
}

.nltr-sear {
    position: relative;
    border: 1px solid #D0DBE1;
    border-radius: 100px;
}

.nltr-sear-icon {
    width: 24px;
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

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

.nltr-sear {
    width: 70%;
}

.nltr-sear-input {
    width: 100%;
    height: 100%;
    padding: 0 55px 0 28px;
}

.nlul-link {
    display: block;
    padding: 36px 36px;
    border-radius: 20px;
    background: var(--colorfff);
    overflow: hidden;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    border: solid 1px transparent;
    transition: all .4s;
}

.nlul-link .ys-imgbox-cover {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 16px;
}

.nlul-link-min {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: solid 1px #D0DBE1;
    position: relative;
    margin-bottom: 26px;
}

.nlul-link-min::after {
    content: "";
    position: absolute;
    bottom: -0.5px;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--colormain2);
    transition: all .4s;
}

.nlul-link-tit {
    color: var(--color030);
    transition: all .4s;
    margin-bottom: 16px;
    line-height: var(--line16);
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nlul-link-word p {
    line-height: var(--line175);
    height: 3.5em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color666);
}

.nlul-link-min .ncul-box-ri-date {
    margin-bottom: 0px;
}

.news-list {
    overflow: visible !important;
}

.news-list-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.news-list-ul-li:nth-child(3n+3) {
    animation-delay: 0.3s;
}

.news-list-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.news-page .mod-paging {
    margin-top: var(--space44);
}

.pc-fenye li {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #333;
    margin: 0 10px;
    border-radius: 50%;
    transition: .3s;
}

.pc-fenye li.activepage {
    color: var(--colormain2);
    background: transparent;
    border: solid 1px var(--colormain2);
}

/* D1 公司新闻-end */
/* D3 新闻资讯详情页-start */
.newdet-cont {
    width: 66%;
    margin: 0 auto;
}

.newdet-page {
    background: var(--colorbj);
}

.newder-edr-top-tab {
    line-height: var(--line16);
    color: var(--colormain2);
    margin-bottom: 40px;
}

.newdet-edr-top-tit {
    color: var(--color030);
    margin-bottom: var(--space24);
    line-height: var(--line15);
}

.newder-edr-top {
    padding-bottom: var(--space44);
    border-bottom: solid 1px #D0DBE1;
    margin-bottom: var(--space44);
}

.newder-edr-top .ncul-box-ri-date {
    margin-bottom: 0px !important;
}

.newdet-edr-cry div.p {
    color: var(--color666);
    line-height: var(--line175);
    font-size: var(--font16);
    margin-bottom: var(--parpspace12);
}

.newdet-edr-cry div.p p {
    color: var(--color666);
    line-height: var(--line175);
    font-size: var(--font16);
    margin-bottom: var(--parpspace12);
}

.newdet-edr-cry p {
    color: var(--color666);
    line-height: var(--line175);
    font-size: var(--font16);
    margin-bottom: var(--parpspace12);
}

.newdet-edr-cry {
    margin-bottom: 47px;
}

.newdet-edr-share {
    display: flex;
    align-items: center;
    padding-bottom: var(--space44);
    border-bottom: solid 1px #D0DBE1;
    margin-bottom: var(--space44);
}

.newdet-edr-share-text p {
    color: var(--color666);
    line-height: var(--line175);
}

.newdet-edr-share-text {
    margin-right: 24px;
}

.ys-share-img {
    width: 36px;
}

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

.ys-share-list:last-child {
    margin-right: 0px;
}

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

.nepu-li-link-text p {
    white-space: nowrap;
    color: var(--colormain2);
    line-height: var(--line175);
}

.nepu-li-link-text {
    margin-right: 16px;
}

.nepu-li-link-word p {
    line-height: var(--line175);
    color: var(--color666);
    transition: all .4s;
}

.nepu-li {
    margin-bottom: 16px;
}

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

.newdet-page .home-news {
    background: var(--colorfff);
}

.newdet-page .mod-ctact {
    background: var(--colorfff);
    position: relative;
    overflow: visible !important;
    padding-top: 0px;
}

.newdet-page .mod-ctact::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: var(--space130);
    background: var(--colorfff);
}

/* D3 新闻资讯详情页-end */
/* D2 展会资讯-start */
.infor-hist .arrows-icon {
    background: var(--colorfff);
}

.infor-page {
    background: var(--colorbj);
}

.infor-page h2 {
    text-align: center;
}

.infor-news-ul-li.on {
    width: 59%;
}

.infor-news-ul-li {
    width: 41%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.infor-news-ul-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}

.infor-news-ul-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}

.infor-news-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -12px
}

.inul-link {
    height: 100%;
    display: block;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.inul-link-cry {
    width: calc(100% - 48px);
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    /* border-left: 1px solid rgba(255, 255, 255, 0.60); */
    background: rgba(117, 121, 135, 0.40);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    padding: 24px 24px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.inul-link-cry::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.inul-link-cry::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.inul-link-le {
    width: 100%;
    padding-right: 15px;
}

.inul-link-le-tit {
    color: var(--colorfff);
    margin-bottom: 10px;
    line-height: var(--line16);
}

.inul-link-le-bot {
    display: flex;
    align-items: center;
}

.inul-link-le-bot .ncul-box-ri-date {
    margin-bottom: 0px !important;
}

.illb-num {
    margin: 0 32px;
}

.illb-num p {
    font-family: var(--family3);
}

.inul-link-le-bot p {
    color: var(--colorfff);
}

.inul-link-bg,
.inul-link-bg img {
    width: 100%;
    height: 100%;
}

.inul-link-bg img {
    height: 100%;
    object-fit: cover;
    transition: all .4s;
}

.infor-news-ul-li .std-btn2-icon {
    border: 1px solid var(--colorfff);
}

.infor-hist h2 {
    margin-bottom: 70px;
}

.infor-hist-slide-ul {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.infor-hist-slide-ul::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(207, 10, 44, 0.00) 0%, #CF0A2C 18.16%, #CF0A2C 82.09%, rgba(207, 10, 44, 0.00) 100%);
    transition: all .4s;
    z-index: -1;
}

.ihsu-li-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    transition: all .4s;
}

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

.ihsu-li-num {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
    text-align: center;
    transition: all .4s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ihsu-li-bg {
    opacity: 0;
    transition: all .4s;
}

.ihsu-li-bg img {
    width: 100%;
}

.ihsu-li-bg img:nth-child(1) {
    width: 92%;
    display: block;
    margin: 0 auto;
}

.ihsu-li-bg img:nth-child(2) {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotate1 3.5s linear infinite forwards;
    transform-origin: center center;
}

@keyframes rotate1 {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }

    100% {
        transform: translate(-50%, -50%) rotate(1turn);
    }
}

.ihsu-li.slick-current .ihsu-li-bg {
    opacity: 1;
}

.ihsu-li-box {
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}

.ihsu-li.slick-current .ihsu-li-icon {
    opacity: 0;
}

.ihsu-li:nth-child(2n+1) .ihsu-li-num {
    top: 40%;
}

.ihsu-li:nth-child(2n+2) .ihsu-li-num {
    top: 60%;
}

.ihsu-li.slick-current .ihsu-li-num {
    color: var(--colorfff);
    top: 50% !important;
    font-family: var(--family3);
    transform: translate(-50%, -50%) scale(2);
}

.infor-hist-slide {
    position: relative;
    margin-bottom: 84px;
}

.infor-hist-slide .mod-arrows {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.infor-hist-slide-zhan {
    width: 100%;
    opacity: 0;
}

.ihsz-li {
    width: 100%;
    height: 1px;
}

.ihiu-lis-le-bot .ncul-box-ri-date,
.ihiu-lis-le-bot .illb-num {
    margin: 0;
    margin-bottom: 9px;
}

.ihiu-lis-le-bot .illb-num p {
    color: #0269a6;
    text-align: left;
}

.ihiu-lis-le-bot .illb-addr p {
    color: var(--color666);
}

.ihiu-lis-boxs {
    padding: 48px 0;
    display: flex;
    align-items: stretch;
    border-bottom: solid 1px #D0DBE1;
}

.ihiu-lis-boxs .ys-imgbox-cover {
    width: 66%;
    border-radius: 20px;
    overflow: hidden;
}

.ihiu-lis-le {
    width: 34%;
    padding-right: 94px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ihiu-lis-le-tit {
    color: #000;
    line-height: var(--line15);
    height: 3em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ihiu-lis:first-child a {
    padding-top: 0px;
}

.infor-hist-item {
    display: none;
}

.infor-hist-item:first-child {
    display: block;
}

/* D2 展会资讯-end */
/* E2 科技创新汇总页-start */
.creat-page {
    background: var(--colorbj);
}

.clul-boxs {
    width: 100%;
    display: block;
    padding: 60px 0;
    border-radius: 20px;
    background: #F2F7FC;
    box-shadow: 0px -7px 15px 0px rgba(14, 89, 133, 0.10);
}

.clul-boxs .ys-cont1560 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.clul-boxs .ys-imgbox-cover {
    width: 41%;
    border-radius: 20px;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .clul-box-le {
        width: 33%;
        margin-left: 44px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1024px) {
    .clul-box-le {
        width: 33%;
        margin-left: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.creat-list-ul-li:nth-child(2n) .clul-boxs {
    background: var(--colorfff);
}

.creat-page h2 {
    text-align: center;
}

.creat-page .mod-word {
    width: 65%;
    margin: 0 auto 64px;
}

.creat-page .mod-ctact .mod-word {
    margin: 0;
}

.creat-list {
    overflow: visible !important;
    position: relative;
    z-index: 1;
}

.clul-box-le-tit {
    color: var(--colormain2);
    margin-bottom: 64px;
    line-height: var(--line15);
}

.clul-box-le-text {
    color: var(--color030);
    line-height: var(--line16);
    margin-bottom: 12px;
}

.clul-box-le-word p {
    color: var(--color666);
    line-height: var(--line175);
    margin-bottom: 32px;
}

.clul-box-le-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.cblu-lis {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 26px;
}

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

.cblu-lis-icon {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
    margin-top: 3px;
}

.cblu-lis-icon img {
    width: 100%;
}

.cblu-lis-box p {
    color: #0269a6;
    line-height: var(--line175);
    font-size: var(--font16);
}

.creat-list-ul {
    position: relative;
}

.creat-list-ul-li {
    position: sticky;
    top: 100px;
}

.creat-list-ul-li:last-child {
    transform: translateY(20px);
}

.creat-list-bot {
    position: relative;
}

.creat-list-bot-line {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translate(-50%, 0%);
    pointer-events: none;
}

.creat-list-bot-line::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: calc(100vh - 128px);
    border-radius: 4px;
    background: var(--colormain2);
    z-index: -1;
}

.creat-list-bot-line.isfixed {
    position: fixed;
    top: 50%;
}

.creat-page .ys-footer,
.creat-page .mod-ctact {
    position: relative;
    z-index: 2;
}

.creat-page .mod-ctact {
    overflow: visible !important;
    background: var(--colorbj);
}

.creat-page .mod-ctact::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: var(--space130);
    background: var(--colorbj);
    pointer-events: none;
    z-index: 2;
}

/* E2  科技创新汇总页-end */
/* E3 加入我们单页-start */
.join-page .ys-ban-btn2 .std-btn1 {
    margin-right: 20px;
}

.join-page .ys-ban-btn2 {
    margin-top: 42px;
}

.join-page {
    background: var(--colorbj);
}

.join-page h2 {
    text-align: center;
}

.join-family .mod-word {
    width: 64%;
    margin: 0 auto 120px;
}

.join-family-ul {
    display: flex;
    margin: 0 -10px;
}

.join-family-ul-li {
    width: 33.333333%;
    padding: 0 10px;
}

.jful-box {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.jful-img {
    width: 100%;
    position: relative;
}

.jful-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(3, 15, 39, 0.00) 42.08%, rgba(3, 15, 39, 0.50) 100%);
}

.jful-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(3, 15, 39, 0.40);
    opacity: 0;
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    transition: all .4s;
}

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

.jful-cry {
    width: calc(100% - 88px);
    position: absolute;
    bottom: 44px;
    left: 50%;
    transform: translateX(-50%);
}

.jful-cry-word {
    margin-top: 16px;
    padding-right: 20px;
    display: none;
}

.jful-cry-word p {
    color: var(--colorfff);
    line-height: var(--line175);
}

.jful-cry-tit {
    color: var(--colorfff);
    line-height: var(--line15);
}

.join-family-ul-li1,
.join-family-ul-li3 {
    transform: translateY(10%);
}

.join-family-ul-li.act .jful-img::before {
    opacity: 1;
}

.join-run {
    width: 100%;
    position: relative;
    background: var(--colorfff);
}

.jrlu-lis {
    width: 370px;
    margin-right: 24px;
}

.jrlu-lis .ys-imgbox-cover {
    border-radius: 20px;
    overflow: hidden;
}

.join-run-list {
    position: relative;
    overflow: hidden;
}

.join-run-list-ul {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: calc(calc(370px * var(--width-shu)) + calc(24px * var(--width-shu)));
}

.join-run-list1 .join-run-list-ul1 {
    animation: donghua1 linear infinite;
}

@keyframes donghua1 {
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

.join-run-list1 .join-run-list-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua2 linear infinite;
}

@keyframes donghua2 {
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }

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

.join-run-list2 .join-run-list-ul1 {
    animation: donghua3 linear infinite;
}

@keyframes donghua3 {
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
}

.join-run-list2 .join-run-list-ul2 {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    animation: donghua4 linear infinite;
}

@keyframes donghua4 {
    0% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }

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

.join-run-list1 {
    margin-bottom: 24px;
}

.join-word {
    background: var(--colorbj);
}

.jwul-box {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: block;
}

.join-word-ul {
    height: 445px;
    display: flex;
}

.jwul-box-img,
.jwul-box-img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jwul-box-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, rgba(207, 10, 44, 0.00) 0%, rgba(115, 52, 98, 0.44) 36.5%, rgba(85, 66, 116, 0.59) 48.5%, rgba(66, 75, 127, 0.68) 56%, rgba(40, 87, 142, 0.81) 66.5%, rgba(25, 94, 151, 0.88) 72.5%, #0069A6 82.47%, #0069A6 90%, #0069A6 92.5%);
}

.join-word-ul {
    margin: 0 -12px;
}

.join-word-ul-li {
    width: 42%;
    height: 100%;
    transition: all .4s;
    padding: 0 12px;
}

.join-word-ul-li.act {
    width: 58%;
}

.jwul-box-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 75px 55px 43px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.jwul-box-wrap-tit {
    color: var(--colorfff);
}

.join-word-ul-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}

.join-word-ul-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}

.join-page .mod-wrap {
    padding-bottom: 0px !important;
}

/* E3 加入我们单页-end */
/* E4 招聘职位列表页 -start */
.recruit-page {
    background: var(--colorbj);
}

.recruit-top h2 {
    width: 35%;
    color: var(--color030);
    line-height: var(--line15);
}

.recruit-top h2 span {
    width: 144px;
    display: inline-block;
}

.recruit-top h2 span img {
    width: 100%;
}

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

.recruit-top-list {
    display: flex;
    margin: 0 -38px;
}

.recruit-top-list-item {
    padding: 0 38px;
    position: relative;
}

.recruit-top-list-item::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(20deg);
    right: 0;
    width: 1px;
    height: 100%;
    background: #D0DBE1;
}

.recruit-top-list-item:last-child::after {
    display: none;
}

.recruit-top-list-item {
    font-size: var(--font56);
    line-height: var(--line12);
    color: var(--color666);
}

.recruit-top-list-item span {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color666) !important;
    display: block;
}

.recruit-top-list-item:last-child {
    color: var(--colormain2);
}

.recruit-min {
    border-radius: 20px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 24px 48px;
    position: relative;
    z-index: 2;
}

.recruit-min-le p {
    color: var(--color030);
    line-height: var(--line175);
}

.recruit-min-le p span {
    color: #0269a6;
    display: inline-block;
    margin-left: 8px;
    font-family: var(--family3);
}

.recruit-min-ri {
    width: 64%;
}

.recruit-bot {
    padding: 44px;
    border-radius: 20px;
    background: var(--colorfff);
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.recruit-page .mod-wrap {
    padding-bottom: 0px;
}

.recruit-bot-tpul {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: var(--colormain2);
    margin-bottom: 24px;
}

.recruit-bot-tpul-li,
.rbbl-boxs-tp-item {
    width: 16.666667%;
}

.recruit-bot-tpul-li p {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--colorfff);
    padding: 24px;
    text-align: center;
}

.rbbl-boxs-tp {
    display: flex;
    background: var(--colorbj);
    border-bottom: solid 1px #D0DBE1;
    cursor: pointer;
}

.rbbl-boxs-tp-item p {
    text-align: center;
    color: var(--color666);
    line-height: var(--line175);
    padding: 26px 0;
    font-size: var(--font16);
}

.rbbl-boxs {
    border: solid 1px var(--colorbj);
    overflow: hidden;
}

.rbbl-boxs-tp-item p span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(3, 26, 39, 0.10);
    display: block;
    margin: 0 auto;
    position: relative;
    transition: all .4s;
}

.rbbl-boxs-tp-item p span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 43.75%;
    height: 1px;
    background: var(--color030);
    transition: all .4s;
}

.rbbl-boxs-tp-item p span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 43.75%;
    background: var(--color030);
    transition: all .4s;
}

.recruit-bot-btul-li.act .rbbl-boxs-tp-item p span {
    background: #0269a6;
}

.recruit-bot-btul-li.act .rbbl-boxs-tp-item p span::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

.recruit-bot-btul-li.act .rbbl-boxs-tp-item p span::before {
    background: var(--colorfff);
}

.recruit-bot-btul-li.act .rbbl-boxs {
    border-radius: 10px 10px 0 0;
}

.recruit-bot-btul-li:last-child .rbbl-boxs-tp {
    border-bottom: solid 1px transparent;
}

.recruit-bot-cry {
    border-radius: 10px;
    overflow: hidden;
}

.rbbl-boxs-bot {
    padding: 44px;
    border-top: solid 1px #D0DBE1;
}

.rbbe-tit {
    color: var(--color030);
    line-height: var(--line16);
    padding-bottom: 22px;
    border-bottom: solid 1px #D0DBE1;
    margin-bottom: 24px;
}

.rbbe-edr ol li {
    list-style-type: decimal;
}

.rbbe-edr h6 {
    color: var(--color030);
    font-size: var(--font18);
    line-height: var(--line175);
    margin-bottom: 14px;
}

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

.rbbe-edr {
    width: 68%;
    margin-bottom: 32px;
}

.recruit-bot-btul-li.act .rbbl-boxs {
    border: solid 1px var(--colormain2);
}

.rbbl-boxs-bot {
    display: none;
}

.recruit-bot-btul-li:first-child .rbbl-boxs-bot {
    display: block;
}

.recruit-page .mod-paging {
    margin-top: var(--space44);
}

/* E4 招聘职位列表页-end */
/* E1 国力简介汇总页-start */
.ys-nyban-pc2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 4;
}

.about-page .mod-nyban .ys-pos-center {
    bottom: auto;
    top: 50%;
}

.ys-nybnnaer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.ys-nybnnaer-bg1 {
    width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    animation: left .8s ease-in-out both;
    animation-delay: 0.2s;
}

.ys-nybnnaer-bg2 {
    width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    animation: right .8s ease-in-out both;
    animation-delay: 0.2s;
}

@keyframes left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0px, 0);
        transform: translate3d(-40px, 0px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0px, 0);
        transform: translate3d(40px, 0px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.ys-nybanner-text-cry,
.ys-nybanner-text-cry span {
    font-size: 300px;
    background: linear-gradient(180deg, #FFF 33.48%, rgba(255, 255, 255, 0.00) 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--family3);
    line-height: 1.1;
    text-align: right;
}

.ys-nybanner-text-cry span {
    display: inline-block;
    vertical-align: top;
    min-width: 7px;
    opacity: 0;
    transform: translateY(100%);
    animation: text_fadeup 1s ease both;
}

.ys-nybanner-text {
    overflow: hidden;
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
}

@keyframes text_fadeup {
    0% {
        opacity: 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }
}

.ys-nyban-pc2 {
    animation: fadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 60px, 0);
        transform: translate3d(-50%, 60px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(-50%, 0px, 0);
        transform: translate3d(-50%, 0px, 0)
    }
}

.about-page {
    background: var(--colorbj);
}

.about-intro-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.about-intro-top-ri {
    width: 58%;
}

.about-intro-top-ri p {
    color: var(--color666);
    line-height: var(--line175);
    margin-bottom: var(--parpspace10);
}

.about-intro {
    position: relative;
    z-index: 2;
}

.about-intro-bg {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.about-intro-bg img {
    width: 100%;
}

.aitr-word {
    margin-bottom: 20px;
}

.about-intro-video-cry {
    position: relative;
}

.aivc-play {
    width: 134px;
    height: 134px;
    border-radius: 50%;
    background: #0269a6;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* top: 379px;
    left: 780px; */
    /* top: 50%; */
    /* left: 50%; */
    transform: translate(-50%, -50%);
    z-index: 4;
    cursor: pointer;
    pointer-events: none;
}

.aivc-play.active {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.aivc-play p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line15);
}

.aivc-play-icon {
    width: 16px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 8px;
}

.about-intro-video {
    width: 100%;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}

.about-intro-video-cry {
    width: 35%;
    height: 72%;
    margin: 0 auto;
    border-radius: 546px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.about-intro-video-img {
    opacity: 0;
    pointer-events: none;
}

.aivc-ph {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 4;
}

.aivc-show {
    z-index: 3;
}

.about-intro {
    padding-top: var(--space130);
}

.about-think h2,
.about-think .aitr-word p {
    color: var(--colorfff);
}

.about-think {
    padding: 275px 0 var(--space130);
    background: var(--color030);
    margin-top: -140px;
}

.athul-boxs-le {
    width: 32%;
    overflow: hidden;
    border-radius: 20px;
    margin-right: 24px;
    position: relative;
    z-index: 2;
}

.athul-boxs-le img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.about-think-ul-li:last-child {
    margin-bottom: 0px;
}

.athul-boxs {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
}

.about-think-ul-li {
    display: flex;
    justify-content: flex-end;
}

.about-think-ul-li:nth-child(2n) .athul-boxs {
    flex-direction: row-reverse;
}

.about-think-ul-li:nth-child(2n) {
    justify-content: flex-start;
}

.about-think-ul-li:nth-child(2n) .athul-boxs-le {
    margin-left: 24px;
    margin-right: 0px;
}

.about-think-ul-li:nth-child(2n) .athul-boxs-ri {
    transform: translateX(100%);
}

.about-think-ul-li.start .athul-boxs-ri {
    transform: translateX(0%);
    opacity: 1;
    transition: transform .6s ease;
}

.athul-boxs-ri {
    width: 32.5%;
    overflow: hidden;
    border-radius: 20px;
    background: var(--colorbj);
    padding: 44px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    opacity: 0;
    transform: translateX(-100%);
    transition: all .4s ease;
}

.athul-boxs-ri::after {
    content: "";
    position: absolute;
    top: 47px;
    left: 44px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0269a6;
}

.athul-boxs-ri-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
}

.athul-boxs-ri-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.athul-boxs-ri-tit {
    color: #0269a6;
    position: relative;
    z-index: 1;
}

.athul-boxs-ri-word {
    position: relative;
    z-index: 1;
}

.athul-boxs-ri-word p {
    color: var(--color030);
    line-height: var(--line175);
}

.about-think .about-intro-top {
    margin-bottom: 75px;
}

.about-think-bg {
    width: 25%;
    position: absolute;
    left: 0;
    bottom: 0;
    /* overflow: hidden; */
}

.about-think-bg img {
    width: 100%;
    height: 150%;
    transform: translateY(10%);
}

.about-think {
    position: relative;
}

.about-gloabl-wrap {
    width: 100%;
    max-width: 1920px;
    margin: 0px auto 0;
    position: relative;
}

.about-gloabl-wrap-img3 {
    position: relative;
    width: 100%;
    opacity: 0;
}

.about-gloabl-wrap-img1,
.about-gloabl-wrap-img2 {
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
}

.about-gloabl-wrap-img1 {
    transform: translateX(-30%)
}

.about-gloabl-wrap-img2 {
    transform: translateX(30%)
}

.about-gloabl {
    height: 200vh;
    position: relative;
    overflow: visible !important;
}

.about-gloabl-boxs {
    height: 100%;
}

.about-gloabl-cont {
    height: 100vh;
    position: relative;
}

.about-gloabl-cry {
    position: sticky;
    top: var(--line80);
}

.about-gloabl h2 {
    text-align: center;
}

.about-gloabl .mod-word {
    margin: 0 auto var(--space44);
}

.about-gloabl .ys-cont1560 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.about-gloabl-wrap.more .about-gloabl-wrap-img3 {
    opacity: 1;
}

.about-gloabl-wrap {
    pointer-events: none;
}

.about-gloabl-box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100vh;
}

.about-deve {
    background: var(--color030);
    position: relative;
    height: calc(calc(80vh - var(--line80)) * var(--total));
}

.about-deve-bg {
    width: 100%;
    height: calc(100vh + var(--space130) + var(--space130));
    position: absolute;
    bottom: -130px;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.about-deve-bg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

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

.about-deve-btcry {
    position: absolute;
    left: var(--left);
    bottom: -240px;
    width: 85vw;
    max-width: 1560px;
    z-index: 5;
}

.about-deve-cont {
    z-index: 12;
}

.about-deve-btcry::before {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 0;
    width: var(--left);
    height: 36px;
    background: var(--color030);
    z-index: 8;
}

.about-deve-btcry::after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: var(--left);
    height: 36px;
    background: var(--color030);
    z-index: 8;
}

.about-deve-bt-ul {
    display: flex;
    position: relative;
    justify-content: flex-end;
    z-index: 2;
}

.about-deve-tit p,
.about-deve-tit p span,
.about-deve-tit {
    font-size: 244px;
    line-height: var(--line175);
    color: rgba(21, 37, 74, 1);
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-deve-tit p:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #0269a6;
    clip-path: inset(0px 0px 0px 100%)
}

.about-deve-tit p:nth-child(2) span {
    color: #0269a6;
}

.adul-years {
    color: #fff;
    font-size: var(--font16);
    line-height: var(--line175);
    padding: 2px 22px;
    border-radius: 20px;
    white-space: nowrap;
    background: #8993A0;
    display: inline-block;
    position: absolute;
    bottom: -318px;
}

/* .adul-years::after{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    transform: translateY(-50%);
    width: 200vw;
    height: 3px;
    background: var(--colormain2);
    opacity: 0;
    transition: all .4s;
    z-index: -1;
} */
.about-deve-tit span {
    margin: 0 10px;
}

.about-honor h2 {
    text-align: center;
}

.about-honor-list {
    width: 34%;
    margin: 0 auto var(--space44);
    padding: 10px;
    background: var(--colorfff);
    border-radius: 1000px;
}

.ahlu-li p {
    padding: 4px 44px;
    white-space: nowrap;
    border-radius: 100px;
    color: var(--color666);
    line-height: var(--line175);
    transition: all .4s;
    cursor: pointer;
}

.ahlu-li.act p {
    color: var(--colorfff);
    background: var(--colormain2);
}

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

.about-honor-list-ul {
    display: flex;
    justify-content: center;
    margin: 0 -5px;
}

.ahis-ul-lis-tit {
    color: #333;
    line-height: var(--line175);
    text-align: center;
    margin-top: var(--space24);
}

.ahis-ul-lis-box .ys-imgbox-cover {
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(3, 15, 39, 0.10);
    overflow: hidden;
}

.ahis-ul-lis {
    padding: 0px !important;
}

.ahis-ul {
    margin: 0px !important;
}

.about-honor-wrap .swiper-wrapper {
    padding-bottom: 70px;
}

.about-honor-wrap .swiper-container-horizontal>.swiper-pagination-progressbar,
.about-honor-wrap .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    bottom: 20px !important;
    background: rgba(208, 219, 225, 0.3) !important;
}

.about-honor-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color030) !important;
}

.about-honor-item {
    display: none;
}

.about-honor-item:first-child {
    display: block;
}

.about-deve-ul-li {
    width: 415px !important;
    margin-right: 20px;
}

.about-deve-ul-lis {
    display: flex;
    flex-direction: column;
    width: auto;
}

.adul-box {
    padding: 40px 34px;
    border-radius: 15px;
    overflow: hidden;
    background: #193C86;
    position: relative;
}

.adul-box .ys-imgbox-cover {
    border-radius: 15px;
    overflow: hidden;
}

.adul-year {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line175);
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.adul-box {
    display: block;
}

.adul-box span {
    flex-shrink: 0;
    display: block;
    width: 17px;
    height: 17px;
    border: solid 1px #8993a0;
    border-radius: 50%;
    position: relative;
    margin-right: 12px;
}

.adul-box span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0269a6;
}

.adul-word p {
    color: var(--colorfff);
    line-height: 1.75;
    white-space: normal !important;
}

.adul-word {
    margin-bottom: 40px;
}

.about-deve-ul-li.on {
    transform: translateY(-150px);
}

.adbu-li p {
    color: #fff;
    font-size: var(--font16);
    line-height: var(--line175);
    padding: 2px 22px;
    border-radius: 20px;
    white-space: nowrap;
    background: #8993A0;
    white-space: normal !important;
}

.adbu-li {
    pointer-events: none;
    display: inline-block;
}

.about-deve-ul,
.adul-item {
    display: flex;
    white-space: nowrap;
}

.about-deve-wrap {
    white-space: nowrap;
}

.about-deve {
    overflow: visible !important;
}

.about-deve-cont {
    position: relative;
    z-index: 6;
}

.about-deve-crybox {
    position: relative;
    z-index: 2;
}

.about-deve-main {
    position: relative;
    z-index: 6;
    padding-right: 7.5vw;
}

.home-goon-fu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home-goon-fu-nub {
    height: 50vh;
}

/* E1 国力简介汇总页-end */
/* E5 联系我们单页-start */
.ctact-total-ul {
    display: flex;
    align-items: stretch;
    margin: 0 -12px;
}

.ctact-total-ul-li {
    width: 50%;
    padding: 0 12px;
}

.ctact-total-ul-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}

.ctact-total-ul-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}

.ctul-box {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #D0DBE1;
    background: var(--colorfff);
    box-shadow: 0px 83px 67px 0px rgba(132, 155, 179, 0.00), 0px 145px 58px 0px rgba(132, 155, 179, 0.01), 0px 68px 60px 0px rgba(132, 155, 179, 0.05), 0px 30px 60px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    padding: 34px 34px 76px;
}

.ctul-tit {
    color: var(--color030);
    line-height: var(--line15);
    margin-bottom: 32px;
}

.ctul-tab p {
    line-height: var(--line175);
    color: var(--colorfff);
    padding: 4px 24px;
    white-space: nowrap;
    background: var(--color030);
    border-radius: 100px;
    display: inline-block;
}

.ctul-tab {
    position: relative;
    z-index: 2;
}

.ctul-tab::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D0DBE1;
    z-index: -1;
}

.ctul-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 34px;
}

.ctul-ul-il {
    padding: 0 15px;
    margin-bottom: 10px;
}

.ctul-ul-il p {
    position: relative;
    white-space: nowrap;
    padding-left: 18px;
    color: var(--color666);
    line-height: var(--line175);
}

.ctul-ul-il p::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0269a6;
}

.ctul-bot {
    display: flex;
    position: relative;
    margin: 0 -50px;
}

.ctul-bot-ul {
    width: 50%;
    padding: 0 50px;
    border-right: solid 1px #D0DBE1;
}

.ctul-bot-ul:last-child {
    border-right: solid 1px transparent;
}

.ctul-bot-ul-li p,
.ctul-bot-ul-li p a {
    font-size: var(--font16);
    line-height: var(--line175);
    display: inline-block;
    color: var(--color666);
}

.ctul-bot-ul-li p span {
    display: inline-block;
    color: var(--color030);
    margin-right: 12px;
}

.ctul-bot-ul-li {
    margin-bottom: 6px;
}

.ctul-bot-ul-li:last-child {
    margin-bottom: 0px;
}

.ctact-from {
    background: var(--colorbj);
}

.ctact-from-wrap {
    display: flex;
}

.ctact-from-le {
    width: 42%;
    padding-right: 155px;
}

.ctact-from-ri {
    width: 58%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    overflow: hidden;
}

.ctact-from-le-word ul {
    padding-left: 18px;
}

.ctact-from-le-word ul li {
    list-style-type: disc;
}

.ctact-from-le-word p {
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line175);
}

.ctact-from-le-logo {
    width: 258px;
    margin-bottom: var(--space24);
}

.ctact-from-le-logo img {
    width: 100%;
}

.ctact-from-le h2 {
    margin-bottom: 32px;
    color: var(--color030);
    line-height: var(--line15);
}

.cfls-box {
    display: block;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.cfls-bot {
    width: calc(100% - 80px);
    position: absolute;
    bottom: 29px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.cfls-bot {
    color: var(--colorfff);
    line-height: var(--line16);
}

.ctact-from-le-bt {
    margin-top: 84px;
}

.ctact-from-le-bt .ctact-from-le-swip {
    padding-bottom: 60px;
}

.ctact-from-le-bt .swiper-container-horizontal>.swiper-pagination-progressbar,
.about-honor-wrap .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    bottom: 22px !important;
    background: rgba(208, 219, 225, 0.3) !important;
}

.ctact-from-le-bt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color030) !important;
}

.ctact-from-le-bt .mod-arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    z-index: 4;
}

.ctact-from-le-bt .arrows-icon {
    background: rgba(3, 26, 39, 0.10);
}

.ctact-from-le-bt {
    position: relative;
}

.ctact-from-ri {
    padding: 44px;
}

.ctact-from-ri .ys-select,
.ctact-from-ri .ys-select-bd {
    padding: 0;
    border: none;
}

.ctact-from-ri .ys-select-bd {
    border: solid 1px #d0dbe1;
}

.ctact-from-ri .ys-form-inof-item .ys-select-xtbbox {
    right: 18px;
}

.ys-form-inof-text {
    color: var(--color030);
    line-height: var(--line175);
    flex-shrink: 0;
    margin-right: 24px;
}

.ys-form-inof-post {
    display: flex;
    align-items: center;
}

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

.yfiu-li-box span {
    display: block;
    width: 24px;
    height: 24px;
    border: solid 1px #999;
    position: relative;
    transition: all .4s;
    border-radius: 50%;
    margin-right: 12px;
}

.yfiu-li-box span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colormain2);
    opacity: 0;
    transition: all .4s;
}

.yfiu-li.act span {
    border: solid 1px var(--colormain2);
}

.yfiu-li.act span::after {
    opacity: 1;
}

.ys-form-inof-ul {
    margin: 0 -12px;
    display: flex;
}

.yfiu-li {
    padding: 0 12px;
}

.ctact-page .mod-wrap {
    padding-bottom: 0px !important;
}

/* E5 联系我们单页-end */
/* B1产品系列列表-start */
.prod-page {
    background: var(--colorbj);
}

.prod-list-le {
    width: 23%;
    padding-right: 78px;
    position: sticky;
    top: calc(var(--line80) + 40px);
}

.prod-list-ri {
    width: 77%;
    padding-left: 78px;
    border-left: solid 1px #D0DBE1;
}

.prod-list-ri-ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.plru-li {
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.plru-li-sect {
    padding: 0 20px 26px;
    display: block;
    overflow: hidden;
    border-radius: 15px;
    background: var(--colorfff);
    transition: all .4s;
    border: solid 1px transparent;
}

.plru-li-sect .ys-imgbox-cover {
    margin-bottom: 18px;
}

.plru-li-tit span {
    display: block;
    text-align: center;
    color: #0269a6;
    font-size: var(--font14);
    line-height: var(--line175);
}

.plru-li-tit {
    text-align: center;
    color: var(--color030);
    transition: all .4s;
    margin-bottom: 16px;
}

.plru-li-sect-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -3px;
}

.plsu-lis {
    padding: 0 3px;
    margin-bottom: 8px;
}

.plsu-lis p {
    white-space: nowrap;
    font-size: 12px;
    line-height: var(--line175);
    color: var(--color030);
    padding: 2px 16px;
    border-radius: 15px;
    background: #CFE4EF;
    overflow: hidden;
}

.plru-li-sect-btn {
    margin-top: var(--space24);
}

.plru-li-sect-btn {
    display: flex;
    justify-content: center;
}

.plru-li-sect-btn p {
    color: var(--colormain2);
    font-size: var(--font16);
    line-height: var(--line175);
}

.plru-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.plru-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.plru-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

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

.prod-list {
    overflow: visible !important;
}

.prod-list h2 {
    margin-bottom: 70px;
}

.pllu-list-tp {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    justify-content: space-between;
}

.pllu-list-tp-link {
    display: block;
    font-size: var(--font18);
    color: var(--color030);
    line-height: var(--line175);
    cursor: pointer !important;
}

.pllu-list-tp-icon {
    width: 24px;
    flex-shrink: 0;
    transform: rotate(0deg);
    transition: all .4s;
    cursor: pointer;
}

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

.plpu-item-le {
    display: flex;
    align-items: center;
}

.plpu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plpu-item-le p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
}

.plpu-item-le span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 12px;
    position: relative;
    flex-shrink: 0;
    border: solid 1px rgba(208, 219, 225, 1);
}

.plpu-item-le span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color030);
    opacity: 0;
    transition: all .4s;
}

.plpu-item {
    cursor: pointer;
    margin-bottom: 6px;
}

.plpu-item:last-child {
    margin-bottom: 0px;
}

.pllu-list-pull {
    padding-right: 12px;
}

.plpu-item-le-num {
    font-size: var(--font14);
    color: var(--color030);
    line-height: var(--line175);
    white-space: nowrap;
    padding: 2px 12px 0px;
    border-radius: 100px;
    background: transparent;
    transition: all .4s;
}

.pllu-list.act .pllu-list-tp-icon {
    transform: rotate(90deg);
}

.plpu-item.act .plpu-item-le span::after {
    opacity: 1;
}

.plpu-item.act .plpu-item-le-num {
    background: var(--color030);
    color: var(--colorfff);
}

.pllu-list-pull {
    display: none;
}

.pllu-list:first-child .pllu-list-pull {
    /* display: block; */
}

.pllu-list {
    margin-bottom: 24px;
}

.pllu-list:last-child {
    margin-bottom: 0px;
}

/* B1产品系列列表-end */
/* G2 投资者公告 报告-start */
.report-page {
    background: var(--colorbj);
}

.ys-cont1160 {
    width: 85vw;
    max-width: 1160px;
    margin: 0 auto;
}

.report-notice-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -12px;
}

.report-notice-ul-li {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.rnul-link {
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #D0DBE1;
    background: #FFF;
    overflow: hidden;
    padding: 12px 40px 12px 25px;
}

.rnul-link-ri {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
}

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

.rnul-link-le {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 34px;
}

.rnul-link-le-icon {
    width: 50px;
    flex-shrink: 0;
    font-size: 0;
}

.rnul-link-le-icon img {
    width: 100%;
}

.rnul-link-le-tit {
    width: 100%;
    padding-left: 30px;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color030);
}

.rnul-link-le-tit span {
    font-size: var(--font14);
    color: var(--color999);
    line-height: var(--line175);
    display: block;
}

.report-page h2 {
    text-align: center;
}

.report-notice-ul-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}

.report-notice-ul-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}

.report-notice-ul,
.report-inform-ul {
    overflow: hidden;
}

.report-notice .mod-paging {
    margin-top: 20px;
}

.report-inform {
    background: var(--colorfff);
}

.riul-sects {
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #D9D9D9;
}

.riul-sects-ri {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.riul-sects-ri-icon {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}

.riul-sects-ri-icon img {
    width: 100%;
}

.riul-sects-ri p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
}

.riul-sects-le {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

.riul-sects-le-icon {
    width: 46px;
    height: 46px;
    position: relative;
    border-radius: 50%;
    background: #0269a6;
    margin-right: 24px;
    flex-shrink: 0;
}

.riul-sects-le-icon img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.riul-sects-le-fr {
    color: var(--color030);
    line-height: var(--line175);
    font-size: var(--font16);
}

.riul-sects-le-fr span {
    display: block;
    margin-bottom: 8px;
    font-size: var(--font14);
    color: var(--color666);
    line-height: var(--line175);
}

.report-inform .mod-paging {
    margin-top: var(--space44);
}

.report-ctact-wrap {
    border-radius: 20px;
    overflow: hidden;
    padding: 100px 98px;
}

.report-ctact {
    overflow: visible !important;
    position: relative;
    background: var(--colorfff);
}

.report-ctact::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: var(--space130);
    background: var(--colorfff);
}

.report-ctact-le h2 {
    color: var(--colorbj);
    line-height: var(--line15);
    margin-bottom: 12px;
    text-align: left !important;
}

.report-ctact-le-word p {
    color: var(--colorbj);
}

.report-ctact-wrap {
    display: flex;
    align-items: center;
}

.report-ctact-le {
    width: 48%;
}

.report-ctact-ri {
    width: 52%;
    padding-left: 100px;
}

.rcru-lis-boxs {
    display: flex;
    align-items: center;
}

.rlbl-icon {
    width: 32px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 24px;
}

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

.rcru-lis-boxs p,
.rcru-lis-boxs p a {
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--colorfff);
    display: inline-block;
}

.rcru-lis {
    margin-bottom: 24px;
}

.rcru-lis:last-child {
    margin-bottom: 0px;
}

/* G2 投资者公告 报告-end */
/* G1 投资者关系单页-start */
.investor-page {
    background: var(--colorbj);
}

.investor-page .report-notice {
    background: #fff;
}

.investor-page .report-inform,
.investor-page .report-ctact {
    background: var(--colorbj);
}

.investor-page .report-ctact::after {
    display: none;
}

.investor-page .report-inform h2,
.investor-page .report-ctact h2 {
    text-align: center;
}

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

.investor-overview-top h2 {
    flex-shrink: 0;
}

.investor-overview-top-word {
    width: 100%;
    padding-left: 80px;
}

.investor-overview-top-word p {
    font-size: var(--font18);
    color: var(--color666);
    line-height: var(--line175);
    margin-bottom: var(--parpspace12);
}

.investor-overview-top {
    margin-bottom: 30px;
}

.investor-overview-bot {
    border-radius: 15px;
    overflow: hidden;
    background: var(--colorfff);
    padding: 55px 68px;
}

.iobl-tit {
    font-size: var(--font20);
    color: #333;
    line-height: var(--line15);
    margin-bottom: 16px;
}

#zhangfu {
    font-size: var(--font56);
    color: #0269a6;
    line-height: 1.1;
    margin-right: 24px;
}

#zhangdie2,
.iobl-min-ri {
    color: #0269a6;
    line-height: var(--line175);
}

.investor-overview-bot span {
    display: inline-block;
}

.iobl-min-icon img:nth-child(2) {
    display: none;
}

.iobl-min {
    display: flex;
    align-items: flex-end;
}

.iobl-min-icon {
    width: 24px;
}

.iobl-min-icon img {
    width: 100%;
}

.iobl-bt {
    margin-top: 16px;
}

.iobl-bt {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
}

.investor-overview-bot-le {
    width: 25%;
    flex-shrink: 0;
    border-right: solid 1px #D9D9D9;
}

.iobr-ul {
    display: flex;
    margin: 0 -18px;
    justify-content: space-between;
}

.iobr-ul-il {
    padding: 0 18px;
}

.investor-overview-bot {
    display: flex;
    align-items: center;
}

.investor-overview-bot-ri {
    padding-left: 90px;
    width: 100%;
}

.iobr-ul-li-box {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line15);
}

.iobr-ul-li-box span {
    display: block;
    margin-top: 8px;
    font-size: 36px;
    color: #333;
    line-height: var(--line15);
}

.iobr-time p,
.iobr-time p span {
    display: inline-block;
    font-size: var(--font14);
    color: var(--color999);
    line-height: var(--line15);
}

.iobr-time {
    margin-top: 32px;
}

/* G1 投资者关系单页-end */
/* F1 可持续发展单页-start */
.deve-ban {
    padding-top: 40px;
    width: 97.5%;
    margin: 0 auto;
    position: relative;
    min-height: 180vh;
}

.deve-ban-wrap {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    padding-bottom: 0 !important;
}

.deve-ban-wrap-cont {
    width: 100%;
    position: relative;
}

.deve-ban-topw {
    position: static;
    width: 100%;
}

.deve-ban-top {
    width: 100%;
    position: relative;
    z-index: 10;
}

.deve-ban-top-p {
    width: 100%;
    padding-bottom: var(--space44);
}

.deve-ban-top-p1 {
    position: relative;
    z-index: 10;
    background: transparent !important;
}

.deve-ban-top-p2 {
    position: absolute;
    top: 0;
    left: 0;
}

.deve-ban-top-p1 .ys-nyban-title h1,
.deve-ban-top-p1 .ys-nyban-title p {
    color: var(--color030);
}

.deve-ban-img {
    position: relative;
    width: 100%;
}

.deve-ban-img-flot {
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.deve-ban-img-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.deve-page {
    background: var(--colorbj);
}

.deve-ban-img-wrap {
    border-radius: 20px;
    overflow: hidden;
}

.deve-ban-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.deve-ban-img-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, rgba(21, 37, 74, 0.00) 32.41%, #15254A 129.62%);
    opacity: 0;
    transition: all .4s;
}

.deve-ban-img-wrap.on::after {
    opacity: 1;
}

.deve-cry-wrap h2 {
    margin-bottom: 82px;
}

.deve-cry-le-ul {
    display: flex;
    flex-direction: column;
}

.dclu-li-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    border: solid 1px #D0DBE1;
    transition: all .4s;
}

.dclu-li-box span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font24);
    line-height: var(--line16);
    color: #D0DBE1;
    transition: all .4s;
}

.dclu-li1.act .dclu-li-box {
    background: #95AD07;
    border: solid 1px #95AD07;
}

.dclu-li2.act .dclu-li-box {
    /* background: #DCEBF3; */
    background: rgba(0, 114, 198, 1);
    border: solid 1px #DCEBF3;
}

.dclu-li3.act .dclu-li-box {
    /* background: #CEF6E9; */
    background: rgba(0, 154, 147, 1);
    border: solid 1px #CEF6E9;
}

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

.dclu-li {
    margin-bottom: 13px;
}

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

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

.deve-cry-le {
    position: sticky;
    top: 120px;
    width: 34%;
    padding-right: 100px;
}

.deve-cry-ri {
    width: 66%;
}

.dcru-lis-box {
    display: flex;
    align-items: center;
    padding-right: 116px;
    border-radius: 20px;
    overflow: hidden;
}

.dcru-lis1 .dcru-lis-box {
    border-right: 10px solid #95AD07;
    background: #DDEFC8;
}

.dcru-lis2 .dcru-lis-box {
    border-right: 10px solid #0069A6;
    background: #DCEBF3;
}

.dcru-lis3 .dcru-lis-box {
    border-right: 10px solid #009A93;
    background: #CEF6E9;
}

.dcru-lis1 .dcru-lis-ri-tit {
    color: #95AD07;
}

.dcru-lis2 .dcru-lis-ri-tit {
    color: #0072C6;
}

.dcru-lis3 .dcru-lis-ri-tit {
    color: #009A93;
}

.dcru-lis-ri-tit {
    display: inline-block;
    position: relative;
    margin-bottom: 32px;
    line-height: var(--line12);
    font-family: var(--family3);
}

.dcru-lis-ri-tit::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 1px;
}

.dcru-lis1 .dcru-lis-ri-tit::after {
    background: #95AD07;
}

.dcru-lis2 .dcru-lis-ri-tit::after {
    background: #0072C6;
}

.dcru-lis3 .dcru-lis-ri-tit::after {
    background: #009A93;
}

.dcru-lis-ri-word p {
    color: var(--color666);
    line-height: var(--line175);
}

.dcru-lis {
    margin-bottom: 24px;
}

.dcru-lis:last-child {
    margin-bottom: 0px;
}

.dcru-lis-img {
    width: 40%;
    flex-shrink: 0;
    font-size: 0;
}

.dcru-lis-img img {
    width: 100%;
}

.dcru-lis-ri {
    width: 100%;
}

.deve-cry {
    overflow: visible !important;
}

.deve-page .home-news {
    background: var(--colorfff);
}

.deve-report {
    background: var(--colorbj);
}

.deve-report .riul-sects-le-icon {
    background: var(--colormain2);
}

.deve-report h2 {
    text-align: center;
}

/* F1 可持续发展单页-end */
/* B4-1 产品详情页-start */
.prodet-ban {
    position: relative;
}

.prodet-ban .ys-nyban-img {
    /* background: linear-gradient(270deg, rgba(3, 15, 39, 0.10) 0%, rgba(3, 15, 39, 0.00) 93.39%); */
    /* filter: blur(2.6500000953674316px); */
    /* backdrop-filter: blur(7.5px); */
}

.prodet-ban .ys-nyban-img::after {
    background: transparent;
}

.prodet-ban-cry {
    position: absolute;
    top: auto;
    bottom: 27px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.prodet-ban-cry-le h1 span {
    display: block;
    font-size: var(--font24);
    color: var(--colorfff);
    line-height: var(--line16);
    margin-bottom: var(--space24);
}

.prodet-ban-cry-le h1 {
    font-size: var(--font48);
    line-height: var(--line13);
    margin-bottom: var(--space24);
    color: var(--colorfff);
}

.pbcl-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px 32px;
}

.pbcl-list-item {
    padding: 0 6px;
    margin-bottom: 6px;
}

.pbcl-list-item-box {
    display: flex;
    align-items: center;
    padding: 4px 16px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    overflow: hidden;
}

.plib-img {
    width: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}

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

.pbcl-list-item-box p {
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--colorfff);
    white-space: nowrap;
}

.pbcl-btnul {
    display: flex;
    margin: 0 -22px 44px;
}

.pbcl-btnul-li {
    padding: 0 22px;
}

.pbcl-paging-li a {
    display: flex;
    align-items: center;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
}

.pbcl-paging-li a span {
    display: inline-block;
    margin-right: 16px;
}

.pbcl-paging-li {
    margin-bottom: 7px;
}

.pbcl-paging-li:last-child {
    margin-bottom: 0px;
}

.prodet-ban-cry-le {
    width: 42%;
}

.prodet-ban-cry-ri {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 1800px;
    transform: translateY(-60%);
    pointer-events: none;
}

.pbcr-cont {
    will-change: transform;
    width: 100%;
    position: absolute;
    left: 0;
}

.pbcr-cont.inited {
    transition: all .3s linear;
}

.pbcr-cont-box {
    float: right;
    width: 630px;
    height: 570px;
    border-radius: 20px;
    overflow: hidden;
}

.pbcr-cont-box-wrap {
    width: 100%;
    height: 100%;
    padding: 0 0px !important;
    display: flex;
    align-items: center;
    position: relative;
}

.prodet-cry-fl {
    width: 50%;
}

.prodet-cry-fl h2 {
    margin-bottom: 34px;
    color: var(--color030);
    line-height: var(--line12);
}

.prodet-cry-fl-word p {
    line-height: var(--line175);
    color: var(--color666);
}

.prodet-cry-fl-word {
    margin-bottom: 54px;
}

.prodet-cry-fl-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.pcfu-li {
    padding: 0 12px;
    margin-bottom: 12px;
}

.pcfu-li-boxs {
    display: flex;
    align-items: center;
    padding: 10px 14px 10px 10px;
    border-radius: 100px;
    border: 1px solid #D0DBE1;
    background: #F2F7FC;
}

.prodet-page {
    background: var(--colorbj);
}

.pcfu-li-boxs-icon {
    width: 26px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
}

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

.pcfu-li-boxs p {
    white-space: nowrap;
    color: var(--color030);
    line-height: var(--line175);
    font-size: var(--font16);
}

.prodet-page section {
    overflow: visible !important;
}

.pcbw-img {
    width: 78%;
    margin: 0 auto;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
    box-shadow: 0px 183px 17px 0px rgba(132, 155, 179, 0.00), 0px 15px 18px 0px rgba(132, 155, 179, 0.01), 0px 18px 13px 0px rgba(132, 155, 179, 0.05), 0px 15px 51px 0px rgba(132, 155, 179, 0.09), 0px 0px 20px 0px rgba(132, 155, 179, 0.10);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
}

.prodet-cry {
    min-height: 80vh;
}

.prodet-cry-fl {
    padding-top: 200px;
}

.prodet-table {
    background: var(--color030);
}

.prodet-table h2 {
    color: var(--colorfff);
    text-align: center;
    line-height: var(--line12);
}

.prodet-table-wrap {
    width: 84%;
    margin: 0 auto;
    border-radius: 15px;
    border: 1px solid #09476B;
    background: linear-gradient(180deg, rgba(9, 30, 78, 0.20) 0%, rgba(3, 18, 50, 0.20) 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    padding: 56px 25px 60px 100px;
}

.ptrt-ul-li-text {
    padding: 16px 14px;
    width: 50%;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
}

.ptrt-ul-li-text1 {
    text-align: left;
}

.ptrt-ul-li-text2 {
    text-align: right;
}

.ptrt-ul-li {
    display: flex;
    border-bottom: 1px solid #22365C;
}

.prodet-table-ri-top {
    max-height: 430px;
    padding-right: 27px;
    margin-bottom: var(--space44);
}

.prodet-table-ri-top .mCSB_outside+.mCSB_scrollTools {
    right: 0px !important;
}

.prodet-table-ri-top .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255, 255, 255, 0.1) !important;
}

.prodet-table-le {
    width: 31%;
}

.prodet-table-ri {
    width: 69%;
    padding-left: 152px;
}

.prodet-apply,
.prodet-page .mod-ctact {
    background: var(--colorfff);
}

.prodet-page .mod-ctact {
    overflow: visible !important;
    position: relative;
}

.prodet-page .mod-ctact::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: var(--space130);
    background: var(--colorfff);
}

.prodet-apply h2 {
    text-align: center;
}

.pasw-li-box {
    height: 480px !important;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.pasw-li {
    width: 372px;
    transition-property: all !important;
    transition: all .36s;
}

.pasw-li-box-img,
.pasw-li-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prodet-apply-swip {
    overflow: visible !important;
    padding-bottom: 88px !important;
}

.prodet-apply .swiper-container-horizontal>.swiper-pagination-progressbar,
.prodet-apply .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.prodet-apply .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.prodet-apply .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.series-adv .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.series-adv .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    background: rgba(3, 15, 39, 0.1);
    bottom: 20px !important;
    top: auto;
    width: calc(100% - 135px);
    height: 2px;
}

.prodet-apply .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color030) !important;
}

.prodet-apply .mod-arrows {
    width: 110px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
}

.prodet-apply .arrows-icon {
    background: #D0DBE1;
}

.prodet-apply-slide,
.prodet-apply {
    position: relative;
}

.prodet-apply::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--left);
    height: 100%;
    background: var(--colorfff);
    pointer-events: none;
    z-index: 2;
}

.pasw-li .haru-li-cry {
    width: 50%;
    opacity: 0;
    height: 0px;
    transition: all .4s;
    transition-delay: 0s;
}

.pasw-li .haru-li-cry a {
    height: 0px;
    overflow: hidden;
    transition: all .4s;
}

.pasw-li.swiper-slide-active .haru-li-cry a {
    height: 100%;
}

.pasw-li.swiper-slide-active .haru-li-cry {
    opacity: 1;
    height: auto;
    transition-delay: 0.4s;
}

.prodet-apply::after {
    display: block;
}

/* B4-1 产品详情页-end */
/* C1 市场应用列表页-start */
.list-ban {
    width: 97.5%;
    margin: 0 auto;
    height: calc(100vh - var(--line80) - var(--space44));
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.list-ban-bg,
.list-ban-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-ban-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.list-ban-bg img:nth-child(2) {
    display: none;
}

.list-ban-cont h1 span {
    display: block;
    margin-bottom: var(--space24);
    color: var(--colormain2);
    text-align: center;
    font-size: var(--font32);
}

.list-ban-cont h1 {
    color: var(--colorfff);
    text-align: center;
}

.list-ban-cont {
    width: 48%;
    top: 120px;
    transform: translate(-50%, 0%);
}

.list-ban-cont .std-btn2 {
    display: flex;
    justify-content: center;
}

.soft_platform_swiper {
    position: absolute !important;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    overflow: visible !important;
}

.soft_platform_swiper .swiper-wrapper {
    transition-timing-function: linear !important;
    align-items: center;
}

.soft_platform_swiper_li {
    width: auto !important;
    margin-right: 50px;
    position: absolute !important;
    height: 248px !important;
    transition: all 1s !important;
    display: flex !important;
    align-items: center;
}

.spsl_cont {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.soft_platform_swiper_li img {
    width: 100%;
}

.spsl_cont::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .36s;
}

.soft_platform_swiper_li1 {
    bottom: 50.9%;
    left: -8%;
    width: 232px !important;
}

.soft_platform_swiper_li2 {
    bottom: 57.1%;
    left: 5%;
    width: 184px !important;
}

.soft_platform_swiper_li3 {
    bottom: 40.6%;
    left: 15.8%;
    width: 184px !important;
}

.soft_platform_swiper_li4 {
    bottom: 54.3%;
    left: 83.4%;
    width: 184px !important;
}

.soft_platform_swiper_li5 {
    bottom: 61.9%;
    left: 94.9%;
    width: 238px !important;
}

.soft_platform_swiper_li6 {
    bottom: 30.4%;
    left: -3.4%;
    width: 232px !important;
}

.soft_platform_swiper_li7 {
    bottom: 11.8%;
    left: 10%;
    width: 173px !important;
}

.soft_platform_swiper_li8 {
    bottom: 14.9%;
    left: 22.8%;
    width: 144px !important;
}

.soft_platform_swiper_li9 {
    bottom: 28.8%;
    left: 87.9%;
    width: 232px !important;
}

.soft_platform_swiper_li10 {
    bottom: -0.7%;
    left: -6%;
    width: 238px !important;
}

.soft_platform_swiper_li11 {
    bottom: -1.3%;
    left: 31.7%;
    width: 165px !important;
}

.soft_platform_swiper_li12 {
    bottom: -0.4%;
    left: 46.1%;
    width: 212px !important;
}

.soft_platform_swiper_li13 {
    bottom: 5.7%;
    left: 64.5%;
    width: 144px !important;
}

.soft_platform_swiper_li14 {
    bottom: -2%;
    left: 73.2%;
    width: 155px !important;
}

.soft_platform_swiper_li15 {
    bottom: 4.5%;
    left: 86.7%;
    width: 160px !important;
}

.soft_platform_swiper_li16 {
    bottom: 21.9%;
    left: 78.9%;
    width: 133px !important;
}

.soft_platform.act .list-ban-cont {
    /* top: 120px; */
}

.soft_platform.act .soft_platform_swiper_li {
    bottom: 127px !important;
}

.soft_platform.act .soft_platform_swiper_li1 {
    left: 0%;
}

.soft_platform.act .soft_platform_swiper_li2 {
    left: 282px;
}

.soft_platform.act .soft_platform_swiper_li3 {
    left: 516px;
}

.soft_platform.act .soft_platform_swiper_li4 {
    left: 750px;
}

.soft_platform.act .soft_platform_swiper_li5 {
    left: 984px;
}

.soft_platform.act .soft_platform_swiper_li6 {
    left: 1272px;
}

.soft_platform.act .soft_platform_swiper_li7 {
    left: 1554px;
}

.soft_platform.act .soft_platform_swiper_li8 {
    left: 1777px;
}

.soft_platform.act .soft_platform_swiper_li9 {
    left: 1971px;
}

.soft_platform.act .soft_platform_swiper_li10 {
    left: 2253px;
}

.soft_platform.act .soft_platform_swiper_li11 {
    left: 2541px;
}

.soft_platform.act .soft_platform_swiper_li12 {
    left: 2756px;
}

.soft_platform.act .soft_platform_swiper_li13 {
    left: 3018px;
}

.soft_platform.act .soft_platform_swiper_li14 {
    left: 3212px;
}

.soft_platform.act .soft_platform_swiper_li15 {
    left: 3417px;
}

.soft_platform.act .soft_platform_swiper_li16 {
    left: 3627px;
}

.soft_platform.active .soft_platform_swiper_li {
    position: relative !important;
    left: 0 !important;
    transition: none !important;
}

.soft_platform.active .soft_platform_swiper {
    height: auto !important;
}

.soft_platform.act .spsl_cont::after {
    opacity: 0;
}

.list-wrap {
    width: 100%;
    margin-top: 24px;
}

.list-wrap-ul-li {
    width: 100%;
    background: var(--color030);
    position: relative;
}

.lwul-bg,
.lwul-bg img {
    width: 100%;
    position: relative;
}

.lwul-bg img:nth-child(2) {
    display: none;
}

.lwul-bg img {
    transform: scale(1.02);
    transition: all .6s;
}

.list-wrap-ul-li.act .lwul-bg img {
    transform: scale(1);
}

.lwul-box {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lwul-box-icon {
    width: 44px;
    margin-bottom: 12px;
}

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

.lwul-tit {
    color: var(--colorfff);
    line-height: var(--line15);
    margin-bottom: var(--space44);
    position: relative;
}

.lwul-tit::after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 62px;
    height: 4px;
    border-radius: 2px;
    background: #0269a6;
}

.lwul-word p {
    color: var(--colorfff);
    line-height: var(--line175);
}

.lwul-word {
    width: 31%;
}

.lwul-box .std-btn2 {
    margin-top: var(--space44);
}

.mark-case-ri-bot {
    width: 85%;
    overflow: hidden;
}

.list-wrap-ul-li .lwul-bg {
    filter: blur(10px);
    transition: all .4s;
}

.list-wrap-ul-li.act .lwul-bg {
    filter: blur(0px);
}

/* C1 市场应用列表页-end */
/* B2 产品系列详情-start */
.series-page {
    background: var(--colorbj);
}

.series-prod {
    background: var(--colorfff);
}

.series-prod h2 {
    text-align: center;
}

.spul-sect-top {
    position: relative;
    padding: 42px 40px 48px;
    background: var(--colorbj);
    transition: all .4s;
}

.spul-sect-top-img {
    width: 100%;
    top: 0;
    left: 0;
}

.spul-sect-top-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s;
}

.spul-sect-top-img img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.spul-sect-top-tit {
    color: var(--color030);
    transition: all .4s;
    line-height: 1.6;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .4s;
}

.series-prod-ul-li {
    width: 33.333333%;
    padding: 0 12px;
}

.series-prod-ul-li:nth-child(3n+1) {
    animation-delay: 0.2s;
}

.series-prod-ul-li:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.series-prod-ul-li:nth-child(3n+3) {
    animation-delay: 0.4s;
}

.series-prod-ul {
    display: flex;
    margin: 0 -12px;
}

.spul-sect {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0px 183px 67px 0px rgba(132, 155, 179, 0.00), 0px 145px 58px 0px rgba(132, 155, 179, 0.01), 0px 68px 42px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.spul-sect-bot {
    padding: 14px 40px;
    background: #FFF;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    position: relative;
    z-index: 3;
    transition: all .4s;
}

.spul-sect-bot::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: transparent;
    box-shadow: 0px -4px 15.5px 0px rgba(3, 15, 39, 0.20);
    opacity: 0;
    transition: all .4s;
}

.spul-sect .std-btn2-box p {
    transition: all .4s;
}

.series-page .prodet-apply {
    background: var(--colorbj);
}

.series-page .prodet-apply::after {
    background: var(--colorbj);
}

.series-video {
    position: relative;
    z-index: 20;
    overflow: visible !important;
}

.series-video-wrap {
    width: 100%;
    height: calc(100vh - var(--line80));
    overflow: hidden;
    clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
    -webkit-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
    -moz-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
    -ms-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
    -o-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
    transition: all .8s ease;
    margin-top: -100px;
    position: sticky !important;
    top: var(--line80);
}

.series-video-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.series-video-zhan {
    height: 20vh;
}

.series-video.act .series-video-wrap {
    clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
    -webkit-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
    -moz-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
    -ms-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
    -o-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
}

.series-adv {
    padding: 240px 0 140px;
    position: relative;
    overflow: hidden;
}

.sasu-li {
    height: auto !important;
}

.series-adv-swip-ul {
    align-items: stretch;
}

.sasu-li-box {
    height: 100%;
    border-radius: 15px;
    border: 1px solid #D0DBE1;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 13px 7px 0px rgba(132, 155, 179, 0.00), 0px 15px 8px 0px rgba(132, 155, 179, 0.01), 0px 18px 3px 0px rgba(132, 155, 179, 0.05), 0px 12px 12px 0px rgba(132, 155, 179, 0.09), 0px 2px 6px 0px rgba(132, 155, 179, 0.10);
    backdrop-filter: blur(75px);
    -webkit-backdrop-filter: blur(75px);
    padding: 22px 40px 38px;
    transition: all .4s;
}

.sasu-li-icon {
    width: 66px;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 80px;
}

.sasu-li-icon img {
    width: 100%;
    transition: all .4s;
}

.sasu-li-icon img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.sasu-li-tit {
    transition: all .4s;
    font-size: var(--font24);
    line-height: var(--line16);
    color: var(--color030);
}

.series-adv-swip {
    overflow: visible !important;
    padding-bottom: 90px !important;
}

.series-adv .swiper-container-horizontal>.swiper-pagination-progressbar,
.home-news .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    background: rgba(3, 15, 39, 0.1);
    bottom: 22px !important;
}

.series-adv .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(3, 15, 39, 1) !important;
}

.series-adv .mod-arrows {
    width: 110px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.series-adv .arrows-icon {
    background: #D0DBE1;
}

.series-adv-slide {
    position: relative;
}

.series-adv-line {
    width: 1778px;
    /* height: 1778px; */
    border-radius: 50%;
    /* border: 2px solid rgba(12, 53, 141, 0.20); */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .4s;
    transition-delay: 0.6s;
}

.series-adv-line img {
    width: 100%;
}

/* .series-adv-line::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 56%;
    height: 56%;
    border-radius: 50%;
    border: 2px solid rgba(12, 53, 141, 0.20);
    opacity: 0;
    transition: opacity .4s;
    transition-delay: 0.4s;
} */
/* .series-adv-line::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 33%;
    height: 33%;
    border-radius: 50%;
    border: 2px solid rgba(12, 53, 141, 0.20);
    opacity: 0;
    transition: opacity .4s;
    transition-delay: 0.2s;
} */
.series-adv .ys-cont1560 {
    position: relative;
    z-index: 2;
}

.series-adv h2 {
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 54px;
    color: var(--color030);
    line-height: var(--line13);
}

.series-adv-line.act::after,
.series-adv-line.act::before,
.series-adv-line.act {
    opacity: 1;
}

.prodet-box {
    height: 1500vh;
    overflow: visible !important;
    position: relative;
}

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

.prodet-box-bg::before {
    content: '';
    background: linear-gradient(0deg, rgba(230, 230, 230, 1) 62.75%, rgba(230, 230, 230, 0) 100%);
    position: fixed;
    width: 90vw;
    height: 55vh;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    transition: all .8s ease-in-out;
}

.prodet-box-bg #scrolly-video {
    margin: 0 auto;
    top: calc(var(--line80) / 2) !important;
    top: 0px !important;
    left: 0;
    font-size: 0;
    background: transparent;
    border: 0;
    margin-top: calc(var(--line80)* -1);
    max-width: 100% !important;
    width: calc(calc(100vh - var(--line80))* 1.7777) !important;
    height: calc(100vh - var(--line80)) !important;
    top: var(--line80) !important;
}

.prodet-box-bg #scrolly-video::before,
.prodet-box-bg #scrolly-video::after {
    content: '';
    height: 10%;
    position: absolute;
    width: 100%;
    background: rgba(230, 230, 230, 1);
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.prodet-box-bg #scrolly-video video {
    min-width: 102% !important;
    min-height: calc(100% + 4px) !important;
    background: transparent;
    border: 0;
    object-fit: cover;
}

.prodet-box-bg #scrolly-video::before,
.prodet-box-bg #scrolly-video::after {
    content: '';
    height: 10%;
    position: absolute;
    width: 100%;
    background: rgba(230, 230, 230, 1);
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.series-ban {
    /* border-radius: 20px; */
    /* background: var(--color030); */
    width: 97.5%;
    margin: var(--space24) auto 0;
}

.series-ban-bg {
    position: sticky;
    top: calc(var(--line80) + 20px);
    background: var(--color030);
    width: 100%;
    height: calc(100vh - var(--line80) - 40px);
    border-radius: 20px;
}

.prodet-item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: sticky;
    top: var(--line80);
    height: calc(100vh - var(--line80));
}

.series-ban-wrap-cont {
    width: 46%;
}

.series-ban-wrap-cont h1 {
    text-align: center;
    font-size: var(--font48);
    line-height: var(--line13);
    color: var(--colorfff);
    margin-bottom: var(--space24);
}

.series-ban-wrap-word p {
    text-align: center;
    line-height: var(--line175);
    color: var(--colorfff);
}

.series-ban-wrap-word {
    margin-bottom: var(--space24);
}

.series-ban-wrap-cont .std-btn2 {
    margin-top: var(--space44);
    display: flex;
    justify-content: center;
}

.series-ban-wrap .pbcl-list {
    justify-content: center;
}

.series-ban-wrap::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(3, 15, 39, 0.00) 30.3%, #030F27 68.4%);
    z-index: -1;
}

.prodet-item.start1 {
    opacity: 1;
    pointer-events: all;
}

.prodet-item {
    opacity: 0;
    pointer-events: none;
    transition: all .4s;
}

.series-ban-top-tit {
    font-size: 160px;
    color: #FFF;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 34px;
}

.series-ban-top-word p {
    color: var(--color999);
    font-size: var(--font24);
    text-align: center;
    line-height: var(--line12);
}

.series-ban-top {
    height: calc(100vh - var(--line80));
    top: var(--line80);
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .4s;
    z-index: 1;
}

.series-ban.nomore .series-ban-top {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.ys-typeselect-item {
    height: auto !important;
}

/* B2 产品系列详情-end */
/* B3  固定真空电容器 产品列表页-start */
.ys-typeselect-scl-img {
    width: 28px !important;
}

.mod-nyban-cont {
    top: 50% !important;
    bottom: auto;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%, -50%) !important;
}

.secleclist-page h1 {
    font-size: var(--font48) !important;
    line-height: var(--line13);
    color: var(--color030);
}

.secleclist-page .ys-nyban-title p {
    font-size: var(--font18);
    color: var(--color666);
    line-height: var(--line175);
}

.ys-ban-prod {
    width: 34%;
    border-radius: 10px;
    border: 0.683px solid rgba(255, 255, 255, 0.60);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
    box-shadow: 0px 261.6px 73.084px 0px rgba(132, 155, 179, 0.00), 0px 167.342px 66.937px 0px rgba(132, 155, 179, 0.01), 0px 94.258px 56.691px 0px rgba(132, 155, 179, 0.05), 0px 41.665px 41.665px 0px rgba(132, 155, 179, 0.09), 0px 10.245px 23.223px 0px rgba(132, 155, 179, 0.10);
    backdrop-filter: blur(5.122707366943359px);
    padding: 43px 67px 39px 77px;
    -webkit-backdrop-filter: blur(5.122707366943359px);
}

.ys-ban-prod-ph {
    display: none;
}

.secleclist-page .ys-nyban-title {
    width: 50%;
}

.ys-tct-left-reset .ys-typeselect-text14 {
    color: var(--colormain2) !important;
}

.ys-typeselect-pc.act1 .ys-typeselect-b2t-hd {
    top: var(--line80) !important;
}

.ys-typeselect-compare {
    display: none !important;
}

/* B3  固定真空电容器 产品列表页-end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .sasu-li-box:hover {
        background: var(--colormain2);
    }

    .sasu-li-box:hover .sasu-li-tit {
        color: var(--colorfff);
    }

    .sasu-li-box:hover .sasu-li-icon img:nth-child(2) {
        opacity: 1;
    }

    .sasu-li-box:hover .sasu-li-icon img:nth-child(1) {
        opacity: 0;
    }

    .spul-sect:hover .std-btn2-box p {
        color: var(--colorfff);
    }

    .spul-sect:hover .std-btn2-icon {
        border: solid 1px #fff;
    }

    .spul-sect:hover .std-btn2-icon img:nth-child(2) {
        opacity: 1;
    }

    .spul-sect:hover .std-btn2-icon img:nth-child(1) {
        opacity: 0;
    }

    .spul-sect:hover .spul-sect-top-img img:nth-child(2) {
        opacity: 1;
    }

    .spul-sect:hover .spul-sect-bot::after {
        opacity: 1;
    }

    .spul-sect:hover .spul-sect-top-img img:nth-child(1) {
        opacity: 0;
    }

    .spul-sect:hover .spul-sect-top-tit {
        color: var(--colorfff);
    }

    .spul-sect:hover .spul-sect-top,
    .spul-sect:hover .spul-sect-bot {
        background: var(--colormain2);
    }

    .plru-li-sect:hover {
        border: solid 1px var(--colormain2);
    }

    .plru-li-sect:hover .plru-li-tit {
        color: var(--colormain2);
    }

    .plru-li-sect:hover .plru-li-tit span {
        color: var(--colormain1) !important;
    }

    .inul-link:hover .inul-link-bg img {
        transform: scale(1.05);
    }

    .infor-news-ul-li .std-btn3-box:hover .std-btn2-icon {
        background: transparent
    }

    .nepu-li-link:hover .nepu-li-link-word p {
        color: var(--colormain2);
    }

    .ys-pcfy a:hover li {
        color: var(--colormain2);
        background: transparent;
        border: solid 1px var(--colormain2);
    }

    .ys-pcfy li:hover a {
        color: var(--colormain2);
        background: transparent;
        border: solid 1px var(--colormain2);
    }

    .nlul-link:hover .nlul-link-tit {
        color: var(--colormain2);
    }

    .nlul-link:hover .nlul-link-min::after {
        width: 100%;
    }

    .nlul-link:hover {
        border: solid 1px var(--colormain2);
    }

    .news-list-top-ri .ys-select-li:hover {
        color: var(--colormain2);
    }

    .mark-page .home-prod .arrows-icon:hover {
        background: var(--colormain2);
    }

    .haru-li-cry-tp .std-btn3-box:hover .std-btn2-icon {
        background: transparent !important;
    }

    .mod-ctact .std-btn1-box:hover {
        border: solid 1px var(--colorfff);
    }

    .arrows-icon:hover {
        background: var(--colormain2);
    }

    .arrows-icon:hover img:nth-child(2) {
        opacity: 1;
    }

    .arrows-icon:hover img:nth-child(1) {
        opacity: 0;
    }

    .std-btn1-box:hover {
        color: var(--colorfff);
        background: var(--colormain2);
        border: solid 1px var(--colormain2);
    }

    .std-btn2-box:hover .std-btn2-icon,
    .std-btn3-box:hover .std-btn2-icon {
        background: var(--colormain2);
    }

    .std-btn2-box:hover .std-btn2-icon img:nth-child(2) {
        opacity: 1;
    }

    .std-btn2-box:hover .std-btn2-icon img:nth-child(1) {
        opacity: 0;
    }

    .std-btn3-box:hover .std-btn2-icon img:nth-child(2) {
        opacity: 1;
    }

    .std-btn3-box:hover .std-btn2-icon img:nth-child(1) {
        opacity: 0;
    }

    .std-btn2.white .std-btn2-box:hover .std-btn2-icon {
        border: solid 1px var(--colormain2);
    }

    .habs-ul-li-link:hover .std-btn2-icon,
    .std-btn3-box:hover .std-btn2-icon {
        background: var(--colormain2);
    }

    .habs-ul-li-link:hover .std-btn2-icon img:nth-child(2) {
        opacity: 1;
    }

    .habs-ul-li-link:hover .std-btn2-icon img:nth-child(1) {
        opacity: 0;
    }

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

    .hnul-link:hover .std-btn2-icon {
        background: var(--colormain2);
    }

    .hnul-link:hover .std-btn2-icon img:nth-child(2) {
        opacity: 1;
    }

    .hnul-link:hover .std-btn2-icon img:nth-child(1) {
        opacity: 0;
    }

    .mfbr-ul-li a:hover {
        color: var(--colorfff);
    }

    .mftr-ul-li ul li p a:hover {
        opacity: 1;
    }

    .mnlu-li a:hover {
        opacity: 1;
    }

    .ppru-li .std-btn3-box:hover .std-btn2-icon {
        border: solid 1px var(--colorfff);
        background: transparent;
    }

    .pprl-cry .std-btn2.white .std-btn2-box:hover .std-btn2-icon {
        background: transparent;
        border: solid 1px var(--colorfff);
    }

    .liul-box:hover {
        border: solid 1px #D0DBE1;
    }
}

.ys-typeselect-b2th-left .ys-typeselect-th {
    position: relative;
}

.ys-typeselect-b2th-left .ys-typeselect-th::after {
    content: "";
    position: absolute;
    left: 0px;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    width: 100%;
    height: 0.5px;
    background: #DAD8D8;
    z-index: 10
}

.ys-typeselect-td00 {
    padding: 14.5px !important;
}

#nowCount {
    color: #0269a6;
    font-family: var(--family3);
}

.home-ban {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--colorbj);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.home-ban-top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-ban-top-icon {
    width: 74px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 27px;
}

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

.home-ban-top,
.home-ban-bot {
    color: #333;
    line-height: var(--line14);
    font-size: var(--font56);
}

.effect .ys-hd-pc {
    background: var(--colorbj);
    border-bottom: solid 1px transparent;
}

#mark-swiper2 .swiper-slide {
    opacity: 0 !important;
}

#mark-swiper2 .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

#mark-swiper3 .swiper-slide .ys-imgbox-cover {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#mark-swiper3 .swiper-slide .ys-imgbox-cover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    transition: all .4s;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}

#mark-swiper3 .swiper-slide.act .ys-imgbox-cover::after {
    opacity: 0;
}

.investor-stock-wrap iframe,
iframe {
    width: 100%;
    height: 515px;
    border: solid 0px var(--colorbj);
    border-width: 0px !important;
}

.investor-stock {
    padding-bottom: var(--space130);
}

::-webkit-scrollbar-track-piece {
    border-color: transparent !important;
}

.home-apply-ri {
    width: 83%;
}

.std-btn3 .std-btn2-icon {
    margin-right: 0px !important;
}

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

.home-news h2 {
    text-align: left;
}

.std-btn1-box {
    white-space: nowrap;
}

.slick-dots {
    bottom: 0;
}

.sbwc-phimg {
    display: none;
}

.secleclist-page .ys-nyban-title p {
    width: 100%;
}

.pcbw-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.clul-boxs .ys-imgbox-cover img:nth-child(2) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.clul-box-le .std-btn2 {
    margin-top: 15px;
}

.dcru-lis::before,
.dclu-li::before {
    display: none !important;
}

.report-notice-btn {
    display: flex;
    justify-content: center;
}

.report-inform .report-notice-btn {
    margin-top: var(--space44);
}

.report-notice .report-notice-btn {
    margin-top: 18px;
}

/* 20241213 */
/* B5 常见问题列表页-start */
.ques-main {
    background: var(--colorbj);
}

.ques-list-le {
    width: 20%;
    position: sticky;
    top: 0px;
    padding-right: 78px;
}

.ques-list-ri {
    width: 80%;
    padding-left: 78px;
    border-left: solid 1px #030F27;
}

.ques-list-le-ul {
    width: 100%;
    border-radius: 20px;
    background: #FFF;
    padding: 24px;
}

.qllu-lis-link {
    display: block;
    text-align: center;
    transition: all .4s;
    background: transparent;
    color: var(--color666);
    line-height: var(--line175);
    padding: 4px 20px;
    border-radius: 100px;
}

.qllu-lis.act .qllu-lis-link {
    background: var(--colormain2);
    color: var(--colorfff);
}

.qllu-lis {
    margin-bottom: 10px;
}

.qllu-lis:last-child {
    margin-bottom: 0px;
}

.qlru-li {
    border-bottom: solid 1px #D0DBE1;
}

.qlru-li-tp {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.qlru-li:first-child .qlru-li-tp {
    padding-top: 0px !important;
}

.qlru-li:first-child .qlru-li-bt {
    display: block;
}

.qlru-li-bt-top {
    display: flex;
    align-items: center;
}

.qlru-li-bt {
    display: none;
    margin-bottom: 32px;
    width: 100%;
    background: var(--colorfff);
    border-radius: 20px;
    overflow: hidden;
    padding: 32px 28px 0px;
}

.qlru-li-tp-text {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--colormain2);
    font-size: var(--font18);
    line-height: var(--line12);
    color: var(--colorfff);
    display: flex;
    align-items: center;
    justify-content: center;
}

.qlru-li-bt-top .qlru-li-tp-text {
    background: rgba(0, 105, 166, 0.10);
    color: var(--colormain2);
    margin-right: 16px;
}

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

.qlru-li-tp-tab p {
    color: var(--colormain2);
    padding: 4px 12px;
    line-height: var(--line175);
    white-space: nowrap;
    border-radius: 5px;
    background: rgba(0, 105, 166, 0.10);
}

.qlru-li-tp-tab {
    margin: 0 16px;
}

.qlru-li-tp-tit {
    color: var(--color030);
    line-height: var(--line175);
}

.qlru-li-bt-top .qlru-li-tp-tit {
    color: var(--color666);
}

.qlru-li-bt-top {
    margin-bottom: 46px;
}

.qlru-li-bt .load-item-ul-li {
    width: 50%;
}

.qlru-li-bt .liul-box {
    border: 1px solid #D0DBE1;
}

.qlru-li:last-child {
    border-bottom: none;
}

.ques-list-ri .mod-paging {
    margin-top: var(--space24);
}

.std-btn1.black .std-btn1-box a {
    color: var(--color030);
}

@media screen and (min-width: 1200px) {
    .qllu-lis-link:hover {
        color: var(--colorfff);
        background: var(--colormain2);
    }

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

    .about-hist .arrows-icon:hover {
        background: var(--colormain2);
    }
}

/* B5 常见问题列表页-end */

/* 20241213-修改 */
.mark-page .mark-car-ul .slick-list {
    display: block;
}

.mark-page .mark-car-ul .slick-track {
    display: flex;
    align-items: stretch;
}

.mark-page .mark-car-ul-li {
    height: auto !important;
}

.mcul-box {
    height: 100%;
}

.slick-dots {
    bottom: 0px;
}

.slick-dots li {
    width: 8px;
    height: 8px;
}

.slick-dots li.slick-active {
    background: var(--colormain2);
}

.mark-car-ul .slick-dots {
    bottom: -15px;
}

.list-ban-cont,
.about-page .mod-nyban .ys-pos-center {
    z-index: 4;
}

.about-think .ys-cont1560 {
    position: relative;
    z-index: 2;
}

.lwul-bg {
    position: relative;
}

.lwul-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(3, 15, 39, 0.00) 0%, rgba(3, 15, 39, 0.80) 100%);
    pointer-events: none;
}

.prod-pull-tit {
    padding-left: 12px;
}

.list-ban-cont {
    top: 35%;
    transform: translate(-50%, -50%);
}

.mark-car-ul.more .slick-list {
    display: flex;
    justify-content: center;
}

.clul-last {
    opacity: 0;
    pointer-events: none;
}

/* 20241215 */
.infor-hist-slide-ul {
    width: 16%;
}

.infor-hist-slide-ul .slick-list {
    overflow: visible !important;
}

.infor-hist-slide-ul::after {
    width: 54vw;
}

.infor-hist-slide-cry {
    overflow: hidden !important;
    width: 88%;
    margin: 0 auto;
}

.ihsu-li-icon {
    font-size: 0;
}

.about-honor-item .mod-arrows {
    width: 108px;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 1;
    z-index: 4;
}

.about-honor-item .arrows-icon {
    background: #fff;
}

.about-honor-item.act .mod-arrows {
    opacity: 0;
}

.about-honor-item.act .swiper-wrapper {
    justify-content: center;
}

.mark-case-ri-swip2 {
    width: 100% !important;
}

.mark-case-ri-bot .swiper-pagination-fraction {
    position: relative !important;
    width: auto !important;
    bottom: auto !important;
}

.mark-case-ri-bot span {
    display: inline-block;
    font-size: var(--font16);
    line-height: var(--line175);
}

.mark-case-ri-bot .swiper-pagination-current {
    color: var(--color030);
}

.mark-case-ri-bot .swiper-pagination-total {
    color: var(--color999);
}

.ctul-bot-ul-li p {
    display: flex;
    align-items: baseline;
}

.ctul-bot-ul-li p span {
    display: block;
    flex-shrink: 0;
}

.plru-li-sect-ul {
    height: 25px;
    overflow: hidden;
}

.plru-li-tit span {
    height: 1.75em;
}

.prodet-box-bg #scrolly-video {
    top: calc(var(--line80) + 70px) !important;
}

.series-prod-ul {
    flex-wrap: wrap;
}

.series-prod-ul-li {
    margin-bottom: 20px;
}

.hull-fl .std-btn2 {
    margin-top: 20px;
}

.hnul-link .std-btn2 {
    position: relative;
    z-index: 2;
}

.adul-item {
    height: 100%;
}

.about-deve-ul-lis {
    height: auto !important;
}

.about-deve-ul {
    align-items: stretch;
}

.adul-years {
    bottom: -240px;
}

.about-deve-tit span:nth-child(1) {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}

.about-deve-tit span:nth-child(2) {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}

.about-deve-tit span:nth-child(3) {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.5s;
}

.about-deve-tit span:nth-child(4) {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.6s;
}

.ys-typeselect-b2th-left .ys-typeselect-b2t-hd .ys-typeselect-th::before {
    display: none !important;
}

.ys-typeselect-td0.ys-typeselect-th::before {
    height: calc(100% - 3px);
}

/* .about-deve-main::after{
    content: "";
    position: absolute;
    bottom: -224px;
    left: var(--left);
    width: 85vw;
    max-width: 1560px;
    height: 2px;
    background: #D9D9D9;
} */
.about-deve-cont::after {
    bottom: 122px;
    height: 36px;
}

.about-deve-cont::before {
    bottom: 122px;
    height: 36px;
}

.about-deve-cont {
    padding-right: 7.5vw;
}

.about-deve-tit p:nth-child(1) span {
    transition: all .6s;
}

.about-deve-tit p:nth-child(1).more span:nth-child(4) {
    margin-top: -270px;
}

.about-deve-tit p:nth-child(1).more span:nth-child(3) {
    margin-top: -180px;
}

.about-deve-tit p:nth-child(1).more span:nth-child(2) {
    margin-top: -90px;
}

.about-deve-tit p:nth-child(1).more span:nth-child(1) {
    margin-top: -0px;
}

.adul-years {
    opacity: 0;
}

.about-deve-ul-lis.acts .adul-years {
    background: #8993A0 !important;
}

.about-deve-ul-lis.acts .adul-years::after {
    opacity: 0 !important;
}

.about-deve-ul-lis.act .adul-years {
    background: var(--colormain2);
}

.about-deve-ul-lis.act .adul-years::after,
.about-deve-ul-lis.act .adul-years {
    opacity: 1;
}

.adbu-li-first2 {
    position: absolute;
    left: 100px;
}

.adbu-li-last2 {
    position: absolute;
    right: 100px;
}

.about-deve-bt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.adbu-li {
    opacity: 0;
}

.about-deve-bt-ul2 .adbu-lis:last-child {
    opacity: 1;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
}

.about-deve-bt-ul2 .adbu-lis:first-child {
    opacity: 1;
    position: absolute;
    top: 50%;
    right: 170px;
    transform: translateY(-50%);
    z-index: 2;
}

.about-deve-bt-ul {
    width: 48%;
}

.about-deve-bt-ul2 .adbu-li-last2 {
    opacity: 1;
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%);
    z-index: 2;
}

.adbu-li-first2,
.adbu-li-last2 {
    flex-shrink: 0;
}

.adbu-li-last2 {
    opacity: 1;
}

.about-deve-bt-ul1 .adbu-li-last2 {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    z-index: 2;
}

.about-deve-bt-ul1 .adbu-lis:last-child {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 170px;
    transform: translateY(-50%);
    z-index: 2;
}

.about-deve-bt-ul1 .adbu-lis:first-child {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: 2;
}

.about-deve-bt-ul1 .adbu-li p,
.adbu-li-first2 p {
    background: var(--colormain2);
    color: var(--colorfff);
}

.about-deve-wrap .swiper-pagination {
    opacity: 0;
}

.about-deve-main .mod-arrows {
    display: none;
}

.about-deve-ul-li {
    transition: transform .6s ease;
}

.about-deve-wrap {
    display: flex;
    overflow: visible !important;
}

body.zoom-in .about-deve-ul-li {
    transform: scale(0.9);
    transition: transform .6s ease-in-out;
}

body.zoom-in .about-deve-ul-li.on {
    transform: translateY(-228px) scale(0.9);
    transition: transform .6s ease-in-out;
}

.habs-ul {
    display: flex;
    align-items: stretch;
}

.habs-ul-li {
    height: auto !important;
}

.habs-ul-li-link {
    height: 100%;
}

/* 20241222 */
.prod-page .mod-poaging {
    margin-top: 30px;
}

.creat-list-ul {
    /* height: 300vh; */
}

.about-deve-ph {
    display: none;
}

.series-ban-top-tit {
    opacity: 0;
    pointer-events: all;
}

.creat-list-bot-line {
    height: 100vh;
    top: 20%;
    transform: translate(-50%, -50%);
}

.creat-list-bot-line::after {
    height: 60vh;
}

.series-ban-wrap.start1 h1 {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}

.series-ban-wrap.start1 .series-ban-wrap-word {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}

.series-ban-wrap.start1 .pbcl-list {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}

.series-ban-wrap.start1 .std-btn2 {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.5s;
}

.secleclist-cont {
    position: relative;
}

.secleclist-cont::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(var(--left) * -1);
    width: var(--left);
    height: 100%;
    background: #fff;
    z-index: 11;
}

.secleclist-cont::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: var(--left);
    height: 100%;
    background: #fff;
    z-index: 11;
}

.ys-typeselect-status-core {
    width: 28px !important;
    height: 30px !important;
    overflow: hidden;
}

.ys-typeselect-scl-img,
.ys-typeselect-scl-img img {
    height: 100% !important;
    object-fit: contain !important;
}

.series-pic {
    background: #fff;
}

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

.about-hist h2 {
    text-align: center;
}

.about-hist-tplist-top {
    width: 44%;
    margin: 0 auto 30px;
}

.about-hist-tplist-item {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ahti-box {
    cursor: pointer;
    padding: 55px 40px;
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 20px 17px 0px rgba(132, 155, 179, 0.00), 0px 20px 18px 0px rgba(132, 155, 179, 0.01), 0px 18px 13px 0px rgba(132, 155, 179, 0.05), 0px 11px 11px 0px rgba(132, 155, 179, 0.09), 0px 15px 20px 0px rgba(132, 155, 179, 0.10);
}

.ahti-box::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: #FFF;
}

.ahti-num {
    font-size: 142px;
    color: rgba(0, 105, 166, 0.1);
    line-height: 1.5;
    font-family: 'Guoli-Regular' !important;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
}

.ahti-cry-num {
    text-align: center;
    font-size: var(--font32);
    line-height: var(--line15);
    color: #030F27;
    margin-bottom: 12px;
}

.ahti-cry-edr ul {
    padding-left: 18px;
}

.ahti-cry-edr ul li {
    list-style-type: disc;
}

.ahti-cry-edr ul li p {
    font-size: var(--font18);
    color: var(--color666);
    line-height: var(--line175);
}

.about-hist-tplist-item.slick-slide:not(:first-child) {
    display: none;
}

.about-hist-tplist {
    margin: 0 -20px;
}

.about-hist-tplist-item {
    padding: 0 20px;
}

.about-hist-tplist .slick-list {
    padding-bottom: 40px;
}

.about-hist-tplist-min {
    display: flex;
    align-items: center;
}

.ahtm-le {
    width: 142px;
    border-radius: 5px;
    background: #fff;
    padding: 8px;
}

.ahtm-le img {
    width: 100%;
}

.ahtm-ri {
    width: calc(100% - 142px);
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}

.ahtm-ri-line {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(90deg, rgba(0, 105, 166, 1) 0%, rgba(208, 219, 225, 1) 45.28%);
}

.ahtm-ri-ul {
    width: 90%;
}

.ahtm-ri-ul .slick-list {
    overflow: visible !important;
}

.arul-box-num {
    color: var(--color030);
    line-height: 1.5;
    text-align: center;
    transition: all .4s;
}

.ahtm-ri-ul-li.slick-current .arul-box-num {
    top: 0;
    transform: translateX(-50%) scale(2);
}

.arul-box-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    background: #D0DBE1;
    margin: 0 auto;
    transition: all .4s;
}

.arul-box-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(from 90deg at 55.11% 50%, #0069A6 0deg, #CF0A2C 90.84261059761047deg, #0069A6 168.23003768920898deg, #CF0A2C 260.1689314842224deg, #13609B 360deg);
    opacity: 0;
    transition: all .4s;
}

.arul-box-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #F2F7FC;
    z-index: 2;
    border-radius: 50%;
    opacity: 0;
    transition: all .4s;
}

.ahtm-ri-ul-li.slick-current .arul-box-icon::after,
.ahtm-ri-ul-li.slick-current .arul-box-icon::before {
    opacity: 1;
}

.ahtm-ri-ul-li.slick-current .arul-box-icon {
    transform: scale(5);
}

.arul-box {
    cursor: pointer;
    position: relative;
}

.arul-box-num {
    position: absolute;
    left: 50%;
    transform: translateY(-30px) translateX(-50%);
    top: 0;
    transition: all .4s;
}

.about-hist .mod-arrows {
    width: 112px;
    margin: 40px auto 0;
}

.about-hist .arrows-icon {
    background: #fff;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.ahtm-ri-ul-li.slick-slide:not(:first-child) {
    display: none;
}

.ahtm-ri-ul-li {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ahtm-ri-ul-li.viewed .arul-box-icon::before,
.ahtm-ri-ul-li.viewed .arul-box-icon::after {
    opacity: 1;
}

.ahtm-ri-ul-li.viewed .arul-box-num {
    transform: translateY(30px) translateX(-50%);
}

.about-honor-item.act .swiper-pagination {
    opacity: 0;
}

.home-apply-ri-ph {
    display: none;
}

.haru-phli {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    padding: 0 10px;
    height: auto !important;
}

.haru-phli:not(:first-child) {
    display: none;
}

.home-apply-ri-phul {
    margin: 0 -10px;
}

.home-apply-ri-phul .slick-track {
    display: flex;
    align-items: stretch;
}

.home-apply-ri-phul .slick-list {
    padding-bottom: 30px;
}

.list-ban {
    margin-top: var(--space24);
}

.hull-fr img {
    width: 100%;
}

.mark-car-top {
    overflow: hidden;
}

.mark-car-cont::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 2;
}

.haru-li {
    box-sizing: border-box;
}

.haru-li-box {
    transform: perspective(50rem) rotateX(30deg);
    opacity: 0.4;
}

.haru-li:first-child .haru-li-box {
    transform: inherit !important;
    opacity: 1;
}

.home-main .ys-ban-btn {
    display: block;
}

.list-page .mod-bread {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

/* 20250124 */
.prodet-box-bg #scrolly-video {
    top: calc(var(--line80) + 70px) !important;
    height: calc(100vh - var(--line80) - 100px) !important;
}

.new_ueditor_box_img {
    position: relative;
    top: -1px;
    width: 20px;
}

.list-wrap-ul {
    border-radius: 20px;
    overflow: hidden;
}

/* 20250212 */
.ys-typeselect-nb-core {
    padding: 5.5px 10px 5.5px 24px !important;
}

.ys-typeselect-nbc-font {
    font-size: var(--text14);
    color: var(--colormain);
    line-height: 1.75;
    height: 3.5em;
    width: 100% !important;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ys-typeselect-b2th-left {
    width: 210px !important;
}

.ys-typeselect-td0 .ys-typeselect-th-wrap {
    padding-left: 24px !important;
}

.series-ban-wrap::after {
    border-radius: 0 0 20px 20px;
}

.prodet-item {
    top: calc(var(--line80) + 20px);
    height: calc(100vh - var(--line80) - 40px);
}

.deve-ban-img-wrap img {
    transform: scale(1.4);
    /* image-rendering: pixelated; */
    backface-visibility: hidden;
}

.deve-cry {
    padding-top: 40px !important;
}

.ys-nyban-title p {
    width: 51%;
}

/* 20250225 */
.prodet-page {
    margin-top: 20px;
}

.prodet-table {
    position: relative;
    z-index: 2;
}

.prodet-table-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

.prodet-table-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-hist {
    position: relative;
}

.about-hist::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: calc(var(--left) * 2);
    height: 100%;
    /* background: linear-gradient(270deg, rgba(255, 255, 255, 0.80) 4.12%, rgba(255, 255, 255, 0.00) 41.02%); */
    pointer-events: none;
}

/* 发展历程调整 */
.about-deve {
    height: auto !important;
    overflow: hidden !important;
    /*padding-top: calc(var(--space130) + var(--space130));*/
}

.about-deve-main {
    padding-right: 0px !important;
}

.about-deve-tit {
    top: calc(var(--space130) * -1);
}

.about-deve-pro {
    width: 48%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    position: relative;
}

.about-deve-pro-zhan {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.about-deve-pro .mod-arrows {
    width: 72px;
    flex-shrink: 0;
    margin-left: 24px;
}

.about-deve-pro .arrows-icon {
    width: 32px;
    height: 32px;
    background: #fff;
}

.about-deve-pro-le {
    overflow: hidden;
    border-radius: 100px;
    background: rgba(137, 147, 160, 0.50);
}

.adpl-uls {
    margin: 0 -4px;
}

.adpl-uls-li {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    width: 14.285%;
    padding: 0 4px;
}

.adpl-uls-li.slick-slide:not(:first-child) {
    display: none;
}

.adpl-uls-li p {
    text-align: center;
    color: var(--colorfff);
    line-height: 1.75;
    font-size: var(--font16);
    border-radius: 20px;
    padding: 2px 22px;
    transition: all .36s;
    position: relative;
    cursor: pointer;
}

.adpl-uls-li p::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: var(--colormain2);
    border-radius: 20px;
    pointer-events: none;
    z-index: -1;
    transition: all .36s;
}

.adpl-uls-li.slick-current p::after,
.adpl-uls-li.prevs p::after {
    width: 140%;
    left: -40%;
}

.about-deve-cont {
    padding-right: 0;
}

.prodet-table-bg img:nth-child(2) {
    display: none;
}

.about-deve-pro-le {
    width: 100%;
}

.adul-year {
    margin-bottom: 16px;
}

.adpl-uls-li:not(.on) p::after {
    width: 140%;
    left: -40%;
}

.adpl-uls-li.on~.adpl-uls-li p::after {
    width: 0;
}

.adpl-uls-li.on::after {
    width: 140%;
    left: -40%;
}

.creat-list-bot-line.isfixed.ys_notfixed {
    position: absolute !important;
    top: 80%;
}

.home-apply-bot-zhan {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.home-apply-bot {
    position: relative;
}

.hull-fr img:nth-child(1) {
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 1200px) {
    .about-deve-pro .arrows-icon:hover {
        background: var(--colormain2);
    }

    .head-nav-item:hover .hnit-icon {
        transform: rotate(180deg);
    }
}

/* 20250307 */
.ys-fic-auth-img {
    width: 196px;
}

.ys-fic-auth .ys-fii-input input {
    padding-right: 220px;
}

.ys-fii-tips {
    margin-top: 2px;
}

.yfiu-li-box p {
    line-height: 1.5;
}

.home-prod .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(1560px * 0.9) !important;
}

.hull-fr {
    overflow: hidden;
}

.from-modal-tit {
    display: inline-block;
    position: relative;
    border-bottom: none;
}

.from-modal-tit::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: #D0DBE1;
}

.ys-fic-auth {
    overflow: hidden;
}

.about-deve-crybox .about-deve-ul-lis {
    width: auto !important;
}

.home-prod .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    /* width: calc(1920px* 0.74) !important; */
    height: 2px !important;
    left: 0;
    top: auto !important;
    background: rgba(208, 219, 225, 0.3);
}

.home-prod .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: auto !important;
    bottom: 20px !important;
    background: rgba(255, 255, 255, 0.3);
    height: 2px;
    width: calc(1560px* 0.9);
}

.mark-page .home-prod .swiper-pagination-progressbar,
.mark-page .home-prod .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    bottom: 20px !important;
    background: rgba(255, 255, 255, 1) !important;
}

.home-prod .hull-fr-play {
    display: none;
}

.about-intro,
.about-think,
.about-gloabl-cry,
.about-hist {
    overflow: hidden;
}

.about-gloabl-cry {
    width: 100%;
}

/*20250328*/
.prodet-apply-swip-ul {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    position: relative;
    display: flex;
    margin: 0 -10px;
}

.pasw-li {
    width: 372px;
    transition: all .36s;
    flex-shrink: 0;
    padding: 0 10px;
}

.pasw-li.on {
    width: 1162px;
}

.pasw-li.on .haru-li-cry {
    opacity: 1;
    height: auto;
    transition-delay: 0.4s;
}

.pasw-li.on .haru-li-cry a {
    height: 100%;
}

.prodet-apply-zhan {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.prodet-apply-swip {
    position: relative;
    z-index: 1;
}

.prodet-apply-zhan {
    pointer-events: none !important;
}

.prodet-apply-zhan .swiper {
    width: 1162px;
}

.swiper1.swiper-pagination {
    opacity: 0;
}

.ctact-total-list {
    display: flex;
    border-radius: 20px;
    border: 1px solid #D0DBE1;
    background: #FFF;
    padding: 0 100px;
    box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
    margin-bottom: 23px;
}

.ctact-total-list-item {
    width: 33.333333%;
    padding: 64px 10px;
    position: relative;
}

.ctact-total-list-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40%;
    background: #D0DBE1;
}

.ctact-total-list-item:last-child::after {
    display: none;
}

.ctli-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ctli-box-icon {
    width: 44px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 28px;
}

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

.ctli-box-text span {
    display: block;
    font-size: var(--font24);
    color: var(--color030);
    line-height: 1.6;
}

.ctli-box-text p a {
    display: block;
    color: #666;
    font-size: var(--font18);
    line-height: 1.75;
}

.about-deve h2 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-bottom: var(--space130);
}

.about-deve-tp {
    position: relative;
    z-index: 9;
}

.ncul-box {
    height: 100%;
}

.ncul-box-le {
    flex-shrink: 0;
}

.ncul-box-ri {
    height: 100%;
}

.news-cry-ul-li {
    height: auto !important;
}

.investor-stock-wrap {
    width: 100%;
    height: 518px;
    overflow: hidden;
}

.investor-stock-wrap>div {
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
}

.investor-stock-wrap iframe {
    width: 100%;
    height: 100%;
}

/*20250515*/
.prodet-box-bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    max-width: 100% !important;
    width: calc(calc(100vh - var(--line80)) * 1.7777) !important;
}

.prodet-box-bg-pic {
    width: 100%;
    top: calc(var(--line80) + 70px) !important;
    height: calc(100vh - var(--line80) - 100px) !important;
    position: sticky;
}

.prodet-box-bg-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-adv.empty .swiper-pagination,
.series-adv.empty .mod-arrows {
    display: none !important;
}

/*20250530*/
.series-newcry-cont {
    width: 97.5%;
    background: #0069a6;
    margin: var(--space24) auto 0;
    position: relative;
    height: calc(100vh - var(--line80) - 20px);
}

.series-newcry .mark-car-cont {
    width: 100%;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: inherit !important;
}

.series-newcry .mark-car-cont::after {
    background: rgba(0, 0, 0, 0.2);
}

.series-newcry .mark-car-cry {
    width: 46%;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    opacity: 1;
    z-index: 2;
    padding-bottom: var(--space130);
    align-items: center;
}

.series-newcry h1 {
    text-align: center;
    color: #fff;
    text-align: center;
    font-size: var(--font48);
    line-height: var(--line13);
    color: var(--colorfff);
    margin-bottom: var(--space24);
}

.series-newcry .pbcl-list {
    justify-content: center;
}

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


.space {
    height: 800px;
}

/* 统计外层容器 */
.stat-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 60px 20px;
    gap: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

/* 单项：图标左，文字右 */
.stat-item {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    justify-content: center;
}

.stat-icon {
    width: 110px;
    height: 110px;
    flex-shrink: 0;
    fill: #0069a6;
}

.stat-text-box {
    display: flex;
    flex-direction: column;
}

.stat-num {
    font-size: 44px;
    color: #0069a6;
    font-weight: bold;
    line-height: 1.1;
}

.stat-desc {
    font-size: 16px;
    color: #666;
    margin-top: 4px;
}

/* 移动端适配 */
@media (max-width:768px) {
    .stat-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        zoom: 0.74;
        gap: 20px;
        padding: 10px 20px;
    }

    .stat-num {
        font-size: 38px;
    }

    .stat-desc {
        font-size: 18px;
    }

    .stat-icon {
        width: 80px;
        height: 80px;
    }
}

.tyy01 {
    width: 57px;
}


.cert-wrap {
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.cert-card {
    background-color: rgba(32, 38, 64, 0.65);
    border-radius: 16px;
    padding: 36px 24px;
    border: 1px solid rgba(90, 110, 160, 0.22);
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.cert-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 22px rgba(36, 190, 255, 0.35);
    border-color: rgba(42, 200, 255, 0.55);
    background-color: rgba(40, 48, 82, 0.75);
}

.icon-box {
    width: 72px;
    height: 72px;
    margin: 0 auto 22px;
    border-radius: 14px;
    background-color: rgba(60, 70, 110, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #fff;
}

.cert-title {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 14px;
}

.cert-desc {
    font-size: 16px;
    color: #b4bcd4;
    line-height: 1.6;
}

/* 移动端适配 */
@media(max-width: 900px) {
    .cert-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:540px) {
    .cert-wrap {
        grid-template-columns: 1fr;
    }
}



.honor-wrap {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.honor-card {
    background: linear-gradient(135deg, #1b2240 0%, #182038 100%);
    border-radius: 20px;
    padding: 32px;
    border: 1px solid #444a70;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 鼠标悬浮特效：上浮+外发光 */
.honor-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(80, 120, 255, 0.25);
    border-color: #6378ff;
}

.honor-card.card2 {
    background: linear-gradient(135deg, #231c36 0%, #1a1930 100%);
    border: 1px solid #683c60;
}

.honor-card.card2:hover {
    box-shadow: 0 12px 40px rgba(220, 80, 140, 0.25);
    border-color: #c85488;
}

.icon-box {
    width: 100px;
    height: 100px;
    border-radius: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
}

.icon-box.icon1 {
    background-color: #2b2c42;
    border: 1px solid #c7b048;
}

.icon-box.icon2 {
    background-color: #302038;
    border: 1px solid #993c66;
}

.card-content {
    flex: 1;
}

.tag-label {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.tag-label.tag1 {
    background: #423b28;
    color: #ffd24c;
}

.tag-label.tag2 {
    background: #442638;
    color: #ff6b84;
}

.card-title01 {
    font-size: 24px;
    text-align: left !important;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 14px;
}

.card-desc01 {
    font-size: 16px;
    color: #b0b8d4;
    line-height: 1.7;
    margin-bottom: 16px;
}

.card-date {
    font-size: 17px;
    color: #828bb0;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 移动端适配 */
@media (max-width:768px) {
    .honor-card {
        flex-direction: column;
        padding: 22px;
        gap: 16px;
    }

    .card-title {
        font-size: 24px;
    }

    .card-desc {
        font-size: 16px;
    }

    .icon-box {
        width: 80px;
        height: 80px;
        font-size: 32px;
    }
}

.cv001 {
    width: 70px;
}


/* ========== HONOR CARDS (5 main honors) ========== */
.honor-list {
    display: flex;
    flex-direction: column;
    gap: 36px
}

.honor-card {
    position: relative;
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 36px;
    padding: 44px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 24px;
    backdrop-filter: blur(20px);
    transition: all .5s cubic-bezier(.25, .8, .25, 1);
    overflow: hidden
}

.honor-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--card-accent, linear-gradient(90deg, var(--blue), var(--cyan)));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s ease
}

.honor-card:hover::before {
    transform: scaleX(1)
}

.honor-card:hover {
    transform: translateY(-6px);
    border-color: var(--card-border, var(--blue));
    box-shadow: var(--card-shadow, 0 20px 60px rgba(59, 130, 246, 0.15))
}

.honor-card .icon-wrap {
    width: 110px;
    height: 110px;
    border-radius: 24px;
    background: var(--card-icon-bg, linear-gradient(135deg, var(--blue), var(--cyan)));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    position: relative;
    flex-shrink: 0
}

.honor-card .icon-wrap::after {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 27px;
    background: inherit;
    filter: blur(12px);
    opacity: 0.3;
    z-index: -1
}

.honor-card .content h3 {
    font-size: 22px;
    font-weight: 800;
    color: var(--text-bright);
    margin-bottom: 8px;
    line-height: 1.4
}

.honor-card .content .tag-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.honor-card .content .tag {
    font-size: 12px;
    padding: 4px 14px;
    border-radius: 20px;
    font-weight: 600;
    background: var(--tag-bg, rgba(59, 130, 246, 0.15));
    color: #b18d00
}

.honor-card .content p {
    font-size: 15px;
    color: var(--text-dim);
    line-height: 1.9
}

.honor-card .content .highlight {
    color: var(--text-bright);
    font-weight: 600
}

.honor-card .content .accent {
    color: var(--card-accent-color, var(--cyan-light));
    font-weight: 600
}

/* Card variants */
.honor-card.c1 {
    --card-accent: linear-gradient(90deg, #ef4444, #f59e0b);
    --card-border: rgba(239, 68, 68, 0.4);
    --card-shadow: 0 20px 60px rgba(239, 68, 68, 0.12);
    --card-icon-bg: linear-gradient(135deg, #ef4444, #f59e0b);
    --tag-bg: rgba(239, 68, 68, 0.15);
    --tag-color: #fca5a5;
    --card-accent-color: #fca5a5
}

.honor-card.c2 {
    --card-accent: linear-gradient(90deg, #f59e0b, #fbbf24);
    --card-border: rgba(245, 158, 11, 0.4);
    --card-shadow: 0 20px 60px rgba(245, 158, 11, 0.12);
    --card-icon-bg: linear-gradient(135deg, #f59e0b, #fbbf24);
    --tag-bg: rgba(245, 158, 11, 0.15);
    --tag-color: #fde68a;
    --card-accent-color: #fde68a
}

.honor-card.c3 {
    --card-accent: linear-gradient(90deg, #3b82f6, #06b6d4);
    --card-border: rgba(59, 130, 246, 0.4);
    --card-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);
    --card-icon-bg: linear-gradient(135deg, #3b82f6, #06b6d4);
    --tag-bg: rgba(59, 130, 246, 0.15);
    --tag-color: #93c5fd;
    --card-accent-color: #93c5fd
}

.honor-card.c4 {
    --card-accent: linear-gradient(90deg, #8b5cf6, #a78bfa);
    --card-border: rgba(139, 92, 246, 0.4);
    --card-shadow: 0 20px 60px rgba(139, 92, 246, 0.15);
    --card-icon-bg: linear-gradient(135deg, #8b5cf6, #a78bfa);
    --tag-bg: rgba(139, 92, 246, 0.15);
    --tag-color: #c4b5fd;
    --card-accent-color: #c4b5fd
}

.honor-card.c5 {
    --card-accent: linear-gradient(90deg, #10b981, #06b6d4);
    --card-border: rgba(16, 185, 129, 0.4);
    --card-shadow: 0 20px 60px rgba(16, 185, 129, 0.12);
    --card-icon-bg: linear-gradient(135deg, #10b981, #06b6d4);
    --tag-bg: rgba(16, 185, 129, 0.15);
    --tag-color: #6ee7b7;
    --card-accent-color: #6ee7b7
}

/* Card number badge */
.honor-card .num-badge {
    position: absolute;
    top: 32px;
    right: 36px;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-dim);
    letter-spacing: 1px;
    font-family: 'Helvetica Neue', sans-serif
}

.honor-card .num-badge span {
    font-size: 28px;
    font-weight: 900;
    background: var(--card-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}


/* ========== RESPONSIVE ========== */
@media(max-width:1024px) {
    .honor-card {
        grid-template-columns: 100px 1fr;
        padding: 32px;
        gap: 24px
    }

    .honor-card .icon-wrap {
        width: 80px;
        height: 80px;
        font-size: 36px;
        border-radius: 18px
    }
}

@media(max-width:768px) {
    .nav-links {
        display: none
    }

    .hero {
        padding: 140px 5% 60px
    }

    .hero-stats {
        gap: 30px
    }

    .hero-stat .num {
        font-size: 32px
    }

    #honors .ys-cont1560 {
        padding: 0 10px;
    }

    .honor-card {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 28px
    }

    .honor-card .icon-wrap {
        margin: 0 auto
    }

    .honor-card .num-badge {
        position: static;
        margin-bottom: 12px
    }

    .timeline::before {
        left: 20px
    }

    .tl-item {
        width: 100%;
        padding: 16px 0 16px 50px !important;
        left: 0 !important;
        text-align: left !important
    }

    .tl-item:nth-child(odd) .tl-dot,
    .tl-item:nth-child(even) .tl-dot {
        left: 11px !important;
        right: auto
    }

    .section {
        padding: 10px 5%
    }

    .cta-inner {
        padding: 48px 24px
    }
}

.fyy01 {
    background: #f5f5f5;
    padding: 70px 0px;
}

.height44 {
    height: 44px;
    clear: both;
}