@charset "utf-8";

/* 公共样式 - start */

body {

    font-family: "PingFang SC", "Microsoft YaHei" !important;

}

input,textarea{

    font-family: "PingFang SC", "Microsoft YaHei" !important;

}

/* wow弹窗字体引入 */

.altumcode {

    --fontFamily: "PingFang SC", "Microsoft YaHei" !important;

}

html{

    font-size: 100px;

}

input:-webkit-autofill{

	transition: background-color 5000s ease-in-out 0s;

}  

:root{

    /* 字号 */

    --font100: 1.0rem;

    --font98: 0.98rem;

    --font96: 0.96rem;

    --font94: 0.94rem;

    --font92: 0.92rem;

    --font90: 0.90rem;

    --font88: 0.88rem;

    --font86: 0.86rem;

    --font84: 0.84rem;

    --font82: 0.82rem;

    --font80: 0.80rem;

    --font78: 0.78rem;

    --font76: 0.76rem;

    --font74: 0.74rem;

    --font72: 0.72rem;

    --font70: 0.70rem;

    --font68: 0.68rem;

    --font66: 0.66rem;

    --font64: 0.64rem;

    --font62: 0.62rem;

    --font60: 0.60rem;

    --font58: 0.58rem;

    --font56: 0.56rem;

    --font54: 0.54rem;

    --font52: 0.52rem;

    --font50: 0.50rem;

    --font48: 0.48rem;

    --font46: 0.46rem;

    --font44: 0.44rem;

    --font42: 0.42rem;

    --font40: 0.40rem;

    --font38: 0.38rem;

    --font36: 0.36rem;

    --font34: 0.34rem;

    --font32: 0.32rem;

    --font30: 0.30rem;

    --font28: 0.28rem;

    --font26: 0.26rem;

    --font24: 0.24rem;

    --font22: 0.22rem;

    --font20: 0.20rem;

    --font18: 0.18rem;

    --font16: 0.16rem;

    --font14: 0.14rem;

    --font12: 0.12rem;

    /* 间距 */

    --space250: 2.5rem;

    --space240: 2.4rem;

    --space230: 2.3rem;

    --space220: 2.2rem;

    --space210: 2.1rem;

    --space200: 2.0rem;

    --space190: 1.9rem;

    --space180: 1.8rem;

    --space170: 1.7rem;

    --space160: 1.6rem;

    --space150: 1.5rem;

    --space140: 1.4rem;

    --space130: 1.3rem;

    --space120: 1.2rem;

    --space110: 1.1rem;

    --space100: 1.0rem;

    --space90: 0.9rem;

    --space80: 0.8rem;

    --space70: 0.7rem;

    --space60: 0.6rem;

}

:root {

    /* 行高 */

    --line12: 1.2;

    --line15: 1.5;

    --line16: 1.6;

    --line175: 1.75;

    --line17: 1.7;

    --line18: 1.8;

    --line19: 1.9;

    /* 导航-高度 */

    --headh: 80px;

    /* 颜色 */

    --color000: #000;

    --color333: #333;

    --color666: #666;

    --color999: #999;

    --colorfff: #fff;

    --colormain: #E80C18;

    --colorbj: #F9F8F8;

    /* 板块间距 */

    --space60: 0.6rem;

    --space50: 0.5rem;

    /* 段落间距 */

    --parpspace16: 0.16rem;

    --parpspace12: 0.12rem;

    --parpspace10: 0.1rem;  

    /* 特殊字体 */

    --bold:'';

    --transition: all .4s ease;

    /* --transition1: cubic-bezier(.38,0,0,1); */

    --transition1: cubic-bezier(0.215,0.61,0.355,1);

    --weight600: 600;

    --weight500: 500;

    --space24: 24px;

    --iconwidth: 24px;

}

.std-font64,

.std-font64 p {

    font-size: var(--font64);

    color: var(--color333);

    line-height: var(--line12);

}

.std-font44,

.std-font44 p,

.yxedr-active h2 {

    font-size: var(--font44);

    color: var(--color333);

    line-height: var(--line12);

    font-weight: var(--weight600);

}

.std-font32,

.std-font32 p,

.yxedr-active h3 {

    font-size: var(--font32);

    color: var(--color333);

    line-height: var(--line15);

}

.std-font24,

.std-font24 p,

.yxedr-active h4 {

    font-size: var(--font24);

    color: var(--color333);

    line-height: var(--line15);

}

.std-font20,

.std-font20 p,

.yxedr-active h5 {

    font-size: var(--font20);

    color: var(--color666);

    line-height: var(--line17);

}

.std-text16,

.std-text16 p {

    font-size: var(--font16);

    color: var(--color666);

    line-height: var(--line18);

}

.std-text14,

.std-text14 p {

    font-size: var(--font14);

    color: var(--color666);

    line-height: var(--line19);

}

.yxedr-active p {

    font-size: var(--font16);

    color: var(--color666);

    line-height: var(--line15);

    margin-bottom: var(--parpspace10);

}

.std-padtp150 {

    padding-top: var(--space150);

}

.std-padbt150 {

    padding-bottom: var(--space150);

}

.std-pad150s {

    padding: var(--space150) 0;

}

.std-padtp80{

    padding-top: var(--space80);

}

.std-margin60{

    margin-top: var(--space60);

}

.std-margin24{

    margin-top: 0.24rem;

}

.yxedr-active h2, .yxedr-active h3 {

    margin-bottom: var(--parpspace16);

}

.yxedr-active h4 {

    margin-bottom: var(--parpspace12);

}

.yxedr-active h5 {

    margin-bottom: var(--parpspace10);

}

.search-main{

    --colormain1: var(--colormain) !important;

}

/*分享翻译*/

.ys-wechat-cont-parga p::before{

    content: '分享到 - 微信';

    /* content: 'Share the - WeChat'; */

}

/* yongsy样式 */

a[href="https://www.yongsy.com"] {

    color: rgba(255, 255, 255, .3)!important;

    white-space: nowrap;

    margin-left: 12px;

}

/*导航默认选中*/

.yxnav-active1 {



}

.yxnav-active2 {



}

/* 轮播溢出隐藏 */

.ys-ban-li:not(:first-child){

    display: none;

}

/* 省略号 */

.line-clamp{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

/* 过渡 */

.transition-time1{

    transition: all .36s both;

}

.transition-time2{

    transition: all .5s both;

}

/* 侧边锚点隐藏 */

.mod-anchor{

    opacity: 0;

    transform: translateX(-50%);

    transition: var(--transition);

    position: fixed;

    z-index: 20;

}

.mod-anchor.on1 {

    opacity: 1;

    transform: translateX(0%);

}

.mod-anchor ul{

    transition: var(--transition);

}

.mod-anchor:not(.act) ul{

    opacity: 1;

    transform: translateX(0%);

}

.mod-anchor.act ul{

    opacity: 0;

    transform: translateX(-50%);

}

/* 轮播箭头 */

.swiper-button-next.swiper-button-disabled, 

.swiper-button-prev.swiper-button-disabled,

.slick-arrow.slick-disabled{

    pointer-events: none!important;

    opacity: .5!important;

}

.mod-arrows1 .swiper-button-next,

.mod-arrows1 .swiper-button-prev,

.mod-arrows1 .slick-prev, 

.mod-arrows1 .slick-next{

    

}



.ys-hd-pc::before{

    height: 100%;

}

/* 公共样式 - end */

/* 吸顶导航样式-start */

.inddet-nav {

    height: 60px;

    box-shadow: 0 4px 30px 0 rgba(31, 30, 29, 0.08);

    position: relative;

    z-index: 9;

}

.inddet-nav-wrap {

    transition: all .4s;

    width: 100%;

    z-index: 98;

    background: var(--colorfff);

    box-shadow: 0 4px 30px 0 rgba(31, 30, 29, 0.08);

}

.inddet-nav.isfixed {

    z-index: 97;

}

.inddet-nav-wrap.isfixed {

    position: fixed;

    top: var(--headh);

    z-index: 98;

    width: 100%;

}

.inddet-nav-wrap .ys-cont1440 {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.inwc-ul {

    display: flex;

    justify-content: center;

}

.inwc-ul.left{

    justify-content: flex-start;

}

.inwc-ul-li{

    text-align: center;

    cursor: pointer;

}

.inwc-ul-li-link {

    position: relative;

}

.inddet-nav-wrap-cont{

    width: 100%;

}

.inwc-ul-li span{

    font-size: var(--font16);

    line-height: 60px;

    color: var(--color000);

    display: inline-block;

    position: relative;

}

.inwc-ul-li.act span{

    color: var(--colormain);

}

.inwc-ul-li span::after{

    content: "";

    width: 0;

    height: 2px;

    background: var(--colormain);

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: var(--transition);

}

.inwc-ul-li.act span::after{

    width: 100%;

}

/* 吸顶导航-end */

/* 分页-start */

.comp-first a::before,

.comp-prev a::before,

.comp-next a::before,

.comp-end a::before{

    font-family: iconfont;

    font-size: inherit;

    color: inherit;

    line-height: inherit;

}

.comp-first a::before{

    content: "\e74d";

}

.comp-prev a::before {

    content: "\e744";

}

.comp-next a::before {

    content: "\e743";

}

.comp-end a::before {

    content: "\e74c";

}

.pc-fenye li a{

    color: inherit;

    transition: none;

}

.pc-fenye li.activepage {

    background: var(--colormain);

    color: var(--colorfff);

}

.pc-fenye li {

    width: 40px;

    height: 40px;

    font-size: var(--font16);

    line-height: 40px;

    color: #333;

    transition: var(--transition);

    border-radius: 4px;

    border: 1px solid rgba(0, 0, 0, 0.10);

}

/* 分页-end */

/* 图片放大-start */

.viewer-open{

    overflow-x: hidden !important;

    padding-right: 0 !important;

}

.viewer-body.act::after {

    opacity: 1;

}

.viewer-body::after {

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .2);

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    pointer-events: none;

    opacity: 0;

    transition: var(--transition);

}

.viewer-button {

    width: 160px !important;

    height: 160px !important;

    right: -80px !important;

    top: -80px !important;

    background: var(--colormain) !important;

}

.viewer-close::before {

    background: url(../images/ys_close.svg) center / cover no-repeat;

    bottom: 40px;

    left: 40px;

}

/* 图片放大-end */

.ys-ph-navbar2 .ys-phnav-header a, .ys-ph-navbar2 .ys-phnav-search .iconfont {

    color: var(--colormain);

}

.ys-ph-navbar2 .ys-phnav-menubtn span, .ys-ph-navbar2 .ys-phnav-menubtn::after, .ys-ph-navbar2 .ys-phnav-menubtn::before{

    background: var(--colormain);

}

/* 首页-start */

.ys-page-wrap.act .ys-search2-btn img:nth-child(1) {

    opacity: 0;

} 

.ys-page-wrap.act .ys-search2-btn img:nth-child(2) {

    opacity: 1;

}

.ys-page-wrap.act .ys-hd-pc{

    padding-left: calc(50vw - 720px);

}

.ys-ph-navbar2 .ys-phnav-logo {

    width: 140px;

    padding: 0;

}

.ys-ph-navbar2 .ys-phnav-header{

    padding-left: 20px;

}

.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(0, 0, 0, .15);

}

.ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .ys-phmenu-scroll .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar{

    background: var(--colormain);

}

.ys-hd-pc{

    padding: 0 1.2rem;

    width: 100vw;

}

.home-main .ys-hd-pc{

    transform: translateY(calc(-1* var(--headh)));

    transition: transform .25s cubic-bezier(.455, .03, .515, .955) .4s;

}

.home-main .ys-hd-pc.head-top {

    transition: none !important;

    position: absolute;

    top: var(--headh);

    transform: translateY(calc(-1* var(--headh)));

}

.home-main .ys-hd-pc.head-fixed {

    transition: transform .25s cubic-bezier(.445, .05, .55, .95) .4s;

    position: fixed;

    top: 0;

    transform: translateY(0);

}

.head-logo{

    width: 165px;

}

.head-nav-item-title{

    font-size: var(--font18);

    line-height: var(--headh);

    color: var(--colorfff);

    transition: var(--transition);

}

.head-nav{

    margin: 0 -0.25rem;

}

.head-nav-item{

    padding: 0 0.25rem;

}

.head-nav-item::after{

    content: "";

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: var(--colormain);

    position: absolute;

    bottom: 0.17rem;

    left: 50%;

    transform: translateX(-50%);

    transition: var(--transition);

    opacity: 0;

    pointer-events: none;

}

.head-wrap{

    display: flex;

    align-items: center;

}

.head-other{

    margin-left: 0.58rem;

}

.ys-search2 {

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: var(--transition);

}

.ys-search2-btn {

    width: 100%;

}

.ys-search2-btn img:nth-child(2){

    opacity: 0;

}

.ys-search2-tbox input{

    font-size: var(--font16);

}

.ys-search2-win {

    width: 100vw;

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);

}

.ys-hd-pc.has-search .ys-search2-btn img:nth-child(2),

.ys-hd-pc.isfixed .ys-search2-btn img:nth-child(2),

.ys-hd-pc.ishover .ys-search2-btn img:nth-child(2){

    opacity: 1;

}

.ys-hd-pc.has-search .head-nav-item-title,

.ys-hd-pc.isfixed .head-nav-item-title,

.ys-hd-pc.ishover .head-nav-item-title{

    color: var(--color333);

}

.head-nav-item.yxnav-active1 .head-nav-item-title{

    color: var(--colormain);

}

.head-nav-item.yxnav-active1::after{

    opacity: 1;

}

.ys-hd-pc::before{

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);

}

.ys-hd-pc.has-search::before{

    opacity: 1;

}

.head-nav-item-down{

    width: calc(100% + 46px);

    padding-top: 6px;

    box-shadow: none;

    background: transparent;

}

.hnid-ul{

    width: 100%;

    border-radius: 5px;

    background: #FFF;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);

    padding: 0 22px;

}

.hnid-ul-li-link{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 14px;

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(103, 103, 103, 0.10);;

}

.hull-icon{

    width: 20px;

}

.hull-icon img{

    width: 100%;

}

.hull-text{

    width: calc(100% - 20px);

    padding-left: 8px;

}

.hull-text span{

    font-size: var(--font18);

    line-height: var(--line18);

    color: var(--color000);

    transition: var(--transition);

}

.hnid-ul-li.yxnav-active2 .hull-text span{

    color: var(--colormain);

}

.hnid-ul-li:last-child .hnid-ul-li-link{

    padding-bottom: 14px;

    border-bottom: none;

}

.ys-ban-title{

    text-align: center;

    color: var(--colorfff);

    visibility: hidden;

    opacity: 0;

    /*font-weight: var(--weight600);*/

}

.ys-ban-parga{

    visibility: hidden;

    opacity: 0;

}

.ys-ban-parga,

.ys-ban-parga p{

    line-height: var(--line17);

    color: var(--colorfff);

    text-align: center;

}

.slick-dots li{

    width: 8px;

    height: 8px;

    border: 1px solid rgba(255, 255, 255, 0.30);

    background: transparent;

}

.ys-banner .slick-dots li.slick-active{

    background: var(--colorfff);

    border: 1px solid var(--colorfff);

}

.ys-banner .slick-dots{

    bottom: 0.28rem;

}

.ys-ban-scroll {

    z-index: 5;

    cursor: pointer;

    bottom: 0.7rem;

}

.ys-ban-scroll-icon {

    width: 28px;

    margin-bottom: 8px;

    animation: mousemove 2.6s linear infinite;

}

.ys-ban-scroll-icon img {

    width: 100%;

}

.ys-ban-scroll-line {

    width: 1px;

    margin: auto;

    height: 66px;

    position: relative;

}

.ybsl-pro {

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));

    position: absolute;

    top: 0;

    left: 0;

    animation: scroll-down-line 2.6s cubic-bezier(.77, 0, .175, 1) infinite;

}

@keyframes scroll-down-line {

    0% {

        transform-origin: 50% 100%;

        transform: scaleY(1);

    }



    50% {

        transform-origin: 50% 100%;

        transform: scaleY(0);

    }



    50.0001% {

        transform-origin: 50% 0;

        transform: scaleY(0);

    }



    to {

        transform-origin: 50% 0;

        transform: scaleY(1);

    }

}

@keyframes mousemove {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-20px);

    }

    100% {

        transform: translateY(0px);

    }

}

.ys-ban-li-line{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}

.ys-ban-li-line img{

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    clip-path: polygon(0 0, 70% 0, -95% 100%, 0 100%);

}

.ys-ban-li1.slick-current .ys-ban-li-line img:nth-child(1){

    animation: banLineChane 5s linear both .1s;

}

.ys-ban-li1.slick-current .ys-ban-li-line img:nth-child(2){

    animation: banLineChane 5s linear both .5s;

}

.ys-ban-li1.slick-current .ys-ban-li-line img:nth-child(3){

    animation: banLineChane 5s linear both .9s;

}

@keyframes banLineChane{

    0%{

        clip-path: polygon(0 0, 70% 0, -95% 100%, 0 100%);

    }

    100%{

        clip-path: polygon(0 0, 70% 0, 150% 100%, 0 100%);

    }

}

.ys-footer{

    background: #222;

    padding-top: 1.26rem;

    padding-bottom: 0.66rem;

    position: relative;

    z-index: 1;

}

.footer-top-le{

    width: 290px;

}

.footer-logo{

    width: 100%;

}

.ftli-item span{

    font-size: var(--font16);

    line-height: var(--line12);

    color: var(--colorfff);

}

.ftli-item-num{

    margin-top: 0.12rem;

}

.ftli-item-num a{

    font-size: var(--font24);

    line-height: var(--line12);

    color: var(--colorfff);

    font-weight: var(--weight600);

}

.ftli-item{

    margin-top: 0.5rem;

}

.footer-top-ri{

    width: calc(100% - 290px);

    padding-left: 2.34rem;

}

.footer-top-ri>ul{

    display: flex;

    flex-wrap: wrap;

}

.footer-top-ri>ul>li{

    width: 20%;

    margin-top: 0.64rem;

}

.footer-top-ri>ul>li:nth-child(1),

.footer-top-ri>ul>li:nth-child(2),

.footer-top-ri>ul>li:nth-child(3),

.footer-top-ri>ul>li:nth-child(4),

.footer-top-ri>ul>li:nth-child(5){

    margin-top: 0;

}

.footer-top-ri>ul>li>a{

    font-size: var(--font20);

    line-height: 1.4;

    color: var(--colorfff);

    font-weight: var(--weight600);

    margin-bottom: 0.24rem;

    transition: var(--transition);

}

.footer-top-ri>ul>li li a{

    font-size: var(--font16);

    line-height: 1.4;

    color: rgba(255,255,255,.8);

    transition: var(--transition);

}

.footer-top-ri>ul>li li{

    margin-bottom: 0.16rem;

}

.footer-top-ri>ul>li li:last-child{

    margin-bottom: 0;

}

.footer-top{

    padding-bottom: 0;

    flex-wrap: wrap;

}

.footer-bot{

    margin-top: 2.33rem;

    border: none;

    padding: 0;

    display: block;

    padding-right: 0.15rem;

}

.footer-bot-link-info{

    width: calc(100% - 80px);

}

.footer-bot-link-parga{

    font-size: var(--font16);

    line-height: var(--line15);

    color: var(--colorfff);

    width: 80px;

}

.footer-bot-link{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

/* .footer-bot-link-info a{

    font-size: var(--font16);

    line-height: var(--line15);

    color: var(--colorfff);

    transition: var(--transition);

} */

.footer-bot-link-info ul{

    display: flex;

    flex-wrap: wrap;

    margin: 0 -0.18rem;

}

.footer-bot-link-info li{

    padding: 0 0.18rem;

    position: relative;

    margin-bottom: 0.18rem;

}

.footer-bot-link-info li::after{

    content: "";

    width: 1px;

    height: 16px;

    background: var(--colorfff);

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}

.footer-bot-link-info li:last-child::after{

    display: none;

}

.footer-bot-text{

    display: flex;

    align-items: flex-end;

    flex-wrap: wrap;

    justify-content: space-between;

}

.footer-privacy{

    margin-top: 0.12rem;

}

.footer-text, .footer-text a, .footer-text p {

    font-size: 12px;

    line-height: var(--line19);

    color: var(--colorfff);

}

.footer-privacy a{

    font-size: 12px;

    line-height: var(--line19);

    color: var(--colorfff);

    opacity: 0.8;

}

.footer-privacy {

    --gap1: 12px;

}

.footer-share {

    --width1: 32px;

}

.footer-share-code{

    top: auto;

    bottom: calc(100% + 15px);

    transform: translateX(-50%) scale(0.8);

    transform-origin: bottom;

    display: block;

    opacity: 0;

    transition: all .8s var(--transition1);

    pointer-events: none;

}

.footer-share-code::before {

    border-top: 8px solid var(--colorfff);

    border-bottom: none;

    top: auto;

    bottom: -8px;

}

.footer-share-btn{

    width: var(--width1);

    height: var(--width1);

    border-radius: 50%;

    border: 1px solid rgba(217, 217, 217, .5);

    display: flex;

    align-items: center;

    justify-content: center;

}

.footer-share-btn .ys-imgbox-cover{

    width: 20px;

}

.footer-share li.act .footer-share-code{

    transform: translateX(-50%) scale(1);

    opacity: 1;

    pointer-events: all;

}

.ys-footer-bg{

    width: 67%;

    max-width: 1280px;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: -1;

    animation: ride 5s ease infinite alternate;

}

.ys-footer-bg svg{

    width: 100%;

    height: auto;

}

.ys-footer-bg path:nth-child(1),

.ys-footer-bg path:nth-child(4) {

    animation: float 4s ease-in-out infinite alternate;

}

.ys-footer-bg path:nth-child(2),

.ys-footer-bg path:nth-child(3) {

    animation: dashSmall 10s linear infinite alternate forwards;

}

@keyframes ride {

    0% {

        transform: translateX(5px)

    }



    to {

        transform: translateX(-5px)

    }

}

@keyframes float {

    0% {

        transform: translateY(0)

    }



    to {

        transform: translateY(-20px)

    }

}

@keyframes dashSmall {

    0% {

        stroke-dasharray: 4 2;

        stroke-dashoffset: 400

    }

}

.home-service-tit{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.mod-arrow-icon{

    width: 44px;

    height: 44px;

    border-radius: 50%;

    border: 1px solid rgba(51, 51, 51, 0.10);

    cursor: pointer;

    transition: var(--transition);

}

.mod-arrow-icon svg{

    width: 100%;

    height: auto;

}

.mod-arrow-icon path{

    transition: var(--transition);

}

.mod-arrow{

    display: flex;

    align-items: center;

}

.mod-arrow-next{

    margin-left: 0.24rem;

}

.home-service-line{

    width: 100%;

    position: relative;

}

.home-service-line img{

    width: 100%;

}

.home-service-line-bg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.hslb-item{

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

}

.hslb-item svg{

    width: 100%;

    height: auto;

}

#line2,

#line4{

    opacity: 0;

}

/* .hslb-item:first-child {

    position: relative;

    transform: translateX(0%);

    animation: move2_one 30s linear infinite;

}

.hslb-item:nth-of-type(2) {

    transform: translateX(100%);

    animation: move2_two 30s linear infinite;

}

.hslb-item:nth-of-type(3) {

    transform: translateX(200%);

    animation: move2_three 30s linear infinite;

} */

@keyframes move2_one {

    0%{

        transform: translateX(0%);

    }

    100%{

        transform: translateX(-100%);

    }

}

@keyframes move2_two {

    0%{

        transform: translateX(100%);

    }

    100%{

        transform: translateX(0%);

    }

}

@keyframes move2_three {

    0%{

        transform: translateX(200%);

    }

    100%{

        transform: translateX(100%);

    }

}

.home-service .std-font44{

    color: var(--color000);

}

.home-service-swiper{

    width: 78%;

    overflow: visible !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    transform: translateX(300px);

    opacity: 0;

    transition: transform 2s var(--transition1),opacity 1s var(--transition1);

    transition-delay: .6s;

}

.mod-img{

    overflow: hidden;

}

.hssi-text-img{

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.mod-img .ys-imgbox-cover{

    filter: blur(10px);

    transform: scale(1.1);

    transition: all 2s var(--transition1);

    transition-delay: .8s;

}

.home-service-swiper.act{

    transform: translateX(0px);

    opacity: 1;

}

.home-service-swiper.act .mod-img .ys-imgbox-cover{

    filter: blur(0px);

    transform: scale(1);

}

.hssi-text{

    padding-right: 0.76rem;

}

.hssi-text-parga{

    margin-top: 8px;

    line-height: 1.6;

    color: rgba(103, 103, 103, 0.70);

    transition: var(--transition);

}

.hssi-text-parga p{

    line-height: 1.6;

    color: rgba(103, 103, 103, 0.70);

    transition: var(--transition);

}

.home-service-swiper-item:nth-child(1) .hssi-text-img{

    border-radius: 10px 0 0 10px;

}

.home-service-swiper-item:last-child .hssi-text-img{

    border-radius: 0 10px 10px 0;

}

.swiper-button-disabled{

    opacity: 0.5;

    pointer-events: none;

}

.home-service-swiper-item.swiper-slide-active .hssi-text-parga,

.home-service-swiper-item.swiper-slide-active .hssi-text-parga p {

    color: var(--color333);

}

.hssi-text-tit{

    transition: var(--transition);

}

.home-new{

    padding-bottom: 2.5rem;

    position: relative;

    z-index: 1;

    background: var(--colorbj);

}

.home-new-nav{

    margin: 0 !important;

}

.home-new-tab-item{

    opacity: 0.6;

    transition: var(--transition);

    width: auto !important;

    margin-right: var(--space24);

    transition-property: all !important;

}

.home-new-tab-item:last-child{

    margin-right: 0;

}

.home-new-tab-item a{

    font-size: inherit;

    line-height: inherit;

    color: inherit;

}

.home-new-tab-item span{

    font-size: var(--font16);

    line-height: 40px;

    padding: 0 var(--space24);

    border-radius: 40px;

    border: 1px solid #676767;

    display: inline-block;

    cursor: pointer;

    display: inline-block;

    transition: var(--transition);

    color: #676767;

}

.home-new-tab-item.act {

    opacity: 1;

}

.home-new-tab-item.act span{

    color: var(--colormain);

    border: 1px solid var(--colormain);

}

/* .hnbl-ul-li{

    animation: ysfadeInUp 1.5s var(--transition1) both;

    animation-delay: .3s;

} */

.home-new-bt-li:not(:first-child){

    display: none;

}

.hull-word{

    margin-top: 0.32rem;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

}

.hnbl-ul-li{

    width: 50% !important;

    padding: 0 1.48rem;

    margin-top: 0.56rem;

    position: relative;

}

.hnbl-ul-li::after{

    content: "";

    width: calc(100% - 2.96rem);

    height: 1px;

    background: rgba(103, 103, 103, .1);

    position: absolute;

    top: -0.56rem;

    left: 50%;

    transform: translateX(-50%);

}

.hnbl-ul-li:nth-child(1),

.hnbl-ul-li:nth-child(2){

    margin-top: 0;

}

.hnbl-ul-li:nth-child(1)::after,

.hnbl-ul-li:nth-child(2)::after{

    display: none;

}

.hnbl-ul{

    margin: 0 -1.48rem;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    position: relative;

    width: auto !important;

}

.hnbl-ul::after{

    content: "";

    width: 1px;

    height: 100%;

    background: rgba(103, 103, 103, .1);

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}

.hull-img{

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.hull-text-parga{

    margin-top: 0.16rem;

    line-height: var(--line16);

    height: 3.2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.hull-text-parga p{

    line-height: var(--line16);

    color: rgba(103, 103, 103, 0.70);

}

.hnbl-ul-li-link{

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    padding-bottom: 0.42rem; 

}

.hull-text-tit{

    transition: var(--transition);

    /* flex-grow: 1; */

}

.hnbl-btn-icon{

    width: 44px;

    height: 44px;

    border-radius: 50%;

    border: 1px solid rgba(51, 51, 51, 0.10);

    transform: rotate(90deg);

    margin: auto;

    transition: var(--transition);

}

.hnbl-btn-icon svg{

    width: 100%;

    height: auto;

}

.hnbl-btn-text{

    margin-top: 0.16rem;

    font-size: var(--font16);

    line-height: var(--line16);

    color: var(--color333);

    transition: var(--transition);

}

.hnbl-btn{

    display: flex;

    justify-content: center;

    opacity: 1;

}

.hnbl-btn a path{

    transition: var(--transition);

}

.home-new-bg{

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}

.home-new-bg img{

    width: 100%;

}

.home-work-bt-li{

    transform: translateX(150px);

    opacity: 0;

    transition: transform 2s var(--transition1),opacity 1s var(--transition1);

    transition-delay: .6s;

}

.home-work-bt-li.act{

    transform: translateX(0px);

    opacity: 1;

}

.home-work-bt-li.active{

    transform: translateX(0px);

    opacity: 1;

    transition-delay: .1s !important;

}

.home-work-bt-li.active .mod-img .ys-imgbox-cover {

    filter: blur(0px);

    transform: scale(1);

    transition-delay: .3s !important;

}

.home-work-bt-li.act .mod-img .ys-imgbox-cover{

    filter: blur(0px);

    transform: scale(1);

}

.home-work-bt-li:not(:first-child){

    display: none;

}

.hwbl-swiper-item a{

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    background: var(--colorbj);

    transition: var(--transition);

}

.hwbl-swiper-item-text{

    padding: 0.3rem 0.2rem;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

}

.std-btn1-box-icon{

    width: 36px;

    height: 36px;

    border-radius: 50%;

    border: 1px solid var(--color333);

    transition: var(--transition);

}

.std-btn1-box-icon svg{

    width: 100%;

    height: auto;

}

.std-btn1-box-icon path{

    transition: var(--transition);

}

.hsit-btn{

    margin-top: 0.24rem;

    display: flex;

    justify-content: flex-end;

}

.hsit-tit{

    transition: var(--transition);

    flex-grow: 1;

}

.hwbl-swiper-item{

    height: auto !important;

}

.swiper-pagination-bullet{

    background: var(--colormain) !important;

    opacity: 0.3 !important;

    margin: 0 6px !important;

}

.swiper-pagination-bullet-active{

    opacity: 1 !important;

}

.swiper-pagination{

    bottom: 0 !important;

}

.home-work-bt-li.has-dots .hwbl-swiper{

    padding-bottom: 0.5rem;

}

.home-recruit{

    margin-top: var(--space150);

    background: var(--colorbj);

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.home-recruit-text{

    padding-right: calc(50vw - 720px);

    padding-left: 1.6rem;

    width: 51%;

}

.home-recruit-img{

    width: 49%;

    overflow: hidden;

}

.home-recruit-img img{

    width: 100%;

    transform: scale(1.1);

    filter: blur(10px);

    transition: all 3s var(--transition1);

}

.home-recruit.active .home-recruit-img img{

    transform: scale(1);

    filter: blur(0);

}

.home-recruit-text-parga,

.home-recruit-text-parga p{

    color: #676767;

}

.home-recruit-text-btn{

    margin-top: 0.4rem;

}

.std-btn1{

    display: inline-block;

}

.std-btn1-box{

    display: flex;

    align-items: center;

    cursor: pointer;

}

.std-btn1-box span{

    font-size: var(--font16);

    line-height: var(--line16);

    color: var(--color333);

    margin-right: 0.16rem;

    transition: var(--transition);

}

.home-value{

    position: relative;

}

.home-value.act .home-value-bg{

    transform: scale(1);

    filter: blur(0px);

}

.home-value-bg{

    width: 100%;

    filter: blur(10px);

    transform: scale(1.1);

    transition: all 2s var(--transition1);

}

.home-value-bg img{

    width: 100%;

}

.home-value-text{

    position: absolute;

    top: 31%;

    left: 0;

    width: 100%;

    z-index: 5;

}

.home-value-text-wrap{

    width: 58%;

}

.home-value-text-wrap .std-font44{

    color: var(--colorfff);

}

.home-value-line{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.home-value-line-img{

    width: 100%;

    height: 100%;

}

.home-value-line-img img{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    clip-path: polygon(0 0,0 0,0 100%,0 100%);

}

.home-value.act .home-value-line-img img{

    animation: home_svg 3s linear forwards;

}

.home-value-line-img img:nth-child(1){

    animation-delay: 0.6s !important;

}

.home-value-line-img img:nth-child(2){

    animation-delay: 1s !important;

}

.home-value-line-img img:nth-child(3){

    animation-delay: 1.4s !important;

}

@keyframes home_svg{

    0%{

        clip-path: polygon(0 0,0 0,0 100%,0 100%);

        -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);

        -moz-clip-path: polygon(0 0,0 0,0 100%,0 100%);

        -ms-clip-path: polygon(0 0,0 0,0 100%,0 100%);

        -o-clip-path: polygon(0 0,0 0,0 100%,0 100%);

    }

    100%{

        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);

        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);

        -moz-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);

        -ms-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);

        -o-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);

    }

}

.hvtw-parga{

    margin-top: 0.4rem;

}

.hvtw-parga,

.hvtw-parga p{

    color: var(--colorfff);

}

.hvtw-btn{

    margin-top: 0.7rem;

}

.std-btn1.act span{

    color: var(--colorfff);

}

.std-btn1.act .std-btn1-box-icon{

    border: 1px solid var(--colorfff);

}



/* 首页-end */



/* B1 公司概况汇总页-start */

.ys-nybanner::after,

.ys-banner::after{

    content: "";

    width: 100%;

    height: 133px;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%);

    position: absolute;

    top: 0;

    left: 0;

}

.ys-nyban-title h1{

    font-size: var(--font64);

    line-height: var(--line12);

}

.mod-bread{

    bottom: 0.24rem;

    z-index: 5;

}

.ys-bread-list a{

    font-size: var(--font14);

    color: var(--colorfff);

    opacity: 0.5;

}

.ys-bread-list:last-child a{

    opacity: 1;

}

.ys-bread {

    --gap1: 15px;

}

.ys-bread-list::before {

    content: '/';

    font-size: var(--font14);

    color: var(--colorfff);

    opacity: 0.5;

}

.ys-nyban-title{

    z-index: 5;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.mod-bg{

    width: 100%;

    padding-top: var(--space100);

}

.mod-bg img{

    width: 100%;

}

.ys-nybanner-bg{

    width: 27%;

    position: absolute;

    right: 0;

    bottom: -10px;

}

.ys-nybanner-bg-img{

    width: 100%;

    height: 0%;

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

}

.ys-nybanner-bg-img:nth-child(1){

    position: relative;

}

.ys-nybanner-bg-img img{

    width: 100%;

}

@keyframes imgChange{

    0%{

        height: 0%;

    }

    100%{

        height: 100%;

    }

}

.ys-nybanner-bg-img1{

    animation: imgChange 1s linear both .5s;

}

.ys-nybanner-bg-img2{

    animation: imgChange 1s linear both 1s;

}

.ys-nybanner-bg-img3{

    animation: imgChange 1s linear both 1.5s;

}

.ys-nyban-img img{

    transform: scale(1.1);

    transition: all 1.5s cubic-bezier(.43,.195,.02,1) .1s;

}

.ys-nybanner.act .ys-nyban-img img{

    transform: scale(1);

}

.about-respon-tit .std-font44{

    text-align: center;

    color: var(--color000);

}

.about-respon-parga{

    width: 76%;

    margin: 0.24rem auto 0;

    color: var(--color000);

    text-align: center;

}

.about-respon-parga p{

    color: var(--color000);

}

.about-respon-bt{

    margin-top: 0.44rem;

    position: relative;

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.about-respon-bt-bg{

    width: 100%;

    position: relative;

}

.about-respon-bt-bg img{

    width: 100%;

}

.about-respon-bt-icon{

    width: 66px;

    cursor: pointer;

    z-index: 10;

}

.about-respon-bt-icon img{

    width: 100%;

}

.about-respon-bt-icon::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.30);

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.about-respon{

    position: relative;

}

.about-respon-bg{

    width: 30%;

    max-width: 580px;

    position: absolute;

    top: 1.3rem;

    left: -1.4rem;

    z-index: -1;

}

.about-respon-bg img{

    width: 100%;

}

.about-mission{

    overflow: inherit !important;

    height: var(--height);

}

.about-mission-wrap{

    height: calc(100vh - var(--headh));

    z-index: 1;

    display: flex;

    align-items: center;

    position: sticky;

    top: var(--headh);

    width: 100vw !important;

}

.about-mission-wrap-bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.about-mission-wrap-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.aslc-text-subtit{

    color: var(--colorfff);

    opacity: 0.8;

    font-weight: 500;

    line-height: var(--line18);

}

.aslc-text-tit{

    margin-top: 0.17rem;

    color: var(--colorfff);

    font-weight: var(--weight600);

}

.aslc-text{

    padding-right: 0.65rem;

    margin-top: 0.8rem;

    width: 40%;

}

.amwc-swiper-li-cont{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    width: 100%;

    opacity: 0.5;

    transition: var(--transition);

}

.aslc-img{

    border-radius: 10px;

    width: 60%;

}

.amwc-swiper{

    width: 81%;

    margin: 0 !important;

    overflow: inherit !important;

}

.amwc-swiper-li.swiper-slide-active .amwc-swiper-li-cont{

    opacity: 1;

}

























.about-team{

    background: var(--colorbj);

}

.about-team .std-font44,

.about-organ .std-font44{

    text-align: center;

    color: var(--color000);

}

.about-organ-bt{

    margin-top: 0.35rem;

    cursor: pointer;

}

.about-team-bt-li{

    width: 20%;

    padding: 0 8px;

    margin-bottom: 0.25rem;

}

.about-team-bt-li:nth-child(1),

.about-team-bt-li:nth-child(2),

.about-team-bt-li:nth-child(3),

.about-team-bt-li:nth-child(4),

.about-team-bt-li:nth-child(5){

    margin-bottom: 0;

}

.about-team-bt-ul{

    margin: 0 -8px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    flex-wrap: wrap-reverse;

}

.atbl-cont{

    border-radius: 8px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    background: var(--colorfff);

    width: 100%;

    height: 100%;

    cursor: pointer;

}

.atbl-cont-img{

    position: relative;

}

.atbl-cont-img::after{

    content: "";

    width: 100%;

    height: 37%;

    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);*/

    position: absolute;

    bottom: 0;

    left: 0;

}

.atbl-cont-text{

    padding: 0.16rem 0.25rem 0.2rem;

    background: var(--colorfff);

    transition: var(--transition);

    position: relative;

}

.atbl-cont-text-name{

    line-height: var(--line18);

    color: var(--color000);

    font-weight: var(--weight600);

}

.atbl-cont-text-parga,

.atbl-cont-text-parga p{

    color: var(--color333);

}

.atbl-cont-text-info{

    margin-top: 0;

    color: var(--color333);

    height: 0;

    overflow: hidden;

    transition: var(--transition);

}

.atbl-cont-text-info p{

    color: var(--color333);

}



/* B1 公司概况汇总页-end */



/* B2 社会责任单页-start */

.respon-main .ys-nybanner-bg{

    display: none;

}

.ys-nyban-parga{

    margin-top: 0.18rem;

}

.ys-nyban-parga p{

    color: var(--colorfff);

}

.respon-info{

    background: #20402C;

    position: relative;

    z-index: 1;

}

.respon-info-parga{

    width: 59%;

    color: var(--colorfff);

}

.respon-info-parga p{

    color: var(--colorfff);

    margin-bottom: 0.16rem;

}

.respon-info-parga p:last-child{

    margin-bottom: 0;

}

.respon-action .ys-cont1440{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    position: relative;

}

.respon-action-list{

    width: 49%;

    margin-top: 0.76rem;

    position: relative;

    transform: translateX(300px);

    opacity: 0;

    transition: transform 2s var(--transition1), opacity 1s var(--transition1);

    transition-delay: .6s;

}

.respon-action-list.act{

    transform: translateX(0);

    opacity: 1;

}

.respon-action-list.act .mod-img .ys-imgbox-cover {

    filter: blur(0px);

    transform: scale(1);

}

.respon-action-text{

    width: 51%;

    padding-right: 1.48rem;

    position: relative;

    z-index: 4;

}

.respon-action-text-parga,

.respon-action-text-parga p{

    color: var(--color333);

}

.rals-item-img{

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.rals-item-text-tit{

    color: #676767;

    transition: var(--transition);

}

.respon-action-list-swiper{

    overflow: visible !important;

    width: 83%;

    margin: 0 !important;

    overflow: visible !important;

}

.rals-item{

    transform: scale(0.9);

    transition: var(--transition);

    height: auto !important;

    transition-property: all !important;

}

.rals-item.swiper-slide-active{

    transform: scale(1);

}

.rals-item.swiper-slide-active .rals-item-text-tit{

    color: var(--color000);

}

.respon-action-list-swiper.has-progressbar{

    padding-bottom: 1rem !important;

}

.respon-action-list .swiper-container-horizontal>.swiper-pagination-progressbar{

    top: auto !important;

    bottom: 23px !important;

    height: 1px;

    width: calc(100% - 0.66rem);

}

.respon-action-list .swiper-pagination-progressbar {

    background: rgba(103, 103, 103, 0.10) !important;

}

.respon-action-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: linear-gradient(270deg, #FB5000 17%, #FFE100 77%);

}

.respon-action-arrow{

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 5;

}

.respon-action .ys-cont1440::before{

    content: "";

    width: calc(calc(50vw - 720px) + 51%);

    height: 100%;

    background: var(--colorfff);

    position: absolute;

    top: 0;

    left: calc(-1 * calc(calc(50vw - 720px)));

    z-index: 2;

}

.respon-action{

    position: relative;

}

.respon-action-bg{

    position: absolute;

    bottom: 0.4rem;

    left: 0;

    width: 46%;

    max-width: 882px;

    z-index: 3;

}

.respon-action-bg img{

    width: 100%;

}

.respon-action-bg img:nth-child(2){

    position: absolute;

    top: 0;

    left: 0;

    transform: translate(-100px, 50px);

    opacity: 0;

    transition: all 1s 1.4s linear;

}

.respon-action-bg.act img:nth-child(2){

    transform: translate(0);

    opacity: 1;

}

.respon-report{

    background: var(--colorbj);

    padding-bottom: 0.7rem;

}

.respon-main .mod-bg{

    background: var(--colorbj);

}

.respon-report-info{

    display: flex;

    flex-wrap: wrap;

    margin: 0.4rem -0.18rem 0;

    justify-content: center;

}

.respon-report-info-li{

    width: 50%;

    padding: 0 0.18rem;

    margin-bottom: 0.36rem;

}

.rril-link{

    padding: 0.38rem 0.44rem 0.38rem 0.35rem;

    border-radius: 10px;

    background: var(--colorfff);

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.rril-link-icon{

    width: 44px;

}

.rril-link-icon img{

    width: 100%;

}

.rril-link-down{

    width: 32px;

}

.rril-link-down img{

    width: 100%;

}

.rril-link-tit{

    width: calc(100% - 44px - 32px);

    padding: 0 0.35rem;

    color: #031524;

    font-weight: 500;

    transition: var(--transition);

}

.respon-vision{

    background: var(--colorbj);

    position: relative;

    z-index: 1;

}

.respon-vision::after{

    content: "";

    width: calc(50vw - 720px);

    height: 100%;

    background: #E5F3EA;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

}

.respon-vision .ys-cont1440{

    display: flex;

    flex-wrap: wrap;

    height: 100%;

}

.respon-vision-tit{

    width: 44%;

    position: relative;

}

.respon-vision-text{

    width: 56%;

    min-height: 800px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    background: #E5F3EA;

    padding: 2.4rem 0 2.4rem 0.9rem;

}

.respon-vision-text .std-text16{

    margin-top: 0.44rem;

    color: var(--color333);

}

.respon-vision-text .std-text16 p{

    color: var(--color333);

    margin-bottom: 0.16rem;

}

.respon-vision-text .std-text16 p:last-child{

    margin-bottom: 0;

}

.rvtl-li{

    position: absolute;

    text-align: right;

    opacity: 0;

    transition: all 1s linear;

}

.rvtl-li-tit{

    font-weight: var(--weight600);

}

.rvtl-li-parga{

    margin-top: 0.1rem;

    color: var(--color333);

}

.rvtl-li-parga p{

    color: var(--color333);

}

.rvtl-li1{

    top: 240px;

    right: 360px;

    transition-delay: .2s;

}

.rvtl-li2{

    top: 416px;

    right: 410px;

    transition-delay: .4s;

}

.rvtl-dots{

    opacity: 0;

    transition: all 1s linear;

}

.rvtl-dots1{

    transition-delay: .2s;

}

.rvtl-dots2{

    transition-delay:.4s;

}

.rvtl-dots-effect{

    animation: dots 3s ease-in-out infinite;

}

@keyframes dots {

    0%{

      opacity: 0.1;

      transform: scale(0);

    }

    100%{

      opacity: 0;

      transform: scale(3);

    }

} 

.respon-info-line{

    width: 973px;

    position: absolute;

    left: calc(var(--left1) + 76px);

    bottom: -2px;

    z-index: -1;

}

.respon-info-line svg{

    width: 100%;

    height: auto;

}

.respon-info-line-bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    clip-path: polygon(var(--pro1) 0, 100% 0, 100% 100%, var(--pro1) 100%);

    -webkit-clip-path: polygon(var(--pro1) 0, 100% 0, 100% 100%, var(--pro1) 100%);

    -moz-clip-path: polygon(var(--pro1) 0, 100% 0, 100% 100%, var(--pro1) 100%);

    -ms-clip-path: polygon(var(--pro1) 0, 100% 0, 100% 100%, var(--pro1) 100%);

    -o-clip-path: polygon(var(--pro1) 0, 100% 0, 100% 100%, var(--pro1) 100%);

}

.respon-info-line-bg img{

    width: 100%;

}

.respon-vision-tit-line{

    width: 493px;

    position: absolute;

    right: -76px;

    top: 0;

}

.respon-vision-tit-line svg{

    width: 100%;

    height: auto;

}

.rvtl-bg{

    width: 100%;

    height: var(--height);

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

}

.rvtl-bg img{

    width: 100%;

}

.respon-vision-tit-list{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 5;

}

.respon-action-line{

    width: 100%;

    height: 240px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}

.respon-action-line-svg{

    width: 544px;

    position: absolute;

    top: 0;

    left: calc(var(--left2) - 457px);

}

.respon-action-line-svg svg{

    width: 100%;

    height: auto;

}

.respon-info-line-path {

    stroke-dasharray: var(--line-pro1);

    stroke-dashoffset: var(--line-pro1);

}

.rvtl-line{

    stroke-dasharray: var(--line-pro2);

    stroke-dashoffset: var(--line-pro2);

}

.rals-line{

    stroke-dasharray: var(--line-pro3);

    stroke-dashoffset: var(--line-pro3);

}

.respon-vision-tit.active .rvtl-li,

.respon-vision-tit.active .rvtl-dots{

    opacity: 1;

}

/* B2 社会责任单页-end */

/* C2 新闻详情页 */

.develop-discuss-center .develop-discuss-left-top{

    margin-bottom: 0.2rem;

    display: none;

}

.develop-main .ys-bread a {

    color: var(--color000);

}

.develop-main .mod-bread {

    bottom: auto;

    top: calc(var(--headh) + 0.24rem);

}

.develop-main .ys-bread-list::before {

    color: var(--color000);

}

.develop-main .ys-bread-list:last-child a {

    font-weight: var(--weight500);

}

.develop-discuss-left {

    width: 50px;

    position: sticky;

    top: var(--space150);

}

.develop-discuss-center {

    width: calc(68% - 50px);

    padding-left: 0.72rem;

    padding-right: 0.54rem;

}

.develop-discuss-case {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: space-between;

}

.develop-discuss-left-day {

    font-weight: var(--weight600);

}

.develop-discuss-left-year {

    line-height: var(--line16);

    color: var(--color333);

}

.develop-discuss-left-top {

    margin-bottom: 0.73rem;

}

.ddls-tit {

    font-weight: var(--weight500);

    margin-bottom: 0.16rem;

    color: var(--color333);

    line-height: var(--line175);

}

.ys-share-img img {

    width: 100%;

}

.develop-main .ys-main{

    width: 100vw;

}

.develop-discuss-left-share .ys-share-img {

    width: 64%;

}

.develop-discuss-left-share .ys-share-list {

    border: 1px solid rgba(103, 103, 103, 0.1);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 34px;

    height: 34px;

    margin: auto;

}

.develop-discuss-center-tit {

    margin-bottom: 0.32rem;

    color: var(--color000);

}

.develop-discuss-center-txt .std-text16 {

    display: inline-flex;

    color: var(--color000);

    padding: 0 var(--space24);

    background: var(--colorbj);

    border-radius: 40px;

    line-height: 42px;

}

.ddct-case{

    padding: 0 0.1rem;

    margin-bottom: 0.2rem;

}

.develop-discuss-center-txt {

    padding-bottom: 0.24rem;

    display: flex;

    flex-wrap: wrap;

    margin: 0 -0.1rem 0.44rem;

    position: relative;

}

.develop-discuss-center-txt::after{

    content: "";

    width: calc(100% - 00.2rem);

    height: 1px;

    background: rgba(103, 103, 103, 0.1);

    position: absolute;

    bottom: 0;

    left: 0.1rem;

}

.develop-discuss-center-case.yxedr-active p img {

    width: 100%;

}

.develop-discuss-center-case.yxedr-active p {

    line-height: var(--line18);

    color: var(--color000);

    font-size: var(--font16);

    margin-bottom: 0.13rem;

}

.develop-discuss-center-case.yxedr-active p:nth-last-child(1) {

    margin-bottom: 0;

}

.develop-discuss-center-case {

    margin-bottom: var(--space50);

}

.develop-discuss-center-bottom {

    background: var(--colorbj);

    padding: 0.3rem 0.35rem ;

    display: flex;align-items: center;

    justify-content: space-between;

}

.ddcb-left-icon {

    width: var(--iconwidth);

}

.ddcb-left-icon img:nth-child(1) {

    opacity: 0;

}

.ddcb-left-icon img:nth-child(2) {

    opacity: 1;

}

.ddcb-right .ddcb-left-icon img {

    transform: rotate(180deg);

}

.ddcb-left-link {

    display: flex;

    align-items: center;

}

.develop-discuss-center-bottom .std-text16 {

    transition: var(--transition);

    color: var(--color333);

}

.ddcb-left-tit {

    padding-left: 6px;

}

.ddcb-right-tit {

    padding-right: 6px;

    transition: var(--transition);

}

.ddcb-center-link-icon {

    margin-bottom: 0.06rem;

    width: var(--iconwidth);

}

.ddcb-center-link-icon img:nth-child(1) {

    opacity: 0;

}

.ddcb-center-link-icon img:nth-child(2) {

    opacity: 1;

}

.ddcb-center-link {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.ddcb-center .std-text14 {

    color: var(--color333);

    line-height: var(--line175);

    font-weight: var(--weight500);

    transition: var(--transition);

}

.develop-discuss-right {

    width: 32%;

    position: sticky;

    top: var(--space150);

    background: var(--colorbj);

    align-self: start;

    padding: 0.4rem 0.47rem 0.12rem;

}

.develop-discuss-right-tit {

    color: var(--color333);

    font-weight: var(--weight600);

    margin-bottom: 0.57rem;

}

.ddri-nub-tit {

    color: var(--color333);

    margin-bottom: 0.06rem;

    transition: var(--transition);

}

.ddri-nub-date {

    color: var(--color333);

    font-weight: var(--weight500);

    line-height: var(--line175);

}

.ddri-nub-link {

    display: block;

    padding: 0.24rem 0;

    border-bottom: 1px solid rgba(103, 103, 103, 0.1);

}

.develop-discuss-right-inof li:nth-child(1) .ddri-nub-link {

    padding-top: 0;

}

.develop-discuss-right-inof li:nth-last-child(1) .ddri-nub-link {

    border-bottom: none;

}

.develop-discuss {

    overflow: visible;

    padding-bottom: 0 !important;

}

.develop-relate-inof-nub {

    width: 33.333%;

    padding: 0 0.12rem;

}

.develop-relate-inof-nub:not(:first-child){

    display: none;

}

.develop-relate-inof {

    margin: var(--space50) -0.12rem 0;

}

.drim-box-pic {

    border-radius: 10px;

    margin-bottom: 0.25rem;

}

.drim-box {

    display: block;

    height: 100%;

}

.drtc-btn {

    border: 1px solid var(--colormain);

    --widtbtn: 0.44rem;

    cursor: pointer;

    width: var(--widtbtn);

    height: var(--widtbtn);

    border-radius: 50%;

    transition: var(--transition);

    display: flex;

    justify-content: center;

    align-items: center;

}

.drtc-btn img {

    width: 0.24rem;

}

.drtc-btn img:nth-child(1) {

    opacity: 0;

}

.drtc-le img {

    transform: rotate(180deg);

}

.drtc-le {

    margin-right: 0.24rem;

}

.drtc-btn.slick-disabled {

    background: var(--colorfff) !important;

}

.drtc-btn.slick-disabled img:nth-child(2) {

    opacity: 1 !important;

}

.drtc-btn.slick-disabled img:nth-child(1) {

    opacity: 0;

}

.drtc-btn.slick-arrow {

    background: var(--colormain);

}

.drtc-le img:nth-child(2) {

    left: 50%;

    transform: translateX(-50%) rotate(180deg);

}

.drtc-ri img:nth-child(2) {

    left: 50%;

    transform: translateX(-50%);

}

.drtc-btn.slick-arrow img:nth-child(2) {

    opacity: 0;

}

.drtc-btn.slick-arrow img:nth-child(1) {

    opacity: 1;

}

.develop-relate-top-case {

    display: flex;

}

.develop-relate-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

}

.develop-relate-top::after{

    content: "";

    width: 100%;

    height: 1px;

    background: rgba(103, 103, 103, 0.1);

    position: absolute;

    top: calc(-1 * var(--space60));

    left: 50%;

    transform: translateX(-50%);

}

.drim-box-tit {

    transition: var(--transition);

    font-weight: var(--weight500);

}

.develop-relate{

    padding-top: var(--space60);

    margin-top: var(--space120);

}

.drim-box .std-font24{

    font-weight: var(--weight500);

}

/*  G1 生态共建单页 */

.ecology-main .std-font64 {

    font-weight: var(--weight600);

    font-size: var(--font64);

}

.ecology-concept-tit {

    font-weight: var(--weight600);

    text-align: center;

    color: var(--color000);

}

.ecology-concept-txt,

.ecology-concept-txt p {

    text-align: center;

    color: #000;

}

.ecology-concept-txt {

    width: 70%;

    margin: 0.24rem auto 0;

}

.ecin-link {

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.ecin-link-pic {

    width: 100%;

    flex: none;

}

.ecology-concept-inof-nub {

    width: 50%;

    padding: 0 0.12rem;

}

.ecology-concept-inof-nub:not(:first-child){

    display: none;

}

.ecology-concept-inof {

    margin: 0.5rem -0.12rem 0;

}

.ecin-link-content {

    background: #fff;

    display: flex;

    height: 100%;

    flex-direction: column;

    padding: 0.27rem 0.4rem 0.4rem;

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.ecology-main .ys-main {

    background: var(--colorbj);

}

.ecin-link-content-date {

    color: var(--color333);

    line-height: var(--line175);

    margin-bottom: 0.1rem;

}

.ecin-link-content-tit {

    font-weight: var(--weight600);

    margin-bottom: 0.16rem;

    color: var(--color000);

    flex-grow: 1;

    transition: var(--transition);

}

.ecin-link-content-txt,

.ecin-link-content-txt p {

    color: var(--color333);

}

.ecin-link-content-txt {

    height: 3.6em;

    overflow: hidden;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.ecin-link-content-know {

    display: flex;

    margin-top: 0.32rem;

    padding-top: 0.32rem;

    border-top: 1px solid rgba(103, 103, 103, 0.1);

}

.elck-tit {

    color: var(--color333);

    font-weight: var(--weight500);

    line-height: var(--line18);

    padding-right: 0.16rem;

    transition: var(--transition);

}

.elck-case {

    --widthknow: 0.36rem;

    width: var(--widthknow);

    height: var(--widthknow);

    border-radius: 50%;

    transition: var(--transition);

    border: 1px solid var(--color333);

    display: flex;

    justify-content: center;

    align-items: center;

}

.elck-case img {

    width: 66%;

}

.elck-case img:nth-child(1) {

    opacity: 0;

}

.elck-case img:nth-child(2) {

    left: 50%;

    transform: translateX(-50%);

}

.ecology-partner-tit {

    color: #000;

    font-weight: var(--weight600);

    margin-bottom: var(--space50);

    text-align: center;

}

.ecology-partner-inof-nub {

    width: 20%;

    padding: 0 0.12rem;

    margin-top: 0.24rem;

}

.ecology-partner-inof-nub:nth-child(1),

.ecology-partner-inof-nub:nth-child(2),

.ecology-partner-inof-nub:nth-child(3),

.ecology-partner-inof-nub:nth-child(4),

.ecology-partner-inof-nub:nth-child(5){

    margin-top: 0;

}

.ecology-partner-inof {

    flex-wrap: wrap;

    display: flex;

    margin: 0 -0.12rem;

}

.epin-case {

    border-radius: 6px;

    overflow: hidden;

    border: 1px solid rgba(103, 103, 103, 0.1);

    background: var(--colorfff);

}

.ecology-concept-inof .slick-dots {

    bottom: 0;

}

.ecology-concept-inof.has-dots .slick-list{

    padding-bottom: 0.5rem;

}

.ecology-concept-inof .slick-dots li{

    background: var(--colormain);

    opacity: 0.3;

}

.ecology-concept-inof .slick-dots li.slick-active{

    opacity: 1;

}

/* H1 人才招聘汇总页 */

.talent-main .std-font64 {

    font-size: var(--font64);

    font-weight: var(--weight600);

}

.talent-job-bottom li:nth-child(1) .tjbn-sec {

    display: block;

}

.tjbn-sec {

    display: none;

}

.talent-job-top {

    background: var(--colormain);

    border-radius: 10px;

    padding: 0.22rem 0.63rem 0.22rem 0.54rem;

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.talent-job-top .std-font20 {

    padding-right: 0.1rem;

    color: var(--colorfff);

    line-height: var(--line18);

    font-weight: var(--weight500);

}

.tjbn-fir .std-text16 {

    color: var(--color333);

    padding-right: 0.1rem;

}

.talent-job-bottom-nub.act .tjbn-fir .std-text16{

    color: var(--color000);

}

.tjbn-fir .std-font20 {

    color: var(--color000);

    line-height: var(--line18);

    font-weight: var(--weight500);

    display: none;

}

.tjbn-fir {

    display: flex;

    padding: 0.26rem 0.63rem 0.26rem 0.54rem;

    transition: var(--transition);

    cursor: pointer;

    align-items: center;

    position: relative;

}

.tjbo-icon {

    width: 100%;

}

.tjbo-icon img:nth-child(1) {

    opacity: 0;

}

.talent-job-top-box1 {

    width: 24.5%;

}

.talent-job-top-box2 {

    width: 24.5%;

}

.talent-job-top-box3 {

    width: 48%;

}

.talent-job-top-box4 {

    padding-right: 0 !important;

}

.tsin-tit {

    font-weight: var(--weight500);

    color: var(--color000);

    margin-bottom: 0.16rem;

}

.tsin-case.yxedr-active p {

    font-size: var(--font16);

    line-height: var(--line18);

    color: var(--color000);

    margin-bottom: 0.16rem;

}

.tjbn-sec-inof-nub {

    width: 50%;

    padding: 0 0.38rem;

}

.tjbn-sec-inof {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -0.38rem;

}

.talent-main .ys-main {

    background-color: var(--colorbj);

    width: 100vw;

}

.talent-job-bottom li:nth-last-child(1) {

    border-bottom: 1px solid transparent;

}

.talent-job-bottom-nub {

    border-bottom: 1px solid #d9d9d9;

    background-color: var(--colorfff);

}

.tjbn-sec {

    padding: 0 0.42rem;

    margin-bottom: 0.44rem;

}

.tjbn-sec-wrap{

    background-color: var(--colorbj);

    border-radius: 10px;

    padding: 0.36rem 0.4rem 0.5rem;

}

.tsin-case.yxedr-active p:nth-last-child(1) {

    margin-bottom: 0;

}

.tjbn-sec-bottom-link {

    display: flex;

    align-items: center;

    border-radius: 100px;

    background-color: var(--colormain);

    cursor: pointer;

    padding: 0 28px;

    display: inline-flex;

    margin-top: 0.77rem;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.tjbn-sec-bottom-link::after{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.2);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: var(--transition);

    opacity: 0;

}

.tsbl-tit {

    color: var(--colorfff);

    line-height: 50px;

    padding-right: 0.14rem;

}

.tsbl-icon {

    width: 22px;

}

.tsbl-icon img {

    width: 100%;

}

.talent-main .ys-modal-content {

    width: 460px;

    padding: 0.27rem;

    border-radius: 15px;

}

.talent-main .ys-modal-content img {

    width: 100%;

    border-radius: 34px;

    border: 3px solid var(--colormain);

}

.talent-main .ys-modal-close {

    right: 16px;

    top: 16px;

}

.talent-job-bottom-nub.act .tjbo-icon img:nth-child(1) {

    opacity: 1;

}

.talent-job-bottom-nub.act .tjbo-icon img:nth-child(2) {

    opacity: 0;

}

.talent-job-bottom-opera{

    width: var(--iconwidth);

    position: absolute;

    right: 0.35rem;

    top: 50%;

    transform: translateY(-50%);

}

.tsin-case h6{

    font-size: var(--font16);

    line-height: var(--line18);

    color: var(--color000) !important;

    font-weight: var(--weight500) !important;

    margin-bottom: 0.16rem;

}

/* J1 党建列表页 */

.work-main .std-font64 {

    font-weight: var(--weight600);

}

.work-main .hsit-tit{

    font-weight: var(--weight500);

}

.work-title-case {

    border: 1px solid rgba(255, 255, 255, .7);

    width: 40%;

    border-radius: 40px;

    display: inline-flex;

    padding-right: var(--space24);

    margin-top: 0.44rem;

}

.work-title-case input {

    height: 38px;

    width: 100%;

    font-size: var(--font14);

    padding-left: var(--space24);

    color: var(--colorfff);

}

.work-title-case input::placeholder {

    color: var(--colorfff);

    font-size: var(--font14);

}

.work-title-case-icon {

    cursor: pointer;

    width: 24px;

    flex: none;

    align-items: center;

    display: flex;

}

.work-title-case-icon img {

    width: 100%;

}

.wtin-link {

    color: rgba(255, 255, 255, .6);

    transition: var(--transition);

    padding: 0 var(--space24);

    border: 1px solid rgba(255, 255, 255, .6);

    border-radius: 40px;

    line-height: 40px;

}

.work-title-inof-nub {

    width: auto !important;

    margin-right: 0.24rem;

}

.work-title-inof-nub:last-child{

    margin-right: 0;

}

.work-title-inof {

    display: flex;

    flex-wrap: wrap;

    margin-top: 0.54rem;

}

.work-title-inof-nub.act .wtin-link {

    color: var(--colormain);

    background: var(--colorfff);

    border: 1px solid transparent;

}

.wbtn-case-left {

    width: 57.5%;

}

.wbtn-case {

    background-color: var(--colorbj);

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    border-radius: 15px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.wbtn-case-right {

    width: 42.5%;

    padding: 0.66rem 0.67rem 0.66rem 0.44rem;

}

.wbtn-case-right-tit {

    color: #323143;

    margin-bottom: 0.3rem;

    font-weight: var(--weight600);

    transition: var(--transition);

}

.wbtn-case-right-txt,

.wbtn-case-right-txt p {

    color: var(--color333);

}

.wbtn-case-right-txt {

    margin-bottom: 0.44rem;

    height: 5.4em;

    overflow: hidden;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.wbtn-case-right .ecin-link-content-know {

    margin-top: 0;

    padding-top: 0;

    border-top: none;

}

.work-build-top {

    margin-bottom: 0.5rem;

}

.work-build-top .slick-dots {

    bottom: 0.5rem;

    left: 57.5%;

    width: 42.5%;

    padding: 0 0.67rem 0rem 0.44rem;

    text-align: left;

}

.work-build-top .slick-dots li {

    background: rgba(232, 12, 24, .2);

}

.work-build-top .slick-dots li.slick-active {

    background: var(--colormain);

}

.work-build-inof-nub {

    width: 33.333%;

    padding: 0 0.24rem;

    margin-top: 0.5rem;

}

.work-build-inof-nub:nth-child(1),

.work-build-inof-nub:nth-child(2),

.work-build-inof-nub:nth-child(3){

    margin-top: 0;

}

.work-build-inof {

    margin: 0 -0.24rem;

    display: flex;

    flex-wrap: wrap;

}

.wbin-link-pic {

    border-radius: 10px 10px 0 0;

    flex: none;

}

.wbin-link {

    display: flex;

    border-radius: 10px;

    flex-direction: column;

    height: 100%;

    background: var(--colorbj);

}

.wbin-link-content-tit {

    font-weight: var(--weight500);

    margin-bottom: 0.24rem;

    transition: var(--transition);

    flex-grow: 1;

}

.wbin-link-content {

    padding: 0.32rem 0.2rem;

    display: flex;

    flex-direction: column;

    height: 100%;

}

.work-build-top-nub:not(:first-child) {

    display: none;

}

.wbin-link-content-bottom {

    display: flex;

    justify-content: end;

}

.work-main .ys-pcfy {

    padding-top: var(--space60);

}

.work-build-inof-nub .ys-imgbox-cover {

    opacity: 0;

    transition: transform 2s var(--transition1), filter 2s var(--transition1), opacity 1s var(--transition1);

}

.work-build-inof-nub.act .ys-imgbox-cover {

    filter: blur(0px);

    transform: scale(1);

    transition-delay: .5s;

    opacity: 1;

}

.work-build-inof-nub:nth-child(3n+2){

    animation-delay: .4s;

}

.work-build-inof-nub:nth-child(3n+3){

    animation-delay: .5s;

}

.work-build-inof-nub.act:nth-child(3n+2) .ys-imgbox-cover{

    transition-delay: .6s;

}

.work-build-inof-nub.act:nth-child(3n+3) .ys-imgbox-cover{

    transition-delay: .7s;

}

/* J2 党建详情页 */

.meet-main .std-font44 {

    font-size: var(--font44);

}

.meet-main .ys-main {

    background: var(--colorbj);

    position: relative;

}

.meet-title-top {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-bottom: 0.16rem;

}

.meet-title-top-date {

    padding-right: 0.24rem;

}

.meet-title-top .std-text16 {

    color: var(--colorfff);

    line-height: var(--line16);

}

.meet-hold{

    padding-top: var(--space100);

}

.meet-hold-case {

    position: relative;

    z-index: 6;

    background: var(--colorfff);

    padding: 0.5rem 0.48rem 0.62rem;

    border-radius: 15px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.meet-hold-case-conternt.yxedr-active p {

    color: var(--color000);

    font-size: var(--font16);

    line-height: var(--line18);

    margin-bottom: 0.13rem;

}

.meet-hold-case-conternt.yxedr-active p img {

    width: 100%;

}

.meet-hold-case-pic img {

    width: 100%;

}

.meet-hold-case-conternt.yxedr-active p:nth-last-child(1) {

    margin-bottom: 0;

}

.meet-hold-case-conternt {

    margin-bottom: 0.28rem;

}

.meet-hold-case-conternt.yxedr-active img{

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.meet-hold-case-pic2 {

    margin-bottom: 0.42rem;

}

.ddcb-center .ys-share-img {

    width: 38px;

}

.meet-hold-case-bottom {

    padding: 0 0.8rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.meet-hold-case-bottom .ddcb-left-icon {

    width: 16px;

}

.meet-hold-case-bottom .ddcb-left-tit {

    padding-left: 0.14rem;

    color: var(--color000);

    transition: var(--transition);

}

.meet-hold-case-bottom .ddcb-left-icon svg {

    width: 100%;

    height: auto;

}

.meet-hold-bg img {

    width: 100%;

}

.meet-hold-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 0;

}

/* K1 信息公开列表页 */

.idti-nub-link {

    color: rgba(103, 103, 103, .6);

    display: inline-flex;

    border: 1px solid rgba(103, 103, 103, .6);

    border-radius: 40px;

    padding: 0.07rem 0.24rem;

    transition: var(--transition);

}

.idti-nub {

    padding: 0 0.12rem;

}

.infor-disc-top{

    position: relative;

    z-index: 2;

    flex-wrap: wrap;

    margin-bottom: var(--space50);

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.infor-disc-top-inof {

    margin: 0 -0.12rem;

    display: flex;

}

.idti-nub.on .idti-nub-link {

    color: var(--colormain);

    border: 1px solid var(--colormain);

}

.infor-disc-top .ys-select .ys-select-xtbbox {

    width: var(--iconwidth);

    right: var(--space24);

}

.infor-disc-top .ys-select .ys-select-xtbbox img{

    width: 100%;

}

.infor-disc-top .ys-select {

    border-radius: 40px;

    height: 42px;

    width: 220px;

    border: 1px solid rgba(103, 103, 103, 0.1);

}

.infor-disc-top input {

    font-size: var(--font14);

    color: #676767;

    font-weight: var(--weight500);

    padding: 0 var(--space24);

}

.infor-disc-top input::placeholder {

    font-size: var(--font14);

    color: #676767;

    font-weight: var(--weight500);

}

.infor-disc-top .iconfont {

    color: var(--colormain);

}

.infor-main .ys-main {

    background: var(--colorbj);

}

.infor-disc-top .ys-select-bd {

    padding: 8px 0.24rem;

    top: calc(100% + 10px);

    max-height: 153px;

    border-radius: 10px;

    box-shadow: 0 4px 30px 0 rgba(31, 30, 29, 0.08);

}

.infor-disc-top .ys-select .mCSB_outside+.mCSB_scrollTools {

    right: 2px;

    top: 18px;

    bottom: 18px;

}

.infor-disc-top .ys-select-li {

    padding: 10px 0;

    font-size: var(--font14);

    line-height: var(--line175);

    color: var(--color000);

    border-bottom: 1px solid rgba(103, 103, 103, 0.1);

}

.infor-disc-top .ys-select-bd .ys-select-li:nth-last-child(1) {

    border-bottom: 1px solid transparent;

}

.infor-disc-inof-nub {

    margin-bottom: 0.24rem;

}

.idin-link{

    padding: 0.35rem 0.37rem 0.35rem 0.27rem;

    background: var(--colorfff);

    border-radius: 10px;

    display: block;

    width: 100%;

    height: 100%;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.idin-tit {

    font-weight: var(--weight600);

    padding-bottom: 0.21rem;

    color: var(--color000);

    border-bottom: 1px solid rgba(103, 103, 103, 0.1);

    margin-bottom: 0.21rem;

    transition: var(--transition);

}

.idin-txt,

.idin-txt p {

    color: var(--color333);

}

.infor-disc-inof li:nth-last-child(1) {

    margin-bottom: 0;

}

.infor-main .ys-pcfy {

    padding-top: 0.4rem;

}

.infor-main .std-font64 {

    font-weight: var(--weight600);

}

/* K2 信息公开详情页 */

.inform-develop{

    padding-top: var(--space80);

}

.inform-title-dev {

    margin-bottom: 0.14rem;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.inform-title-dev-li .std-text14{

    padding: 0rem 0.15rem;

    line-height: 25px;

    background: var(--colormain);

    border-radius: 50px;

    color: var(--colorfff);

}

.inform-title-dev-li{

    margin-right: 0.1rem;

    margin-bottom: 0.1rem;

}

.inform-main .std-font44 {

    color: var(--color000);

    font-size: var(--font44);

    margin-bottom: 0.32rem;

}

.inform-title-txt,

.inform-title-txt p {

    color: var(--color333);

}

.inform-main .ys-nybanner-bg{

    display: none;

}

.inform-develop-content.yxedr-active p {

    color: var(--color333);

    font-size: var(--font16);

    line-height: var(--line18);

    margin-bottom: 0.13rem;

}

.inform-develop-content h6 {

    line-height: var(--line18);

    font-size: var(--font16);

    margin-bottom: 0.13rem;

    color: var(--colormain);

    font-weight: var(--weight600);

}

.yxedr-active h6 {

    line-height: var(--line18);

    font-size: var(--font16);

    margin-bottom: 0.13rem;

    color: var(--colormain);

    font-weight: var(--weight600);

}

.inform-develop-content.yxedr-active p:last-child {

    margin-bottom: 0;

}

.inform-develop-content.yxedr-active img{

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.inform-main .mod-bg{

    padding-top: 0;

}

/* L1 联系我们单页 */

.contact-main .ys-nyban-img{

    height: 100%;

}

.contact-main .ys-nyban-img img{

    height: 100%;

    object-fit: cover;

    transform: scale(1) !important;

}

.contact-us-box-pic {

    width: 100%;

    border-radius: 10px;

    margin-bottom: 0.05rem;

    border: 1px solid var(--colormain);

    overflow: hidden;

}

.contact-us-box-pic img {

    width: 100%;

}

.contact-main .std-font44 {

    color: var(--color000);

    font-size: var(--font44);

    margin-bottom: 0.5rem;

    font-weight: var(--weight600);

}

.cuin-tit {

    color: var(--colormain);

    padding-bottom: 0.16rem;

    font-weight: var(--weight500);

    margin-bottom: 0.16rem;

    border-bottom: 1px solid rgba(103, 103, 103, 0.1);

}

.cuin-inof-nub-icon {

    width: 16px;

    position: relative;

    top: 6px;

}

.cuin-inof-nub-icon img {

    width: 100%;

}

.cuin-inof-nub {

    display: flex;

    align-items: flex-start;

    width: 50%;

    padding: 0 0.1rem;

}

.cuin-inof-nub-txt p a {

    font-size: inherit;

    line-height: inherit;

    color: inherit;

}

.contact-us-inof-nub {

    margin-bottom: 0.46rem;

}

.contact-us-inof-nub:last-child{

    margin-bottom: 0.82rem;

}

.cuin-inof {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -0.1rem;

}

.contact-us-case {

    padding-bottom: 0.84rem;

}

.cuin-inof-nub-txt,

.cuin-inof-nub-txt p {

    color: var(--color333);

}

.cuin-inof-nub-txt {

    width: calc(100% - 16px);

    padding-left: 0.16rem;

}

.contact-us-box-tit {

    color: var(--color000);

    font-weight: var(--weight500);

    line-height: var(--line175);

    text-align: center;

}

.contact-us-box {

    width: 120px;

}

.inform-main .mod-bread .ys-bread-list a,

.contact-main .mod-bread .ys-bread-list a {

    color: var(--color000);

}

.inform-main .ys-bread-list::before,

.contact-main .ys-bread-list::before {

    color: var(--color000);

}

.inform-main .mod-bread .ys-bread-list:nth-last-child(1) a .contact-main .mod-bread .ys-bread-list:nth-last-child(1) a {

    font-weight: var(--weight500);

}

.contact-main .mod-bread,

.inform-main .mod-bread {

    bottom: auto;

    top: 0.24rem;

}

.inform-main .ys-nybanner::after,

.contact-main .ys-nybanner::after{

    display: none;

}

.contact-text-wrap{

    width: 49%;

    padding: 0.53rem 0.82rem 0.42rem  0;

    border-radius: 0 8px 8px 0;

    background: rgba(255, 255, 255, 0.65);

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

    position: relative;

}

.contact-text-wrap::after{

    content: "";

    width: calc(50vw - 720px);

    height: 100%;

    background: rgba(255, 255, 255, 0.65);

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

    position: absolute;

    top: 0;

    left: calc(-1 * calc(50vw - 720px));

}

.contact-us-inof-nub:nth-child(2) .cuin-inof-nub{

    width: 100%;

}

/* D1 产品与服务汇总页 */

.product-main .std-font64 {

    font-weight: var(--weight600);

}

.product-main .ys-main {

    background: var(--colorbj);

    overflow: hidden;

}

.product-intro-left {

    width: 300px;

    align-self: flex-start;

    z-index: 2;

}

.product-intro-left-tit {

    font-weight: var(--weight600);

    color: var(--color000);

    margin-bottom: var(--space60);

}

.product-intro-list .product-intro-left-inof{

    display: block;

}

.product-intro.isfixed .product-intro-left{

    position: fixed;

    top: var(--space150);

    /* left: var(--left); */

    left: calc(50% - 720px);

}

.product-intro.notfixed .product-intro-left{

    position: absolute;

    top: auto !important;

    bottom: 0 !important;

    left: 0 !important; 

}

.pili-nub-case {

    transition: var(--transition);

    color: var(--color333);

    line-height: var(--line18);

    font-weight: var(--weight600);

    padding-left: 37px;

    position: relative;

}

.pili-nub-case::after {

    content: '';

    position: absolute;

    transition: var(--transition);

    left: 0;

    background: var(--color999);

    top: 50%;

    height: 1px;

    width: 25px;

    transform: translateY(-50%);

}

.pili-nub {

    cursor: pointer;

    margin-bottom: 0.16rem;

}

.product-intro-left-inof li:nth-last-child(1) {

    margin-bottom: 0;

}

.product-intro-right {

    width: calc(100% - 300px);

    padding-left: 0.65rem;

    position: relative;

}

.product-intro .ys-cont1440 {

    display: flex;

    justify-content: flex-end;

    align-items: flex-start;

    position: relative;

}

.pirn-pic {

    width: 47%;

}

.pirn-link {

    background: var(--colorfff);

    display: flex;

    border-radius: 10px;

    align-items: center;

    flex-wrap: wrap;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.pirn-content {

    width: 53%;

    padding: 0.57rem 0.44rem;

}

.pirn-content-tit {

    transition: var(--transition);

    margin-bottom: 0.16rem;

    color: var(--color000);

    font-weight: var(--weight500);

}

.pirn-content-txt{

    height: 7.2em;

    overflow: hidden;

    -webkit-line-clamp: 4;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.pirn-content-txt,

.pirn-content-txt p {

    color: var(--color333);

}

.product-intro-right-inof li:nth-child(1) {

    padding-top: 0;

}

.pili-nub.act .pili-nub-case {

    color: var(--colormain);

    padding-left: 80px;

}

.pili-nub.act .pili-nub-case::after {

    width: 65px;

    background: var(--colormain);

}

.pilb-pic {

    height: 100%;

}

.pilb-pic img {

    width: 100%;

}

.pilb-top {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: var(--height);

    overflow: hidden;

}

.product-intro-left-bg {

    position: absolute;

    right: calc(100% + 0.35rem - 0.65rem);

    top: calc(var(--space150) * -1);

    width: 65px;

    z-index: 1;

}

.product-main .mod-bg {

    position: relative;

    z-index: 9;

}

.product-intro {

    position: relative;

    background: var(--colorbj);

    overflow: visible;

}

/* C1 新闻列表页 */

.nici-nub-left-content{

    margin-top: 0.32rem;

}

.new-main .work-title-case {

    border: 1px solid rgba(255, 255, 255, .5);

    margin-bottom: 0 !important;

}

.infor-disc-top .ys-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.infor-disc-top .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(232, 12, 24, .2);

}

.infor-disc-top .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: var(--colormain);

}

.new-main .std-font64 {

    font-weight: var(--weight600);

}

.nici-nub-link {

    display: flex;

    width: 100%;

    height: 100%;

}

.nici-nub {

    width: 50%;

    margin-top: 0.72rem;

    padding: 0 1.48rem;

    position: relative;

}

.nici-nub:nth-child(1),

.nici-nub:nth-child(2){

    margin-top: 0;

}

.new-info-center-info {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -1.48rem;

}

.nnlc-tit {

    font-weight: var(--weight500);

    color: var(--color000);

    margin-bottom: 0.16rem;

    transition: var(--transition);

}

.nnlc-txt {

   height: 3.6em;

    overflow: hidden;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.nnlc-txt,

.nnlc-txt p {

    color: var(--color333);

}

.nnlc-bottom-case {

    padding-bottom: 0.24rem;

    border-bottom: 1px solid rgba(103, 103, 103, 0.1);

    margin-bottom: 0.12rem;

}

.nnlc-bottom .std-text16{

    color: var(--color000);

    transition: var(--transition);

    padding: 0 var(--space24);

    border-radius: 40px;

    background: var(--colorbj);

    line-height: 45px;

    border: 1px solid var(--colorbj);

}

.nnlc-bottom{

    padding: 0 0.1rem;

    margin-top: 0.2rem;

}

.nnlc-bottom-box{

    margin: 0 -0.1rem ;

    display: flex;

    flex-wrap: wrap;

}

.nici-nub-right {

    display: flex;

    align-items: center;

    opacity: 0;

    transition: var(--transition);

    position: absolute;

    top: 0.3rem;

    right: 0.3rem;

}

.nici-nub-right-case {

    width: calc(100% - 24px);

    padding-left: 0.1rem;

}

.nnrc-day {

    color: var(--colormain);

    font-weight: var(--weight600);

}

.nnrc-year {

    line-height: var(--line16);

    color: var(--colormain);

}

.new-info-center-case {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: -9;

    height: 100%;

    overflow: hidden;

    animation-delay: .5s;

}

.nicc-line {

    position: absolute;

    left: 50%;

    top: 0;

    width: 1px;

    height: 100%;

    background: var(--colormain);

    z-index: 1;

    transform: translate(-50%, -100%);

}

.new-info-center {

    position: relative;

    overflow: hidden;

}

.new-info-center-case::after {

    content: '';

    position: absolute;

    left: 50%;

    height: 100%;

    width: 1px;

    top: 0;

    transform: translateX(-50%);

    background: rgba(103, 103, 103, 0.1);

    z-index: -1;

}

.nici-nub-right-icon {

    width: 24px;

}

.nici-nub-right-icon img {

    width: 100%;

}

.nici-nub:nth-child(2n) .nici-nub-link {

    flex-direction: row-reverse;

}

.nici-nub:nth-child(2n) .nici-nub-right {

    flex-direction: row-reverse;

    right: auto;

    left: 0.3rem;

}

.nici-nub:nth-child(2n) .nici-nub-right .nici-nub-right-icon {

    transform: rotate(180deg);

}

.nici-nub:nth-child(2n) .nici-nub-right .nici-nub-right-case {

    padding-right: 0.1rem;

    padding-left: 0;

}

.new-main .ys-pcfy {

    padding-top: 0.7rem;

}

.new-main .infor-disc-top .idti-nub-link {

    padding: 0.06rem 0.23rem;

}

.inside-main.act .head-nav-item-title {

    color: var(--color333);

}

.inside-main.act .head-nav-item.yxnav-active1 .head-nav-item-title {

    color: var(--colormain);

}

.infor-disc-top .home-new-nav{

    width: calc(100% - 250px);

    margin-top: 0 !important;

}

.nici-nub .ys-imgbox-cover {

    opacity: 0;

    transition: transform 2s var(--transition1), filter 2s var(--transition1), opacity 1s var(--transition1);

}

.nici-nub.act .ys-imgbox-cover{

    filter: blur(0px);

    transform: scale(1);

    transition-delay: .5s;

    opacity: 1;

}

.ecin-link .std-btn1-box span{

    font-size: var(--font20);

    font-weight: var(--weight500);

}

.meet-hold-case-bottom .ddcb-right-tit {

    padding-right: 0.14rem;

    color: var(--color000);

    transition: var(--transition);

}

.meet-hold-case-pic {

    width: 34px;

    position: relative;

    margin: 0 auto;

}

.meet-hold-case-all::before {

    content: '';

    width: calc(50% - 54px);

    height: 1px;

    background: var(--colormain);

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

.meet-hold-case-all::after {

    content: '';

    width: calc(50% - 54px);

    height: 1px;

    background: var(--colormain);

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}

.meet-hold-case-all1 {

    margin-bottom: 0.35rem;

}

.meet-hold-case-all2 {

    margin-bottom: 0.42rem;

}

.meet-hold-case-all {

    position: relative;

}

.drtc-btn {

    --widtbtn: 0.42rem;

}

.product-intro-right-nub {

    padding-top: 0.24rem;

}

.product-intro-list1 .swiper-wrapper {

    display: block;

}

.product-intro-right .product-intro-list1 {

    display: none;

}

.home-service-phbtn{

    display: none;

}

@media screen and (max-width: 1694px) {

    .respon-action .ys-cont1440::before {

        width: calc(7.5vw + 51%);

        left: -7.5vw;

    }

    .respon-vision::after{

        width: 7.5vw;

    }

    .home-recruit-text {

        padding-right: 7.5vw;

    }

    .contact-text-wrap::after{

        width: 7.5vw;

        left: -7.5vw;

    }

    .ys-page-wrap.act .ys-hd-pc{

        padding-left: 7.5vw;

    }

}

/*鼠标效果*/

@media screen and (min-width: 1200px) {

    /* 分页-start */

    .pc-fenye li:hover {

        background: var(--colormain);

        color: var(--colorfff);

        border: 1px solid var(--colormain);

    }

    .pc-fenye .end:hover li, .pc-fenye .first:hover li,    .pc-fenye .next:hover li, .pc-fenye .prev:hover li{

        color: var(--colormain) !important;

        background: transparent !important;

        border: 1px solid rgba(0, 0, 0, 0.10) !important;

    }

    .comp-first:hover,

    .comp-prev:hover,

    .comp-next:hover,

    .comp-end:hover {

        background: transparent !important;

        color: var(--colormain) !important;

        border: 1px solid rgba(0, 0, 0, 0.10) !important;

    }

    /* 分页-end */

    .footer-top-ri>ul>li>a:hover,

    .footer-top-ri>ul>li li a:hover{

        color: var(--colormain);

    }

    .mod-arrow-icon:hover{

        background: var(--colormain);

        border: 1px solid var(--colormain);

    }

    .mod-arrow-icon:hover path{

        stroke: var(--colorfff);

    }

    .hnbl-ul-li-link:hover .hull-text-tit{

        color: var(--colormain);

    }

    .hnbl-btn a:hover .hnbl-btn-icon{

        border: 1px solid var(--colormain);

        background: var(--colormain);

    }

    .hnbl-btn a:hover path{

        stroke: var(--colorfff);

    }

    .hnbl-btn a:hover .hnbl-btn-text{

        color: var(--colormain);

    }

    .hwbl-swiper-item a:hover .hsit-tit{

        color: var(--colormain);

    }

    .hwbl-swiper-item a:hover .std-btn1-box-icon{

        border: 1px solid var(--colormain);

        background: var(--colormain);

    }

    .hwbl-swiper-item a:hover path{

        stroke: var(--colorfff);

    }

    .std-btn1-box:hover span{

        color: var(--colormain);

    }

    .std-btn1-box:hover .std-btn1-box-icon{

        border: 1px solid var(--colormain);

        background: var(--colormain);

    }

    .std-btn1-box:hover path{

        stroke: var(--colorfff);

    }

    .home-service-swiper-item a:hover .hssi-text-tit{

        color: var(--colormain);

    }

    .atbl-cont:hover .atbl-cont-text{

        margin-top: calc(-1 * var(--height2));

    }

    .atbl-cont:hover .atbl-cont-text-info{

        height: var(--height1);

        margin-top: 14px;

    }

    .rril-link:hover .rril-link-tit{

        color: var(--colormain);

    }

    .footer-bot-link-info span:hover{

        color: var(--colormain);

    }

    .aslc-img:hover img{

        transform: scale(1.05);

    }

    .ddcb-right .ddcb-left-link:hover .ddcb-left-icon img {

        transform: rotate(180deg) scale(1.0);

    }

    .ddcb-center-link:hover .ddcb-center-link-icon img,

    .ddcb-left-link:hover .ddcb-left-icon img {

        transform: scale(1.0);

    }

    .ddcb-left-link:hover .ddcb-left-icon img:nth-child(1) {

        opacity: 1;

    }

    .ddcb-left-link:hover .ddcb-left-icon img:nth-child(2) {

        opacity: 0;

    }

    .ddcb-center:hover .std-text14 {

        color: var(--colormain);

    }

    .ddcb-left-link:hover .ddcb-left-tit,

    .ddcb-left-link:hover .ddcb-right-tit {

        color: var(--colormain);

    }

    .ddcb-center-link:hover .ddcb-center-link-icon img:nth-child(1) {

        opacity: 1;

    }

    .ddcb-center-link:hover .ddcb-center-link-icon img:nth-child(2) {

        opacity: 0;

    }

    .ddri-nub-link:hover .ddri-nub-tit {

        color: var(--colormain);

    }

    .drim-box:hover .drim-box-tit {

        color: var(--colormain);

    }

    .ecin-link:hover .elck-case img:nth-child(1) {

        transform: scale(1.0);

    }

    .ecin-link:hover .elck-case img:nth-child(2) {

        transform: translateX(-50%) scale(1.0);

    }

    .ecin-link:hover .elck-case img:nth-child(2) {

        opacity: 0;

    }

    .ecin-link:hover .elck-case img:nth-child(1) {

        opacity: 1;

    }

    .ecin-link:hover .elck-case {

        background: var(--colormain);

        border: 1px solid var(--colormain);

    }

    .ecin-link:hover .elck-tit {

        color: var(--colormain);

    }

    .ecin-link:hover .ecin-link-content-tit {

        color: var(--colormain);

    }

    .wtin-link:hover {

        color: var(--colormain);

        background: var(--colorfff);

        border: 1px solid transparent;

    }

    .wbtn-case:hover .elck-case img:nth-child(2) {

        transform: scale(1.0) translateX(-50%);

    }

    .wbtn-case:hover .elck-case img:nth-child(1) {

        transform: scale(1.0);

    }

    .wbtn-case:hover .elck-case img:nth-child(1) {

        opacity: 1;

    }

    .wbtn-case:hover .elck-case {

        background: var(--colormain);

        border: 1px solid transparent;

    }

    .wbtn-case:hover .elck-case img:nth-child(2) {

        opacity: 0;

    }

    .wbtn-case:hover .elck-tit {

        color: var(--colormain);

    }

    .wbtn-case:hover .wbtn-case-right-tit {

        color: var(--colormain);

    }

    .wbin-link:hover .elck-case img:nth-child(2) {

        opacity: 0;

    }

    .wbin-link:hover .elck-case img:nth-child(2) {

        transform: scale(1.0) translateX(-50%);

    }

    .wbin-link:hover .elck-case img:nth-child(1) {

        transform: scale(1.0);

    }

    .wbin-link:hover .elck-case {

        background: var(--colormain);

        border: 1px solid transparent;

    }

    .wbin-link:hover .elck-case img:nth-child(1) {

        transform: scale(1.0);

    }

    .wbin-link:hover .elck-case img:nth-child(1) {

        opacity: 1;

    }

    .wbin-link:hover .wbin-link-content-tit {

        color: var(--colormain);

    }

    .idti-nub-link:hover {

        color: var(--colormain);

        border: 1px solid var(--colormain);

    }

    .idin-link:hover .idin-tit {

        color: var(--colormain);

    }

    .cuin-inof-nub-txt a:hover {

        color: var(--colormain);

    }

    .pirn-link:hover .pirn-content-tit {

        color: var(--colormain);

    }

    .nici-nub-left:hover ~ .nici-nub-right {

        opacity: 1;

    }

    .nici-nub-left:hover .nnlc-tit {

        color: var(--colormain);

    }

    .nici-nub-left:hover .nnlc-bottom .std-text16{

        background: var(--colorbj);

        color: var(--colormain);

        border: 1px solid var(--colormain);

    }

    .ecin-link:hover .std-btn1-box span {

        color: var(--colormain);

    }

    .ecin-link:hover .std-btn1-box-icon {

        border: 1px solid var(--colormain);

        background: var(--colormain);

    }

    .ecin-link:hover .std-btn1-box path {

        stroke: var(--colorfff);

    }

    .wbtn-case:hover .std-btn1-box span{

        color: var(--colormain);

    }

    .wbtn-case:hover .std-btn1-box-icon {

        border: 1px solid var(--colormain);

        background: var(--colormain);

    }

    .wbtn-case:hover .std-btn1-box path {

        stroke: var(--colorfff);

    }

    .tjbn-sec-bottom-link:hover::after{

        opacity: 1;

    }

}



/* 载入效果 */

.ys-fadeup1 {

    animation: ysfadeInUp 1s var(--transition1) both;

    animation-delay: .2s;

}

.ys-fadeup2 {

    animation: ysfadeInUp 1s var(--transition1) both;

    animation-delay: .3s;

}

.ys-fadeup3 {

    animation: ysfadeInUp 1s var(--transition1) both;

    animation-delay: .4s;

}

@keyframes imgBlur{

    0%{

        filter: blur(10px);

        transform: scale(1.1);

    }

    100%{

        filter: blur(0);

        transform: scale(1);

    }

}

.ys-ban-li.slick-current .ys-ban-title{

    animation: ysfadeInUp 1s var(--transition1) both;

    animation-delay: .2s;

    visibility: visible;

}

.ys-ban-li.slick-current .ys-ban-parga{

    animation: ysfadeInUp 1s var(--transition1) both;

    animation-delay: .4s;

    visibility: visible;

}

.home-new-bt-li.act .mod-img .ys-imgbox-cover{

    filter: blur(0px);

    transform: scale(1);

}

.respon-report-info-li:nth-child(2n+2){

    animation-delay: .4s;

}







/* .home-service-bg{

    position: relative;

}

.home-service-bg-li{

    width: 100%;

    position: relative;

}

.home-service-bg-li2{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.home-service-bg img{

    width: 100%;

}

.home-service-bg-img1{

    animation: donghua1 12s linear infinite;

}

.home-service-bg-img2{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    transform: translateX(100%);

    animation: donghua2 12s linear infinite;

}

.home-service-bg-li2 .home-service-bg-img1{

    animation: donghua1 10s linear infinite;

}

.home-service-bg-li2 .home-service-bg-img2{

    animation: donghua1 10s linear infinite;

}

@keyframes donghua1 {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-100%);

    }

}

@keyframes donghua2 {

    from {

        transform: translateX(100%);

    }

    to {

        transform: translateX(0);

    }

} */



.home-new-bt-li {

    transform: translateY(60px);

    opacity: 0;

    transition: transform 2s var(--transition1),opacity 1s var(--transition1);

    transition-delay: .4s;

}

.home-new-bt-li.act{

    transform: translateY(0px);

    opacity: 1;

}

.home-new-bt-li.active{

    transform: translateY(0px);

    transition-delay: .1s !important;

}

.home-new-bt-li.active .mod-img .ys-imgbox-cover{

    transition-delay: .3s;

}



/* 二期-start */

.talent-lab{

    background: var(--colorfff);

    box-shadow: 0 4px 30px 0 rgba(31, 30, 29, 0.08);

}

.talent-lab-ul-li{

    padding: 0 0.84rem;

}

.talent-lab-ul{

    margin: 0 -0.84rem; 

    display: flex;

    justify-content: center;

}

.talent-lab-ul-li a{

    font-size: var(--font16);

    line-height: 60px;

    color: var(--color000);

    transition: var(--transition);

    display: block;

    position: relative;

}

.talent-lab-ul-li a::after{

    content: "";

    width: 0;

    height: 2px;

    background: var(--colormain);

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: var(--transition);

}

.talent-lab-ul-li.act a{

    color: var(--colormain);

}

.talent-lab-ul-li.act a::after{

    width: 100%;

}

.talent-job-tit-parga{

    width: 76%;

    margin: 0.24rem auto 0;

    text-align: center;

}

.talent-job-tit-parga,

.talent-job-tit-parga p{

    color: var(--color000);

}

.talent-job-tit h2{

    text-align: center;

}

.talent-job-tit{

    margin-bottom: 0.7rem;

}

/* F2 科技创新-start */

.tech-future{

    padding: var(--space80) 0;

}

.tech-future .std-font44{

    text-align: center;

    color: var(--color000);

}

.tech-future .std-text16{

    margin-top: 0.32rem;

    color: var(--color333);

}

.tech-future .std-text16 p{

    color: var(--color333);

}

.tech-system-tp{

    text-align: center;

}

.text-cont{

    width: 76%;

    margin: 0 auto;

    text-align: center;

}

.tech-system-tp .std-text16{

    margin-top: 0.15rem;

    color: var(--color333);

}

.tech-system-tp .std-text16 p{

    color: var(--color333);

}

.tech-system-info-li{

    margin-top: var(--space50);

}

.tsil-cont{

    background: var(--colorbj);

    padding: 0.56rem 0.87rem 0.56rem 0.7rem;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.tsil-cont-img{

    width: 50%;

    border-radius: 10px;

}

.tsil-cont-text{

    width: 50%;

    padding-left: 0.6rem;

}

.tsil-cont-text .std-font24{

    font-weight: var(--weight600);

    color: #EC3A44;

}

.tsil-cont-text-info{

    margin-top: 0.3rem;

}

.tsil-cont-text-info li p{

    margin-bottom: 0.1rem;

}

.tsil-cont-text-info li p,

.trbt-li-body li p{

    color: var(--color333);

}

.tsil-cont-text-info li p span,

.trbt-li-body li p span{

    font-weight: var(--weight600);

    font-size: inherit;

    line-height: inherit;

    color: inherit;

    display: inline-block;

}

.tsil-cont-text-info li,

.trbt-li-body li{

    padding-left: 15px;

    position: relative;

}

.tsil-cont-text-info li::after,

.trbt-li-body li::after{

    content: "";

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: var(--color333);

    position: absolute;

    top: 12px;

    left: 0;

}

.tech-system-info-li:nth-child(2n) .tsil-cont{

    flex-direction: row-reverse;

}

.tech-system-info-li:nth-child(2n) .tsil-cont-text{

    padding-left: 0;

    padding-right: 0.7rem;

}

.tsil-cont-img .ys-imgbox-cover{

    opacity: 0;

    transition: transform 2s var(--transition1), filter 2s var(--transition1), opacity 0.8s var(--transition1);

    transition-delay: .6s;

}

.tsil-cont-img.act .ys-imgbox-cover{

    filter: blur(0px);

    transform: scale(1);

    opacity: 1;

}

.tech-intell{

    margin-top: var(--space150);

    position: relative;

    z-index: 1;

}

.tech-intell-bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.tech-intell-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.tech-intell .text-cont .std-font20{

    margin-top: 0.24rem;

}

.tech-intell .text-cont .std-font20,

.tech-intell .text-cont .std-font20 p{

    color: var(--color333);

    line-height: var(--line18);

}

.tech-intell-info{

    margin: var(--space60) -0.16rem 0;

    display: flex;

    flex-wrap: wrap;

}

.tech-intell-info-li{

    width: 50%;

    padding: 0 0.16rem;

    margin-top: 0.32rem;

}

.tech-intell-info-li:nth-child(1),

.tech-intell-info-li:nth-child(2){

    margin-top: 0;

}

.tech-intell-info-li:nth-child(2n+2){

    animation-delay: .5s;

}

.tiil-cont{

    border-radius: 8px;

    border: 1px solid #A18C8D;

    background: #FFF;

    padding: 0.36rem 0.65rem;

    position: relative;

    overflow: hidden;

    transition: var(--transition);

}



.tiil-cont-tp{

    position: absolute;

    transition: var(--transition);

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    top: 0.36rem;

    left: 0;

    padding: 0 0.65rem;

}

.tiil-cont-tp-num{

    line-height: var(--line15);

    color: var(--color666);

    font-weight: 200;

}

.tiil-cont-tp-icon{

    position: absolute;

    right: 0.65rem;

    top: -0.15rem;

    width: 126px;

}

.tiil-cont-tp-icon img{

    width: 100%;

}

.tiil-cont-bt{

    margin-top: 1.56rem;

    position: relative;

    top: 0;

    transition: var(--transition);

}

.tcbh-tit1 {

    color: var(--color666);

}

.tcbh-tit2 {

    font-weight: var(--weight600);

    color: var(--colormain);

}

.tcbb-parga{

    margin-top: 0.1rem;

    color: var(--color333);

    max-height: 5.4em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.tcbb-parga p{

    color: var(--color333);

}

.tiil-cont-bt-bd{

    height: 0;

    overflow: hidden;

    transition: var(--transition);

    position: absolute;

}

.tiil-cont-num{

    line-height: var(--line15);

    color: var(--color666);

    font-weight: 200;

}

.tiil-cont-icon{

    position: absolute;

    right: 0;

    top: -0.15rem;

    width: 126px;

}

.tiil-cont-icon img{

    width: 100%;

}

.tech-recog .text-cont .std-font20{

    margin-top: 0.24rem;

    color: var(--color333);

}

.tech-recog .text-cont .std-font20 p{

    color: var(--color333);

}

.tech-recog-bt{

    margin-top: var(--space60);

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.tech-recog-bt-text{

    width: 51%;

    padding-right: 1.5rem;

}

.tech-recog-bt-img{

    width: 49%;

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.trbi-li{

    width: 100%;

    filter: blur(10px);

    transform: scale(1.1);

    opacity: 0;

    transition: transform 2s var(--transition1), filter 2s var(--transition1), opacity 0.8s var(--transition1);

    transition-delay: .8s;

}

.trbi-li img{

    width: 100%;

}

.tech-recog-bt-img.act .trbi-li{

    filter: blur(0px);

    transform: scale(1);

    opacity: 1;

}

.trbt-li-head-icon{

    width: var(--iconwidth);

    position: relative;

    top: 6px;

}

.trbt-li-head-icon svg{

    width: 100%;

    height: auto;

}

.trbt-li-head-icon svg path{

    transition: var(--transition);

}

.trbt-li-head .std-font24{

    width: calc(100% - var(--iconwidth));

    padding-right: 0.8rem;

    font-weight: var(--weight500);

    color: #676767;

}

.trbt-li-head{

    display: flex;

    align-items: flex-start;

    cursor: pointer;

    padding: 0.24rem 0;

}

.trbt-li-body{

    margin-top: 0.08rem;

    display: none;

}

.trbt-li{

    margin-bottom: var(--space50);

    border-top: 1px solid rgba(103, 103, 103, 0.10);

    position: relative;

}

.trbt-li:last-child{

    margin-bottom: 0;

}

.trbt-li::after{

    content: "";

    width: 0;

    height: 1px;

    background: var(--colormain);

    position: absolute;

    top: -1px;

    left: 0;

    transition: var(--transition);

}

.trbt-li.act .trbt-li-head .std-font24{

    color: var(--colormain);

}

.trbt-li.act::after{

    width: 100%;

}

.trbt-li.act .trbt-li-head-icon path:nth-child(1){

    opacity: 0;

}

.trbt-li.act .trbt-li-head-icon path{

    stroke: var(--colormain);

}

.tcth-tit1{

    color: var(--color666);

}

.tcth-tit2{

    font-weight: var(--weight600);

    color: var(--colormain);

}

.tctb-parga,

.tctb-parga p{

    color: var(--color333);

}

.tctb-parga{

    margin-top: 10px;

}

.tctb-lab{

    margin-top: 0.24rem;

    display: flex;

    flex-wrap: wrap;

    max-height: 40px;

}

.tctb-lab-li{

    margin-right: 0.2rem;

}

.tctb-lab-li span{

    padding: 0 var(--space24);

    border-radius: 100px;

    border: 1px solid var(--colormain);

    background: rgba(232, 12, 24, 0.10);

    text-align: center;

    font-size: var(--font20);

    line-height: 38px;

    color: var(--colormain);

    display: inline-block;

}

.tiil-cont-text{

    margin-top: var(--space60);

}

.trbi-li:not(:first-child){

    display: none;

}

.tiil-cont-wrap{

    position: relative;

}

.tiil-cont-text-bd{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 5;

    transition: var(--transition);

    opacity: 0;

    pointer-events: none;

}

.tiil-cont-wrap-before{

    transition: var(--transition);

}

.tech-innova{

    background: var(--colorbj);

    overflow: inherit !important;

    height: var(--height);

}

.tech-innova-wrap{

    width: 100vw !important;

    height: calc(100vh - var(--headh) - 60px);

    position: sticky;

    top: calc(var(--headh) + 60px);

    display: flex;

    align-items: center;

}

.tech-innova-wrap .std-font44{

    color: var(--color000);

}

.tiws-li{

    height: auto !important;

}

.tiws-li-cont{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    position: relative;

    height: 100%;

}

.tiws-li-cont::after{

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 1px solid var(--colormain);

    position: absolute;

    left: 0;

    bottom: calc(0.5rem - 5px);

    transition: var(--transition);

    background: var(--colorbj);

}

.tech-innova-wrap-swiper{

    width: 88%;

    margin: var(--space60) 0 0 !important;

    overflow: visible !important;

}

.tiws-li-cont-text{

    width: 48%;

    padding-right: 0.84rem;

}

.tiws-li-cont-img{

    width: 52%;

    border-radius: 10px;

}

.tiws-li-cont-img .ys-imgbox-cover{

    opacity: 0;

    transition: transform 2s var(--transition1), filter 2s var(--transition1), opacity 0.8s var(--transition1);

    transition-delay: .6s;

}

.tech-innova-wrap-swiper.act .tiws-li-cont-img .ys-imgbox-cover{

    filter: blur(0px);

    transform: scale(1);

    opacity: 1;

}

.tlct-lab{

    margin-top: 0;

    margin-bottom: 0.2rem;

    max-height: inherit;

}

.tlct-lab .tctb-lab-li{

    margin-bottom: 0.2rem;

}

.tlct-info-li{

    display: flex;

    align-items: flex-start;

    margin-top: 0.2rem;

}

.tlct-info-li:nth-child(1){

    margin-top: 0;

}

.tlct-info-li-icon{

    width: 32px;

    position: relative;

    top: 2px;

}

.tlct-info-li-icon img{

    width: 100%;

}

.tlct-info-li-text{

    width: calc(100% - 32px);

    padding-left: 0.12rem;

}

.tlct-info-li-text .std-font20{

    line-height: var(--line18);

    color: var(--color000);

    font-weight: var(--weight600);

}

.tilt-parga{

    margin-top: 0.1rem;

}

.tilt-parga,

.tilt-parga p{

    color: var(--color333);

} 

.tiws-li.swiper-slide-active .tiws-li-cont::after{

    background: var(--colormain);

}

.tech-innova-wrap .ys-cont1440{

    position: relative;

}

.tech-innova-wrap .ys-cont1440::after{

    content: "";

    width: 100vw;

    height: 1px;

    background: rgba(103, 103, 103, 0.10);

    position: absolute;

    bottom: 0.5rem;

    left: 50%;

    transform: translateX(-50%);

}

/* F2 科技创新-end */



/* E1 数据科技汇总页-start */

.data-service{

    position: relative;

    z-index: 1;

}

.data-service-bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.data-service-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.data-service-bg::after{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.25);

    position: absolute;

    top: 0;

    left: 0;

}

.data-service-tp{

    width: 43%;

    margin: auto;

    text-align: center;

}

.data-service-tp-parga,

.data-service-tp-parga p{

    color: var(--colorfff);

}

.data-service-tp .std-font44{

    color: var(--colorfff);

}

.dsbs-cont{

    padding: 0.34rem;

    border-radius: 10px;

    background: var(--colorfff);

    box-shadow: 0 4px 30px 0 rgba(31, 30, 29, 0.08);

    height: auto !important;

}

.dsbs-cont-tit{

    color: var(--colormain);

    font-weight: var(--weight500);

}

.dsbs-cont-parga{

    margin-top: 0.16rem;

    padding-top: 0.16rem;

    border-top: 1px solid rgba(103, 103, 103, 0.10);

}

.data-service-bt-swiper.has-dots{

    padding-bottom: 0.5rem;

}

.data-service-bt-swiper .swiper-pagination-bullet{

    background: var(--colorfff) !important;

}

.data-model{

    padding-bottom: 10px;

}

.data-model-wrap-parga,

.data-model-wrap-parga p{

    color: var(--color333);

}

.data-model-list{

    margin: 0.4rem -0.13rem 0;

    display: flex;

    flex-wrap: wrap;

}

.data-model-list-li{

    width: 25%;

    padding: 0 0.13rem;

    margin-top: 0.26rem;

}

.data-model-list-li:nth-child(1),

.data-model-list-li:nth-child(2),

.data-model-list-li:nth-child(3),

.data-model-list-li:nth-child(4){

    margin-top: 0;

}

.data-model-list-li:nth-child(4n+1){

    animation-delay: .4s;

}

.data-model-list-li:nth-child(4n+2){

    animation-delay: .5s;

}

.data-model-list-li:nth-child(4n+3){

    animation-delay: .6s;

}

.data-model-list-li:nth-child(4n+4){

    animation-delay: .7s;

}

.dmll-cont{

    border-radius: 8px;

    border: 1px solid #A18C8D;

    transition: var(--transition);

    padding: 0.26rem 0.3rem 0.38rem 0.42rem;

    position: relative;

    height: 100%;

}

.data-main{

    background: var(--colorbj);

}

.data-space-wrap{

    height: calc(100vh - var(--headh) - 60px);

    position: sticky;

    top: calc(var(--headh) + 60px);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

.data-space-wrap-bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.data-space-wrap-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.data-space-wrap-cont{

    position: relative;

    z-index: 5;

    margin-top: calc(-1 * (var(--length) * 0.9rem));

}

.dswc-cont .std-font44{

    color: var(--color000);

}

.dswc-cont-parga,

.dswc-cont-parga p{

    color: var(--color333);

}

.dswc-cont-list{

    margin-top: 0.4rem;

    position: relative;

}

.dcll-wrap{

    padding: 0.25rem 0.6rem 0.8rem;

    position: relative;

    z-index: 1;

    border-radius: 10px;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.dcll-wrap::after{

    content: "";

    width: 100%;

    height: 100%;    

    border-radius: 10px;

    background: var(--colorfff);

    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    pointer-events: none;

}

.dcll-wrap-icon{

    width: 60px;

}

.dcll-wrap-icon img{

    width: 100%;

}

.dcll-wrap-text{

    text-align: left;

    padding-left: 0.2rem;

    width: calc(100% - 60px);

    margin-top: 6px;

}

.dcll-wrap-text-tit{

    color: var(--color000);

    font-weight: var(--weight500);

}

.dcll-wrap-text-parga,

.dcll-wrap-text-parga p{

    color: var(--color333);

}

.data-space{

    overflow: inherit !important;

    height: var(--height);

    position: relative;

}

.dswc-cont-list-li:nth-child(1){

    position: relative;

}

.dswc-cont-list-li{

    position: absolute;

    top: calc(var(--index) * 0.9rem);

    left: 0;

    width: 100%;

    height: 100%;

    transform: translateY(calc(var(--index) * 150%));

}

.data-space-list-li{

    height: 180vh;

}

.data-space-list{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    pointer-events: none;

}

.dswc-cont{

    position: relative;

}

.dswc-cont-side{

    width: 44px;

    position: absolute;

    top: calc(50% + var(--length) * calc(0.9rem / 2));

    left: -77px;

    transform: translateY(-50%);

    z-index: 1;

}

.dswc-cont-side-li{

    width: 44px;

    height: 44px;

    border-radius: 50%;

    border: 1px solid #BCBCBC;

    position: relative;

    transition: var(--transition);

    background: var(--colorfff);

    margin-bottom: 0.5rem;

    cursor: pointer;

}

.dswc-cont-side-li:last-child{

    margin-bottom: 0;

}

.dswc-cont-side-li::after{

    content: "";

    width: 36%;

    height: 36%;

    background: #BCBCBC;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    transition: var(--transition);

}

.dswc-cont-side::after{

    content: "";

    width: 2px;

    height: 100%;

    background: #BCBCBC;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

}

.dswc-cont-side-li.act {

    border: 1px solid #EB2B35;

}

.dswc-cont-side-li.act::after{

    background: #EB2B35;

}

.dmll-cont-icon{

    width: 66px;

    position: absolute;

    top: 0.26rem;

    left: 0.42rem;

    transition: var(--transition);

}

.dmll-cont-box{

    margin-top: 1.06rem;

    transition: var(--transition);

    position: relative;

    top: 0;

}

.dmll-cont-box-tit {

    font-weight: var(--weight600);

    color: var(--color000);

    transition: var(--transition);

}

.dmll-cont-box-parga{

    margin-top: 0.1rem;

    height: 0;

    overflow: hidden;

    transition: var(--transition);

    width: 100%;

    position: absolute;

    max-height: 5.4em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.data-main .mod-bg{

    padding-top: 0;

}

/* E1 数据科技汇总页-end */

/*鼠标效果*/

@media screen and (min-width: 1200px) {

    .tiil-cont:hover{

        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);

    }

    .tiil-cont:hover .tiil-cont-text-bd{

        opacity: 1;

        pointer-events: all;

    }

    .tiil-cont:hover .tiil-cont-wrap-before{

        opacity: 0;

        pointer-events: none;

    }

    .dmll-cont:hover{

        background: var(--colorfff);

        border: 1px solid #EB2B35;

        box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);

    }

    .dmll-cont:hover .dmll-cont-icon{

        opacity: 0;

    }

    .dmll-cont:hover .dmll-cont-box{

        top: -1.06rem;

    }

    .dmll-cont:hover .dmll-cont-box-tit{

        color: #EB2B35;

    }

    .dmll-cont:hover .dmll-cont-box-parga{

        height: var(--textHeight);

    }

    .tiil-cont:hover .tiil-cont-bt-bd{

        height: calc(var(--textHeight) + 0.34rem);

    }

    .tiil-cont:hover .tiil-cont-bt{

        top: -1.56rem;

    }

    .tiil-cont:hover .tiil-cont-tp{

        opacity: 0;

        pointer-events: none;

    }

}

/* 二期-end */



/* 2025.11.19修改-start */

.product-intro-left .inddet-nav{

    height: auto;

    box-shadow: none;

}

.product-intro-left .inddet-nav-wrap{

    background: transparent;

    box-shadow: none;

}

.hwbl-swiper-item-img .ys-imgbox-cover img:nth-child(2),

.rals-item-img .ys-imgbox-cover img:nth-child(2),

.ecology-concept-inof-nub .ys-imgbox-cover img:nth-child(2){

    object-fit: cover;

}

.home-new-bg::after,

.mod-bg-img::after{

    content: "";

    width: 100%;

    height: 33%;

    background: url(../images/bg_mask.png) center / cover no-repeat;

    position: absolute;

    bottom: 0;

    left: 0;

}

.mod-bg-img{

    position: relative;

}

.hssi-text-parga{

    height: 4.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.footer-bot-link-parga {

    width: 98px;

}

.footer-bot-link-info{

    width: calc(100% - 98px);

}

.nnlc-bottom-ph{

    display: none;

}

.ecology-partner-ph{

    display: none;

}

.tsin-case h6{

    font-weight: bold !important;

}

.develop-discuss-left-share .ys-share{

    display: flex;

    flex-wrap: wrap;

}

.meet-hold-case-bottom{

    position: relative;

}

.ddcb-center{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

.develop-discuss-center-bottom{

    position: relative;

    padding: 0.43rem 0.35rem;

}

/* 2025.11.19修改-end */

/* 2025.11.20修改-start */

.tctb-lab-li span {

    font-size: var(--font18);

}

.tech-innova-wrap{

    height: calc(100vh - var(--headh));

    top: var(--headh);

}

.inddet-nav-wrap.nav-top{

    transform: translateY(-80px);

}

.inddet-nav-wrap.nav-bottom{

    transform: translateY(0px);

}

.home-value-line-img svg{

    width: 100%;

    height: auto;

}

.home-value-line-img{

    animation: ride1 5s ease infinite alternate;

}

.home-value-line-img path:nth-child(2) {

    animation: float1 4s ease-in-out infinite alternate;

}

.home-value-line-img path:nth-child(1){

    animation: dashSmall1 10s linear infinite alternate forwards;

}

.home-value-line-img path:nth-child(3) {

    animation: dashSmall2 10s linear infinite alternate forwards;

}

@keyframes ride1 {

    0% {

        transform: translateX(10px)

    }



    to {

        transform: translateX(-10px)

    }

}

@keyframes float1 {

    0% {

        transform: translateY(0)

    }



    to {

        transform: translateY(-40px)

    }

}

@keyframes dashSmall1 {

    0% {

        stroke-dasharray: 5 5;

        stroke-dashoffset: 400

    }

}

@keyframes dashSmall2 {

    0% {

        stroke-dasharray: 28 10;

        stroke-dashoffset: 400

    }

}

/* 2025.11.20修改-end */



/* 2025.11.22修改-start */

.home-work-bt-li-btn{

    text-align: center;

}

.home-work-bt-li-btn .tsbl-tit{

    padding-right: 0;

}

.home-work-bt-li-btn .tjbn-sec-bottom-link {

    margin-top: 0.4rem;

}

.home-work{

    padding-bottom: 5px;

}

.new-info,

.work-build{

    padding-top: 0.5rem;

}

.infor-disc-top{

    margin-bottom: 0.4rem;

}

.cuin-inof-nub{

    margin-top: 0.2rem;

}

.cuin-inof-nub:nth-child(1),

.cuin-inof-nub:nth-child(2){

    margin-top: 0;

}

.nici-nub-left-content {

    margin-top: 0.24rem;

}

.nnlc-tit,

.work-main .hsit-tit{

    font-size: 22px;

}

.work-main .work-title-inof{

    margin-top: 0;

    margin-bottom: 0.4rem;

}

.work-main .wtin-link{

    border: 1px solid #676767;

    color: #676767;

}

.work-main .work-title-inof-nub.act .wtin-link{

    color: var(--colormain);

    border: 1px solid var(--colormain);

}

.about-mission-wrap-effect{

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.about-mission-wrap-effect #lottie{

    width: 100%;

}

/* 2025.11.22修改-end */



/* 2025.11.26修改-start */

.tech-innova-wrap{

    flex-wrap: wrap;

}

.tech-innova-wrap-cont{

    position: relative;

    width: 100%;

}

.tech-innova-wrap .std-font44{

    position: absolute;

    top: 0;

    left: 0;

}

.tech-innova-wrap-bt{

    padding-left: calc(50vw - 720px);

    margin-top: calc(var(--space60) + 52px);

    width: calc(calc(50vw - 720px) + var(--lengthNum) * var(--itemWidth) + calc(var(--lengthNum) - 1) * 110px);

}

.tiwb-info{

    display: flex;

}

.tiws-li{

    margin-right: 110px;

    width: calc(var(--itemWidth));

    flex-shrink: 0;

}

.tiws-li:last-child{

    margin-right: 0;

}

.tiws-li-cont-img .ys-imgbox-cover{

    filter: blur(0px);

    transform: scale(1);

    opacity: 1;

}

.tech-innova-wrap .ys-cont1440::after {

    display: none;

}

.tech-innova-wrap-bt::after{

    content: "";

    width: calc(100% + calc(50vw - 720px));

    height: 1px;

    background: rgba(103, 103, 103, 0.10);

    position: absolute;

    bottom: 0.5rem;

    left: 0;

    z-index: -1;

}

.hssi-text-img{

    border-radius: 10px !important;

}

.data-space-list-li {

    height: 40vh;

}

.dcll-wrap{

    height: var(--itemheight);

}

.tech-system{

    overflow: inherit !important;

}

.tech-system-info-li{

    position: sticky;

    top: 200px;

    opacity: calc(1 - calc(0.8* var(--pro1)));

}

.tech-system-info-li.on {

    opacity: 0;

}

.tech-system-tp{

    margin-bottom: var(--space50);

}

.tech-system-info-li:nth-child(1){

    margin-top: 0;

}

/* 2025.11.26修改-end */





/* 2025.12.3改版修改-start */

.home-new-bt-item:not(:first-child){

    display: none;

}

.hnbi-cont{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    position: relative;

}

.hnbi-cont::after{

    content: "";

    width: 1px;

    height: calc(100% + 20px);

    background: rgba(103, 103, 103, 0.1);

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}

.hnbi-cont-le{

    width: 50%;

    padding-right: 0.34rem;

    overflow: hidden;

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.hcls-li-wrap{

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    background: var(--colorfff);

}

.hcls-li-wrap-text{

    padding: 0.22rem 0.32rem 0.32rem;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.hlwt-data{

    width: 15%;

}

.hlwt-data-day{

    font-weight: var(--weight600);

    color: var(--color666);

}

.hlwt-tit{

    width: 85%;

    padding-left: 0.27rem;

    border-left: 1px solid #EAEAEA;

    font-weight: var(--weight500);

    transition: var(--transition);

}

.hnbi-cont-le-slick .slick-dots{

    bottom: auto !important;

    top: calc(var(--height) - 44px);

    right: 0.28rem;

    width: auto;

}

.hnbi-cont-le-slick .slick-dots li {

    width: 10px;

    height: 10px;

    border: none;

    background: rgba(255,255,255,.5);

}

.hnbi-cont-le-slick .slick-dots li.slick-active{

    background: rgba(255,255,255,1);

}

.hnbi-cont-le-slick{

    margin: 0 -0.12rem;

}

.hcls-li{

    padding: 0 0.12rem;

}

.hnbi-cont-ri{

    width: 50%;

    padding-left: 0.34rem;

}

.hcri-li:nth-child(1) .hcri-li-link{

    padding-top: 0;

}

.hcri-li-link{

    display: block;

    padding: 0.32rem 0;

    border-bottom: 1px solid rgba(103, 103, 103, 0.1);

}

.hcri-li-link-tit{

    transition: var(--transition);

}

.hcri-li-link-parga{

    margin-top: 0.16rem;

    color: rgba(103, 103, 103, 0.70);

    line-height: var(--line16);

    max-height: 3.2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.hcri-li-link-parga p{

    color: rgba(103, 103, 103, 0.70);

    line-height: var(--line16);

}

.hlwt-data-phyear{

    display: none;

}

.about-team-bt-ul {

    flex-wrap: wrap;

}

.about-team-bt-li{

    width: 100% !important;

    margin-bottom: 0.32rem !important;

}

.about-team-bt-li:last-child{

    margin-bottom: 0 !important;

}

.atbl-cont{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    border-radius: 0;

    cursor: default;

}

.atbl-cont-img{

    width: 19%;

    border-radius: 8px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.atbl-cont-text{

    width: 81%;

    padding: 0 0.54rem;

}

.atbl-cont-text-parga{

    margin-top: 0.12rem;

}

.atbl-cont-text-parga p{

    margin-bottom: 0.18em;

}

.atbl-cont-text-parga p:last-child{

    margin-bottom: 0;

}

.about-team-tab{

    display: flex;

    align-items: center;

    justify-content: center;

}

.about-team-tab-li{

    margin-right: 0.5rem;

    cursor: pointer;

    transition: var(--transition);

    position: relative;

    padding-bottom: 12px;

}

.about-team-tab-li:last-child{

    margin-right: 0;

}

.about-team-tab-li::after{

    content: "";

    width: 100%;

    height: 4px;

    background: #000;

    position: absolute;

    bottom: 0;

    left: 0;

    transition: var(--transition);

}

.about-team-tab-li .std-font44{

    transition: var(--transition);

}

.about-team-tab-li.act .std-font44{

    color: var(--colormain);

}

.about-team-tab-li.act::after{

    background: var(--colormain);

}

.about-team-bt-item:not(:first-child){

    display: none;

}

.ecology-concept-inof {

    margin: var(--space50) -0.12rem 0;

}

.ecology-partner-inof-nub{

    width: 33.333333% !important;

}

.ecology-partner-inof-nub:nth-child(4), .ecology-partner-inof-nub:nth-child(5){

    margin-top: 0.24rem;

}

.footer-bot-link-info span{

    font-size: var(--font16);

    line-height: var(--line15);

    color: var(--colorfff);

    transition: var(--transition);

}

/*鼠标效果*/

@media screen and (min-width: 1200px) {

    .hcri-li-link:hover .hcri-li-link-tit{

        color: var(--colormain);

    }

    .hcls-li-wrap:hover .hlwt-tit{

        color: var(--colormain);

    }

    .footer-bot-link-bt li:hover a,

    .footer-bot-link-bt li:hover span{

        color: var(--colormain);

    }

}

/* 2025.12.3改版修改-end */



/* 2025.12.10修改-start */

.footer-bot-link{

    width: 200px;

    display: block;

    position: relative;

    margin-bottom: 0.18rem;

}

.footer-bot-link-tp{

    border-radius: 50px;

    border: 1px solid #666;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 20px;

    cursor: pointer;

}

.fblt-parga{

    font-size: var(--font14);

    line-height: var(--line15);

    color: var(--colorfff);

}

.footer-bot-link-tp .iconfont{

    color: var(--colorfff);

    font-size: 12px;

    transition: var(--transition);

    transform: rotate(180deg);

}

.footer-bot-link-tp.act .iconfont{

    transform: rotate(0deg);

}

.footer-bot-link-bt a,

.footer-bot-link-bt span {

    font-size: var(--font14);

    line-height: var(--line15);

    color: var(--colorfff);

    transition: var(--transition);

}

.footer-bot-link-bt{

    background: #222;

    padding: 10px;

    border-radius: 5px;

    border: 1px solid #666;

    position: absolute;

    bottom: calc(100% + 10px);

    z-index: 20;

    display: none;

}

.footer-bot-link-bt li{

    margin-bottom: 10px;

}

.footer-bot-link-bt li:last-child{

    margin-bottom: 0;

}

.footer-bot-link-bt ul{

    max-height: 135px;

}

.footer-bot-link-bt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.footer-bot-link-bt .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: var(--colormain);

}

.footer-bot-link-bt .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(232, 12, 24, 0.4);

}

.footer-bot-link-bt .mCSB_outside+.mCSB_scrollTools {

    right: -10px;

}

.aslc-text-tit {

    font-size: var(--font32);

}

.dsbs-cont{

    padding: 0 !important;

}

.dsbs-cont-box{

    display: block;

    width: 100%;

    padding: 0.34rem;

}

/* 2025.12.10修改-end */



/* 2025.12.12修改-start */

.ecology-concept-txt p{

    margin-bottom: 0.16rem;

}

.data-main.empty .data-space-wrap{

    height: calc(100vh - var(--headh));

    top: var(--headh);

}

/* 2025.12.12修改-end */

/*2025.12.17修改-start*/
.about-main .ys-nyban-title h1 {
    font-weight: var(--weight600);
}
.about-respon-bt{
    width: 76%;
    margin: 0.44rem auto 0;
}
/*2025.12.17修改-end*/

/*2025.12.25修改-start*/
.ys-ban-title{
    word-spacing: 24px;
    font-size: 0.88rem;
    letter-spacing: 16px;
}

/*2025.12.25修改-end*/

/*2025.12.29修改-start*/
.about-respon-parga p,
.tech-future .std-text16 p,
.data-model-wrap-parga p{
    text-align: left;
}
.ecin-link-pic{
    display: none;
}
.epin-case{
    border-radius: 0px;
    border: none;
    background: transparent;
}
.epin-case .ys-imgbox-cover{
    border-radius: 6px;
}
.epin-case-parga{
    text-align: center;
    margin-top: 0.12rem;
}
/*2025.12.29修改-end*/