@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;

}

.search-main{

    --colormain1: var(--colormain) !important; /* 搜索页页面的主色，附给搜索页的--colormain1 */

    --color4: var(--colorfff) !important; /* root里白色没有用--color4的，给--color4附上自己定义的白色 */

}

@font-face {

    font-family: 'neogene-Regular';

    src: url('../fonts/PoppinsRegular/PoppinsRegular.woff2') format('woff2'),

         url('../fonts/PoppinsRegular/PoppinsRegular.woff') format('woff');

}

@font-face {

    font-family: 'neogene-SemiBold';

    src: url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff2') format('woff2'),

         url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff') format('woff');

}

@font-face {

    font-family: 'neogene-Bold';

    src: url('../fonts/PoppinsBold/PoppinsBold.woff2') format('woff2'),

         url('../fonts/PoppinsBold/PoppinsBold.woff') format('woff');

}

@font-face {

    font-family: 'neogene-SemiBold2';

    src: url('../fonts/MontserratSemiBold/MontserratSemiBold.woff2') format('woff2'),

         url('../fonts/MontserratSemiBold/MontserratSemiBold.woff') format('woff');

}

/* 英文站换行规则 */

/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 

    word-wrap: normal; 

    word-break: keep-all; 

} */

.ys-phnav-menu{

    background: #fff;

}

.ys-ph-nav .ys-phnav-header-font, .ys-ph-nav a {

    color: #333;

}

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a, .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {

    color: var(--colormain1);

}

.ys-phnav-lisbox {

    border-bottom: 1px solid rgba(51, 51, 51, .4);

}

.ys-phnav-icon::after, .ys-phnav-icon::before {

    background: #333;

}

.ys-phs-form input{

    border: 1px solid rgba(51, 51, 51, .4);

    color: #333;

}

.ys-phs-form input::-webkit-input-placeholder{

    color:rgba(51, 51, 51, .6)

}

.ys-phs-form input:-moz-placeholder{

    color:rgba(51, 51, 51, .6)

}

.ys-phs-form input::-moz-placeholder{

    color:rgba(51, 51, 51, .6)

}

.ys-phs-form input:-ms-input-placeholder{

    color:rgba(51, 51, 51, .6)

}

.ys-phs-form .iconfont {

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

}

:root {

    /* 字号 */

    --font48: 48px;

    --font40: 40px;

    --font32: 32px;

    --font24: 24px;

    --font20: 20px;

    /* 段落字号 */

    --font18: 18px;

    --font16: 16px;

    --font14: 14px;

    /* 行高 */

    --line15: 1.5;

    --line175: 1.75;

    /* 导航-高度 */

    --headh: 80px;

    /* 颜色 */

    --color1: #222222;

    --color2: #595757;

    --color3: #666666;

    --color4: #ffffff;

    --colorfff: #ffffff;

    --colormain: #0073CF;

    --colormain1: #0073CF;

    --colormain2: #D6083B;

    --colormain3: #003995;

    --colorbj1: #23233A;

    --colorbj2: #F2F3F6;

    /* 板块间距 */

    --space140: 140px;

    --space120: 120px;

    --space80: 80px;

    --space60: 60px;

    --space50: 50px;

    --space40: 40px;

    /* 段落间距 */

    --parpspace10: 10px;

    --parpspace12: 12px;

    --space18: 18px;

    --radius: 20px;

    /* 特殊字体 */

    --bold:'';

}

.std-h1 {

    font-size: var(--font48);

    color: var(--color4);

    line-height: var(--line15);

}

.std-h2,

.yxedr-active h2 {

    font-size: var(--font40);

    color: var(--color1);

    line-height: var(--line175);

    font-weight: bold;

}

.std-h3,

.yxedr-active h3 {

    font-size: var(--font32);

    color: var(--color1);

    line-height: var(--line175);

}

.std-h4,

.yxedr-active h4 {

    font-size: var(--font24);

    color: var(--color1);

    line-height: var(--line175);

}

.std-h5,

.yxedr-active h5 {

    font-size: var(--font20);

    color: var(--color1);

    line-height: var(--line175);

}

.std-text1,

.std-text1 p {

    font-size: var(--font18);

    color: var(--color3);

    line-height: var(--line175);

}

.std-text2,

.std-text2 p {

    font-size: var(--font16);

    color: var(--color3);

    line-height: var(--line175);

}

.yxedr-active p {

    font-size: var(--font16);

    color: var(--color3);

    line-height: var(--line175);

    margin-bottom: var(--parpspace10);

}

.std-padtop1{

    padding-top: var(--space140);

}

.std-padbot1{

    padding-bottom: var(--space140);

}

.std-padtop2{

    padding-top: var(--space120);

}

.std-padbot2{

    padding-bottom: var(--space120);

}

.std-margin1{

    margin-bottom: var(--space80); 

}

.std-margin2{

    margin-bottom: var(--space60); 

}

.std-margin3{

    margin-bottom: var(--space40); 

}

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

    margin-bottom: var(--parpspace16);

}

.yxedr-active h4 {

    margin-bottom: var(--parpspace12);

}

.yxedr-active h5 {

    margin-bottom: var(--parpspace10);

}



/*分享翻译*/

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

    content: '分享到 - 微信';

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

}

/* yongsy样式 */

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

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

    white-space: nowrap;

}

/*导航默认选中*/

.yxnav-active1 {



}

.yxnav-active2 {



}

/* 轮播溢出隐藏 */

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

    display: none;

}

/* 省略号 */

.line-clamp{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

/* 过渡 */

.transition-time1{

    transition: all .36s both;

}

.transition-time2{

    transition: all .5s both;

}

/* 侧边锚点隐藏 */

.mod-anchor{

    opacity: 0;

    transform: translateX(-50%);

    transition: all .4s ease;

}

.mod-anchor.on1 {

    opacity: 1;

    transform: translateX(0%);

}

.mod-anchor ul{

    transition: all .4s ease;

}

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

    opacity: 1;

    transform: translateX(0%);

}

.mod-anchor.act ul{

    opacity: 0;

    transform: translateX(-50%);

}

/* 轮播箭头 */

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

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

.slick-arrow.slick-disabled{

    pointer-events: none!important;

    opacity: .5!important;

}

.mod-arrows1 .swiper-button-next,

.mod-arrows1 .swiper-button-prev,

.mod-arrows1 .slick-prev, 

.mod-arrows1 .slick-next{

    

}

/* 公共样式 - end */

.head-logo{

    width: 150px;

}

.ys-hd-pc{

    padding-left: 77px;

    padding-right: 90px;

}

.ys-ban-title{

    font-weight: bold;

}

.ys-ban-info p{

    font-size: var(--font20);

    line-height: var(--line175);

    color: var(--color4);

}

.ys-ban-btn{

    margin-top: 52px;

}

.std-btn1{

    display: inline-block;

}

.std-btn1-box{

    display: flex;

    padding: 0 66px;

    cursor: pointer;

    border-radius: 8px;

    background: var(--colormain2);

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.std-btn1-box p{

    line-height: 56px;

    font-size: var(--font16);

    color: var(--color4);

}

.std-btn1-box::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #D6083B 0%, #0073CF 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.ys-ban-info{

    margin-top: 30px;

    width: 46%;

}

.ys-ban-info ul{

    list-style-type: disc;

    padding-inline-start: 20px;

}

.ys-ban-info li{

    list-style-type: disc;

}

.ys-ban-info li::marker {

    color: var(--color4);

}

.ys-footer{

    background: #184385;

    padding-top: 87px;

    padding-bottom: 53px;

}

.ys-footer-tp-logo{

    width: 150px;

}

.ys-footer-tp-logo a{

    width: 100%;

    display: block;

}

.ys-footer-tp-logo img{

    width: 100%;

}

.ys-footer-tp{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 58px;

}

.ys-footer-tp-list a{

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color4);

    padding-left: 14px;

    position: relative;

}

.ys-footer-tp-list a::before{

    content: "";

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: var(--colormain2);

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.ys-footer-tp-list ul{

    display: flex;

    margin: 0 -40px;

}

.ys-footer-tp-list li{

    padding: 0 40px;

}

.ys-footer-bt p,

.ys-footer-bt p a{

    font-size: var(--font14);

    line-height: var(--line15);

    color: var(--color4);

}

.ys-footer-bt-link{

    margin-bottom: 15px;

}

.ys-footer-bt{

    opacity: 0.3;

}

.ys-footer-bt-link a{

    padding-right: 24px;

    position: relative;

}

.ys-footer-bt-link a::before{

    content: "";

    width: 1px;

    height: 60%;

    background: var(--color4);

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

}

.ys-footer-bt-link a:last-child::before{

    display: none;

}

.ys-footer-bt-info a{

    margin-left: 24px;

}

.yx-search3xlbox {

    backdrop-filter: blur(10px);

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

}

.head-lang-down{

    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);

}

.head-lang.act .head-lang-top-jian{

    transform: rotate(180deg);

}

.head-lang-top p{

    font-size: var(--font16);

    line-height: var(--headh);

    color: var(--color4);

    transition: all .36s;

    margin-left: 11px;

    margin-right: 2px;

}

.head-lang-top-jian{

    width: 16px;

    transition: all .36s;

}

.std-btn2-box{

    display: flex;

    cursor: pointer;

    padding: 0 46px;

    border-radius: 8px;

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

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

    backdrop-filter: blur(10px);

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

    transition: all .36s;

    position: relative;

}

.std-btn2-box p{

    font-size: var(--font16);

    line-height: 48px;

    color: var(--color4);

    transition: all .36s;

}

.std-btn2-box::after{

    content: "";

    width: calc(100% + 2px);

    height: calc(100% + 2px);

    background: linear-gradient(90deg, #D6083B 0%, #0073CF 100%);

    position: absolute;

    top: -1px;

    left: -1px;

    transition: all .36s;

    z-index: -1;

    border-radius: 8px;

    opacity: 0;

}



.head-search{

    margin-left: 30px;

}

.head-ldi-nub a{

    color: #333;

    font-size: var(--font16);

}

.head-nav-item{

    padding: 0 40px;

}

.head-nav{

    margin: 0 -40px;

}

.head-nav-item-title{

    display: flex;

    align-items: center;

    height: var(--headh);

}

.head-nav-item-title p{

    font-size: var(--font18);

    line-height: var(--headh);

    color: var(--color4);

    transition: all .36s;

}

.head-nav-item-down{

    width: 160px;

    padding-top: 16px;

    background: transparent;

}

.hnid-ul{

    background: #fff;

    border-radius: var(--radius);

    padding: 32px 0;

    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);

}

.hnid-ul-li a{

    font-size: var(--font16);

    line-height: var(--line15);

    display: block;

    transition: all .36s;

    color: #333;

    text-align: center;

}

.hnid-ul-li{

    margin-bottom: 24px;

}

.hnid-ul-li:last-child{

    margin-bottom: 0;

}

.hnit-icon{

    width: 16px;

    height: 16px;

    position: relative;

    margin-left: 6px;

    transition: all .36s;

}

.hnit-icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.hnit-icon img:nth-child(2),

.hnit-icon img:nth-child(3){

    opacity: 0;

}

.ys-hd-pc.isfixed .head-lang-top p,

.ys-hd-pc.ishover .head-lang-top p{

    color: #333;

}

.ys-hd-pc.isfixed .std-btn2-box,

.ys-hd-pc.ishover .std-btn2-box{

    background: #184385;

    border: 1px solid #184385;

}

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

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

    color: #333;

}

.ys-hd-pc.isfixed .hnit-icon img:nth-child(1),

.ys-hd-pc.ishover .hnit-icon img:nth-child(1){

    opacity: 0;

}

.ys-hd-pc.isfixed .hnit-icon img:nth-child(3),

.ys-hd-pc.ishover .hnit-icon img:nth-child(3){

    opacity: 1;

}

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

    color: var(--colormain1);

}

.head-nav-item.yxnav-active1 .hnit-icon img:nth-child(1),

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

    opacity: 0 !important;

}

.head-nav-item.yxnav-active1 .hnit-icon img:nth-child(2){

    opacity: 1 !important;

}

.hnid-ul-li.yxnav-active2 a{

    color: var(--colormain1);

}

.head-nav-item-nub.act .hnit-icon{

    transform: rotate(180deg);

}

.ys-ban-control {

    bottom: 60px;

    z-index: 5;

}

.ys-ban-control-dots {

    display: flex;

    justify-content: center;

}

.ybcd-li {

    width: 12px;

    height: 12px;

    position: relative;

    cursor: pointer;

    margin: 0 8px;

}

.ybcd-li svg {

    width: 100%;

    height: auto;

    opacity: 0;

    transition: all .36s;

    transform: rotate(-90deg);

}

.ybcd-li.on svg {

    opacity: 1;

}

.ybcd-li::after {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

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

    transition: all .36s;

    opacity: 0.5;

}

.ybcd-li.on::after {

    opacity: 0;

}

.slick-arrow,

.hatb-btn-icon{

    width: 44px;

    height: 44px;

    border-radius: 50%;

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

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

    z-index: 5;

    transition: all .36s;

    position: absolute;

    cursor: pointer;

}

.hatb-btn-icon img{

    width: 100%;

}

.slick-arrow::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.slick-next::after{

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

}

.ys-ban-slick .slick-prev{

    left: 30px;

}

.ys-ban-slick .slick-next{

    right: 30px;

}

.ys-ban-imgbox img{

    transform: scale(1.1);

    transition: all 1.2s linear;

}

.ys-ban-li.active .ys-ban-imgbox img{

    transform: scale(1);

}

.home-develop{

    background: var(--colorbj2);

    position: relative;

    z-index: 1;

}

.home-develop-bg{

    position: absolute;

    top: 0;

    right: 0;

    width: 63%;

    max-width: 1202px;

    z-index: -1;

    pointer-events: none;

}

.home-develop-bg img{

    width: 100%;

}

.home-develop-tp{

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    flex-wrap: wrap;

}

.home-pro-cont-wrap{

    position: relative;

}

.home-pro-cont-wrap .slick-dots,

.home-about-team-bt .slick-dots{

    visibility: hidden;

}

.home-pro-cont-wrap .slick-dots.act,

.home-about-team-bt .slick-dots.act{

    animation: ysfadeInUp .8s ease-in-out both;

    animation-delay: .4s;

    visibility: visible;

}

.home-develop-bt-slick,

.home-pro-cont-slick{

    margin: 0 calc(-1 * var(--space18));

}

.home-pro-bg{

    width: 100%;

}

.home-pro-bg img{

    width: 100%;

}

.hdbs-li,

.hpcs-li{

    width: 33.333333%;

    padding: 0 var(--space18);

}

.hdbs-li-cont{

    position: relative;

    border-radius: var(--radius);

    background: #FFF;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    padding: 50px 50px 90px;

    z-index: 1;

    height: 100%;

}

.hdbs-li-cont-bg{

    width: 63%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.hdbs-li-cont-bg img{

    width: 100%;

}

.hdbs-li-cont-wrap .ys-imgbox-cover{

    width: 42%;

    margin-bottom: var(--space40);

}

.hdbs-li-cont-wrap .std-h4{

    font-weight: bold;

    padding-bottom: 24px;

    margin-bottom: 20px;

    border-bottom: 1px solid rgba(51, 51, 51, .1);

}

.hlcw-list-li p{

    color:var(--color2);

}

.hlcw-list-li{

    padding-left: 14px;

    position: relative;

    margin-bottom: 10px;

}

.hlcw-list-li:last-child{

    margin-bottom: 0;

}

.hlcw-list-li::before{

    content: "";

    width: 6px;

    height: 6px;

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

    position: absolute;

    top: 12px;

    left: 0;

}

.hlcw-num{

    font-family: 'neogene-SemiBold';

    color: var(--colormain2);

    position: absolute;

    bottom: 28px;

    right: 50px;

}

.slick-prev{

    left: -62px;

}



.slick-next{

    right: -62px;

}

.hatb-btn-prev{

    left: calc(-1 * (var(--space18) + 62px));

}

.hatb-btn-next{

    right: calc(-1 * (var(--space18) + 62px));

}

.color-arrow .slick-arrow,

.color-arrow .hatb-btn-icon{

    background: var(--colormain2);

    border: none;

}

.color-arrow .slick-arrow::before,

.color-arrow .hatb-btn-icon::before{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #D6083B 0%, #0073CF 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    border-radius: 50%;

    opacity: 0;

    z-index: -1;

}

.hatb-btn .slick-arrow::after{

    display: none;

}

.std-btn3-box{

    display: flex;

    align-items: center;

}

.std-btn3-box p{

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color2);

    transition: all .36s;

    margin-left: 16px;

    position: relative;

    font-weight: bold;

}

.std-btn3-box p::after{

    content: "";

    width: 100%;

    height: 1px;

    background: var(--color2);

    position: absolute;

    bottom: 3px;

    left: 0;

    transition: all .36s;

}

.std-btn3-box-icon{

    width: 34px;

    transform: rotate(-90deg);

    position: relative;

}

.std-btn3-box svg{

    width: 100%;

    height: auto;

}

.std-btn3-box-pro1{

    stroke-dashoffset: 70px;

    transition: all .8s ease-in-out;

}

.std-btn3-box-icon svg:nth-child(2){

    position: absolute;

    top: 0;

    left: 0;

    transform: rotateX(180deg);

}

.std-btn3-box-pro2{

    stroke-dashoffset: 94px;

    transition: all .8s ease-in-out;

}

.home-pro{

    background: #184385;

    position: relative;

    z-index: 1;

}

.home-pro-cont{

    width: 100%;

    position: absolute;

    top: 18%;

    left: 0;

}

.home-pro-cont-tit h2{

    color: var(--color4);

}

.home-pro-cont-tit .std-text1{

    margin-top: 24px;

}

.home-pro-cont-tit .std-text1 p{

    color: var(--color4);

}

.hpcs-li-cont{

    border-radius: var(--radius);

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

    background: rgba(0, 115, 207, 0.50);

    backdrop-filter: blur(10px);

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

    padding: 50px 50px 132px 60px;

    display: block;

    height: 100%;

}

.hpcs-li-cont .std-h3{

    font-family: 'neogene-Bold';

    color: var(--color4);

}

.hpcs-li-cont .std-text2{

    margin-top: 14px;

}

.hpcs-li-cont p{

    color: var(--color4);

}

.hpcs-li-cont-icon{

    width: 60px;

    position: absolute;

    right: 50px;

    bottom: 56px;

}

.hpcs-li-cont-icon img{

    width: 100%;

}

.home-pro-cont-slick{

    margin-bottom: 80px;

}

.std-btn3.on p{

    color: var(--color4);

}

.std-btn3.on .std-btn3-box p::after{

    background: var(--color4);

}

.home-about{

    position: relative;

    background: linear-gradient(180deg, #F2F3F6 0%, #FAFCFF 100%);

    z-index: 1;

    overflow: visible;

}

.home-about-cont{

    position: relative;

    overflow: hidden;

    padding-top: 337px;

    padding-bottom: 146px;

}

.home-about-bg{

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}

.home-about-bg img{

    width: 100%;

}

.home-about-svg{

    width: 52%;

    position: absolute;

    right: 0;

    top: -262px;

    z-index: -2;

}

.home-about-svg svg{

    width: 100%;

    height: auto;

}

.home-about-svg-ph{

    display: none;

}

.home-about-team{

    margin-top: 104px;

    position: relative;

    z-index: 1;

}

.home-about-team h3{

    font-weight: bold;

}

.hats-li{

    width: 25%;

    padding: 0 var(--space18);

    height: auto !important;

}

.home-about-team-bt{

    position: relative;

}

.home-about-team-bg{

    width: 100%;

    position: absolute;

    bottom: -146px;

    left: 0;

    z-index: -1;

}

.home-about-team-bg img{

    width: 100%;

}

.hatb-btn{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    visibility: hidden;

}

@keyframes btnFadeup{

    0%{

        opacity: 0;

        transform: translate(-50%,calc(-50% + 60px));

    }

    100%{

        opacity: 1;

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

    }

}

.hatb-btn.act{

    animation: btnFadeup .8s ease-in-out both .4s;

    visibility: visible;

}

.home-about-team-slick{

    margin: 0 calc(-1 * var(--space18));

}

.hats-li-cont{

    padding: 43px 68px 40px;

    border-radius: var(--radius);

    border: 1px solid #FFF;

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

    backdrop-filter: blur(10px);

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

    transition: all .36s;

    cursor: pointer;

    height: 100%;

    overflow: hidden;

}

.hats-li-cont .ys-imgbox-cover{

    border-radius: 50%;

    margin-bottom: 33px;

}

.hats-li-cont-name{

    font-weight: bold;

    text-align: center;

    margin-bottom: 30px;

}

.hats-li-cont-post p{

    text-align: center;

    color: var(--color2);

    padding: 0 25px;

}

.btn-point {

    display: block;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 2;

    width: 70px;

    height: 70px;

}

.btn-point span:nth-child(1) {

    position: absolute;

    bottom: -70px;

    right: -70px;

    width: 70px;

    height: 70px;

    background: #f4f5f8;

    border-radius: 50% 0 0 0;

    transition: bottom .7s cubic-bezier(.785,.135,.15,.86), right .7s cubic-bezier(.785,.135,.15,.86), transform .3s;

}

.btn-point span:nth-child(1)::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: -40px;

    width: 40px;

    height: 40px;

    border-right: 1px solid #f4f5f8;

    box-sizing: content-box;

    background: radial-gradient(circle at 0 0, transparent 71%, #f4f5f8 70%);

}

.btn-point span:nth-child(1)::after {

    content: "";

    position: absolute;

    top: -40px;

    right: 0;

    width: 40px;

    height: 40px;

    border-bottom: 1px solid #f4f5f8;

    box-sizing: content-box;

    background: radial-gradient(circle at 0 0, transparent 71%, #f4f5f8 70%);

}

.btn-point span:nth-child(2) {

    overflow: hidden;

    display: block;

    position: absolute;

    bottom: 0;

    right: 0;

    width: 60px;

    height: 60px;

    transform: scale(0);

    transform-origin: right bottom;

    transition: transform .6s cubic-bezier(.785,.135,.15,.86);

    border-radius: 50%;

    background-color: var(--colormain2);

}

.btn-point span:nth-child(2) img{

    width: 100%;

}

.team-pop{

    display: block;

    opacity: 0;

    transition: all .4s ease-in-out;

    pointer-events: none;

    background: linear-gradient(90deg, rgba(0, 115, 207, 0.90) 0%, rgba(214, 8, 59, 0.90) 100%);

}

.team-pop.active{

    opacity: 1;

    pointer-events: all;

}

.team-pop .ys-modal-container{

    width: 100%;

    height: 100%;

}

.team-pop .ys-modal-content{

    width: 50%;

    height: 100%;

    max-height: inherit;

    margin-left: 50%;

    padding: 70px 100px;

    border-radius: var(--radius) 0 0 var(--radius);

    transform: translateX(100%);

    transition: all .5s ease-in-out;

}

.team-pop.active .ys-modal-content{

    transform: translateX(0%);

}

.team-pop .ys-modal-close{

    width: 60px;

    top: 38px;

    left: calc(50% - 102px);

    right: 0;

    background: #fff;

    border-radius: 50%;

}

.team-pop .ys-modal-close img{

    width: 100%;

}

.team-pop-wrap,

.vacancy-pop-wrap-tit{

    border-top: 1px solid #B5B5B5;

    padding-top: 40px;

}

.team-pop-wrap-info li{

    position: relative;

    padding-left: 20px;

    margin-bottom: 16px;

}

.team-pop-wrap-info li::before{

    content: "";

    width: 6px;

    height: 6px;

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

    position: absolute;

    top: 11px;

    left: 0;

}

.team-pop-wrap-info li:last-child{

    margin-bottom: 0;

}

.team-pop-wrap-tp{

    margin-bottom: 60px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.tpwt-img{

    width: 34%;

    border-radius: 50%;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.tpwt-img img{

    width: 100%;

}

.tpwt-text{

    width: 66%;

    padding-right: 50px;

}

.tpwt-text-name{

    font-weight: bold;

}

.tpwt-text-post{

    margin-top: 15px;

}

.tpwt-text-post p{

    color: var(--color2);

}

.tpwt-text-logo{

    display: flex;

    flex-wrap: wrap;

    margin: 65px -14px 0;

}

.tpwt-text-logo-li{

    height: 44px;

    padding: 0 14px;

}

.tpwt-text-logo-li img{

    width: auto;

    height: 100%;

}

.team-pop-wrap-info {

    height: calc(100vh - var(--height) - 240px);

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 3px;

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #686868 !important;

}

.home-new-slick-li{

    width: 33.333333%;

    padding: 0 var(--space18);

    height: auto !important;

}

.home-new-slick{

    margin: 0 calc(-1 * var(--space18));

}

.home-new-slick-li a{

    display: block;

    border-radius: var(--radius);

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    border: 1px solid #E0E0E0;

    background: #FFF;

    height: 100%;

}

.hnsl-text{

    padding: 35px 50px 47px;

}

.hnsl-text-time{

    font-size: var(--font14);

    line-height: 32px;

    color: var(--color1);

    text-align: center;

    padding: 0 16px;

    border-radius: 8px;

    background: #CBE2F9;

    display: inline-block;

    font-family: 'neogene-Regular';

}

.hnsl-text-tit{

    margin-top: 18px;

    font-weight: bold;

    color: var(--color1);

    height: 3.5em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    transition: all .36s;

}

.hnsl-text-btn{

    margin-top: 70px;

}

.home-join{

    padding-left: var(--width);

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

    position: relative;

    z-index: 2;

    background: #fff;

}

.home-join-text h2{

    margin-bottom: var(--space40);

}

.home-join-text .std-h4{

    margin-bottom: 80px;

}

.home-join-img{

    width: 60%;

    position: relative;

}

.home-join-img img{

    width: 100%;

}

.home-join-img-pic{

    width: 100%;

    border-radius: 500px 0 0 500px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.home-join-img-pic img{

    width: 100%;

}

.home-join-img-bg{

    visibility: hidden;

}

.home-join-img-bg.act{

    animation: fadeIn .8s ease-in-out both;

    animation-delay: .6s;

    visibility: visible;

}

.home-join-text{

    width: 40%;

    padding-right: 30px;

}

.home-join-img-circle{

    width: 100%;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

    pointer-events: none;

}

.home-join-img-circle img{

    width: 100%;

}

.home-join-img-pic{

    width: 90%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.home-partner{

    padding-top: 100px;

}

.home-partner-tit-box{

    width: 166px;

    position: relative;

}

.home-partner-tit-box img{

    width: 100%;

}

.home-partner-tit h2{

    color: #333;

}

.home-partner-list{

    padding: 80px 0;

    background: var(--colorbj2);

}

.ys-horse-inof-nub1{

    width: 326px;

}

.ys-horse-inofs{

    display: flex;

    width: calc(326px * var(--total));

    align-items: flex-start;

}

.ys-horse-inofs2, .ys-horse-inofs3 {

    position: absolute;

    top: 0;

    left: 0;

}

.ys-horse-inofs2 {

    transform: translateX(100%);

}

.ys-horse-inofs3 {

    transform: translateX(200%);

}

.home-about-us{

    display: flex;

    align-items: flex-end;

    flex-wrap: wrap;

}

.home-about-us-img{

    width: 45%;

    position: relative;

}

.haui-pic{

    width: 100%;

    border-radius: 50%;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    margin-left: -25%;

}

.haui-pic img{

    width: 100%;

}

.haui-bg{

    width: 50%;

    position: absolute;

    top: -12%;

    right: 10%;

}

.haui-bg img{

    width: 100%;

}

.home-about-us{

    padding-right: var(--width);

}

.home-about-us-text{

    padding-left: 34px;

    margin-bottom: 100px;

    width: 55%;

}

.haut-tit h2{

    margin-bottom: 8px;

}

.haut-tit{

    margin-bottom: var(--space40);

}

.haut-parga p{

    color: var(--color2);

}

.haut-parga,

.haut-parga li{

    list-style-type: disc;

}

.haut-parga{

    padding-inline-start: 20px;

    margin-bottom: 80px;

}

.home-new{

    position: relative;

    z-index: 2;

    background: #fff;

}

.mod-back{

    width: 44px;

    border-radius: 50%;

    background: var(--colormain2);

    position: fixed;

    bottom: 45px;

    right: -60px;

    z-index: 99;

    cursor: pointer;

    transition: all .5s ease-in-out;

}

.mod-back.act{

    right: 45px;

}

.mod-back img{

    width: 100%;

}

.mod-back::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #D6083B 0%, #0073CF 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

    border-radius: 50%;

}

.ys-bread-list a{

    color: #999;

    opacity: 0.5;

}

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

    opacity: 1;

}

.ys-bread-list{

    padding: 0 9px;

}

.ys-bread-list::before{

    content: "";

    width: 7px;

    height: 12px;

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

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -3.5px;

}

.mod-bread{

    position: absolute;

    top: 24px;

    left: 0;

    width: 100%;

    z-index: 5;

}

.new-main .ys-bread-list a{

    color: #fff;

}

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

    opacity: 0.8;

}

.newdet-main .ys-nybanner{

    padding-top: 88px;

    padding-bottom: 72px;

    background: linear-gradient(180deg, #FFF 0%, #F3F4F7 45.5%, #F2F3F6 100%);

    z-index: 1;

}

.newdet-main h1{

    font-size: var(--font24) !important;

    line-height: var(--line175);

    color: var(--color1);

    font-weight: bold;

    margin-top: 24px;

}

.newdet-ban-time p{

    font-size: var(--font14);

    line-height: 32px;

    color: var(--color1);

    font-family: 'neogene-Regular';

}

.newdet-ban-time{

    display: inline-block;

    border-radius: 8px;

    background: #CBE2F9;

    padding: 0 16px;

}

.newdet-wrap{

    padding-top: var(--space60);

}

.newdet-wrap-text p{

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color3);

    margin-bottom: 12px;

}

.newdet-wrap-text h6,

.yxedr-active h6{

    font-size: var(--font16);

    color: #333;

    font-weight: bold;

    line-height: var(--line175);

    margin-bottom: 12px;

}

.yxedr-active ul,

.yxedr-active ul li{

    list-style-type: disc;

}

.yxedr-active ul li::marker{

    color: var(--color3);

}

.yxedr-active ul{

    padding-inline-start: 20px;

}

.newdet-wrap-text{

    padding-bottom: 74px;

    margin-bottom: 40px;

    border-bottom: 1px solid #E4E4E4;

}

.newdet-wrap-page-li{

    margin-bottom: 8px;

}

.newdet-wrap-page-li:last-child{

    margin-bottom: 0;

}

.newdet-wrap-page-li p,

.newdet-wrap-page-li span{

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color3);

    transition: all .36s;

}

.newdet-recom h2{

    text-align: center;

}

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

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

}

.ys-hd-pc.isfixed, 

.ys-hd-pc.ishover{

    background: #fff !important;

}

.ys-page-wrap.act .head-nav-item-title p,

.ys-page-wrap.act .head-lang-top p{

    color: #333;

}

.ys-page-wrap.act .ys-hd-pc .std-btn2-box{

    background: #184385;

    border: 1px solid #184385;

}

.ys-page-wrap.act .head-nav-item.yxnav-active1 .head-nav-item-title p {

    color: var(--colormain1) !important;

}

.ys-page-wrap.act .head-nav-item.yxnav-active1 .hnit-icon img:nth-child(1), .head-nav-item.yxnav-active1 .hnit-icon img:nth-child(3) {

    opacity: 0 !important;

}

.ys-page-wrap.act .head-nav-item.yxnav-active1 .hnit-icon img:nth-child(2) {

    opacity: 1 !important;

}

.ys-nyban-bg{

    width: 34%;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1;

}

.ys-nyban-bg img{

    width: 100%;

}

/* G1联系我们-start */

.contact-wrap{

    position: relative;

    background: #F2F3F6;

    z-index: 1;

    overflow: visible;

}

.contact-wrap-bg{

    width: 56%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}

.contact-wrap-bg img{

    width: 100%;

}

.contact-wrap .ys-cont1440{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.contact-wrap-le{

    width: 53%;

    padding-right: 50px;

}

.contact-wrap-ri{

    width: 47%;

    border-radius: var(--radius);

    border: 1px solid #FFF;

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

    backdrop-filter: blur(10px);

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

    padding: 50px 78px 64px;

}

.contact-wrap-le h1{

    font-weight: bold;

    margin-bottom: 16px;

}

.contact-wrap-le .std-text1{

    margin-bottom: 50px;

}

.cwli-li-icon{

    width: 86px;

    height: 86px;

    border-radius: 50%;

    background: var(--colormain2);

    display: flex;

    align-items: center;

    justify-content: center;

}

.cwli-li-icon img{

    width: 40px;

}

.cwli-li-text{

    width: calc(100% - 86px);

    padding-left: 24px;

}

.cwli-li{

    display: flex;

    align-items: center;

    margin-bottom: 47px;

}

.cwli-li:last-child{

    margin-bottom: 0;

}

.cwli-li-text p{

    color: var(--color1);

    margin-bottom: 8px;

}

.cwli-li-text a{

    font-size: inherit;

    color: inherit;

    font-family: 'neogene-SemiBold2';

    line-height: inherit;

}

.ys-form-inof{

    margin: 0 -12px;

}

.ys-form-inof-item{

    padding: 0 12px;

    margin-bottom: 6px;

}

.ys-fii-name{

    color: #333;

    margin-bottom: 0;

    flex-shrink: 0;

    font-size: var(--font16);

    line-height: 64px;

}

.ys-fii-name span{

    color: #F00;

    margin-left: 6px;

}

.contact-wrap-ri h2{

    font-size: 30px;

    line-height: var(--line175);

    color: #333;

    font-weight: bold;

    margin-bottom: 14px;

}

.ys-form-inof-item label{

    display: flex;

    align-items: center;

    border-bottom: 1px solid #999;

}

.ys-fii-input{

    width: 100%;

    height: 64px;

}

.ys-fii-input input{

    width: 100%;

    height: 100%;

    padding: 0 10px;

    font-size: var(--font16);

    color: #333;

}

.ys-form-inof-text .ys-fii-name{

    line-height: var(--line175);

}

.ys-form-inof-text label{

    display: block;

}

.ys-form-email{

    margin-bottom: 24px;

}

.ys-form-inof-text .ys-fii-input {

    height: 74px;

}

.ys-form-inof-text textarea{

    resize: auto;

}

.ys-form-inof-code{

    width: 100% !important;

    margin-bottom: 32px !important;

}

.ys-fic-auth-text{

    width: 50%;

    padding-right: 24px;

}

.ys-fic-auth-img{

    width: 144px;

}

.ys-fic-auth-img img{

    width: 100%;

    height: auto;

}

.ys-fic-auth{

    align-items: flex-end;

}

.ys-fia-text-word{

    font-size: 14px;

    line-height: var(--line15);

    color-scheme: var(--color3);

    width: calc(100% - 16px);

    padding-left: 7px;

}

.ys-fia-text-word a{

    text-decoration: underline;

}

.ys-fia-text-btn{

    width: 16px;

    height: 16px;

    border-radius: 4px;

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

    top: 3px;

}

.ys-fia-text-btn::after{

    background: var(--colormain1);

}

.ys-form-inof-submit {

    width: auto;

    margin-left: 0;

    margin-top: 34px;

    margin-bottom: 0;

}

.ys-fii-submit{

    background: transparent;

}

.ys-form-inof-submit .std-btn1-box {

    padding: 0 84px;

}

.ys-fii-tips{

    font-size: var(--font14);

    line-height: var(--line15);

    color: #F00;

    margin-top: 5px;

}

.contact-wrap-bg1{

    width: 100%;

    max-width: 1920px;

    position: absolute;

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

    right: 0;

    z-index: -1;

}

.contact-wrap-bg1 img{

    width: 100%;

}

.career-ban{

    position: relative;

    z-index: 3;

    overflow: visible;

}

.career-ban h1{

    font-weight: bold;

    text-align: center;

    margin-bottom: 16px;

    color: #333;

    position: relative;

    z-index: 1;

}

.career-ban-tit .std-h5{

    text-align: center;

    color: var(--color3);

}

.career-main .career-ban-tit{

    margin-bottom: 107px;

}

.career-ban-tit{

    margin-bottom: 72px;

    position: relative;

}

.career-ban-tit-bg{

    width: 60%;

    position: absolute;

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

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

}

.career-ban-tit-bg img{

    width: 100%;

}

.career-ban-pic{

    padding: 0 80px;

    width: 100%;

    position: relative;

    z-index: 1;

}

.career-ban-pic-img{

    border-radius: 40px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.career-ban-pic-img img{

    width: 100%;

}

.cbpi-bg{

    width: 460px;

    height: 460px;

    border-radius: 50%;

    opacity: .1;

    background: conic-gradient(from 180deg at 50% 50%, #FF6A8F 0deg, #008EFF 191.25deg, #FF6A8F 360deg);

    filter: blur(100px);

    position: absolute;

    bottom: -230px;

    right: -28px;

    z-index: -1;

    pointer-events: none;

}

.career-vacancy{

    position: relative;

    z-index: 1;

}

.career-vacancy-tit{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 50px;

}

.std-btn1-box img{

    width: 20px;

    margin-left: 10px;

}

.career-vacancy-tit-btn .std-btn1-box{

    padding: 0 35px;

}

.career-vacancy-tit-text h2{

    font-weight: bold;

    margin-bottom: 16px;

}

.career-vacancy-list-li{

    width: 50%;

    padding: 0 var(--space18);

    margin-top: 40px;

}

.career-vacancy-list-li:nth-child(1),

.career-vacancy-list-li:nth-child(2){

    margin-top: 0;

}

.career-vacancy-list{

    margin: 0 calc(-1 * var(--space18));

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

}

.career-value{

    overflow: visible;

}

.career-value,

.career-value-img{

    position: relative;

    z-index: 2;

}

.career-value-tit .std-h4{

    width: 74%;

    margin: auto;

    text-align: center;

}

.ys-horse-inof-nub{

    width: 500px;

    padding: 0 10px;

}

.ys-hin-box{

    border-radius: var(--radius);

}

.ys-horse-inof {

    display: flex;

    width: calc(500px * var(--total));

    align-items: flex-start;

}

.ys-horse {

    position: relative;

}

.ys-horse-inof2, .ys-horse-inof3 {

    position: absolute;

    top: 0;

    left: 0;

}

.ys-horse-inof2 {

    transform: translateX(100%);

}

.ys-horse-inof3 {

    transform: translateX(-100%);

}

.career-value-tit{

    margin-bottom: var(--space140);

    position: relative;

    z-index: 2;

}

.cvla-ul-li{

    width: 50%;

    margin-top: 90px;

    display: flex;

    align-items: center;

}

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

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

    margin-top: 0;

}

.cvla-ul-li-icon{

    width: 110px;

    height: 110px;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0px 15px 20px rgba(202, 200, 209, 0.20);

    display: flex;

    align-items: center;

    justify-content: center;

}

.cvla-ul-li-icon img{

    width: 50px;

}

.cvla-ul-li-tit{

    width: calc(100% - 110px);

    padding-left: 30px;

    font-weight: bold;

}

.cvla-ul{

    display: flex;

    flex-wrap: wrap;

}

.career-value-list-logo{

    width: 35%;

    position: relative;

    z-index: 1;

}

.career-value-list-adv{

    width: 65%;

    padding-left: 54px;

}

.career-value-list{

    margin-bottom: 200px;

    position: relative;

}

.career-value-list .ys-cont1440{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.cvll-img{

    width: 47%;

    margin-left: 64px;

}

.cvll-img img{

    width: 100%;

}

.career-value-list-bg{

    width: 36%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    z-index: -1;

}

.career-value-list-bg img{

    width: 100%;

}

.cvll-circle{

    width: 113%;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    z-index: -1;

}

.cvll-circle img{

    width: 100%;

}

.l_f1bx2ks::after{

    content: '';

    width: 0;

    height: 0;

    border: 1px solid #E7E7E7;

    position: absolute;

    left: 50%;

    top: 50%;

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

    transition: all .36s;

    overflow: visible;

    /* opacity: 0; */

    border-radius: 50%;

    animation-name: page-loader-ripple2;

    animation-duration: 4s;

    animation-iteration-count: infinite;

    z-index: -1;

    content: '';

    animation-delay: 2s;

    animation-timing-function: linear;

}

.l_f1bx2ks::before{

    content: '';

    width: 0;

    height: 0;

    border: 1px solid #E7E7E7;

    position: absolute;

    left: 50%;

    top: 50%;

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

    transition: all .36s;

    overflow: visible;

    /* opacity: 0; */

    border-radius: 50%;

    animation-name: page-loader-ripple2;

    animation-duration: 4s;

    animation-iteration-count: infinite;

    z-index: -1;

    content: '';

    animation-delay: 1s;

    animation-timing-function: linear;

}

.l_f1bx2ks.l_f1bx2ks2::before {

    animation-delay: 3s;

}

.l_f1bx2ks.l_f1bx2ks2::after {

    animation-delay: 4s;

}

.l_f1bx2img{

    width: 102px;

}

@keyframes page-loader-ripple2 {

    0% {

      width: 3vw;

      height: 3vw;

      opacity: 1;

    }

    100% {

      width: 35vw;

      height: 35vw;

      opacity: 0;

    }

}

.cvll-cont{

    width: 100%;

    padding: 45px 56px 53px;

    border-radius: var(--radius);

    border: 1px solid #FFF;

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

    backdrop-filter: blur(10px);

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

    position: relative;

    transition: all .36s;

    cursor: pointer;

    overflow: hidden;

    height: 100%;

}

@keyframes icon-btn-ani {

    0% {

        transform: scale(1)

    }



    50% {

        transform: scale(1.1)

    }



    70% {

        transform: scale(.98)

    }



    100% {

        transform: scale(1)

    }

}

.career-vacancy{

    position: relative;

    z-index: 1;

    overflow: visible;

}

.career-vacancy::after{

    content: "";

    width: 100%;

    height: calc(100% + var(--space140));

    background: linear-gradient(180deg, #FFF 0%, #F3F4F7 45.5%, #F2F3F6 100%);

    position: absolute;

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

    left: 0;

    z-index: -2;

}

.cvll-cont-tit{

    padding-bottom: 20px;

    margin-bottom: 22px;

    border-bottom: 1px solid rgba(51, 51, 51, .1);

}

.cvll-cont-tit .std-h4{

    font-weight: bold;

    position: relative;

}

.cvll-cont-parga p{

    color: var(--color2);

}

.cvll-cont-tit .std-h4::before{

    content: "";

    width: 4px;

    height: 24px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -56px;

    border-radius: 10px;

    background: var(--colormain2);

}

.career-vacancy-bg{

    width: 100%;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: -1;

    max-width: 1920px;

}

.career-vacancy-bg img{

    width: 100%;

}

.vacancy-pop-wrap-tit .std-h3{

    font-weight: bold;

    margin-bottom: 15px;

    position: relative;

    letter-spacing: 1.6px;

}

.vacancy-pop-wrap-tit .std-h3::before{

    content: "";

    width: 6px;

    height: 32px; 

    border-radius: 10px;

    background: var(--colormain2);

    position: absolute;

    top: 50%;

    left: -100px;

    transform: translateY(-50%);

}

.vacancy-pop .ys-modal-content{

    padding-left: 0 !important;

}

.vacancy-pop-wrap-cont{

    padding-left: 100px;

}

.vacancy-pop-wrap-tit p{

    color: var(--color2);

    letter-spacing: 0.8px;

}

.vacancy-pop-wrap-tit{

    margin-bottom: 32px;

}

.vacancy-pop-wrap-info h6{

    font-weight: bold;

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color1);

    margin-bottom: 12px;

}

.vacancy-pop-wrap-info p{

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color2);

    margin-bottom: 12px;

}

.vacancy-pop-wrap-info{

    margin-bottom: 48px;

}

.vacancy-pop-wrap-btn{

    margin-left: 2px;

}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #EAEAEA !important;

    width: 3px !important;

}

.vacancy-pop .mCSB_inside>.mCSB_container {

    margin-right: 0 !important;

}

.vacancy-pop .mCSB_scrollTools,

.pro-pop .mCSB_scrollTools {

    right: -55px;

}

.vacancy-pop-wrap{

    height: calc(100vh - 180px);

    padding-top: 0;

    border-top: none;

}

.career-ban-bg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1;

}

.career-ban-bg img{

    width: 100%;

}

.ys-fii-tips i {

    font-style: normal !important;

}

.ys-form-empty:not(.ys-form-empty1) .ys-fii-tips i{

    display: none;

}

.ys-form-empty.ys-form-empty1 .ys-fii-tips span{

    display: none;

}

/* G1联系我们-end */



/* E1新闻中心-start */

.new-wrap{

    position: relative;

}

.new-wrap-ban{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.new-wrap-ban img{

    width: 100%;

}

.new-main .mod-bread{

    padding-top: var(--headh);

}

.new-wrap-list{

    padding-top: 180px;

    position: relative;

    z-index: 2;

}

.nwlt-li{

    width: 50%;

}

.nwlt-li-text{

    margin-top: -78px;

    position: relative;

    z-index: 1;

}

.nwlt-li:nth-child(2n+1) .nwlt-li-text{

    padding-left: 70px;

}

.nwlt-li:nth-child(2n+2) .nwlt-li-text{

    padding-right: 70px;

}

.nwlt-li-text-wrap{

    background: var(--color4);

    padding: 57px 70px 10px;

}

.ys-cont1580{

    width: 85vw;

    max-width: 1580px;

    margin: auto;

}

.hnsl-text-parga{

    margin-top: 24px;

}

.hnsl-text-parga p{

    color: #999;

    height: 3.5em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.new-wrap-list-tp .hnsl-text-btn {

    margin-top: 40px;

}

.new-wrap-list-tp{

    border-radius: var(--radius);

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.nwlt-li:nth-child(2n+1) .nwlt-li-text{

    border-right: 1px solid #DFDFDF;

}

.nwlb-ul{

    overflow: hidden;

}

.nwlb-ul-li{

    margin-bottom: 66px;

}

.nwlb-ul-li:last-child{

    margin-bottom: 100px;

}

.nwlb-ul-li a{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    width: 100%;

    border-radius: var(--radius);

    background: #FFF;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.nwlb-ul-li-img{

    width: 34%;

}

.nwlb-ul-li-img img{

    height: 100%;

    object-fit: cover;

}

.nwlb-ul-li-text{

    width: 66%;

    padding: 0 80px;

    border: 1px solid #E0E0E0;

    border-left: none;

    display: flex;

    align-items: center;

    overflow: hidden;

    border-radius: 0 var(--radius) var(--radius) 0;

}

.nult-wrap .hnsl-text-tit{

    height: auto !important;

    -webkit-line-clamp: inherit !important;

}

.nult-wrap .hnsl-text-parga{

    margin-top: 32px;

}

.pc-fenye li {

    width: 40px;

    height: 40px;

    font-size: var(--font16);

    line-height: 40px;

    color: #333;

}

.pc-fenye li.activepage {

    background: var(--colormain2);

}

.nwlb-ul-li-btn{

    width: 90px;

    height: 90px;

    position: absolute;

    right: 0px;

    bottom: 0;

}

.nwlb-ul-li-btn img{

    width: 100%;

}

.nnlb-icon{

    width: 60px;

    height: 60px;

    border-radius: 50%;

    background: var(--colormain2);

    position: absolute;

    right: 1px;

    bottom: 1px;

    overflow: hidden;

    transform: scale(0);

    transform-origin: right bottom;

    transition: transform .6s cubic-bezier(.785,.135,.15,.86);

}

.nulb-img{

    width: 100%;

    position: absolute;

    bottom: -90px;

    right: -90px;

    border-radius: 50% 0 0 0;

    transition: bottom .7s cubic-bezier(.785,.135,.15,.86), right .7s cubic-bezier(.785,.135,.15,.86), transform .3s;

}

.nult-wrap{

    background: #fff;

    position: relative;

    z-index: 5;

}

/* E1新闻中心-end */



/* C1技术平台-start */

.tech-main .cbpi-bg{

    display: none;

}

.tech-main .career-ban-pic::after{

    content: "";

    width: 100%;

    height: 50%;

    background: linear-gradient(0deg, #184385 32.88%, rgba(24, 67, 133, 0.00) 100%);

    position: absolute;

    bottom: -1px;

    left: 0;

    z-index: -1;

}

.tech-plat{

    background: #184385;

    position: relative;

    z-index: 1;

    padding-bottom: 45px;

}

.tech-plat-bg{

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}

.tech-plat-bg img{

    width: 100%;

}

.tech-key{

    position: relative;

}

.tech-key-img{

    width: 40%;

    border-radius: 50%;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.tech-key-img img{

    width: 100%;

    transition: all .36s;

}

.tech-key .ys-cont1440{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.tech-key-text{

    width: 60%;

    padding-right: 120px;

}

.tech-key-text h2{

    margin-bottom: var(--space50);

}

.tech-key-text-parga p{

    margin-bottom: 18px;

}

.tech-key-text-parga p:last-child{

    margin-bottom: 0;

}

.tech-key-bg{

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    max-width: 1920px;

}

.tech-key-bg img{

    width: 100%;

}

.tech-plat-tit{

    text-align: center;

    font-weight: bold;

    color: var(--color4);

}

.tech-plat-list{

    width: calc(100% - 420px);

    padding-left: 140px;

}

.tech-plat-list-li{

    margin-bottom: 24px;

}

.tech-plat-list-li:last-child{

    margin-bottom: 0;

}

.tpll-wrap{

    border-radius: var(--radius);

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

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

    backdrop-filter: blur(10px);

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

    padding: 30px 40px;

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.tpll-text .std-h4{

    font-weight: bold;

    color: var(--color4);

    position: relative;

    padding-left: 20px;

}

.tpll-text-tit{

    padding-bottom: 8px;

    margin-bottom: 8px;

    border-bottom: 1px solid rgba(255,255,255,.2);

}

.tpll-text-parga p{

    color: var(--color4);

}

.tpil-li{

    position: absolute;

}

.tpil-li:nth-child(1){

    width: 298px;

    top: 20%;

    left: 64%;

}

.tpil-li:nth-child(2){

    width: 206px;

    top: 47%;

    left: 85%;

}

.tpil-li:nth-child(3) {

    width: 270px;

    top: 70%;

    left: 70%;

}

.tpil-li img{ 

    width: 100%;

}

.tpll-img{

    width: 27%;

}

.tpll-text{

    width: 73%;

    padding-left: 44px;

}

.tech-plat-img{

    width: 420px;

    position: relative;

}

.tech-plat-img-pic img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.tech-plat-img-pic img:nth-child(1){

    position: relative;

}

.tech-plat-bt{

    position: relative;

    display: flex;

    align-items: center;

}

.tech-plat-img-line{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



/* C1技术平台-end */



/* D1产品管线-start */

.pro-pipeline-ph{

    display: none;

}

.pro-main .career-ban-tit-info{

    width: 42.5%;

    margin: auto;

}

.pplh-li p{

    font-size: var(--font20);

    line-height: var(--line175);

    color: var(--color4);

    font-weight: bold;

    text-align: center;

    padding: 40px 20px;

}

.pro-pipeline-list-hd{

    display: flex;

    border-radius: 10px;

    background: #184385;

}

.pplh-li{

    width: 12.5%;

    border-right: 1px solid rgba(208, 208, 208, .5);

}

.pplh-li:last-child{

    border: none;

}

.pro-pipeline-list-bd{

    margin-top: 32px;

}

.pplb-item-tit .std-h5{

    font-weight: bold;

    text-align: center;

    margin-bottom: 16px;

}

.pplb-item-tit{

    width: 12.5%;

    padding-right: 14px;

}

.pitc-wrap-btn{

    width: 24px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--colormain2);

    position: relative;

    z-index: 1;

}

.pitc-wrap-btn img{

    width: 100%;

}

.pitc-wrap-btn::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: linear-gradient(90deg, #D6083B 0%, #0073CF 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

    border-radius: 50%;

}

.pplb-item-tit-cont{

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    border-radius: 10px;

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

    background: rgba(0, 115, 207, 0.10);

}

.pplb-item{

    display: flex;

    align-items: stretch;

}

.pplb-item-ri{

    width: 87.5%;

}

.pplb-item-ri-li{

    display: flex;

    align-items: stretch;

    border-radius: 10px;

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

    background: rgba(0, 115, 207, 0.10);

    margin-bottom: 32px;

    position: relative;

}

.pplb-item-ri-li:last-child{

    margin-bottom: 0;

}

.pirl-li1{

    padding: 38px 20px;

}

.pirl-li1 p{

    font-size: var(--font20);

    line-height: var(--line175);

    color: var(--color1);

    font-weight: bold;

    padding-left: 20px;

    position: relative;

    display: inline-block;

}

.pirl-li1 p::before{

    content: "";

    width: 4px;

    height: 20px;

    border-radius: 10px;

    background: var(--colormain2);

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.pirl-li p{

    font-size: var(--font18);

    line-height: var(--line175);

    color: var(--color1);

    

}

.pirl-li{

    display: flex;

    align-items: center;

    padding-left: 10px;

    padding-right: 10px;

    border-right: 1px solid rgba(208, 208, 208, .5);

    width: var(--width);

    text-align: center;

    position: relative;

    justify-content: center;

}

.pirl-li::after,

.pirl-li4-li::after{

    content: "";

    width: 1px;

    height: 32px;

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

    position: absolute;

    right: -1px;

    top: -32px;

}

.pirl-li4-li:nth-child(4)::after{

    display: none;

}

.pirl-li4-wrap{

    position: relative;

    width: 100%;

    height: 100%;

    flex-shrink: 0;

    overflow: hidden;

    display: flex;

}

.pirl-li4{

    padding: 0;

    width: calc(100% - 3 * var(--width));

    border: none;

    position: relative;

}

.pirl-li4::before{

    content: "";

    width: 1px;

    height: 32px;

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

    position: absolute;

    top: -32px;

    left: calc(var(--width) - 1px);

    right: auto;

}

.pirl-li4::after{

    content: "";

    width: 1px;

    height: 32px;

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

    position: absolute;

    top: -32px;

    left: calc(2*var(--width) - 1px);

}

.pplb-item-ri-li::after{

    content: "";

    width: 1px;

    height: 32px;

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

    position: absolute;

    top: -32px;

    right: calc(var(--width) - 2px);

}

.pirl-li4-li{

    position: relative;

    width: var(--width);

    height: 100%;

    border-right: 1px solid rgba(208, 208, 208, .5);

    flex-shrink: 0;

}

.pirl-li4-li:nth-child(4){

    border: none;

}

.pirl-li4-bg{

    width: calc(100% - 40px);

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    height: 10px;

    border-radius: 0px 50px 50px 0px;

    background: rgba(28, 52, 89, .2);

}

.pirl-li4-bg-pro{

    height: 100%;

    background: var(--colormain1);

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

}

.pirl-li4-bg-pro img{

    width: 24px;

    position: absolute;

    right: -12px;

    top: 50%;

    transform: translateY(-50%);

}

.pro-pipeline-bg{

    width: 57%;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1;

}

.pro-pipeline-bg img{

    width: 100%;

}

.pro-pipeline{

    position: relative;

    z-index: 1;

}

@keyframes fadeInLeft{

    0% {

        opacity: 0;

        transform: translate(-100%,0);

    }

    100% {

        opacity: 1;

        transform: translate(0,0);

    }

}

.pplb-item-ri-li.act .pirl-li4-bg-pro {

    animation: fadeInLeft 2s ease both .5s;

    visibility: visible;

}

.pro-pop .ys-modal-content{

    padding: 100px;

}

.pro-pop-wrap-tit{

    margin-bottom: var(--space40);

    font-weight: bold;

}

.mod-line{

    position: relative;

    padding-left: 20px;

}

.mod-line::before{

    content: "";

    width: 6px;

    height: 24px;

    background: var(--colormain2);

    border-radius: 10px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}

.ppwi-li-tit{

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #B5B5B5;

}

.ppwi-li-tit .std-h4{

    font-weight: bold;

}

.ppwi-li-text h6{

    color: var(--color1);

}

.ppwi-li-text p{

    font-size: var(--font16);

    line-height: var(--line175);

    color: var(--color2);

    margin-bottom: 12px;

}

.ppwi-li-text ul, 

.ppwi-li-text ul li {

    list-style-type: none;

}

.ppwi-li-text ul {

    margin-block-start: 0;

    margin-block-end: 0;

    padding-inline-start: 0;

}

.ppwi-li-text ul li{

    position: relative;

    padding-left: 18px;

}

.ppwi-li-text ul li::before{

    content: "";

    width: 6px;

    height: 6px;

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

    position: absolute;

    top: 11px;

    left: 0;

}

.ppwi-li{

    margin-bottom: 50px;

}

.ppwi-li:last-child{

    margin-bottom: 0;

}

.pro-pop-wrap{

    height: calc(100vh - 200px);

}

.pppw-item-tit{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 22px 24px;

    border-radius: 10px;

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

    background: #184385;

    margin-bottom: 16px;

}

.pppw-item-tit-box{

    font-size: 20px;

    line-height: var(--line175);

    color: var(--color4);

    font-weight: bold;

}

.pppw-item-tit .pitc-wrap-btn{

    margin: 0;

}

.pppw-item-list-li{

    margin-bottom: 16px;

    border-radius: 10px;

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

    background: rgba(0, 115, 207, 0.10);

}

.pppw-item-list-li:last-child{

    margin-bottom: 0;

}

.pill-tit{

    padding: 16px 16px 16px 36px;

    font-size: 16px;

    line-height: var(--line175);

    color: var(--color1);

    font-weight: bold;

    position: relative;

    border-bottom: 1px solid rgba(208, 208, 208, .5);

}

.pill-tit::before{

    content: "";

    width: 4px;

    height: 20px;

    border-radius: 10px;

    background: var(--colormain2);

    position: absolute;

    top: 50%;

    left: 16px;

    transform: translateY(-50%);

}

.pill-sort{

    display: flex;

    border-bottom: 1px solid rgba(208, 208, 208, .5);

}

.pill-sort-li{

    width: 50%;

    border-right: 1px solid rgba(208, 208, 208, .5);

    padding: 16px 12px;

    display: flex;

    align-items: center;

}

.pill-sort-li:last-child{

    border: none;

}

.pill-sort-li p,

.pill-sort-li span{

    font-size: 14px;

    line-height: var(--line175);

    color: var(--color1);

}

.pill-sort-li span{

    font-weight: bold;

    padding-right: 16px;

}

.pill-info-li p{

    font-size: 14px;

    line-height: var(--line175);

    color: var(--color1);

    font-weight: bold;

}

.pill-info-li{

    padding: 16px 0;

    width: 25%;

    border-right: 1px solid rgba(208, 208, 208, .5);

    text-align: center;

}

.pill-info-li:last-child{

    border: none;

}

.pill-info{

    display: flex;

    border-bottom: 1px solid rgba(208, 208, 208, .5);

}

.pill-line-li p{

    font-size: 14px;

    line-height: var(--line175);

    color: var(--color1);

    font-weight: bold;

    height: 1.75em;

}

.pill-line-li{

    padding: 16px 0;

    width: 25%;

    border-right: 1px solid rgba(208, 208, 208, .5);

}

.pill-line{

    display: flex;

    position: relative;

    overflow: hidden;

}

.pill-line .pirl-li4-bg{

    width: calc(100% - 10px);

}

/* D1产品管线-end */



/* B1关于我们-start */

.ys-nyban-title h1{

    font-weight: bold;

    font-size: var(--font48);

    line-height: var(--line175);

}

.ys-ban-parga{

    margin-top: 42px;

}

.ys-ban-parga p{

    color: var(--color4);

}

.ys-nyban-img::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #093E90 0%, rgba(9, 62, 144, 0.00) 100%);

    position: absolute;

    top: 0;

    left: 0;

}

.about-main .ys-nyban-bg{

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    top: auto;

    z-index: 1;

}

.ys-nyban-bg img{

    width: 100%;

}

.ys-nyban-title{

    z-index: 5;

}

.about-main .mod-bread{

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

}

.about-main .ys-bread-list a{

    color: #fff;

    opacity: 0.5;

}

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

    opacity: 0.8;

}

.about-main h2{

    text-align: center;

    margin-bottom: var(--space40);

}

.about-problem{

    position: relative;

    z-index: 1;

    overflow: visible;

}

.about-problem::after{

    content: "";

    width: 100%;

    height: 87%;

    background: linear-gradient(180deg, #F2F3F6 0%, rgba(242, 243, 246, 0.00) 100%);

    position: absolute;

    left: 0;

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

    z-index: -2;

}

.about-problem-bg{

    width: 100%;

    position: absolute;

    top: -13%;

    right: 0;

    z-index: -1;

}

.about-problem-bg img{

    width: 100%;

}

.about-problem-bt{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.about-problem-bt-img{

    width: 51%;

}

.about-problem-bt-img img{

    width: 100%;

}

.about-problem-bt-text{

    width: 49%;

    padding-right: 120px;

}

.apbt-li{

    margin-bottom: var(--space60);

}

.apbt-li:last-child{

    margin-bottom: 0;

}

.apbt-li-tit span{

    font-size: var(--font32);

    line-height: var(--line175);

    font-family: 'neogene-SemiBold';

    color: var(--colormain2);

    position: relative;

    top: 0 !important;

}

.apbt-li-tit .std-h5{

    padding-left: 18px;

    font-weight: bold;

}

.apbt-li-tit{

    display: flex;

    align-items: center;

    margin-bottom: 6px;

}

.apbt-li-info p{

    position: relative;

    padding-left: 18px;

}

.apbt-li-info p::before{

    content: "";

    width: 6px;

    height: 6px;

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

    position: absolute;

    top: 11px;

    left: 0;

}

.about-tech{

    position: relative;

    z-index: 2;

}

.about-tech .hdbs-li-cont{

    border: 1px solid #FFF;

    background: rgba(235, 237, 243, 0.50);

    backdrop-filter: blur(10px);

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

}

.about-team{

    position: relative;

    z-index: 1;

    background: #184385;

}

.about-team-img{

    width: 100%;

    height: 100%;

    z-index: -1;

}

.about-team-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.about-team h2{

    color: var(--color4);

}

.about-team .hats-li-cont{

    border: 1px solid rgba(255, 255, 255, 0.16) !important;

    background: rgba(255, 255, 255, 0.06) !important;

    -webkit-mask-image: url(../images/b1_bg01.svg);

    -webkit-mask-repeat: no-repeat;

    -webkit-mask-position: 100% 100%;

    mask-image: url(../images/b1_bg01.svg);

    mask-repeat: no-repeat;

    mask-position: 1% 1%;

    mask-size: 418px 519px;

    width: 100%;

    position: relative;

    overflow: hidden;

    transition: all .7s cubic-bezier(.785,.135,.15,.86);

}



.about-team .hats-li-cont-name,

.about-team .hats-li-cont-post p{

    color: var(--color4);

}

.about-culture{

    background: #F2F3F6;

    position: relative;

    z-index: 1;

}

.about-culture-bg{

    width: 100%;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    max-width: 1920px;

}

.about-culture-bg img{

    width: 100%;

}

.acwt-li{

    width: 250px;

    opacity: 0.5;

    transition: all .36s;

    position: absolute;

    cursor: pointer;

}

.acwt-li.act{

    opacity: 1;

}

.acwt-li:nth-child(2n+1){

    text-align: right;

}

.acwt-li1{

    top: 70px;

    left: 0;

}

.acwt-li2{

    top: 70px;

    right: 0;

}

.acwt-li3{

    bottom: 86px;

    left: 0;

}

.acwt-li4{

    bottom: 86px;

    right: 0;

}

.about-culture-wrap{

    position: relative;

}

.about-culture-wrap-circle{

    width: 49%;

    margin: auto;

    position: relative;

}

.about-culture-wrap-circle h2{

    width: 30%;

    height: 30%;

    border-radius: 50%;

    background: #fff;

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 6;

}

.acwc-img{

    width: 64%;

}

.acwc-img .ys-slick{

    border-radius: 50%;

    overflow: hidden;

}

.acwc-img-li-text{

    display: none;

}

.acwc-svg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

}

.acwc-svg svg{

    width: 100%;

    height: auto;

}

.acwc-circle{

    transform: rotate(-90deg);

}

.acwc-img-bg{

    width: 104%;

    height: 104%;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

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

    border: 15px solid #F2F3F6;

}

.acwc-img-mask{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.acwc-img-mask svg{

    width: 100%;

    height: auto;

}

.acwc-svg-li{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.acwc-svg-li1{

    transform: rotate(90deg);

}

.acwc-svg-li1 svg{

    transform: rotateY(180deg);

}

.acwc-svg-li2{

    transition: all .8s ease-in-out;

    transform: rotate(var(--rotate));

}

.about-team .nwlb-ul-li-btn {

    right: -1px;

    bottom: -1px;

}

.hats-li-wrap{

    position: relative;

    overflow: hidden;

    height: 100%;

}

.viewer-canvas img{

    background: #fff;

}

.viewer-button{

    background: var(--colormain1) !important;

}

/* B1关于我们-end */

/*鼠标效果*/

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

    .hats-li-wrap:hover .nnlb-icon{

        overflow: visible;

        transform: scale(1);

        transition: transform calc(.7s* 0.8) calc(.05s* 0.8)cubic-bezier(.785,.135,.15,.86);

    }

    .hats-li-wrap:hover .nulb-img{

        bottom: 0;

        right: 0;

        transition: bottom calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), right calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), transform .3s;

        transform-origin: right bottom;

    }

    .hats-li-wrap:hover .hats-li-cont{

        mask-position: 99% 100%;

        transition: all calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86) , transform .3s;

        transform-origin: right bottom;

    }

    .pplb-item-tit-cont:hover .pitc-wrap-btn::after{

        opacity: 1;

    }

    .tech-key-img:hover img{

        transform: scale(1.05);

    }

    .nwlt-li a:hover .std-btn3-box-pro1{

        stroke-dashoffset: 47px;

    }

    .nwlt-li a:hover .std-btn3-box-pro2{

        stroke-dashoffset: 47px;

    }

    .nwlt-li a:hover .std-btn3 p{

        color: var(--colormain2);

    }

    .nwlt-li a:hover .std-btn3 p::after{

        background: var(--colormain2);

    }

    .nwlt-li a:hover .hnsl-text-tit{

        color: var(--colormain2);

    }

    .pc-fenye li:hover{

        background: var(--colormain2);

        color: var(--color4);

    }

    .first li:hover,

    .prev li:hover,

    .next li:hover,

    .end li:hover{

        background: transparent !important;

        color: var(--colormain2) !important;

    }

    .cvll-cont:hover{

        background: var(--color4);

        border: 1px solid #f4f5f8;

    }

    .cvll-cont:hover .btn-point span:nth-child(1) {

        bottom: 0;

        right: 0;

        transition: bottom calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), right calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), transform .3s;

        animation: icon-btn-ani calc(1.4s* 0.8) calc(0s* 0.8) both ease-out;

        transform-origin: right bottom;

    }

    .cvll-cont:hover .btn-point span:nth-child(2) {

        overflow: visible;

        transform: scale(1);

        transition: transform calc(.7s* 0.8) calc(.05s* 0.8)cubic-bezier(.785,.135,.15,.86);

    }

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

        opacity: 1; 

    }

    .head-ldi-nub a:hover {

        color: var(--colormain1);

    }

    .slick-arrow:hover{

        background: #C7123F;

    }

    .color-arrow .slick-arrow:hover::before{

        opacity: 1;

    }

    .std-btn3:hover .std-btn3-box-pro1{

        stroke-dashoffset: 47px;

    }

    .std-btn3:hover .std-btn3-box-pro2{

        stroke-dashoffset: 47px;

    }

    .std-btn3:hover p{

        color: var(--colormain2);

    }

    .std-btn3:hover p::after{

        background: var(--colormain2) !important;

    }

    .hats-li-cont:hover{

        background: var(--color4);

        border: 1px solid #f4f5f8;

    }

    .hats-li-cont:hover .btn-point span:nth-child(1) {

        bottom: 0;

        right: 0;

        transition: bottom calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), right calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), transform .3s;

        animation: icon-btn-ani calc(1.4s* 0.8) calc(0s* 0.8) bothease-out;

        transform-origin: right bottom;

    }

    .hats-li-cont:hover .btn-point span:nth-child(2) {

        overflow: visible;

        transform: scale(1);

        transition: transform calc(.7s* 0.8) calc(.05s* 0.8)cubic-bezier(.785,.135,.15,.86);

    }

    .home-new-slick-li a:hover .std-btn3-box-pro1{

        stroke-dashoffset: 47px;

    }

    .home-new-slick-li a:hover .std-btn3-box-pro2{

        stroke-dashoffset: 47px;

    }

    .home-new-slick-li a:hover p{

        color: var(--colormain2);

    }

    .home-new-slick-li a:hover p::after{

        background: var(--colormain2);

    }

    .home-new-slick-li a:hover .hnsl-text-tit{

        color: var(--colormain2);

    }

    .mod-back:hover::after{

        opacity: 1;

    }

    .newdet-wrap-page-li a:hover p,

    .newdet-wrap-page-li a:hover p span{

        color: var(--colormain2);

    }

    .nwlb-ul-li a:hover .nnlb-icon{

        overflow: visible;

        transform: scale(1);

        transition: transform calc(.7s* 0.8) calc(.05s* 0.8)cubic-bezier(.785,.135,.15,.86);

    }

    .nwlb-ul-li a:hover .nulb-img{

        bottom: 0;

        right: 0;

        transition: bottom calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), right calc(.7s* 0.8)cubic-bezier(.785,.135,.15,.86), transform .3s;

        animation: icon-btn-ani calc(1.4s* 0.8) calc(0s* 0.8) both ease-out;

        transform-origin: right bottom;

    }

    .nwlb-ul-li a:hover .hnsl-text-tit{

        color: var(--colormain2);

    }

    .ys-hd-pc.isfixed .std-btn2-box:hover::after{

        opacity: 1;

    }

    .ys-page-wrap.act .ys-hd-pc .std-btn2-box:hover::after{

        opacity: 1;

    }

}





/* 载入效果 */

.ys-ban-title,

.ys-ban-info,

.ys-ban-btn{

    visibility: hidden;

}

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

    animation: ysfadeInUp 1s ease-in-out both;

    animation-delay: .3s;

    visibility: visible;

}

.ys-ban-li.slick-active .ys-ban-info {

    animation: ysfadeInUp 1s ease-in-out both;

    animation-delay: .4s;

    visibility: visible;

}

.ys-ban-li.slick-active .ys-ban-btn {

    animation: ysfadeInUp 1s ease-in-out both;

    animation-delay: .5s;

    visibility: visible;

}





/* 2025.4.28修改-start */

.home-about-us{

    position: relative;

    z-index: 5;

}

.head-nav-item.yxnav-active1 .head-nav-item-title p,

.hnid-ul-li.yxnav-active2 a {

    color: var(--colormain2);

}

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a, .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {

    color: var(--colormain2);

}

.about-problem-bt-img h3{

    font-weight: bold;

    text-align: center;

    margin-bottom: 22px;

}

.new-wrap-list-tp .slick-dots li {

    width: 10px;

    height: 10px;

    background: var(--colormain2);

    opacity: 0.5;

}

.new-wrap-list-tp .slick-dots li.slick-active {

    background: var(--colormain2);

    opacity: 1;

}

.new-wrap-list-tp .slick-dots {

    bottom: 0;

}

.new-wrap-list-tp .slick-list{

    padding-bottom: 50px;

}

.ys-page-wrap.act .head-nav-item.yxnav-active1 .head-nav-item-title p{

    color: var(--colormain2) !important;

}

.ys-page-wrap.act .hnit-icon img:nth-child(3){

    opacity: 1;

}

/* 2025.4.28修改-end */



/* 2025.6.26修改-start */

.tpwt-text-logo {

    margin: 37px -14px 0;

}

.tpwt-text-logo-li {

    height: 66px;

    margin-top: 28px;

}

.home-new{

    display: none;

}

.about-culture-wrap-circle h2{

    font-size: 34px;

}

.tech-key-text-parga li{

    position: relative;

    padding-left: 20px;

    margin-bottom: 10px;

}

.tech-key-text-parga li::before{

    content: "";

    width: 6px;

    height: 6px;

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

    position: absolute;

    top: 13px;

    left: 0;

}

/* 2025.6.26修改-end */



/* 2025.6.30修改-start */

.tpwt-text-logo-li {

    width: 100%;

    height: auto !important;

}

.tpwt-text-logo-li img{

    width: 100%;

    height: auto;

}

/* 2025.6.30修改-end */

/* 2025.8.5修改-start */

sup{

    font-size: 10px;

}

.std-h2 sup{

    font-size: var(--font24);

}

/* 2025.8.5修改-end */