@charset "utf-8";

body {
    font-family: "PingFang SC", "Microsoft YaHei" !important;  
}
@font-face {
    font-family: 'DongFangjg-Bold';
    src:url('/Public/Cn/fonts/Urbanist-Bold/UrbanistBold.eot');
    src:url('/Public/Cn/fonts/Urbanist-Bold/UrbanistBold.eot') format('embedded-opentype'),
        url('/Public/Cn/fonts/Urbanist-Bold/UrbanistBold.woff2') format('woff2'),
        url('/Public/Cn/fonts/Urbanist-Bold/UrbanistBold.woff') format('woff'),
        url('/Public/Cn/fonts/Urbanist-Bold/UrbanistBold.ttf') format('truetype'),
        url('/Public/Cn/fonts/Urbanist-Bold/UrbanistBold.svg') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'DongFangjg-Regular';
    src:url('/Public/Cn/fonts/Urbanist-Regular/UrbanistRegular.eot');
    src:url('/Public/Cn/fonts/Urbanist-Regular/UrbanistRegular.eot') format('embedded-opentype'),
        url('/Public/Cn/fonts/Urbanist-Regular/UrbanistRegular.woff2') format('woff2'),
        url('/Public/Cn/fonts/Urbanist-Regular/UrbanistRegular.woff') format('woff'),
        url('/Public/Cn/fonts/Urbanist-Regular/UrbanistRegular.ttf') format('truetype'),
        url('/Public/Cn/fonts/Urbanist-Regular/UrbanistRegular.svg') format('svg');
        font-display: swap;
}

@font-face {
    font-family: 'DongFangjg-OutRegular';
    src:url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.eot');
    src:url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.eot') format('embedded-opentype'),
        url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.woff2') format('woff2'),
        url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.woff') format('woff'),
        url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.ttf') format('truetype'),
        url('/Public/Cn/fonts/Outfit-Regular/OutfitRegular.svg') format('svg');
        font-display: swap;
}



/* 英文站换行规则 */
/* 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'; */
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, 0.05);
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/* 规范-start */
:root{
    /* 字号 */
    --font60:60px;
    --font48:48px;
    --font40:40px;
    --font30:30px;
    --font24:24px;
    --font20:20px;
    --text18:18px;
    --text16:16px;
    --text14:14px;
    /* 行高 */
    --line18:1.8;
    --line16:1.6;
    --line14:1.4;
    --line13:1.3;
    --line12:1.2;
    /* 颜色 */
    --colormain:#004098;
    --colorbg1:#F1F5FA;
    --colorbg2:#15204E;
    --color333:#333333;
    --color666:#666666;
    --color999:#999999;
    --colorFFF:#FFFFFF;
    /* 间距 */
    --space140:140px;
    --space120:120px;
    --space100:100px;
    --anchor:50px;
    --space40:40px;
    --space30:30px;
    /* 段落间距 */
    --pspace12:12px;
    --pspace10:10px;
}
.std-tit1{
    font-size: var(--font60);
    line-height: var(--line13);
    color: var(--color333);
    font-weight: bold;
}
.std-tit2, .yxedr-active h2{
    font-size: var(--font48);
    line-height: var(--line12);
    color: var(--color333);
    font-weight: bold;
}
.std-tit3, .yxedr-active h3{
    font-size: var(--font40);
    line-height: var(--line13);
    color: var(--color333);
}
.std-tit4, .yxedr-active h4{
    font-size: var(--font30);
    line-height: var(--line14);
    color: var(--color333);
}
.std-tit5, .yxedr-active h5{
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color666);
}
.std-text18, .std-text18 p{
    font-size: var(--text18);
    line-height: var(--line16);
    color: var(--color666);
}
.std-text16, .std-text16 p{
    font-size: var(--text16);
    line-height: var(--line16);
    color: var(--color666);
}
.std-text14, .std-text14 p{
    font-size: var(--text14);
    line-height: var(--line18);
    color: var(--color666);
}
.yxedr-active p{
    font-size: var(--text16);
    line-height: var(--line16);
    color: var(--color666);
    margin-bottom: var(--pspace10);
}
.mod-text20, .mod-text20 p{
    font-size: var(--font20);
    color: var(--colorFFF);
    line-height: 1.65;
}
.std-padd140{
    padding: var(--space140) 0;
}
.std-padd140-top{
    padding-top: var(--space140);
}
.std-padd140-bot{
    padding-bottom: var(--space140);
}
.std-padd120{
    padding: var(--space120) 0;
}
.std-padd120-top{
    padding-top: var(--space120);
}
.std-padd120-bot{
    padding-bottom: var(--space120);
}
.std-padd100{
    padding: var(--space100) 0;
}
.std-padd100-top{
    padding-top: var(--space100);
}
.std-padd100-bot{
    padding-bottom: var(--space100);
}
.std-mar40{
    margin-bottom: var(--space40);
}
.std-mar30{
    margin-bottom: var(--space30);
}
.std-btn1, .std-btn2, .std-btn3{
    display: inline-block;
}
.std-btn1-box, .std-btn2-box{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.std-btn1-box p{
    font-size: var(--text18);
    line-height: 1.5;
    color: var(--color333);
    transition: all .4s;
}
.std-btn1-icon, .std-btn2-icon, .std-btn3-icon{
    width: 34px;
    position: relative;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 14px;
}
.std-btn3-icon{
    margin-left: 0px !important;
}
.std-btn1-icon img, .std-btn2-icon img{
    transition: all .4s;
}
.std-btn1-icon1, .std-btn2-icon1, .std-btn3-icon1{
    width: 100%;
}
.std-btn1-icon2, .std-btn2-icon2, .std-btn3-icon2{
    width:8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.std-btn2-box p{
    font-size: var(--text18);
    line-height: 1.5;
    color: var(--colorFFF);
    transition: all .4s;
}
@keyframes iconRotate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(1turn);
    }
}
/* 规范-end */
/* 顶部导航 */
.ys-hd-pc{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.mod-nav{
    width: 100%;
    padding: 0 66px 0 50px;
    display: flex;
    justify-content: space-between;
    position: relative;
    transition: all .4s;
}
.inside-body .mod-nav{
    background: transparent;
}
.mod-nav::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.inside-body .mod-nav:before{
    background: transparent;
}
.mod-nav::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    background: linear-gradient(180deg, #004098 0%, rgba(0, 64, 152, 0.00) 100%);
    z-index: -1;
}
.head-logo{
    width:165px;
    line-height: 70px;
    position: relative;
}
.head-logo img{
    width: 100%;
    transition: all .4s;
}
.inside-body .head-logo img:nth-child(1){
    opacity: 0;
}
.inside-body .head-logo img:nth-child(2){
    opacity: 1;
}
.head-logo a{
    width: 100%;
    line-height: 70px;
    display: block; 
    font-size: 0;
}
.head-nav-item-title{
    display: block;
    line-height: 70px;
    /* font-size: var(--text16); */
    font-size: 20px;
    transition: all .4s;
}
.inside-body .head-nav-item-title{
    color: var(--colorFFF);
}
.head-nav{
    margin: 0 -44px;
    display: flex;
}
.head-nav-item{
    padding: 0 44px;
}
.mod-nav-ri-other{
    margin-left: 275px;
}
.mod-nav-ri{
    display: flex;
    align-items: center;
}
.mnro-team-tp{
    display: flex;
    align-items: center;
    padding: 8px 24px;
    cursor: pointer;
}
.mnro-team-tp p{
    color: var(--colorFFF);
    line-height: 1.5;
    font-size: var(--text16);
}
.mnro-team-tp .iconfont{
    margin-left: 8px;
    flex-shrink: 0;
    font-size: 0;
    transition: all .4s;
}
.mnro-team-tp .icon-arrow-down:before {
    content: "\e7b2";
    color: #Fff;
    font-size: 14px;  
}
.mnro-team{
    position: relative;
    border-radius: 4px;
    border: 1px solid #FFF;
    margin-right: 28px;
    transition: all .4s;
}
.mnro-team-pull{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width:calc(100% + 60px);
    display: none;
    z-index: 2;
    padding-top: 15px;
}
.mod-foot-tp-ri .mnro-team-pull{
    width: calc(100% + 40px);
}
.mnro-team-pull-ul{
    padding: 10px 6px;
    background: var(--colorFFF);
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);
    border-radius:4px;
}
.mnro-lang-btm-ul{
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);
}
.mtpu-li{
    margin-bottom: 4px;
}
.mtpu-li a{
    font-size: var(--text16);
    line-height: 1.5;
    color: var(--color666);
    display: block;
    text-align: center;
    transition: all .36s;
    padding: 4px 0;
}
.mnro-team.act .mnro-team-tp .iconfont{
    transform: rotate(180deg);
}
.mod-nav-ri-other{
    display: flex;
    align-items: center;
}
.mnro-sear{
    margin-right: 28px;
}
.ys-search2-btn{
    width: 20px;
    line-height: 70px;
    cursor: pointer;
    display: block;
    transition: all .4s;
    position: relative;
}
.ys-search2-btn img{
    width: 100%;
}
.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% - 20px);
    padding-right: 20px;
    height: 40px;
}
.ys-search2-tbox input{
    width: 100%;
    height: 100%;
    font-size: var(--text16);
}
.ys-search2-ibox {
    width: 20px;
    margin-top: 10px;
}
.ys-search2-ibox img{
    width: 100%;
}
.mltl-icon{
    width: 26px;
    position: relative;
    margin-right: 8px;
}
.mltl-icon img{
    width: 100%;
    transition: all .4s;
}
.mltl-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.mnro-lang-tp-le{
    display: flex;
    align-items: center;
}
.mnro-lang-tp-le p{
    color: var(--colorFFF);
    font-size: var(--text16);
    line-height: 1.5;
    transition: all .4s;
}
.mnro-lang-tp-ri{
    width: 10px;
    position: relative;
    margin-left: 5px;
    transition: all .4s;
    font-size: 0;
}
.mnro-lang-tp-ri img{
    width: 100%;
    transition: all .4s;
}
.mnro-lang-tp-ri img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
}
.mnro-lang-tp{
    display: flex;
    align-items: center;
}
.mnro-lang{
    position: relative;
    cursor: pointer;
    line-height: 70px;
}
.mnro-lang-btm{
    width: 100%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    padding-top: 22px;
}
.mlbu-li a{
    display: block;
    text-align: center;
    font-size: var(--text14);
    color: var(--color666);
    line-height: 1.5;
    transition: all .4s;
    padding: 10px 10px;
    background: var(--colorFFF);
}
.mnro-lang.act .mnro-lang-tp-ri{
    transform: rotate(180deg);
}
.mod-nav{
    background: var(--colorFFF);
}
.inside-body .ys-hd-pc.isfixed .mod-nav{
    background: var(--colorFFF);
}
.mod-nav::before{
    background:#E4E4E4;
}
.inside-body .ys-hd-pc.isfixed .mod-nav::before{
    background:#E4E4E4;
}
.head-logo img:nth-child(2){
    opacity: 0;
}
.inside-body .ys-hd-pc.isfixed .head-logo img:nth-child(2){
    opacity: 0;
}
.head-logo img:nth-child(1){
    opacity: 1;
}
.inside-body .ys-hd-pc.isfixed .head-logo img:nth-child(1){
    opacity: 1;
}
.head-nav-item-title{
    color: var(--color333);
}
.inside-body .ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain);
}
.inside-body .ys-hd-pc.isfixed .head-nav-item-title{
    color: var(--color333);
} 
.mnro-team{
    background: var(--colormain);
    border: solid 1px var(--colormain);
}
.inside-body .mnro-team{
    background:transparent;
    border: solid 1px var(--colorFFF);
}
.inside-body .ys-hd-pc.isfixed .mnro-team{
    background: var(--colormain);
    border: solid 1px var(--colormain);
}
.ys-search2-btn img:nth-child(2){
    opacity: 1;
}
.inside-body  .ys-search2-btn img:nth-child(2){
    opacity: 0;
}
.inside-body  .ys-search2-btn img:nth-child(1){
    opacity: 1;
}
.inside-body .ys-hd-pc.isfixed .ys-search2-btn img:nth-child(2){
    opacity: 1;
}
.ys-search2-btn img:nth-child(1){
    opacity: 0;
}
.inside-body .ys-hd-pc.isfixed .ys-search2-btn img:nth-child(1){
    opacity: 0;
}
.mltl-icon img:nth-child(2){
    opacity: 1;
}
.inside-body .ys-hd-pc.isfixed .mltl-icon img:nth-child(2){
    opacity: 1;
}
.inside-body .ys-hd-pc .mltl-icon img:nth-child(2){
    opacity: 0;
}
.inside-body .ys-hd-pc .mltl-icon img:nth-child(1){
    opacity: 1;
}
.mltl-icon img:nth-child(1){
    opacity: 0;
}
.inside-body .ys-hd-pc.isfixed .mltl-icon img:nth-child(1){
    opacity: 0;
}
.mnro-lang-tp-le p{
    color: var(--color333);
}
.inside-body .ys-hd-pc.isfixed .mnro-lang-tp-le p{
    color: var(--color333);
}
.inside-body .ys-hd-pc .mnro-lang-tp-le p{
    color: var(--colorFFF);
}
.mnro-lang-tp-ri img:nth-child(2){
    opacity: 1;
}
.inside-body .ys-hd-pc.isfixed .mnro-lang-tp-ri img:nth-child(2){
    opacity: 1;
}
.inside-body .ys-hd-pc .mnro-lang-tp-ri img:nth-child(2){
    opacity: 0;
}
.inside-body .ys-hd-pc .mnro-lang-tp-ri img:nth-child(1){
    opacity: 1;
}
.mnro-lang-tp-ri img:nth-child(1){
    opacity: 0;
}
.inside-body .ys-hd-pc.isfixed .mnro-lang-tp-ri img:nth-child(1){
    opacity: 0;
}
/* 下拉 */
.head-nav-item-down{
    background: transparent;
}
.head-nav-item-about{
    width: 100vw;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.hnia-cont{
    width: 100%;
    padding: 46px 20px 62px;
    position: relative;
}
.hnia-cont::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background: #F1F5FA;
}
.hcul-tit{
    margin-bottom:29px;
    padding-left: 24px;
}
.hcul-tit-box{
    display: flex;
    align-items: center;
}
.hcul-tit-box p{
    font-size: 20px;
    line-height: 1.5;
    color: var(--colormain);
}
.hcul-tit-icon{
    width: 18px;
    flex-shrink: 0;
    margin-left: 22px;
}
.hcul-tit-icon img{
    width: 100%;
}
.hnia-cont-ul{
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.hnia-cont-ul-li{
    padding: 0 80px 0 13px;
    border-left: solid 1px #D0DBE8;
}
.hcul-list-lis a{
    transition: all .4s;
    font-size: var(--text18);
    line-height: 1.5;
    border-radius: 4px;
    background: transparent;
    padding: 6px 24px;
    display: block;
    color: var(--color333);
}
.hcul-list-lis.yxnav-active3 a{
    color: var(--colormain);
    background: var(--colorFFF);
}
.hcul-list-lis{
    margin-bottom: 9px;
}
.hcul-list-lis:last-child{
    margin-bottom: 0px;
}
.head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain);
}
.head-nav-item-more{
    width: calc(100% + 100px);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 10px 20px 0px rgba(160, 184, 214, 0.15)
}
.head-nav-item-about{
    box-shadow: 0px 10px 20px 0px rgba(160, 184, 214, 0.15);
}
.hnim-cont{
    border-radius: 0px 0px 20px 20px;
    background: #F1F5FA;
    padding: 18px 0 30px;
    overflow: hidden;
}
.hnim-cont-ul-li a{
    width: 100%;
    display: block;
    padding: 12px 62px;
    transition: all .4s;
    background: transparent;
    font-size: var(--text18);
    line-height: 1.5;
    color: var(--color333);
}
.hnim-cont-ul-li.yxnav-active2 a{
    background: var(--colorFFF);
    color: var(--colormain);
}
/* 底部导航 */
.mod-foot{
    padding-top: 122px;
    background: #15204E;
}
.mod-foot-tp-logo{
    width: 178px;
}
.mod-foot-tp-logo a{
    display: block;
    width: 100%;
}
.mod-foot-tp-logo a img{
    width: 100%;
}
.mod-foot-tp{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.mod-foot .mnro-team{
    border: solid 1px transparent;
    background: transparent !important;
}
.mod-foot .mnro-team-tp-icon{
    width: 20px;
    flex-shrink: 0;
    margin-right: 12px;
}
.mod-foot .mnro-team-tp-icon img{
    width: 100%;
}
.mod-foot-min-ul{
    display: flex;
    margin: 0 -10px;
    margin-bottom: 98px;
}
.mfmu-li{
    width: 20%;
    padding: 0 10px;
}
.mfmu-li-tit a{
   display: block;
   font-size: var(--text18);
   line-height: 1.5;
   color: var(--colorFFF); 
}
.mfmu-li-tit{
    margin-bottom: 24px;
}
.mfmu-li ul li p a{
    font-size: var(--text16);
    line-height: var(--line16);
    color: rgba(255, 255, 255, 0.49);
    transition: all .4s;
    display: block;
}
.mfmu-li ul li{
    margin-bottom: 16px;
}
.mfmu-li ul li:last-child{
    margin-bottom: 0px;
}
.mod-foot-min{
    padding: 47px 0 32px;
    position: relative;
}
.mod-foot-min::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: rgba(255, 255, 255, 0.20);
}
.mod-foot-min-bt{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.mulb-le{
    display: flex;
    align-items: center;
    margin-right: 10px;
    flex-shrink: 0;
}
.mulb-le-icon{
    width: 24px;
    flex-shrink: 0;
    margin-right: 4px;
    opacity: 0.49;
}
.mulb-le-icon img{
    width: 100%;
}
.mulb-le p{
    font-size: var(--text16);
    line-height: 1.5;
    color:rgba(255, 255, 255, 0.49);
}
.mfmb-ul-li-box{
    display: flex;
    align-items: flex-start;
}
.mulb-ri a{
    display: block;
    color: var(--colorFFF);
    line-height: 1.6;
    font-size: var(--text18);
    font-family: 'DongFangjg-Regular' !important; 
}
.mfmb-ul-li1 .mulb-ri p, .mfmb-ul-li2 .mulb-ri p{
    font-size: var(--text18);
    font-family: 'DongFangjg-Regular' !important; 
}
.mulb-ri p{
    font-size: var(--text16);
    color: var(--colorFFF);
    line-height: 1.6;
}
.mfmb-ul{
    width: 91%;
    padding-right: 40px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.mfmb-ul-li{
    width: 52%;
    padding: 0 10px;
    margin-top: 20px;
}
.mfmb-share{
    width: 9%;
    margin: 0 -16px;
    display: flex;
    justify-content: space-between;
}
.mfmb-ul-li1, .mfmb-ul-li3{
    width: 46%;
}
.mfmb-share-list-code{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 146px;
    border-radius: 5px;
    background: var(--colorFFF);
    padding: 10px;
    box-shadow: 0px 15px 35px 0px rgba(71, 71, 71, 0.10);
}
.mfmb-share-list-code img{
    width: 100%;
}
.mfmb-share-list{
    position: relative;
    padding: 0 16px;
}
.mfmb-share-list-img{
    width: 36px;
    cursor: pointer;
}
.mfmb-share-list-img a, .mfmb-share-list-img img{
    width: 100%;
}
.mfmb-share-list-img a{
    display: block;
}
.mod-foot-bot{
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mod-foot-bot-le p, .mod-foot-bot-le p span, .mod-foot-bot-le p a{
    font-size: var(--text14);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.49);
}
.mod-foot-bot-le p a{
    text-decoration: underline;
    margin-left: 5px;
}
.mfbr-ul{
    display: flex;
    margin: 0 -10px;
    margin-left: 20px;
}
.mfbr-ul-li{
    padding: 0 10px;
}
.mfbr-ul-li a{
    transition: all .4s;
    font-size: var(--text14);
    color: rgba(255, 255, 255, 0.70);
    line-height: 1.1;
}
.mod-foot-bot-ri{
    display: flex;
}
.mfbr-text p a{
    font-size: var(--text14)
}
/* 首页-start */
.ys-ban-word, .ys-ban-btn{
    opacity: 0;
}
.ys-ban-li.slick-active .ys-ban-title {
    /* animation: fadeclip 1s ease 1; */
    /* animation-delay: 0.2s; */
    /* animation-fill-mode: forwards !important; */
    animation: fadeIn .5s ease-in-out both .3s;
}
@keyframes fadeIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.ys-ban-li.slick-active .ys-ban-title span {
    transform: translateY(50px);
    opacity: 0;
    display: inline-block;
    transform-origin: 50% 100%;
    animation: textFadeup2 1s cubic-bezier(0.26, 1, 0.48, 1) both 0s;
    will-change: transform, opacity;
    min-width: 18px;
}
@keyframes textFadeup2{
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.ys-ban-li.slick-active .ys-ban-word{
    animation: fadeclip 1s ease 1;
    animation-delay: 0.7s;
    animation-fill-mode: forwards !important;
}
.ys-ban-li.slick-active .ys-ban-btn{
    animation: fadeclip 1s ease 1;
    animation-delay: 0.8s;
    animation-fill-mode: forwards !important;
}
.mod-ctatc h2{
    font-weight: bold;
    color: var(--colorFFF) !important;
    margin-bottom: 22px;
    padding-bottom: 0px !important;
    opacity: 0;
}
.mod-ctact-word p{
    opacity: 0.7;
}
.mod-ctatc{
    padding: 63px 0 60px;
    position: relative;
}
.mod-ctatc::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:60%;
    height: 100%;
    opacity: 0.3;
    background: linear-gradient(270deg, rgba(0, 19, 46, 0.00) 0%, #000B1A 100%);
    z-index: 0;
}
.mod-ctatc .std-btn2{
    margin-top:106px;
}
.mod-ctatc .ys-cont1200{
    position: relative;
    z-index: 2;
}
.mod-ctact-line1{
    position: absolute;
    bottom: 2px;
    right: 0;
    width:0%;
    height: 2px;
    background: #D80C18;
    z-index: 2;
}
.mod-ctact-line2{
    position: absolute;
    bottom:0px;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--colormain);
    z-index: 2;
}
.mod-full1{
    animation: LineFull1 3s linear forwards;
}
.mod-full2{
    animation: LineFull2 1.8s linear forwards;
}
@keyframes LineFull1{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@keyframes LineFull2{
    0%{
        width: 0%;
    }
    100%{
        width: 34%;
    }
}
.ys-ban-title{
    font-size: var(--font60);
    font-weight: bold;
    line-height: var(--line12);
    color: var(--colorFFF);
    overflow: hidden;
}
.ys-ban-title-wrap{
    margin-bottom: 38px;
    overflow: hidden;
}
.ys-ban-word{
    width: 40%;
}
.ys-ban-word p{
    font-size: var(--font20);
    line-height: 1.75;
    color: var(--colorFFF);
}
.ys-ban-btn{
    margin-top: 74px;
}
.ys-ban-slick{
    padding-bottom: 0px !important;
}
.ys-ban-slick .slick-dots li {
    margin: 0 8px;
    background: rgba(255, 255, 255, 0.3) !important;
}
.slick-dots li {
    margin: 0 8px;
}
.ys-ban-slick .slick-dots li.slick-active {
    background: var(--colorFFF) !important;
}
.slick-dots li.slick-active {
    background: var(--colormain);
}
.slick-dots{
    bottom: 0px;
}
.ys-ban-slick .slick-dots {
    bottom: 71px;
    text-align: left;
    padding-left: calc(50% - 700px);
}
.ys-ban-imgbox::before{
    opacity: 0.4;
    background: linear-gradient(269deg, rgba(1, 38, 89, 0.30) 31.99%, #012659 97.91%);
}
.mod-gobtn{
    width: 54px;
    position: absolute;
    bottom: 44px;
    right: 14px;
    cursor: pointer;
}
.mod-gobtn img{
    width: 100%;
}
.ys-cont1300{
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
}
.home-video h2{
    text-align: center;
}
.home-page h2{
    color: var(--color333);
    line-height: 1.5;
    opacity: 0;
}
.home-page h2 span{
    color: var(--colormain);
}
.hvul-video-pic{
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hvul-video{
    position: relative;
}
.hvul-video::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(0deg, rgba(0, 17, 40, 0.50) 0%, rgba(0, 17, 40, 0.50) 100%); */
    z-index: 2;
}
.home-video-ul-li a{
    border-radius: 30px;
    display: block;
    overflow: hidden;
    position: relative;
}
.hvul-textbot{
    width: 66%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.hvul-textbox-tit, .hvul-textbox-word p{
    text-align: center;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.home-video-ul-li.slick-slide:not(:first-child){
    display: none;
}
.hvul-textbox-btn .std-btn2-box{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.hvul-textbox-tit{
    color: var(--colorFFF);
    margin-bottom: 25px;
    line-height: var(--line13);
}
.hvul-textbox-word p{
    text-align: center;
    line-height: var(--line16);
    color: var(--colorFFF);
}
.hvul-textbox-btn{
    display: flex;
    justify-content: center;
    margin-top: 90px;
}
.home-video{
    position: relative;
    overflow: hidden;
}
.home-video::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #C0D1E5 14.05%, #FFF 173.09%);
    z-index: -1;
    transform: rotate(180deg);
}
.home-video-ul-li{
    padding: 0 25px;
}
.home-video-ul{
    margin: 0 -25px;
}
.home-video-ul .slick-list{
    overflow: visible !important;
}
.home-video-other{
    width: 56%;
    margin: 44px auto 0;
}
.mod-arrows1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}
.arrows1-icon{
    width: 10px;
    cursor: pointer;
    pointer-events: all;
}
.arrows1-icon img{
    width: 100%;
}
.slick-disabled{
    opacity: 0.5;
    pointer-events: none;
}
.home-video-other .mod-arrows1{
    position: relative;
}
.home-video-other .mod-arrows1::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 92%;
    height: 1px;
    background: var(--colorFFF);
}
.home-video-num{
    width: 66px;
    display: flex;
    justify-content:center;
    align-items: center;
    margin: 10px auto 0;
}
.home-video-num span{
    line-height: 1.5;
    font-size: var(--text16);
}
.home-video-num-all{
    color: var(--color333);
    margin-left: 8px;
}
.home-video-num-cry{
    color: var(--colormain);
    margin-right: 8px;
}
.home-deve-cont{
    display: flex;
    align-items: flex-start;
    padding-bottom: 288px;
}
.home-deve-le{
    width: 65%;
    padding-right: 278px;
    padding-top: 38px;
}
.home-deve-ri{
    width: 35%;
}
.home-deve{
    position: relative;
    margin-top: -1px;
}
.home-video-top{
    position: relative;
    z-index: 2;
}
.home-deve .ys-cont1400{
    position: relative;
}
.home-deve-cont{
    position: relative;
    z-index: 3;
}
.home-deve::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #C0D1E5 0%, #FFF 100%);
    pointer-events: none;
    z-index: -1;
}
.home-deve-le-word p{
    color: var(--color666);
    line-height: 1.75;
}
.home-deve-le-word{
    margin-bottom: 60px;
    opacity: 0;
    animation-delay: 0.3s;
}
.home-deve-le .std-btn1{
    opacity: 0;
}
.home-deve-ri-ul{
    margin: 0 -13px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.hdru-li{
    width: 50%;
    padding: 0 13px;
}
.hdru-li-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid #C2D3E6;
    background: linear-gradient(161deg, rgba(255, 255, 255, 0.85) 58.62%, rgba(255, 255, 255, 0.00) 135.9%);
    box-shadow: 0px 15px 25px 0px rgba(160, 184, 214, 0.50);
    /* backdrop-filter: blur(17.5px); */
    /* -webkit-backdrop-filter: blur(17.5px); */
    padding: 30px 30px;
    position: relative;
}
.hdru-li-tp{
    display: flex;
    align-items: flex-end;
    margin-bottom: 75px;
}
.hdru-li-tp .ys_demo_num1, .hdru-li-tp-text{
    font-size: 64px;
    font-family: 'DongFangjg-Regular' !important;
    line-height: 1.1;
    color: var(--colormain);
}
.hdru-li-tp-word {
    font-size: var(--text18);
    line-height: 2.4;
    color: var(--colormain);
    margin-left: 10px;
}
.hdru-li-btm p{
    color: var(--color333);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
}
.hdru-li2{
    margin-top:68px;
}
.hdru-li3{
    margin-top:-76px;
}
.hdru-li4{
    margin-top: -8px;
}
.home-deve-bg{
    width: 68%;
    position: absolute;
    bottom: 0;
    left: 45%;
    transform: translateX(-50%) scale(0.4);
    z-index: 0;
    transform-origin: center bottom;
    opacity: 0;
    animation-delay: 0.2s;
}
.mod-scale{
    animation:picScale .8s ease-in-out both ;
}
@keyframes picScale{
    0%{
        opacity: 0;
        transform: translateX(-50%) translateY(60%) scale(1);
    }
    100%{
        opacity: 1;
        transform: translateX(-50%) translateY(0%) scale(1);
    }
}
.hdru-li{
    opacity:0;
    transform:  translate3d(0, 60px, 0);
    transition: all .8s;
}
.home-deve.act .hdru-li{
    opacity: 1;
    transform: none;
    transition: all .8s;
    /* animation: ysfadeInUp .8s ease-in-out both; */
}
.home-deve.act .hdru-li:nth-child(4n+1){
    transition-delay: .8s;
}
.home-deve.act .hdru-li:nth-child(4n+2){
    transition-delay: .9s;
}
.home-deve.act .hdru-li:nth-child(4n+3){
    transition-delay: 1s;
}
.home-deve.act .hdru-li:nth-child(4n+4){
    transition-delay: 1.1s;
}
.home-deve-img{
    position: absolute;
    pointer-events: none;
    z-index: 1;
}
.home-deve-img1{
    width: 26%;
    top: -30%;
    left: 0;
    transform: translateX(0%);
}
.home-deve-img2{
    width: 26%;
    right: -16%;
    top: -30%;
    transform: translateX(0%);
}
.home-deve-img3{
    width: 50%;
    top: 6%;
    right: 0;
    transform: translateX(0%);
}
.home-deve-img4{
    width: 38.5%;
    bottom:0%;
    left: -5%;
    transform: translateX(0%);
    opacity: 0 !important;
}
.home-deve-img5{
    width: 38.5%;
    bottom: 0%;
    right: -2%;
    transform: translateX(0%);
    opacity: 0 !important;
}
.home-deve h2{
    text-align: left;
}
.home-mode{
    background: #F1F5FA;
    padding-bottom: 62px;
}
.home-mode-video{
    width: 100%;
    position: relative;
}
.home-mode-video img{
    width: 100%;
    position: relative;
}
.home-mode-video video{
    background: transparent !important;
}
.home-mode{
    position: relative;
}
.home-mode-tab-icon{
    width: 16px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
}
.home-mode-tab-icon img{
    width: 100%;
}
.home-mode .ys-cont1200, .home-news .ys-cont1200{
    border-top: solid 1px #878E9C;
    padding-top: 24px;
}
.home-mode-tab{
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.home-mode-tab p{
    color: #878E9C;
    line-height: 1.5;
    font-size: var(--text16);
}
.home-mode-bot{
    position: relative;
}
.hmll-icon{
    width: 44px;
    position: relative;
    cursor: pointer;
    z-index: 5;
    font-size: 0;
}
.hmll-icon1{
    width: 100%;
    transition: all .4s;
}
.home-mode-list-lis.act .hmll-icon1{
    transform: rotate(45deg);
}
.hmll-icon2{
    width: 82%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    animation: iconRotate2  4s linear infinite;
}
@keyframes iconRotate2{
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(1turn);
    }
}
.hmll-pop{
    padding-left: 20px;
    position: absolute;
    width: 252px;
    transform-origin:0px 0px;
    transform: scale(0);
    opacity: 0;
    transition: all 0.1s ease-out;
}
.home-mode-list-lis.act .hmll-pop{
    transform: scale(1) !important;
    opacity: 1 !important;
}
.hmll-pop-img img{
    width: 100%;
}
.hmll-pop-img{
    margin-bottom: 13px;
}
.hmll-pop-tit{
    color: var(--color333);
    line-height: 1.5;
    padding-bottom: 27px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.20);
    margin-bottom: 15px;
}
.hmll-pop-icon{
    width: 12px;
}
.hmll-pop-icon img{
    width: 100%;
}
.hmll-pop-cry{
    padding: 12px 10px 19px;
    background: var(--colorFFF);
    display: block;
}
.home-mode-list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 33;
}
.home-mode-list-lis{
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.home-mode-list-lis.act{
    z-index: 4;
}
.home-mode-list-lis1 .hmll-pop{
    left: 100%;
    top: 0%;
}
.home-mode-list-lis2 .hmll-pop{
    left: 100%;
    top: 0%;
}
.home-mode-list-lis3 .hmll-pop{
    left: 100%;
    top: 0%;
}
.home-mode-list-lis4 .hmll-pop{
    left: 100%;
    top: 0%;
}
.home-mode-list-lis5 .hmll-pop{
    left: 100%;
    top: -220%;
}
.home-mode-list-lis6 .hmll-pop{
    margin-left: -20px;
}
.hmll-phcont {
    position: absolute;
    top: -10px;
    left: -5px;
    transform: translateY(0);
    pointer-events: none;
}
.hmll-phcont-text{
    border-radius: 22px;
    line-height: 1.75;
    min-width: 190px;
    padding: 10px 16px 10px 42px;
    left: -8px;
    top: 10px;
    transform: translateY(0);
    position: relative;
}
.hmll-phcont-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
    width: 0;
    height: 100%;
    border-radius: 22px;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.70);
}
.hmll-phcont-text a{
    display: block;
}
.home-mode-list-lis.on .hmll-phcont-text::before {
    width: 100%;
    transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}
.hmll-phcont-text-cry {
    font-size: 0;
    display: flex;
    align-items: center;
}
.hptc-cry{
    color: var(--color333);
    font-size: var(--text16);
    line-height: 1.5;
    opacity: 0;
}
.home-mode-list-lis.on .hmll-phcont-text div{
    opacity: 1;
    transition: all .4s .2s;
}
.home-news-ul{
    margin: 0 -12px;
}
.home-news-ul-li{
    width: 33.333333%;
    padding:0 12px;
    height: auto !important;
}
.home-news-ul-li a{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--colorFFF);
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.08);
}
.hnul-pic{
    overflow: hidden;
    flex-shrink: 0;
}
.hnul-bot{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 20px 26px 30px;
}
.hnul-date p{
    color: var(--color666);
    font-family: 'DongFangjg-Regular' !important;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.hnul-date{
    margin-bottom: 14px;
}
.hnul-tit{
    color: var(--color333);
    line-height: 1.75;
    margin-bottom: 39px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.home-news-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.home-news-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.home-news-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.home-news-ul-li.slick-slide:not(:first-child){
    display: none;
}
ul.slick-dotted{
    padding-bottom: 38px;
}
.home-news-ul .slick-track{
    padding-bottom: 10px;
    display: flex;
    align-items: stretch;
}
.head-nav-item.nomore{
    position: static;
}
.pc-fenye li {
    width: 34px;
    height: 34px;
    border: 1px solid var(--colormain);
    font-size: 14px;
    line-height: 34px;
    color: #1b1b1b;
    margin: 0 8px;
    border-radius: 4px;
    transition: .3s;
}
.pc-fenye li.activepage{
    background: var(--colormain);
}
.ys-nybanner2 .ys-nyban-title h1{
    font-size: var(--font48);
    color: var(--colorFFF);
    line-height: var(--line12);
    margin-bottom: 16px;
}
.ys-nybanner2 .ys-nyban-title p{
    color: var(--colorFFF);
    font-size: var(--text18);
    line-height: 1.75;
}
.ys-nybanner2 .ys-nyban-title p span{
    font-weight: bold;
}
.ys-nyban-title h1, .ys-nyban-title p{
    width: 59%;
}
.ys-nyban-cont{
    z-index: 3;
}
.ys-nybanner2 .ys-nyban-cont{
    padding-top: 0px !important;
    /* border-top: solid 2px var(--colorFFF); */
}
.ys-nyban-cont-btn{
    position: absolute;
    top: 57px;
    right:0;
}
.ys-main{
    padding-top: 70px;
}
.home-page .ys-main{
    padding-top: 0px !important;
}
.ys-bread{
    padding: 16px 0;
    margin: 0 -24px;
}
.ys-bread-list{
    padding: 0 24px;
}
.ys-bread-list::before {
    content: '\e743';
    font-size: 10px;
    right: -5px;
    font-family: 'iconfont';
    font-weight: normal;
    color: var(--color333);
    line-height: 1.1;
}
.ys-bread-list:last-child a{
    color: var(--colormain);
}
.ys-bread-list a {
    color: var(--color333);
    font-size: 16px;
    line-height: 1.75;
    transition: all .4s ease;
}
.ys-nyban-img{
    position: relative;
}
.ys-nyban-img::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); */
    pointer-events: none;
    z-index: 2;
}
.ys-nyban-img::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 0;
    background: linear-gradient(180deg, rgba(6, 6, 6, 0.00) 0%, #000 100%);
    pointer-events: none;
    z-index: 3;
}
.ys-nyban-img.more::after{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.ys-nyban-img.more::before{
    opacity: 0.4;
}
.ys-nybanner2 .ys-nyban-cont.ys-pos-center{
    top: 50% !important;
}
.ys-nybanner1 .ys-nyban-title h1{
    font-weight: bold;
    margin-bottom: 19px;
}
.ys-nybanner1 .ys-nyban-title p{
    font-size: var(--font20);
    line-height: 1.75;
    color: var(--colorFFF);
}
.ys-nybanner1 .std-btn2{
    margin-top:70px;
}
/* 首页-end */
/* C2-业务详情汇总页 -start */
.summary-wrap{
    display: flex;
    justify-content: center;
}
.summary-list{
    display: flex;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--colormain);
}
.summary-cont{
    padding-top: 80px;
}
.summary-list-lis-text p{
    text-align: center;
    line-height: 1.75;
    color: var(--color333);
    transition: all .4s;
}
.summary-list-lis-text{
    cursor: pointer;
    background: transparent;
    padding: 10px 40px;
    transition: all .4s;
    display: block;
}
.summary-list-lis .summary-list-lis-text{
    border-right:solid 1px var(--colormain);
}
.summary-list-lis:last-child .summary-list-lis-text{
    border-right: solid 1px transparent;
}
.summary-list-lis.active .summary-list-lis-text{
    background: #F1F5FA;
}
.summary-list-lis.active .summary-list-lis-text p{
    color: var(--colormain);
}
.summary-pic{
    border-radius: 5px;
    overflow: hidden;
}
.summary-pic img{
    width: 100%;
}
.scil-cont{
    display: flex;
    align-items: flex-start;
    margin-bottom: 38px;
    padding-top: 26px;
    border-top: solid 1px rgba(51, 51, 51, 0.3);
    position: relative;
}
.scil-ri{
    width: 80%;
    padding-left: 210px;
}
.scil-le{
    width: 20%;
}
.scil-le-pic, .scil-le-pic img{
    width: 100%;
}
.scil-ri-edr p{
    font-size: var(--text16);
    color: var(--color333);
    line-height: 1.75;
    margin-bottom: var(--pspace12);
}
.scil-ri-edr h5{
    font-size:var(--font20);
    font-weight: bold;
    line-height:1.75;
    color: var(--color333);
    margin-bottom:15px;
}
.summary-page h2{
    font-weight: bold;
    line-height: 1.75;
    color: var(--colormain);
    position: relative;
    opacity: 0;
}
.scil-cont::after{
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width:0%;
    height: 1px;
    background: var(--colormain);
    transition: all 1.6s;
    transition-delay: 0.5s;
}
.scil-cont.act::after{
    width: 27.5%;
}
.summary-cry-item{
    display: none;
}
.summary-cry-item:first-child{
    display: block;
}
.summary-cry-item-list{
    margin-top: 22px;
}
.summary-cry-item-list:last-child{
    margin-top: 0px !important;
}
.summary-cry-item{
    overflow: hidden;
}
.solution-page h2, .hydrod-page h2{
    overflow: hidden;
}
.solution-page .scil-cont:last-child{
    margin-bottom: 0px;
}
/* C2-业务详情汇总页 - end */
/* C3-业务详情汇总页--工业互联网行业解决方案-start */
.solution-page h2, .hydrod-page h2{
    color: var(--colormain);
    font-weight: bold;
    padding-bottom: 37px;
}
.solution-page .scil-cont::before, .hydrod-page .scil-cont::before{
    content: "";
    position: absolute;
    top: -22px;
    right: 0;
    width: 0%;
    height: 1px;
    background:#D80C18;
    transition: all 2s;
    transition-delay: 0.5s;
}
.solution-page .scil-cont.act::before, .hydrod-page .scil-cont.act::before{
    width:31%;
}
.solution-page .scil-cont.act::after, .hydrod-page .scil-cont.act::after{
    width: 31%;
}
.solution-cry-le{
    width:47%;
    padding-right: 80px; 
}
.solution-cry-ri{
    width: 53%;
}
.solution-cry-ri-img{
    overflow: hidden;
    border-radius: 6px;
}
.solution-cry-ri-img img{
    width: 100%;
    transition: all .4s;
}
.solution-cry-le-pic{
    width:45%;
    margin-bottom: 29px;
}
.solution-cry-le-pic img{
    width: 100%;
}
.solution-cry-le-word p{
    color: var(--color333);
    line-height: 1.75;
    margin-bottom: var(--pspace12);
}
.solution-cry{
    padding-top: 30px;
    margin-bottom: 0px;
}
.solution-page h2, .hydrod-page h2{
    opacity: 0;
}
/* C3-业务详情汇总页--工业互联网行业解决方案-end */
/* C5-业务详情汇总页--水上动力产品-start */
.hydrod-page .mod-wrap{
    position: relative;
    overflow: hidden;
}
.hydrod-page .mod-wrap::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(192, 209, 229, 0.80) 0%, rgba(192, 209, 229, 0.00) 100%);
    pointer-events: none;
    transform: rotate(180deg);
    z-index: -1;
}
.hydrod-list-ul{
    display: flex;
    align-items: stretch;
    margin: 0 -15px;
}
.hydrod-list-ul-li{
    width: 50%;
    padding: 0 15px;
}
.hlul-box{
    height: 100%;
    display: flex;
}
.hlul-icon{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg,#D5DEF0 0%, #FFFFFF 47%, #D5DEF0 100%);
    margin-right: 30px;
    flex-shrink: 0;
}
.hlul-icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #F1F5FA;
    border-radius: 50%;
}
.hlul-icon img{
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    transition: all .4s;
}
.about-page .hlul-icon-wrap{
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.about-page .hlul-icon-wrap img{
    width: 100%;
    transition: all .4s;
    position: relative;
    transform: inherit;
    top: auto;
    left: auto;
}
.about-page .hlul-icon-wrap img:nth-child(2){
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.hlul-textbox-tit{
    font-weight: bold;
    color: var(--colormain);
    line-height: 1.75;
    margin-bottom: 5px;
}
.hlul-textbox-word p{
    color: var(--color666);
    line-height: 1.75;
}
.hlul-box{
    padding: 60px 96px 70px 50px;
    border-radius: 8px;
    background: linear-gradient(90deg, #FFF 20.46%, rgba(255, 255, 255, 0.00) 113.76%);
    overflow: hidden;
}
.hlul-textbox{
    padding-top: 5px;
}
.hydrod-page .solution-cont{
    padding-bottom: 60px;
}
.hydrod-list-ul-li:nth-child(2n + 1){
    animation-delay: 0.2s;
}
.hydrod-list-ul-li:nth-child(2n + 2){
    animation-delay: 0.3s;
}
.hydrod-run{
    padding-bottom: 160px;
}
.hrlu-li{
    width: 310px;
    margin: 0 42px;
}
.hrlu-li-box{
    position: relative;
}
.hrlu-li-bg{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.hrlu-li-bg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hrul-li-date p{
    text-align: center;
    color: var(--color333);
    line-height: 1.75;
}
.hrul-li-date{
    margin-bottom: 9px;
}
.hrul-li-tit{
    position: relative;
    color: transparent;
    background: linear-gradient(180deg, #A57700 0%, #D39900 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    line-height: 1.75;
    width: 80%;
    margin: 0 auto;
}
.hydrod-run-list{
    width: 200000px;
    position: relative;
}

.hydrod-run.start .hydrod-run-list-ul{
   animation: donghua2 180s linear 0.2s both infinite;
   animation-delay: .2s;
}
	
@keyframes donghua2{
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.hydrod-page-img1{
    width: 36%;
    position: absolute;
    left: -15%;
    top: 38%;
    pointer-events: none;
}
.hydrod-page-img2{
    width: 43%;
    position: absolute;
    top: 46%;
    right: -18%;
    pointer-events: none;
}
.hydrod-page-img3{
    width:73.5%;
    position: absolute;
    top: 45%;
    left: 0;
    pointer-events: none;
}
.hydrod-page-img1 img, .hydrod-page-img2 img, .hydrod-page-img3 img{
    width: 100%;
}
/* C5-业务详情汇总页--水上动力产品-end */
/* B4-联系bjl平台-start */
.form-page .mod-wrap{
    background:  #F1F5FA;
}
.form-page h1{
    opacity: 0;
}
.form-cont{
    padding-top: 135px;
    padding-bottom: 74px;
    position: relative;
}
.form-cont::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, #C0D1E5 0%, rgba(192, 209, 229, 0.00) 74.5%, #EFF5FA 100%);
    z-index: 1;
    pointer-events: none;
}
.form-wrap{
    display: flex;
    align-items: flex-start;
    padding-bottom: var(--space100);
    position: relative;
    z-index: 2;
}
.form-le{
    width: 46%;
}
.form-ri{
    width: 54%;
    padding-left: 21px;
}
.form-ri-cry{
    border-radius: 20px;
    padding: 29px 39px 44px;
    background: linear-gradient(180deg, #FFF 25.41%, rgba(255, 255, 255, 0.50) 100%);
}
.frcw-list-label{
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    background: #F1F5FA;
    padding: 0 26px;
    border: solid 1px #F1F5FA;
}
.frcw-list p{
    flex-shrink: 0;
    margin-right: 10px;
    font-size: var(--text16);
    color: var(--color999);
    line-height: 1.5;
}
.frcw-list p span{
    color: #e30000;
}
.frcw-list-input{
    width: 100%;
}
.frcw-list{
    margin-bottom: 18px;
}
.form-ri-cry h2{
    text-align: center;
    line-height: 1.75;
    margin-bottom: 30px;
    opacity: 0;
}
.frcw-list-word p{
    color: #e30000;
    font-size: var(--text14);
    line-height: 1.75;
}
.frcw-list-input input{
    width: 100%;
    height: 48px;
    font-size: var(--text16);
    color: var(--color333);
    line-height: 1.5;
}
.frcw-list-word{
    display: none;
}
.frcw-area{
    border-radius: 4px;
    background:  #F1F5FA;
    padding: 12px 26px;
} 
.frcw-area textarea{
    height: 126px;
    width: 100%;
    font-size: var(--text16);
    color: var(--color333);
    line-height: 1.5;
}
.frcw-code label{
    padding: 0px !important;
}
.frcw-code{
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-radius: 4px;
    overflow: hidden;
    background: #F1F5FA;
}
.frcw-code-ri{
    width: 82px;
    cursor: pointer;
}
.frcw-code-ri img{
    width: 100%;
}
.frcw-code-le{
    width: calc(100% - 82px);
    padding-right: 10px;
}
.frcw-other{
    display: flex;
}
.frcw-other span{
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: solid 1px #e8e8e8;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    margin-top: 4px;
    flex-shrink: 0;
}
.nulb-le{
    flex-shrink: 0;
}
.frcw-other span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s;
    width: 6px;
    height: 6px;
    background: var(--colormain);
    opacity: 0;
}
.frcw-other p{
    color: var(--color666);
    line-height: 1.75;
    font-size: 1.75;
}
.frcw-other p a{
    color: var(--colormain);
    text-decoration: underline;
}
.frcw-btn{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.frcw-btn .std-btn1{
    cursor: pointer;
}
.form-agree.on .form-agree-btn::after{
    opacity: 1;
}
.has-required.empty .frcw-list-label{
    border: solid 1px #e30000 !important;
}
.has-required.empty .frcw-list-word{
    display: block;
}
.has-required.empty .frcw-code .frcw-list-label, .frcw-code .frcw-list-label{
    border: solid 1px #F1F5FA !important;
}
.form-agree.has-required.empty .form-agree-btn{
    border: solid 1px #e30000;
}
.flul-box{
    display: flex;
    align-items: baseline;
    padding-bottom: 19px;
    border-bottom: solid 1px #C5D4E3;
}
.flul-le{
    width: 24px;
    border-radius: 50%;
}
.flul-le img{
    width: 100%;
}
.flul-ri{
    width: calc(100% - 24px);
    padding-left:18px;
}
.form-le h1{
    margin-bottom: 37px;
}
.flul-ri-lis{
    margin-bottom: 24px;
}
.flul-ri-lis:last-child{
    margin-bottom: 0px;
}
.flul-ri-lis span{
    color: var(--color666);
    line-height: 1.75;
    font-size: var(--text16);
}
.flul-ri-lis p, .flul-ri-lis p a{
    color: var(--color333);
    line-height: 1.75;
    font-size: var(--text16);
    padding-right: 44px;
}
.form-le-ul-li{
    margin-bottom: 26px;
}
.form-code{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.form-code-pic{
    width: 170px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}
.form-code-pic img{
    width: 100%;
}
.form-code-text p{
    text-align: center;
    color: var(--color333);
    line-height: 1.75;
}
.form-cont-bg1{
    width: 28%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: -8%;
    z-index: 2;
}
.form-cont-bg2{
    width:23%;
    position: absolute;
    top: -8%;
    right: 0%;
    pointer-events: none;
    z-index: 2;
}
.form-cont-bg1 img, .form-cont-bg2 img, .form-cont-bg13 img{
    width: 100%;
}
.form-cont-bg3{
    width:28%;
    position: absolute;
    top: 64%;
    right: 5%;
    pointer-events: none;
    z-index: 2;
}
/* B4-联系bjl平台-end*/
/* D1-新闻列表页-start */
.news-page .mod-wrap{
    background:#F1F5FA;
}
.news-motion{
    padding-bottom: 53px;
}
.news-motion-cont{
    display: flex;
    align-items: center;
    border-radius: 16px;
    background: var(--colorFFF);
    padding: 36px 91px 42px 38px;
}
.news-motion h1{
    text-align: center;
    font-weight: normal;
    margin-bottom: 50px;
    opacity: 0;
}
.news-motion-le{
    width: 49%;
    overflow: hidden;
    border-radius: 20px;
}
.news-motion-ri{
    width: 51%;
    padding-left:90px;
}
.news-motion-ri-word p{
    color: var(--color666);
    line-height: 1.75;
    height: 5.25em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-motion-ri-date p{
    color: var(--color666);
    line-height: 1.75;
}
.news-motion-ri-date{
    margin-bottom: 11px;
}
.news-motion-ri-tit{
    color: var(--color333);
    line-height: 1.5;
    margin-bottom: var(--space30);
}
.news-motion-ri-word{
    margin-bottom: 90px;
}
.news-list-ul{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -12px;
    overflow: hidden;
}
.news-list-ul-li{
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 24px;
}
.nlul-box{
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--colorFFF);
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    overflow: hidden;
}
.nlul-bot{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 20px 26px 30px;
    height: 100%;
}
.nlul-bot-date p{
    color: var(--color666);
    font-family: 'DongFangjg-OutRegular' !important;
}
.nlul-bot-date{
    margin-bottom: 14px;
}
.nlul-bot-tit {
    color: var(--color333);
    line-height: 1.75;
}
.news-list .mod-page{
    margin-top: var(--space40);
}
.news-list-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.news-list-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.news-list-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
/* D1-新闻列表页-end */
/* D2-新闻详情页-start */
.sticky-body{
    overflow: visible !important;
}
.newdet-wrap{
    padding-left:117px;
    margin-bottom: 17px;
}
.newdet-wrap-cry{
    display: flex;
    align-items: flex-start;
}
.newdet-page .mod-wrap{
    background:#F1F5FA;
}
.newdet-cont{
    padding-top: 90px;
}
.newdet-wrap-le{
    width: 66%;
}
.newdet-wrap-ri{
    width: 34%;
    padding-left: 91px;
    padding-top: 184px;
    position: sticky;
    top: 0px;
}
.newdet-wrap-le-date p{
    color: var(--color666);
    line-height: 1.75;
}
.newdet-wrap-le-date{
    margin-bottom: 23px;
}
.newdet-wrap-le h1{
    color: var(--colormain);
}
.newdet-share{
    display: flex;
    align-items: center;
}
.newdet-share-text p{
    color: var(--color333);
    line-height: 1.75;
}
.newdet-share-text{
    margin-right: 17px;
}
.ys-share-img {
    width: 24px;
    display: block;
}
.ys-share-list{
    margin-right: 20px;
}
.ys-share-list:last-child{
    margin-right: 0px;
}
.newdet-edr{
    padding: 67px 0 49px;
    border-top:solid 1px #D1D1D1;
    border-bottom: solid 1px #D1D1D1;
    margin-top: 10px;
}
.newdet-edr p{
    color: var(--color333);
    font-size: var(--text16);
    line-height: 1.75;
    margin-bottom: var(--pspace12);
}
.newdet-wrap-ri h2{
    font-weight: bold;
    color: var(--colormain);
    margin-bottom: 19px;
}
.newdet-wrap-ri-ul{
    border-radius: 14px;
    background: var(--colorFFF);
    padding: 30px 24px 35px 30px;
}
.nwru-li-box{
    display: block;
    padding-bottom: 24px;
    border-bottom: solid 1px #DFDFDF;
    margin-bottom: 27px;
}
.nwru-li:last-child .nwru-li-box{
    border-bottom: solid 1px transparent;
    margin-bottom: 0px;
}
.nwru-li-date p{
    color: var(--color666);
    font-family: 'DongFangjg-OutRegular' !important;
}
.nwru-li-date{
    margin-bottom: 14px;
}
.nwru-li-tit{
    transition: all .4s;
    color:var(--color333);
}
.newdet-ul-li-box{
    display: flex;
    align-items: center;
}
.nulb-le p, .nulb-ri p{
    transition: all .4s;
    color: var(--color333);
    line-height: 1.75;
}
.nulb-ri p{
    height: 1.75em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newdet-ul-li{
    margin-bottom: 10px;
}
.newdet-ul-li:last-child{
    margin-bottom: 0px;
}
.newdet-ul{
    margin-top: 27px;
}
/* D2-新闻详情页-end */
/* F2- 招聘列表页-start */
.recruit-page .mod-wrap{
    background: #F1F5FA;
}
.recruit-cont{
    padding-top: 80px ;
}
.recruit-list-ul{
    display: flex;
    margin: 0 -8px;
    white-space: nowrap;
    overflow-x: auto;
}
.recruit-list-ul-lis{
    padding: 0 8px;
}
.recruit-list-ul-lis a{
    display: block;
    padding: 4px 24px;
    background: transparent;
    transition: all .4s;
    border-radius: 4px;
    font-size: var(--text18);
    color: var(--color666);
    line-height: 1.75;
    white-space: nowrap;
}
.recruit-list-ul-lis.act a{
    background: var(--colormain);
    color: var(--colorFFF);
}
.recruit-list-le p{
    font-size: var(--font20);
    line-height: 1.75;
    color: var(--color333);
}
.recruit-list-le{
    margin-right: 60px;
    padding-right: 10px;
    flex-shrink: 0;
}
.recruit-list{
    display: flex;
    align-items: stretch;
    background: #F1F5FA;
    margin-bottom: 23px;
}
.recruit-list:last-child{
    margin-bottom: 0px;
}
.recruit-tplis{
    margin-bottom: 50px;
}
.recruit-tplist{
    display: flex;
    background: var(--colormain);
    border-radius: 5px;
    overflow: hidden;
    padding: 16px 0 19px;
    margin-bottom: var(--space30);
}
.recruit-tplist-li-text p{
    font-weight: bold;
    color: var(--colorFFF);
    line-height: 1.75;
}
.recruit-tplist-li1, .rblt-ul-li1{
    width: 31%;
}
.recruit-tplist-li2, .rblt-ul-li2{
    width: 18%;
}
.recruit-tplist-li3, .rblt-ul-li3{
    width: 26%;
}
.recruit-tplist-li4, .rblt-ul-li4{
    width: 18%;
}
.rblt-ul, .recruit-tplist, .rblb-wrap{
    padding-left: 97px;
}
.rblb-wrap{
    padding-right: 97px;
}
.rblt-ul{
    display: flex;
    position: relative;
}
.rblt-ul-li5{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.rblt-ul-li-icon{
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
    background:var(--colormain);
    position: relative;
    transition: all .4s;
}
.rblt-ul-li-icon::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 14px;
    height: 1px;
    background: var(--colorFFF);
}
.rblt-ul-li-icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    width: 1px;
    height: 14px;
    background: var(--colorFFF);
    transition: all .4s;
}
.recruit-btmlist-li-tp{
    padding: 17px 0 19px;
    cursor: pointer;
}
.recruit-btmlist-li{
    border-radius: 5px;
    background: var(--colorFFF);
    margin-bottom: 10px;
}
.recruit-btmlist-li:last-child{
    margin-bottom: 0px;
}
.recruit-btmlist-li-btm{
    padding-top: 54px;
    padding-bottom: 88px;
    border-top: solid 1px #DEE6F0;
    display: none;
}
.rblb-cry{
    margin-bottom: var(--space40);
}
.rblb-cry p{
    font-size: var(--text18);
    line-height: 1.75;
    color: var(--color333);
    margin-bottom: 13px;
}
.rblb-cry h5{
    font-weight: bold;
    line-height: 1.75;
    font-size: var(--text18);
    margin-bottom: 13px;
    color: var(--color333);
}
.rblb-wrap .std-btn1-box p{
    color: var(--colormain);
}
.recruit-btmlist-li.act .rblt-ul-li-icon{
    background:#D80C18;
}
.recruit-btmlist-li.act .rblt-ul-li-icon::after{
    opacity: 0;
    transform: translate(-50%,-50%) rotate(90deg);
}
.recruit-btmlist{
    overflow: hidden;
}
.rblt-ul-li-text{
    color: var(--color333);
    line-height: 1.75;
}
/* F2- 招聘列表页-end */
/* F1- 为什么选择bjl平台-start */
.join-page h2{
    text-align: center;
    font-weight: bold;
    color: var(--color333);
    opacity: 0;
}
.join-know-ul{
    display: flex;
    margin:0 -12px;
    justify-content: center;
    align-items: flex-start;
}
.join-know-ul-li{
    width: 33.333333%;
    padding: 0 12px;
    height: auto !important;
}
.jkul-box{
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.jkul-bot{
    position: absolute;
    width: calc(100% - 66px);
    left: 50%;
    bottom: 43px;
    transform: translateX(-50%);
}
.jkul-pic, .jkul-pic img{
    width: 100%;
}
.jkul-pic{
    position: relative;
}
.jkul-pic::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(0, 23, 54, 0.00) 0%, #00193C 100%);
    pointer-events: none;
}
.jkul-bot-tit{
    color: var(--colorFFF);
    line-height: 1.75;
}
.jkul-bot-word{
    margin-top:20px;
    display: none;
}
.jkul-bot-word p{
    color: var(--colorFFF);
    line-height: 1.75;
}
.join-know-ul-li2{
    margin-top: 71px;
}
.join-know-ul-li3{
    margin-top: 26px;
}
.join-know-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.join-know-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.join-know-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.join-goal h2{
    margin-bottom: 16px;
}
.join-goal-word p{
    text-align: center;
    color: var(--color666);
    line-height: 1.75;
}
.join-goal-word{
    margin-bottom: var(--space40);
    opacity: 0;
}
.join-goal-cry{
    position: relative;
}
.jglu-li-tit{
    transition: all .4s;
    color: var(--color333);
    font-weight: bold;
    margin-bottom: 7px;
}
.join-goal-bg {
    width: 390px;
    height: 390px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    overflow: hidden;
    border-radius: 389px;
    border: 1px solid #BED1E7;
    background: linear-gradient(180deg, #D0DEF0 0%, #F1F5FA 100%);
}
.join-goal-bg::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-48%);
    width: 76%;
    height: 76%;
    border-radius: 295px;
    border: 1px solid #BED1E7;
    opacity: 0.6;
    background: radial-gradient(50% 50% at 50% 50%, #B6D0F1 0%, #F1F5FA 100%);
    pointer-events: none;
}
.join-goal-bg-icon{
    width: 134px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.join-goal-bg-icon img{
    width: 100%;
    transform: translateY(0%);
    animation: Icon 2.2s ease-in infinite;
}
@keyframes Icon{
    0%{
        transform: translateY(-2%);
    }
    50%{
        transform: translateY(4%);
    }
    100%{
        transform: translateY(-2%);
    }
}
.jglu-li:nth-child(1), .jglu-li:nth-child(3), .jglu-li:nth-child(5) {
    text-align: left;
}
.jglu-li:nth-child(2) .jgul-li-box, .jglu-li:nth-child(4) .jgul-li-box, .jglu-li:nth-child(6) .jgul-li-box{
    padding: 21px 30px 21px 28px;
}
.jglu-li:nth-child(1) .jgul-li-box::after, .jglu-li:nth-child(3) .jgul-li-box::after, .jglu-li:nth-child(5) .jgul-li-box::after{
    left: auto;
    right: -5px;
}
.join-goal-list-ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.jglu-li{
    width: 50%;
    margin-top: 42px;
    padding: 0 240px;
}
.join-goal-list-ul{
    margin: 0 -240px;
}
.jglu-li3 .jgul-li-box{
    transform: translateX(-50px);
}
.jglu-li4 .jgul-li-box{
    transform: translateX(50px);
}
.jglu-li3, .jglu-li4{
    animation-delay: 0.3s;
}
.jglu-li5, .jglu-li6{
    animation-delay: 0.4s;
}
.jgul-li-box{
    position: relative;
    border-radius: 10px;
    background: var(--colorFFF);
    padding: 21px 25px 21px 21px;
    border-bottom: 1px solid var(--colormain);
}
.jglu-li3 .jgul-li-box, .jglu-li4 .jgul-li-box{
    border-bottom: 1px solid #D80C18;
}
.jgul-li-box::after{
    content: "";
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colormain);
}
.join-goal{
    padding: 95px 0 170px;
    background:#F1F5FA;
}
.join-person-cont{
    padding: 94px 120px 128px;
    border-radius: 20px;
    overflow: hidden;
}
.join-person-cont h2{
    margin-bottom:48px;
    font-weight: bold;
    color: var(--colorFFF);
    line-height: 1.45;
    text-align: left;
}
.join-person-list-btn1{
    margin-right: 44px;
}
.join-person-list-btn:nth-child(2){
    animation-delay: 0.3s;
}
/* F1- 为什么选择bjl平台-end */
/* E1-投资者关系单页-start */
.mod-line{
    width: 100%;
    height: 1px;
    background: rgba(51, 51, 51, 0.3);
    position: relative;
}
.mod-line::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--colormain);
    transition: all 1.6s;
    transition-delay: 0.4s;
}
.mod-line::before{
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    width: 0%;
    height: 1px;
    background: #D80C18;
    transition: all 1.6s;
    transition-delay: 0.4s;
}
.mod-line.act::before{
    width: 31%;
}
.mod-line.act::after{
    width: 31%;
}
.investor-page h2{
    color: var(--color333);
    line-height: var(--line12);
    opacity: 0;
}
.investor-infro h2, .investor-report h2{
    margin-bottom: 23px;
}
.investor-infro{
    background: #F1F5FA;
}
.investor-infro-cry{
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.investor-infro-le{
    width: 33%;
    padding-right: 70px;
}
.investor-infro-ri{
    width: 67%;
}
.investor-infro-cry span, .iilt-text{
    font-family: 'DongFangjg-Bold' !important;
}
.investor-infro-le-bot span font{
    font-family: "Microsoft YaHei" !important;
    color: var(--color666);
    font-size: var(--text16);
}
.investor-infro-ri-ul{
    display: flex;
    border-radius: 10px;
    padding: 66px 40px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -71.36%, #FFF 67.23%);
}
.iiru-li-box p{
    color: var(--color666);
    font-size: var(--text16);
    margin-bottom: 10px;
}
.iiru-li-box span{
    font-size: 34px;
    color: var(--colormain);
    font-weight: bold;
    font-family: "Microsoft YaHei" !important;
}
.investor-infro-le-min{
    margin-bottom: 40px;
}
.investor-infro-le-min p{
    color: var(--color333);
}
.iiru-li{
    width: 25%;
    padding: 0 50px;
    position: relative;
}
.iiru-li::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #CBD6E3;
}
.iiru-li:last-child::after{
    display: none;
}
.investor-infro-le-tp{
    display: flex;
    margin-bottom: 10px;
}
.iilt-text{
    font-size: 64px;
    line-height: 1.1;
    color: var(--colormain);
}
.iilt-icon{
    width: 23px;
    transition: all .4s;
    margin-top: 46px;
    flex-shrink: 0;
    flex-shrink: 0;
    margin-left: 14px;
}
.iilt-icon.on{
    transform: rotate(180deg);
}
.iilt-icon img{
    width: 100%;
}
.icru-li-box{
    display: flex;
    align-items: center;
}
.investor-ctact-cont{
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #F1F5FA;
    overflow: hidden;
    justify-content: flex-end;
    position: relative;
}
.investor-ctact-le{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.iclp-ph{
    display: none;
}
.investor-ctact-le-pic, .investor-ctact-le-pic img{
    width: 100%;
}
.investor-ctact-le-pic img{
    height: 100%;
    object-fit: cover;
}
.investor-ctact-ri{
    width: 53%;
    padding: 67px 100px 82px 120px;
    position: relative;
    z-index: 2;
}
.icru-li-le{
    width: 110px;
    display: flex;
    align-items: center;
    margin-right: 37px;
}
.icru-li-le-icon{
    width: 24px;
    flex-shrink: 0;
    margin-right: 20px;
}
.icru-li-le p{
    color: var(--color666);
    line-height: 1.75;
    font-size: var(--text16);
}
.icru-li-ri p, .icru-li-ri p a{
    line-height: 1.75;
    color: var(--color333);
}
.investor-ctact-ri h2{
    margin-bottom: 22px;
}
.icru-li{
    margin-bottom: 20px;
}
.icru-li:last-child{
    margin-bottom: 0px;
}
.icru-li-le-icon img{
    width: 100%;
}
.investor-report-tpslide{
    margin-top: 60px;
    margin-bottom: 50px;
}
.investor-report-tpslide-tplis{
    width: 80%;
    margin: 0 auto;
}
.investor-report-tpslide-ul{
    margin: 0 -38px;
}
.irtu-li-text p{
    transition: all .4s;
    font-size: var(--font20);
    line-height: 1.75;
    color:var(--color333);
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: pointer;
}
.irtu-li.slick-slide:not(:first-child){
    display: none;
}
.irtu-li.slick-current .irtu-li-text p{
    color: var(--colormain);
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    transition: all .4s;
}
.irtu-li{
    padding: 0 38px;
}
.investor-report-tpslide .mod-arrows1{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width: 100%;
}
.investor-report-tpslide{
    position: relative;
}
.irbl-btn{
    display: flex;
    justify-content: center;
    margin-top: 37px;
}
.irbl-ul{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -21px;
}
.irbl-ul-li{
    width: 33.333333%;
    padding: 0 21px;
    margin-bottom: 28px;
}
.irbl-ul-li-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 6px;
    background: var(--colorFFF);
    overflow: hidden;
    transition: all .4s;
    padding: 33px 25px 18px;
}
.irbl-ul-li-btm{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: solid 1px #DBE4EE;
    transition: all .4s;
}
.irbl-ul-li-tit{
    margin-bottom: 60px;
    color: var(--color333);
    line-height: 1.5;
    transition: all .4s;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.investor-report{
    background:  #F1F5FA;
}
.iulb-btn-icon{
    width: 32px;
    position: relative;
    flex-shrink: 0;
    margin-right: 8px;
}
.iulb-btn-icon img{
    width: 100%;
    transition: all .4s;
}
.iulb-btn-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.iulb-btn{
    /* display: flex; */
    /* align-items: center; */
}
.iulb-btn p{
    color: var(--color333);
    line-height: 1.5;
    font-size: var(--text18);
    transition: all .4s;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.iulb-pic{
    /* width: 26px; */
    /* position: relative; */
}
.iulb-pic-box{
    width: 26px;
    position: relative;
    display: block;
}
.iulb-pic img{
    width: 100%;
    transition: all .4s;
}
.iulb-pic img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.investor-report-btmul-li.slick-slide:not(:first-child){
    display: none;
}
.investor-report-btmul-li{
    padding: 0 20px;
}
.investor-report-btmul{
    margin: 0 -20px;
}
/* E1-投资者关系单页-end */
/* B2-研发创新-start */
.research-page h2{
    opacity: 0;
    color: var(--color333);
    line-height: var(--line12);
    margin-bottom: var(--space40);
}
.research-team{
    overflow: hidden;
}
.research-team-cry{
    display: flex;
}
.research-team-le{
    width: 57.5%;
    padding-right: 120px;
}
.research-team-ri{
    width: 42.5%;
}
.research-team-le-ul{
    display: flex;
    margin: 0 -58px;
}
.rtlu-li{
    padding: 0 58px;
    position: relative;
}
.rtlu-li::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height:80%;
    background: #ddd;
}
.rtlu-li:last-child::after{
    display: none;
}
.rtlu-li .ys_demo_num1{
    font-size: 82px;
    line-height: 1.5;
    color: var(--colormain);
    font-family: 'DongFangjg-Regular' !important;
}
.research-team-le-word p{
    color: var(--color666);
    line-height: 1.75;
    margin-bottom:13px;
}
.research-team-le-word{
    margin-bottom: var(--space30);
}
.rtul-li-word p{
    color: var(--color666);
    line-height: 1.75;
}
.research-team-ri-pic, .research-team-ri-pic img{
    width: 100%;
}
.research-team-ri-pic{
    overflow: hidden;
    border-radius: 20px;
}
.research-list{
    padding-bottom: 80px;
    background: #F1F5FA;
}
h2 span{
    color: var(--colormain);
}
.slick-track{
    display: flex;
    align-items: stretch;
}
.research-list-ul{
    margin: var(--space40) -10px 0;
}
.research-list-ul-li{
    width: 33.333333%;
    padding: 0 10px;
    height: auto !important;
}
.rlul-box{
    display: block;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    padding: 40px 75px 62px;
    background: linear-gradient(90deg, #FFF 13.66%, rgba(255, 255, 255, 0.20) 56.84%, #FFF 94.05%);
}
.rlul-tp{
    margin-bottom: 34px;
    display: flex;
    justify-content: center;
}
.rlul-tp-text{
    display: block !important;
}
.rlul-tp span{
    text-align: center;
    display: block;
    font-weight: bold;
    color: var(--colormain);
    font-size: 32px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 1.75;
    display: none;
}
.research-list-ul-li.on .rlul-tp span{
    display: block;
}
.research-list-ul-li.on .ys_demo_num1{
    display: none;
}
.rlul-btm p{
    color: var(--color333);
    line-height: 1.75;
    text-align: center;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.research-list-ul-li.slick-slide:not(:first-child){
    display: none;
}
.rlul-tp .ys_demo_num1{
    font-size: 60px;
    line-height: 1.1;
    color: var(--colormain);
    font-family: 'DongFangjg-Bold' !important;
    text-align: center;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.research-list-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.research-list-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.research-list-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.research-make h2{
    text-align: center;
}
.research-make{
    padding-top: 72px;
}
.research-make-ul-li.slick-slide:not(:first-child){
    display: none;
}
.research-make-ul{
    margin: 0 -10px;
}
.research-make-ul-li{
    padding: 0 10px;
}
.rmul-box{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.rmul-bg{
    position: relative;
}
.rmul-bg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    pointer-events: none;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); */
}
.rmul-bg, .rmul-bg img{
    width: 100%;
}
.rmul-pop{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    width: 206px;
    height: 206px;
    border-radius: 50%;
    border: solid 1px rgba(255, 255, 255, 0.50);
}
.rmul-icon{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.rmul-icon-pic{
    width: 24px;
    margin: 0 auto 9px;
}
.rmul-icon-pic img{
    width: 100%;
}
.rmul-icon p{
    text-align: center;
    font-size: var(--text18);
    line-height: 1.75;
    font-weight: bold;
    color: var(--colorFFF);
}
.research-make .slick-dots li{
    background:var(--colormain);
    opacity: 0.4;
}
.research-make .slick-dots li.slick-active {
    background: var(--colormain) !important;
    opacity: 1;
}
/* B2-研发创新-end */
/* B3-社会责任单页-start */
.social-page h2{
    text-align: center;
    font-weight: normal;
    opacity: 0;
}
.social-action-minlist-ul{
    overflow: hidden;
}
.social-action-min{
    width: 45%;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.social-action-min img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.social-action h2{
    margin-bottom: 50px;
}
.social-action-minlist{
    width: 34%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
}
.social-action-cont{
    width: 100%;
    position: relative;
}
.samu-li-tit{
    color: var(--colormain);
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}
.samu-li-word p{
    text-align: center;
    color: var(--color333);
    line-height: 1.75;
}
.samu-li{
    display: none;
}
.samu-li:first-child{
    display: block;
}
.social-action-item{
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}
.social-action-item-ul{
    display: flex;
    flex-wrap: wrap;
}
.saiu-li{
    position: absolute;
    pointer-events: all;
}
.saiu-li-box{
    width: 174px;
    height: 174px;
    border-radius: 50%;
    overflow: hidden;
    transition: all .4s;
    background: var(--colorFFF);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 26px;
}
.saiu-li-icon{
    width: 56px;
    position: relative;
    margin-bottom: 7px;
}
.saiu-li-icon img{
    width: 100%;
    transition: all .4s;
}
.saiu-li-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.saiu-li-word{
    text-align: center;
    color: var(--color333);
    line-height: 1.75;
}
.saiu-li.act .saiu-li-box{
    background: var(--colormain);
}
.saiu-li.act .saiu-li-word{
    color: var(--colorFFF);
}
.saiu-li.act .saiu-li-icon img:nth-child(2){
    opacity: 1;
}
.saiu-li.act .saiu-li-icon img:nth-child(1){
    opacity: 0;
}
.saiu-li1{
    top: 5%;
    left:9%;
}
.saiu-li2{
    top: 5%;
    right: 9%;
}
.saiu-li3{
    top: 38%;
    left: 0%;
}
.saiu-li4{
    top: 38%;
    right: 0%;
}
.saiu-li5{
    top: 70%;
    left: 9%;
}
.saiu-li6{
    top: 70%;
    right: 9%;
}
.saiu-li:nth-child(2n+1){
    animation-delay: 0.2s;
}
.saiu-li:nth-child(2n+2){
    animation-delay: 0.3s;
}
.social-active-ul{
    margin: 0 -14px;
}
.social-active-ul-li{
    width: 33.333333%;
    padding: 0 14px;
}
.saul-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px;
    background: #FFF;
    overflow: hidden;
}
.saul-bot{
    padding: 30px 40px 40px;
}
.saul-bot-date p{
    color: var(--color666);
    font-family: 'DongFangjg-OutRegular' !important;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.saul-bot-date{
    margin-bottom: 10px;
}
.saul-bot-tit{
    color: var(--color333);
    line-height: 1.45;
    height: 2.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.saul-bot-word p{
    color: var(--color666);
    line-height: 1.75;
    height: 3.5em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.social-active-ul-li .std-btn3{
    margin-top: 37px;
}
.social-active-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.social-active-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.social-active-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.social-active-ul-li.slick-slide:not(:first-child){
    display: none;
}
.social-report-cont{
    position: relative;
}
.social-report-wrap{
    width: 86%;
    margin: 0 auto;
    border-radius: 16px;
    background: #F1F5FA;
    padding: 40px 45px;
}
.social-report-edr{
    margin-bottom: var(--space30);
}
.social-report-edr h5{
    color: var(--color333);
    line-height: 1.75;
    font-size: var(--text16);
    margin-bottom: var(--pspace12);
    font-weight:bold;
}
.social-report-edr p{
    color: var(--color333);
    line-height: 1.75;
    font-size: var(--text16);
    margin-bottom: var(--pspace12);
}
.social-report-comp p{
    color: var(--colormain);
    text-align: right;
    font-weight: bold;
    position: relative;
}
.social-report-comp{
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.social-report-comp p::after{
    content: "";
    position: absolute;
    top: 20px;
    left: -233px;
    width: 214px;
    height: 1px;
    background: var(--colormain);
}
.social-report-comp p::before{
    content: "";
    position: absolute;
    top: 12px;
    left: -90px;
    width: 71px;
    height: 1px;
    background: #D80C18;
}
.social-report h2{
    margin-bottom: 50px;
}
.social-report{
    padding-bottom: 232px;
}
.social-report-bg{
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -104px;
    z-index: -1;
}
.social-report-bg img{
    width: 100%;
}
.social-report-wrap{
    animation-delay: 0.5s;
}
/* B3-社会责任单页-end */
/* B1-关于bjl平台-start */
.mod-bread{
    position: relative;
}
.about-page h2{
    font-weight: normal;
    color: var(--color333);
    opacity: 0;
    position: relative;
    z-index: 2;
}
.about-page h2 span{
    font-weight: bold;
    color: var(--colormain);
}
.about-ban{
    position: relative;
    padding: 150px 0 110px; 
}
.about-ban::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, #C0D1E5 -22%, rgba(192, 209, 229, 0.00) 74.5%, #EFF5FA 100%); */
    z-index: -1;
}
.about-ban-cont{
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 38.64%, rgba(234, 240, 247, 0.80) 71.09%);
    box-shadow: 0px 15px 25px 0px rgba(160, 184, 214, 0.15);
    /* backdrop-filter: blur(17.5px); */
    padding: 49px 34px 60px 60px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}
.about-ban-ri{
    width: 22%;
}
.about-ban-le{
    width: 78%;
    padding-right:111px;
}
.about-ban-le p{
    color: var(--color333);
    line-height: 1.75;
    margin-bottom: var(--pspace12);
}
.abru-li-tp{
    display: flex;
    align-items: center;
}
.abru-li-tp span, .abru-li-tp .ys_demo_num{
    font-size: var(--font48);
    line-height: 1.2;
    color: var(--colormain);
    font-family: 'DongFangjg-Regular' !important;
}
.abru-li-btm{
    color: var(--color999);
    line-height: 1.5;
}
.abru-li{
    padding-bottom: 24px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 17px;
}
.abru-li:last-child{
    margin-bottom: 0px;
    border-bottom: solid 1px transparent;
}
.about-ban-cry{
    width: 100% !important;
    margin: -340px auto 0;
    transform-origin: center bottom;
    opacity: 0;
}
.mod-scale2{
    animation:picScale2 1.2s ease-in-out both ;
}
@keyframes picScale2{
    0%{
        opacity: 0;
        transform: translateY(60%);
    }
    100%{
        opacity: 1;
        transform:translateY(0%);
    }
}
/* .about-ban-le, .about-ban-ri{
    animation-delay: .5s;
} */
.about-ban-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}
.about-ban-bg img{
    position: absolute;
}
.about-ban-bg1 {
    width: 22%;
    top: -8%;
    left: 28%;
}
.about-ban-bg2{
    width: 30%;
    top: -12%;
    right: -12%;
}
.about-ban-bg3 {
    width: 50%;
    left: -11%;
    top: 28%;
}
.about-ban-bg4 {
    width: 30%;
    right: -6%;
    top: 36%;
}
.about-ban .ys-cont1400{
    position: relative;
    z-index: 4;
}
.about-map h2{
    text-align: center;
    margin-bottom: 66px;
}
.about-map{
    padding-bottom: 152px;
}
.about-map-wrap{
    width: 100%;
    padding: 0 calc(50% - 700px) 0 60px;
}
.about-map-ri{
    width: 38%; 
    padding-left: 72px;
}
.about-map-le{
    width:62%;
    padding-right:0px !important;
    position: relative;
}
.about-map-le-pic, .about-map-le-pic img{
    width: 100%;
}
.about-map-cry{
    display: flex;
    align-items: flex-start;
}
.amru-li-tp{
    font-size: var(--font20);
    line-height: 1.75;
    transition: all .4s;
    position: relative;
    font-weight: bold;
    color: var(--color333);
    cursor: pointer;
    padding-right: 20px;
}
.amru-li-tp::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    width:17px;
    height: 2px;
    background: var(--colormain);
    transition: all .4s;
}
.amru-li-tp::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 7.5px;
    transform: translateY(-50%);
    width: 2px;
    height: 17px;
    background: var(--colormain);
    opacity: 1;
    transition: all .4s;
}
.amru-li{
    padding: 30px 0;
    border-bottom: solid 1px #DCDCDC;
}
.amru-li:last-child{
    border-bottom: solid 1px transparent;
}
.amru-li:first-child{
    padding-top: 0px;
}
.amru-li-btm p{
    color: var(--color666);
    line-height: 1.75;
}
.amru-li-btm{
    padding-top: 13px;
}
.amru-li.act .amru-li-tp::before{
    transform: translateY(-50%) rotate(45deg);
    opacity: 0;
}
.amru-li.act .amru-li-tp{
    color: var(--colormain);
}
.amru-li-btm{
    display: none;
}
.about-map-le-list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.amll-ul-li{
    position: absolute;
}
.amll-ul-li-icon{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /* overflow: hidden; */
    background: var(--colormain);
    position: relative;
    cursor: pointer;
}
.amll-ul-li-icon::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    width: 100%;
    height: 100%;
    animation: scale 2s linear infinite;
    opacity: 0.4;
    background:rgba(0, 64, 152, 0.4);
    z-index: 2;
    pointer-events: none;
    border-radius: 50%;
}
.amll-ul-li-icon::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    width: 100%;
    height: 100%;
    animation: scale2 1.6s linear infinite;
    opacity: 0.6;
    background:rgba(0, 64, 152, 0.4);
    z-index: 2;
    pointer-events: none;
    border-radius: 50%;
}
@keyframes scale{
    0%{
        opacity: 0.4;
        transform: translate(-50%,-50%) scale(1);
    }
    50%{
        opacity: 1;
        transform: translate(-50%,-50%) scale(2.2);
    }
    100%{
        opacity: 0.4;
        transform: translate(-50%,-50%) scale(1);
    }
}
@keyframes scal2{
    0%{
        opacity: 0.6;
        transform: translate(-50%,-50%) scale(1);
    }
    50%{
        opacity: 1;
        transform: translate(-50%,-50%) scale(1.6);
    }
    100%{
        opacity: 0.6;
        transform: translate(-50%,-50%) scale(1);
    }
}
.amll-ul-li-cry{
    width: 200px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.aulc-line{
    width: 1px;
}
.aulc-line img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aulc-bot{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 13.8px 0px rgba(156, 166, 194, 0.25);
    overflow: hidden;
    pointer-events: all;
}
.aulc-bot-text{
    padding: 10px 25px;
    color: var(--color333);
    line-height: 1.75;
    text-align: center;
}
.amll-ul-li.act .amll-ul-li-icon::after, 
.amll-ul-li.act .amll-ul-li-icon::before{
    background: rgba(216, 12, 24, 0.4);
}
.amll-ul-li.act .amll-ul-li-icon{
    background: rgba(216, 12, 24, 1);
    cursor: pointer;
}
.amll-ul-li-wrap{
    display: none;
}
.amll-phul{
    display: none;
}
.amll-ul-li:nth-child(3n+1) .amll-ul-li-icon::after, .amll-ul-li:nth-child(3n+1) .amll-ul-li-icon::before{
    animation-delay: 0s;
}
.amll-ul-li:nth-child(3n+2) .amll-ul-li-icon::after, .amll-ul-li:nth-child(3n+2) .amll-ul-li-icon::before{
    animation-delay: 0.6s;
}
.amll-ul-li:nth-child(3n+3) .amll-ul-li-icon::after, .amll-ul-li:nth-child(3n+3) .amll-ul-li-icon::before{
    animation-delay: 1.2s;
}
.about-btmcry{
    position: relative;
}
.about-btmcry::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(192, 209, 229, 0.80) 0%, rgba(192, 209, 229, 0.00) 100%);
    z-index: -1;
}
.about-btmcry h2{
    text-align: center;
    margin-bottom: var(--space30);
}
.about-deve{
    background:  #F1F5FA;
}
.about-deve h2{
    text-align: center;
}
.about-cult-ul{
    margin: 0 -14px;
}
.about-cult-ul .slick-track{
    display: flex;
    align-items: stretch;
    padding-bottom: 30px;
}
.about-cult-ul-li{
    width: 33.333333%;
    padding: 0 14px;
    height: auto !important;
}
.about-cult{
    padding-bottom: 70px;
}
.about-cult-ul-li.slick-slide:not(:first-child){
    display: none;
}
.about-cult-ul-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.about-cult-ul-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.about-cult-ul-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.about-cult-ul{
    overflow: hidden;
}
.acul-box{
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 38.64%, rgba(255, 255, 255, 0.40) 71.09%);
    box-shadow: 0px 5px 15px 0px rgba(160, 184, 214, 0.15);
    /* backdrop-filter: blur(17.5px); */
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px 75px 70px;
}
.acul-box .hlul-icon{
    width: 138px;
    height: 138px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.acul-tit{
    font-weight: bold;
    text-align: center;
    color: var(--colormain);
    margin-bottom: 9px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.acul-word p{
    text-align: center;
    color: var(--color666);
    line-height: 1.75;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.about-btmcry .hydrod-run{
    padding-bottom: 0px !important;
}
.about-honor .hydrod-run-list-ul{
    /* animation: none; */
    /* margin: 0 -42px; */
}
.about-honor .hrlu-li-bg{
    /* height: 100%; */
}
.about-honor .hrlu-li{
    /* width: 25% !important;
    padding: 0 42px;
    margin: 0;
    margin-bottom: 50px; */
}
/* .about-honor .hrlu-li:nth-child(4n+1){
    animation-delay: 0.2s;
}
.about-honor .hrlu-li:nth-child(4n+2){
    animation-delay: 0.3s;
}
.about-honor .hrlu-li:nth-child(4n+3){
    animation-delay: 0.4s;
}
.about-honor .hrlu-li:nth-child(4n+4){
    animation-delay: 0.5s;
} */
.about-honor .hrul-li-tit{
    font-weight: bold;
    transition: all .4s;
    opacity: 1;
}
.about-honor .hrul-li-date p{
    font-weight: bold;
}
.about-honor h2{
    margin-bottom: var(--space40);
}
.hrul-li-btm{
    position: relative;
}
.hrul-li-afte{
    width: 100%;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .4s;
    color: transparent;
    background: linear-gradient(0deg, #A57700 0%, #D39900 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    line-height: 1.75;
}
.about-btmcry-bg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}
.about-btmcry-bg img{
    position: absolute;
}
.about-cult, .about-honor{
    position: relative;
    z-index: 2;
}
.about-btmcry{
    overflow: hidden;
}
.about-btmcry-bg1{
    width: 30%;
    left: -10%;
    top: 30%;
}
.about-btmcry-bg2{
    width: 80%;
    right: -20%;
    bottom: -58%;
}
.about-deve-cont{
    position: relative;
    padding: 210px 0 0;
}
.about-deve-line{
    width: 100%;
    height:50px;
    background: var(--colorFFF);
    position: relative;
}
.about-deve-line img{
    width: 100%;
    height: 100%;
}
.adul-icon{
    width: 180px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    font-size: 0;
}
.adul-icon-img2{
    width: 180px;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 0;
}
.adul-icon-img1{
    width: 122px;
    position: relative;
    left: 26px;
    top: -10px;
    z-index: 2;
    clip-path: inset(0% 100% 0% 0%);
    animation-delay: 0.5s !important;
    opacity: 1;
}
.donghua1 {
    animation: donghua1 2s forwards;
}
@keyframes donghua1{
    0% {
        clip-path: inset(0% 100% 0% 0%);
    }
    100% {
        clip-path: inset(0% 0% 0% 0%);
    }
}
.about-deve-ul-li:first-child .adul-icon-img1{
    opacity: 1;
}
.about-deve-ul-li:nth-child(2) .adul-icon-img1{
    opacity: 1;
}
.adul-ri{
    width: 100%;
    margin-top:0px;
    margin-bottom: 55px;
}
.adul-ri-year{
    line-height: 1.5;
    color: var(--colormain);
    font-family: 'DongFangjg-Bold' !important;
}
.adul-ri-tit{
    font-weight: bold;
    color: var(--color333);
    line-height: 1.75;
    margin-bottom: 14px;
    text-overflow: ellipsis;
    height: 1.75em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.adul-ri-word{
    height: 84px;
    padding-right: 10px;
}
.adul-ri-word p{
    color: var(--color333);
    opacity: 0.7;
    line-height: 1.75;
}
.about-deve-swip{
    overflow: visible !important;
}
.adul-box{
    display: flex;
    flex-direction:column;
    justify-content: flex-end;
    align-items: flex-end;
}
.about-deve-ul-li:nth-child(2n) .adul-box{
    flex-direction: column-reverse;
}
.about-deve-ul-li{
    width: 345px !important;
    transform: translateY(-256px);
}
.about-deve-ul-li:nth-child(2n){
    transform: translateY(-134px);
}
.about-deve-ul-li:first-child{
    width: auto !important;
}
.about-deve-ul-li:first-child .adul-ri{
    display: none;
}
.about-deve-ul-li:nth-child(2n) .adul-ri{
    margin-top: 88px;
    margin-bottom: 0px;
}
.about-deve-ul{
    align-items: stretch;
}
.about-deve-ul-li:first-child{
    transform: none;
}
.about-deve-ul-li:nth-child(2n) .adul-icon-img2{
    top: auto;
    bottom: -30px;
}
.about-deve-ul-li:nth-child(2n) .adul-icon-img1{
    top: auto;
    bottom: -10px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background-color: var(--colormain) !important;
    border-radius: 0px;
}
.about-deve-swip-arrows{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: all .4s;
}
.adsa-icon{
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: rgba(23, 25, 28, .6);
    pointer-events: all;
    border-radius: 50%;
}
.adsa-icon img{
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.adsa-prev{
    left: 14px;
}
.adsa-next{
    right: 14px;
}
.about-deve-top{
    position: relative;
}
.about-deve-ul-li:last-child .adul-icon{
    opacity: 0;
}
.about-deve{
    padding-bottom: 0px;
}
/* B1-关于bjl平台-end */
/* C1-业务列表页-start */
.liul-le{
    width: 41%;
    overflow: hidden;
    border-radius: 10px;
}
.liul-ri{
    width: 59%;
    display: flex;
    align-items: center;
    padding-left: 114px;
}
.list-item-ul-li a{
    display: flex;
    align-items: center;
    padding: 20px 0;
    position: relative;
}
.list-item-ul-li a::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    opacity: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 52.9%, rgba(255, 255, 255, 0.00) 100%);
    z-index: -1;
    transition: all .4s;
}
.list-item-ul-li .std-btn3-icon{
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    font-size: 0;
}
.list-item-ul-li{
    border-bottom: solid 1px #8ba1b7;
    position: relative;
    z-index: 2;
}
.list-item-ul-li:last-child{
    border-bottom: solid 1px transparent;
}
.liul-ri-textbox{
    width: 100%;
    padding-right: 208px;
}
.list-item-ul-li .std-btn3-icon2{
    width: 24px;
}
.liul-ri-textbox h2{
    color: var(--color333);
    margin-bottom: 20px;
}
.liul-ri-textbox-word p{
    color: var(--color333);
    line-height: 1.75;
}
.list-item{
    position: relative;
}
.list-item::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #E4EFFA 0%, #F1F5FA 76.79%);
    z-index: -1;
}
.list-page .mod-wrap{
    position: relative;
}
.list-ban-nav{
    width: 100%;
    position: absolute;
    top:50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
.list-ban-nav-wrap{
    border-radius: 29.5px;
    background: #FFF;
    overflow: hidden;
}
.list-ban-nav-ul{
    display: flex;
    justify-content: space-between;
    margin: 0 -30px;
    padding: 0 76px;
}
.lbnu-li{
    /* width: 25%; */
    padding:15px 30px;
}
.lbnu-li-box{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.lbnu-li-icon{
    width: 26px;
    flex-shrink: 0;
    margin-right: 12px;
}
.lbnu-li-icon img{
    width: 100%;
}
.lbnu-li-box p{
    font-size: var(--text16);
}
.lbnu-li.act .lbnu-li-box p{
    color: var(--colormain);
}
/* 第一屏效果 */
.list-ban{
    position: relative;
    background: #F1F5FA;
    z-index: 1;
}
.list-ban-tit{
    font-size: 60px;
    color:var(--color333);
}
.list-ban-box{
    height: 300vh;
}
.list-ban-box-wrap{
    width: 100%;
    height: 100vh;
}
.list-ban.act .list-ban-box-wrap{
    position: absolute;
    bottom: 0;
}
.list-ban.act .ys-bgimg-box,
 .list-ban.act .list-ban-tit, 
 .list-ban.act .std-btn1, 
 .list-ban.act .list-ban-nav{
    position: absolute;
}
.list-ban .list-ban-tit, .list-ban .std-btn1, .list-ban .std-btn2{
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    white-space: nowrap;
}
.list-ban .std-btn1{
    top: 70%;
    z-index: 3;
}
.ys-bgimg .std-btn1{
    z-index: 3 !important;
}
.ys-bgimg .std-btn1{
    top: 68.3%;
}
.ys-bgimg .list-ban-tit, .ys-bgimg .std-btn1-box p{
    color: var(--colorFFF);
    z-index: 3 !important;
}
.ys-bgimg {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100vh;
    --pro: 0;
    overflow: hidden;
}
.ys-bgimg{
    height: 100%;
}
.list-ban-box-wrap>.list-ban-tit{
    top: calc(50% + var(--anchor) / 2);
}
.list-ban-box-wrap .list-ban-tit .list-ban-box-logo{
    width: 74px;
    height: 74px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    margin: 0 10px;
}
.list-ban-box-wrap .list-ban-tit{
    display: flex;
    align-items: center;
}
.list-ban-box-wrap .list-ban-tit .list-ban-box-logo img{
    width: 100%;
}
.list-ban-tit{
    display: flex;
    flex-direction:column;
}
.list-ban-box-tp{
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.ys-bgimg-box {
    position: fixed;
    top: var(--anchor);
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: calc(100vh - var(--anchor));
    padding-top: 86px;
    perspective: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d9d9d9;
    overflow: hidden;
    --core: calc(calc(var(--prox)* 90%) + 0%);
    clip-path: circle(var(--core) at 46.5% 46%);
}
.list-ban-box-btm{
    line-height: 1.75;
}
.list-ban-box-logo{
    --x1: calc(1 - var(--prox));
    transform: scale(var(--x1));
    opacity:var(--x1);
    transition: transform 0.2s linear ; 
    transform-origin: center center;
} 
.list-ban-box-logo.nomore{
    transform: scale(0);
    opacity: 0;
}
.list-ban-box-wrap.start .std-btn1{
    z-index: 2;
}
.list-ban-text1{
    --left1: calc(calc(1 + var(--prox)* 1.2)* 100%);
    --x1: calc((var(--prox)*100%) / 3);
    transform: translate(var(--x1),0%);
    left: var(--left1);
}
.list-ban-text2{
    --left1: calc(calc(1 + var(--prox)* 1.2)* 100%);
    --x1: calc((var(--prox)* -100%) / 6);
    transform: translate(var(--x1),0%);
    left: var(--left1);
}
/* .list-ban-text1 */
/* C1-业务列表页-end */
.ys-nybanner1 .ys-nyban-cont{
    top: 55%;
}
.ys-nybanner1 .ys-nyban-title h1{
    font-size: var(--font48);
}
.about-ban-cry img{
    width: 100%;
}
.ys-bgimg-box-list img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ys-bgimg-box-list{
    width: 100%;
    height: 100%;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .list-item-ul-li a:hover::after{
        opacity: 0.8;
    }
    .list-item-ul-li a:hover .std-btn3-icon1{
        animation: iconRotate  3s linear infinite;
    }
    .about-deve:hover .about-deve-swip-arrows{
        opacity: 1;
    }
    .about-honor .hrlu-li-box:hover .hrul-li-tit{
        opacity: 0;
    }
    .about-honor .hrlu-li-box:hover .hrul-li-afte{
        opacity: 1;
    }
    .social-active-ul-li a:hover .std-btn3-icon1{
        animation: iconRotate  3s linear infinite;
    }
    .irbl-ul-li-box:hover{
        background: var(--colormain);
    }
    .irbl-ul-li-box:hover .irbl-ul-li-tit{
        color: var(--colorFFF);
    }
    .irbl-ul-li-box:hover .iulb-btn p{
        color: var(--colorFFF);
    }
    .irbl-ul-li-box:hover .iulb-pic img:nth-child(2), .irbl-ul-li-box:hover .iulb-btn-icon img:nth-child(2){
        opacity: 1;
    }
    .irbl-ul-li-box:hover .iulb-pic img:nth-child(1), .irbl-ul-li-box:hover .iulb-btn-icon img:nth-child(1){
        opacity: 0;
    }
    .jgul-li-word p{
        color: var(--color666);
        line-height: 1.75;
    }
    .jgul-li-box:hover .jglu-li-tit{
        color: var(--colormain);
    }
    .newdet-ul-li-box:hover .nulb-le p, .newdet-ul-li-box:hover .nulb-ri p{
        color: var(--colormain);
    }
    .nwru-li-box:hover .nwru-li-tit{
        color: var(--colormain);
    }
    .hydrod-run-list:hover .hydrod-run-list-ul{
        animation-play-state: paused !important;
    }
    /* .solution-cry-ri-img:hover img{
        transform: scale(1.05);
    } */
    .pc-fenye a:hover li{
        background: var(--colormain);
        color: var(--colorFFF);
    }
    .pc-fenye .first:hover li,  
    .pc-fenye .prev:hover li, 
    .pc-fenye .next:hover li, 
    .pc-fenye .end:hover li{
        color: var(--colormain) !important;
        background: transparent !important;
    }
    .home-news-ul-li a:hover .std-btn3-icon1{
        animation: iconRotate  3s linear infinite;
    }
    .std-btn1-box:hover p{
        color: var(--colormain);
    }
    /* .std-btn2-box:hover p{
        color: var(--colorFFF);
    } */
    .std-btn1-box:hover .std-btn1-icon1, .std-btn2-box:hover .std-btn2-icon1, .std-btn3-box:hover .std-btn3-icon1{
        animation: iconRotate  3s linear infinite;
    }
    .nlul-box:hover .std-btn3-icon1{
        animation: iconRotate  3s linear infinite;
    }
    .mtpu-li a:hover{
        color: var(--colormain);
    }
    .mlbu-li a:hover{
        color: var(--colormain);
    }
    .mfmu-li ul li p a:hover{
        color: rgba(255, 255, 255, 1);
    }
    .mfbr-ul-li a:hover{
        color: rgba(255, 255, 255, 1);
    }
    .mod-nav:hover{
        background: var(--colorFFF);
    }
    .mod-nav:hover .mod-nav::before{
        background:#E4E4E4;
    }
    .mod-nav:hover .head-logo img:nth-child(2){
        opacity: 0;
    }
    .mod-nav:hover .head-logo img:nth-child(1){
        opacity: 1;
    }
    .mod-nav:hover .head-nav-item-title{
        color: var(--color333);
    }
    .mod-nav:hover .mnro-team{
        background: var(--colormain);
        border: solid 1px var(--colormain);
    }
    .mod-nav:hover .ys-search2-btn img:nth-child(2){
        opacity: 1;
    }
    .mod-nav:hover .ys-search2-btn img:nth-child(1){
        opacity: 0;
    }
    .mod-nav:hover .mltl-icon img:nth-child(2){
        opacity: 1;
    }
    .mod-nav:hover .mltl-icon img:nth-child(1){
        opacity: 0;
    }
    .mod-nav:hover .mnro-lang-tp-le p{
        color: var(--color333);
    }
    .mod-nav:hover .mnro-lang-tp-ri img:nth-child(2){
        opacity: 1;
    }
    .mod-nav:hover .mnro-lang-tp-ri img:nth-child(1){
        opacity: 0;
    }
    .ys-bgimg .std-btn1-box:hover p{
        color: var(--colorFFF);
    }
    /* 20240731 */
    .recruit-list-ul-lis a:hover {
        background: var(--colormain);
        color: var(--colorFFF);
    }

    
}
/* 载入效果 */
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}

@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: none;
    }
}
.yx-case8-fadeInUpimg2 {
    animation: fadeInUpimg2 2.4s ease 1;
}

@keyframes fadeInUpimg2 {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: none;
    }
}
/* 文字载入一 */
.mod-tit{
    overflow: hidden;
}
.mod-tit span{
    transform: scaleY(0);
    display: inline-block;
    transform-origin: 50% 100%; 
    animation: textFadeup .7s cubic-bezier(0.26, 1, 0.48, 1) both;
    will-change: transform;
}
@keyframes textFadeup{
    0%{
        transform: scaleY(0);
    }
    100%{
        transform: scaleY(1);
    }
}

/* 文字载入二 */
.mod-fadeclip {
    animation: fadeclip 1s ease 1;
    animation-delay: 0.2s;
    animation-fill-mode: forwards !important;
}

@keyframes fadeclip {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%);
        transform: translateY(60px);
        opacity: 0;
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transform: translateY(0);
        opacity: 1;
    }
} 
.lbnu-li::before{
    display: none;
}
.investor-report-btmul .slick-track{
    align-items: flex-start;
}
.investor-report-btmul-li{
    /* height: auto !important; */
} 
.irbl-sect{
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    /* justify-content:space-between; */
}
.iulb-btn-box{
    display: flex;
    align-items: center;
}
.about-page .hrlu-li-box{
    padding: 24px 0;
}
.about-page .acul-box {
    cursor: default;
}
.ys-bgimg-box{
    padding-top: 60px;
    top: 70px;
    height: calc(100% - 70px);
} 
.list-ban-box-wrap>.list-ban-tit {
    top: calc(50% + 70px / 2);
}
.head-nav-item2 .head-nav-item-more {
    width: calc(100% + 175px);
}
.about-ban-minbg{
    overflow: hidden;
    height: auto !important;
    margin-top:-202px !important;
}
.about-ban-minbg img{
    width: 100%;
}
.about-ban-cry{
    margin: 0 auto 0 !important;
}
.home-video-top .std-btn2-box{
    /* align-items: stretch; */
}
.social-report-wrap{
    animation-delay: 0.8s;
}
.samu-li-word{
    max-height: 258px;
    padding-right: 10px;
}
.samu-li-word .mCSB_outside+.mCSB_scrollTools {
    right: 0;
    top: 5px;
    bottom: 5px;
}
.hnia-cont-ul-li{
    width: 10%;
    padding: 0 30px 0 13px;
}
.home-mode-video video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    /* transform: inherit; */
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.investor-report-tpul{
    display: flex;
    margin: 0 -20px;
}
.investor-report-tpul-li{
    padding: 0 20px;
}
.investor-report-tpul-li h2{
    opacity: 0.2 !important;
    transition: all .4s;
    cursor: pointer;
}
.investor-report-tpul-li.act h2{
    opacity: 1 !important;
}
.investor-report-btmwrap-item{
    display: none;
}
.investor-report-btmwrap-item:first-child{
    display: block;
}
.investor-report-btmwrap-item1 .irbl-ul-li{
    width: 50%;
}
.investor-report-btmwrap-item1 .irbl-ul-li:nth-child(n+5){
    display: none;
}
.investor-report-btmwrap-item2 .irbl-ul-li:nth-child(n+7){
    display: none;
}
.mod-ctatc{
    overflow: hidden;
}
.home-mode-video-pc{
    display: block;
}
.home-mode-video-ph{
    display: none;
}
.summary-top-wrap-zhan{
    height: 57px;
}
.summary-wrap{
    position: relative;
}
.summary-top-wrap{
    width: 100%;
    transition: all .4s;
    background: transparent;
    position: relative;
    z-index: 9;
}
.summary-top-wrap::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 99%;
    background: #E8EEF5 ;
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    transition: all .4s;
}
.summary-cont.start .summary-top-wrap::after{
    opacity: 1; 
}
.summary-list-lis-text{
    position: relative;
}
.summary-list-sec{
    display: flex;
    justify-content: center;
}
.summary-list{
    transition: all .4s;
}
.summary-cont.start .summary-list{
    border:solid 1px transparent;
}
.summary-cont.start .summary-list-lis-text{
    background: transparent;
}
.summary-cont.start .summary-list-lis-text {
    border-right: solid 1px transparent;
}
.summary-list-lis-text p{
    position: relative;
}
.summary-list-lis-text p::after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height:2px;
    background: var(--colormain);
    transition: all .4s;
}
.summary-cont.start .summary-list-lis.active .summary-list-lis-text p::after{
    width: 100%;
}

.home-mode-video, .home-mode-list{
    width: 1720px;
    margin: 0 auto;
}
.home-mode-list{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.about-ban-minbg{
    pointer-events: none;
}
/*2024.08.12xiugai*/
.hmll-icon1{
    /* opacity: 0.7; */
}
.about-deve-ul-li {
    width: 400px !important;
}
.adul-ri-word {
    height: 78px;
}
.adul-ri-word p {
    font-size: 14px;
}
.hydrod-run.start .hydrod-run-list-ul {
    animation: donghua2 80s linear 0.2s both infinite;
}
.hcul-tit-box p {
    transition: all 0.36s;
    position: relative;
}
.hcul-tit-box p::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--colormain);
    opacity: 0;
    transition: all 0.36s;
}
.hnia-cont-ul-li.act.yxnav-active2 .hcul-tit-box p{
    color: var(--colormain);
    font-weight: bold;
}
.hcul-tit-box:hover p{
    color: var(--colormain);
}
.hcul-tit-icon{
    display: none;
}
.hcul-tit-box:hover p::after{
    opacity: 1;
}
.list-ban-nav{
    position: absolute !important;
}
.jgul-li-box::after{
    display: none;
}
.jglu-li3 .jgul-li-box, .jglu-li4 .jgul-li-box{
    border-bottom: 1px solid var(--colormain);
}
/*2024.08.13xiugai*/
.join-know.act .join-know-ul-li{
    animation: ysfadeInUp .8s ease-in-out both;
}
.join-know.act h2{
    animation: fadeclip 1s ease 1;
    animation-fill-mode: forwards !important;
}
.join-know.act .ys-imgbox-cover > :last-child{
    animation: fadeInUpimg2 2.4s ease 1;
}
.join-know-ul-li{
    opacity: 0;
}
.form-page .form-cont-bg1{
    z-index: 1;
}
.aulc-bot-box{
    display: block;
}
.page-add1, .page-add2{
    display: block;
}
.ys-bgimg-box-list::after{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 100%); */
    opacity: 0.4;
    background: linear-gradient(269deg, rgba(1, 38, 89, 0.30) 31.99%, #012659 97.91%);
    z-index: 2;
}
.newdet-share .ys-share-dy{
    display: none;
}
.mod-ctact-line1 {
    bottom: 0px !important;
    z-index: 3 !important;
}
.hvul-textbox-tit {
    text-shadow: 0px 3px 3px rgba(0,0,0,0.6);
    margin-bottom: 0px !important;
}
.hvul-textbox-btn .std-btn2-box p{
    text-shadow: 0px 3px 3px rgba(0,0,0,0.6);
}
.hvul-textbox-btn .std-btn2-icon{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}
.hvul-textbox-word{
    display: none;
}
.mfbr-text p a{
    line-height: 1.2;
}
.mfmb-ul {
    width: 89%;
    padding-right: 24px;
}
.mfmb-share {
    width: 11%;
    margin: 0 -10px;
}
.mfmb-share-list {
    padding: 0 10px;
}

.home-mode .ys-cont1200, .home-news .ys-cont1200{
    border-top: none;
    padding-top: 0px !important;
}
.hmll-pop-tit{
    padding-bottom: 0px !important;
    border-bottom: none;
}
.mod-ctact-line1.act{
    width: 34%;
    animation:lineFloat 4s ease-out  infinite both !important;
}
@keyframes lineFloat{
    0%{
        width: 34%;
    }
    50%{
        width: 24%;
    }
    100%{
        width: 34%;
    }
}
.home-news h2, .home-mode h2{
    margin-bottom: 10px;
}
.home-news .home-mode-tab, .home-mode .home-mode-tab{
    margin-bottom: var(--space40);
}
.abru-li-tp span, .hdru-li-tp-text{
    margin-right: 10px;
}
.research-list-ul-li.on .rlul-tp-text{
    display: none !important;
}

/* 20241022 */
.hvul-textbot{
    top: 80%;
}
.hvul-textbox-btn {
    margin-top: 20px !important;
}
.ys-ban-title{
    font-size: 56px;
}
.ys-ban-word p{
    font-size: 32px;
}
.home-deve-bg{
    width: 100% !important;
    left: 50%;
}
.home-deve-bg img{
    width: 100%;
}
.home-deve{
    padding-bottom: var(--space140);
}


.ys-ban-title-wrap{
    margin-bottom: 20px;
}
.ys-ban-btn {
    margin-top: 40px;
}
.home-deve-le-word{
    margin-bottom: 30px;
}
.home-deve-le-word p, .home-mode-tab p{
    font-size: 24px;
}
.home-deve-cont{
    padding-bottom: 384px;
}
.home-mode-tab-icon{
    display: none;
}
.home-news h2, .home-mode h2 {
    margin-bottom: 0 !important;
}
.home-deve h2{
    margin-bottom: 0px !important;
}
.home-mode h2{
    margin-bottom: 8px !important;
}
.home-news h2{
    margin-bottom: 8px !important;
}

/* 20241028 */
.hdru-li-tp{
    margin-bottom: 45px;
}

.about-ban-bot{
    position: relative;
    margin-top: -200px;
}
.about-ban-bot::after{
    content: "";
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 120%;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(204, 218, 234, 0.00) 6.45%, #CCDAEA 86.64%);
}
.about-ban-bg3, .about-ban-bg4{
    opacity: 0 !important;
}
/* 12.13改 */
.head-nav-item-title{
    font-weight: bold;
}
.ys-ban-title, .mod-ctatc h2{
    font-weight: normal;
}
.home-deve-le{
    padding-top: 0px;
}
/*.std-padd140-top {
    padding-top: 94px;
} */
.about-ban-cont{
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 38.64%, rgba(234, 240, 247, 0.80) 71.09%);
    box-shadow: 0px 15px 25px 0px rgba(160, 184, 214, 0.15);
    backdrop-filter: blur(17.5px);
}
.adul-ri-word p{
    font-size: 16px;
}
/* 20241217 */
.home-deve-cont {
    padding-bottom: 515px;
}
/* 20241227 */
.head-nav-item-title {
    font-weight: normal;
}
.about-ban-bot::after {
    top: 100px;
}
.about-ban-bot{
    margin-top: -100px;
}
.about-ban{
    padding-bottom: 0px !important;
}
.about-map h2{
    margin-bottom: 76px;
}
.about-page h2 {
    margin-bottom: 60px;
}
/* 20241230 */
/* .home-video::after {
    background: linear-gradient(180deg, #89bdfa -21.95%, #fff 173.09%);
} */
.about-ban{
    padding-top: 90px;
}
/* 20250210 */
.news-motion-wrap{
    margin: 0 -10px;
}
.news-motion-wrap-list{
    -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;
}
.news-motion-wrap-list a{
    height: 100%;
}
.news-motion-wrap-list.slick-slide:not(:first-child){
    display: none;
}
.news-motion-wrap .slick-list{
    padding-bottom: 30px;
}
.news-motion-wrap .slick-track{
    display: flex;
    align-items: stretch;
}
.news-motion-wrap .slick-dots li{
    width: 8px;
    height: 8px;
    margin: 0 5px;
}
/* 20250610 */
.social-action-item-ul{
    width: 100%;
    height: 100%;
}
.social-action-item-ul.nomore .saiu-li3{
    top: 64%;
    left: 9%;
}
.social-action-item-ul.nomore .saiu-li4{
    top: 64%;
    right: 9%;
}
.social-action-item-ul.nomore .saiu-li1 {
    top: 8%;
}
.social-action-item-ul.nomore .saiu-li2 {
    top: 8%;
}
/* 导航下拉背景透明度 */
.hnia-cont::after{
    opacity: 0.98;
}
.inside-body .ys-hd-pc.isfixed .mod-nav, .mod-nav {
    background: rgba(255, 255, 255, 0.95);
}<!--0.00023198127746582-->