@charset "utf-8";
/* 公共样式 - start */
:root {
    /* 字号 */
    --font64: 64px;
    --font48: 48px;
    --font40: 40px;
    --font30: 30px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航 */
    --line80: 80px;
    /* 颜色 */
    --color333: #333333;
    --color666: #666666;
    --color999: #999999;
    --colorfff: #ffffff;
    --maincolor1: #DC2326;
    --maincolor2: #200D62;
    --colorbj: #F6F6F6;
    /* 板块间距 */
    --space120: 120px;
    --space80: 80px;
    --space60: 60px;
    --space40: 40px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1:'jianfa-Medium';
    --family2:'jianfa-Regular';
    --family3:'jianfa-Light';
}
.std-syh1 {
    font-size: var(--font64);
    color: var(--colorfff);
    line-height: var(--line12);
}
.std-nyh1 {
    font-size: var(--font48);
    line-height: var(--line14);
    color: var(--color333);
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font40);
    line-height: var(--line13);
    color: var(--color333);
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font30);
    line-height: var(--line14);
    color: var(--color333);
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--color333);
}
.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color666);
    line-height: var(--line16);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line16);
}
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}
.std-padding1s{
    padding: var(--space120) 0;
}
.std-padtop1{
    padding-top: var(--space120);
}
.std-padbot1{
    padding-bottom: var(--space120);
}
.std-margin1{
    margin-bottom: var(--space60);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4{
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5{
    margin-bottom: var(--parpspace10);
}
body {
    font-family: "jianfa-Regulars", "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "jianfa-Regulars", "PingFang SC", "Microsoft YaHei" !important;
}
@font-face {
    font-family: 'jianfa-Regulars';
    src: url('../fonts/UrbanistRegular/UrbanistRegular.woff2') format('woff2'),
         url('../fonts/UrbanistRegular/UrbanistRegular.woff') format('woff');
}
@font-face {
    font-family: 'jianfa-Medium';
    src: url('../fonts/UrbanistMedium/UrbanistMedium.woff2') format('woff2'),
         url('../fonts/UrbanistMedium/UrbanistMedium.woff') format('woff');
}
@font-face {
    font-family: 'jianfa-Regular';
    src: url('../fonts/RobotoRegular14/RobotoRegular14.woff2') format('woff2'),
         url('../fonts/RobotoRegular14/RobotoRegular14.woff') format('woff');
}
@font-face {
    font-family: 'jianfa-Light';
    src: url('../fonts/UrbanistLight/UrbanistLight.woff2') format('woff2'),
         url('../fonts/UrbanistLight/UrbanistLight.woff') format('woff');
}
@font-face {
    font-family: 'jianfa-Bold';
    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'; 
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
.head-nav-item-title{
    line-height: var(--line80);
}
.ys-ph-navbar3 .ys-phnav-header{
    background: #fff;
}
.ys-ph-navbar3 .ys-phnav-search .iconfont{
    color: var(--color333);
}
.ys-phnav-menubtn span, .ys-phnav-menubtn::after, .ys-phnav-menubtn::before{
    background: var(--color333);
}
.ys-ph-navbar3 .ys-ph-nav .ys-phnav-header-font, .ys-ph-navbar3 .ys-ph-nav a {
    color: #333;
}
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, 
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, 
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox a{
    color: var(--maincolor2) !important;
}
.ys-phnav-logo {
    width: 150px;
}





/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child),
.ys-slick-item:not(:first-child){
    display: none;
}
.ys-ban-li,
.ys-slick-item{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.slick-list {
    min-width: 100%;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 过渡 */
.transition-time1{
    transition: all .36s both;
}
.transition-time2{
    transition: all .5s both;
}
/* 公共样式 - end */


/* 首页-start */
.ys-ban-title{
    line-height: var(--line14);
}
.ys-hd-pc{
    width: 100%;
    padding-left: 120px;
    padding-right: 80px;
    position: fixed;
    top: 0;
    left: 0;
    transition: all .36s;
}
.head-logo {
    width: 337px;
    line-height: var(--line80);
    height: var(--line80);
    flex-shrink: 0;
}
.head-logo a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.head-logo .mod-icon {
    width: 337px;
    height: 46px;
}
.mod-icon{
    position: relative;
}
.mod-icon img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    max-width: inherit;
}
.mod-icon img:nth-child(2) {
    opacity: 0;
}
.head-nav{
    display: flex;
    align-items: center;
    margin: 0 -30px;
}
.head-nav-item-title{
    padding: 0 30px;
    font-size: var(--font16);
    color: var(--colorfff);
    transition: all .36s;
    display: block;
    position: relative;
}
.head-nav-item-title::before{
    content: "";
    width: 0;
    height: 2px;
    background: url(../images/line.svg) center / cover no-repeat;
    /* border-radius: 20px;
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.2) 0%, #FFF 53%, rgba(153, 163, 177, 0.2) 100%); */
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    opacity: 0;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::before{
    width: 66px;
}
.head-list{
    padding-left: 7%;
    padding-right: 10.5%;
    width: calc(100% - 337px - 150px);
}
.head-other{
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.head-other-search{
    margin-left: 38px;
}
.head-other-search-icon{
    width: 36px;
    height: var(--line80);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.hosi-tp{
    width: 100%;
    height: 36px;
    cursor: pointer;
    border-radius: 50%;
    background: var(--maincolor2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hosi-tp img{
    width: 16px;
}
.head-other-lang a{
    font-size: var(--font16);
    line-height: var(--line80);
    position: relative;
    padding: 0 10px;
    color: var(--colorfff);
    transition: all .36s;
}
.head-other-lang{
    display: flex;
    align-items: center;
    margin: 0 -10px;
}
.head-other-lang a::before{
    content: "";
    width: 1px;
    height: 16px;
    border-radius: 2px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .36s;
}
.head-other-lang a:nth-child(1)::before{
    display: none;
}
.head-nav-item-down{
    width: 140px;
    padding-top: 10px;
    background: transparent;
}
.hnid-wrap{
    border-radius: 10px;
    background: var(--colorfff);
    padding: 20px 0;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
}
.hnid-wrap a{
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(51, 51, 51, 0.6);
    transition: all .36s;
    display: block;
    text-align: center;
}
.hnid-wrap li.yxnav-active2 a{
    color: var(--maincolor2);
}
.hnid-wrap li{
    margin-bottom: 14px;
}
.hnid-wrap li:last-child{
    margin-bottom: 0;
}
.ys-hd-pc.isfixed{
    background: var(--colorfff);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
}
.ys-hd-pc.isfixed .mod-icon img:nth-child(1){
    opacity: 0;
}
.ys-hd-pc.isfixed .mod-icon img:nth-child(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-nav-item-title{
    color: var(--color333);
}
.ys-hd-pc.isfixed .head-other-lang a{
    color: var(--color333);
}
.ys-hd-pc.isfixed .head-other-lang a::before{
    background: var(--color333);
}
.head-nav-item.yxnav-active1 .head-nav-item-title::before{
    opacity: 1;
}
.ys-footer{
    padding-top: 100px;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    background: #031028;
    position: relative;
}
.ys-footer-tp{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 12px;
    justify-content: space-between;
}
.ys-footer-tp-logo{
    width: 46.5%;
}
.ys-footer-tp-logo svg{
    width: 100%;
    height: auto;
}
.ys-footer-tp-logo a{
    display: block;
    width: 100%;
}
.ys-footer-tp-nav{
    width: 52.5%;
    padding-left: 120px;
}
.ys-footer-tp-nav>ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ys-footer-tp-nav>ul>li>a{
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--colorfff);
    font-weight: bold;
    margin-bottom: 20px; 
    transition: all .36s;
    display: block;
}
.ys-footer-tp-nav li a{
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(255, 255, 255, 0.60);
    transition: all .36s;
    display: block;
    margin-bottom: 14px;
}
.yfbi-link a{
    font-size: var(--font16);
    line-height: var(--line175);
    color: rgba(255, 255, 255, 0.60);
    font-weight: bold;
    transition: all .36s;
    display: block;
}
.yfbi-link li{
    padding: 0 10px;
}
.yfbi-link ul{
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
.ys-footer-bt-info{
    display: flex;
    align-items: center;
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.ys-footer-bt-copyright{
    padding-top: 20px;
    padding-bottom: 33px;
}
.yfbc-le a{
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--colorfff);
    opacity: 0.6;
    padding: 0 16px;
    position: relative;
}
.yfbc-le a::after{
    content: "";
    width: 1px;
    height: 15px;
    background: var(--colorfff);
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.yfbc-le a:last-child::after{
    display: none;
}
.yfbc-le p{
    margin: 0 -16px;
}
.yfbc-ri p{
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--colorfff);
    opacity: 0.6;
}
.yfbc-ri a{
    color: var(--colorfff);
}
.ys-footer-bt-copyright{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yfbi-link{
    padding-left: 40px;
}
.yfbi-share{
    display: flex;
}
.yfbi-share-li{
    margin-right: 30px;
    width: 36px;
    position: relative;
    cursor: pointer;
}
.yfbi-share-li img{
    width: 100%;
}
.yfbi-share-li:last-child{
    margin-right: 0;
}
.yfbi-share-li-pop{
    width: 146px;
    padding: 10px;
    background: #fff;
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    transform-origin: bottom;
    visibility: hidden;
    transition: all .36s;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0px 15px 35px 0px rgba(71, 71, 71, 0.10);
    border-radius: 5px;
}
.yfbi-share-li-pop img {
    width: 100%;
}
.yfbi-share-li-pop::after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: -1;
}
.ys-ban-dots {
    bottom: 40px;
}
.ys-ban-dots-ul {
    display: flex;
}
.ybdu-li {
    width: 100px;
    height: 2px;
    background: rgba(255,255,255,.22);
    border-radius: 20px;
    margin-right: 10px;
    cursor: pointer;
}
.ybdu-li-line {
    width: 100%;
    height: 2px;
}
.ybdu-li-line-pro {
    width: 0;
    height: 100%;
    background: rgba(255,255,255,1);
}
.ys-ban-slick .slick-arrow{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(31,31,31,.2);
    z-index: 5;
    transition: all .36s;
}
.ys-ban-slick .slick-arrow::after{
    content: "";
    width: 32px;
    height: 32px;
    background: url(../images/com_icon02.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ys-ban-slick .slick-next::after{
    background: url(../images/com_icon03.svg) center / cover no-repeat;
}
.ys-ban-slick .slick-prev{
    left: 52px;
}
.ys-ban-slick .slick-next{
    right: 52px;
}
.ys-ban-scroll{
    width: 50px;
    cursor: pointer;
    position: absolute;
    right: 80px;
    bottom: 40px;
}
.ys-ban-scroll img{
    width: 100%;
    animation: jump 1s ease infinite;
}
@keyframes jump {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-7px);
    }
    100% {
        transform: translateY(0px);
    }
}
.home-main section{
    position: relative;
    z-index: 5;
}
.home-system{
    position: relative;
    /* overflow: hidden; */
    z-index: 1;
}
.home-system-tit{
    text-align: center;
}
.home-system h2{
    color: #999999;
    background: #b7bac0 -webkit-linear-gradient(left, #333333, #333333) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: var(--size) 100%;
    display: initial;
}
.home-system-line1{
    width: 42%;
    max-width: 790px;
    position: absolute;
    left: -40px;
    top: -260px;
    z-index: -1;
}
.home-system-line img{
    width: 100%;
}
.home-system-line-img{
    width: 100%;
}
.home-system-line-img2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--height);
    overflow: hidden;
}
.home-system-line svg{
    width: 100%;
    height: auto;
}
.home-system-line-path{
    stroke-dasharray: var(--line-pro1);
    stroke-dashoffset: var(--line-pro1);
}
.home-system-line2-path{
    stroke-dasharray: var(--line-pro2);
    stroke-dashoffset: var(--line-pro2);
}
.home-system-line2{
    width: 45%;
    max-width: 852px;
    position: absolute;
    z-index: -1;
    right: -152px;
    bottom: -317px;
}
.std-btn1-box p{
    font-size: var(--font16);
    line-height: 42px;
    color: var(--colorfff);
}
.std-btn1-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    cursor: pointer;
    border-radius: 60px;
    background: var(--maincolor1);
    transition: all .36s;
}
.std-btn1{
    display: inline-block;
}
.home-system-btn{
    text-align: center;
    margin-bottom: var(--space80);
}
.home-system-bt-img{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.home-system-bt-img img{
    width: 100%;
}
/* .home-system-bt-img::after{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    transition: width .8s ease-in-out .4s;
}
.home-system-bt-img.active::after {
    width: 0;
} */
.home-system-bt-data{
    width: 100%;
    padding: 0 40px;
    margin-top: -96px;
    position: relative;
    z-index: 1;
}
.hsbd-wrap{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(140, 140, 140, 0.10);
    padding: 33px 83px;
}
.hsbd-wrap-ul{
    display: flex;
    justify-content: space-between;
}
.hwul-tit{
    font-size: 36px;
    line-height: var(--line14);
    color: var(--maincolor1);
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: center;
}
.hwul-tit span{
    font-size: 50px;
    line-height: inherit;
    margin: 0 10px;
    font-family: var(--family1);
}
.hsbd-wrap-ul-li{
    text-align: center;
}
.home-busine{
    padding: var(--space80) 0;
    background: var(--colorbj);
    overflow: hidden;
    margin-bottom: var(--space120);
}
.home-busine h2{
    text-align: center;
}
.home-busine-ul,
.home-case-bt-swiper{
    padding-bottom: 20px !important;
}
.home-busine-ul.empty,
.home-case-bt-swiper.empty{
    padding-bottom: 0px !important;
}
.home-busine-ul-li{
    margin-bottom: 24px;
}
.home-busine-ul-li a{
    display: block;
    width: 100%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.home-busine-ul-li a::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #1E2353 0%, rgba(30, 35, 83, 0.00) 73.83%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.hbul-text-word-tit{
    font-size: 24px;
    line-height: var(--line14);
    color: var(--colorfff);
    font-weight: bold;
    margin-bottom: 20px;
}
.hbul-text-word-parga p{
    color: var(--colorfff);
    line-height: var(--line175);
}
.hbul-text-word{
    position: absolute;
    top: 60px;
    padding-right: 88px;
    padding-left: 40px;
    z-index: 5;
}
.hbul-text-btn{
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 6;
}
.slick-dots li.slick-active{
    background: var(--maincolor2);
}
.slick-dots{
    bottom: 0;
}
.home-new{
    padding: var(--space80) 0;
    overflow: hidden;
    background: var(--colorbj);
}
.home-new h2{
    text-align: center;
}
.home-new-swiper-li a{
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: #fff;
    display: block;
}
.home-new-swiper-li .ys-imgbox-cover{
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.hnsl-text{
    padding: 30px;
}
.hnsl-text-tit{
    line-height: var(--line175);
    color: var(--color333);
    transition: all .36s;
    margin-bottom: 10px;
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hnsl-text-parga p{
    line-height: var(--line175);
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .36s;
}
.hnsl-text-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hnsl-text-info-time p{
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--color999);
    font-family: var(--family2);
    transition: all .36s;
}
.std-btn2 p{
    font-size: var(--font16);
    line-height: var(--line14);
    color: var(--color666);
    transition: all .36s;
    margin-right: 10px;
} 
.std-btn2-box-icon{
    width: 26px;
}
.std-btn2-box-icon svg{
    width: 100%;
    height: auto;
}
.std-btn2-box-icon path{
    transition: all .36s;
}
.std-btn2-box{
    display: flex;
    align-items: center;
}
.hnsl-text-parga{
    margin-bottom: 85px;
}
.home-new-btn{
    text-align: center;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 456px !important; 
    height: 6px !important;
    left: 50% !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
}
.swiper-pagination-progressbar {
    background: transparent !important;
    border: 1px solid rgba(32, 13, 98, 0.4) !important;
    border-radius: 8px !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: var(--maincolor2) !important;
    border-radius: 8px !important;
}
.home-case .swiper-pagination-progressbar{
    border: 1px solid rgba(32, 13, 98, 0.2) !important;
}
.home-new-swiper{
    padding-bottom: var(--space40) !important;
}
.home-new-swiper.empty{
    padding-bottom: 0 !important;
}
.home-case{
    z-index: 1 !important;
}
.home-case .home-system-line1{
    top: -162px;
}
.home-case .home-system-line2 {
    bottom: -360px;
}
.home-case h2{
    text-align: center;
}

.hcbs-item-ul-li{
    width: 12.5%;
    padding: 0 9px;
    margin-bottom: 20px;
}
.hcbs-item-ul{
    margin: 0 -9px;
    display: flex;
    flex-wrap: wrap;
}
.hcbs-item-ul-li .ys-imgbox-cover{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(140, 140, 140, 0.10);
}
.home-case-bt-swiper{
    padding-top: 20px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.home-case-bt{
    margin: 0 -18px;
}
.home-case h2{
    margin-bottom: var(--space40);
}
.hcts-li-img{
    position: relative;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.hcts-li-img::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    top: 0;
    left: 0;
}
.hcts-li.swiper-slide-active .hcts-li-img::after{
    background: rgba(0,0,0,.3);
}
.hcts-li.swiper-slide-active .hcts-li-img-icon{
    opacity: 1;
    transition: all .5s .8s;
}
.hcts-li.swiper-slide-active .hcts-li-img-text{
    opacity: 1;
    transition: all .5s 1s;
}
.hcts-li-img-text{
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 5;
}
.hcts-li-img-icon{
    width: 64px;
    cursor: pointer;
    transition: all .36s;
    opacity: 0;
    z-index: 5;
}
.hcts-li-img-icon img{
    width: 100%;
}
.hcts-li-img-text{
    transition: all .36s;
    opacity: 0;
}
.hlit-num span{
    font-size: 100px;
    line-height: 1.2;
    color: var(--colorfff);
    font-family: var(--family3);
}
.hlit-num{
    color: var(--colorfff);
}
.hlit-parga p{
    color: var(--colorfff);
}
.hcts-li a{
    display: block;
}
.home-case-tp-text{
    width: calc(87.5% - 540px);
    margin: 20px auto 0; 
    position: relative;
}
.hcts-li-ph{
    display: none;
}
.hcts-li-text .std-h4{
    line-height: var(--line175);
}
.hcts-li-text-info{
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hlti-parga p{
    line-height: var(--line175);
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: rgba(51, 51, 51, 0.6);
}
.hlti-btn p{
    color: var(--maincolor2);
}
.hlti-btn{
    width: 100px;
    display: flex;
    justify-content: flex-end;
}
.hlti-parga{
    width: calc(100% - 100px);
    padding-right: 125px;
}
.home-case-tp{
    margin-bottom: var(--space40);
}
.home-case-tp-swiper{
    padding: 0 270px;
    overflow: hidden;
    width: 87.5%;
    margin: auto;
}
.swiper-icon{
    width: 42px !important;
    height: 42px !important;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
    margin-top: 0 !important;
    transition: all .36s;
    transform: translateY(-50%);
}
.swiper-icon::after{
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/a1_icon03.svg) center / cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0 !important;
    transition: all .36s;
}
.swiper-icon.swiper-button-prev::after{
    transform: rotate(-180deg);
}
.home-case-tp-img{
    position: relative;
}
.hcts-li.hides{
    opacity: 0;
    transition: all .1s;
}
.hctt-swiper-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    transition: all .36s .25s;
    opacity: 0;
}
.hctt-swiper-li.act{
    position: relative;
    opacity: 1;
    pointer-events: all;
    transition: all .36s .6s;
}
.ys-banner{
    z-index: 6;
}
.ys-ban-imgbox::before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 80.43%, rgba(0, 0, 0, 0.40) 95.74%), linear-gradient(270deg, rgba(0, 0, 0, 0.00) 4.19%, rgba(0, 0, 0, 0.40) 68.44%);
}
.ys-search2-win{
    position: fixed;
    top: var(--line80);
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    box-shadow: 0 10px 18px 3px rgb(0 0 0 / 4%);
    overflow: hidden;
    display: none;
}
.ys-search2-box{
    padding: 16px 0;
}
.ys-search2-tibox{
    width: 34%;
    margin: 0 auto;
}
.ys-search2-tbox{
    border-bottom: 1px solid #eee;
    width: calc(100% - 24px);
    padding-right: 20px;
    height: 40px;
}
.ys-search2-tbox input{
    width: 100%;
    height: 100%;
    font-size: var(--font16);
    font-family: inherit;
}
.ys-search2-ibox {
    width: 24px;
    margin-top: 10px;
}
.ys-search2-ibox img{
    width: 100%;
}
/* 首页-end */

/* B2最新动态-新闻资讯-start */
.inside-page .ys-main{
    margin-top: var(--line80);
}
.inside-page .ys-hd-pc{
    background: var(--colorfff);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
}
.inside-page .ys-hd-pc .mod-icon img:nth-child(1){
    opacity: 0;
}
.inside-page .ys-hd-pc .mod-icon img:nth-child(2){
    opacity: 1;
}
.inside-page .ys-hd-pc .head-nav-item-title{
    color: var(--color333);
}
.inside-page .ys-hd-pc .head-other-lang a{
    color: var(--color333);
}
.inside-page .ys-hd-pc .head-other-lang a::before{
    background: var(--color333);
}
.mod-bread{
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    z-index: 5;
}
.ys-bread-list a{
    color: var(--colorfff);
}
.ys-bread-list::before{
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/b1_icon01.svg) center / cover no-repeat;
    position: absolute;
    right: -9px;
}
.ys-bread-list{
    padding: 0 17px;
}
.ys-bread-list img{
    width: 18px;
    position: relative;
    top: -2px;
}
.ys-bread{
    margin: 0 -17px;
}
.ys-nyban-title h1{
    font-size: var(--font48);
    text-align: center;
}
.ys-nyban-title{
    top: calc(50% + 22.25px);
    z-index: 5;
}
.new-wrap{
    padding-top: var(--space80);
}
.nwtu-li{
    width: 240px;
    border-radius: 67px;
    background: var(--colorfff);
    text-align: center;
    margin-right: 10px;
    transition: all .36s;
}
.nwtu-li a{
    display: block;
    font-size: var(--font16);
    line-height: 60px;
    color: var(--color333);
    transition: all .36s;
}
.nwtu-li:last-child{
    margin-right: 0;
}
.new-wrap-tab-ul{
    display: inline-block;
    padding: 10px;
    border-radius: 53px;
    background: #F9F9F9;
    width: auto;
}
.new-wrap-tab{
    text-align: center;
}
.nwtu-li.act{
    background: var(--maincolor2);
}
.nwtu-li.act a{
    color: var(--colorfff);
}
.new-wrap-recom{
    margin-bottom: 38px;
}
.nwru-li{
    width: 100%;
    padding: 0 40px;
}
.new-wrap-recom-ul{
    margin: 0 -40px;
}
.nwru-li a{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(37, 54, 89, 0.06);
}
.nwru-li .ys-imgbox-cover{
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 49%;
}
.nwru-li-text{
    width: 51%;
    padding: 0 60px;
}
.nwru-li-text-tit{
    line-height: var(--line175);
    margin-bottom: 20px;
    transition: all .36s;
}
.nwru-li-text-parga p{
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nwru-li-text-parga{
    margin-bottom: 104px;
}
.new-wrap-recom .ybdu-li {
    background: rgba(32, 13, 98, 0.22);
}
.new-wrap-recom .ybdu-li.on .ybdu-li-line-pro{
    background: rgba(32, 13, 98, 1);
}
.new-wrap-recom .ys-ban-dots{
    display: flex;
    justify-content: center;
}
.new-wrap-recom .slick-list{
    padding: 40px 0;
}
.new-wrap-tab{
    margin-bottom: 20px;
}
.new-wrap-select{
    margin-bottom: var(--space40);
    width: 228px;
    border-radius: 40px;
    border: 1px solid #999;
}
.new-wrap-select .ys-select-xtbbox{
    width: 24px;
    right: 30px;
}
.new-wrap-select .ys-select-xtbbox img{
    width: 100%;
}
.new-wrap-select .ys-select-hd{
    height: 46px;
    padding-left: 30px;
}
.new-wrap-select .ys-select-hd input::placeholder,
.new-wrap-select .ys-select-hd input{
    font-size: var(--font16);
    color: var(--maincolor2);
}
.new-wrap-select .ys-select-bd{
    border-radius: 10px;
    border: 1px solid #999;
    padding: 10px 20px;
    top: 110%;
    max-height: 152px;
}
.new-wrap-select .ys-select-li{
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color333);
    margin-bottom: 5px;
    font-family: var(--family2);
}
.new-wrap-select .ys-select-li:last-child{
    margin-bottom: 0;
}
.new-wrap-select .mCSB_outside+.mCSB_scrollTools{
    right: 0;
    top: 10px;
    bottom: 10px;
}
.new-wrap-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.new-wrap-list-ul{
    margin: 0 -18px 24px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
}
.nwlu-li{
    width: 33.333333%;
    padding: 0 18px;
    margin-bottom: 36px;
}
.nwlu-li a{
    display: block;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    height: 100%;
    background: var(--colorbj);
    transition: all .36s;
}
.nwlu-li .ys-imgbox-cover{
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.new-wrap-list .hnsl-text-parga {
    margin-bottom: 110px;
}
.pc-fenye li {
    width: 28px;
    height: 28px;
    font-size: var(--font16);
    line-height: 28px;
    color: var(--maincolor2);
}
.pc-fenye li.activepage {
    background: var(--maincolor2);
}
.ys-pcfy{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ys-input{
    width: 68px;
    height: 40px;
    border-radius: 36px;
    border: 1px solid var(--color333);
    margin-left: 24px;
}
.ys-input input{
    font-size: var(--font16);
    width: 100%;
    height: 100%;
    padding: 0 10px;
    text-align: center;
    color: var(--color333);
    font-family: inherit !important;
}
.pc-fenye {
    left: 0;
    transform: translateX(0%);
}
.ys-btn{
    margin-left: 10px;
}
.ys-btn a{
    width: 68px;
    height: 40px;
    border-radius: 50px;
    background: var(--maincolor2);
    text-align: center;
    font-size: var(--font14);
    line-height: 40px;
    color: var(--colorfff);
}
.ys-num{
    margin-left: 20px;
}
.ys-num p{
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--color333);
}
/* B2最新动态-新闻资讯-end */

/* B3最新动态-产研报告-start */
.report-main .new-wrap-tab {
    margin-bottom: var(--space60);
}
.report-wrap {
    padding-top: var(--space80);
}
.rwlu-li{
    width: 33.333333%;
    padding: 0 18px;
    margin-bottom: 40px;
}
.report-wrap-list-ul{
    margin: 0 -18px 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    overflow: hidden;
}
.rwlu-li a{
    display: block;
    border-radius: 10px;
    background: var(--colorbj);
    overflow: hidden;
    transition: all .36s;
    position: relative;
    padding: 30px;
    z-index: 1;
    height: 100%;
}
.rwlu-li-pdf{
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
}
.rwlu-li-tit{
    padding-right: 20px;
    line-height: var(--line175);
    color: var(--color333);
    transition: all .36s;
    margin-bottom: 32px;
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.rwlu-li-down{
    width: 40px;
    height: 40px;
    margin-left: calc(100% - 40px);
}
.rwlu-li-bg{
    width: 100%;
    z-index: -1;
    opacity: 0;
    transition: all .36s;
}
.rwlu-li-bg img{
    width: 100%;
}
/* B3最新动态-产研报告-end */

/* B4新闻详情-start */
.newdet-wrap-tp h1{
    line-height: var(--line15);
    margin-bottom: 36px;
}
.newdet-wrap-tp-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nwti-share p{
    color: var(--color333);
}
.nwti-share{
    display: flex;
    align-items: center;
}
.ys-share-list{
    margin-left: 30px;
}
.ys-share-img img{
    width: 100%;
}
.newdet-wrap-tp{
    padding-bottom: 22px;
    border-bottom: 1px solid #CACACA;
    margin-bottom: 40px;
}
.nwti-time p{
    color: var(--color999);
    font-family: var(--family2);
}
.newdet-wrap-bt p{
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color666);
    margin-bottom: 12px;
}
.newdet-wrap-bt p:last-child{
    margin-bottom: 0;
}
.newdet-wrap-bt{
    padding-bottom: var(--space80);
    border-bottom: 1px solid #CACACA;
    margin-bottom: 20px;
}
.newdet-wrap-page-li p{
    line-height: var(--line175);
    color: var(--color333);
    transition: all .36s;
}
.newdet-wrap-page{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -140px;
}
.newdet-wrap-page-li{
    width: 50%;
    padding: 0 140px;
}
.newdet-wrap{
    position: relative;
    overflow: hidden;
}
/* B4新闻详情-end */

/* C1产业链服务-start */
.mod-bread.on{
    position: static;
    padding-top: 30px;
}
.mod-bread.on .ys-bread-list a{
    color: var(--color666);
}
.mod-bread.on .ys-bread-list::before {
    background: url(../images/b1_icon01_1.svg) center / cover no-repeat;
}
.induser-wrap{
    overflow: hidden;
}
.induser-wrap-tit h1{
    margin-bottom: 20px;
}
.iwti-btn{
    width: 170px;
    display: flex;
    justify-content: end;
}
.iwti-parga{
    width: calc(100% - 170px);
    padding-right: 370px;
}
.iwti-parga p{
    line-height: var(--line175);
}
.induser-wrap-tit-info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.induser-wrap-tit{
    margin-bottom: var(--space40);
}
.induser-wrap-iframe{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.induser-wrap-iframe iframe{
    width: 100%;
    height: var(--height);
}
.induser-wrap-iframe img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}
/* .induser-wrap-iframe img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
} */
.induser-main .mod-content{
    position: relative;
}
.induser-main .newdet-wrap-bg img:nth-child(1){
    left: -314px;
    top: -100px;
}
.induser-main .newdet-wrap-bg img:nth-child(2) {
    top: auto;
    bottom: -188px;
    right: -380px;
}

/* C1产业链服务-end */

/* B1关于我们-start */
.about-main .mod-bread,
.join-main .mod-bread{
    top: auto;
    bottom: 20px;
}
.join-main .newdet-wrap-bg img:nth-child(1){
    left: -314px;
    top: -150px;
}
.join-main .newdet-wrap-bg img:nth-child(2){
    right: -490px;
    top: 416px;
}
.about-main .ys-nybanner{
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.about-main .ys-nyban-img{
    height: 100%;
}
.about-main .ys-nybanner img{
    height: 100%;
    object-fit: cover;
}
.about-main .ys-nyban-title {
    top: calc(50% + 17.75px);
}
.about-main .mod-content{
    margin-top: 100vh;
    background-color: var(--colorfff);
    position: relative;
    z-index: 2;
}
.about-info{
    overflow: hidden;
    position: relative;
}
.about-info .newdet-wrap-bg img:nth-child(1) {
    left: -315px;
    top: -150px;
}
.about-info .newdet-wrap-bg img:nth-child(2) {
    top: auto;
    bottom: -380px;
}
.about-info h2{
    text-align: center;
    margin-bottom: var(--space40);
}
.about-info-parga{
    width: 83%;
    margin: 0 auto var(--space40);
}
.about-info-parga p{
    margin-bottom: 20px;
    line-height: var(--line175);
}
.about-info-parga p:last-child{
    margin-bottom: 0;
}
.about-info-img{
    position: relative;
    height: 400px;
    background-size: 100% auto;
    background-position-x: center;
    background-position-y: var(--top);
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .5s;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    margin-bottom: var(--space40);
}
.about-info-img.active{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.about-info-img::before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    transition: width .83s ease-out;
}
.about-info-img.active::before {
    width: 0%;
}
.about-info .hsbd-wrap-ul{
    padding: 0 22px;
}
.about-culture{
    padding: var(--space80) 0;
    background: var(--colorbj);
    margin-bottom: var(--space120);
    overflow: hidden;
}
.about-main h2{
    text-align: center;
    margin-bottom: var(--space40);
}
.about-culture-ul{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -18px;
}
.about-culture-ul-li{
    width: 33.333333%;
    margin-top: 36px;
    padding: 0 18px;
}
.about-culture-ul-li:nth-child(1),
.about-culture-ul-li:nth-child(2),
.about-culture-ul-li:nth-child(3){
    margin-top: 0;
}
.acul-cont{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px 20px 110px 40px;
    background: #fff;
    z-index: 1;
    transition: all .36s;
}
.acul-cont-img{
    width: 150px;
    position: relative;
    margin-left: calc(100% - 150px);
}
.acul-cont-img .ys-imgbox-cover{
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.acul-cont-img-num{
    font-size: 60px;
    font-family: var(--family1);
    line-height: var(--line12);
    color: var(--maincolor2);
    position: absolute;
    top: 10px;
    left: -25px;
    z-index: 5;
    transition: all .36s;
}
.acul-cont-text{
    position: absolute;
    bottom: 40px;
    left: 0px;
    padding-left: 40px;
    padding-right: 20px;
    width: 100%;
}
.acul-cont-text .std-h4{
    transition: all .36s;
    margin-bottom: 10px;
}
.acul-cont-text p{
    transition: all .36s;
}
.acul-cont-bg{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all .36s;
    opacity: 0;
}
.acul-cont-bg img{
    width: 100%;
}
.about-struct{
    overflow: hidden;
}
.about-struct-img{
    width: 98%;
    margin: auto;
}
.about-struct-img img{
    width: 100%;
}
.viewer-canvas>img{
    background: var(--colorfff);
}
.viewer-button{
    background: var(--maincolor2) !important;
}
.about-honor{
    padding: var(--space80) 0;
    background: var(--colorbj);
    overflow: hidden;
}
.ahsl-cont{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(37, 54, 89, 0.06);
    padding: 70px 30px 96px;
    transition: all .36s;
    z-index: 1;
    height: 100%;
}
.ahsl-cont-tit{
    position: relative;
}
.ahsl-cont-tit .std-h4{
    transition: all .36s;
    line-height: var(--line16);
}
.ahsl-cont-tit::before{
    content: "";
    width: 30px;
    height: 4px;
    border-radius: 20px;
    background: var(--maincolor2);
    position: absolute;
    top: -26px;
    left: 0;
    transition: all .36s;
}
.ahsl-cont-bg{
    width: 170px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all .36s;
    opacity: 0;
}
.ahsl-cont-bg img{
    width: 100%;
}
.about-honor-swiper{
    padding-bottom: var(--space60) !important;
}
.about-honor-swiper.empty{
    padding-bottom: 0px !important;
}
.about-honor-swiper-li{
    height: auto !important;
}
.about-honor-bt{
    position: relative;
}
.about-honor-bt .swiper-icon{
    top: calc(50% - 30px);
}
.about-honor-bt .swiper-button-prev,
.suppser-case .swiper-button-prev{
    left: -72px;
}
.about-honor-bt .swiper-button-next,
.suppser-case .swiper-button-next{
    right: -72px;
}
/* B1关于我们-end */

/* D1经营单位2-start */
.unit-info{
    padding-top: var(--space80);
    padding-bottom: 64px;
    background: var(--colorfff);
    border-radius: 20px;
    overflow: hidden;
    margin-top: -50px;
    position: relative;
    z-index: 2;
}
.unit-main .mod-content{
    background: var(--maincolor2);
    position: relative;
    z-index: 5;
}
.unit-info-le,
.unit-contact h2{
    width: 37%;
    padding-right: 160px;
}
.unit-info-ri,
.unit-contact-info{
    width: 63%;
}
.unit-info .ys-cont1440,
.unit-contact .ys-cont1440{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.unit-info-le-logo{
    width: 74%;
}
.unit-info-le-logo img{
    width: 100%;
}
.unit-info-le-list p{
    color: var(--color333);
}
.unit-info-le-list li{
    margin-bottom: 16px;
    position: relative;
    padding-left: 17px;
}
.unit-info-le-list p::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--maincolor1);
    position: absolute;
    top: 8.5px;
    left: 0;
}
.unit-info-ri img{
    border-radius: 20px;
    overflow: hidden;
}
.unit-info-ri p{
    margin-bottom: var(--space40);
}
.unit-info-ri p:last-child{
    margin-bottom: 0;
}
.unit-contact{
    padding-top: var(--space80);
    padding-bottom: 60px;
    overflow: hidden;
}
.unit-contact h2{
    color: var(--colorfff);
}
.unit-contact-info-list{
    padding: var(--space40) 0;
    border-top: 1px solid rgba(255,255,255,.4);
    border-bottom: 1px solid rgba(255,255,255,.4);
}
.ucil-li{
    width: 33.333333%;
    padding: 0 20px;
}
.ucil-li-icon{
    width: 40px;
    margin-bottom: 20px;
}
.ucil-li-icon img{
    width: 100%;
}
.ucil-li-tit{
    margin-bottom: 30px;
    color: var(--colorfff);
}
.ucil-li-parga p{
    color: var(--colorfff);
}
.ucil-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.unit-main h1{
    text-align: left;
}
.ys-nyban-link p{
    color: var(--colorfff) !important;
}
.ys-nyban-link path{
    fill: var(--colorfff) !important;
}
.ys-nyban-link{
    bottom: 90px;
    z-index: 5;
}
.ys-nyban-link .std-btn2-box{
    justify-content: flex-end;
}
.unit-main .ys-nyban-title{
    top: auto;
    bottom: 25%;
}
/* D1经营单位2-end */
/* F1加入我们-start */
.ys-nybanner{
    overflow: hidden;
}
.join-main .ys-nyban-title {
    top: calc(50% + 17.75px);
}
.std-btn1 img{
    width: 24px;
    margin-right: 10px;
}
.ys-nyban-btn .std-btn1-box{
    padding: 0 20px;
}
.ys-nyban-btn .std-btn1-box p{
    line-height: 56px;
    font-size: var(--font20);
}
.ys-nyban-btn{
    margin-top: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ys-nyban-btn-box{
    margin: 0 20px;
}
.std-btn3-icon{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.std-btn3-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 50px;
    background: #FFF;
    transition: all .36s;
}
.std-btn3-box p{
    line-height: 56px;
    color: var(--color333);
    transition: all .36s;
    font-size: var(--font20);
}
.join-activity h2{
    text-align: center;
    margin-bottom: var(--space40);
}
.join-activity-swiper-li .ys-imgbox-cover{
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
}
.join-activity-swiper-li .std-h4{
    text-align: center;
}
.join-activity-swiper{
    padding-bottom: var(--space40) !important;
    overflow: inherit !important;
}
.join-activity-swiper.empty{
    padding-bottom: 0 !important;
}
.join-activity{
    position: relative;
    overflow: hidden;
}
.join-activity-bg-img2{
    width: 852px;
    position: absolute;
    right: -490px;
    bottom: -508px;
}
.join-activity-bg-img2 img{
    width: 100%;
}
.join-activity-bg-img1 {
    top: -48px;
}
/* F1加入我们-end */
/* C4生产制造-start */
.manufa-wrap-ul-li{
    padding: var(--space80) 0 var(--space120);
    position: relative;
}
.mwul-ri{
    width: 45%;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.mwul-ri-btn{
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 5;
    border-radius: 60px;
    background: #FFF;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 20px 10px 10px;
}
.mwul-ri-btn img{
    width: 40px;
    margin-right: 15px;
}
.mwul-le{
    width: 55%;
    padding: 40px 60px;
    position: relative;
    z-index: 1;
}
.mwul-le::after{
    content: "";
    width: 110%;
    height: 100%;
    background: var(--colorbj);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px;
}
.manufa-wrap-ul-li .ys-cont1440{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    overflow: hidden;
}
.mwul-le-parga p{
    margin-bottom: 10px;
}
.mwul-le-parga p:last-child{
    margin-bottom: 0;
}
.mwul-le-tit{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.mwul-le-tit img{
    width: 40px;
    margin-right: 20px;
}
.mwul-le-tit .std-h2{
    color: var(--maincolor2);
}
.newdet-wrap-bg img:nth-child(1),
.mwul-bg img:nth-child(1),
.contact-info-bg img:nth-child(1){
    width: 41%;
    max-width: 790px;
    position: absolute;
    z-index: -1;
}
.mwul-bg img:nth-child(1){
    left: -314px;
    top: -290px;
}
.newdet-wrap-bg img:nth-child(1){
    left: -388px;
    top: -110px;
}
.newdet-wrap-bg img:nth-child(2),
.mwul-bg img:nth-child(2),
.contact-info-bg img:nth-child(2){
    width: 44%;
    max-width: 852px;
    position: absolute;
    z-index: -1;
}
.newdet-wrap-bg img:nth-child(2){
    top: 25%;
    right: -490px;
}
.mwul-bg img:nth-child(2){
    right: -490px;
    top: 410px;
}
.manufa-wrap-ul-li.on{
    z-index: 5;
}
.manufa-wrap-ul-li.on::after{
    content: "";
    width: 100%;
    height: calc(100% - 40px);
    background: var(--colorbj);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.manufa-wrap-ul-li.on .mwul-le::after{
    background: var(--colorfff);
}
.manufa-wrap-ul-li.on .mwul-bg{
    display: none;
}
.mwul-le,.mwul-ri{
    animation-duration: 1s;
}
.mwul-ri .ys-imgbox-cover{
    height: 100%;
}
.mwul-ri .ys-imgbox-cover img{
    height: 100%;
    object-fit: cover;
}
.manufa-wrap-ul-li .mwul-bg img:nth-child(2) {
    top: auto;
    bottom: -554px;
}
/* C4生产制造-end */
/* C2供应链服务2-start */
.suppser-service{
    padding-top: var(--space80);
    padding-bottom: var(--space120);
    background: var(--colorbj);
    margin-bottom: var(--space120);
    overflow: hidden;
}
.suppser-service h2{
    text-align: center;
    margin-bottom: var(--space40);
}
.suppser-service-parga{
    width: 83%;
    margin: 0 auto var(--space60);
    text-align: center;
}
.suppser-service-ul-li{
    padding: 0 12px;
    margin-bottom: 24px;
    width: 25%;
}
.suppser-service-ul{
    margin: 0 -12px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.ssul-cont{
    padding: 40px 40px 226px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.ssul-cont-icon{
    width: 36px;
    margin-bottom: 10px;
}
.ssul-cont-icon img{
    width: 100%;
}
.ssul-cont-tit{
    margin-bottom: 10px;
}
.ssul-cont-parga p{
    opacity: 0.8;
    line-height: var(--line175);
}
.ssul-cont-img{
    width: 150px;
    transition: all .36s;
    position: absolute;
    bottom: 0;
    right: 0;
}
.ssul-cont-img img{
    width: 100%;
}
.suppser-case{
    overflow: hidden;
}
.suppser-case h2{
    text-align: center;
    margin-bottom: var(--space40);
}
.scsl-img{
    position: relative;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.scsl-wrap{
    border-radius: 10px;
    overflow: hidden;
    background: var(--colorbj);
    height: 100%;
}
.scsl-text a{
    display: block;
    padding: 20px 30px 40px;
}
.scsl-text .std-h4{
    margin-bottom: var(--space40);
}
.scsl-text-btn .std-btn2-box p{
    color: var(--maincolor2);
}
.scsl-img-btn{
    width: 64px;
    cursor: pointer;
}
.scsl-img-btn img{
    width: 100%;
}
.suppser-case-bt{
    position: relative;
}
.suppser-html,.suppser-html body{
    overflow: inherit !important;
}
.suppser-product{
    height: var(--height);
}
.suppser-product-wrap{
    width: 100%;
    height: calc(100vh - var(--line80));
    position: sticky;
    top: var(--line80);
    display: flex;
    align-items: center;
    overflow: hidden;
}
.suppser-product-wrap h2{
    text-align: center;
    margin-bottom: var(--space80);
}
.spwb-img{
    position: relative;
    width: 50%;
    /* margin: 84px 0; */
}
.spwb-img-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    transition: all .36s;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    opacity: 0;
}
.spwb-img-li.act{
    position: relative;
    opacity: 1;
    pointer-events: all;
}
.spwb-text{
    width: 50%;
    padding-left: 100px;
    padding-right: 124px;
    position: relative;
    height: var(--textHeight);
    overflow: hidden;
    /* max-height: 674px; */
}
.suppser-product-wrap-bt{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.spwb-text::before{
    content: "";
    width: 2px;
    height: 100%;
    /* border-left: 2px dashed #E0E0E0; */
    background: url(../images/c2_line1.svg) center /cover no-repeat;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
}
.spwb-text::after{
    content: "";
    width: 2px;
    height: 53.4%;
    background: linear-gradient(to bottom,rgba(32, 13, 98, 0) 0%,rgba(32, 13, 98, 1) 50%,rgba(32, 13, 98, 0) 100%);
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
}
.stsl-tit{
    margin-bottom: 20px;
}
.stsl-parga p{
    opacity: 0.8;
    line-height: var(--line175);
    height: 5.25em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.stsl-img{
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    display: none;
}
.spwb-text-swiper-li{
    transition: all .36s;
    padding-bottom: 145px;
    /* height: 120px; */
    overflow: hidden;
    opacity: 0.2;
}
.spwb-text-swiper-li:last-child{
    margin-bottom: 0;
}
.spwb-text-swiper {
    transform: translateY(var(--top));
}
.spwb-text-swiper-li.act{
    opacity: 1;
}
.spwb-text-swiper.active{
    transition: all .8s cubic-bezier(0.45,0.05,0.55,0.95);
}
/* C2供应链服务2-end */

/* E1联系我们-start */
.contact-info{
    position: relative;
    overflow: hidden;
}
.contact-info-mess{
    width: 61%;
    margin: 0 auto var(--space60);
}
.cimu-li{
    width: 33.333333%;
    padding: 0 25px;
}
.contact-info-mess-ul{
    margin: 0 -25px;
}
.contact-info-mess-ul .ucil-li-icon{
    margin: 0 auto 20px;
}
.contact-info-mess-ul .ucil-li-tit{
    color: var(--color333);
    margin-bottom: 10px;
    text-align: center;
}
.contact-info-mess-ul .ucil-li-parga p{
    color: var(--color333);
    text-align: center;
}
.contact-info h2{
    text-align: center;
}
.contact-info-form{
    padding-top: 72px;
    padding-bottom: 102px;
    border-radius: 10px;
    overflow: hidden;
}
.contact-info-form-wrap{
    width: 52%;
    margin: auto;
}
.contact-info-form-wrap h3{
    color: var(--colorfff);
    text-align: center;
    margin-bottom: 50px;
}
.ys-fii-name{
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
    position: absolute;
    top: calc(50% - 24px);
    left: 0;
    pointer-events: none;
    transform-origin: left center;
    transition: all .5s cubic-bezier(.16,1.08,.38,.98);
    transform: translateY(-50%) scale(.75);
    opacity: 0.5;
}
.ys-fii-input input:not(:focus)~.ys-fii-name {
    top: 50%;
    transform: translateY(-50%) scale(1);
    opacity: 1;
}
.ys-fii-input textarea:not(:focus)~.ys-fii-name {
    top: 50%;
    transform: translateY(-50%) scale(1);
    opacity: 1;
}
.ys-form-inof{
    margin: 0 -34px;
    display: flex;
    flex-wrap: wrap;
}
.ys-form-inof-item{
    width: 50%;
    padding: 0 34px;
    margin-bottom: var(--space40);
}
.ys-fii-input {
    width: 100%;
    height: 34px;
    border-bottom: 1px solid rgba(255,255,255,.45);
    position: relative;
}
.ys-fii-input input,
.ys-fii-input textarea{
    width: 100%;
    height: 100%;
    font-size: var(--font16);
    color: var(--colorfff);
}
.ys-fii-tips span {
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--maincolor1);
}
.ys-fii-tips {
    display: none;
}
.ys-form-required.ys-form-empty .ys-fii-tips {
    display: block;
}
.ys-form-inof-text{
    width: 100%;
}
.ys-fii-input textarea{
    line-height: 1.75;
}
.ys-fia-text-btn{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--colorfff);
    position: relative;
    cursor: pointer;
    transition: all .36s;
}
.ys-fia-text-btn::after{
    content: "";
    width: 50%;
    height: 50%;
    background: var(--maincolor1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
    opacity: 0;
}
.ys-fia-text-word{
    color: var(--colorfff);
    padding-left: 8px;
}
.ys-fia-text-word a{
    color: var(--colorfff);
    text-decoration: underline;
}
.ys-form-inof-agree{
    width: 100%;
    margin-bottom: 30px;
}
.ys-fia-text{
    display: flex;
    align-items: center;
}
.ys-form-inof-submit{
    text-align: center;
    width: 100%;
}
.ys-form-inof-submit .std-btn1-box{
    width: 240px;
}
.yfii-code-img{
    width: 102px;
    cursor: pointer;
    flex-shrink: 0;
}
.yfii-code-img img{
    width: 100%;
}
.yfii-code label{
    width: 190px;
    flex-shrink: 0;
    margin-right: 16px;
}
.yfii-code{
    display: flex;
    align-items: flex-end;
}
.ys-form-inof-agree.on .ys-fia-text-btn::after{
    opacity: 1;
}
.contact-info-bg img:nth-child(1){
    top: 100px;
    left: -320px;
}
.contact-info-bg img:nth-child(2){
    bottom: -266px;
    right: -480px;
}
.contact-layout{
    background: var(--colorbj);
    overflow: hidden;
    height: calc(100vh - var(--line80));
    position: relative;
}
.clwt-lab-li p{
    font-size: var(--font14);
    line-height: 42px;
    color: var(--color666);
    transition: all .36s;
}
.clwt-lab-li{
    padding: 0 30px;
    border-radius: 40px;
    border: 1px solid #999;
    margin: 0 10px;
    transition: all .36s;
    cursor: pointer;
}
.clwt-lab{
    display: flex;
    justify-content: center;
}
.contact-layout-wrap-tp h1{
    margin-bottom: 20px;
    text-align: center;
}
.clwt-lab-li.act p{
    color: var(--colorfff);
}
.clwt-lab-li.act{
    background: var(--maincolor2);
    border: 1px solid var(--maincolor2);
}
.contact-layout-wrap-bt{
    width: 98.6%;
    margin: auto;
    position: relative;
}
.contact-layout-pop-li{
    width: 31%;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    background: #FFF;
    padding: 120px 100px 80px 60px;
    position: absolute;
    top: 0;
    right: -32%;
    transition: all 1s ease-in-out;
    z-index: 6;
}
.contact-layout-pop-li.act{
    right: 0;
}
.clpl-close{
    width: 40px;
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 40px;
}
.clpl-close img{
    width: 100%;
}
.clpl-item-ul{
    height: calc(100vh - 80px - 120px - 80px - 70px);
    overflow: hidden;
}
.clpl-item .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #EEEEEE;
}
.clpl-item .mCSB_scrollTools .mCSB_draggerRail {
    width: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.clpl-item .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: var(--maincolor2) !important;
}
.clpl-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.clpl-item .mCSB_scrollTools{
    width: 10px;
    opacity: 1;
    right: -94px;
    height: calc(100% + 100px);
    top: -50px;
}
.clpl-item-ul-li{
    padding: var(--space40) 0;
    border-bottom: 2px solid #E8E8E8;
}
.clpl-item-tit{
    display: flex;
    align-items: center;
    padding-bottom: 26px;
    border-bottom: 2px solid #E8E8E8;
}
.clpl-item-tit-icon{
    width: 32px;
}
.clpl-item-tit-icon img{
    width: 100%;
}
.clpl-item-num{
    width: 28px;
    height: 28px;
    position: relative;
    border-radius: 50%;
    background: var(--maincolor2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.clpl-item-num p{
    font-size: var(--font14);
    line-height: var(--line14);
    color: var(--colorfff);
}
.clpl-item-tit .std-h3{
    margin-left: 16px;
    margin-right: 26px;
}
.ciul-info-li{
    display: flex;
    align-items: flex-start;
}
.ciul-info-li-icon{
    width: 18px;
    position: relative;
    top: 3.8px;
    flex-shrink: 0;
}
.ciul-info-li-icon img{
    width: 100%;
}
.ciul-info-li-parga{
    width: 53px;
    padding: 0 10px;
    flex-shrink: 0;
}
.ciul-info-li-num p{
    color: var(--color333);
}
.ciul-tit{
    margin-bottom: 38px;
    color: var(--maincolor2);
}
.ciul-info-li{
    margin-bottom: 10px;
}
.ciul-info-li:last-child{
    margin-bottom: 0;
}
.clwb-li{
    position: relative;
    width: 100%;
}
.clwb-li:not(:first-child){
    display: none;
}
.clwb-li-map{
    width: 100%;
}
.clwb-li-map img{
    width: 100%;
}
.clwb-li-point-li{
    position: absolute;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.clwb-li-point{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.clpl-icon{
    width: 32px;
    height: 32px;
}
.clpl-text-parga p{
    color: var(--color333);
    white-space: nowrap;
}
.clpl-text{
    padding: 10px 20px;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    top: 0;
    left: 32px;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.clpl-text-num{
    background: var(--maincolor1);
    margin-right: 10px;
}
.clwb-li-point-li.act{
    z-index: 5;
}
.clwb-li-point-li.act .clpl-text{
    opacity: 1;
    pointer-events: all;
}
.clwb-li-point-li.act .mod-icon img:nth-child(1) {
    opacity: 0;
}
.clwb-li-point-li.act .mod-icon img:nth-child(2) {
    opacity: 1;
}
.contact-main .mod-bread{
    position: absolute;
    top: 0;
}
.contact-layout-wrap{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 28px;
}
.contact-layout-wrap .ys-cont1280{
    position: relative;
}
.contact-layout-wrap-tp{
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
.clwb-scroll p{
    font-size: 12px;
    line-height: var(--line175);
    color: var(--color666);
    text-align: center;
    margin-bottom: 4px;
}
.clwb-scroll img{
    width: 18px;
    /* animation: jump 1s ease infinite; */
}
.clwb-scroll{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    text-align: center;
}
.mod-side-nav-li p{
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--color666);
    transition: all .36s;
}
.mod-side-nav-li.on p{
    color: var(--maincolor2);
}
.mod-side {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
    z-index: 5;
    transition: all .36s ease-out;
}
.mod-side.show{
    left: 30px;
}
.mod-side-nav-li{
    margin-bottom: 38px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.mod-side-nav-li:last-child{
    margin-bottom: 0;
}
.msnl-icon{
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 10px;
}
.msnl-icon::before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--maincolor2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
    opacity: 0;
}
.msnl-icon::after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E2E2E2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
}
.mod-side-nav-li.on .msnl-icon::before{
    opacity: 1;
}
.mod-side-nav-li.on .msnl-icon::after{
    background: var(--maincolor2);
}
.mod-side-nav::after {
    content: "";
    width: 1px;
    height: calc(100% - 30px);
    background: #E2E2E2;
    position: absolute;
    top: 15px;
    left: 8px;
    z-index: -1;
}
.mod-side-line {
    width: 1px;
    max-height: calc(100% - 20px);
    background: var(--maincolor2);
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: -1;
    transition: all .3s;
}
/* .contact-layout-wrap::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.contact-layout-wrap.act::after{
    pointer-events: all;
} */
/* E1联系我们-end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .clwt-lab-li:hover{
        background: var(--maincolor2);
        border: 1px solid var(--maincolor2);
    }
    .clwt-lab-li:hover p{
        color: var(--colorfff);
    }
    .ssul-cont:hover .ssul-cont-img{
        transform: scale(1.05);
    }
    .std-btn3-box:hover{
        background: var(--maincolor2);
    }
    .std-btn3-box:hover .mod-icon img:nth-child(2){
        opacity: 1;
    }
    .std-btn3-box:hover p{
        color: var(--colorfff);
    }
    .ahsl-cont:hover{
        background: var(--maincolor2);
    }
    .ahsl-cont:hover .ahsl-cont-tit::before{
        background: var(--colorfff);
    }
    .ahsl-cont:hover .ahsl-cont-tit .std-h4{
        color: var(--colorfff);
    }
    .ahsl-cont:hover .ahsl-cont-bg{
        opacity: 0.4;
    }
    .acul-cont:hover{
        background: var(--maincolor2);
    }
    .acul-cont:hover .acul-cont-img-num{
        color: var(--colorfff);
    }
    .acul-cont:hover .std-h4{
        color: var(--colorfff);
    }
    .acul-cont:hover p{
        color: rgba(255,255,255,.6);
    }
    .acul-cont:hover .acul-cont-bg{
        opacity: 1;
    }
    .newdet-wrap-page-li a:hover p{
        color: var(--maincolor2);
    }
    .rwlu-li a:hover {
        background: var(--maincolor2);
    }
    .rwlu-li a:hover .rwlu-li-bg{
        opacity: 1;
    }
    .rwlu-li a:hover .rwlu-li-tit{
        color: var(--colorfff);
    }
    .rwlu-li a:hover .mod-icon img:nth-child(1){
        opacity: 0;
    }
    .rwlu-li a:hover .mod-icon img:nth-child(2){
        opacity: 1;
    }
    .nwtu-li:hover{
        background: var(--maincolor2);
    }
    .nwtu-li:hover a{
        color: var(--colorfff);
    }
    .pc-fenye li:hover{
        background: var(--maincolor2);
        color: var(--colorfff);
    }
    .first li:hover,
    .prev li:hover,
    .next li:hover,
    .end li:hover{
        background: transparent;
        color: var(--maincolor2);
    }
    .nwlu-li a:hover{
        background: var(--maincolor2);
    }
    .nwlu-li a:hover .hnsl-text-parga p{
        color: rgba(255,255,255,.6);
    }
    .nwlu-li a:hover .hnsl-text-tit{
        color: var(--colorfff);
    }
    .nwlu-li a:hover .hnsl-text-info-time p{
        color: rgba(255,255,255,.5);
    }
    .std-btn2:hover p{
        color: var(--maincolor2);
    }
    .std-btn2:hover path{
        fill: var(--maincolor2);
    }
    .nwlu-li a:hover .std-btn2 p{
        color: #fff;
    }
    .nwlu-li a:hover .std-btn2 path{
        fill: #fff;
    }
    .nwru-li a:hover .nwru-li-text-tit{
        color: var(--maincolor2);
    }
    .nwru-li a:hover .std-btn2 p{
        color: var(--maincolor2);
    }
    .nwru-li a:hover .std-btn2 path{
        fill: var(--maincolor2);
    }
    .swiper-icon:hover{
        background: var(--maincolor1);
    }
    .swiper-icon:hover::after{
        background: url(../images/a1_icon02.svg) center / cover no-repeat;
    }
    .ys-footer-tp-nav li a:hover{
        color: #fff;
    }
    .yfbi-share-li:hover .yfbi-share-li-pop {
        transform: translateX(-50%) scale(1);
        visibility: visible;
        transition: opacity .4s, transform .3s ease-out;
        pointer-events: all;
        opacity: 1;
    }
    .ys-ban-slick .slick-arrow:hover{
        background: var(--maincolor2);
    }
    .std-btn1-box:hover{
        background: var(--maincolor2);
    }
    .home-new-swiper-li a:hover .hnsl-text-tit{
        color: var(--maincolor2);
    }
    .home-new-swiper-li a:hover .std-btn2 p{
        color: var(--maincolor2);
    }
    .home-new-swiper-li a:hover .std-btn2 path{
        fill: var(--maincolor2);
    }
    .home-busine-ul-li a:hover .std-btn1-box {
        background: var(--maincolor2);
    }
}
/* 载入效果-start */
.suppser-service-ul-li:nth-child(4n+1){
    animation-delay: .4s;
}
.suppser-service-ul-li:nth-child(4n+2){
    animation-delay: .5s;
}
.suppser-service-ul-li:nth-child(4n+3){
    animation-delay: .6s;
}
.suppser-service-ul-li:nth-child(4n+4){
    animation-delay: .7s;
}
.rwlu-li:nth-child(3n+1){
    animation-delay: .4s;
}
.rwlu-li:nth-child(3n+2){
    animation-delay: .5s;
}
.rwlu-li:nth-child(3n+3){
    animation-delay: .6s;
}
.nwlu-li:nth-child(3n+1){
    animation-delay: .5s;
}
.nwlu-li:nth-child(3n+2){
    animation-delay: .6s;
}
.nwlu-li:nth-child(3n+3){
    animation-delay: .7s;
}
.home-busine-ul-li:nth-child(3n+1),
.about-culture-ul-li:nth-child(3n+1){
    animation-delay: .3s;
}
.home-busine-ul-li:nth-child(3n+2),
.about-culture-ul-li:nth-child(3n+2){
    animation-delay: .4s;
}
.home-busine-ul-li:nth-child(3n+3),
.about-culture-ul-li:nth-child(3n+3){
    animation-delay: .5s;
}
.ys-ban-title{
    visibility: hidden;
}
.ys-ban-li.slick-active .ys-ban-title {
    animation: ysfadeInUp 1s ease-in-out both;
    animation-delay: .3s;
    visibility: visible;
}
/* 载入效果-end */


/* 2025.1.7修改-start */
.acul-cont-img{
    width: 100% !important;
    margin: 0 !important;
}
.acul-cont-img .ys-imgbox-cover{
    width: 150px;
    margin-left: calc(100% - 150px);
}
.acul-cont-img-num{
    left: 0;
}
.rwlu-li-tp{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 44px;
}
.rwlu-li-tit{
    width: calc(100% - 48px);
    padding-left: 15px;
    padding-right: 45px;
    margin-bottom: 0 !important;
    margin-top: 6.5px;
    -webkit-line-clamp: 3;
    height: 5.25em;
}
.about-struct .ys-cont1560{
    position: relative;
    z-index: 1;
}
.about-struct-bg{
    width: 95.5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.about-struct-bg img{
    width: 100%;
}
.ciul-info-li-parga {
    width: 70px;
}
.join-main .ys-nybanner{
    height: 100vh;
}
.join-main .ys-nyban-img{
    height: 100%;
}
.join-main .ys-nyban-img img{
    height: 100%;
    object-fit: cover;
}
.nwru-li-text-parga p{
    line-height: var(--line175);
}
.about-culture{
    margin-bottom: 0 !important;
}
.contact-layout-wrap-tp{
    top: -45px;
}
.ys-form-inof-item.act .ys-fii-name{
    top: calc(50% - 24px) !important;
    transform: translateY(-50%) scale(.75) !important;
    opacity: 0.5 !important;
}
.ys-form-email.ys-form-empty .ys-fii-tips {
    display: block;
}
.home-case{
    position: relative;
}
.home-case-bg{
    width: 100%;
    z-index: -1;
}
.home-case-bg img{
    width: 100%;
}
.newdet-wrap-page-li p{
    line-height: var(--line16);
}
/* 2025.1.7修改-end */

/* 2025.1.13修改-start */
.rwlu-li-tit{
    margin-top: 0 !important;
}
.home-case-bt-swiper{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.home-case-bt{
    margin: 0 !important;
    position: relative;
}
.home-case-bt::before{
    content: "";
    width: 96px;
    height: calc(100% - 20px);
    background: url(../images/mc_left.svg) center / cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
}
.home-case-bt::after{
    content: "";
    width: 96px;
    height: calc(100% - 20px);
    background: url(../images/mc_right.svg) center / cover no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    pointer-events: none;
}
.about-info-img-bg{
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position-x: center;
    background-position-y: var(--top);
    background-repeat: no-repeat;
}
.about-info-img video{
    width: 100%;
    height: 200%;
    position: absolute;
    top: calc(-1 * var(--top));
    left: 50%;
    transform: translate(-50%,0);
    z-index: 5;
    object-fit: cover;
}
.home-system-bt-img img{
    border-radius: inherit;
}
.ys-imgup1{
    animation: ys-imgup1 1s ease-in-out both;
    animation-delay: .4s;
}
@keyframes ys-imgup1{
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
    }
    20%{
        opacity: 1;
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.spwb-text-swiper-li{
    padding-bottom: 80px;
}
.suppser-product-wrap h2 {
    margin-bottom: var(--space60);
}
.yftl-img{
    transform: translateX(-130%);
}
@keyframes leftMove{
    0%{
        transform: translateX(-130%);
    }
    100%{
        transform: translateX(0%);
    }
}
@keyframes rightMove{
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-130%);
    }
}
.yftl-box.active .yftl-img{
    animation: leftMove 1s cubic-bezier(0.41,0.31,0.7,0.77) both;
}
.yftl-box.active1 .yftl-img{
    animation: rightMove 1s cubic-bezier(0.41,0.31,0.7,0.77) both;
}

/* 2025.1.13修改-end */

/* 2025.1.18修改-start */
.yfbc-ri .new_ueditor_box_img{
    width: 20px;
    position: relative;
    top: -2px;
}
.home-system-bt{
    position: relative;
}
.home-system-bt-video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
    background: transparent;
    z-index: 5;
}
.ys-ban-dots.empty{
    opacity: 0;
    pointer-events: none;
}
.ys-search2-box{
    padding: 60px 0;
}
.ciul-tit{
    font-size: var(--font20);
    margin-bottom: 25px;
}
/* .hnsl-text-tit, */
.hnsl-text-parga p {
    height: 5.25em;
    -webkit-line-clamp: 3;
}
.clpl-item-ul-li {
    padding: 30px 0;
}
.ys-phnav-logo {
    width: 200px;
}
.contact-layout-pop-li {
    width: 22%;
    padding: 80px 60px;
    right: -25%;
}
.clpl-item .mCSB_scrollTools {
    right: -40px;
}
.clpl-close {
    width: 30px;
    top: 30px;
    right: 30px;
}
.clpl-item-ul {
    height: calc(100vh - 80px - 80px - 80px - 70px);
}
.newdet-wrap-bg-line1{
    width: 41%;
    max-width: 790px;
    position: absolute;
    z-index: -1;
    left: -314px;
    top: -100px;
}
.newdet-wrap-bg-line2{
    width: 44%;
    max-width: 852px;
    position: absolute;
    z-index: -1;
    bottom: -188px;
    right: -380px;
}
.mwul-bg-line1{
    width: 41%;
    max-width: 790px;
    position: absolute;
    z-index: -1;
    left: -314px;
    top: -290px;
}
.mwul-bg-line2{
    width: 44%;
    max-width: 852px;
    position: absolute;
    z-index: -1;
    bottom: -554px;
    right: -490px;
}
.manufa-wrap-ul-li.on .mwul-bgs{
    display: none;
}
.unit-info-ri p{
    margin-bottom: 20px;
}
.home-case-bg {
    height: 75%;
}
.home-case-bg img{
    height: 100%;
}
/* 2025.1.18修改-end */

/* 2025.1.23修改-start */
.scsl-text-btn,
.hlti-btn{
    cursor: pointer;
}
.unit-info-ri video{
    width: 100%;
}
.head-other-lang{
    /*display: none;*/
}
.home-system-bt-img{
    position: relative;
}
.hsbi-icon{
    opacity: 1;
}
/* 2025.1.23修改-end */

/*2025.4.8修改-start*/
.head-nav-item-title {
    padding: 0 20px;
}
.head-nav {
    margin: 0 -20px;
}
.hsbd-wrap {
    padding: 33px 40px;
}
.hlti-btn {
    width: 130px;
}
.hlti-parga {
    width: calc(100% - 130px);
    padding-right: 100px;
}
.head-nav-item-down {
    width: 220px;
}
.iwti-btn {
    width: 305px;
}
.iwti-parga {
    width: calc(100% - 305px);
    padding-right: 200px;
}
.suppser-case-swiper-li{
    height: auto !important;
}
.scsl-text .std-h4{
    height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.mod-side {
    left: -300px;
}
.ciul-info-li-parga {
    width: 80px;
}
.head-list {
    padding-left: 6%;
    padding-right: 8%;
}
.contact-info-mess {
    width: 70%;
}
.hbul-text-word {
    padding-right: 30px;
    padding-left: 30px;
}
.hbul-text-btn {
    left: 30px;
    bottom: 30px;
}
.induser-wrap-iframe img{
    object-fit: contain;
}
.ys-form-inof-li{
    width: 33.333333%;
}
.ys-form-inof-item {
    padding: 0 25px;
}
.ys-form-inof {
    margin: 0 -25px;
}
.hsbd-wrap-ul-li{
    width: 33.333333%;
    padding: 0 10px;
    margin-top: 20px;
}
.hsbd-wrap-ul{
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.hwul-tit {
    font-size: 26px;
    margin-bottom: 5px;
}
.hsbd-wrap-ul-li:nth-child(1),
.hsbd-wrap-ul-li:nth-child(2),
.hsbd-wrap-ul-li:nth-child(3){
    margin-top: 0;
}
.ys-footer-tp-logo {
    width: 40%;
}
.ys-footer-tp-nav {
    width: 60%;
    padding-left: 80px;
}
.ys-footer-tp-nav>ul{
    margin: 0 -5px;
}
.ys-footer-tp-nav>ul>li{
    width: 20%;
    padding: 0 5px;
}
.hwul-tit {
    margin-bottom: 0 !important;
    line-height: 1.1;
}
.ys-nyban-title h1 {
    font-size: var(--font64);
    font-family: 'jianfa-Bold';
}
.ys-bread-list a{
    font-size: var(--font16);
}
.hlit-num{
    font-size: 48px;
}
.ys-footer-tp-nav li a {
    font-size: var(--font14);
}
.head-nav-item-title {
    font-size: var(--font18);
}
.head-list {
    padding-left: 5%;
    padding-right: 5%;
}
.acul-cont-text{
    position: static;
    padding: 0 !important;
    margin-top: 10px;
}
.acul-cont{
    padding-bottom: 40px !important;
    height: 100%;
}
.hnid-wrap a{
    text-align: left;
    padding: 0 20px;
}
/*2025.4.8修改-end*/