@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'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.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: 100%;
}
.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: 23%;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}
.mod-foot-bg img{
    width: 100%;
}
.mftr-ul-li:last-child ul li p a{
    font-size: var(--font18);
    font-weight: bold;
    opacity: 1;
}
.mftr-ul-li:last-child ul li{
    margin-bottom: var(--space24);
}
.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: var(--colormain1); */
}
.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{
    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: var(--colormain1);
    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: var(--colormain1);
}
.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: var(--colormain1);
    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{
    width: 100%;
    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;
    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 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: var(--colormain1);
    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: var(--colormain1);
    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 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: var(--colormain1);
    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;
}
.clul-box-le{
    width: 33%;
    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: var(--colormain1);
    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: var(--colormain1);
    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: var(--colormain1);
}
.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: var(--colormain1);
    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: var(--colormain1);
}
.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: var(--colormain1);
    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: var(--colormain1);
    clip-path: inset(0px 0px 0px 100%)
}
.about-deve-tit p:nth-child(2) span{
    color: var(--colormain1);
}
.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: var(--colormain1);
}
.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: var(--colormain1);
}
.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{
    height: 100%;
    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: var(--colormain1);
    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: var(--colormain1);
    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: var(--colormain1);
    line-height: 1.1;
    margin-right: 24px;
}
#zhangdie2, .iobl-min-ri{
    color: var(--colormain1);
    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: var(--colormain1);
}
.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%;
    position: absolute;
    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: 349px 0 212px;
    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: 27%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 150px;
    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: 700vh;
    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);
    }
    .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: var(--colormain1);
    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;
}
.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;
}