@charset "utf-8";



body {

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

}

@font-face {

    font-family: 'UrbanistBold';

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

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

}

/* 英文站换行规则 */

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

    word-wrap: normal; 

    word-break: keep-all; 

} */

/*分享翻译*/

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

    /*分享中文版本*/

    content: '分享到 - 微信';

    /*分享英文版本*/

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

}

/*导航默认选中*/

.yxnav-active1 {



}

.yxnav-active2 {



}

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

    background: transparent;

}

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

    background: var(--main-color2);

}

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

    color: var(--main-color2);

}

.ys-ph-navbar2 .ys-phnav-menu, .ys-phnav2-lang-modal {

    background: var(--auxi-bgcolor1);

}

.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(--main-color2);

}

.ys-phnav-lisbox {

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

}

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

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

}

.ys-phnav2-lang-btn .icon-search,

.ys-phnav2-lang-btn span,

.ys-phnav2-lang-back .iconfont,

.ys-phnav2-lang-back{

    color: #333;

}

/* 规范-start */

:root {

    --main-color1: #007CC7;

    --main-color2: #33C2A8;

    --main-color3: #D7E8ED;

    --main-hovercolor: linear-gradient(90deg, #007CC7 0%, #33C2A8 100%), radial-gradient(404.27% 100% at 0% 50%, #007CC7 0%, rgba(255, 255, 255, 0.50) 100%);

    --auxi-bgcolor1: #F3F9FD;

    --auxi-bgcolor2: linear-gradient(90deg, #007CC7 0%, #33C2A8 100%);

    --auxi-bgcolor3: linear-gradient(180deg, #FFF 0%, #DDE9F1 100%);

    --text-color1: #007CC7;

    --text-color2: #333333;

    --text-color3: #999999;

    --text-color4: #666666;

    --text-color5: #FFFFFF;

    --font-title1:48px;

    --font-title2:40px;

    --font-title3:32px;

    --font-title4:24px;

    --font-parga1:18px;

    --font-parga2:16px;

    --font-parga3:14px;

    --std-padding1:120px;

    --std-margin1: 32px;

    --std-width: 24px;

    --std-letter1: 0.8px;

    --std-letter2: 2.4px;

    --std-letter3: 1.6px;

}

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

    letter-spacing: var(--std-letter1);

}

.std-title1{

    font-size: var(--font-title1);

    line-height: 1.4;

}

.std-title2{

    font-size: var(--font-title2);

    line-height: 1.4;

}

.std-title3{

    font-size: var(--font-title3);

    line-height: 1.4;

}

.std-title4{

    font-size: var(--font-title4);

    line-height: 1.4;

}

.std-padding1{

    padding: var(--std-padding1) 0;

}

.std-padtop1{

    padding-top: var(--std-padding1);

}

.std-padbot1{

    padding-bottom: var(--std-padding1);

}

.std-marbot1{

    margin-bottom: var(--std-padding1);

}

.std-martop1{

    margin-top: var(--std-padding1);

}

.std-parga1,

.std-parga1 p{

    font-size: var(--font-parga1);

    line-height: 1.6;

}

.std-parga2,

.std-parga2 p{

    font-size: var(--font-parga2);

    line-height: 1.6;

}

.std-parga3,

.std-parga3 p{

    font-size: var(--font-parga3);

    line-height: 1.8;

}

.yxedr-active p{

    font-size: var(--font-parga2);

    line-height: 1.6;

    color: var(--text-color4);

}

.std-margin1{

    margin-bottom: var(--std-margin1);

}

/* 规范-end */

/* yongsy样式 */

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

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

    display: block;

}

/* 轮播溢出隐藏 */

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

    display: none;

}

.ys-hd-pc{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    padding: 0 80px;

    justify-content: space-between;

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

    transition: all .36s;

   

}

.ys-hd-pc.isfixed,

.ys-hd-pc.hovered{

    background: var(--text-color5);

    border-bottom: 1px solid #EEE;

    box-shadow: 0px 4px 37.9px 0px rgba(202, 205, 208, 0.25);

}

.ys-hd-pc.isfixed .mod-cover img:nth-child(1),

.ys-hd-pc.hovered .mod-cover img:nth-child(1){

    opacity: 0;

}

.ys-hd-pc.isfixed .mod-cover img:nth-child(2),

.ys-hd-pc.hovered .mod-cover img:nth-child(2){

    opacity: 1;

}

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

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

    color: var(--text-color2);

}

.mod-cover {

    overflow: visible;

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    position: relative;

}

.mod-cover img:nth-child(1) {

    position: relative;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    transition: all .36s;

}

.mod-cover img:nth-child(2) {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    transition: all .36s;

    opacity: 0;

}

.head-nav-item-title{

    line-height: 75px;

    font-size: var(--font-parga2);

    color: var(--text-color5);

    display: block;

    transition: all .36s;

    position: relative;

}

.head-nav-item-title::after{

    content: "";

    width: 0;

    height: 2px;

    border-radius: 2px;

    background: linear-gradient(90deg, #007CC7 0%, #33C2A8 100%), #D9D9D9;

    position: absolute;

    bottom: 3px;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

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

    width: 100%;

}

.head-logo{

    width: 174px;

    line-height: 75px;

}

.head-logo a{

    display: block;

    line-height: 75px;

}

.head-nav-item{

    padding: 0 35px;

}

.head-nav{

    margin: 0 -35px;

    display: flex;

}

.head-other-lang-tp{

    display: flex;

    align-items: center;

    cursor: pointer;

}

.holt-icon1,

.head-other-search-icon{

    line-height: 75px;

}

.holt-icon1,

.holt-icon2,

.head-other-search-icon{

    width: var(--std-width);

}

.holt-icon2{

    transition: all .36s;

}

.head-other-search-icon{

    cursor: pointer;

    margin-left: 30px;

}

.head-other{

    display: flex;

    align-items: center;

}

.ys-search2-win{

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background: #fff;

    text-align: center;

    border-top: 1px solid #eee;

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

    overflow: hidden;

    display: none;

}

.ys-search2-box{

    padding: 16px 0;

}

.ys-search2-tibox{

    width: 34%;

    margin: 0 auto;

}

.ys-search2-tbox{

    border-bottom: 1px solid #eee;

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

    padding-right: 20px;

    height: 40px;

}

.ys-search2-tbox input{

    width: 100%;

    height: 100%;

    font-size: var(--font-parga2);

}

.ys-search2-ibox {

    width: var(--std-width);

    margin-top: 10px;

}

.ys-search2-ibox img{

    width: 100%;

}

.head-other-lang-bt a{

    font-size: var(--font-parga2);

    line-height: 1.8;

    color: var(--text-color4);

    transition: all .36s;

}

.head-other-lang{

    position: relative;

}

.head-other-lang-bt{

    position: absolute;

    width: 60px;

    text-align: center;

    left: 50%;

    transform: translateX(-50%);

    padding-top: 6px;

    display: none;

}

.head-other-lang-bt ul{

    border-radius: 8px;

    background: var(--text-color5);

    overflow: hidden;

    padding: 8px 0;

}

.head-other-lang-bt li{

    margin-bottom: 6px;

}

.head-other-lang-bt li:last-child{

    margin-bottom: 0;

}

.head-other-lang-bt li.on a{

    color: var(--main-color2);

}

.head-other-lang.act .holt-icon2{

    transform: rotate(180deg);

}

.ys-ban-title{

    font-size: 58px;

    color: var(--text-color5);

    /* font-weight: bold; */

    letter-spacing: 2.9px;

    line-height: 1.4;

    margin-bottom: 48px;

}

.std-btn1-box p{

    font-size: var(--font-parga1);

    line-height: 1.6;

    color: var(--text-color5);

    transition: all .36s;

    margin-right: 10px;

}

.std-btn1-box-icon{

    width: 48px;

}

.std-btn1-box{

    display: flex;

    align-items: center;

    cursor: pointer;

}

.std-btn1{

    display: inline-block;

}

.slick-dots li {

    width: 6px;

    height: 6px;

    margin: 0 5px;

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

}

.slick-dots li.slick-active{

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

    width: 40px;

    border-radius: 10px;

}

.ys-ban-slick .slick-dots {

    bottom: 40px;

    text-align: left;

    left: calc(50% - 700px);

}

.ys-banner-scroll{

    width: 40px;

    margin: auto;

    cursor: pointer;

    bottom: 40px;

    z-index: 5;

    animation: iconJump 1.5s linear infinite;

}

.ys-banner-scroll img{

    width: 100%;

}

@keyframes iconJump {

    0% {

        transform: translate(-50%, 0);

    }



    50% {

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

    }



    100% {

        transform: translate(-50%, 0);

    }

}

.ys-footer-cont{

    background: linear-gradient(90deg, #007CC7 0%, #33C2A8 100%), #007CC7;

    padding: 64px 0;

}

.ys-footer-cont-logo{

    width: 23%;

    display: flex;

    align-items: center;

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

}

.ys-footer-cont-logo a{

    width: 53%;

    display: block;

}

.ys-footer-cont-logo img{

    width: 100%;

}

.ys-footer-cont-nav{

    width: 26%;

    /* padding: 0 145px; */

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

    text-align: center;

}

.ys-footer-cont-nav a{

    transition: all .36s;

    display: block;

    font-size: var(--font-parga3);

    line-height: 1.8;

    color: var(--text-color5);

    opacity: 0.8;

    letter-spacing: 0;

}

.ys-footer-cont-nav li{

    margin-bottom: 16px;

}

.ys-footer-cont-nav li:last-child{

    margin-bottom: 0;

}

.ys-footer-cont .ys-cont1400{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.yfci-mess-li p{

    color: var(--text-color5);

    opacity: 0.8;

    line-height: 1.8;

    letter-spacing: 0;

}

.yfci-mess-li{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.yfci-mess-li-parga2{

    padding-left: 10px;

    width: calc(100% - 45px);

}

.ys-footer-cont-info{

    width: 26%;

    padding-left: 24px;

    padding-right: 12px;

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

}

.yfci-mess-li-parga1{

    width: 45px;

}

.yfci-copyright-parga p{

    font-size: 12px;

    opacity: 0.5;

    color: var(--text-color5);

    line-height: 1.4;

    letter-spacing: 0.6px;

}

.yfci-copyright-parga a{

    color: var(--text-color5);

    font-size: 12px;

    line-height: 1.4;

}

.yfci-copyright-map a{

    font-size: 12px;

    letter-spacing: 0.6px;

    color: var(--text-color5);

    opacity: 0.5;

    padding-right: 20px;

    position: relative;

}

.yfci-copyright-map a::after{

    content: "";

    width: 1px;

    height: 100%;

    background: var(--text-color5);

    opacity: 0.5;

    position: absolute;

    right: 10px;

    top: 0;

}

.yfci-copyright-map a:last-child::after{

    display: none;

}

.yfci-copyright-map{

    margin-top: 12px;

}

.ys-footer-cont-share{

    padding-left: 38px;

    display: flex;

    align-items: center;

    width: 25%;

}

.yfcs-list-icon{

    width: var(--std-width);

    opacity: 0.8;

} 

.yfcs-list-icon img{

    width: 100%;

}

.yfcs-list li{

    margin-right: 32px;

    position: relative;

    cursor: pointer;

}

.yfcs-list li:last-child{

    margin-right: 0;

}

.yfcs-list ul{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.yfcs-list-pop{

    width: 80px;

    border-radius: 8px;

    background: var(--text-color5);

    overflow: hidden;

    padding: 3px;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: calc(100% + 6px);

    display: none;

}

.yfcs-list-pop img{

    width: 100%;

    border-radius: 8px;

    overflow: hidden;

}

.yfci-wrap{

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}

.mod-back{

    width: 48px;

    cursor: pointer;

    position: fixed;

    z-index: 96;

    right: -80px;

    bottom: 158px;

    border-radius: 50%;

    background: var(--text-color5);

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

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

}

.mod-back.act{

    right: 80px;

}

.mod-back img{

    width: 100%;

}

.head-nav-item-down{

    padding-top: 5px;

    background: transparent;

}

.hnid-cont-bg{

    width: 100%;

    z-index: -1;

}

.hnid-cont-bg img{

    width: 100%;

}

.hnid-cont{

    padding: 40px;

    border-radius: 8px;

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

    overflow: hidden;

    min-width: 702px;

    display: flex;

    align-items: flex-start;

    /* flex-wrap: wrap; */

    position: relative;

    z-index: 1;

}

.hnid-cont-le{

    width: calc(100% - 382px);

    padding-right: 20px;

}

.hnid-cont-le-wrap{

    margin: 0 -10px;

    display: flex;

    align-items: flex-start;

}

.hnid-cont-le-ul{

    width: 140px;

    padding: 0 10px;

}

.hnid-cont-ri{

    width: 382px;

}

.hnid-cont-ri-img{

    border-radius: 8px;

}

.hnid-cont-ri-parga{

    margin-top: 20px;

}

.hnid-cont-ri-btn{

    display: flex;

    align-items: center;

    margin-top: var(--std-margin1);

}

.hcrb-icon{

    width: 48px;

    height: 48px;

    position: relative;

    z-index: 1;

}

.hcrb-icon img{

    width: 100%;

    position: relative;

    z-index: 5;

}

.hcrb-icon::before{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: var(--main-hovercolor);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 0;

    opacity: 0;

    transition: all .36s;

}

.hcrb-icon::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: var(--main-color2);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all .36s;

}

.hnid-cont-ri-btn p{

    margin-right: 10px;

    color: var(--main-color2);

}

.hnid-cont-ri-parga p{

    color: var(--text-color2);

    line-height: 1.8;

    height: 5.4em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.hclu-li a{

    font-size: var(--font-parga2);

    line-height: 1.8;

    color: var(--text-color2);

    transition: all .36s;

    display: block;

    padding: 5.5px 10px;

    border-radius: 8px;

    transition: all .36s;

}

.hclu-li.yxnav-active2 a{

    color: var(--main-color2);

    background: #E7F2F9;

}

.hclu-li{

    margin-bottom: 8px;

}

.hclu-li:last-child{

    margin-bottom: 0;

}

.head-nav-item-about,

.head-nav-item-pro{

    left: 3px;

    transform: translateX(0);

}

.head-nav-item-rd{

    left: -120px;

    transform: translateX(0);

}

.head-nav-item-member{

    left: -190px;

    transform: translateX(0);

}

.head-nav-item-new{

    left: -326px;

    transform: translateX(0);

}

.head-nav-item-contact{

    left: -463px;

    transform: translateX(0);

}

.home-new{

    position: relative;

    overflow: hidden;

    background: var(--auxi-bgcolor3);

    z-index: 1;

}

.home-new-tp h2{

    font-weight: bold;

    color: var(--text-color2);

    letter-spacing: var(--std-letter2);

}

.std-btn2-box{

    margin-top: 0 !important;

    cursor: pointer !important; 

}

.home-new-tp{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.hnbs-item{

    background: #fff;

    transition: all .36s;

    border-radius: 8px;

    overflow: hidden;

    z-index: 1;

    height: auto !important;

}

.hnbs-item a{

    position: relative;

    display: block;

    padding: 40px;

    height: 100%;

}

.hnbs-item-lab p{

    line-height: 1.2;

    color: var(--text-color5);

}

.hnbs-item-lab{

    display: inline-block;

    padding: 3.5px 8px;

    border-radius: 50px;

    background: var(--main-color2);

}

.hnbs-item-tit{

    transition: all .36s;

    line-height: 1.8;

    margin-top: 16px;

    color: var(--text-color2);

    height: 3.6em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.hnbs-item-time{

    margin-top: var(--std-margin1);

}

.hnbs-item-time p{

    transition: all .36s;

    color: var(--text-color3);

    line-height: 1.8;

}

.home-new-bt-swiper{

    padding-bottom: 50px !important;

}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{

    height: 2px !important;

    top: auto !important;

    bottom: 0;

}

.swiper-pagination-progressbar{

    background: var(--text-color5) !important;

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #989898 !important;

}

.hnbs-item-bg{

    width: 100%;

    height: 100%;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.hnbs-item-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.hnbs-item-bg::after{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0, 124, 199, 0.8);

    position: absolute;

    top: 0;

    left: 0;

}

.std-arrow-icon{

    width: 48px;

    height: 48px;

    position: relative;

    border-radius: 50%;

    background: #fff;

    border: 1px solid #eee;

    transition: all .36s;

    cursor: pointer;

}

.std-arrow-icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.std-arrow-icon img:nth-child(1){

    opacity: 0;

}

.home-new-arrow{

    margin-top: 16px;

    justify-content: flex-end;

}

.std-arrow{

    display: flex;

    align-items: center;

}

.std-arrow-next{

    margin-left: 10px;

}

.swiper-button-disabled{

    opacity: 0.5;

    pointer-events: none;

}

.home-new-bg{

    width: 100%;

    z-index: -1;

    position: absolute;

    bottom: -150px;

    left: 138px;

}

.home-new-bg img{

    width: 100%;

}

.home-group{

    position: relative;

    overflow: hidden;

}

.home-group-bg{

    width: 100%;

}

.home-group-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.home-group-svg1{

    width: 114%;

    bottom: -208px;

    z-index: 1;

}

.home-group-svg1 svg{

    width: 100%;

    height: auto;

}

.home-group-svg2{

    width: 102%;

    position: absolute;

    bottom: -58px;

    left: 50px;

}

.home-group-svg2 svg{

    width: 100%;

    height: auto;

}

.home-group-cont-text{

    width: 43%;

}

.home-group-cont-text h2{

    color: var(--text-color5);

    font-weight: bold;

    letter-spacing: var(--std-letter2);

  

}

.home-group-cont-text.active h2{

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

    animation-delay: .1s;

    visibility: visible;

}

.home-group-cont-text.active .hgct-data{

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

    animation-delay: .3s;

    visibility: visible;

}

.home-group-cont-text.active .hgct-btn{

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

    animation-delay: .5s;

    visibility: visible;

}

.home-group-cont{

    z-index: 5;

}

.hgct-data-ul{

    display: flex;

    justify-content: space-between;

}

.hdul-num{

    letter-spacing: var(--std-letter3);

    color: var(--text-color5);

    margin-bottom: 6px;

    font-weight: bold;

}

.hdul-parga p{

    color: var(--text-color5);

}

.home-group-cont-text h2,.hgct-data{

    margin-bottom: 48px;

    visibility: hidden;

}

.hgct-btn {

    visibility: hidden;

}

.home-culture .ys-cont1200{

    position: relative;

}

.home-culture-le{

    width: 485px;

    /* position: relative; */

    position: sticky;

    top: 100px;

}

.home-culture-ri{

    width: calc(100% - 485px);

    padding-left: 257px;

}

.home-culture-le-img{

    width: 86.5%;

    border-radius: 210px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}

.home-culture-le-img img{

    width: 100%;

}

.home-culture-le-ph{

    display: none;

}

.home-culture-le-bg{

    width: 485px;

    position: absolute;

    top: 32px;

    left: 65px;

    z-index: -1;

}

.home-culture-le-bg img{

    opacity: 0;

    width: 86.5%;

}

.hclb-box{

    width: 86.5%;

    height: 100%;

    border-radius: 210px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    background: linear-gradient(90deg, #33C2A8 0%, #007CC7 100%);

    position: absolute;

    top: 0;

    left: 0;

}

.home-main h2{

    font-weight: bold;

}

.home-culture-ri h2{

    color: var(--text-color2);

    letter-spacing: var(--std-letter2)

}

.home-culture-ri-parga p{

    color: var(--text-color4);

    line-height: 1.8;

}

.home-culture-ri-parga{

    margin-bottom: 112px;

}

.hcrl-li-icon{

    width: 72px;

    margin-top: 10px;

}

.hcrl-li-text{

    width: calc(100% - 72px);

    padding-left: 32px;

}

.hcrl-li{

    display: flex;

    align-items: flex-start;

    margin-bottom: 44px;

}

.hcrl-li:last-child{

    margin-bottom: 0;

}

.hcrl-li-text .std-title4{

    color: var(--text-color2);

    letter-spacing: var(--std-letter3);

    font-weight: bold;

    margin-bottom: 11px;

}

.hcrl-li-text p{

    color: var(--text-color4);

    line-height: 1.8;

}

.home-pro-wrap{

    height: calc(100vh - 76px);

    position: relative;

    overflow: hidden;

    position: sticky;

    top: 76px;

}

.home-pro{

    height: 200vh;

    width: 100%;

}

.home-pro-bg{

    width: 5.8%;

    position: absolute;

    top: 0;

    left: 110px;

    height: 100%;

}

.home-pro-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.home-pro-tab{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 80px;

    z-index: 5;

}

.home-pro-tab-li{

    width: 150px;

    height: 150px;

    border-radius: 50%;

    background-color: #fff;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    margin-bottom: var(--std-margin1);

    display: flex;

    align-items: center;

    cursor: pointer;

    position: relative;

    transition: transform 0.3s ease-out;

    visibility: hidden;

}

.home-pro-tab-li::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #007CC7 0%, #33C2A8 100%), #007CC7;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.hptl-wrap-img{

    width: 86px;

    margin: auto;

}

.hptl-wrap-tit{

    color: var(--text-color4);

    text-align: center;

    line-height: 1.8;

    width: 75%;

    margin: auto;

    margin-top: 20px;

    transition: all .36s;

}

.hptl-wrap{

    width: 100%;

}

.home-pro-tab-li.act .hptl-wrap-tit{

    color: var(--text-color5);

}

.home-pro-tab-li.act::after{

    opacity: 1;

}

.home-pro-btn{

    position: absolute;

    z-index: 5;

    right: 80px;

    top: 50%;

    transform: translateY(-50%);

    width: 48px;

    height: 48px;

    border-radius: 50%;

    border: 1px solid #7BB9DE;

    display: flex;

    align-items: center;

    justify-content: center;

}

.hpba-icon{

    width: 12px;

    cursor: pointer;

    margin: auto;

}

.hpba-icon img{

    width: 100%;

}

.hpba-prev{

    margin-bottom: 2px;

}

.home-pro-btn::before{

    content: "";

    width: 1px;

    height: 230px;

    background: #EEEEEE;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: -250px;

}

.home-pro-btn::after{

    content: "";

    width: 1px;

    height: 230px;

    background: #EEEEEE;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -250px;

}

.home-pro-list{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding-left: 20%;

    padding-right: 11%;

}

.home-pro-list-swiper{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    overflow: visible !important;

}

.hpls-li-img{

    width: 46%;

    border-radius: 50%;

    position: relative;

}

.hpls-li-text{

    width: 54%;

    margin-top: 53px;

    padding-right: 16%;

}

.hpls-li-text-tit{

    letter-spacing: var(--std-letter2);

    font-weight: bold;

    color: var(--text-color2);

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

    opacity: 0;

    transform: translate3d(-20px, 0, 0);

    transition-delay: 0.4s;

}

.hpls-li.swiper-slide-active .hpls-li-wrap.active .hpls-li-text-tit{

    opacity: 1;

    transform: none;

}

.hpls-li.swiper-slide-active .hpls-li-wrap.active .hpls-li-text-parga{

    opacity: 1;

    transform: none;

}

.hpls-li.swiper-slide-active .hpls-li-wrap.active .hpls-li-text-btn{

    opacity: 1;

    transform: none;

}

.hpls-li-text-parga{

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

    opacity: 0;

    transform: translate3d(-20px, 0, 0);

    transition-delay: 0.6s;

    margin-bottom: 62px;

}

.hpls-li-text-parga p{

    color: var(--text-color4);

    line-height: 1.8;

}

.hpls-li-text-btn{

    transition: all 0.5s ease-out;

    opacity: 0;

    transform: translate3d(-20px, 0, 0);

    transition-delay: 0.8s;

}

.hpls-li-img-bg{

    width: 100%;

}

.hpls-li-img-bg img{

    width: 100%;

}

.hlic-img{

    width: 85%;

    margin: auto;

    transition: all .36s;

}

.hpls-li-img-cont{

    width: 100%;

}

.hpls-li-wrap{

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    width: 100%;

}

.hpls-li{

    display: flex;

    align-items: center;

}

.home-pro-list-swiper .swiper-wrapper{

    align-items: center;

}

.home-pro-page{

    color: var(--main-color1);

    opacity: 0.1;

    position: absolute;

    left: 20%;

    bottom: 215px;

    z-index: 5;

}

.inside-body .ys-main{

    margin-top: 76px;

}

.inside-body .ys-hd-pc{

    background: var(--text-color5);

    border-bottom: 1px solid #EEE;

    box-shadow: 0px 4px 37.9px 0px rgba(202, 205, 208, 0.25);

}

.inside-body .ys-hd-pc .mod-cover img:nth-child(1){

    opacity: 0;

}

.inside-body .ys-hd-pc .mod-cover img:nth-child(2){

    opacity: 1;

}

.inside-body .head-nav-item-title{

    color: var(--text-color2);

}

.ys-nyban-title h1{

    font-size: var(--font-title1);

    font-weight: bold;

    letter-spacing: var(--std-letter2);

}

.ys-nyban-parga{

    width: 47%;

}

.ys-nyban-parga p{

    font-size: var(--font-parga2);

    line-height: 1.8;

}

.inddet-nav {

    height: 64px;

    position: relative;

    z-index: 1;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

}

.inddet-nav-wrap {

    position: relative;

    transition: all .4s;

    left: 0;

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

}

.inddet-nav-wrap-ul {

    display: inline-block;

    white-space: nowrap;

    margin: 0 -30px;

}

.inwu-li {

    padding: 0 30px;

    display: inline-block;

    position: relative;

}

.inwu-li p {

    line-height: 64px;

    opacity: 0.6;

    color: var(--text-color5);

    cursor: pointer;

    position: relative;

    padding-left: 16px;

    transition: all .36s;

}

.inwu-li p::before{

    content: "";

    width: 6px;

    height: 6px;

    border-radius: 50%;

    border: 1px solid var(--text-color5);

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    transition: all .36s;

}

.inwu-li.act p{

    opacity: 1;

}

.inwu-li.act p::before{

    border: 1px solid var(--main-color2);

    background: var(--main-color2) !important;

}

.pro-main h2{

    color: var(--text-color2);

    letter-spacing: 2px;

    font-weight: bold;

    margin-bottom: 40px;

}

.ys-slick-item{

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.ys-slick-item:not(:first-child){

    display: none;

}

.pail-cont-text-tit{

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

    opacity: 0;

    transform: translate3d(0, 20px, 0);

    transition-delay: 0.4s;

}

.pro-artery,.pro-vein{

    overflow: hidden;

}

.pro-artery-info-li.slick-current .pail-cont-text-tit {

    opacity: 1;

    transform: none;

}

.pail-cont-text-tit .std-title4{

    color: var(--text-color2);

    letter-spacing: var(--std-letter3);

    font-weight: bold;

    cursor: pointer !important; 

}

.pail-cont-text-parga{

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

    opacity: 0;

    transform: translate3d(0, 20px, 0);

    transition-delay: 0.5s;

}

.pail-cont-text-parga p{

    line-height: 1.8;

    height: 3.6em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.pro-artery-info-li.slick-current .pail-cont-text-parga {

    opacity: 1;

    transform: none;

}

.pail-cont-text-btn{

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

    opacity: 0;

    transform: translate3d(0, 20px, 0);

    transition-delay: 0.6s;

}

.pro-artery-info-li.slick-current .pail-cont-text-btn {

    opacity: 1;

    transform: none;

}

.pail-cont-text-parga,

.pail-cont-text-btn{

    margin-top: 24px;

}

.pail-cont{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    position: relative;

}

.pail-cont::after{

    content: "";

    width: 83%;

    height: calc(100% - 60px);

    border-radius: 8px;

    background: linear-gradient(90deg, #FBFEFF 0%, rgba(231, 242, 249, 0.80) 100%);

    position: absolute;

    top: 30px;

    left: 0;

    z-index: -1;

}

.pail-cont-img{

    width: 33%;

    position: relative;

    z-index: 1;

}

.pail-cont-text{

    width: 67%;

    padding-left: 80px;

    padding-right: 140px;

}

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

    width: 75%;

    margin: auto;

    position: absolute;

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

    -webkit-transform: translate(-50%,-50%) rotate(0);

    transition: opacity 0.5s ease-in-out;

    opacity: 0;

    transition-delay: .8s;

}



.pro-artery-info-li.slick-current .pail-cont-img .ys-imgbox-cover {

    opacity: 1;

}

.pail-cont-img-bg{

    width: 100%;

    border-radius: 50%;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    background: var(--auxi-bgcolor2);

}

.pail-cont-img-bg img{

    width: 100%;

}

.pail-cont-img::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: #A7D5F0;

    filter: blur(30px);

    position: absolute;

    top: 0;

    left: -20px;

    z-index: -1;

}

.pro-artery-slick{

    position: relative;

}

.pro-artery-slick-li{

    width: 25%;

    padding: 0 16px;

    height: auto !important;

}

.pro-artery-slick .ys-slick{

    margin: 0 -16px;

}

.pasl-cont{

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 8px;

    border: 1px solid #EEE;

    overflow: hidden;

    padding: 33px 33px 53px;

    position: relative;

    cursor: pointer;

}

.pasl-cont-bg{

    width: 100%;

    height: 100%;

    z-index: -1;

}

.pasl-cont-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.pasl-cont-tit{

    margin-top: 20px;

    text-align: center;

    transition: all .36s;

    color: var(--text-color2);

}

.pro-artery-slick-btn{

    width: 100%;

    justify-content: space-between;

    pointer-events: none;

}

.pro-artery-slick-btn .std-arrow-next,

.prodet-apply-bt-arrow .std-arrow-next{

    margin-left: 0;

    pointer-events: all;

    right: -24px;

}

.pro-artery-slick-btn .std-arrow-prev,

.prodet-apply-bt-arrow .std-arrow-prev{

    left: -24px;

    pointer-events: all;

}

.slick-disabled{

    opacity: 0.5;

    pointer-events: none !important;

}

.pro-artery-slick-li.act .pasl-cont-tit{

    color: var(--main-color2);

}

.pro-artery-info .slick-list{

    overflow: visible;

}

.pro-vein{

    background: linear-gradient(180deg, #DDE9F1 0%, #FFF 61.04%);

}

.pro-vein .pail-cont-img-bg{

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

}

.pro-vein .pail-cont-img::after{

    background: #DEE9F1;

}

.pro-vein .pail-cont::after{

    background: var(--text-color5);

}

.ys-slick .slick-track{

    margin: 0;

}

.inddet-nav.isfixed {

    z-index: 97;

}

.inddet-nav-wrap.isfixed {

    position: fixed;

    top: 76px;

    z-index: 100;

    width: 100%;

    background: var(--main-color2);

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

}

/* .inddet-nav-wrap.isfixed .inwu-li p{

    color: var(--text-color2);

}

.inddet-nav-wrap.isfixed .inwu-li p::before{

    background: var(--text-color2);

} */

.inddet-nav-wrap.isfixed .inwu-li.act p::before {

    border: 1px solid var(--text-color5);

    background: var(--text-color5) !important;

}

.cook-pop{

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

}

.cook-pop .ys-modal-close{

    width: 48px;

    top: 10px;

    right: 10px;

}

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

    width: 100%;

}

.cook-pop .ys-modal-content {

    width: 420px;

    border-radius: 8px;

    padding: 56px 77px 56px 56px;

}

.cook-pop-logo{

    width: 176px;

    margin: auto;

}

.cook-pop-logo img{

    width: 100%;

}

.cook-pop-parga,

.cook-pop-btn{

    margin-top: 24px;

}

.cook-pop-parga p{

    color: var(--text-color2);

    line-height: 1.8;

    text-align: center;

}

.cook-pop-btn-item{

    padding: 0 34px;

    border-radius: 8px;

    cursor: pointer;

    margin: 0 19px;

}

.cook-pop-btn-item p{

    line-height: 48px;

}

.cook-pop-btn{

    display: flex;

    justify-content: center;

}

.cook-pop-btn-yes{

    background: var(--main-color2);

    border: 1px solid var(--main-color2);

    padding: 0 !important;

}

.cook-pop-btn-yes a{

    padding: 0 34px;

    display: block;

    cursor: pointer !important;

}

.cook-pop-btn-no{

    border: 1px solid var(--main-color2);

}

.cook-pop-btn-yes p{

    color: var(--text-color5);

}

.cook-pop-btn-no p{

    color: var(--text-color4);

}

.std-btn3-box{

    display: flex;

    align-items: center;

    cursor: pointer;

    padding: 0 40px;

    border-radius: 50px;

    overflow: hidden;

    transition: all .36s;

    position: relative;

}

.std-btn3-box img{

    width: 40px;

}

.std-btn3-box p{

    font-size: var(--font-parga3);

    line-height: 48px;

    color: var(--text-color5);

    padding: 0 10px;

}

.std-btn3-box::after{

    content: "";

    width: 100%;

    height: 100%;

    background: var(--main-color2);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -2;

}

.std-btn3-box::before{

    content: "";

    width: 100%;

    height: 100%;

    background: var(--main-hovercolor);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all .36s;

    opacity: 0;

}

.std-btn3{

    display: inline-block;

}

.prodet-main .ys-nyban-parga{

    width: 58.5%;

    margin: auto;

    /* margin-bottom: var(--std-margin1); */

}

.prodet-main .ys-nyban-title{

    text-align: center;

    top: 32%;

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

}

.pbdu-li-parga p{

    color: var(--text-color5);

    text-align: center;

}

.pbdu-li-num{

    color: var(--text-color5);

    font-weight: bold;

    letter-spacing: var(--std-letter3);

    margin-bottom: 4px;

}

.prodet-ban-data{

    bottom: 60px;

    z-index: 5;

}

.pbdu-li{

    padding: 0 75px;

}

.prodet-ban-data-ul{

    margin: 0 -75px;

    display: flex;

    justify-content: center;

}

.prodet-model{

    border-top: 1px solid #EEE;

    border-bottom: 1px solid #EEE;

    overflow: hidden;

}

.prodet-main h2{

    text-align: center;

    font-weight: bold;

    letter-spacing: 2px;

}

.prodet-model-img{

    width: 100%;

    margin-bottom: 10px;

}

.prodet-model-img img{

    width: 100%;

}

.prodet-model-btn .std-btn3-box p{

    padding: 0;

    margin-right: 16px;

}

.prodet-model-btn img{

    width: 11px !important;

}

.prodet-model-btn{

    text-align: center;

}

.viewer-button{

    background: var(--main-color2) !important;

}

.prodet-related{

    overflow: hidden;

}

.prodet-apply{

    background: #F6FCFF;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.prodet-apply-bt{

    position: relative;

}

.prodet-apply-bg{

    width: 51%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.prodet-apply-bg img{

    width: 100%;

}

.prodet-apply-bt-slick{

    margin: 0 -10px;

}

.pabs-li{

    width: 100%;

    padding: 0 10px;

}

.pabs-li-cont{

    padding: 64px 40px 98px 64px;

    background: var(--main-color2);

    border-radius: 8px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}

.pabs-li-cont-img{

    width: 36%;

    border-radius: 8px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}

.pabs-li-cont-text{

    width: 64%;

    padding-right: 90px;

}

.plct-tit,

.plct-parga p{

    color: var(--text-color5);

}

.plct-tit{

    line-height: 1.4;

    /* height: 2.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden; */

}

.plct-parga p{

    opacity: 0.8;

    line-height: 1.8;

    height: 5.4em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.plct-parga,

.plct-btn{

    margin-top: var(--std-margin1);

}

.prodet-apply-bt-arrow .std-arrow-icon{

    border: 1px solid transparent;

    box-shadow: 0px 4px 4px 0px rgba(0, 124, 199, 0.20);

}

.prodet-apply-bt-arrow{

    justify-content: space-between;

    width: 100%;

    pointer-events: none;

}

/* .prodet-main .pro-artery-slick-li.slick-current .pasl-cont-tit{

    color: var(--main-color2);

} */

.prodet-chara-tp-parga p{

    line-height: 1.8;

    color: var(--text-color4);

    text-align: center;

}

.prodet-chara{

    position: relative;

    overflow: hidden;

}

.prodet-chara-bg{

    width: 114%;

    z-index: -1;

    bottom: -80px;

}

.prodet-chara-bg svg{

    width: 100%;

    height: auto;

}

.prodet-chara-mid{

    width: 53%;

    margin: auto;

    position: relative;

}

.prodet-chara-mid-img{

    width: 100%;

    visibility: hidden;

}

.prodet-chara-mid-img img{

    width: 100%;

}

.prodet-chara-tp{

    margin-bottom: 65px;

}

.prodet-chara-mid.active .prodet-chara-mid-img{

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

    visibility: visible;

}

.prodet-chara-mid.active .pcmd-li-icon{

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

    visibility: visible;

}

.prodet-chara-mid.active .pcmd-li-line{

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

    visibility: visible;

}

.prodet-chara-mid.active .pcmd-li.on .pcmd-li-line{

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

    visibility: visible;

}

.pcmd-li-icon{

    width: 40px;

    visibility: hidden;

}

.pcmd-li-icon img{

    width: 100%;

}

.pcmd-li-line-path{

    height: 1px;

}

.pcmd-li-line-path1{

    width: 82px;

    transform: rotate(-45deg);

    position: absolute;

    right: -10px;

    bottom: 28px;

}

.pcmd-li-line-path1::after{

    content: "";

    width: 100%;

    height: 1px;

    border-bottom: 1px dashed var(--text-color3);

    position: absolute;

    right: 0;

    bottom: 0;

    /* animation: lineChange .8s linear both .2s; */

}

.pcmd-li-line-path2::after{

    content: "";

    width: 100%;

    height: 1px;

    border-bottom: 1px dashed var(--text-color3);

    position: absolute;

    right: 0;

    bottom: 0;

    /* animation: lineChange .8s linear both 1s; */

}

@keyframes lineChange{

    0%{

        width: 0;

    }

    100%{

        width: 100%;

    }

}

.pcmd-li-line-path2{

    width: 288px;

    position: absolute;

    bottom: 0;

    left: 0;

}

.pcmd-li-line{

    width: 345px;

    position: absolute;

    right: 20px;

    top: 25px;

    height: 58px;

    visibility: hidden;

}

.pcmd-li-line img{

    width: 100%;

}

.pcmd-li{

    position: absolute;

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

}

.pllt-parga p{

    color: var(--text-color4);

    line-height: 1.8;

}

.pllt-tit{

    color: var(--text-color2);

}

.pcmd-li-line-text{

    position: absolute;

    top: var(--pro-top);

    left: 0;

    width: 288px;

    transform: translateY(58px);

}

.prodet-chara-mid-dots{

    width: 100%;

    height: 100%;

}

.pcmd-li.on .pcmd-li-line-path2{

    bottom: auto;

    top: 0;

    left: auto;

    right: 0;

}

.pcmd-li.on .pcmd-li-line-path1{

    right: auto;

    left: -12px;

}

.pcmd-li.on .pcmd-li-line{

    right: auto;

    left: 20px;

    top: -40px;

}

.pcmd-li.on .pcmd-li-line-text {

    top: var(--pro-top);

    left: 58px;

    transform: translateY(0px);

}

.pcmd-item{

    width: 40px;

    position: absolute;

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

}

.pcmd-item img{

    width: 100%;

}

.prodet-chara-mid-dot{

    width: 100%;

    height: 100%;

    display: none;

}

.prodet-right{

    animation: fadeRight1 1s ease-in-out both .3s;

}

.pcmd-li.on .prodet-right{

    animation: fadeLeft1 1s ease-in-out both .3s;

}



@keyframes fadeRight1{

    0%{

        opacity: 0;

        transform: translateX(30px);

    }

    100%{

        opacity: 1;

        transform: translateX(0);

    }

}

@keyframes fadeLeft1{

    0%{

        opacity: 0;

        transform: translateX(-30px);

    }

    100%{

        opacity: 1;

        transform: translateX(0);

    }

}

.prodet-model-img-ph{

    display: none;

    width: 100%;

}

.prodet-model-img-pc{

    width: 100%;

}

.index-html,

.index-html body{

    overflow: inherit !important;

}



.ys-banner{

    overflow: hidden;

}

.ys-nybanner{

    overflow: hidden;

}

.prodet-chara-ph{

    display: none;

    width: calc(100% - 40px);

    margin: auto;

}

.prodet-chara-ph img{

    width: 100%;

}

body{

    height: auto !important;

}

.viewer-canvas img{

    background: #fff;

}

.hgct-data-ul-li{

    width: 25%;

}

/*鼠标效果*/

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

    .hpls-li-img:hover .hlic-img{

        transform: scale(1.2);

    }

    .pail-cont-img:hover .ys-imgbox-cover img{

        transform: scale(1.1);

    }

    .pasl-cont:hover .pasl-cont-img img{

        transform: scale(1.05);

    }

    .pasl-cont:hover .pasl-cont-tit{

        color: var(--main-color2);

    }

    .prodet-apply-bt-arrow .std-arrow-icon:hover{

        background: var(--main-color2);

    }

    .std-btn1-box:hover .mod-cover img:nth-child(2){

        opacity: 1;

    }

    .hnid-cont-ri a:hover .hcrb-icon::before{

        opacity: 1;

    }

    .std-btn2-box:hover .hcrb-icon::before{

        opacity: 1;

    }

    .hnbs-item a:hover .hnbs-item-bg{

        opacity: 1;

    }

    .hnbs-item a:hover .hnbs-item-tit{

        color: var(--text-color5);

    }

    .hnbs-item a:hover .hnbs-item-time p{

        color: var(--text-color5);

    }

    .std-arrow-icon:hover{

        border: 1px solid var(--main-color2);

    }

    .std-arrow-icon:hover img:nth-child(1){

        opacity: 1;

    }

    .std-arrow-icon:hover img:nth-child(2){

        opacity: 0;

    }

    .home-pro-tab-li:hover{

        transform: scale(1.1);

    }

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

        opacity: 1;

    }

}

/* 载入效果 */

@keyframes fadeinB{

    0%{

        opacity:0;

        transform:translateY(100px);

    }

    100%{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes labfadeLeft{

    0%{

        opacity: 0;

        transform: translateX(-60px);

    }

    100%{

        opacity: 1;

        transform: translateX(0);

    }

}

.ys-ban-title,

.ys-ban-btn{

    visibility: hidden;

}

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

    animation: fadeinB 1s ease-out backwards .2s;

    visibility: visible;

}

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

    animation: fadeinB 1s ease-out backwards .4s;

    visibility: visible;

}

.ys-ban-li{

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.home-pro-tab.active .home-pro-tab-li{

    animation: labfadeLeft 1s ease-in-out both .1s;

    visibility: visible;

}

/* 2024.5.28修改 */

.pbdu-li-num{

    text-align: center;

}

.pbdu-li{

    width: 20%;

    padding: 0 30px;

}

.prodet-ban-data-ul {

    margin: 0 -30px;

}

.hpls-li-img{

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

}

.hpls-li.swiper-slide-active .hpls-li-img {

    opacity: 1;

    visibility: visible;

    transition: 0.4s 0.3s;

}

.hpls-li-text-parga p{

    max-height: 7.2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

.slick-list {

    min-width: 100%;

}

.pcmd-li.on1 .pcmd-li-line{

    top: -40px;

}

.pcmd-li.on2 .pcmd-li-line {

    top: 22px;

}

.pcmd-li.on2 .pcmd-li-line-text{

    transform: translateY(58px);

}

.pcmd-li.on1 .pcmd-li-line-text{

    transform: translateY(0px);

}

.ys-ban-imgbox::before {

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

}

.home-culture-ri {

    min-height: 680px;

}

.hnid-cont-le-ul {

    width: 160px;

}

.prodet-main .ys-nyban-parga {

    width: 60%;

}

.pro-item h2 span{

    font-size: var(--font-title4);

}

.prodet-body{

    position: relative;

}

.prodet-body::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99;

    opacity: 0;

    pointer-events: none;

}

.prodet-html{

    height: 100vh;

    overflow-y: scroll;

}

.prodet-html body{

    height: 100vh !important;

}

.prodet-html .prodet-body::after{

    opacity: 1;

    pointer-events: all;

}

/* .hpls-li-img-bg{

    position: relative;

}

.hpls-li-img-bg::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: #A7D5F0;

    filter: blur(30px);

    position: absolute;

    top: 0;

    left: -20px;

    z-index: -1;

    opacity: 0;

    transition: all 0.3s ease-in-out;

}

.hpls-li.swiper-slide-active .hpls-li-img-bg::after{

    opacity: 1;

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

} */



.inwu-li{

    width: auto !important;

}

.home-culture-ri {

    padding-left: 200px;

}





/* 2025.1.13二期-start */

.home-innov{

    position: relative;

    overflow: hidden;

}

.home-innov-bg{

    width: 100%;

}

.home-innov-bg img{

    width: 100%;

}

.home-innov .ys-cont1400{

    top: 12.7%;

    z-index: 5;

}

.home-innov h2{

    color: #fff;

    letter-spacing: var(--std-letter2);

}

.home-innov-parga{

    width: 52%;

    margin-bottom: 108px;

}

.home-innov-parga p{

    color: #fff;

}

.home-innov-ul{

    margin: 0 -16px;

    display: flex;

    flex-wrap: wrap;

}

.home-innov-ul-li{

    width: 16.666666%;

    padding: 0 16px;

}

.hiul-img{

    border-radius: 8px;

    border: 1px solid #FFF;

    padding: 44px;

    margin-bottom: 30px;

}

.hiul-tit{

    color: #fff;

    text-align: center;

}

.home-value h2{

    color: var(--text-color2);

    letter-spacing: var(--std-letter2);

}

.home-value-ul-li{

    width: 20%;

    padding: 0 5px; 

}

.home-value-ul{

    margin: 0 -5px;

    display: flex;

    flex-wrap: wrap;

}

.hvul-cont{

    border-radius: 8px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    position: relative;

}

.hvul-cont-mc{

    width: 100%;

    height: 0%;

    background: linear-gradient(180deg, rgba(0, 124, 199, 0.00) 65.75%, #007CC7 100%);

    position: absolute;

    bottom: 0;

    left: 0;

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

}

.hvul-cont-mc.act{

    height: 100%;

}

.hvul-cont-text-tit{

    color: #fff;

    margin-bottom: 10px;

}

.hvul-cont-text-parga p{

    color: #fff;

}

.hvul-cont-text{

    position: absolute;

    width: 100%;

    bottom: 40px;

    left: 0;

    padding: 0 30px;

    z-index: 5;

    visibility: hidden;

}

.hvul-cont-text.act{

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

    visibility: visible;

}

.hvul-cont-text-letter{

    font-size: 96px;

    line-height: 1.2;

    letter-spacing: 4.8px;

    line-height: 1.5;

    color: transparent;

    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.50);

    position: absolute;

    top: -80px;

    left: 0;

}

.home-pro-wrap{

    background: linear-gradient(180deg, #E8F5FF 0%, #C0E5FF 100%) !important;

}

.home-pro-btn::before,

.home-pro-btn::after {

    background: #7BB9DE;

}

.home-pro-tab-li{

    box-shadow: 0px 4px 16px rgba(29, 118, 147, 0.16);

}

.home-group-cont-text h2{

    font-size: 36px;

    font-weight: normal;

    color: #333;

    line-height: 1.4;

}

.home-group-cont-text {

    width: 48%;

    position: relative;

    z-index: 5;

}

.home-group-cont-text .std-btn1-box p{

    color: #333;

}

.home-group-bg,

.home-group-img{

    width: 68.4%;

    border-radius: 50%;

    overflow: hidden;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -14.5%;

}

.home-group-img{

    z-index: 2;

}

.home-group-img img{

    width: 100%;

}

.head-nav-item-pro{

    left: 50%;

    transform: translateX(-50%);

}

.hnip-cont-list{

    width: 180px;

    padding: 10px;

    border-radius: 6px;

    background: linear-gradient(180deg, #FFF 20.23%, #DDE9F1 139.55%), #D9D9D9;

}

.home-group{

    height: calc(100vh - 75px);

}

.hnip-cont-list-li{

    margin-bottom: 10px;

}

.hnip-cont-list-li:last-child{

    margin-bottom: 0;

}

.hnip-cont-list-li a{

    font-size: var(--font-parga2);

    line-height: 40px;

    color: #333;

    transition: all .36s;

    border-radius: 8px;

    display: block;

    text-align: center;

}

.hnip-cont-list-li.yxnav-active2 a{

    background: #E7F2F9;

    color: var(--main-color2);

}

.home-group-cont{

    margin-top: 132px;

}

.home-group-svg1{

    bottom: 0 !important;

    pointer-events: none;

}

.home-value{

    overflow: hidden;

}

.home-pro-bg{

    width: 58px;

    height: auto;

    top: 50%;

    transform: translateY(-50%);

    left: 138px;

}

.home-group-pic{

    visibility: hidden;

}

.home-group-pic.act{

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

    animation-delay: .4s;

    visibility: visible;

}

.home-group-pic img{

    height: auto !important;

}

.newdet-wrap-ri{

    width: 29%;

    position: sticky;

    top: 120px;

}

.newdet-wrap-le{

    width: 71%;

    padding-left: 100px;

    padding-right: 65px;

}

.newdet-wrap .ys-cont1400{

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

}

.newdet-wrap-ri-tit{

    border-radius: 10px;

    background: var(--main-color2);

    padding: 16px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 40px;

}

.nwrt-parga{

    color: #fff;

}

.ys-share-img{

    width: 24px;

}

.ys-share-list{

    margin-left: 40px;

}

.newdet-wrap-ri-recom h4{

    font-weight: bold;

    color: #333;

    margin-bottom: 10px;

}

.nwrr-img{

    border-radius: 8px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    position: relative;

    margin-bottom: 14px;

}

.nwrr-img img{

    width: 100%;

    transition: all .36s;

}

.nwrr-img-tit{

    color: #fff;

    position: absolute;

    width: 100%;

    bottom: 10px;

    padding: 0 10px;

    z-index: 5;

    line-height: 1.8;

    height: 1.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.nwrr-img::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(179deg, rgba(0, 0, 0, 0.00) 45.2%, rgba(0, 0, 0, 0.70) 79.01%);

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

}

.nwrr-img a{

    display: block;

}

.nwrr-list-li a{

    display: block;

    padding: 10px;

    border-bottom: 1px solid #eee;

}

.nwrr-list-li .std-parga1{

    color: #666;

    line-height: 1.8;

}

.newdet-wrap-le h1{

    font-weight: bold;

    color: #333;

    margin-bottom: 65px;

}

.nwli-lab{

    border-radius: 50px;

    background: rgba(51, 194, 169, 0.10);

    display: inline-block;

    margin-right: 20px;

}

.nwli-lab p{

    padding: 3.5px 11px;

    color: var(--main-color2);

}

.nwli-time{

    margin-right: 20px;

    display: flex;

    align-items: center;

}

.newdet-wrap-le-info{

    display: flex;

    align-items: center;

    margin-bottom: 40px;

}

.nwli-time p{

    color: #999;

    margin-left: 6px;

}

.nwli-time img{

    width: 24px;

}

.newdet-wrap-le-text p{

    font-size: var(--font-parga1);

    line-height: 1.8;

    color: #666;

    margin-bottom: 14px;

}

.newdet-wrap-le-text img{

    width: 100%;

    border-radius: 8px;

}

.newdet-wrap-le-text p:last-child{

    margin-bottom: 0;

}

.newdet-wrap-le-text{

    margin-bottom: 60px;

}

.newdet-wrap-le-page{

    border-radius: 8px;

    background: #F6FCFF;

    padding: 20px;

    display: flex;

    align-items: center;

}

.nwlp-icon{

    width: 48px;

}

.nwlp-icon img{

    width: 100%;

}

.nwlp-tit{

    width: calc(100% - 48px);

}

.nwlp-tit-li{

    margin-bottom: 6px;

}

.nwlp-tit-li:last-child{

    margin-bottom: 0;

}

.nwlp-tit-li p{

    line-height: 1.8;

    height: 1.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.nwlp-tit-li p:nth-child(1){

    color: #666;

    width: 76px;

    flex-shrink: 0;

}

.nwlp-tit-li p:nth-child(2){

    color: #333;

    transition: all .36s;

    width: calc(100% - 76px);

}

.nwlp-tit-li a{

    display: flex;

    align-items: center;

}

.newdet-html,.newdet-html body{

    overflow: inherit !important;

}

.newdet-wrap{

    position: relative;

}

.newdet-wrap-bg-circle{

    width: 500px;

    height: 500px;

    background: #F6FCFF;

    position: absolute;

    border-radius: 50%;

    z-index: -1;

}

.newdet-wrap-bg-circle1{

    right: -184px;

    top: -240px;

}

.newdet-wrap-bg-circle2{

    left: -204px;

    top: 126px;

}

.newdet-wrap-bg{

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}

.new-wrap{

    padding-top: 80px;

}

.new-wrap h2{

    color: #333;

    font-weight: bold;

    margin-bottom: 20px;

}

.nwsl-img{

    border-radius: 8px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    width: 57%;

    margin-top: 20px;

    position: relative;

    z-index: 2;

}

.nwsl-text{

    width: 43%;

    padding: 60px 60px 30px 40px;

    position: relative;

    z-index: 1;

}

.nwsl-text::after{

    content: "";

    width: calc(100% + 80px);

    height: 100%;

    border-radius: 8px;

    background: linear-gradient(113deg, #007CC7 15.89%, #33C2A8 85.7%);

    position: absolute;

    top: 0;

    left: -80px;

    z-index: -1;

}

.new-wrap-slick-li a{

    display: flex;

    align-items: flex-start;

}

.nwsl-text .nwli-lab{

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

}

.nwsl-text .nwli-lab p{

    color: #fff;

}

.nwsl-text-tit{

    margin-top: 10px;

    color: #fff;

    font-weight: bold;

}

.nwsl-text-time{

    margin-top: 20px;

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

}

.nwsl-text-btn{

    margin-top: 115px;

    display: flex;

    justify-content: flex-end;

}

.nwsl-text-btn img{

    width: 48px;

}

.new-wrap-slick-li{

    width: 100%;

    padding: 0 20px;

}

.new-wrap-slick{

    margin: 0 -20px 60px;

}

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

    width: 10px;

    height: 10px;

    margin: 0 8px;

    background: #D9D9D9;

}

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

    background: var(--main-color2);

}

.new-wrap-slick .slick-dots{

    width: auto;

    left: calc(57% + 40px);

}

.new-wrap-list-li{

    width: 33.333333%;

    padding: 0 16px;

    margin-bottom: 60px;

}

.new-wrap-list{

    margin: 0 -16px;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    overflow: hidden;

}

.new-wrap-list-li .ys-imgbox-cover{

    border-radius: 8px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    margin-bottom: 10px;

}

.nwll-text .nwli-lab,.nwll-text-tit{

    margin-bottom: 10px;

}

.nwll-text-tit{

    line-height: 1.8;

    height: 3.6em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #333;

    transition: all .36s;

}

.nwll-text-time{

    color: #999;

}

.pc-fenye li {

    width: 48px;

    height: 48px;

    font-family: inherit !important;

    font-size: var(--font-parga2);

    line-height: 48px;

    color: var(--main-color2);

    margin: 0 5px;

    background: rgba(51, 194, 168, 0.2);

}

.pc-fenye li.activepage{

    background: var(--main-color2);

}

.prev li,

.next li{

    background: transparent;

    border: 1px solid var(--main-color2);

}

.prev li{

    margin-right: 27px;

}

.next li{

    margin-left: 27px;

}

.talent-main h2{

    text-align: center;

    font-weight: bold;

    color: #333;

}

.talent-recru-info{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-bottom: 60px;

    position: relative;

    z-index: 2;

}

.talent-recru-info-select{

    width: 240px;

    margin-right: 20px;

    border-radius: 8px;

    border: 1px solid #DEDEDE;

    height: 55px;

}

.talent-recru-info-select .ys-select-hd{

    padding: 0 10px;

}

.talent-recru-info-select .ys-select-hd input,

.talent-recru-info-select .ys-select-hd input::placeholder{

    font-size: var(--font-parga2);

    color: #333;

}

.talent-recru-info-select .ys-select-xtbbox{

    width: 15px;

    right: 10px;

}

.talent-recru-info-select .ys-select-xtbbox img{

    width: 100%;

}

.talent-recru-info-select .ys-select-bd{

    top: 110%;

    border-radius: 8px;

    border: 1px solid #DEDEDE;

    padding: 10px;

    max-height: 118px;

}

.talent-recru-info-select .ys-select-li{

    font-size: var(--font-parga2);

    line-height: 1.5;

    color: #333;

}

.talent-recru-info-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.talent-recru-info-select .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

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

}

.talent-recru-info-select .mCSB_outside+.mCSB_scrollTools {

    right: 0;

    top: 10px;

    bottom: 10px;

}

.talent-recru-info-search{

    width: 503px;

    height: 55px;

    border-radius: 8px;

    border: 1px solid #DEDEDE;

    padding-right: 10px;

    display: flex;

}

.tris-icon{

    width: 24px;

    line-height: 53px;

    cursor: pointer;

}

.tris-icon img{

    width: 100%;

}

.tris-input{

    width: calc(100% - 24px);

    height: 100%;

}

.tris-input input{

    width: 100%;

    height: 100%;

    padding: 0 10px;

    font-size: var(--font-parga2);

    color: #333;

}

.tris-input input::placeholder{

    font-size: var(--font-parga2);

    color: #333;

}

.trlu-li{

    padding: 32px 88px 32px 0;

    border-bottom: 1px solid #eee;

}

.trlu-li-wrap{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

}

.talent-recru-list-ul{

    margin-bottom: 40px;

    overflow: hidden;

}

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

    border-top: 1px solid #eee;

}

.trlu-li-btn img{

    width: 16px !important;

}

.trlu-li-btn .std-btn3-box p{

    padding: 0 15px 0 0;

}

.trlu-li-tit{

    color: #333;

}

.trlu-li:nth-child(n+6) {

    display: none;

}

.talent-recru{

    overflow: hidden;

}

.talent-recru-list-btn{

    cursor: pointer;

    text-align: center;

}

.talent-recru-list-btn p{

    color: var(--main-color2);

}

.talent-activity{

    overflow: hidden;

}

.talent-activity-swiper-li .ys-imgbox-cover{

    border-radius: 6px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.talent-activity-swiper{

    overflow: inherit !important;

    padding-bottom: 66px !important;

}

.talent-activity .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    height: 6px !important;

    top: auto !important;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 32.6% !important;

    border-radius: 8px;

    border: 1px solid rgba(51, 194, 168, 0.50);

    background: #FFF;

}

.talent-activity .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

    border-radius: 8px;

    background: var(--main-color2) !important;

}

.talent-concept{

    overflow: hidden;

}

.talent-concept-bt{

    padding-top: 140px;

    padding-bottom: 240px;

}

.talent-concept-bt-cont{

    width: 64%;

    margin: auto;

    position: relative;

    z-index: 1;

}

.tcbc-text{

    border-radius: 8px;

    border: 2px solid #FFF;

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

    box-shadow: 0px 4px 30px 0px rgba(122, 122, 122, 0.16);

    backdrop-filter: blur(5px);

    padding: 80px 85px 90px;

    animation-delay: .3s;

}

.ttul-wrap-icon{

    width: 90px;

}

.ttul-wrap-icon img{

    width: 100%;

}

.ttul-wrap-text{

    width: calc(100% - 90px);

    padding-left: 40px;

}

.ttul-wrap{

    display: flex;

    align-items: flex-start;

}

.ttul-wrap-text .std-title3{

    color: #333;

    padding-bottom: 20px;

    margin-bottom: 30px;

    position: relative;

}

.ttul-wrap-text .std-title3::before{

    content: "";

    width: 100%;

    height: 2px;

    background: linear-gradient(to right,rgba(0, 124, 199, 1),rgba(51, 194, 168, 1));

    position: absolute;

    bottom: 0;

    left: 0;

}

.ttul-wrap-text .std-title4{

    color: #666;

}

.tcbc-circle{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: -1;

}

.tcbc-circle-li{

    width: 230px;

    height: 230px;

    border-radius: 50%;

    position: absolute;

    pointer-events: all;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all .5s;

}

.tcbc-circle-li1,

.tcbc-circle-li3,

.tcbc-circle-li4{

    background: var(--main-color1);

}

.tcbc-circle-li2,

.tcbc-circle-li5{

    background: var(--main-color2);

}

.tcbc-circle-li .std-title3{

    color: #fff;

    text-align: center;

}

.tcbc-circle-li1{

    top: -190px;

    left: -180px;

}

.tcbc-circle-li2{

    top: -153px;

    right: -250px;

}

.tcbc-circle-li3{

    bottom: -38px;

    right: -270px;

}

.tcbc-circle-li4{

    right: 157px;

    bottom: -240px;

}

.tcbc-circle-li5{

    left: -260px;

    bottom: -108px;

}

.tcbc-circle-li1.act{

    top: -140px;

    left: -130px;

}

.tcbc-circle-li2.act{

    top: -140px;

    right: -180px;

}

.tcbc-circle-li3.act{

    right: -220px;

}

.tcbc-circle-li4.act{

    bottom: -200px;

}

.tcbc-circle-li5.act{

    left: -200px;

    bottom: -80px;

}

.tcbc-text-ul-li.slick-current {

    -webkit-animation: fadeIn 0s ease both;

    animation: fadeIn 0s ease both;

    animation-delay: 0s;

}

.tcbc-text-ul-li.slick-current .ttul-wrap{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: .1s;

}

.talent-value-ri h2{

    margin-bottom: 60px;

    transform: translateY(-100px);

}

.talent-value-le{

    width: 34%;

    position: relative;

}

.talent-value-ri{

    width: 66%;

    padding-left: 107px;

}

.talent-value .ys-cont1440{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.tvrl-li{

    width: 20%;

    padding: 0 10px;

}

.talent-value-ri-list{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin: 0 -10px;



}

.tvrl-li-icon{

    width: 72px;

    margin: 0 auto 16px;

}

.tvrl-li-tit{

    text-align: center;

    margin-bottom: 16px;

    color: #333;

}

.tvrl-li-parga p{

    text-align: center;

    color: #333;

}

.tvrl-li:nth-child(2n){

    transform: translateY(100px);

    margin-top: 90px;

}

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

    transform: translateY(-100px);

}

.talent-value-le-img{

    width: 86.6%;

    border-radius: 210px;

    overflow: hidden;

    transform: translateY(-50px);

}

.talent-value-le-img img{

    width: 100%;

}

.talent-value-le-bg{

    width: 86.6%;

    height: 100%;

    border-radius: 210px;

    background: linear-gradient(90deg, #33C2A8 0%, #007CC7 100%);

    position: absolute;

    right: 0;

    top: 36px;

    z-index: -1;

    transform: translateY(50px);

}

/* .talent-value{

    overflow: hidden;

} */

.erp-main h2{

    font-weight: bold;

    text-align: center;

}

.erp-value h2{

    margin-bottom: 40px;

}

.erp-value-parga p{

    line-height: 1.8;

    color: #666;

}

.erp-value-parga{

    width: 71.4%;

    margin: 0 auto 70px;

}

.erp-value-list{

    position: relative;

}

.evlu-li{

    width: 50%;

    padding: 0 20px;

    margin-top: 40px;

}

.evlu-li:nth-child(1),

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

    margin-top: 0;

}

.erp-value-list-ul{

    display: flex;

    margin: 0 -20px;

    flex-wrap: wrap;

    align-items: stretch;

}

.evlu-li-cont{

    padding-top: 50px;

    padding-bottom: 40px;

    transition: all .36s;

}



.evlu-li:nth-child(1) .evlu-li-cont,

.evlu-li:nth-child(4) .evlu-li-cont{

    background: #0F74BA;

    border-radius: 10px 100px;

}

.evlu-li:nth-child(2) .evlu-li-cont,

.evlu-li:nth-child(3) .evlu-li-cont{

    background: #D8EEFD;

    border-radius: 100px 10px;

}

.evlu-li:nth-child(1) .evlu-li-cont,

.evlu-li:nth-child(3) .evlu-li-cont{

    padding-left: 87px;

    padding-right: 240px;

}

.evlu-li:nth-child(2) .evlu-li-cont,

.evlu-li:nth-child(4) .evlu-li-cont{

    padding-left: 220px;

    padding-right: 106px;

}

.evlu-li-cont .std-title4,

.evlu-li-cont p{

    color: #fff;

}

.evlu-li-cont .std-title4{

    font-weight: bold;

    margin-bottom: 20px;

}

.evlu-li-cont p{

    line-height: 1.8;

    min-height: 12.6em;

    /* display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 7;

    overflow: hidden; */

}

.evlu-li:nth-child(2) .std-title4,

.evlu-li:nth-child(3) .std-title4{

    color: #333;

}

.evlu-li:nth-child(2) .std-title4 span,

.evlu-li:nth-child(3) .std-title4 span{

    color: var(--main-color2);

}

.evlu-li:nth-child(2) p,

.evlu-li:nth-child(3) p{

    color: #666;

}

.erp-value-list-circle{

    width: 34%;

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 5;

    display: flex;

    align-items: center;

    justify-content: center;

}

.erp-value-list-circle img{

    width: 100%;

    /* animation: circle-reverse 20s linear infinite both; */

}

.erp-value-list-circle .std-title4{

    color: #333;

    font-weight: bold;

    text-align: center;

    width: 100%;

}

.erp-value-list-circle .std-title4 span{

    color: var(--main-color2);

}

.erp-value{

    overflow: hidden;

}

@keyframes circle-reverse {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(-360deg);

    }

}

.erp-main{

    background: #F6FCFF;

}

.erp-story{

    overflow: hidden;

}

.erp-story h2{

    margin-bottom: 90px;

}

.erp-story-list{

    width: 82%;

    margin: 0 auto 86px;

 

}

.estl-tit{

    text-align: center;

    color: var(--main-color2);

    margin-bottom: 20px;

}

.estl-parga p{

    color: #666;

    line-height: 1.8;

}

.erp-story-text{

    width: 71.4%;

    margin: auto;

}

.eslu-li{

    width: 30%;

    position: relative;

    transition: width 0.35s ease;

}

.eslu-li-cont{

    border-radius: 50%;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    padding: 20px;

    margin: 0 -28px;

}

.eslu-li-cont-img{

    border-radius: 50%;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

}

.eslu-li:nth-child(1) .eslu-li-cont{

    background: linear-gradient(to right,#0E3F99,#33B4C2);

}

.eslu-li:nth-child(2) .eslu-li-cont{

    background: linear-gradient(to right,#007CC7,#33C2A8);

}

.eslu-li:nth-child(3) .eslu-li-cont{

    background: linear-gradient(to right,#60E3CC,#139636);

}

.erp-story-list-ul{

    display: flex;

    justify-content: center;

    align-items: center;

    height: var(--height);

}

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

    z-index: 3;

}

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

    z-index: 2;

}

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

    z-index: 1;

}

.eslu-li.act{

    width: 35%;

}

.erp-story-list-bg{

    width: 35%;

}

.erp-story-list-bg img{

    width: 100%;

}

.inddet-nav-wrap{

    border: none;

    border-top: 1px solid rgba(255, 255, 255, 0.50);

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

    backdrop-filter: blur(10px);

}

.erp-bg img:nth-child(1) {

    width: 354px;

    position: absolute;

    top: -30px;

    right: 0;

    z-index: -1;

}

.erp-bg img:nth-child(2) {

    width: 822px;

    position: absolute;

    top: 596px;

    left: -270px;

    z-index: -1;

}

.erp-main .mod-content{

    position: relative;

    z-index: 1;

}

.about-group{

    padding-top: 160px;

    padding-bottom: 76px;

    position: relative;

    background: linear-gradient(180deg, #C0E5FF 0%, #D3ECFC 100%);

}

.about-group h2{

    font-size: 36px;

    line-height: 1.8;

    color: #333;

    margin-bottom: 40px;

    position: relative;

    z-index: 5;

}

.about-group h2 span{

    color: var(--main-color1);

}

.about-group-bt{

    display: flex;

    align-items: stretch;

    /* flex-wrap: wrap; */

    margin-bottom: 300px;

    position: relative;

    z-index: 1;

}

.about-group-bt-img{

    width: 53%;

    border-radius: 8px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    overflow: hidden;

    margin-top: 60px;

    visibility: hidden;

    flex-shrink: 0;

    margin-bottom: -10px;

}

.about-group-bt-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.about-group-bt-img.act{

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

    animation-delay: .4s;

    visibility: visible;

}

.about-group-bt-text.act .agbt-box{

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

    animation-delay: .6s;

    visibility: visible;

}

.about-group-bt-text{

    width: calc(47% + 63px);

    flex-shrink: 0;

    position: relative;

    z-index: 1;

    margin-left: -63px;

}

.agbt-box {

    visibility: hidden;

    padding: 40px 40px 72px 63px;

    border-radius: 10px;

    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -4.2%, rgba(255, 255, 255, 0.50) 35.47%);

    backdrop-filter: blur(20px);

}

.about-group-bt-text p{

    color: rgba(102, 102, 102, .4);

    margin-bottom: 10px;

}

.about-group-bt-text p:last-child{

    margin-bottom: 0;

}

.about-group-provide{

    position: relative;

    z-index: 1;

}

.about-group-provide-icon{

    width: 144px;

    position: absolute;

    top: -85px;

    left: -44px;

}

.about-group-provide-icon img{

    width: 100%;

}

.agpt-ri{

    width: 16%;

    position: absolute;

    right: 115px;

    top: 64px;

    visibility: hidden;

}

.agpt-ri img{

    width: 100%;

}

.agpt-ri.act{

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

    animation-delay: 0s;

    visibility: visible;

}

.agpt-le{

    width: 81%;

    padding-right: 186px;

}

.about-group-provide-text{

    display: flex;

    align-items: flex-start;

    padding: 64px 115px 140px 80px;

    border-radius: 8px 0px 0px 8px;

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

    backdrop-filter: blur(10px);

}

.agpt-le h2{

    font-size: 28px;

    line-height: 1.75;

    color: #333;

    margin-bottom: 40px;

}

.agpt-le h2 span{

    font-weight: bold;

    font-size: 32px;

    color: var(--main-color1);

}

.agpt-le-name p{

    color: #333;

}

.agpt-le-name span{

    margin-left: 30px;

}

.agpt-le-name{

    margin-bottom: 64px;

}

.agpt-le-img{

    width: 258px;

}

.agpt-le-img img{

    width: 100%;

}

.about-group-svg{

    width: 110%;

    margin: -170px -5% 0;

    position: relative;

    z-index: 2;

}

.about-group-svg svg{

    width: 100%;

    height: auto;

}

.about-layout{

    padding-top: 40px;

    overflow: hidden;

}

.about-layout-wrap{

    width: 100%;

    max-width: 1920px;

    margin: auto;

}

.about-layout-wrap h2{

    text-align: center;

    color: #333;

    font-weight: bold;

}

.about-layout-wrap-img{

    width: 100%;

    position: relative;

}

.about-layout-wrap-img img{

    width: 100%;

}

.alwi-list{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

}

.alwi-list-li-icon{

    width: 14px;

    position: absolute;

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

}

.alwi-list-li-icon img{

    width: 100%;

}

.alwi-list-li-parga p{

    font-size: var(--font-parga2);

    line-height: 1.4;

    color: var(--main-color1);

    white-space: nowrap;

}

.alwi-list-li-parga{

    padding: 9px 16px;

    border-radius: 50px;

    background: #fff;

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

    position: absolute;    

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

}

.about-history{

    background: linear-gradient(180deg, #D2EBFC 0%, #FFF 58.94%);

    padding-top: 66px;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.alct-parga p{

    font-size: var(--font-title3);

    line-height: 1.4;

    color: #333;

    display: inline-block;

}

.alct-parga img{

    width: 150px;

}

.ahis-li-cont-text .std-title2{

    font-weight: bold;

    color: #333;

    margin-bottom: 15px;

}

.ahis-li-cont-month{

    color: #333;

    margin-top: 54px;

    width: 100px;

    display: flex;

    justify-content: flex-end;

}

.ahis-li-cont-text{

    width: calc(100% - 100px);

    padding-right: 50px;

}

.ahis-li-cont{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: space-between;

}

.about-history-info{

    margin-bottom: 160px;

    position: relative;

    z-index: 6;

}

.ahyu-li{

    font-size: 300px;

    line-height: 1.2;

    color: var(--main-color1);

    font-family: 'UrbanistBold';

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    opacity: 0;

    animation: year1 .8s ease-out both;

}

.ahyu-li.on {

    position: relative;

    animation: year .6s ease-in-out both;

}

.about-history-year-ul{

    position: relative;

}

@keyframes year{

    0%{

        opacity: 0;

        transform: translateY(100%);

    }

    100%{

        opacity: 1;

        transform: translateY(0%);

    }

}

@keyframes year1{

    0%{

        opacity: 1;

        transform: translateY(0%);

    }

    100%{

        opacity: 0;

        transform: translateY(-100%);

    }

}

.ahyb-btn-icon{

    width: 20px;

    height: 10px;

    position: relative;

}

.ahyb-btn-icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.ahyb-btn-icon img:nth-child(2){

    opacity: 0;

}

.ahyb-btn-icon img:nth-child(3){

    opacity: 0;

}

.ahyb-next .ahyb-btn-icon{

    transform: rotate(180deg);

}

.ahyb-btn p{

    font-size: var(--font-parga1);

    line-height: 1.8;

    color: #666;

    font-family: 'UrbanistBold';

    transition: all .36s;

}

.ahyb-btn{

    display: flex;

    align-items: center;

    cursor: pointer;

}

.ahyb-prev p{

    margin-left: 10px;

}

.ahyb-next p{

    margin-right: 10px;

}

.about-history-year .ys-cont1400{

    position: relative;

}

.about-history-year-btn{

    width: 100%;

}

.ahyb-btn.slick-disabled {

    opacity: 0;

    pointer-events: none;

}



.about-group-bt-bg2,

.about-group-provide-bg{

    width: 376px;

    height: 376px;

    border-radius: 50%;

    opacity: 0.7;

    background: linear-gradient(113deg, #007CC7 15.89%, #33C2A8 85.7%);

    filter: blur(200px);

    position: absolute;

    z-index: -1;

}

.about-group-bt-bg2{

    bottom: -110px;

    right: -137px;

}

.about-group-provide-bg{

    top: -75px;

    left: -104px;

}

.about-group-bt-bg1{

    width: 510px;

    height: 510px;

    border-radius: 50%;

    opacity: 0.7;

    background: linear-gradient(113deg, #007CC7 15.89%, #33C2A8 85.7%);

    filter: blur(200px);

    position: absolute;

    z-index: -1;

    top: -160px;

    left: -46px;

}

.about-history-svg{

    width: 100%;

    margin-top: -180px;

    position: relative;

}

.about-history-svg svg{

    width: 100%;

    height: auto;

}

.yx-event6-slider {

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    z-index: 1;

}

.yx-event6-slider .layui-slider {

    height: 100%;

    background: transparent;

}

.yx-event6-slider .layui-slider-tips {

    display: none !important;

}

.yx-event6-slider .layui-slider-wrap {

    width: 10%;

    height: 100%;

    position: absolute;

    top: auto;

    transform: translateX(0);

    bottom: 0;

    transition: all 0.2s;

    pointer-events: none;

}

.yx-event6-slider .layui-slider-wrap-btn {

    width: 48px;

    height: 48px;

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

    position: absolute;

    left: 50%;

    bottom: 100px;

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

    transition: 0s;

    pointer-events: all;

}

.about-history-svg-wrap{

    transition: all 0.2s;

    transform: translateX(var(--pro-xin));

}

.slider-icon{

    width: 12px;

    pointer-events: all;

    cursor: pointer;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: all .36s;

    opacity: 0.2;

    pointer-events: none;

}

.slider-icon img{

    width: 100%;

}

.slider-wrap{

    width: 10%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2;

    pointer-events: none;

    transition: all 0.2s;

}

.slider-wrap-btn{

    width: 48px;

    height: 48px;

    position: absolute;

    left: 50%;

    bottom: 100px;

    transform: translateX(-50%);

}

.slider-prev{

    left: 7px;

}

.slider-next{

    right: 7px;

}

.about-history.left .slider-prev{

    opacity: 1;

    pointer-events: all;

}

.about-history.right .slider-next{

    opacity: 1;

    pointer-events: all;

}

/* .yx-event6-slider .layui-slider-wrap-btn::before{

    content: "";

    width: 12px;

    height: 10px;

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

    position: absolute;

    top: 50%;

    left: 7px;

    transform: translateY(-50%);

    opacity: 1;

    transition: all .36s;

}

.yx-event6-slider .layui-slider-wrap-btn::after{

    content: "";

    width: 12px;

    height: 10px;

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

    position: absolute;

    top: 50%;

    right: 7px;

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

    opacity: 1;

    transition: all .36s;

} */

/* .about-history.left .yx-event6-slider .layui-slider-wrap-btn::before{

    opacity: 1;

}

.about-history.right .yx-event6-slider .layui-slider-wrap-btn::after{

    opacity: 1;

} */

.about-history-svg svg:nth-child(1){

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1;

}

.about-history-year{

    position: relative;

    z-index: 5;

}

.head-nav-item-title{

    display: flex;

    align-items: center;

    height: 100%;

}

.head-nav-item-icon{

    width: 10px;

    height: 6px;

    margin-left: 5px;

    position: relative;

    display: none;

}

.head-nav-item-icon img{

    width: 100%;

    height: auto;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

    max-width: inherit;

}

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

    opacity: 0;

}

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

    opacity: 0;

}

.head-nav-item-title p{

    line-height: inherit;

    position: relative;

}

.has-pull .head-nav-item-icon{

    display: block;

}

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

    color: var(--main-color2);

}

.ys-hd-pc.isfixed .head-nav-item-icon img:nth-child(3){

    opacity: 1;

}

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

    opacity: 1 !important;

}

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

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

    opacity: 0 !important;

}

.inside-body .head-nav-item-icon img:nth-child(3){

    opacity: 1;

}

.head-nav-item-title::after{

    display: none;

}

.head-nav-item-title p::after{

    content: "";

    width: 0;

    height: 2px;

    border-radius: 2px;

    background: linear-gradient(90deg, #007CC7 0%, #33C2A8 100%), #D9D9D9;

    position: absolute;

    bottom: 3px;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

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

    width: 100%;

}

.ys-hd-pc.hovered .head-nav-item-icon img:nth-child(3) {

    opacity: 1;

}

/*鼠标效果*/

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

    .ahyb-btn:hover p{

        color: var(--main-color1);

    }

    .ahyb-btn:hover img:nth-child(1){

        opacity: 0;

    }

    .ahyb-btn:hover img:nth-child(2){

        opacity: 1;

    }

    .std-btn1-box:hover .mod-cover img:nth-child(1){

        opacity: 0;

    }

    .nwrr-img a:hover img{

        transform: scale(1.05);

    }

    .nwlp-tit-li a:hover p:nth-child(2){

        color: var(--main-color2);

    }

    .pc-fenye li:hover{

        background: var(--main-color2);

        color: #fff;

    }

    .evlu-li:nth-child(1):hover .evlu-li-cont{

        transform: translate(-20px,-20px);

    }

    .evlu-li:nth-child(2):hover .evlu-li-cont{

        transform: translate(20px,-20px);

    }

    .evlu-li:nth-child(3):hover .evlu-li-cont{

        transform: translate(-20px,20px);

    }

    .evlu-li:nth-child(4):hover .evlu-li-cont{

        transform: translate(20px,20px);

    }

    .talent-activity-swiper-li:hover img{

        transform: scale(1.05);

    }

    .new-wrap-list-li a:hover .nwll-text-tit{

        color: var(--main-color2);

    }
    .head-other-lang-bt a:hover{
        color: var(--main-color2);
    }

}

/* 载入效果-start */

.home-innov-ul-li:nth-child(6n+1){

    animation-delay: .4s;

}

.home-innov-ul-li:nth-child(6n+2){

    animation-delay: .45s;

}

.home-innov-ul-li:nth-child(6n+3){

    animation-delay: .5s;

}

.home-innov-ul-li:nth-child(6n+4){

    animation-delay: .55s;

}

.home-innov-ul-li:nth-child(6n+5){

    animation-delay: .6s;

}

.home-innov-ul-li:nth-child(6n+6){

    animation-delay: .65s;

}

.home-value-ul-li:nth-child(5n+1){

    animation-delay: .3s;

}

.home-value-ul-li:nth-child(5n+2){

    animation-delay: .35s;

}

.home-value-ul-li:nth-child(5n+3){

    animation-delay: .4s;

}

.home-value-ul-li:nth-child(5n+4){

    animation-delay: .45s;

}

.home-value-ul-li:nth-child(5n+5){

    animation-delay: .5s;

}

.home-value-ul-li:nth-child(5n+1) .hvul-cont-mc{

    transition-delay: .8s;

}

.home-value-ul-li:nth-child(5n+1) .hvul-cont-text{

    animation-delay: 1s;

}

.home-value-ul-li:nth-child(5n+2) .hvul-cont-mc{

    transition-delay: .85s;

}

.home-value-ul-li:nth-child(5n+2) .hvul-cont-text{

    animation-delay: 1.1s;

}

.home-value-ul-li:nth-child(5n+3) .hvul-cont-mc{

    transition-delay: .9s;

}

.home-value-ul-li:nth-child(5n+3) .hvul-cont-text{

    animation-delay: 1.2s;

}

.home-value-ul-li:nth-child(5n+4) .hvul-cont-mc{

    transition-delay: .95s;

}

.home-value-ul-li:nth-child(5n+4) .hvul-cont-text{

    animation-delay: 1.3s;

}

.home-value-ul-li:nth-child(5n+5) .hvul-cont-mc{

    transition-delay: 1s;

}

.home-value-ul-li:nth-child(5n+5) .hvul-cont-text{

    animation-delay: 1.4s;

}

.new-wrap-list-li:nth-child(3n+1){

    animation-delay: .3s;

}

.new-wrap-list-li:nth-child(3n+2){

    animation-delay: .4s;

}

.new-wrap-list-li:nth-child(3n+3){

    animation-delay: .5s;

}

/* 载入效果-end */

/* 2025.1.13二期-end */

.slider-icon{

    opacity: 1;

    pointer-events: all;

}



/* 2025.2.11修改-start */

.prodet-main .ys-nyban-parga,

.ys-nyban-btn{

    margin-top: var(--std-margin1);

}

.prodet-main .ys-nyban-parga{

    display: none;

}

.prodet-main .ys-nyban-title{

    top: 50%;

}

.hptl-wrap-tit{

    width: 50%;

    line-height: 1.75;

}

.evlu-li-cont{

    height: 100%;

}

.evlu-li:nth-child(2) .evlu-li-cont, .evlu-li:nth-child(4) .evlu-li-cont {

    padding-right: 90px;

}

.evlu-li:nth-child(1) .evlu-li-cont, .evlu-li:nth-child(3) .evlu-li-cont {

    padding-left: 75px;

}

.prodlist_list_li_total{

    cursor: pointer;

}

.tcbc-circle-li3 .std-title3{

    width: 80%;

}

.tcbc-circle-li4 .std-title3,

.tcbc-circle-li5 .std-title3{

    width: 70%;

}

.home-group-svg1 {

    bottom: -75px !important;

}

.ys-nyban-parga {

    width: 42%;

}

.ys-nyban-title{

    top: calc(50% - 32px);

}

.tcbc-circle-li4 {

    left: -260px;

    bottom: -108px;

    background: var(--main-color2);

}

.tcbc-circle-li4.act {

    left: -200px;

    bottom: -80px;

}

.prodet-main .ys-nyban-title {

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

    top: 42% !important;

}

.head-other-lang-bt {
    box-shadow: 0px 4px 37.9px 0px rgba(202, 205, 208, 0.25);
}

/* 2025.2.11修改-end */

/*2025.5.23修改-start*/
.holt-parga p {
    font-size: var(--font-parga2);
    color: var(--text-color5);
    line-height: 75px;
    margin: 0 5px;
    transition: all .36s;
}
.inside-body .holt-parga p,
.ys-hd-pc.hovered .holt-parga p, .ys-hd-pc.isfixed .holt-parga p {
    color: var(--text-color2);
}

.head-other-lang-bt {
    width: 130px;
}
.ys-phnav-menubtn {
    width: 22px;
    height: 20px;
}
.ys-phnav-menubtn::before {
    margin-top: -8px;
}
.ys-phnav-menubtn::after {
    margin-top: 8px;
}
/*2025.5.23修改-end*/
/*2025.7.15修改-start*/
.about-layout-wrap-ph{
    width: 100%;
}
.about-layout-wrap-ph img{
    width: 100%;
}
/*2025.7.15修改-end*/