@charset "utf-8";

body {
    font-family:"PingFang SC", "Microsoft YaHei";  
}
@font-face {
    font-family: "longteng-Medium";
    src: url(../fonts/OPPOSans-Medium/OPPOSans-Medium.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'longteng-Bold';
    font-style: normal;
    font-display: swap;
    src: url('../fonts/OPPOSans-Bold/OPPOSans-B-2.ttf') format("truetype");
}
@font-face {
    font-family: 'longteng-Heavy';
    font-style: normal;
    font-display: swap;
    src: url('../fonts/OPPOSans-Heavy/OPPOSans-H-2.ttf') format("truetype");
}
/* 英文站换行规则 */
/* 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'; */
}
.slick-list{
    min-width: 100%;
}
/*导航默认选中*/
.head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--main-bgcolor) !important;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after{
    width: 40px;
}
.yxnav-active2 {

}
.ys-ph-navbar4 .ys-phnav-menu{
    background: #fff;
}
.ys-ph-navbar4 .ys-ph-nav .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav a {
    color: #191919;
}
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--main-bgcolor);
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    opacity: 0.2;
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
.ys-slick-item:not(:first-child){
    display: none;
}
.ys-phnav-logo {
    width: 200px;
}
/* 规范-start */
:root {
    --main-bgcolor: #0D9F36;
    --font-title1:58px;
    --font-title2:44px;
    --font-title3:32px;
    --font-title4:24px;
    --font-parga1:18px;
    --font-parga2:16px;
    --font-parga3:14px;
    --std-padding1:120px;
    --std-padding2:80px;
    --std-margin1:50px;
    --std-radius: 20px;
    --std-icon: 24px;
}
.std-title1{
    font-size: var(--font-title1);
    line-height: 1.2;
}
.std-title2{
    font-size: var(--font-title2);
    line-height: 1.2;
    color: #191919;
    font-weight: bold;
}
.std-title3{
    font-size: var(--font-title3);
    line-height: 1.4;
    color: #191919;
}
.std-title4{
    font-size: var(--font-title4);
    line-height: 1.4;
    color: #191919;
}
.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.8;
    color: #8A8484;
}
.std-parga3,
.std-parga3 p{
    font-size: var(--font-parga3);
    line-height: 1.8;
}
.std-padding1{
    padding-top: var(--std-padding1);
    padding-bottom: var(--std-padding1);
}
.std-padtop1{
    padding-top: var(--std-padding1);
}
.std-padbot1{
    padding-bottom: var(--std-padding1);
}
.std-martop1{
    margin-top: var(--std-padding1);
}
.std-padding2{
    padding-top: var(--std-padding2);
    padding-bottom: var(--std-padding2);
}
.std-padtop2{
    padding-top: var(--std-padding2);
}
.std-padbot2{
    padding-bottom: var(--std-padding2);
}
.std-martop2{
    margin-top: var(--std-padding2);
}
.std-margin1{
    margin-bottom: var(--std-margin1);
}
.std-btn1-box,.std-btn2-box{
    display: flex;
    align-items: center;
    padding: 0 26px;
    border-radius: 80px;
    background: var(--main-bgcolor);
    overflow: hidden;
    position: relative;
    border: 1px solid var(--main-bgcolor);
    transition: all 0.6s;
}
.std-btn1-box-icon{
    margin-left: 16px;
}
.std-btn1-box::before,
.std-btn2-box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 80px;
    transform: scaleX(0);
    transform-origin: right;
    -webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.std-btn1,.std-btn2{
    display: inline-block;
    cursor: pointer;
}
.std-btn1-box p,
.std-btn2-box p{
    color: #fff;
    transition: all 0.4s;
    position: relative;
    z-index: 5;
    line-height: 44px;
}
.std-btn1-box-icon{
    width: var(--std-icon);
    height: var(--std-icon);
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    z-index: 5;
}
.std-btn1-box-icon img{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transform: translateX(-100%);
    transition: all 0.5s;
}
.std-btn2-box{
    background: transparent;
}
.std-btn2-box p{
    color: var(--main-bgcolor);
}
.std-btn2-box::before{
    background-color: var(--main-bgcolor);
}
/* 规范-end */
.ys-hd-pc{
    padding: 0 100px;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
}
.mod-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.head-logo{
    transition: all .36s;
}
.head-logo img:nth-child(1){
    opacity: 0;
}
.head-logo,.head-mid-wrap-logo{
    width: 258px;
}
.head-logo a,.head-mid-wrap-logo a{
    display: block;
    line-height: 80px;
}
.head-nav-item-title{
    font-size: 16px;
    line-height: 62px;
    color: #fff;
    transition: all .36s;
    display: block;
    position: relative;
}
.head-nav-item-title::after{
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--main-bgcolor);
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.head-nav-item{
    padding: 0 50px;
    position: relative;
    pointer-events: all;
}
.head-nav{
    margin: 0 -50px;
    display: flex;
    align-items: center;
    transition: all .36s;
}
.head-mid{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s;
    width: 1426px;
    text-align: center;
}
.head-mid-cont{
    padding: 0 40px;
    display: inline-block;
    position: relative;
}

/* .ys-hd-pc.change .head-mid{
    width: 1426px;
} */
.ys-hd-pc.change .head-mid::after{
    opacity: 1;
}
.home-main .ys-hd-pc.change1 .head-mid .head-mid-wrap-logo{
    opacity: 1;
    transition: all .5s .36s;
    pointer-events: all;
}
.ys-hd-pc.change .head-mid-wrap-logo a{
    line-height: 80px;
}
.ys-hd-pc.change .head-mid-search{
    height: 80px;
}
.ys-hd-pc.change .head-nav-item-title{
    line-height: 80px;
}
/* .ys-hd-pc.change .head-mid-wrap-list{
    height: 80px;
    padding-left: 258px;
} */
/* .ys-hd-pc.change .head-nav{
    justify-content: center;
} */

.head-mid-cont::before{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 1px 3px 0px rgba(161, 155, 155, 0.05), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 34px 9px 0px rgba(161, 155, 155, 0.00);
    backdrop-filter: blur(10px); 
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    border-radius: 80px;
}
/* .head-mid::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0;
} */
.head-mid-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* position: relative; */
}
.head-mid-wrap-logo{
    opacity: 0;
    transition: all .3s;
    flex-shrink: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    width: 200px;
}
.head-mid-wrap-logo a{
    line-height: 62px;
}
.head-mid-wrap-logo img{
    width: 100%;
}
.head-mid-nav{
    display: flex;
    align-items: center;
}
.head-mid-search{
    width: 40px;
    height: 62px;
    position: absolute;
    right: 40px;
    cursor: pointer;
    flex-shrink: 0;
    transition: all .36s;
}
.head-mid-search img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.head-mid-search img:nth-child(2){
    opacity: 0;
}
.head-mid-wrap-list{
    /* pointer-events: none; */
    white-space: nowrap;
    width: calc(100% - 40px);
    /* position: relative;
    height: 62px;
    margin-left: -258px; */
    transition: all .5s;
    margin-right: 140px;
}
.head-lang{
    width: 110px;
    border-radius: 0px 0px 5px 5px;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 1px 3px 0px rgba(161, 155, 155, 0.05), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 34px 9px 0px rgba(161, 155, 155, 0.00);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .36s;
}
.head-lang-li a{
    padding: 0 16px;
    display: block;
    font-size: 16px;
    line-height: 34px;
    color: #FFF;
    transition: all .36s;
}
.head-lang-li{
    position: relative;
}
.head-lang-li::before{
    content: "";
    width: 1px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: all .36s;
}
.head-lang-li:last-child::before{
    display: none;
}
.head-lang-li.act a{
    color: var(--main-bgcolor) !important;
}
.mod-foot-bg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.mod-foot-bg img{
    width: 100%;
}
.mod-foot{
    position: relative;
    padding-top: 100px;
    padding-bottom: 30px;
    /* z-index: 5; */
}
.mod-foot-cont-bt span,
.mod-foot-cont-bt a{
    font-size: 14px;
    line-height: 1.8;
    color: #8A8484;
}
.mod-foot-cont-bt a{
    padding-left: 40px;
}
.mod-foot-cont-bt a[href="https://beian.miit.gov.cn/"]{
    padding-left: 20px;
}
.mod-foot-cont-bt{
    padding-top: 105px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mod-foot-cont-tp>ul{
    margin: 0 -93px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.mod-foot-cont-tp>ul>li{
    padding: 0 93px;
}
.mfct-link{
    display: block;
    color: #191919;
    margin-bottom: 24px;
    transition: all .36s;
}
.mfct-list-link{
    display: block;
    color: #191919;
    margin-bottom: 16px;
    transition: all .36s;
}
.mfct-list-ul a{
    font-size: 16px;
    line-height: 1.8;
    color: #8A8484;
    display: block;
    margin-bottom: 12px;
    transition: all .36s;
}
.mfct-list>ul>li{
    padding: 0 50px;
}
.mfct-list>ul{
    margin: 0 -50px;
    display: flex;
    align-items: flex-start;
}
.mfcb-ri{
    display: flex;
}
.mfcb-ri-li{
    width: 44px;
    margin-left: 40px;
    cursor: pointer;
    position: relative;
}
.mfcb-ri-li-icon{
    width: 100%;
}
.mfcb-ri-li-icon img{
    width: 100%;
}
.mfcb-ri-li-pop {
    width: 110px;
    height: 120px;
    position: absolute;
    bottom: 90%;
    left: 50%;
    transform: translateX(-50%) scale(0);
    transform-origin: center bottom;
    z-index: 5;
    opacity: 0;
    transition: all 0.4s;
    padding-bottom: 10px;
}
.mfcb-ri-li-pop span {
    width: 100%;
    display: block;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 8px;
}
.mfcb-ri-li-pop span::before {
    content: '';
    border-top: 5px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}
.mfcb-ri-li-pop span img {
    width: 100%;
}
.head-nav-item-down{
    /* width: 100%; */
    position: fixed;
    padding-top: 10px;
    background: transparent;
}
.hnid-wrap{
    width: 100%;
    border-radius: var(--std-radius);
    background: #FFF;
    padding: 40px 50px;
    overflow: hidden;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
}
.hnid-wrap-ul{
    margin: 0 -24px;
    display: flex;
    align-items: flex-start;
}
.hnid-wrap-ul-li{
    width: 25%;
    padding: 0 24px;
}
.hnid-wrap-ul-li a{
    width: 100%;
    display: block;
}
.hnid-wrap-img{
    border-radius: var(--std-radius);
}
.hnid-wrap-text{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hnid-wrap-text .std-parga1{
    color: #191919;
    transition: all .36s;
}
.hnid-wrap-text-icon{
    width: var(--std-icon);
    height: var(--std-icon);
    display: flex;
    overflow: hidden;
}
.hnid-wrap-text-icon img{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    transform: translateX(-100%);
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.hnid-wrap li.yxnav-active2 .hnid-wrap-text-icon img{
    transform: translateX(0);
}
.hnid-wrap li.yxnav-active2 .std-parga1{
    color: var(--main-bgcolor);
}
.ys-cont1428{
    width: 1428px;
    margin: auto;
    max-width: 100%;
}
.head-nav-item-develop .hnid-wrap-text,
.head-nav-item-pro .hnid-wrap-text{
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(138,132,132,.2);
}
.hnid-list ul{
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}
.hnid-list li{
    padding: 0 20px;
    width: 33.333333%;
    margin-top: 20px;
}
.hnid-list li a{
    transition: all .36s;
    display: block;
}
.head-nav-item-develop .hnid-wrap-ul-li{
    width: 33.333333%;
}
.head-nav-item-pro .hnid-wrap-ul{
    margin: 0 -45px;
}
.head-nav-item-pro .hnid-wrap-ul-li{
    width: 50%;
    padding: 0 45px;
}
.head-nav-item-pro .hnid-wrap-text{
    justify-content: flex-start;
}
.head-nav-item-pro .hnid-wrap-text-icon{
    margin-left: 16px;
}
.mod-imgcover{
    width: 32px;
    height: 32px;
    position: relative;
}
.mod-imgcover img{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.hnid-list-icon img:nth-child(2){
    opacity: 0;
}
.head-nav-item-pro .hnid-list a{
    display: flex;
    align-items: center;
    position: relative;
}
.head-nav-item-pro .hnid-list a::after{
    content: "";
    width: 0;
    height: 1px;
    background: var(--main-bgcolor);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .36s;
}
.head-nav-item-pro .hnid-list .std-parga2{
    width: calc(100% - 32px);
    padding-left: 16px;
}
.head-nav-item-pro .hnid-list li.yxnav-active3 a::after{
    width: 100%;
}
.head-nav-item-pro .hnid-list li.yxnav-active3 .std-parga2{
    color: var(--main-bgcolor);
}
.head-nav-item-pro .hnid-list li.yxnav-active3 .hnid-list-icon img:nth-child(1){
    opacity: 0;
}
.head-nav-item-pro .hnid-list li.yxnav-active3 .hnid-list-icon img:nth-child(2){
    opacity: 1;
}
.head-nav-item-pro .hnid-wrap{
    padding: 40px 80px;
}
.head-nav-item-pro .hnid-list ul {
    margin: 0 -15px;
}
.head-nav-item-pro .hnid-list li {
    padding: 0 15px;
}
.yx-search3xlbox {
    width: 100%;
    display: none;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 80px;
    z-index: 99;
    transition: top .36s;
}
.yx-search3-tbox {
    width: 810px;
    margin: auto;
    border-radius: 20px;
    background: #FFF;
    padding: 85px 0;
    box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);
    transition: all .36s;
}
.yx-search3-xls input {
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}
.yx-search3xlbtn {
    line-height: 60px;
}
.yx-search3xlbtn img {
    width: 100%;
    transition: all .36s;
}
.ys-ban-txtbox{
    text-align: center;
}
.ys-ban-txtbox .std-parga1 p{
    color: #fff; 
    margin-top: 30px;
    transition: all .36s;
    transition: color 1s linear 1s;
}
.ys-ban-title{
    font-weight: bold;
    color: #fff;
    transition: all .36s;
    transition: color 1s linear 1s;
}
.ys-hd-pc.isfixed .head-logo img:nth-child(1){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-logo img:nth-child(2){
    opacity: 0;
}
.ys-hd-pc.isfixed .head-mid-cont::before{
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(161, 155, 155, 0.05), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 34px 9px 0px rgba(161, 155, 155, 0.00);
}
.ys-hd-pc.isfixed .head-nav-item-title{
    color: #191919;
}
.ys-hd-pc.isfixed .head-mid-search img:nth-child(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-lang{
    background: #FFF;
}
.ys-hd-pc.isfixed .head-lang-li a{
    color: rgba(25, 25, 25, .5);
}
.ys-hd-pc.isfixed .head-lang-li::before{
    background: rgba(25, 25, 25, .5);
}
.ys-hd-pc::after{
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: linear-gradient(180deg, #020828 0%, rgba(2, 8, 40, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .36s;
}
.ys-hd-pc.isfixed::after{
    opacity: 0;
}
.ys-text-slick-li:not(:first-child){
    display: none;
}
.home-main .ys-main{
    background: #F9F9F9;
}
.ys-text-slick{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 5;
    transform: translateY(-50%);
    transition: top 2s linear;
}

.ys-text-slick .slick-list,.ys-text-slick .slick-track{
    height: 100%;
}
.ys-ban-slick .slick-dots{
    bottom: 50px;
}
.slick-dots li{
    width: 50px;
    height: 4px;
    background: var(--main-bgcolor);
    opacity: 0.2;
    border-radius: 80px;
    margin: 0 9px;
}
.slick-dots li.slick-active{
    width: 120px;
    background: var(--main-bgcolor);
    opacity: 1;
}
.ys-ban-slick .slick-dots li{
    background: #fff;
}
.ys-ban-slick .slick-dots li.slick-active{
    background: #fff;
}
.ys-banner{
    height: 100vh;
    overflow: hidden;
  
}
.ys-ban-slick{
    height: 100%;
    transform-origin: 50% 93%;
    transition: transform 2s linear;
    overflow: hidden;
}
.ys-ban-slick .slick-list,
.ys-ban-slick .slick-track,
.ys-ban-slick .ys-ban-imgbox{
    height: 100%;
}
.ys-ban-slick .ys-ban-imgbox img{
    height: 100%;
    object-fit: cover;
}
html.act {
    height: 100vh;
    overflow-y: scroll;
}
html.act body {
    height: 100vh !important;
}
html.active .ys-text-slick{
    top: 27%;
}
html.active .ys-ban-slick{
    transform: scale(0.61);
    border-radius: var(--std-radius);
}
html.active .ys-ban-title{
    color: #191919;
}
html.active .ys-ban-txtbox .std-parga1 p{
    color: #9A9A9A;
}
.ys-ban-pics-li{
    width: 460px;
    border-radius: var(--std-radius);
    overflow: hidden;
    margin-bottom: 30px;
}
.ys-ban-pics-li img{
    width: 100%;
}
.ys-ban-pics-li:last-child{
    margin-bottom: 0;
}
.ys-ban-lepic{
    position: absolute;
    bottom: -100%;
    left: -450px;
}
.ys-ban-ripic{
    position: absolute;
    bottom: -100%;
    right: -450px;
}
html.active .ys-ban-lepic{
    animation: leftPicFade 2s linear both;
}
html.active .ys-ban-ripic{
    animation: rightPicFade 2s linear both;
}
@keyframes leftPicFade{
    0%{
        bottom: -100%;
        left: -24%;
    }
    100%{
        bottom: 3%;
        left: 18px;
    }
}
@keyframes rightPicFade{
    0%{
        bottom: -100%;
        right: -24%;
    }
    100%{
        bottom: 3%;
        right: 18px;
    }
}
.ys-ban-bg{
    position: absolute;
    bottom: 68px;
    z-index: 5;
    left: 250px;
    width: calc(200vw + 300px);
    opacity: 0;
    transition: opacity .36s,transform 2s ease-in-out;
}
.ys-ban-bg img{
    width: 100%;
}
.ys-ban-bg-svg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ys-ban-bg-svg svg{
    width: 100%;
    height: auto;
}
.home-info{
    position: relative;
    z-index: 5;
    padding-bottom: 300vh;
    overflow: hidden;
}
.home-info-wrap{
    position: fixed;
    top: 0;
    height: 100vh;
    display: flex;
}
.ys-banner{
    width: 100vw;
    flex-shrink: 0;
}
.home-info-use{
    width: 100vw;
    margin-left: 300px;
    height: 100vh;
    position: relative;
    /* overflow: hidden; */
    flex-shrink: 0;
}
.home-info-use-bg::after{
    content: "";
    width: 41%;
    height: 100%;
    background: linear-gradient(90deg, #F9F9F9 0%, rgba(249, 249, 249, 0.50) 8.4%, rgba(7, 23, 42, 0.40) 24.9%, rgba(7, 23, 42, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.home-info-use-bg::before{
    content: "";
    width: 100%;
    height: 20.3%;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.80) 46.77%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all .36s;
}
.home-info-use-bg,.home-info-use-bg .slick-list,.home-info-use-bg .slick-track,.hiub-li-img{
    height: 100%;
}
.hiub-li-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hiub-li-text{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 75%;
}
.hiub-li-text .std-title2{
    font-weight: bold;
    color: #fff;
}
.hltw-parga p{
    color: #fff;
}
.hltw-parga,
.hiub-li-text-btn{
    margin-top: 40px;
}

/* .hiub-li-text-btn .std-btn1-box::before {
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
} */
.hiub-li-text-wrap{
    width: 37.5%;
}
.hiub-li{
    position: relative;
}
.hiub-li-img{
    position: relative;
}
.hiut-li1{
    transform: translateY(-48px);
}
.hiut-li2{
    transform: translateY(-38px);
}
.hiut-li3{
    transform: translateY(-12px);
}
.hiut-li4{
    transform: translateY(8px);
}
.hiut-li5{
    transform: translateY(18px);
}
.hiut-li6{
    transform: translateY(14px);
}
.hiut-li7{
    transform: translateY(-18px);
}
.hiut-li8{
    transform: translateY(-68px);
}
.hiut-li9{
    transform: translateY(-61px);
}
.hiut-li-circle{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid rgba(25, 25, 25, 0.20);
    background:#FFF;
    box-shadow: 0px 21px 6px 0px rgba(0, 0, 0, 0.00), 0px 14px 5px 0px rgba(0, 0, 0, 0.01), 0px 8px 5px 0px rgba(0, 0, 0, 0.05), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    margin: auto;
    transition: all .36s;
}
.hiut-li-circle-icon{
    width: 32px;
    height: 32px;
}
.mod-cover img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.hiut-li-circle-icon img:nth-child(2){
    opacity: 0;
}
.hiut-li-parga{
    margin-top: 8px;
    padding: 0 24px;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 21px 6px 0px rgba(0, 0, 0, 0.00), 0px 14px 5px 0px rgba(0, 0, 0, 0.01), 0px 8px 5px 0px rgba(0, 0, 0, 0.05), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    transition: all .36s;
}
.hiut-li-parga p{
    color: rgba(25, 25, 25, 0.60);
    text-align: center;
    transition: all .36s;
    line-height: 34px;
}
.home-info-use-tab{
    bottom: 87px;
    z-index: 6;
    width: 75%;
}
.home-info-use-tab ul{
    display: flex;
    justify-content: space-between;
}
.hiut-li{
    cursor: pointer;
}
.hiut-li.act .hiut-li-circle-icon img:nth-child(1){
    opacity: 0;
}
.hiut-li.act .hiut-li-circle-icon img:nth-child(2){
    opacity: 1;
}
.hiut-li.act .hiut-li-circle{
    background: var(--main-bgcolor);
    border: 1px solid var(--main-bgcolor);
}
.hiut-li.act .hiut-li-parga{
    background: var(--main-bgcolor);
}
.hiut-li.act .hiut-li-parga p{
    color: #fff;
}
.home-info-use-cloud{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all .36s;
    z-index: 5;
}
.hiub-cloud{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.hiuc-img img{
    width: 100%;
}
.hiuc-img1{
    width: 28.75%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -16%;
    transform-origin: left;
}
.hiuc-img2{
    width: 43.75%;
    position: absolute;
    top: -29%;
    left: -11%;
}
.hiuc-img3{
    width: 56%;
    position: absolute;
    top: -42%;
    left: -25%;
}
.hiuc-img4{
    width: 62.7%;
    position: absolute;
    right: -30%;
    top: -33%;
}
.hiuc-img5{
    width: 43%;
    position: absolute;
    right: -17%;
    top: -25%;
}
.hiuc-img6{
    width: 86%;
    position: absolute;
    bottom: -74%;
    left: -32%;
}
.hiuc-img7{
    width: 86%;
    position: absolute;
    bottom: -64%;
    left: -26%;
}
.hiuc-img8{
    width: 73%;
    position: absolute;
    right: -12%;
    bottom: -48%;
}
.hiuc-img9{
    width: 50.5%;
    position: absolute;
    right: -14%;
    bottom: -32%;
}
.hiuc-img10{
    width: 82%;
    position: absolute;
    bottom: -64%;
    right: -10%;
}
@keyframes imgSwitch1{
    0%{
        opacity: 0;
        transform: scale(1.2);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes imgSwitch2{
    0%{
        opacity: 1;
        transform: scale(1);
    }
    100%{
        opacity: 0;
        transform: scale(1.2);
    }
}
.hiub-li-img img {
    width: 100%;
    animation: imgSwitch2 2s ease-in-out both;
}
.hiub-li.act .hiub-li-img img {
    animation: imgSwitch1 2s ease-in-out both;
}
.hiub-li{
    opacity: 1 !important;
}

@keyframes ysfadeInUps{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
.home-info-use-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hiuw-li{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.hiuw-li .hiub-li-text-cont{
    opacity: 0;
}
.hiuw-li.act{
    pointer-events: all;
}
.hiuw-li.act .hiub-li-text-cont {
    animation: ysfadeInUps 2s ease-in-out both;
}
@keyframes cloudChange1_1{
    0%{
        transform: translate(0%,0%);
    }
    100%{
        transform: translate(-6%,8%);
    }
}
@keyframes cloudChange1_2{
    0%{
        transform: translate(-6%,8%);
    }
    100%{
        transform: translate(0%,0%);;
    }
}
@keyframes cloudChange2_1{
    0%{
        transform: rotate(0deg) scale(1);
    }
    100%{
        transform: rotate(-40deg) scale(0.8);
    }
}
@keyframes cloudChange2_2{
    0%{
        transform: rotate(-40deg) scale(0.8);
    }
    100%{
        transform: rotate(0deg) scale(1);
    }
}
@keyframes cloudChange3_1{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.3);
    }
}
@keyframes cloudChange3_2{
    0%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes cloudChange4_1{
    0%{
        transform: translateY(-50%) scale(1);
    }
    100%{
        transform: translateY(-50%) scale(1.1);
    }
}
@keyframes cloudChange4_2{
    0%{
        transform: translateY(-50%) scale(1.1);
    }
    100%{
        transform: translateY(-50%) scale(1);
    }
}
@keyframes cloudChange5_1{
    0%{
        transform: translate(0%,0%);
    }
    100%{
        transform: translate(-10%,-10%);
    }
}
@keyframes cloudChange5_2{
    0%{
        transform: translate(-10%,-10%);
    }
    100%{
        transform: translate(0%,0%);
    }
}
@keyframes cloudChange6_1{
    0%{
        transform: translateY(0%);
    }
    100%{
        transform: translateY(20%);
    }
}
@keyframes cloudChange6_2{
    0%{
        transform: translateY(20%);
    }
    100%{
        transform: translateY(0%);
    }
}
@keyframes cloudChange7_1{
    0%{
        transform: translate(0%,0%);
    }
    100%{
        transform: translate(10%,20%);
    }
}
@keyframes cloudChange7_2{
    0%{
        transform: translate(10%,20%);
    }
    100%{
        transform: translate(0%,0%);
    }
}
.hiuc-img7.fall{
    animation: cloudChange1_1 3s ease-in-out both .5s;
}
.hiuc-img7.rise{
    animation: cloudChange1_2 3s ease-in-out both .5s;
}
.hiuc-img4.fall{
    animation: cloudChange2_1 3s ease-in-out both;
}
.hiuc-img4.rise{
    animation: cloudChange2_2 3s ease-in-out both;
}
.hiuc-img5.fall{
    animation: cloudChange3_1 3s ease-in-out both;
}
.hiuc-img5.rise{
    animation: cloudChange3_2 3s ease-in-out both;
}
.hiuc-img1.fall{
    animation: cloudChange4_1 3s ease-in-out both;
}
.hiuc-img1.rise{
    animation: cloudChange4_2 3s ease-in-out both;
}
.hiuc-img2.fall,
.hiuc-img3.fall{
    animation: cloudChange5_1 3s ease-in-out both;
}
.hiuc-img2.rise,
.hiuc-img3.rise{
    animation: cloudChange5_2 3s ease-in-out both;
}
.hiuc-img8.fall{
    animation: cloudChange6_1 3s ease-in-out both;
}
.hiuc-img8.rise{
    animation: cloudChange6_2 3s ease-in-out both;
}
.hiuc-img9.fall{
    animation: cloudChange7_1 3s ease-in-out both;
}
.hiuc-img9.rise{
    animation: cloudChange7_2 3s ease-in-out both;
}
.home-wrap.notfixed .home-info-wrap{
    position: absolute;
    top: auto !important;
    bottom: 0;
}
.home-wrap{
    /* padding-bottom: 100vh; */
    position: relative;
}
.home-wrap.notfixed .home-office{
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto !important;
}
html.svg-fadein .ys-ban-bg{
    opacity: 1;
}

/* .ybbs-line2{
    opacity: 0;
} */
@keyframes cloudFadeIn1{
    0%{
        transform: translateX(-20%);
    }
    100%{
        transform: translateX(0%);
    }
}
@keyframes cloudFadeIn2{
    0%{
        transform: translate(-20%,-20%);
    }
    100%{
        transform: translate(0%,0%);
    }
}
@keyframes cloudFadeIn3{
    0%{
        transform: translateY(20%);
    }
    100%{
        transform: translateY(0%);
    }
}

.hiuc-img1 img{
    transform: translateX(-20%);
}
.hiuc-img2 img,
.hiuc-img3 img,
.hiuc-img4 img,
.hiuc-img5 img{
    transform: translate(-20%,-20%);
}
.hiuc-img6 img,
.hiuc-img7 img,
.hiuc-img8 img,
.hiuc-img9 img,
.hiuc-img10 img{
    transform: translateY(20%);
}
.home-info-use.play-effect .home-info-use-cloud{
    opacity: 1;
}
.home-info-use.play-effect .hiuc-img1 img{
    animation: cloudFadeIn1 6s ease-in-out both;
}
.home-info-use.play-effect .hiuc-img2 img,
.home-info-use.play-effect .hiuc-img3 img,
.home-info-use.play-effect .hiuc-img4 img,
.home-info-use.play-effect .hiuc-img5 img{
    animation: cloudFadeIn2 6s ease-in-out both;
}
.home-info-use.play-effect .hiuc-img6 img,
.home-info-use.play-effect .hiuc-img7 img,
.home-info-use.play-effect .hiuc-img8 img,
.home-info-use.play-effect .hiuc-img9 img,
.home-info-use.play-effect .hiuc-img10 img{
    animation: cloudFadeIn3 6s ease-in-out both;
}
.hiut-li-circle-wrap{
    visibility: hidden;
}
.home-info-use-tab.play-effect .hiut-li-circle-wrap{
    animation: ysfadeInUp 1.5s ease-in-out both .4s;
    visibility: visible;
}
.hiut-li2 .hiut-li-circle-wrap{
    animation-delay: .6s !important;
}
.hiut-li3 .hiut-li-circle-wrap{
    animation-delay: .8s !important;
}
.hiut-li4 .hiut-li-circle-wrap{
    animation-delay: 1s !important;
}
.hiut-li5 .hiut-li-circle-wrap{
    animation-delay: 1.2s !important;
}
.hiut-li6 .hiut-li-circle-wrap{
    animation-delay: 1.4s !important;
}
.hiut-li7 .hiut-li-circle-wrap{
    animation-delay: 1.6s !important;
}
.hiut-li8 .hiut-li-circle-wrap{
    animation-delay: 1.8s !important;
}
.hiut-li9 .hiut-li-circle-wrap{
    animation-delay: 2s !important;
}
.home-wrap.office-page .home-info-use-bg::before{
    opacity: 0;
    transition: all .36s 1s;
}
.home-wrap.office-page .home-office{
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
    z-index: 5;
}
.home-info-use-tab,
.hiuc-img{
    transition: all 2s ease-in-out;
}
.home-wrap.office-page .home-info-use-tab{
    transform: translate(-50%,300px);
    opacity: 0;
}
.home-info-use-wrap{
    height: 100%;
}
.home-wrap.office-page .ys-ban-bg{
    transform: translate(0,300px);
    /* opacity: 0; */
}
.home-wrap.office-page .hiuc-img1{
    left: -100% !important;
    animation: none !important;
}
.home-wrap.office-page .hiuc-img2,
.home-wrap.office-page .hiuc-img3{
    transform: translate(-20%,-20%) !important;
    animation: none !important;
}
.home-wrap.office-page .hiuc-img4,
.home-wrap.office-page .hiuc-img5{
    transform: translate(30%,-30%) !important;
    animation: none !important;
}
.home-wrap.office-page .hiuc-img6,
.home-wrap.office-page .hiuc-img7,
.home-wrap.office-page .hiuc-img8,
.home-wrap.office-page .hiuc-img9,
.home-wrap.office-page .hiuc-img10{
    transform: translateY(20%) !important;
    animation: none !important;
}
.home-office{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    pointer-events: none;
    opacity: 0;
    transform: scale(1.2);
    transition: opacity 1s ease-in-out,transform 2s ease-in-out;
}
.home-office::after{
    content: "";
    width: 100%;
    height: 12%;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.80) 46.77%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}
.home-office-bg{
    width: 100%;
    /* height: 100%; */
}
.home-office-bg img{
    width: 100%;
    /* height: 100%;
    object-fit: cover; */
}
.hodu-li-text p{
    line-height: 45px;
    color: #191919;
    text-align: center;
    transition: all .36s;
}
.hodu-li-text{
    padding: 0 26px;
    border-radius: 80px;
    /* background: #FFF; */
}
.home-office-dots{
    width: 100%;
    height: 100%;
}
.hodu-li{
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.hodu-li-circle{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    margin-left: 17px;
}
.hodu-li-circle::after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hodu-li-circle-diffuse::before {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s;
    overflow: visible;
    border-radius: 50%;
    animation :page-loader-ripple2 4s linear infinite 1s;
    z-index: -1;
}
.hodu-li-circle-diffuse::after {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s;
    overflow: visible;
    border-radius: 50%;
    animation :page-loader-ripple2 4s linear infinite 2s;
    z-index: -1;
}
.hodu-li-circle-diffuse.hodu-li-circle-diffuse2::before {
    animation-delay: 3s !important;
}
.hodu-li-circle-diffuse.hodu-li-circle-diffuse2::after {
    animation-delay: 4s !important;
}
@keyframes page-loader-ripple2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(15);
        opacity: 0;
    }
}
.hodu-li.active p{
    color: var(--main-bgcolor);
}
.hopu-li{
    width: 700px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -800px;
    transition: all 1s ease-in-out;
}
.hopu-li.active{
    right: 40px;
    z-index: 10;
}
.hopu-li::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: var(--std-radius);
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.hopu-li-wrap-parga p{
    font-size: 14px;
    line-height: 1.8;
    color: #191919;
}
.hopu-li-wrap-parga{
    margin-top: 27px;
}
.hopu-li-wrap-list{
    margin-top: 32px;
    padding-right: 62px;
}
.hopu-li-wrap{
    padding: 50px 50px 64px;
    overflow: hidden;
}
.hlwl-ul-li a{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 20px 10px 10px;
    border-radius: 10px;
    background:#FFF;
}
.hlwl-ul-li .ys-imgbox-cover{
    width: 156px;
}
.hlwl-ul-li .ys-sic-text{
    width: calc(100% - 156px);
    padding-left: 40px;
    position: relative;
}
.hlwl-ul-li .ys-sic-text::before{
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(25,25,25,.1);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.hlwl-ul-li .ys-sic-text .std-parga1{
    color: #191919;
}
.hlwl-ul-li-parga{
    margin-top: 10px;
}
.hlwl-ul-li-parga p{
    font-size: 14px;
    line-height: 1.6;
    color: #191919;
    opacity: 0.6;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hlwl-ul-li-btn{
    margin-top: 33px;
    display: flex;
    justify-content: flex-end;
}
.hlwl-ul-li-btn img{
    width: var(--std-icon);
}
.hopu-li-wrap-list .hlwl-ul-li{
    width: 100%;
    padding: 0 25px;
}
.hopu-li-wrap-list .hlwl-ul{
    margin: 0 -25px;
}
.hlwl-ul .slick-list{
    overflow: visible;
}
.hopu-li-info{
    padding: 30px 64px;
    position: relative;
    z-index: 1;
}
.hopu-li-info::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: var(--std-radius);
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.hlic-item img{
    width: var(--std-icon);
}
.hlic-item a{
    display: flex;
    align-items: center;
}
.hlic-item p{
    color: #191919;
    margin-left: 16px;
}
.hopu-li-info-con{
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}
.hlic-item{
    width: 50%;
}
.hopu-li-close{
    width: 38px;
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
    z-index: 5;
}
.hopu-li-close img{
    width: 100%;
}
.hopu-li-close .hodu-li-circle-diffuse::before,
.hopu-li-close .hodu-li-circle-diffuse::after{
    width: 30px;
    height: 30px;
    background: var(--main-bgcolor);
    animation: page-loader-ripple1 4s linear infinite 1s;
}
@keyframes page-loader-ripple1 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}
.home-office-cloud-img img{
    width: 100%;
}
.home-office-cloud-img1{
    width: 79%;
    position: absolute;
    left: -25%;
    bottom: -15%;
}
.home-office-cloud-img2{
    width: 79%;
    position: absolute;
    left: 0;
    bottom: -29%;
}
.home-office-cloud-img3{
    width: 86%;
    position: absolute;
    bottom: -68%;
    left: 52%;
}
.home-office-cloud-img4{
    width: 86%;
    position: absolute;
    bottom: -74%;
    left: 39%;
}
.home-leader{
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #fff;
}
.home-leader-earth-bg{
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0.8);
    width: 100%;
    height: 100vh;
    z-index: -1;
    transition: transform 2s ease-in-out,opacity 1s ease-in-out;
}
.home-leader-earth-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-leader-wrap-tit{
    text-align: center;
}
.home-leader-wrap h2{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 37px;
}
.home-leader-wrap-parga{
    width: 70%;
    text-align: center;
    margin: 0 auto 70px;
}
.home-leader-wrap-parga p{
    color: #191919;
    opacity: 0.6;
}
.hlwl-ul-li{
    width: 25%;
    padding: 0 50px;
}
.hlwl-uls{
    margin: 0 -50px;
    display: flex;
    flex-wrap: wrap;
}
.hlwl-ul-li-wrap{
    position: relative;
    padding-left: 18px;
}
.hlwl-ul-li-wrap::before{
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(25, 25, 25, .2);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.hulw-num{
    font-size: 56px;
    line-height: 1.2;
    display: inline-block;
    background: linear-gradient(262deg, #11BEF4 10.06%, #02EE0B 110.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "longteng-Medium";
}
.hulw-parga p{
    font-size: 14px;
    line-height: 1.6;
    color: #191919;
    opacity: 0.6;
}
.hlec-img img{
    width: 100%;
}
.hlec-img1 {
    width: 79%;
    position: absolute;
    left: -33%;
    top: 24%;
    transition: all 1.5s ease-in-out;
}
.hlec-img2 {
    width: 53%;
    position: absolute;
    top: 13%;
    left: 59%;
    transition: all 1.5s ease-in-out;
}
.home-leader-wrap{
    margin-bottom: 64px;
}
.home-leader-earth-cloud{
    pointer-events: none;
}
.hlew-cont{
    width: 36%;
    margin: auto;
    position: relative;
    transform-style: preserve-3d;
    transform: perspective(3000px);
}
.hlew-cardbox{
    transform-style: preserve-3d;
    transform: perspective(3000px);
}
.hlew-cont-img{
    transform: scale(1.68);
    /* transform-origin: top; */
    transition: transform 2s ease-in-out;
}
.hlew-cont-img img{
    width: 100%;
}
/* .home-leader.down.change .hlew-cont-img{
    transform-origin: center;
}
.home-leader.notact .hlew-cont-img{
    transform-origin: center;
} */


.hccl-cont{
    padding: 60px 50px 20px;
    position: relative;
    width: 420px;
    height: 100%;
    z-index: 1;
}
.hccl-cont .std-parga1{
    margin-top: 30px;
}
.hccl-cont .std-parga1 p{
    color: #191919;
    opacity: 0.6;
    height: 9.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.hccl-cont-icon{
    width: 130px;
    margin-top: 14px;
    margin-left: calc(100% - 130px + 30px);
}
.hccl-cont-icon img{
    width: 100%;
}
.hlew-cont-card{
    display: flex;
    align-items: stretch;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    justify-content: center;
    transform-style: preserve-3d;
    width: 420px;
    height: 466px;
    opacity: 0;
}
.hlew-cont-card-li{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i) * 45deg)) translateZ(620px);
    border-radius: var(--std-radius);
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    backdrop-filter: blur(10px);
}
/* .home-leader-earth-bg.isfixed{
    position: fixed;
}
.home-leader-earth-bg.isfixed.isab{
    position: absolute;
    top: auto !important;
    bottom: 0;
} */
.home-leader-earth{
    height: 300vh;
}
.home-leader-earth-cont{
    position: relative;
    height: 100vh;
    width: 100%;
}
.hlea-text{
    transition: opacity .5s ease-in-out;
}
.hlew-cont-bg{
    width: calc(100% + 32px);
    opacity: 0;
    transition: all .3s ease-in-out 0s;
}
.hlew-cont-bg img{
    width: 100%;
}
.home-main .ys-footer{
    position: relative;
    z-index: 5;
}
.home-new{
    /* background: #fff; */
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.home-new-bgs{
    width: 100%;
    bottom: -3%;
    pointer-events: none;
}
.home-new-bgs img{
    width: 100%;
}
.home-new-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
}
.home-new-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-new-tit{
    text-align: center;
}
.home-new-tit h2{
    display: inline-block;
    opacity: 0;
}
@keyframes cardChange1{
    0%{
        transform: rotateY(calc(4 * 45deg)) translateZ(620px);
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    100%{
        transform: rotateY(calc(0 * 45deg)) translateZ(620px);
        opacity: 1;
    }
}
@keyframes cardChange1_1{
    0%{
        transform: rotateY(calc(0 * 45deg)) translateZ(620px);
    }
    100%{
        transform: rotateY(calc(-3 * 45deg)) translateZ(620px);
        opacity: 0;
    }
}
@keyframes cardChange2{
    0%{
        transform: rotateY(calc(4 * 45deg)) translateZ(620px);
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    100%{
        transform: rotateY(calc(1 * 45deg)) translateZ(620px);
        opacity: 1;
    }
}
@keyframes cardChange2_1{
    0%{
        transform: rotateY(calc(1 * 45deg)) translateZ(620px);
    }
    100%{
        transform: rotateY(calc(-3 * 45deg)) translateZ(620px);
        opacity: 0;
    }
}
@keyframes cardChange3{
    0%{
        transform: rotateY(calc(4 * 45deg)) translateZ(620px);
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    100%{
        transform: rotateY(calc(2 * 45deg)) translateZ(620px);
        opacity: 1;
    }
}
@keyframes cardChange3_1{
    0%{
        transform: rotateY(calc(2 * 45deg)) translateZ(620px);
    }
    100%{
        transform: rotateY(calc(-3 * 45deg)) translateZ(620px);
        opacity: 0;
    }
}
.hnlu-li-time p{
    color: var(--main-bgcolor);
    margin-bottom: 4px;
    font-family: 'longteng-Medium';
}
.hnlu-li{
    width: 400px;
    position: absolute;
}
.hnlu-li1{
    top: 50px;
    right: 34px;
}
.hnlu-li2{
    top: 50%;
    transform: translateY(-50%);
    right: -13px;
}
.hnlu-li3{
    bottom: 68px;
    right: 34px;
}
.hnlu-li4{
    bottom: 68px;
    left: 34px;
}
.hnlu-li5{
    top: 50%;
    transform: translateY(-50%);
    left: -13px;
}
.hnlu-li6{
    top: 50px;
    left: 34px;
}
.hnlu-li-tit{
    color: #191919;
    line-height: 1.4;
}
.hnlu-li:nth-child(4),
.hnlu-li:nth-child(5),
.hnlu-li:nth-child(6){
    text-align: right;
}
.home-new-list-img{
    width: 625px;
    margin: auto;
    position: relative;
}
.hnli-bg{
    width: 100%;
}
.hnli-bg img{
    width: 100%;
}
.hnli-bg svg{
    width: 100%;
    height: auto;
}
.hnli-list-ul-li img{
    object-fit: cover;
}
.hnli-list{
    width: 88%;
    border-radius: 50%;
    overflow: hidden;
}
.hnli-list-ul-li.act{
    opacity: 1;
    /* pointer-events: all; */
    position: relative;
    z-index: 2;
}
.hnli-list-ul-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* pointer-events: none; */
    opacity: 0;
    transition: all .8s ease-in-out;
    z-index: 1;
}
.hnli-list-ul{
    width: 100%;
    height: 100%;
}
.yrll_num{
    font-size: 50px;
    color: #000;
    top: 20px;
    text-align: center;
    font-weight: bold;
}
.yrll_date{
    font-size: 100px;
    font-weight: bold;
    color: #4a6cf7;
    z-index: 4;
}
.home-new-wrap{
    position: relative;
}
.home-new-list{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-leader.active .hlew-cont-img{
    transform: scale(1);
}
.home-leader.active .hlew-cont-bg{
    opacity: 1;
    transition: all .3s ease-in-out 2.1s;
}
.home-leader.active .hlew-cont-card{
    opacity: 1;
}
.home-leader.active .hlew-cont-card-li1{
    animation: cardChange1 1.2s linear both 1.6s; 
}
.home-leader.active .hlew-cont-card-li2{
    animation: cardChange2 1.2s linear both 1.6s; 
}
.home-leader.active .hlew-cont-card-li3{
    animation: cardChange3 1.2s linear both 1.6s; 
}
.home-leader.active .home-leader-earth-bg{
    transform: scale(1);
}
.home-leader-earth-wrap{
    width: 100%;
    z-index: 5;
}
.hlec-tit{
    position: absolute;
    top: 80px;
    text-align: center;
    transition: all 1.5s ease-in-out;
}
.hlec-tit h2{
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: 100vw 100vw;
    background-size: 100vw;
    background-position: center; */
    display: inline-block;
}
.home-leader.isfixed .home-leader-earth-cont{
    position: fixed;
    top: 80px;
    left: 0;
}
.home-leader.notfixed .home-leader-earth-cont{
    position: absolute;
    top: auto !important;
    bottom: -80px;
}
.home-leader.notfixed .home-new{
    position: absolute;
}


.home-leader.next-page .hlec-img1{
    left: -100%;
}
.home-leader.next-page .hlec-img2{
    left: 100%;
}
.home-leader.next-page .home-new{
    opacity: 1;
    pointer-events: all;
}
.home-leader.next-page .home-leader-earth-bg{
    opacity: 0.4;
}
.home-leader.next-page .hlea-text{
    opacity: 0;
}
.home-leader.next-page .home-new-tit h2{
    animation: titFadeup1 1s ease-in-out both .1s;
}
.home-leader.prev-page .home-new-tit h2{
    animation: titFadeup1_1 1s ease-in-out both .1s;
}

.home-leader.next-page .hnlu-li6{
    animation: textFadeLeft1 1s ease-in-out both .2s;
}
.home-leader.next-page .hnlu-li5{
    animation: textFadeLeft1s 1s ease-in-out both .3s;
}
.home-leader.next-page .hnlu-li4{
    animation: textFadeLeft1 1s ease-in-out both .4s;
}
.home-leader.prev-page .hnlu-li6{
    animation: textFadeLeft1_1 1s ease-in-out both .2s;
}
.home-leader.prev-page .hnlu-li5{
    animation: textFadeLeft1_1s 1s ease-in-out both .3s;
}
.home-leader.prev-page .hnlu-li4{
    animation: textFadeLeft1_1 1s ease-in-out both .4s;
}

.home-leader.next-page .hnlu-li1{
    animation: textFadeRight1 1s ease-in-out both .2s;
}
.home-leader.next-page .hnlu-li2{
    animation: textFadeRight1s 1s ease-in-out both .3s;
}
.home-leader.next-page .hnlu-li3{
    animation: textFadeRight1 1s ease-in-out both .4s;
}
.home-leader.prev-page .hnlu-li1{
    animation: textFadeRight1_1 1s ease-in-out both .2s;
}
.home-leader.prev-page .hnlu-li2{
    animation: textFadeRight1_1s 1s ease-in-out both .3s;
}
.home-leader.prev-page .hnlu-li3{
    animation: textFadeRight1_1 1s ease-in-out both .4s;
}
@keyframes textFadeLeft1{
    0%{
        opacity: 0;
        transform: translateX(-60px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes textFadeLeft1s{
    0%{
        opacity: 0;
        transform: translate(-60px,-50%);
    }
    100%{
        opacity: 1;
        transform: translate(0px,-50%);
    }
}
@keyframes textFadeLeft1_1{
    0%{
        opacity: 1;
        transform: translateX(0px);
    }
    100%{
        opacity: 0;
        transform: translateX(-60px);
    }
}
@keyframes textFadeLeft1_1s{
    0%{
        opacity: 1;
        transform: translate(0px,-50%);
    }
    100%{
        opacity: 0;
        transform: translate(-60px,-50%);
    }
}
@keyframes textFadeRight1{
    0%{
        opacity: 0;
        transform: translateX(60px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes textFadeRight1s{
    0%{
        opacity: 0;
        transform: translate(60px,-50%);
    }
    100%{
        opacity: 1;
        transform: translate(0px,-50%);
    }
}
@keyframes textFadeRight1_1{
    0%{
        opacity: 1;
        transform: translateX(0px);
    }
    100%{
        opacity: 0;
        transform: translateX(60px);
    }
}
@keyframes textFadeRight1_1s{
    0%{
        opacity: 1;
        transform: translate(0px,-50%);
    }
    100%{
        opacity: 0;
        transform: translate(60px,-50%);
    }
}





/* F7-相关产业 */
.industry-info-bt-btn{
    top: calc(50% - 34.4px);
}
.industry-info{
    overflow: hidden;
}
.industry-info-bt-swiper{
    overflow: visible !important;
}
.ys-nyban-tit h1{
    font-weight: bold;
    color: #fff;
    display: inline-block;
    opacity: 0;
}
.ys-bread-list a {
    line-height: 1.8;
    color: #fff;
}
.ys-bread-list::before{
    content: "";
    width: var(--std-icon);
    height: var(--std-icon);
    background: url(../images/c2_icon01.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -12px;
}
.mod-bread{
    bottom: 20px;
    z-index: 5;
}
.ys-bread-list{
    padding: 0 24px;
}
.ys-bread{
    margin: 0 -24px;
}
.industry-info-tit{
    text-align: center;
}
.industry-info-tit h2{
    color: #191919;
    display: inline-block;
}
.iibu-li .ys-sic-text{
    text-align: center;
    color: #191919;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-top: 24px;
    opacity: 0;
    transition: all .36s;
}
.iibu-li .ys-imgbox-cover{
    border-radius: var(--std-radius);
}
.industry-info-bt-ul .slick-list{
    overflow: visible;
}
.ys-slick-item-cont{
    transition: all .36s;
}
.iibu-li.swiper-slide-active .ys-slick-item-cont{
    transform: scale(1);
}
.iibu-li.swiper-slide-active .ys-sic-text{
    opacity: 1;
}
.iibu-li .ys-slick-item-cont{
    transform: scale(0.67);
}
.std-arrow-btn{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    position: relative;
    cursor: pointer;
    transition: all .36s;
    overflow: hidden;
}
.std-arrow-btn-icon{
    width: 24px;
    height: 24px;
    z-index: 5;
}
.industry-info-bt{
    position: relative;
}
.industry-info-bt-btn{
    width: 100%;
    pointer-events: none;
    z-index: 5;
}
.std-arrow{
    display: flex;
    justify-content: space-between;
}
.industry-info-bt-btn .tdts-btn-prev{
    left: -84px;
    pointer-events: all;
}
.industry-info-bt-btn .tdts-btn-next{
    right: -84px;
    pointer-events: all;
}
.std-arrow-next .std-arrow-btn-icon{
    transform: translate(-50%,-50%) rotate(180deg);
}
.std-arrow-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--main-bgcolor);
    border-radius: 25px;
    transform: scaleX(0);
    transform-origin: right;
    -webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

/* .std-arrow-btn-icon img{
    transition: all .6s;
} */
.std-arrow-btn svg{
    width: 100%;
    height: auto;
}
/* F6-联系我们 */
.clwi-img{
    overflow: hidden;
    border-radius: var(--std-radius);
}
.clwi-img .ys-imgbox-cover{
    transform: scale(1.2);
}
.contact-info{
    padding-left: 60px;
    padding-right: 60px;
    overflow: hidden;
}
.contact-info-wrap-img{
    width: 100%;
    border-radius: var(--std-radius);
    overflow: hidden;
}
.contact-info-wrap-img img{
    width: 100%;
    transform: scale(1.2);
}
.contact-info-wrap{
    position: relative;
}
.ciwl-ul{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.ciwl-ul-li{
    width: 33.333333%;
    height: 100%;
    border-right: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    overflow: hidden;
}
.ciwl-ul-li:last-child{
    border-right: none;
}
.ciwl-ul-li-icon{
    width: 60px;
    margin: auto;
}
.ciwl-ul-li-icon img{
    width: 100%;
}
.ciwl-ul-li-tit{
    margin-top: 16px;
    color: #fff;
    text-align: center;
}
.ciwl-ul-li-parga{
    margin-top: 4px;
}
.ciwl-ul-li-parga p{
    color: #fff;
    text-align: center;
}
.contact-info-wrap-list{
    width: 100%;
    height: 100%;
}
.contact-office{
    overflow: hidden;
}
.contact-office-tit{
    text-align: center;
}
.contact-office-tit h2{
    display: inline-block;
}
.colu-li{
    width: 33.333333%;
    padding: 0 24px;
    margin-bottom: 40px;
}
.contact-office-list-ul{
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
}
.colu-li-wrap{
    padding: 12px;
    border-radius: var(--std-radius);
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: #FFF;
}
.colu-li-wrap .ys-imgbox-cover{
    border-radius: var(--std-radius);
    overflow: hidden;
}
.colu-li-wrap-img{
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(25,25,25,.2);
}
.colu-li-wrap-text{
    padding: 24px 20px 28px;
}
.clwt-phone-icon{
    width: 24px;
    position: relative;
    top: 2px;
}
.clwt-phone-icon img{
    width: 100%;
}
.clwt-phone-list{
    width: calc(100% - 24px);
    padding-left: 16px;
}
.clwt-phone{
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
}
.clwt-con{
    margin-top: 12px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.clwt-con-parga p{
    color: #191919;
}
.clwt-con-info{
    padding-left: 16px;
}
.contact-program-ri{
    width: 57%;
    border-radius: var(--std-radius);
    background: #FFF;
    box-shadow: 0px 36px 80px 0px rgba(73, 126, 218, 0.08), 0px 8.041px 17.869px 0px rgba(73, 126, 218, 0.04), 0px 2.394px 5.32px 0px rgba(73, 126, 218, 0.03);
    padding: 70px 50px;
}
.contact-program-le{
    width: 43%;
    padding-right: 124px;
    overflow: hidden;
}
.contact-program-ri-list{
    margin: 0 -10px;
}
.cprl-li{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 30px;
}
.cprl-li .ys-select-xtbbox{
    width: 24px;
}
.cprl-li .ys-select-xtbbox img{
    width: 100%;
}
.cprl-li-wrap{
    border-radius: 80px;
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: #FFF;
    padding: 0 24px;
    height: 40px;
    display: flex;
}
.cprl-li-wrap-parga p{
    font-size: 14px;
    line-height: 40px;
    color: #8A8484;
}
.cprl-li-wrap-parga span{
    margin-left: 8px;
    color: var(--main-bgcolor);
}
.cprl-li-wrap-parga{
    flex-shrink: 0;
}
.cprl-li-wrap-input{
    width: 100%;
    height: 100%;
}
.cprl-li-wrap-input input{
    padding-left: 10px;
    font-size: 14px;
    color: #191919;
    width: 100%;
    height: 100%;
}
.cprl-li .ys-select{
    border-radius: 80px;
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: #FFF;
    padding: 0 24px;
    height: 40px;
}
.ys-select-bd{
    top: 120%;
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: #FFF;
    padding: 24px;
    border-radius: 10px;
    max-height: 162px;
}
.ys-select-li{
    font-size: 14px;
    line-height: 2;
    cursor: pointer;
    color: #191919;
}
.cprl-li .ys-select-hd::after{
    content: '*';
    font-size: 14px;
    color: var(--main-bgcolor);
    position: absolute;
    top: 30%;
    left: 23%;
}
.ys-select.empty .ys-select-hd::after{
    display: none;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.2) !important;
}
.mCSB_scrollTools {
    width: 2px !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0,0,0,.1) !important;
}
.cprl-li .mCSB_outside+.mCSB_scrollTools{
    right: 33px;
}
.cprl-li .mCSB_scrollTools {
    top: 24px;
    bottom: 24px;
    opacity: 1;
}
.cprl-li1,.cprl-mess{
    width: 100% !important;
}
.cprl-li1 .ys-select-hd::after{
    left: 9.5%;
}
.cprl-mess textarea{
    width: 100%;
    height: 100%;
    padding: 24px;
    border-radius: var(--std-radius);
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: #FFF;
    height: 328px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.75;
    color: #191919;
}
.cpra-parga a{
    color: var(--main-bgcolor);
}
.cpra-circle{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #8A8484;
    position: relative;
    transition: all .36s;
    top: 6px;
    cursor: pointer;
    flex-shrink: 0;
}
.cpra-circle::after{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--main-bgcolor);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
    opacity: 0;
}
.cpra-circle.act::after{
    opacity: 1;
}
.cpra-parga{
    width: calc(100% - 16px);
    padding-left: 16px;
}
.contact-program-ri-agree{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.cpri-btn .std-btn1-box p{
    line-height: 54px;
}
.cpri-btn .std-btn1-box{
    width: 254px;
    justify-content: center;
}
.contact-program-ri-info{
    display: flex;
    align-items: flex-end;
}
.cpri-code-img{
    width: 168px;
    cursor: pointer;
}
.cpri-code-img img{
    width: 100%;
}
.cpri-code{
    display: flex;
    align-items: flex-end;
    padding-left: 46px;
}
.cpri-code .cprl-li-wrap{
    margin-right: 20px;
}
.contact-program-bg{
    width: 100%;
    z-index: -1;
    border-radius: 0px 0px 40px 40px;
}
.contact-program-bg img{
    width: 100%;
}
.contact-program{
    position: relative;
    z-index: 1;
    padding-bottom: 170px;
    overflow: hidden;
}
.contact-program-cloud{
    width: 100%;
    z-index: -1;
    bottom: -33%;
}
.contact-program-cloud img{
    width: 100%;
}
.contact-program-bg::after{
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 51.47%), linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 48.53%), linear-gradient(180deg, #FFF 1.85%, rgba(255, 255, 255, 0.00) 35.8%);
    position: absolute;
    top: 0;
    left: 0;
}
/* F5-职位列表 */
.inside-body .head-logo img:nth-child(1){
    opacity: 1;
}
.inside-body .head-logo img:nth-child(2){
    opacity: 0;
}
.inside-body .ys-hd-pc::after{
    display: none;
}
.inside-body .head-nav-item-title{
    color: #191919;
}
.inside-body .head-mid-search img:nth-child(2) {
    opacity: 1;
}
.inside-body .head-mid-search img:nth-child(1) {
    opacity: 0;
}
.inside-body .head-lang-li a {
    color: rgba(25, 25, 25, .5);
}
.inside-body .head-lang-li::before {
    background: rgba(25, 25, 25, .5);
}
.inside-body .ys-bread-list::before {
    background: url(../images/c2_icon01_1.svg) center / cover no-repeat;
}
.inside-body .ys-bread-list a{
    color: #8A8484;
}
.inside-body .ys-main{
    margin-top: 80px;
}
.inside-body .mod-bread{
    width: 1200px;
    position: static;
    transform: inherit;
    margin: 20px auto 0;
}
.recruit-wrap{
    overflow: hidden;
}
.recruit-wrap h1{
    font-weight: bold;
    display: inline-block;
}
.rwir-parga p{
    font-size: 14px;
    line-height: 1.8;
    color: #8A8484;
} 
.rwir-btn{
    padding-left: 20px;
}
.rwir-btn .std-btn1-box p{
    line-height: 50px;
}
.rwir-btn .std-btn1-box{
    width: 230px;
    justify-content: center;
}
.recruit-wrap-info-ri{
    display: flex;
    align-items: center;
}
.recruit-wrap-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 5;
}
.rwil-search-icon{
    width: 24px;
    cursor: pointer;
    line-height: 50px;
}
.rwil-search-icon img{
    width: 100%;
}
.rwil-search-input{
    width: calc(100% - 24px);
    padding-left: 16px;
    height: 50px;
}
.rwil-search-input input{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #191919;
}
.rwil-search-input input::placeholder{
    font-size: 16px;
    color: #8A8484;
}
.rwil-search{
    display: flex;
    align-items: center;
    border-radius: 80px;
    border: 1px solid rgba(138, 132, 132, 0.20);
    padding: 0 24px;
}
.rwil-li{
    padding: 0 10px;
}
.recruit-wrap-info-le{
    margin: 0 -10px;
    display: flex;
}
.rwil-li .ys-select-xtbbox{
    width: 16px;
    right: 24px;
}
.rwil-li .ys-select-xtbbox img{
    width: 100%;
}
.rwil-li-icon{
    width: 24px;
    flex-shrink: 0;
}
.rwil-li-icon img{
    width: 100%;
}
.rwil-li .ys-select-hd{
    display: flex;
    align-items: center;
    border-radius: 80px;
    border: 1px solid rgba(138, 132, 132, 0.20);
    height: 50px;
    padding: 0 24px;
}
.rwil-li .ys-select-hd input{
    font-size: 16px;
    color: #191919;
}
.rwil-li .ys-select-hd input::placeholder{
    font-size: 16px;
    color: #8A8484;
}
.rwil-li .ys-select-show{
    padding: 0 16px;
}
.rwil-li .ys-select{
    width: 184px;
}
.rwil-li .ys-select-bd{
    padding: 10px;
}
.rwil-li .mCSB_outside+.mCSB_scrollTools{
    right: 20px;
}
.rwil-li .mCSB_scrollTools {
    top: 10px;
    bottom: 10px;
    opacity: 1;
}
.rwlu-li-tp{
    padding: 21.5px 40px;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 8px 12px 0px rgba(15, 52, 73, 0.12);
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}
.rwlu-li-tp-more{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    border: 1px solid var(--main-bgcolor);
    transition: all .36s;
}
.rwlu-li-tp-name{
    width: calc(100% - 24% - 24% - 32px);
    padding-right: 24px;
    color: #191919;
}
.rwlu-li-tp-add{
    width: 24%;
    display: flex;
    align-items: center;
    padding-right: 12px;
}
.rwlu-li-tp-add p,
.rwlu-li-tp-edu p{
    padding-left: 16px;
}
.rwlu-li-tp-add img,
.rwlu-li-tp-edu img{
    width: 24px;
}
.rwlu-li-tp-edu{
    width: 24%;
    display: flex;
    align-items: center;
    padding-right: 24px;
}
.rwlu-li-bt{
    padding: 50px 50px 40px;
    position: relative;
    display: none;
}
.rwlu-li-bt::after{
    content: "";
    width: 100%;
    height: calc(100% + 72px);
    background: #F9F9F9;
    position: absolute;
    top: -72px;
    left: 0;
    z-index: -1;
    border-radius: 40px;
}
.rlbi-li span{
    font-size: 18px;
    color: #191919;
    margin-right: 16px;
}
.rwlu-li-bt-info{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.rlbi-li{
    padding: 0 30px;
}
.rwlu-li-bt .std-title3{
    color: #191919;
    margin-bottom: 30px;
}
.rwlu-li-bt-parga h6{
    font-size: 18px;
    line-height: 1.6;
    color: #191919;
    margin-bottom: 20px;
}
.rwlu-li-bt-parga p{
    margin-bottom: 12px;
    color: #7A838E;
}
.rwlu-li-bt-parga p:last-child{
    margin-bottom: 0;
}
.rwlu-li-bt-parga{
    margin-bottom: 80px;
}
.rlbb-li .std-btn1-box{
    padding: 0 55px;
}
.rlbb-li1 .std-btn1-box{
    background: #F9F9F9;
}
.rlbb-li1 .std-btn1-box p{
    color: var(--main-bgcolor);
}
.rlbb-li1 .std-btn1-box::before{
    background: var(--main-bgcolor);
}
.rlbb-li2{
    margin-left: 40px;
}
.rwlu-li-bt-btn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.rwlu-li{
    margin-bottom: 30px;
}
.rwlu-li.act .rwlu-li-tp-more{
    background: var(--main-bgcolor);
    transform: rotate(45deg);
}
.rwlu-li.act .rwlu-li-tp-more img:nth-child(2){
    opacity: 0;
}
.recruit-wrap-btn .std-btn1-box{
    width: 100%;
    justify-content: center;
    background: transparent;
    border: 1px solid #8A848A;
    cursor: pointer;
}
.recruit-wrap-btn .std-btn1{
    display: block;
}
.recruit-wrap-btn .std-btn1-box p{
    color: #8A8484;
}
/* F2-新闻资讯列表 */
.new-wrap{
    overflow: hidden;
}
.product-wrap{
    overflow: hidden;
}
.new-wrap,.product-wrap{
    padding-top: 50px;
}
.nwbu-li{
    padding: 0 16px;
    width: auto !important;
}
.new-wrap-tab-ul{
    margin: 0 -16px;
    display: flex;
    flex-wrap: wrap;
}
.nwbu-li .std-btn1-box-icon{
    margin-left: 0;
    margin-right: 16px;
}
.nwbu-li .std-btn1-box{
    background: transparent;
    border: 1px solid rgba(138, 132, 132, 0.20);
}
.nwbu-li .std-btn1-box p{
    color: #8A848A;
}
.nwbu-li .std-btn1-box::before{
    background-color: var(--main-bgcolor);
}
.nwbu-li.act .std-btn1-box{
    border: 1px solid transparent;
}
.nwbu-li.act .std-btn1-box::before {
    transform: scaleX(1);
    transform-origin: left;
}
.nwbu-li.act .std-btn1-box-icon img {
    transform: translateX(0);
}
.nwbu-li.act .std-btn1-box p {
    color: #fff;
}
.new-wrap-recom{
    width: 100%;
    border-radius: var(--std-radius);
    background: #FFF;
    box-shadow: 0px 237px 66px 0px rgba(18, 79, 36, 0.00), 0px 152px 61px 0px rgba(18, 79, 36, 0.01), 0px 85px 51px 0px rgba(18, 79, 36, 0.02), 0px 38px 38px 0px rgba(18, 79, 36, 0.03), 0px 9px 21px 0px rgba(18, 79, 36, 0.04);
}
.new-wrap-recom a{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 40px 80px 40px 40px;
}
.new-wrap-recom-img{
    width: 45.5%;
    border-radius: var(--std-radius);
}
.new-wrap-recom-text{
    width: 54.5%;
    padding-left: 80px;
}
.nwrt-parga p{
    color: #8A8484;
    height: 9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.nwrt-parga{
    margin-top: 32px;
}
.nwrt-info-time p{
    color: var(--main-bgcolor);
    position: relative;
    top: 2px;
}
.nwrt-info-time{
    display: flex;
    align-items: center;
}
.nwrt-info-time img{
    width: var(--std-icon);
    margin-right: 8px;
}
.nwrt-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 37px;
}
.nwlu-li{
    width: 33.333333%;
    padding: 0 24px;
    margin-bottom: 50px;
}
.new-wrap-list-ul{
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.nwlu-li a{
    display: block;
    padding: 20px 32px 64px;
    border-radius: var(--std-radius);
    border: 1px solid rgba(138, 132, 132, 0.20);
    width: 100%;
    height: 100%;
    position: relative;
}
.nwlu-li-img .ys-imgbox-cover{
    border-radius: var(--std-radius);
}
.nwlu-li-img{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(25,25,25,.2);
}
.nwlu-li-tit{
    margin-top: 20px;
    color: #191919;
    max-height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nwlu-li-parga{
    margin-top: 16px
}
.nwlu-li-parga p{
    font-size: 14px;
    line-height: 1.8;
    height: 3.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #191919;
    opacity: 0.6;
}
.nwlu-li-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 32px;
}
.nwlu-li-info-icon{
    width: var(--std-icon);
}
.nwlu-li-info-icon img{
    width: 100%;
}
/* F3-新闻资讯详情 */
.newdet-wrap-cont h1{
    margin-top: 16px;
}
.newdet-wrap-cont-info{
    margin-top: 93px;
}
.newdet-wrap-cont-info .nwrt-info-time{
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(25, 25, 25, .2);
}
.yxder-active p{
    font-size: var(--font-parga2);
    line-height: 1.8;
    color: #8A8484;
    margin-bottom: 13px;
}
.yxder-active p:last-child{
    margin-bottom: 0;
}
.nwci-parga img{
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.newdet-wrap-nav{
    width: 774px;
    margin: auto;
    border-radius: 80px;
    border: 1px solid rgba(138, 132, 132, 0.10);
    background: linear-gradient(90deg, rgba(1, 204, 118, 0.10) 26.95%, rgba(1, 204, 118, 0.00) 29.78%), #FFF;
    box-shadow: 0px 36px 80px 0px rgba(0, 139, 80, 0.08), 0px 8.041px 17.869px 0px rgba(0, 139, 80, 0.04), 0px 2.394px 5.32px 0px rgba(0, 139, 80, 0.03);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 90;
    transition: all .8s ease-in-out;
}
.newdet-wrap-nav-prev .std-btn1-box-icon,
.newdet-wrap-nav-back .std-btn1-box-icon{
    margin-left: 0;
    margin-right: 16px;
}
.newdet-wrap-nav-li .std-btn2-box p{
    color: #8A8484;
}
.newdet-wrap-nav-li .std-btn2-box{
    border: 1px solid transparent;
}
.newdet-wrap-nav-share{
    padding: 0 26px;
}
.nwns-parga p{
    line-height: 50px;
}
.newdet-wrap-nav-share{
    display: flex;
    align-items: center;
}
.ys-share-img {
    width: 100%;
}
.ys-share-img img{
    width: 100%;
}
.ys-share-list{
    width: 30px;
    margin-left: 16px;
    position: relative;
}
.newdet-wrap-nav.active{
    bottom: -200px;
    transition: all 1s ease-in-out;
}
.product-wrap .nwbu-li{
    margin-bottom: 20px;
}
/* C4-产品列表1 */
.product-main .new-wrap-tab{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(25, 25, 25, .2); 
}
.pwlu-li{
    padding: 0 24px;
    margin-bottom: 40px;
    width: 33.333333%;
}
.product-wrap-list-ul{
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.pwlu-li-wrap{
    width: 100%;
    display: block;
    transition: all .36s;
    border-radius: var(--std-radius);
    border: 1px solid rgba(138, 132, 132, 0.20);
    padding: 20px 32px 24px;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.pwlu-li-img{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(25, 25, 25, .2);
    transition: all .36s;
}
.pwlu-li-text{
    margin-top: 20px;
    transition: all .8s ease-in-out;
}
.pwlu-li-text-info ul{
    margin: 0 -20px;
}
.pwlu-li-text-info li{
    padding: 0 20px; 
}
.pwlu-li-text-info p{
    position: relative;
    padding-left: 26px;
}
.pwlu-li-text-info p::before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--main-bgcolor);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .36s;
}
.pwlu-li-text-info ul{
    display: flex;
    flex-wrap: wrap;
}
.pwlu-li-text .std-title4{
    transition: all .36s;
    margin-bottom: 20px;
}
.pwlu-li-text-info p{
    transition: all .36s;
}
.pwlu-li-text-btn{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    transform: translateY(30px);
    opacity: 0;
    transition: all .8s ease-in-out; 
}
.pltb-li1 .std-btn1-box p{
    color: var(--main-bgcolor);
}
.pltb-li1 .std-btn1-box{
    background: #fff;
}
.pltb-li .std-btn1-box-icon img{
    transform: translateX(-100%) !important;
}
.pltb-li2 .std-btn1-box{
    border: 1px solid #fff;
    background: transparent;
}
.pltb-li2 p{
    color: #fff !important;  
}
.pltb-li2 .std-btn1-box-icon img:nth-child(3){
    display: none;
}
.pwlu-li-wrap-icon{
    width: var(--std-icon);
    position: absolute;
    right: 32px;
    bottom: 24px;
    transition: all .36s;
}
.pwlu-li-wrap-icon img{
    width: 100% ;
}
.pwlu-li-wrap-bg{
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border-radius: var(--std-radius);
    background: linear-gradient(301deg, #17A73F 0%, #0C3417 99.46%);
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    overflow: hidden;
    pointer-events: none;
    transition: all .8s ease-in-out;
    opacity: 0;
    z-index: -1;
}
.pwlu-li-wrap-bg img{
    width: 100%;
    height: 100%;
    mix-blend-mode: soft-light;
    object-fit: cover;
}

/* F1-公司概况 */
.about-main .ys-nyban-tit h1,
.develop-main .ys-nyban-tit h1{
    text-align: center;
    text-shadow: 0px 4px 2px rgba(5, 50, 102, 0.25);
    margin-bottom: 30px;
}
.about-main .mod-bread,
.develop-main .mod-bread{
    position: static;
    transform: translateX(0);
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 12px;
}
.about-main .mod-bread ul,
.develop-main .mod-bread ul{
    justify-content: center;
}
.ys-nyban-parga p{
    text-align: center;
    color: #fff;
    text-shadow: 0px 4px 2px rgba(5, 50, 102, 0.25);
}
.ys-nyban-bg1{
    width: 580px;
    position: absolute;
    top: 94px;
    left: -290px;
    z-index: 1;
}
.ys-nyban-bg1 img{
    width: 100%;
}
.ys-nyban-bg img{
    width: 100%;
}
.ys-nyban-img{
    overflow: hidden;
}
/* .ys-nyban-img img{
    transform: scale(1.2);
    animation: imgScale 3s ease-in-out both;
} */
.about-main .ys-nyban-tit,
.develop-main .ys-nyban-tit{
    text-align: center;
}
.about-main .ys-nyban-img,
.develop-main .ys-nyban-img{
    position: relative;
}
.about-main .ys-nyban-img::after,
.develop-main .ys-nyban-img::after{
    content: "";
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, #05A3C6 0%, rgba(8, 134, 162, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.about-main .ys-nybanner::after,
.develop-main .ys-nybanner::after{
    content: "";
    width: 100%;
    height: 12%;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.80) 46.77%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}
.ys-nyban-cloud{
    width: 100%;
    bottom: -53%;
}
.ys-nyban-cloud img{
    width: 100%;
}
.ys-nyban-cloud-img img{
    width: 100%;
}
.ys-nyban-cloud-img1{
    width: 79%;
    position: absolute;
    bottom: -12%;
    left: -29%;
}
.ys-nyban-cloud-img2{
    width: 79%;
    position: absolute;
    bottom: -24%;
    left: -2%;
}
.ys-nyban-cloud-img3{
    width: 86%;
    position: absolute;
    bottom: -62%;
    left: 47%;
}
.about-vision{
    position: relative;
    overflow: hidden;
}
.about-vision .ys-cont1400{
    position: relative;
    z-index: 5;
}
.about-vision-tit{
    display: inline-block;
}
.about-vision-tit .std-parga1{
    color: var(--main-bgcolor);
}
.about-vision-parga p{
    margin-bottom: 30px;
}
.about-vision-parga p:last-child{
    margin-bottom: 0;
}
.about-vision-video{
    width: 100%;
    border-radius: var(--std-radius);
    overflow: hidden;
    position: relative;
}
.about-vision-video img{
    width: 100%;
}
.about-vision-list{
    padding-top: 20px;
}
video{
    background: transparent;
}
.about-vision-video::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(3, 45, 17, 0.2);
    position: absolute;
    top: 0;
    left: 0;
}
.about-vision-video-btn{
    width: 96px;
    cursor: pointer;
    z-index: 5;
}
.about-vision-video-text{
    color: #fff;
    position: absolute;
    left: 50px;
    bottom: 40px;
    z-index: 5;
}
.avlu-li{
    width: 50%;
    padding: 0 24px;
}
.about-vision-list-ul{
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
}
.avlu-li-cont{
    width: 100%;
    border-radius: var(--std-radius);
    position: relative;
    overflow: hidden;
}
.avlu-li-cont::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(3, 45, 17, 0.2);
    position: absolute;
    top: 0;
    left: 0;
}
.avlu-li-cont-text{
    position: absolute;
    width: 100%;
    top: 40px;
    padding: 0 40px;
    z-index: 5;
}
.avlu-li-cont-text .std-title3{
    margin-bottom: 24px;
    color: #fff;
}
.avlu-li-cont-text .std-parga1{
    color: #fff;
}
.about-vision-bg{
    width: 100%;
    z-index: -1;
}
.about-vision-bg img{
    width: 100%;
}
.about-vision-logo{
    width: 556px;
    position: absolute;
    top: -54px;
    right: 0;
}
.about-vision-logo img{
    width: 100%;
}
.about-address{
    border-radius: 40px;
    overflow: hidden;
    position: relative;
}
.about-address-bg{
    width: 100%;
}
.about-address-bg img{
    width: 100%;
}
.about-address-wrap-tit h2{
    color: #fff;
    display: inline-block;
}
.about-address-wrap-parga{
    max-height: 690px;
    width: 58%;
    padding: 50px;
    border-radius: var(--std-radius);
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
}
.about-address-wrap .mCSB_outside+.mCSB_scrollTools {
    right: 15px;
}
.about-address-wrap .mCSB_scrollTools .mCSB_draggerContainer {
    top: 20px;
    bottom: 20px;
}
.about-address-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 1) !important;
}
.about-address-wrap .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .3)  !important;
}
.about-address-wrap-parga p{
    color: #fff;
    line-height: 1.6;
    margin-bottom: 16px;
}
.about-address-wrap-parga p:last-child{
    margin-bottom: 0;
}
.about-history{
    overflow: hidden;
}
.about-history-tit h2{
    display: inline-block;
}
.about-history-tit{
    text-align: center;
}
.about-history-parga p{
    color: #8A8484;
    text-align: center;
}
.about-history-info{
    width: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
.ahia-parga p{
    color: #191919;
}
.ahia-btn-icon{
    width: 32px;
    height: 32px;
    position: relative;
    border-radius: 50%;
    background:#FFF;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    cursor: pointer;
    transition: all .36s;
}
.ahia-btn-next{
    margin-left: 20px;
}
.ahia-btn{
    display: flex;
}
.ahia-btn{
    padding-left: 40px;
}
.about-history-info-arrow{
    display: flex;
    align-items: center;
}
.about-history-info-select{
    padding-left: 40px;
}
.about-history-info-select .ys-select{
    width: 380px;
    height: 46px;
    border-radius: 80px;
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: #FFF;    
    padding: 0 26px;
}
.about-history-info-select .ys-select-xtbbox{
    width: var(--std-icon);
}
.about-history-info-select .ys-select-xtbbox img{
    width: 100%;
}
.about-history-info-select .mCSB_outside+.mCSB_scrollTools {
    right: 34px;
}
.about-history-info-select .mCSB_scrollTools .mCSB_draggerContainer {
    top: 24px;
    bottom: 24px;
}
.ys-select-show{
    font-family: inherit;
}
.about-history-info-select .ys-select-show{
    font-size: 16px;
    color: #191919;
}
.ahll-year{
    font-family: 'longteng-Bold';
    color: #191919;
}
.ahll-tit{
    font-weight: bold;
    color: var(--main-bgcolor);
    margin-bottom: 25px;
}
.ahll-parga{
    width: 68%;
}
.ahll-parga p{
    color: #8A8484;
}
.about-history-list{
    width: 78%;
    margin: auto;
    position: relative;
}
.ahll-ul-li{
    position: relative;
}
.ahll-ul-li-line{
    width: 5px;
    height: 140px;
    margin: auto;
    position: relative;
}
.aull-line{
    width: 1px;
    height: 100%;
    background: #000;
    position: absolute;
    left: 2px;
    top: 0px;
}
.aull-dots {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: calc(50% - 2.5px);
    bottom: 100%;
 
}
@keyframes linefadeInUp {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}
@keyframes dotFadeInUp {
    0% {
        bottom: 100%;
    }
    100% {
        bottom: 0;
    }
}
.aulw-img{
    border-radius: var(--std-radius);
    width: 57%;
    flex-shrink: 0;
    margin-left: -4%;
    transition: transform .4s ease-in-out;
}
.aulw-img img{
    object-fit: cover;
}
.aull-line.act{
    animation: linefadeInUp 1s both 0.1s;
}
.aull-dots.act{
    animation: dotFadeInUp 1s both;
}
.aulw-img.act{
    animation: imgfadeInLeft .75s 1 both ease-out .25s;
}

.aulw-text{
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    padding: 40px;
    background: #F9F9F9;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    backdrop-filter: blur(8px);
    width: 47%;
    flex-shrink: 0;
    position: relative;
    z-index: 5;
    margin-top: 26px;
    top: -13px;
}
.aulw-text-year{
    font-family: 'longteng-Bold';
    color: var(--main-bgcolor);
    margin-bottom: 12px;
}
.aulw-text-tit{
    margin-bottom: 24px;
}
.aulw-text-info p{
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}
.aulw-text-info li{
    padding-left: 24px;
    position: relative;
    margin-bottom: 10px;
}
.aulw-text-info li::before{
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/f1_icon06.svg) center / cover no-repeat;
    position: absolute;
    top: 4.6px;
    left: 0;
}
.ahll-ul-li-wrap{
    display: flex;
    align-items: stretch;
}
.ahll-ul-li-bg{
    width: 253px;
    position: absolute;
    bottom: -127px;
    left: -127px;
}
.ahll-ul-li-bg img{
    width: 100%;
}
.ahll-ul-li.on .ahll-ul-li-wrap{
    flex-direction: row-reverse;
}
.ahll-ul-li.on .aulw-img{
    margin-left: 0;
    margin-right: -4%;
}
.ahll-ul-li.on .ahll-ul-li-bg{
    left: auto;
    right: -127px;
}
@keyframes imgfadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.ahll-btn{
    margin-top: 60px;
}
.ahll-time{
    font-size: 160px;
    line-height: 1.1;
    color: #72B599;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: -1;
    opacity: 0.1 !important;
    font-family: 'longteng-Heavy';
}
.about-history-list-li{
    position: relative;
}
.slick-disabled{
    opacity: 0.5;
    pointer-events: none;
}
.ys-cont746{
    width: 746px;
    margin: auto;
}
.about-honor-tit{
    text-align: center;
}
.about-honor h2{
    display: inline-block;
}
.about-honor-tab-wrap .nwbu-li .std-btn1-box,
.about-honor-tab .nwbu-li .std-btn1-box{
    border: 1px solid transparent;
}
.about-honor-tab .new-wrap-tab-ul{
    margin: 0 -20px;
}
.about-honor-tab .nwbu-li{
    padding: 0 20px;
    width: auto;
}
.about-honor-tab{
    text-align: center;
    margin-bottom: 206px;
}
.about-honor-tab-wrap{
    border-radius: 80px;
    border: 1px solid rgba(138, 132, 132, 0.10);
    background: #FFF;
    box-shadow: 0px 36px 80px 0px rgba(19, 24, 22, 0.08), 0px 8.041px 17.869px 0px rgba(19, 24, 22, 0.04), 0px 2.394px 5.32px 0px rgba(19, 24, 22, 0.03);
    padding: 4px;
    display: inline-block;
}
.alsi-bg{
    width: 100%;
}
.alsi-bg img{
    width: 100%;
}
.about-honor-tab-list{
    mix-blend-mode: darken;
}
.ahtl-li-slick{
    margin: 0 -11px;
    mix-blend-mode: darken;
}
.ahtl-li-slick-item{
    padding: 0 11px;
}
.alsi-img{
    width: 94%;
    margin: auto;
    position: absolute;
    top: -116px;
    left: 50%;
    transform: translateX(-50%);
}
.about-honor{
    padding-bottom: 68px;
    position: relative;
}
.ys-slick-item-cont{
    position: relative;
}
.alsi-text{
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
}
.ahtl-li-slick .slick-list{
    overflow: visible;
}
.alsi-img-icon{
    width: 24px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.alsi-img-icon img{
    width: 100%;
}
.viewer-button{
    background-color: var(--main-bgcolor) !important;
}
.ahtl-li-slick-item .ys-imgbox-cover{
    pointer-events: none;
}
.ahtl-li:not(:first-child){
    display: none;
}
.about-honor-bg{
    width: 100%;
    bottom: -34%;
    pointer-events: none;
}
.about-honor-bg img{
    width: 100%;
}
.inddet-nav {
    height: 54px;
    position: relative;
    z-index: 1;
}
.inddet-nav.isfixed {
    z-index: 97;
}
.inddet-nav-wrap {
    transition: all .4s;
    text-align: center;
    width: 100%;
}
.inddet-nav-wrap-cont{
    position: relative;
    display: inline-block;
    padding: 4px;
}
.inddet-nav-wrap-cont::after{
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    border-radius: 80px;
    /* border: 1px solid rgba(138, 132, 132, 0.10); */
    background: #FFF;
    box-shadow: 0px 36px 80px 0px rgba(0, 139, 80, 0.08), 0px 8.041px 17.869px 0px rgba(0, 139, 80, 0.04), 0px 2.394px 5.32px 0px rgba(0, 139, 80, 0.03);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .4s;
    z-index: -1;
}
.inddet-nav-wrap.isfixed {
    position: fixed;
    top: 80px;
    z-index: 100;
}
/* .inddet-nav-wrap.isfixed .inddet-nav-wrap-cont::after{
    width: 100vw;
    border-radius: 0;
} */
.inddet-nav-wrap-ul {
    display: flex;
    margin: 0 -20px;
    justify-content: center;
}
.inwu_li {
    padding: 0 1.6rem;
    display: inline-block;
    position: relative;
}
.inwu_li p{
    font-size: 1.3rem;
    line-height: 4.6rem;
    color: #666;
}
.inwu_li.act p{
    color: #333333;
}
.inwu_li::after{
    content: "";
    width: 0;
    height: 0.1rem;
    background: #333333;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.inwu_li.act::after{
    width: calc(100% - 3.2rem);
}
.inddet-nav-wrap-ul .nwbu-li{
    padding: 0 20px;
}
.inddet-nav-wrap-ul .nwbu-li .std-btn1-box{
    border: 1px solid transparent;
}
/* E3-社会责任 */
.techno-main .inddet-nav,
.prodet-main .inddet-nav{
    margin-top: 50px;
}
.respon-main .ys-nybanner{
    margin-bottom: 50px;
}
.respon-secure h2{
    margin-bottom: 37px;
    display: inline-block;
}
.respon-secure-tit{
    text-align: center;
}
.respon-secure-parga p{
    text-align: center;
    color: #8A8484;
}
.respon-secure-list{
    width: 755px;
    margin: auto;
}
.rslu-li-img{
    border-radius: var(--std-radius);
    transition: all .36s;
    transform: scale(0.86);
}
.rslu-li-tit{
    text-align: center;
    margin-top: 24px;
    transition: all .36s;
    opacity: 0;
}

.respon-secure-list-swiper{
    overflow: visible !important;
}
.rslu-li.swiper-slide-active .rslu-li-img{
    transform: scale(1);
}
.rslu-li.swiper-slide-active .rslu-li-tit{
    opacity: 1;
}
.respon-method-wrap{
    background: linear-gradient(180deg, #F6FFFA 0%, rgba(244, 255, 243, 0.00) 100%);
}
.rmwi-img{
    border-radius: var(--std-radius);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: 24px;
}
.rmwi-img img{
    width: 100%;
}
.rmwi-list-ul .slick-list{
    padding-bottom: 30px;
}
.rmwi-list-ul.empty .slick-list{
    padding-bottom: 0;
}
.rmwi-list-ul-li{
    width: 20%;
    padding: 0 30px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
/* .respon-method-wrap-improv .rmwi-list-ul-li:not(:first-child){
    display: none;
} */
.respon-method-wrap-improv{
    overflow: hidden;
}
.rmwi-tit h2{
    display: inline-block;
}
.rmwi-list-ul{
    margin: 0 -30px;
    display: flex;
    flex-wrap: wrap;
}
.rmwi-list-ul-li p{
    position: relative;
    padding-left: 24px;
}
.rmwi-list-ul-li p::before{
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/f1_icon06.svg) center / cover no-repeat;
    position: absolute;
    top: 6.4px;
    left: 0;
}
.respon-method{
    position: relative;
    overflow: hidden;
}
.respon-method::after{
    content: "";
    width: 100%;
    height: 254px;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.rltu-li{
    width: 33.333333%;
    padding: 0 10px;
}
.rmwa-list-tp-ul{
    margin: 0 -10px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.rltu-li-wrap{
    border-radius: var(--std-radius);
    border: 1px solid rgba(25, 25, 25, 0.20);
    position: relative;
    overflow: hidden;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.rlwc-icon{
    width: 48px;
    margin-bottom: 35px;
}
.rmwa-list-tp{
    margin-bottom: 20px;
}
.rlwc-parga p{
    color: #191919;
}
.rmwa-list{
    width: 50%;
}
.rlwc-bg{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 100%;
}
.rlwc-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rmwa-list-bt-ul{
    margin: 0 -10px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.rlbu-li{
    width: 50%;
    padding: 0 10px;
}
.rmwa-list-bt .rlwc-icon{
    margin-bottom: 40px;
}
.rmwa-bg{
    width: 800px;
    position: absolute;
    bottom: 0;
    right: calc(50% - 700px + 73px);
}
.rmwa-bg img{
    width: 100%;
}
.respon-method-wrap-achiev{
    position: relative;
}
.respon-method-wrap-achiev .ys-cont1440{
    position: relative;
    z-index: 5;
}
.rmwa-tit h2{
    display: inline-block;
}
.rmwa-bg1{
    position: absolute;
    z-index: -1;
    right: -412px;
    bottom: -610px;
}
.respon-village-bg,.rmwa-bg1{
    width: 66%;
    max-width: 1270px;
    pointer-events: none;
}
.rmwa-bg1 img,.respon-village-bg img{
    width: 100%;
}
.respon-dream{
    background: linear-gradient(180deg, #F6FFFA 0%, rgba(244, 255, 243, 0.00) 100%);
}
.rdcw-tit-box{
    text-align: center;
}
.rdcw-tit-box h2{
    display: inline-block;
    margin-bottom: 37px;
}
.respon-dream-cont-wrap{
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.rdcw-parga p{
    text-align: center;
    color:#8A8484;
}
.rdcw-parga{
    margin-bottom: 58px;
}
.rdcw-list-ul-li{
    width: 448px;
    margin-right: 48px;
    flex-shrink: 0;
}
.rlul-img{
    border-radius: var(--std-radius);
}
.rlul-tit{
    color: #191919;
    margin-top: 12px;
}
.std-btn3-box p{
    color: var(--main-bgcolor);
    margin-right: 16px;
}
.std-btn3-box{
    display: flex;
    align-items: center;
}
.std-btn3-box img{
    width: var(--std-icon);
}
.rlul-btn{
    margin-top: 24px;
    opacity: 0;
    transition: all .36s;
}
.rdcw-list-ul-li:nth-child(2n){
    margin-top: 160px;
}
.rdcw-list-ul{
    display: flex;
    align-items: flex-start;
}
.rdcw-bg{
    width: 100vw;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.rdcw-bg img{
    width: 100%;
}
.rdcw-list{
    padding-left: calc(50% - 720px);
    position: relative;
    transition: left .1s linear;
    z-index: 5;
}
.respon-village{
    padding-left: calc(50% - 720px);
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.respon-village-text-parga p{
    color: #8A8484;
}
.rvts-li-link p{
    color: var(--main-bgcolor);
    margin-right: 16px;
}
.rvts-li-link a{
    display: flex;
    align-items: center;
}
.rvts-li-link{
    margin-bottom: 16px;
}
.rvts-li-link img{
    width: var(--std-icon);
}
.respon-village-img{
    width: 56%;
    border-radius: 50px 0 0 50px;
    overflow: hidden;
}
.respon-village-text{
    width: 44%;
    padding-right: 48px;
    margin-top: 156px;
    position: relative;
}
.respon-village-text-tit h2{
    display: inline-block;
}
.respon-village-text-btn{
    position: absolute;
    bottom: 50px;
    left: 0;
}
.std-arrow1{
    display: inline-block;
}
.std-arrow1 .std-arrow-prev{
    left: 0;
}
.std-arrow1 .std-arrow-next,
.std-arrow1 .tdts-btn-next{
    right: 0;
    margin-left: 44px;
}
.respon-village-bg{
    position: absolute;
    left: -618px;
    bottom: -644px;
}
.respon-html,.respon-body{
    overflow: inherit !important;
}
.respon-dream-cont{
    height: calc(100vh - 136px);
    position: sticky;
    top: 136px;
    overflow: hidden;
}
.respon-secure{
    overflow: hidden;
}
/* C5-产品详情 */
.prodet-overview{
    padding-top: 50px;
}
.prodet-overview-img{
    width: 41%;
    position: relative;
}
.prodet-overview-img-btn{
    bottom: 32px;
    z-index: 5;
}
.prodet-overview-text{
    width: 59%;
    padding-left: 80px;
    padding-right: 64px;
    padding-bottom: 32px;
}
.prodet-overview-wrap{
    display: flex;
    border-radius: var(--std-radius);
    background: #FFF;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    align-items: flex-end;
}
.prodet-adv{
    background: #F9F9F9;
    overflow: hidden;
}
.prodet-adv-tit h2{
    display: inline-block;
}
.prodet-adv-tit{
    text-align: center;
}
.pabs-li-cont .ys-imgbox-cover{
    width: 80px;
}
.prodet-adv-bt-slick{
    margin: 0 -40px;
}
.pabs-li{
    position: relative;
    width: 33.333333%;
    padding: 0 40px;
    height: auto;
}
.pabs-li-cont::after{
    content: "";
    width: 1px;
    height: 80px;
    opacity: 0.2;
    background: #8A8484;
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
}
.pabs-li-cont-parga{
    margin-top: 12px;
}
.pabs-li-cont-tit{
    margin-top: 24px;
}
.prodet-adv-bt-slick .slick-track{
    display: flex;
    align-items: stretch;
}
.pabs-li-cont{
    height: 100%;
}
.slick-dots{
    bottom: 0;
}
.prodet-adv-bt-slick .slick-list{
    padding-bottom: 30px;
}
.prodet-adv-bt-slick.empty .slick-list{
    padding-bottom: 30px;
}
.potb-li:nth-child(2){
    margin-left: 50px;
}
.prodet-overview-text-btn{
    display: flex;
    justify-content: flex-end;
    margin-top: 145px;
}
/* .prodet-apply{
    overflow: hidden;
} */
.prodet-partner{
    overflow: hidden;
}
.prodet-apply h2{
    display: inline-block;
    margin-bottom: 130px;
}
.prodet-apply-tit{
    text-align: center;
}
.pabs-lis{
    width: 100%;
}

.pabs-lis-wrap{
    border-radius: var(--std-radius);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: all .5s;
}
.prodet-apply-bt-swiper{
    overflow: visible !important;
}
.pabs-lis.swiper-slide-active .pabs-lis-wrap{
    transform: scale(1.38);
}
.prodet-apply-tab{
    margin-top: 108px;
    position: relative;
}
.prodet-apply-bt{
    position: relative;
    width: 930px;
    margin: auto;
}
.prodet-apply-bt-btn{
    width: 100%;
    pointer-events: none;
    z-index: 5;
}
.prodet-apply-bt-btn .tdts-btn-prev {
    left: -273px;
    pointer-events: all;
}
.prodet-apply-bt-btn .tdts-btn-next {
    right: -273px;
    pointer-events: all;
}
.prodet-apply-tab-ul{
    display: flex;
    justify-content: space-between;
}
.prodet-apply-tab .hiut-li-circle-wrap{
    visibility: visible;
}
.prodet-apply-tab-line{
    width: calc(100% - 70px);
    height: 10px;
    background: linear-gradient(90deg, #1ACC4C 1.41%, #1DBF4A 28.59%, rgba(68, 206, 30, 0.60) 30.54%, rgba(1, 204, 118, 0.20) 98.86%);
    position: absolute;
    top: 27px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.prodet-partner-wrap{
    position: relative;
    padding-top: 150px;
}
.prodet-partner-wrap-bg{
    width: calc(100% - 120px);
    left: 50%;
    z-index: -1;
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: translateX(-50%) rotate(0deg);
    -webkit-transform: translateX(-50%) rotate(0deg);
    height: 560px;
}
.prodet-partner-wrap-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prodet-partner-wrap-tit{
    text-align: center;
}
.prodet-partner-wrap-tit h2{
    color: #fff;
    display: inline-block;
}
.prodet-partner-wrap-parga p{
    text-align: center;
    color: #fff;
}
.prodet-partner-wrap-list{
    border-radius: var(--std-radius);
    background: #FFF;
    padding: 40px 54px;
}
.pslu-li{
    width: 20%;
    position: relative;
    border-right: 1px solid rgba(138, 132, 132, 0.20);
    border-top: 1px solid rgba(138, 132, 132, 0.20);
    cursor: pointer;
}
.pslu-li img:nth-child(2){
    opacity: 0;
}

.pslu-li:nth-child(1),
.pslu-li:nth-child(2),
.pslu-li:nth-child(3),
.pslu-li:nth-child(4),
.pslu-li:nth-child(5){
    border-top: 1px solid transparent;
}
.pslu-li:nth-child(5n+5){
    border-right: 1px solid transparent;
}
.ppwl-slick-li-ul{
    display: flex;
    flex-wrap: wrap;
}
.ppwl-slick .slick-list{
    padding-bottom: 30px;
}
.prodet-authen{
    padding-bottom: 200px;
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(-90deg, #FDFEFE 0%, rgba(253, 254, 254, 0.00) 35.86%); */
}
/* .prodet-authen::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FDFEFE 0%, rgba(253, 254, 254, 0.00) 35.86%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.prodet-authen::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FDFEFE 0%, rgba(253, 254, 254, 0.00) 35.86%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.prodet-authen-bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FDFEFE 0%, rgba(253, 254, 254, 0.00) 50%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
} */
.prodet-authen-bg{
    width: 100%;
    z-index: -1;
    /* max-width: 1920px; */
}
.prodet-authen-bg img{
    width: 100%;
}
.prodet-authen-tit{
    text-align: center;
}
.prodet-authen h2{
    display: inline-block;
    margin-bottom: 72px;
}
.prodet-provide{
    background: linear-gradient(180deg, #FDFEFE 0%, rgba(253, 254, 254, 0.00) 35.86%);
    position: relative;
    overflow: hidden;
}
.prodet-provide-bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #FDFEFE 0%, rgba(253, 254, 254, 0.00) 12.82%);
    position: absolute;
    top: 0;
    left: 0;
}
.prodet-provide-bg::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FDFEFE 0%, rgba(253, 254, 254, 0.00) 50%);
    position: absolute;
    top: 0;
    left: 0;
}
.prodet-provide-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.prodet-provide-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prodet-provide-wrap-img{
    width: 43%;
    padding-left: 26px;
}
.prodet-provide-wrap-img img{
    width: 100%;
    border-radius: var(--std-radius);
    overflow: hidden;
}
.prodet-provide-wrap-text{
    width: 57%;
    padding-left: 124px;
}
.ppwt-tit h2{
    display: inline-block;
}
.prodet-provide-wrap .ys-cont1440{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ppwt-list-li{
    transition: all .36s;
    border-bottom: 1px solid rgba(138, 132, 132, 0.20);
    cursor: pointer;
}
.ppwt-list-li-tp{
    display: flex;
    align-items: center;
    padding: 24px 0;
    transition: all .36s;
}
.pllt-icon{
    width: 32px;
    transition: all .36s;
}
.pllt-icon img{
    width: 100%;
}
.ppwt-list-li-tp .std-title4{
    width: calc(100% - 32px);
    padding-right: 50px;
}
.ppwt-list-li-bt{
    display: none;
}
.ppwt-list-li.act .pllt-icon{
    transform: rotate(-45deg);
}
.ppwt-list-li.act{
    padding-bottom: 24px;
}
.ppwt-list-li.act .ppwt-list-li-tp{
    padding-bottom: 4px;
}
.prodet-contact{
    overflow: hidden;
    padding-bottom: 50px;
}
.prodet-contact-img{
    width: 35%;
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.prodet-contact-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prodet-contact-text{
    width: 65%;
    padding-left: 26px;
}
.prodet-contact-text-wrap{
    position: relative;
    border-radius: var(--std-radius);
    background: #FFF;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    overflow: hidden;
}
.prodet-contact-text-bg{
    width: 100%;
    height: 496px;
}
.prodet-contact-text-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prodet-contact .ys-cont1680{
    display: flex;
    align-items: stretch;
}
.pctc-info{
    margin-top: 60px;
}
.pctc-btn{
    margin-top: 80px;
}
.pctc-info-li p{
    color: var(--main-bgcolor);
    width: calc(100% - 24px);
    padding-left: 24px;
}
.pctc-info-li,.pctc-info-li a{
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.pctc-info-li{
    margin-bottom: 20px;
}
.pctc-info-li:last-child{
    margin-bottom: 0;
}
.pctc-info-li img{
    width: var(--std-icon);
    position: relative;
    top: 2px;
}
.prodet-contact-text-cont{
    padding-left: 80px;
    padding-right: 140px;
    top: 60px;
    width: 100%;
    z-index: 5;
}
.pals-li{
    width: 33.333333%;
}
.pals-li-tit{
    text-align: center;
    margin-top: 12px;
    color: #191919;
}
.pals-li .alsi-img{
    width: 82%;
    position: relative;
    top: 0;
    left: 0;
    transform: inherit;
}
.prodet-authen-list{
    position: relative;
}
.prodet-authen-list-btn{
    width: 100%;
}
.prodet-authen-list-btn .tdts-btn-prev{
    left: -100px;
}
.prodet-authen-list-btn .tdts-btn-next{
    right: -100px;
}
.pals-li .ys-imgbox-contain{
    pointer-events: none;
}
.prodet-param-wrap{
    position: relative;
}
.prodet-param-bg{
    width: 100%;
    position: relative;
    z-index: -1;
}
.prodet-param-bg img{
    width: 100%;
}
.prodet-param-mask{
    width: 100%;
}
.prodet-param-mask img{
    width: 100%;
}
.prodet-param{
    position: relative;
    overflow: hidden;
}
.prodet-param-down{
    padding: 40px 80px;
    border-radius: 800px;
    background: #218B3F;
    box-shadow: 0px 36px 80px 0px rgba(0, 45, 26, 0.08), 0px 8.041px 17.869px 0px rgba(0, 45, 26, 0.04), 0px 2.394px 5.32px 0px rgba(0, 45, 26, 0.03);
    overflow: hidden;
    z-index: 5;
}
.prodet-param-down-tit{
    text-align: center;
}
.prodet-param-down h2{
    display: inline-block;
    color: #fff;
}
.prodet-param-down-btn .std-btn2-box{
    border: 1px solid #fff;
}
.prodet-param-down-btn .std-btn2-box p{
    color: #fff;
}
.prodet-param-down-btn{
    text-align: center;
}
.prodet-param-down-bg{
    width: 100%;
    position: absolute;
    opacity: 0.2;
    z-index: -1;
}
.prodet-param-down-bg img{
    width: 100%;
    mix-blend-mode: soft-light;
}
/* E2-科技创新 */
.techno-system{
    position: relative;
}
.techno-system-tit h2{
    display: inline-block;
}
.techno-system-tit{
    text-align: center;
}
.techno-system-img{
    width: 100%;
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.techno-system-img img{
    width: 100%;
}
.techno-system-text{
    width: 83%;
    margin: auto;
    border-radius: var(--std-radius);
    background: #FFF;
    padding: 50px 80px 40px;
    margin-top: -253px;
    position: relative;
}
.tstl-ul-li{
    width: 33.333333%;
    padding: 0 30px;
}
.tstl-ul{
    margin: 0 -30px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.techno-system-text-parga,
.techno-system-text-list{
    margin-top: 40px;
}
.techno-system-text .std-title3{
    text-align: center;
}
.techno-system-text-parga p{
    text-align: center;
    color: #8A8484;
}
.tstl-ul-li-cont{
    padding-top: 16px;
    border-top: 2px solid rgba(138, 132, 132, .2);
}
.tulc-num p{
    font-size: 48px;
    line-height: 1.2;
    background: linear-gradient(263deg, #11BEF4 71.52%, #02EE0B 112.48%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-family: 'longteng-Bold';
}
.tulc-parga{
    margin-top: 4px;
    
}
.techno-system-platform{
    margin-top: 60px;
}
.tspl-ul-li{
    width: 33.333333%;
    padding: 0 24px;
}
.tspl-ul{
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
}
.tspl-ul-li-cont{
    padding: 12px 22px;
    border-radius: var(--std-radius);
    border: 1px solid rgba(25, 25, 25, 0.20);
    background: #FFF;
    box-shadow: 0px 92px 26px 0px rgba(3, 73, 34, 0.00), 0px 59px 23px 0px rgba(3, 73, 34, 0.01), 0px 33px 20px 0px rgba(3, 73, 34, 0.03), 0px 15px 15px 0px rgba(3, 73, 34, 0.05), 0px 4px 8px 0px rgba(3, 73, 34, 0.06);
    position: relative;
    overflow: hidden;
}
.techno-system-platform h3{
    display: inline-block;
}
.techno-system-platform-tit{
    text-align: center;
}
.tulc-before-text-icon{
    width: 68px;
    margin: auto;
}
.tulc-before-text-icon img{
    width: 100%;
}
.tulc-before-text-tit{
    margin-top: 8px;
    text-align: center;
}
.tulc-before{
    position: relative;
}
.tulc-before-text{
    width: 100%;
    z-index: 5;
}
.tulc-before-bg{
    width: 100%;
}
.tulc-before-bg img{
    width: 100%;
}
.tulc-after-bg{
    width: 100%;
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.tulc-after-bg img{
    width: 100%;
}
.tulc-after{
    width: 100%;
    z-index: 5;
    padding: 20px 24px;
    opacity: 0;
    transition: all .5s ease-in-out;
    pointer-events: none;
}
.tulc-after-icon{
    width: 24px;
    position: absolute;
    bottom: 24px;
    right: 20px;
    z-index: 5;
    cursor: pointer;
}
.tulc-after-icon img{
    width: 100%;
}
.techno-system-cooper{
    height: calc(100vh - 80px);
    border-radius: 40px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
}
.techno-system-cooper::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
}
.techno-system-cooper-bg{
    width: 100%;
    height: 100%;
}
.tscb-ul,.tscb-ul .slick-list,.tscb-ul .slick-track,.tscb-ul-li{
    width: 100%;
    height: 100%;
}
.tscb-ul-li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.techno-tech-list{
    position: relative;
    overflow: hidden;
}
.techno-tech-bg{
    width: 100%;
    bottom: -9%;
    z-index: -1;
}
.techno-tech-bg img{
    width: 100%;
}
.techno-tech h2{
    margin-bottom: 105px;
    display: inline-block;
}
.techno-tech-list-tit{
    text-align: center;
}
.ttlu-li{
    width: 33.333333%;
    padding: 0 65px;
}
.techno-tech-list-ul{
    margin: 0 -65px;
    display: flex;
    flex-wrap: wrap;
}
.ttlu-li-cont{
    padding: 30px;
    border: 1px solid var(--main-bgcolor);
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.ttlu-li-cont .ys-imgbox-cover{
    width: 100%;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.ttlu-li-cont .ys-imgbox-cover::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.ttlu-li-cont-text{
    width: 100%;
}
.ttlu-li-cont-text p{
    color: #fff;
    text-align: center;
}
.tlct-num span{
    font-size: 48px;
    font-family: 'longteng-Bold';
    margin-right: 4px;
}
.tlct-num p{
    display: flex;
    justify-content: center;
    align-items: center;
}
.tlct-parga{
    margin-top: 4px;
}
.techno-acetech-wrap-tit h3{
    margin-bottom: 32px;
    display: inline-block;
}
.techno-tech-acetech{
    overflow: hidden;
}
.techno-acetech-wrap{
    position: relative;
}
.techno-acetech-wrap-tit{
    position: absolute;
    top: 0;
    left: 0;
    width: 51%;
    z-index: 5;
}
.tawu-li:last-child{
    margin-bottom: 0;
}
.tawu-li{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.tawu-li-img{
    width: 40%;
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.tawu-li-img img{
    width: 100%;
}
.tawu-li-text{
    width: 60%;
    padding-right: 80px;
}
.tawu-li-text-cont{
    border-radius: var(--std-radius);
    background: #FFF;
    padding: 40px;
}
.tawu-li-text-cont .std-title4{
    margin-bottom: 24px;
}
.tltc-list li{
    margin-bottom: 8px;
}
.tltc-list li:last-child{
    margin-bottom: 0;
}
.tltc-list p{
    font-size: 16px;
}
.tltc-list li::before {
    top: 6.5px;
}
.tawu-li.on{
    flex-direction: row-reverse;
}
.tawu-li.on .tawu-li-text {
    padding-right: 0;
    padding-left: 80px;
}
.techno-achieve-wrap{
    padding-left: calc(50% - 720px);
    position: relative;
}
.techno-achieve-wrap::after{
    content: "";
    width: calc(50% - 720px);
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.tawt-parga p{
    color: #8A8484;
}
.techno-achieve-wrap-titbox h3{
    margin-bottom: 40px;
    display: inline-block;
}
.techno-achieve-wrap-titbox{
    width: 470px;
    position: absolute;
    top: 190px;
    left: calc(50% - 720px);
    z-index: 5;
    overflow: hidden;
}
.techno-achieve-bg{
    width: 56%;
    position: absolute;
    left: -290px;
    top: 186px;
    pointer-events: none;
}
.techno-achieve-bg img{
    width: 100%;
}
.techno-tech-achieve{
    position: relative;
}
.techno-achieve-wrap-list{
    padding-left: 296px;
    overflow: hidden;
    position: relative;
}
.techno-achieve-wrap-list::after{
    content: "";
    width: 296px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.tawl-item-ul-li{
    width: 592px;
    margin-right: 50px;
    border-radius: 10px;
    border: 1px solid rgba(138, 132, 132, 0.20);
    background: #FFF;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    flex-shrink: 0;
}
.tiul-cont{
    padding: 15px 20px;
    display: flex;
    align-items: stretch;
}
.tiul-cont-img{
    width: 158px;
}
.tiul-cont-img{
    position: relative;
}
.tiul-cont-img-icon{
    width: var(--std-icon);
    position: absolute;
    right: -10px;
    bottom: -5px;
    cursor: pointer;
    z-index: 6;
}
.tiul-cont-img-icon img{
    width: 100%;
}
.tiul-cont-img .ys-imgbox-cover{
    cursor: pointer;
}
.tiul-cont-text .std-parga1{
    color: #191919;
}
.tiul-cont-text-time p{
    color: #8A8484;
}
.tiul-cont-text{
    width: calc(100% - 158px);
    margin-top: 5px;
    padding-left: 30px;
    position: relative;
}
.tiul-cont-text-time{
    position: absolute;
    bottom: -10px;
    left: 30px;
    z-index: 5;
}
.tawl-item-ul{
    display: flex;
}
.tawl-item{
    width: calc((592px * var(--width-shu)) + (50px *var(--width-shu)));
    display: flex;
}
.tawl-item-ul1 {
    animation: donghua linear infinite;
}
.tawl-item-ul2 {
    animation: donghua2 linear infinite;
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
}
@keyframes donghua {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes donghua2 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
.tawl-item{
    position: relative;
    margin-bottom: 30px;
}
/* .tawl-item:last-child{
    margin-bottom: 0;
} */
.tawl-item1{
    transform: translateX(360px);
    position: relative;
}
.tawl-item1::after{
    content: "";
    width: 360px;
    height: 120%;
    background: #fff;
    position: absolute;
    top: -10%;
    left: -360px;
}
.tawl-item2{
    transform: translateX(240px);
    position: relative;
}
.tawl-item2::after{
    content: "";
    width: 240px;
    height: 120%;
    background: #fff;
    position: absolute;
    top: -10%;
    left: -240px;
}
.tawl-item3{
    transform: translateX(120px);
    position: relative;
}
.tawl-item3::after{
    content: "";
    width: 120px;
    height: 120%;
    background: #fff;
    position: absolute;
    top: -10%;
    left: -120px;
}
.techno-manuf-parga{
    width: 78.6%;
    margin: auto;
    text-align: center;
}
.techno-manuf-parga p{
    color: #8A8484;
}
.techno-manuf-tit{
    text-align: center;
}
.techno-manuf h2{
    display: inline-block;
}
.tmlu-li .ys-imgbox-cover{
    border-radius: var(--std-radius);
}
.tmlu-li .std-title3{
    text-align: center;
    margin-top: 24px;
    opacity: 0;
    transition: all .36s;
}
.techno-manuf-list-swiper{
    overflow: visible !important;
}
.tmlu-li{
    transform: scale(0.67);
    transition: all .36s;
}
.tmlu-li.swiper-slide-active {
    transform: scale(1);
}
.tmlu-li.swiper-slide-active .std-title3{
    opacity: 1;
}
.techno-manuf-list{
    position: relative;
}
.techno-develop-certifi-tit{
    text-align: center;
}
.techno-develop-certifi h2{
    display: inline-block;
}
.techno-develop{
    position: relative;   
    z-index: 1;
    overflow: hidden;
}
.techno-develop::after{
    content: "";
    width: 100%;
    height: 1136px;
    background-color: #F9F9F9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.ys-cont1240{
    width: 1240px;
    margin: auto;
    max-width: 1240px;
}
.techno-develop-certifi-parga p{
    color: #8A8484;
    text-align: center;
}
.techno-develop-certifi-parga{
    margin-bottom: 40px;
}
.techno-develop-certifi-tab{
    margin-bottom: 60px !important;
}
.techno-develop-certifi-tab .nwbu-li .std-btn1-box p{
    line-height: 38px;
}
.techno-develop-certifi-tab .nwbu-li{
    padding: 0;
}
.techno-develop-certifi-tab .new-wrap-tab-ul{
    margin: 0;
}
.techno-develop-certifi-tab .about-honor-tab-wrap{
    box-shadow: 0px 36px 80px 0px rgba(0, 139, 80, 0.08), 0px 8.041px 17.869px 0px rgba(0, 139, 80, 0.04), 0px 2.394px 5.32px 0px rgba(0, 139, 80, 0.03);
}
.tdcl-li-slick-item{
    width: 33.333333%;
    padding: 0 80px;
}
.tdcl-li-slick{
    margin: 0 -80px;
}
.tdcl-li{
    position: relative;
}
.tlsi-tit{
    text-align: center;
    color: #191919;
    margin-top: 12px;
}
.tlsi-img{
    position: relative;
}
.tlsi-img-icon{
    width: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 5;
}
.tlsi-img-icon img{
    width: 100%;
}
/* .tdcl-li-slick .slick-arrow{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    cursor: pointer;
    transition: all .36s;
    z-index: 6;
}
.tdcl-li-slick .slick-arrow::after{
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/f7_icon1.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
} */
.tdcl-li-slick .slick-next::after{
    transform: translate(-50%,-50%)rotate(180deg);
}
.techno-develop-certifi-list{
    position: relative;
}
.tdcl-li:not(:first-child){
    display: none;
}
.techno-develop-certifi{
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
}
.tlsi-img .ys-imgbox-cover{
    pointer-events: none;
}
.techno-develop-certifi-bg{
    width: 100%;
    position: absolute;
    max-width: 1920px;
    top: 187px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.techno-develop-certifi-bg img{
    width: 100%;
}
.techno-develop-test-wrap{
    border-radius: var(--std-radius);
    background: #FFF;
    box-shadow: 0px 92px 26px 0px rgba(3, 73, 34, 0.00), 0px 59px 23px 0px rgba(3, 73, 34, 0.01), 0px 33px 20px 0px rgba(3, 73, 34, 0.03), 0px 15px 15px 0px rgba(3, 73, 34, 0.05), 0px 4px 8px 0px rgba(3, 73, 34, 0.06);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.tdtw-img{
    width: 43%;
    padding-right: 47px;
    position: absolute;
    right: 0;
    top: 0;
}
.tdtw-text{
    width: 57%;
    padding: 87px 75px 87px 50px;
    overflow: hidden;
}
.tdtw-text h3{
    margin-bottom: 40px;
    display: inline-block;
}
.tdtw-text-parga p{
    color: #8A8484;
}
.tdtw-text-list .rmwi-list-ul-li{
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 16px;
}
.tdtw-text-list .rmwi-list-ul{
    margin: 0 -12px;
}
.tdtw-text-list .rmwi-list-ul-li p{
    color: #666;
}
.tiwl-item-ul-li{
    /* height: 294px; */
    margin-bottom: 24px;
}
.tdtw-img-wrap{
    margin: 0 -19px;
    display: flex;
    flex-wrap: wrap;
}
.tdtw-img-wrap-li{
    width: 50%;
    padding: 0 19px;
}
.tiul-conts{
    border-radius: var(--std-radius);
    border: 1px solid rgba(138, 132, 132, 0.20);
    padding: 37px 13px 12px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    height: 100%;
}
.tiul-conts .ys-imgbox-cover{
    border-radius: var(--std-radius);
}
.tiul-cont-parga{
    text-align: center;
    margin-top: 17px;
}
.tiul-cont-parga p{
    color: #666;
}
/* .tiwl-item-ul{
    height: calc((294px * var(--width-shu)) + (24px *var(--width-shu)));
} */
.tiwl-item{
    position: relative;
}
.tdtw-img-wrap-li1 .tiwl-item-ul1 {
    animation: donghua3 linear infinite;
}
.tdtw-img-wrap-li1 .tiwl-item-ul2 {
    animation: donghua4 linear infinite;
    transform: translateY(100%);
    position: absolute;
    top: 0;
    left: 0;
}
@keyframes donghua3 {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes donghua4 {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
.tdtw-img-wrap-li2 .tiwl-item-ul1 {
    animation: donghua5 linear infinite;
    transform: translateY(-100%);
    position: absolute;
    top: 0;
    left: 0;
}
.tdtw-img-wrap-li2 .tiwl-item-ul2 {
    animation: donghua6 linear infinite;
}
@keyframes donghua5 {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes donghua6 {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}
.techno-digital{
    position: relative;
}
.techno-digital-bg{
    width: 100%;
    z-index: -1;
}
.techno-digital-bg img{
    width: 100%;
}
.techno-digital-tit{
    text-align: center;
}
.techno-digital h3{
    margin-bottom: 32px;
    display: inline-block;
}
.techno-digital-parga p{
    text-align: center;
    color: #8A8484;
}
.techno-digital-list{
    width: 886px;
    margin: auto;
}
.techno-digital-parga{
    margin-bottom: 42px;
}
.techno-digital-list-swiper1{
    overflow: visible !important;
}
.techno-digital-list-swiper1 .swiper-slide {
    perspective: 26vw;
}
.tdts-swiper-item-parga{
    margin-top: 24px;
}
.techno-digital-text-swiper{
    padding: 0 190px;
    position: relative;
}
.tdts-btn{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.techno-digital-text{
    margin-top: 32px;
}
.tdts-btn-btn{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    /* background: #FFF; */
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    position: relative;
    cursor: pointer;
    transition: all .36s;
}
.tdts-btn-btn .circle2{
    transition: all .36s;
}
.tdts-btn-btn-icon{
    width: var(--std-icon);
    height: var(--std-icon);
}
.tdts-btn-btn-icon svg{
    width: 100%;
    height: auto;
}
.tdts-btn-btn-icon svg path{
    transition: all .36s;
}
.tdts-btn-btn-svg{
    width: 100%;
}
.tdts-btn-btn-svg svg{
    width: 100%;
    height: auto;
}
.tdts-btn-next .circle1 {
    opacity: 0;
    fill: transparent;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 162 162;
    stroke-dashoffset: 162;
    stroke: var(--main-bgcolor);
    transition: stroke-dashoffset 0s linear, opacity 0s linear;
}
.tdts-btn-next.on .circle1 {
    opacity: 1;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 4s linear, opacity 0s linear;
    transition: stroke-dashoffset 4s linear, opacity 0s linear;
}
.tdts-btn-prev .tdts-btn-btn-icon{
    transform: translate(-50%,-50%) rotate(180deg);
}
.ys-cont1070{
    width: 1070px;
    margin: auto;
    max-width: 100%;
}
.techno-system-tp{
    overflow: hidden;
}
.techno-system-cooper-text h3,
.hsct-parga p{
    color: #fff;
    text-align: center;
}
.techno-system-cooper-text{
    top: 120px;
    z-index: 5;
    width: 100%;
}
.techno-system-cooper-text h3{
    margin-bottom: 40px;
}
.tsct-img-ul-li{
    width: 33.333333%;
    padding: 0 240px;
}
.tsct-img-ul{
    margin: 0 -240px;
}
.tiul-wrap-bg{
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: all .36s;
} 
.tiul-wrap-bg::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(3, 33, 90, 0.20) 0%, rgba(3, 33, 90, 0.20) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.tiul-wrap-logo{
    width: 66%;
    z-index: 5;
}

.tiul-wrap::after{
    content: "";
    width: 75.7%;
    height: 75.7%;
    border-radius: 50%;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tsct-img{
    margin-top: 194px;
    position: relative;
}
.tsct-img-slick{
    width: 214px;
    margin: auto;
}
.tsct-img-ul .slick-list{
    overflow: visible;
}
.tsct-img-ul-li.slick-current .tiul-wrap{
    transform: scale(2.16);
}
.tsct-img-ul-li.slick-current .tiul-wrap-bg{
    box-shadow: 0px 0px 24px 0px rgba(54, 33, 28, 0.10);
}
.tiul-wrap{
    cursor: pointer;
}
.tsct-img-bg{
    width: 100%;
    z-index: -1;
}
.tsct-img-bg img{
    width: 100%;
}
.tibi-li{
    width: 100%;
}
.tsct-img-bg-img{
    position: relative;
}
.tibi-li:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
}
.tsct-img-bg-img1 .tibi-li:nth-child(1){
    animation: move-forever1 12s linear infinite;
}
.tsct-img-bg-img1 .tibi-li:nth-child(2){
    animation: move-forever2 12s linear infinite;
}
.tsct-img-bg-img2 .tibi-li:nth-child(1){
    animation: move-forever1 10s linear infinite;
}
.tsct-img-bg-img2 .tibi-li:nth-child(2){
    animation: move-forever2 10s linear infinite;
}
@keyframes move-forever1 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes move-forever2 {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100%);
    }
}
.tsct-img-bg-img2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
/* F4-招贤纳士 */
.recruit-main .ys-nyban-tit p{
    color: #fff;
    width: 48%;
    margin-top: 20px;
}
.recruit-personnel{
    padding-bottom: 37px;
    overflow: hidden;
    position: relative;
}
.recruit-personnel::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 18.79%), linear-gradient(240deg, #FFF 13.4%, rgba(255, 255, 255, 0.00) 73.56%);
    position: absolute;
    top: 0;
    left: 0;
}
.recruit-personnel-bg{
    width: 100%;
    height: 100%;
    z-index: -1;
}
.recruit-personnel-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recruit-personnel-wrap{
    position: relative;
    z-index: 6;
}
.recruit-personnel-wrap-text h2{
    position: relative;
    padding-bottom: 40px;
}
.recruit-personnel-wrap-text h2::after{
    content: "";
    width: 200px;
    height: 4px;
    background: var(--main-bgcolor);
    position: absolute;
    bottom: 0;
    left: 0;
}
.rpwt-parga p{
    color: #8A8484;
    margin-bottom: 12px;
}
.recruit-personnel-wrap-text{
    width: 40%;
    z-index: 5;
    position: absolute;
    left: 0;
    bottom: 14%;
}
.rpwi-li-ul-li{
    width: 25%;
    padding: 0 16px;
}
.rpwi-li-ul{
    margin: 0 -16px;
    display: flex;
    flex-wrap: wrap;
}
.recruit-personnel-wrap-img{
    padding-left: 148px;
}
.rpwi-li-ul-li .ys-imgbox-cover{
    border-radius: var(--std-radius);
    box-shadow: 0px 36px 80px 0px rgba(0, 45, 26, 0.08), 0px 8.041px 17.869px 0px rgba(0, 45, 26, 0.04), 0px 2.394px 5.32px 0px rgba(0, 45, 26, 0.03);
}
.rpwi-li1  .rpwi-li-ul-li:nth-child(3){
    margin-left: 25%;
}
.rpwi-li{
    margin-bottom: 30px;
}
.rpwi-li2 .rpwi-li-ul{
    justify-content: flex-end;
}
.rpwi-li3 .rpwi-li-ul-li{
    margin-left: 50%;
}
.recruit-personnel-wrap-ph{
    display: none;
}
.recruit-system{
    overflow: hidden;
}
.recruit-system-bt-img{
    width: 57%;
}
.recruit-system-bt-text{
    width: 43%;
    padding-left: 80px;
}
.recruit-system-tit h2{
    display: inline-block;
}
.rsbi-tp{
    width: 100%;
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    margin-bottom: 12px;
}
.rsbi-tp img{
    width: 100%;
}
.rsbi-bt{
    margin: 0 -6px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.rsbi-bt-li{
    padding: 0 6px;
}
.rsbi-bt-li:nth-child(1){
    width: 65%;
}
.rsbi-bt-li:nth-child(2){
    width: 35%;
}
.rsbi-bt-li img{
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    height: 100%;
    object-fit: cover;
}
.rsbt-li-ul-li{
    margin-bottom: 60px;
}
.rsbt-li-ul-li:last-child{
    margin-bottom: 0;
}
.rsbt-li-ul-li .std-title3{
    margin-bottom: 20px;
}
.recruit-join{
    background: #F9F9F9;
    position: relative;
    overflow: hidden;
}
.recruit-join-bg{
    width: 100%;
    margin: auto;
}
.recruit-join-bg img{
    width: 100%;
}
.recruit-join-text-btn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.recruit-join-text{
    width: 572px;
    z-index: 5;
}
.recruit-join-text-tit{
    text-align: center;
}
.recruit-join-text h2{
    color: #333532;
    display: inline-block;
}
.recruit-join-text .std-title4{
    color: #8A8484;
    text-align: center;
    width: 81%;
    margin: auto;
    margin-bottom: 60px;
}
.recruit-join-wrap{
    width: 100%;
    max-width: 1920px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.rjiu-li{
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: absolute;
    cursor: pointer;
}
.rjiu-li img{
    width: 100%;
}
.rjiu-li1{
    width: 57px;
}
.rjiu-li2{
    width: 169px;
}
.rjiu-li3{
    width: 103px;
}
.rjiu-li4{
    width: 118px;
}
.rjiu-li5{
    width: 62px;
}
.rjiu-li6{
    width: 132px;
}
.rjiu-li7{
    width: 119px;
}
.rjiu-li8{
    width: 93px;
}
.rjiu-li9{
    width: 107px;
}
.rjiu-li10{
    width: 204px;
}
.rjiu-li11{
    width: 111px;
}
.rjiu-li12{
    width: 77px;
}
.rjiu-li .ys-imgbox-cover{
    transition: all .8s;
}
.recruit-join-bgs{
    width: 100%;
    position: absolute;
    bottom: -35%;
    left: 0;
    pointer-events: none;
}
.recruit-join-bgs img{
    width: 100%;
}
.rjiu-li.act .ys-imgbox-cover{
    transform: scale(1.4);
}
.recruit-join-slick{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
/* C2-市场应用详情 */
.markdet-main .pals-li .alsi-img {
    width: 60%;
}
.markdet-industry{
    overflow: hidden;
    background: linear-gradient(180deg, #F6FFFA 0%, rgba(244, 255, 243, 0.00) 50%);
}
.markdet-industry-tp-info{
    width: 66%;
}
.markdet-industry-tp h2{
    display: inline-block;
}
.markdet-industry-tp-tit{
    width: 34%;
}
.markdet-industry-tp{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.markdet-industry-tp-info p{
    margin-bottom: 12px;
    line-height: 1.6;
}
.markdet-industry-bt{
    width: 100%;
    border-radius: var(--std-radius);
    overflow: hidden;
    position: relative;
}
.markdet-industry-bt img{
    width: 100%;
}

.mibd-ul-li-icon{
    width: 52px;
}
.mibd-ul-li-icon img{
    width: 100%;
}
.mibd-ul-li-lab p{
    color: #191919;
}
.mibd-ul-li-lab .std-btn1-box{
    border: none;
    background: #fff;
}
.mibd-ul-li-lab .std-btn1-box::before{
    background-color: var(--main-bgcolor);
}
.mibd-ul-li{
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
}
.mibd-ul-li-lab{
    margin-left: 8px;
}
.markdet-apply{
    padding: 148px 0;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}
.markdet-apply::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 12, 25, 0.40) 0%, rgba(0, 12, 25, 0.40) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.markdet-apply-text h2{
    color: #fff;
    display: inline-block;
}
.markdet-apply-text-parga p{
    color: #fff;
    margin-bottom: 12px;
}
.markdet-apply-text-parga p:last-child{
    margin-bottom: 0;
}
.markdet-apply-text{
    width: 35%;
}
.markdet-apply-img{
    width: 65%;
    padding-left: 80px;
    /* padding-right: 234px; */
}
.markdet-apply-text-btn{
    display: inline-block;
}
.tdts-btn1 .tdts-btn-next{
    margin-left: 40px;
}
.markdet-apply-text-btn .tdts-btn-btn{
    background: transparent;
}
.markdet-apply-text-btn .tdts-btn-next .circle1{
    stroke: #fff;
}
.mais-li-cont{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 34px 9px 0px rgba(161, 155, 155, 0.00), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 1px 3px 0px rgba(161, 155, 155, 0.05);
    padding: 20px 32px 24px;
}
.markdet-apply-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 5;
    padding-left: calc(50% - 720px);
}
.mais-li-cont-img{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(25, 25, 25, .1);
}
.mais-li-cont-text{
    margin-top: 30px;
}
.mlct-parga p{
    height: 5.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #191919;
    opacity: 0.6;
}
.mlct-icon{
    display: flex;
    justify-content: flex-end;
}
.mlct-icon img{
    width: var(--std-icon);
}
.mais-li-cont-text .std-title4,
.mlct-parga{
    margin-bottom: 15px;
}
.markdet-apply-img-swiper{
    overflow: visible !important;
    width: 554px;
    margin: 0 !important;
}
.markdet-apply-img-wrap{
    overflow: hidden;
}
.swiper-button-disabled{
    opacity: 0.5;
    pointer-events: none;
}
.markdet-tech{
    width: 100%;
    position: relative;
    min-height: 100vh;
}
.markdet-tech-bg{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.markdet-tech-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.markdet-tech h2{
    margin-bottom: 65px;
    display: inline-block;
}
.markdet-tech-wrap-tit{
    text-align: center;
}
.markdet-tech-list{
    padding: 0 60px;
}
.mtlu-li{
    width: 50%;
    padding: 0 252px;
    margin-bottom: 73px;
}
.mtlu-li-cont{
    height: 100%;
    padding: 40px 32px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 41.778px 33.422px 0px rgba(7, 50, 90, 0.05), 0px 22.336px 17.869px 0px rgba(7, 50, 90, 0.04), 0px 12.522px 10.017px 0px rgba(7, 50, 90, 0.04), 0px 6.65px 5.32px 0px rgba(7, 50, 90, 0.03), 0px 2.767px 2.214px 0px rgba(7, 50, 90, 0.02);
}
.mtlu-li-cont-icon{
    width: 80px;
    margin: auto;
}
.mtlu-li-cont-tit{
    text-align: center;
    margin-top: 40px;
}
.mtlu-li-cont-parga{
    margin-top: 12px;
    text-align: center;
}
.markdet-tech-list-ul{
    margin: 0 -252px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    position: relative;
}
.markdet-tech-list-ul:not(:first-child) .mtlu-li:nth-child(1){
    top: -100px;
}
.mtlu-li:nth-child(1){
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
    animation: fadeInup1 1.1s ease-in-out both .2s !important;
}
.markdet-tech .ys-cont1440{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.markdet-tech-wrap{
    padding-top: 170px;
}
.markdet-tech-bg.isfixed{
    position: fixed;
    top: 0;
}
.markdet-tech-bg.isfixed.isab{
    position: absolute;
    top: auto !important;
    bottom: 0;
}
.markdet-tech-ph{
    display: none;
}
/* E1-绿色发展 */
.develop-main .ys-nyban-parga{
    width: 63%;
    margin: auto;
}
.about-main .ys-nyban-tit,
.develop-main .ys-nyban-tit{
    top: 30%;
    transform: translate(-50%,0);
    z-index: 5;
}
.develop-main .ys-nyban-bg1{
    top: 115px;
    left: -48px;
}
.ys-nyban-bg2{
    width: 453px;
    position: absolute;
    top: 127px;
    left: 54%;
}
.ys-nyban-bg2 img{
    width: 100%;
}
.develop-factory-tp-tit h2{
    display: inline-block;
}
.develop-factory-tp-parga p{
    color: #8A8484;
    margin-bottom: 12px;
}
.develop-factory-tp h2 span{
    color: var(--main-bgcolor);
}
.develop-factory-tp-tit{
    width: 34%;
}
.develop-factory-tp-parga{
    width: 66%;
}
.develop-factory-tp .ys-cont1440{
    display: flex;
    align-items: flex-start;
}
.develop-factory-tp-parga p:last-child{
    margin-bottom: 0;
}
.develop-factory-bg{
    width: 100%;
    padding: 0 60px;
    position: relative;
}
.dfbw-swiper{
    border-radius: 0 0 40px 40px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
}
.dfbw-swiper::after{
    content: "";
    width: 100%;
    height: 31%;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 66.9%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.develop-factory-bg-wrap{
    position: relative;
}
.dfbw-data{
    position: absolute;
    right: 60px;
    bottom: -96px;
    z-index: 5;
    padding: 38.5px 60px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 36px 80px 0px rgba(0, 139, 80, 0.08), 0px 8.041px 17.869px 0px rgba(0, 139, 80, 0.04), 0px 2.394px 5.32px 0px rgba(0, 139, 80, 0.03);
    width: 1068px;
}
.dfbw-data-ul{
    margin: 0 -60px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.dfbw-data-ul-li{
    width: 33.333333%;
    padding: 0 60px;
}
.ddul-cont{
    padding-top: 24px;
    border-top: 2px solid rgba(138, 132, 132, .2);
}
.ddul-cont-num span{
    background: linear-gradient(262deg, #11BEF4 10.06%, #02EE0B 110.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    font-family: 'longteng-Bold';
    margin-right: 6px;
}
.ddul-cont-num p{
    background: linear-gradient(262deg, #11BEF4 10.06%, #02EE0B 110.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ddul-cont-parga{
    margin-top: 4px;
}
.develop-factory{
    position: relative;
}
.develop-factory-tp{
    width: 100%;
    z-index: 5;
}
.develop-factory-bg-btn{
    bottom: 50px;
    left: calc(50% - 720px);
    transform: translateX(0);
    z-index: 5;
}
.develop-economy-tit{
    width: 100%;
    border-radius: 40px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
}
.develop-economy-tit img{
    width: 100%;
}
.develop-economy-tit h2{
    color: #fff;
    text-align: center;
}
.develop-economy{
    background: #F9F9F9;
    overflow: hidden;
    border-radius: 40px 40px 0 0;
}
.dalu-li-text-parga{
    margin-top: 40px;
}
.dalu-li-text-parga p span{
    color: var(--main-bgcolor);
}
.dalu-li-img{
    width: 48%;
    position: relative;
}
.dlis-li .ys-imgbox-cover{
    border-radius: var(--std-radius);
    overflow: hidden;
}
.dalu-li-text{
    width: 52%;
    padding-left: 80px;
}
.dalu-li{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dalu-li.on{
    flex-direction: row-reverse;
}
.dalu-li.on .dalu-li-text{
    padding-left: 0;
    padding-right: 80px;
}
.dalu-li-img-btn{
    width: 100%;
    padding: 0 10px;
    z-index: 5;
}
.dalu-li-img-btn .tdts-btn-next .circle1{
    stroke: #01CC76;
}
.dalu-li-img .swiper-pagination-bullet{
    width: 30px;
    height: 4px;
    margin: 0 4px;
    opacity: 0.2;
    background: var(--main-bgcolor);
    border-radius: 80px;
    transition: all .3s ease-out 0s;
}
.dalu-li-img .swiper-pagination-bullet-active{
    width: 78px;
    opacity: 1;
    background: var(--main-bgcolor);
}
.dalu-li-img .swiper-pagination{
    left: 50%;
    transform: translateX(-50%);
}
.develop-energy h2{
    text-align: center;
}
.develop-energy-tab{
    text-align: center;
    margin-bottom: 40px;
}
.detl-ul-li-parga p{
    color: #8A8484;
}
.detl-ul-li-parga{
    margin: auto;
    width: 68%;
    text-align: center;
}
.duld-ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.duld-ul-li-num span{
    background: linear-gradient(262deg, #11BEF4 10.06%, #02EE0B 110.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'longteng-Bold';
    margin-right: 4px;
}
.duld-ul-li-num p{
    background: linear-gradient(262deg, #11BEF4 10.06%, #02EE0B 110.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.duld-ul-li-praga{
    margin-top: 4px;
}
.duld-ul-li-praga p{
    color: #8A8484;
}
.detl-ul-li-data{
    margin-bottom: 97px;
}
.duli-ul-li .std-parga1{
    text-align: center;
    color: #191919;
    margin-top: 24px;
}
.duli-ul-li .ys-imgbox-cover{
    border-radius: var(--std-radius);
}
.duli-list{
    width: 696px;
    margin: auto;
}
.duli-ul .slick-list{
    overflow: visible;
}
.duli-ul-li{
    padding: 0 15px;
}
.duli-ul{
    margin: 0 -15px;
}
.duli-ul-li .ys-slick-item-cont{
    transform: scale(0.74);
    transition: all .5s;
}
.duli-ul-li.slick-current .ys-slick-item-cont{
    transform: scale(1);
}
.detl-ul-li:not(:first-child){
    display: none;
}
.detl-ul-li-img{
    position: relative;
}
.detl-ul-li-img::before{
    content: "";
    width: 20%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
}
.detl-ul-li-img::after{
    content: "";
    width: 20%;
    height: 100%;
    background: linear-gradient(-90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    pointer-events: none;
}
.develop-green-tit h2{
    display: inline-block;
}
.develop-green-tit{
    text-align: center;
}
.develop-green h2 span{
    color: var(--main-bgcolor);
}
.mod-content{
    position: relative;
    z-index: 5;
}
.develop-green-parga p{
    text-align: center;
    color: #8A8484;
}
.dgil-li{
    border-radius: var(--std-radius);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    flex-shrink: 0;
}
.dgil-li img{
    width: 100%;
}
.dgil-li1{
    width: 76%;
    margin-bottom: 25px;
}
.dgil-li2{
    width: 118%;
}
.develop-green-img-le,
.develop-green-img-ri{
    width: 31%;
    flex-shrink: 0;
    position: relative;
    margin-top: -100px;
}
.develop-green-img{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
.develop-green-img-le .dgil-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.develop-green-img-le .dgil-li2{
    position: relative;
    left: -20px;
}
.develop-green-img-ri .dgil-li2{
    position: relative;
    left: 20px;
}
.develop-green-img-mid{
    width: 36%;
    transform-origin: top;
    height: var(--pro-height);
    flex-shrink: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
}
.develop-green-img-mid .dgim-wrap-bg::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(257deg, rgba(0, 34, 20, 0.00) 38.68%, rgba(0, 34, 20, 0.60) 99.18%), linear-gradient(0deg, rgba(33, 33, 33, 0.40) 0%, rgba(33, 33, 33, 0.40) 100%);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .36s;
    border-radius: var(--std-radius);
    opacity: 0;
}
.develop-green-img-mid.skrollable-after .dgim-wrap-bg::after{
    opacity: 1;
}
@keyframes imgLeft1{
    0%{
        opacity: 0;
        transform: translateX(-100%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes imgRight1{
    0%{
        opacity: 0;
        transform: translateX(100%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}

.imgLeft1{
    animation: imgLeft1 1s ease-in-out both;
}
.imgRight1{
    animation: imgRight1 1s ease-in-out both;
}
.develop-green-img-pics img{
    object-fit: cover;
}
.develop-green-img-mid .ys-imgbox-contain{
    border-radius: var(--std-radius);
    height: 100%;
}
.dgip-wrap-btn .std-btn2-box{
    border: 1px solid #fff;
}
.dgip-wrap-btn .std-btn2-box p{
    color: #fff;
}
.dgip-wrap{
    z-index: 5;
    width: 100%;
}
.dgip-wrap.active h3{
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .1s;
}
.dgip-wrap.active .dgip-wrap-parga{
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .25s;
}
.dgip-wrap.active .dgip-wrap-btn{
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .4s;
}
.dgip-wrap.active .dwiu-li:nth-child(2n+1){
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .1s;
}
.dgip-wrap.active .dwiu-li:nth-child(2n+2){
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .15s;
}
.dgip-wrap-parga p{
    color: #fff;
}
.dgip-wrap h3{
    margin-bottom: 40px;
    color: #fff;
    transform: translateY(60px);
    opacity: 0;
    transition: all .4s ease-in-out;
}
.dgip-wrap-parga{
    margin-bottom: 40px;
    transform: translateY(60px);
    opacity: 0;
    transition: all .4s ease-in-out;
}
.dgip-wrap-btn{
    transform: translateY(60px);
    opacity: 0;
    transition: all .4s ease-in-out;
}
.dgip-wrap-text{
    width: 58%;
    padding-right: 300px;
}
.dgip-wrap-img{
    width: 42%;
}
.dgip-wrap .ys-cont1440{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dgip-wrap-img-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -33px;
    align-items: stretch;
}
.dwiu-li{
    width: 50%;
    padding: 0 33px;
    margin-top: 24px;
    transform: translateY(60px);
    opacity: 0;
    transition: all .8s ease-in-out;
}
.dwiu-li:nth-child(1),
.dwiu-li:nth-child(2){
    margin-top: 0;
}
.dwiu-li-cont{
    padding: 28px 28px 12px;
    border-radius:  var(--std-radius);
    overflow: hidden;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    position: relative;
    height: 100%;
}
.dwiu-li-cont::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.dwiu-li-cont-img{
    width: 72%;
    margin: auto;
    height: auto !important;
}
.dwiu-li-cont-img img{
    height: auto !important;
}
.dwiu-li-cont-tit{
    margin-top: 10px;
    text-align: center;
    color: #fff;
}
.develop-emiss{
    background: #F9F9F9;
    position: relative;
    padding-left: calc(50% - 720px);
    z-index: 1;
}
.develop-emiss::after{
    content: "";
    width: 100%;
    height: 340px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.develop-economy-list{
    overflow: hidden;
}
.dewl-link{
    margin-bottom: 60px;
}
.develop-emiss-wrap-le{
    width: 570px;
    margin-top: 46px;
    position: sticky;
    top: 182px;
}
.develop-emiss-wrap-ri{
    width: calc(100% - 570px);
    padding-left: 50px;
    overflow: hidden;
}
.dlsl-cont{
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    box-shadow: 0px 36px 80px 0px rgba(0, 139, 80, 0.08), 0px 8.041px 17.869px 0px rgba(0, 139, 80, 0.04), 0px 2.394px 5.32px 0px rgba(0, 139, 80, 0.03);
}
.dewr-li-swiper-li{
    width: 464px !important;
    height: auto !important;
}
.dlsl-cont-text{
    padding: 24px;
}
.dlsl-cont-text-info{
    margin-top: 12px;
}
.dlsl-cont-text .std-title4{
    color: #001F41;
}
.dewr-li-swiper{
    overflow: visible !important;
}
.dewr-li1{
    padding-right: 84px;
    overflow: hidden;
}
.dlwi-ul-li{
    width: 33.333333%;
    padding: 0 20px;
}
.dlwi-ul{
    margin: 0 -20px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.dlwi-ul-li-cont{
    border-radius: 50%;
    position: relative;
    width: 240px;
    height: 240px;
}
.dlwi-ul-li-cont::before{
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.dlwi-ul-li-cont::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(#06D4E1, #01CC76);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0.1;
}
.dulc-before-icon{
    width: 48px;
    margin: auto;
}
.dulc-before-icon img{
    width: 100%;
}
.dulc-before-tit{
    text-align: center;
    margin-top: 4px;
    color: #191919;
}
.dulc-before-parga{
    margin-top: 4px;
    text-align: center;
}
.dulc-before-parga p{
    color: var(--main-bgcolor);
}
.dulc-before-bg{
    width: 120px;
    z-index: -1;
    pointer-events: none;
}
.dulc-before-bg img{
    width: 100%;
}
.dewr-li-wrap-item.effect .dulc-after{
    opacity: 0;
    pointer-events: none;
}
.dewr-li-wrap-item.effect .dulc-before{
    opacity: 1;
    pointer-events: all;
}
.dulc-before{
    opacity: 0;
    transition: all .36s;
    pointer-events: none;
}
.dulc-after{
    opacity: 1;
    transition: all .36s;
    pointer-events: all;
}
/* .dlwi-btn .nwbu-li{
    pointer-events: none;
} */
.dlwi-btn{
    text-align: center;
    margin-top: 32px;
}
.develop-emiss-bg{
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}
.develop-emiss-bg img{
    width: 100%;
}
.develop-html,.develop-body{
    overflow: inherit !important;
}
.develop-energy{
    overflow: hidden;
}
.develop-green{
    overflow: hidden;
}
.dgip-seize{
    width: 100%;
    opacity: 0;
    pointer-events: none;
}
.dgip-seize img{
    width: 100%;
}
.develop-green-wrap{
    position: relative;
    margin-top: 150px;
}
.develop-factory-wrap{
    position: relative;
}
.rmwa-bg img{
    opacity: 0;
    transform: translateX(60px);
}
.rmwa-bg.act img{
    animation: imgRightUp 1s ease-in-out both .3s;
}
.dgim-wrap{
    height: 100%;
    animation-delay: 0s !important;
}
.dewl-tit h2{
    display: inline-block;
}
.develop-energy-tit{
    text-align: center;
}
.develop-energy-tit h2{
    display: inline-block;
}
.develop-economy-tit-box h2{
    display: inline-block;
}
.develop-economy-tit-box{
    text-align: center;
}
.prodet-overview-text-tit h2{
    display: inline-block;
}
/* C1-市场应用列表 */
.market-main .home-info-use{
    margin-left: 0;
}
.market-main .home-info-wrap{
    position: relative;
}
.market-main .hiut-li-circle-wrap{
    visibility: visible;
}
.market-main .home-info-use-bg::after{
    width: 48%;
    background: linear-gradient(90deg, rgba(7, 23, 42, 0.40) 0%, rgba(7, 23, 42, 0.00) 100%);
}
.market-main .home-info-use-cloud{
    opacity: 1;
}
.market-main .hiuc-img1 img{
    transform: translateX(0);
}
.market-main .hiuc-img2 img, 
.market-main .hiuc-img3 img, 
.market-main .hiuc-img4 img, 
.market-main .hiuc-img5 img {
    transform: translate(0,0);
}
.market-main .hiuc-img6 img, 
.market-main .hiuc-img7 img, 
.market-main .hiuc-img8 img, 
.market-main .hiuc-img9 img, 
.market-main .hiuc-img10 img {
    transform: translateY(0);
}
.market-main .ys-ban-bg{
    opacity: 1;
    left: auto !important;
    right: -250px;
}
.market-main .mod-foot{
    z-index: 5;
}
.market-main .hiut-li7 {
    transform: translateY(-24px);
}
.market-main .ybbs-line2,
.market-main .ybbs-line3{
    opacity: 0;
}
.market-main .ys-ban-bg.init .ybbs-line2,
.market-main .ys-ban-bg.init .ybbs-line3{
    opacity: 1;
}
.home-info-use-bg.effect .hiub-li img{
    opacity: 0 !important;
}
.home-info-use-bg.effect .hiub-li.act .hiub-li-img img{
    opacity: 1 !important;
}
.market-main .hiuc-img1{
    left: -19%;
}
.market-main .hiuc-img2 {
    top: -34%;
    left: -16%;
}
.market-main .hiuc-img3 {
    top: -50%;
    left: -21%;
}
.market-main .hiuc-img4 {
    right: -27%;
    top: -37%;
}
.market-main .hiuc-img5 {
    right: -28%;
    top: -11%;
}
.market-main .hiuc-img11{
    width: 33%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -18%;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .hodu-li:hover .hodu-li-text{
        pointer-events: all;
    }
    .hodu-li:hover .hodu-li-text::after {
        width: 100%;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
    }
    .hodu-li:hover .hodu-li-text p {
        opacity: 1;
        transition: all .36s .4s;
    }
    .hlwl-btn .tdts-btn-btn:hover{
        background: var(--main-bgcolor);
    }
    .dalu-li-img-btn .tdts-btn-btn:hover .circle2 {
        fill: #01CC76;
        stroke: #01CC76;
    }
    .markdet-apply-text-btn .tdts-btn-btn:hover {
        background: #fff;
    }
    .markdet-apply-text-btn .tdts-btn-btn:hover .tdts-btn-btn-icon svg path{
        stroke: var(--main-bgcolor);
    }
    .mibd-ul-li:hover .std-btn1-box p{
        color: #fff;
    }
    .mibd-ul-li:hover .std-btn1-box::before{
        transform: scaleX(1);
        transform-origin: left;
    }
    .pslu-li:hover img:nth-child(1){
        opacity: 0;    
        transition: all .36s;
    }
    .pslu-li:hover img:nth-child(2){
        opacity: 1;
    }
    .markdet-apply-text-btn .tdts-btn-btn:hover .circle2{
        fill: transparent;
        stroke: transparent;
    }
    /* .tdts-btn-btn:hover{
        background: var(--main-bgcolor);
    } */
    .tdts-btn-btn:hover .circle2{
        fill: var(--main-bgcolor);
        stroke: var(--main-bgcolor);
    }
    .tdts-btn-btn:hover .tdts-btn-btn-icon svg path{
        stroke: #fff;
    }
    .tdcl-li-slick .slick-arrow:hover{
        background: var(--main-bgcolor);
    }
    .tdcl-li-slick .slick-arrow:hover::after{
        background: url(../images/f7_icon1_1.svg) center / cover no-repeat;
    }
    /* .tawl-item:hover .tawl-item-ul1, 
    .tawl-item:hover .tawl-item-ul2 {
        animation-play-state: paused;
    } */
    .tspl-ul-li-cont:hover .tulc-after{
        opacity: 1;
        pointer-events: all;
    }
    .ys-share-list:hover .mfcb-ri-li-pop{
        opacity: 1;
        bottom: 100%;
        transform: translateX(-50%) scale(1);
    }
    .rdcw-list-ul-li:hover .rlul-btn{
        opacity: 1;
    }
    .ahia-btn-icon:hover {
        background: #01CC76;
    }
    .ahia-btn-icon:hover img:nth-child(2){
        opacity: 0;
    }
    .pwlu-li-cont:hover .pwlu-li-wrap-bg{
        opacity: 1;
    }
    .pwlu-li-cont:hover .std-title4{
        color: #fff;
    }
    .pwlu-li-cont:hover .pwlu-li-text-info p{
        color: #fff;
    }
    .pwlu-li-cont:hover .pwlu-li-text-info p::before{
        background: #fff;
    }
    .pwlu-li-cont:hover .pwlu-li-img{
        opacity: 0;
    }
    .pwlu-li-cont:hover .pwlu-li-text-btn{
        opacity: 1;
        transform: translateY(-22px);
    }
    .pwlu-li-cont:hover .pwlu-li-text {
        transform: translateY(-22px);
    }
    .pwlu-li-cont:hover .pwlu-li-wrap-icon{
        opacity: 0;
    }
    .pltb-li2 .std-btn1-box:hover::before{
        transform: scaleX(0);
        transform-origin: right;
    }
    .nwbu-li .std-btn1-box:hover p{
        color: #fff;
    }
    .nwbu-li .std-btn1-box:hover{
        border: 1px solid transparent;
    }
    .rlbb-li1 .std-btn1-box:hover p{
        color: #fff;
    }
    .mfcb-ri-li:hover .mfcb-ri-li-pop {
        opacity: 1;
        bottom: 100%;
        transform: translateX(-50%) scale(1);
    }
    .mfct-link:hover,.mfct-list-link:hover,.mfct-list-ul a:hover{
        color: var(--main-bgcolor);
    }
    .hnid-wrap a:hover .hnid-wrap-text-icon img {
        transform: translateX(0);
    }
    .hnid-list li.yxnav-active3 a{
        color: var(--main-bgcolor);
    }
    .std-btn1-box:hover::before,
    .std-btn2-box:hover::before{
        transform: scaleX(1);
        transform-origin: left;
    }
    .std-btn1-box:hover p{
        color: var(--main-bgcolor);
    }
    .std-btn2-box:hover p{
        color: #fff;
    }
    .std-btn1-box:hover .std-btn1-box-icon img,
    .std-btn2-box:hover .std-btn1-box-icon img{
        transform: translateX(0);
    }
    .std-btn2-box:hover{
        border: 1px solid transparent;
    }
    .std-arrow-btn:hover{
        background: var(--main-bgcolor);
    }
    .std-arrow-btn:hover .std-arrow-btn-icon img:nth-child(2){
        opacity: 0;
    } 
    .hlwl-ul-li a:hover .ys-imgbox-cover img {
        transform: scale(1);
    }
    .rlbb-li .std-btn1-box:hover{
        border: 1px solid transparent;
    }
    /* .std-arrow-btn:hover::before {
        transform: scaleX(1);
        transform-origin: left;
    }*/
}

/* 载入效果 */
@keyframes titFadeup1{
    0%{
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%);
        transform: translateY(100%);
        opacity: 0;
    }
    100%{
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transform: translateY(0);
    }
}
@keyframes titFadeup1_1{
    0%{
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transform: translateY(0);
    }
    100%{
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%);
        transform: translateY(-100%);
        opacity: 0;
    }
}
@keyframes imgScale{
    0%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes fadeInup {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInup1 {
    0%{
        opacity: 0;
        -webkit-transform: translate(-50%,60px);
        transform: translate(-50%,60px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}
.titFadeup1{
    animation: titFadeup1 1.1s ease-in-out both .1s;
}
.titFadeup2{
    animation: titFadeup1 1.1s ease-in-out both .2s;
}
.fadeInup1{
    animation: fadeInup 1.1s ease-in-out both .2s;
}
.fadeInup2{
    animation: fadeInup 1.1s ease-in-out both .3s;
}
.fadeInup3{
    animation: fadeInup 1.1s ease-in-out both .4s;
}
.fadeInUpimg{
    animation: imgScale 1.2s ease-in-out both .2s;
}
.ciwl-ul-li:nth-child(1) .ciwl-ul-li-wrap{
    animation-delay: .2s;
}
.ciwl-ul-li:nth-child(2) .ciwl-ul-li-wrap{
    animation-delay: .3s;
}
.ciwl-ul-li:nth-child(3) .ciwl-ul-li-wrap{
    animation-delay: .4s;
}
.rpwi-li-ul-li:nth-child(3n+1),
.pwlu-li:nth-child(3n+1),
.nwlu-li:nth-child(3n+1) .ys-imgbox-cover,
.pwlu-li:nth-child(3n+1),
.nwlu-li:nth-child(3n+1) .ys-imgbox-cover,
.colu-li:nth-child(3n+1),
.colu-li:nth-child(3n+1) .ys-imgbox-cover{
    animation-delay: .2s;
}
.rpwi-li-ul-li:nth-child(3n+2),
.pwlu-li:nth-child(3n+2),
.pwlu-li:nth-child(3n+2) .ys-imgbox-cover,
.nwlu-li:nth-child(3n+2),
.nwlu-li:nth-child(3n+2) .ys-imgbox-cover,
.colu-li:nth-child(3n+2),
.colu-li:nth-child(3n+2) .ys-imgbox-cover{
    animation-delay: .4s;
}
.rpwi-li-ul-li:nth-child(3n+3),
.pwlu-li:nth-child(3n+3),
.pwlu-li:nth-child(3n+3) .ys-imgbox-cover,
.nwlu-li:nth-child(3n+3),
.nwlu-li:nth-child(3n+3) .ys-imgbox-cover,
.colu-li:nth-child(3n+3),
.colu-li:nth-child(3n+3) .ys-imgbox-cover{
    animation-delay: .6s;
}
.ahll-top.act .ahll-time{
    animation: fadeInup 1s ease-in-out both .1s;
}
.ahll-top.act .ahll-year{
    animation: fadeInup 1s ease-in-out both .2s;
}
.ahll-top.act .ahll-tit {
    animation: fadeInup 1s ease-in-out both .3s;
}
.ahll-top.act .ahll-parga{
    animation: fadeInup 1s ease-in-out both .4s;
}
.tspl-ul-li:nth-child(3n+1),
.ttlu-li:nth-child(3n+1),
.rmwa-list-tp .rltu-li:nth-child(3n+1){
    animation-delay: .2s;
}
.tspl-ul-li:nth-child(3n+2),
.ttlu-li:nth-child(3n+2),
.rmwa-list-tp .rltu-li:nth-child(3n+2),
.rmwi-list-ul-li:nth-child(3n+1){
    animation-delay: .3s;
}
.tspl-ul-li:nth-child(3n+3),
.ttlu-li:nth-child(3n+3),
.rmwa-list-tp .rltu-li:nth-child(3n+3),
.rmwi-list-ul-li:nth-child(3n+2){
    animation-delay: .4s;
}
.rmwi-list-ul-li:nth-child(3n+3){
    animation-delay: .5s;
}
.rmwa-list-bt .rltu-li:nth-child(2n+1){
    animation-delay: .2s;
}
.rmwa-list-bt .rltu-li:nth-child(2n+2){
    animation-delay: .3s;
}
@keyframes imgRightUp{
    0%{
        opacity: 0;
        transform: translateX(60px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes imgLefttUp{
    0%{
        opacity: 0;
        transform: translateX(-60px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes linePro{
    0%{
        stroke-dashoffset: 1635px;
    }
    100%{
        stroke-dashoffset: 0px;
    }
}
.imgfadeRight{
    animation: imgRightUp 1s ease-in-out both .1s;
}
.imgLefttUp{
    animation: imgLefttUp 1s ease-in-out both .1s;
}
.markdet-apply-img{
    animation-delay: .4s !important;
}
.tawu-li.on .tawu-li-img.imgfadeRight{
    animation: imgLefttUp 1s ease-in-out both .1s;
}
.dalu-li.on .dalu-li-img.imgLefttUp{
    animation: imgRightUp 1s ease-in-out both .1s;
}
/* 2024.4.18 */
.pwlu-li-cont{
    position: relative;
}
.pwlu-li-text{
    padding-bottom: 86px;
}
.pwlu-li-text-btn{
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    margin-top: 0 !important;
    padding: 0 32px;
    transform: translateY(0);
}
.dlwi-ul-li.before .dulc-before{
    opacity: 1;
}
.dlwi-ul-li.before .dulc-after{
    opacity: 0;
}
/* body{
    height: auto !important;
} */
.home-new-list{
    z-index: 5;
}
.about-main .mod-foot{
    z-index: 5;
}
@keyframes textfadeInUp{
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    100%{
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.tdts-swiper-item .std-title4,
.tdts-swiper-item .tdts-swiper-item-parga{
    opacity: 0;
}
.tdts-swiper-item.swiper-slide-active .std-title4{
    animation: textfadeInUp 1s ease-in-out both .9s !important;
}
.tdts-swiper-item.swiper-slide-active .tdts-swiper-item-parga{
    animation: textfadeInUp 1s ease-in-out both 1s !important;
}
.tdls-li{
    transform: scale(1.5);
    transition: transform .5s;
}
.tdls-li.swiper-slide-prev,
.tdls-li.swiper-slide-next{
    transform: scale(1.25);
}
.tdls-li.swiper-slide-active{
    transform: scale(1);
}
.tdls-li .tdls-li-img{
    transform: rotateY(0);
    transition: transform .5s;
    -webkit-mask-image: url(../images/e2_img31.png);
    mask-image: url(../images/e2_img31.png);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
}
.tdls-li.swiper-slide-prev .tdls-li-img{
    transform: rotateY(20deg);
}
.tdls-li.swiper-slide-next .tdls-li-img{
    transform: rotateY(-20deg);
}
.hlec-img1{
    left: -18%;
    top: 20%;
}
.hlec-img2{
    top: 34%;
    left: 47%;
}
.hlea-text{
    height: 100%;
}
.hlea-text-cont{
    height: 100%;
    position: relative;
}
.home-leader-earth-wrap{
    height: 100%;
    display: flex;
    align-items: center;
}
.hlew-cont{
    width: 100%;
}
.hlew-cont-wrap{
    width: 36%;
    margin: auto;
    position: relative;
}
.prodet-main .ys-nyban-img{
    position: relative;
}
.prodet-main .ys-nyban-img::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(2, 8, 40, 0.60) 0%, rgba(2, 8, 40, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.prodet-authen-bg{
    bottom: 0;
    top: auto !important;
}
.pals-li-tit{
    height: 1.6em;
}
.prodet-authen-bg img{
    width: auto !important;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: none !important;
}
.aulw-text-info li{
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}
.search-main .ys-hd-pc{
    background: #fff;
}
.develop-emiss-wrap-le{
    padding-bottom: var(--std-padding2);
}
.duld-ul-li{
    width: 16.666666%;
    text-align: center;
}
.duld-ul {
    justify-content: center;
}
.markdet-tech-list{
    width: 1440px;
}
.prodet-overview-img.empty .tdts-btn{
    opacity: 0;
}
.ys-ban-imgbox::before{
    background: rgba(0,0,0,.1);
}
/* 2024.4.22修改 */
.hlew-cont-img{
    transform-origin: center;
    transform: scale(1.4);
}
.hlec-tit-box{
    display: inline-block;
    position: relative;
    width: 0%;
    overflow: hidden;
}
.hlec-tit{
    z-index: 6;
    text-align: left;
}
.hlec-tit h2{
    white-space: nowrap;
}
@keyframes textWidth1{
    0%{
        width: 0%;
    }
    100%{
        width: 110%;
    }
}
@keyframes textWidth2{
    0%{
        width: 110%;
    }
    100%{
        width: 0%;
    }
}
.home-leader.active .hlec-tit-box{
    animation: textWidth1 2s ease-in-out both;
}
.hlec-tit-box{
    animation: textWidth2 2s ease-in-out both;
}
.hlew-cont-card-li1 {
    animation: cardChange1_1 1.5s linear both;
}
.hlew-cont-card-li2 {
    animation: cardChange2_1 1.5s linear both;
}
.hlew-cont-card-li3 {
    animation: cardChange3_1 1.5s linear both;
}
.hlew-cont-card{
    opacity: 1;
}

.hnli-list{
    position: relative;
    width: 100%;
}
.hnli-bg {
    width: 114%;
}
.home-new-list-img{
    position: absolute;
    width: 36%;
    transform: translate(-50%,-50%) scale(0.6);
    margin: 0;
}
.home-new .ys-cont1440{
    height: calc(36vw * 0.6);
}
.home-new-wrap{
    height: 100%;
}
.home-new-tit {
    position: absolute;
    top: -134px;
    left: 50%;
    transform: translateX(-50%);
}
.home-leader.notfixed .home-new {
    position: absolute;
    top: auto !important;
    bottom: -80px;
}
.hnlu-li1,.hnlu-li6{
    top: 20px;
}
.hnlu-li3,.hnlu-li4 {
    bottom: 15px;
}
.hnlu-li-tit{
    height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.home-new-titph{
    display: none;
}
/* 2024.4.23修改 */
.develop-energy{
    position: relative;
}
.develop-energy-bg{
    width: 100%;
    z-index: -1;
    bottom: -35%;
}
.develop-energy-bg img{
    width: 100%;
}
.techno-system-tp-box{
    position: relative;
}
.techno-system-tp-box::after{
    content: "";
    width: 100%;
    height: calc(100% + 80px + 106px);
    background: linear-gradient(180deg, #F6FFFA 0%, rgba(244, 255, 243, 0.00) 100%);
    position: absolute;
    top: -186px;
    left: 0;
    z-index: -1;
}
.inddet-nav{
    z-index: 6;
}
.techno-system-tp{
    overflow: visible;
}
.home-office-cloud-img{
    pointer-events: none;
}
.hodu-li{
    transform: translate(-100%,0);
}
.hodu-li.point-left{
    transform: translate(0,0);
    flex-direction: row-reverse;
}
.hodu-li.point-left .hodu-li-circle{
    margin-left: 0;
    margin-right: 17px;
}
.hlwl-btn{
    display: inline-block;
    margin-top: 20px;
}
.hlwl-btn .tdts-btn-btn{
    background: #fff;
}
.prodet-apply.empty .pabs-lis{
    transform: scale(1.38);
}
.prodet-apply.empty .prodet-apply-bt-btn,
/* .prodet-apply.empty .prodet-apply-tab-ul, */
.prodet-apply.empty .prodet-apply-tab-line{
    display: none;
}
.prodet-apply.empty .prodet-apply-tab{
    margin-top: 0;
    padding-top: 108px;
}
.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: #fff !important;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--main-bgcolor) !important;
}
.dfbw-swiper-li::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(172deg, #FFF 10.95%, rgba(255, 255, 255, 0.00) 40.3%);
    position: absolute;
    top: 0;
    left: 0;
}
.dfbw-swiper-li::before{
    content: "";
    width: 100%;
    height: 31%;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 66.9%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.dfbw-swiper{
    border-radius: 40px;
}

/* .home-main .ys-hd-pc.change .head-logo{
    opacity: 1;
    pointer-events: all;
} */
/* .home-main .ys-hd-pc.change .head-mid{
    width: 810px;
}
.home-main .ys-hd-pc.change .head-mid .head-mid-wrap-logo{
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
}
.home-main .ys-hd-pc.change .head-mid-wrap-list {
    height: auto;
    padding-left: 0;
} */
/* .home-main .ys-hd-pc.change .head-nav{
    justify-content: flex-start;
} */
.home-main .ys-hd-pc.change .head-mid::after{
    opacity: 0;
}
/* .home-main .ys-hd-pc.change .head-nav-item-title {
    line-height: 62px;
} */
.home-main .ys-hd-pc.change .head-mid-search {
    height: 62px;
}

.home-main .ys-hd-pc.change.index-nav .head-logo{
    opacity: 0;
    pointer-events: none;
}
.home-main .ys-hd-pc.change.index-nav .head-mid{
    width: 1426px;
}
.home-main .ys-hd-pc.change.index-nav .head-mid .head-mid-wrap-logo{
    opacity: 1;
    pointer-events: all;
    transition: all .5s .36s;
}
.home-main .ys-hd-pc.change.index-nav .head-mid-wrap-list {
    height: 80px;
    /* padding-left: 258px; */
}
.home-main .ys-hd-pc.change.index-nav .head-nav{
    justify-content: center;
}
.home-main .ys-hd-pc.change.index-nav .head-mid::after{
    opacity: 1;
}
.home-main .ys-hd-pc.change.index-nav .head-nav-item-title {
    line-height: 80px;
}
.home-main .ys-hd-pc.change.index-nav .head-mid-search {
    height: 80px;
}
.dewl-link{
    margin-bottom: 0 !important;
    width: calc(100% - 140px);
    padding-right: 50px;
}
.dewl-cont{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: right;
}
.rvts-li-link:last-child{
    margin-bottom: 0;
}
.dewl-btn{
    text-align: right;
}
.develop-green-wrap{
    height: 125vh;
}
.develop-green-img{
    height: calc(100vh - 136px);
    position: relative;
}
.develop-green-img.isfixed{
    position: fixed;
    top: 136px;
    left: 0;
}
.develop-green-img.isfixed.isab{
    position: absolute;
    top: auto !important;
    left: 0;
    bottom: 0;
}
.develop-green-img.isfixed .develop-green-img-mid .dgim-wrap-bg::after{
    opacity: 1;
}
.develop-green-img.isfixed h3{
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .1s;
}
.develop-green-img.isfixed .dgip-wrap-parga{
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .25s;
}
.develop-green-img.isfixed .dgip-wrap-btn{
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .4s;
}
.develop-green-img.isfixed .dwiu-li:nth-child(2n+1){
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .1s;
}
.develop-green-img.isfixed .dwiu-li:nth-child(2n+2){
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease-in-out .15s;
}
.home-info {
    padding-bottom: 240vh;
}
.hccl-cont .std-parga2 {
    margin-top: 30px;
}
.hccl-cont .std-parga2 p{
    color: #191919;
    opacity: 0.6;
    height: 10.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.hodu-li-text p{
    white-space: nowrap;
}
.dlsl-cont{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 139, 80, 0.08), 0px 8.041px 17.869px 0px rgba(0, 139, 80, 0.04), 0px 2.394px 5.32px 0px rgba(0, 139, 80, 0.03);
}
.dewr-li1{
    padding-left: 25px;
}
.hlec-tit-box span{
    background-image: url(../images/a_bg_001.jpg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: 100vw 100vw;
    background-size: 100vw;
    background-position: center;
}
.hlec-tit-box {
    left: -5%;
}
.hlec-tit h2{
    height: 200px;
    position: relative;
    left: 5%;
}
.hnlu-li{
    display: none;
}
.hnlu-li:nth-child(-n+6){
    display: block;
}
.home-leader-earth-bg {
    top: -60%;
    transform: scale(1);
    transition: transform 2s ease-in-out,opacity 1s ease-in-out,top 2s ease-in-out;
}
.home-leader.active .home-leader-earth-bg{
    top: 0;
    transform: scale(0.9);
}
.hccl-cont-icon {
    width: 104px;
    margin-left: calc(100% - 104px + 30px);
}
.home-leader-wrap{
    transition: transform 1.5s ease-in-out .5s,opacity 1.5s ease-in-out .5s;
    position: relative;
    z-index: 5;
}
.home-leader.active .home-leader-wrap{
    transform: translateY(-150px);
    opacity: 0;
    transition: transform 1.5s ease-in-out,opacity 1.5s ease-in-out;
}
.yx-search3-tbox-wrap{
    width: 66%;
    margin: auto;
    border-radius: 40px;
    border: 1px solid rgba(25, 25, 25, 0.20);
}
.yx-search3-xls input{
    padding: 0 40px;
    height: 100%;
}
.yx-search3xlbtn .std-btn1-box{
    padding: 0 32px;
}
.yx-search3-xls {
    width: calc(100% - 138px);
    height: 50px;
}
.yx-search3xlbtn{
    line-height: 50px;
}
.yx-search3xlbtn .std-btn1-box p{
    line-height: 48px;
}
.yx-search3-xls input,
.yx-search3-xls input::placeholder{
    color: #8A8484;
}
.hlwl-btn .tdts-btn-btn{
    width: 36px;
    height: 36px;
}
.hlwl-btn .tdts-btn-btn-icon {
    width: 20px;
    height: 20px;
}
.hlwl-btn .tdts-btn1 .tdts-btn-next {
    margin-left: 20px;
}
.hlwl-ul-li-img{
    width: 156px;
    height: 156px;
    position: relative;
    overflow: hidden;
}
.hlwl-ul-li-img img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
}
.develop-energy .about-honor-tab-wrap{
    box-shadow: 0px 36px 80px 0px rgba(0, 139, 80, 0.08), 0px 8.041px 17.869px 0px rgba(0, 139, 80, 0.04), 0px 2.394px 5.32px 0px rgba(0, 139, 80, 0.03);
}
.home-main .ys-hd-pc.change .yx-search3xlbox {
    top: 80px;
}
.ys-hd-pc.change .yx-search3-tbox{
    width: 100%;
}
.ys-hd-pc.change .yx-search3xlbox,
.home-main .ys-hd-pc.change.index-nav .yx-search3xlbox{
    top: 90px;
}
.home-main .ys-hd-pc.change.index-nav .yx-search3-tbox{
    width: 100%;
}
/* .home-main .ys-hd-pc.change .yx-search3-tbox{
    width: 810px;
} */
.tawl-item-ul-li .ys-imgbox-cover img:nth-child(2),.tdcl-li-slick-item .ys-imgbox-cover img:nth-child(2) {
    left: 50%;
    transform: translateX(-50%);
}
.tawl-item-ul-li .ys-imgbox-cover img,.tdcl-li-slick-item .ys-imgbox-cover img {
    width: auto;
    transition: all .36s ease;
}
.home-leader.next-page .home-leader-earth-bg{
    transform: scale(1);
}
.home-office-dots-ul{
    width: 100%;
    height: calc(100vw / 1920 * 1080);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.home-office-bg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
/* 2024.5.11修改 */
.mfct-list-link{
    height: 1.6em;
}

.ahtl-li{
    position: relative;
}

/* 2024.5.15修改 */
.hodu-li-text{
    position: relative;
    pointer-events: none;
}
.hodu-li-text::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: #fff;
    border-radius: 80px;
}
.hodu-li-text p{
    opacity: 0;
    transition: none;
}
.develop-main .ys-nyban-img::before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.ys-nyban-cloud{
    z-index: 5;
}
.prodet-apply.empty .prodet-apply-tab-ul{
    justify-content: center;
}
.home-info-use-cloud{
    z-index: 4;
}
.home-leader-earth{
    height: 270vh;
}
.about-main,
.prodet-main,
.techno-main{
    overflow: hidden;
}
.dgim-wrap-bg{
    height: 100%; 
    border-radius: var(--std-radius);
}
.dgim-wrap-bg img{
    height: 100%;
    object-fit: cover;
}
.hopu-li-wrap-scroll{
    max-height: 500px;
    overflow: hidden;
}
/* 2024.5.22修改 */
.pwlu-li-text-info ul{
    height: 57.6px;
    overflow: hidden;
}
.duli-ul .slick-list {
    padding-bottom: 50px;
}
.clwt-con-info{
    width: calc(100% - 24px);
}
.colu-li-wrap{
    height: 100%;
}
.ys-ban-lepic{
    left: -24%;
}
.ys-ban-ripic{
    right: -24%;
}
.ys-ban-lepic,
.ys-ban-ripic{
    width: 21%;
}
.ys-ban-pics-li{
    width: 100%;
}
.ys-ban-slick {
    transform-origin: 50% 94%;
}
html.active .ys-ban-slick {
    transform: scale(0.54);
}
.inside-body .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--main-bgcolor) !important;
}
.home-info{
    padding-bottom: 350vh;
}
.hiub-li-text{
    opacity: 1;
    transition: opacity .36s 1s;
}
.home-wrap.office-page .hiub-li-text{
    opacity: 0;
}
body{
    height: auto !important;
}
/* 2024.5.30修改 */
.mod-foot-cont-tp>ul{
    justify-content: space-between;
    margin: 0 !important;
}
.mod-foot-cont-tp>ul>li {
    padding: 0 !important;
}
.mfct-list>ul {
    margin: 0 -45px;
}
.mfct-list>ul>li {
    padding: 0 45px;
}
/* .ys-hd-pc.change .head-nav-item-title{
    color: #191919;
}
.ys-hd-pc.change .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--main-bgcolor) !important;
}
.ys-hd-pc.change .head-mid-search img:nth-child(2) {
    opacity: 1;
} */
/* .hlew-cont-img{
    transform-origin: top;
    transform: scale(1.4) translateY(-120px);
}
.home-leader.active .hlew-cont-img{
    transform: scale(1) translateY(0px);
} */
/* .home-leader-earth-cont{
    transition: transform 1.8s ease-in-out;
    transform: translateY(0px);
}
.home-leader.active .home-leader-earth-cont{
    transform: translateY(-424px);
}
.home-leader.isfixed .home-leader-earth-cont{
    top: 504px;
} */




.home-leader-cont{
    height: 100vh;
    width: 100%;
}
.home-leader{
    height: 300vh;
}
.home-leader.leader-fixed .home-leader-cont{
    position: fixed;
    top: 0;
}
.home-leader.leader-fixed .home-leader-wrap{
    transform: translateY(-150px);
    opacity: 0;
    transition: transform 1.5s ease-in-out,opacity 1.5s ease-in-out;
}
.home-leader-earth{
    height: auto;
    transition: transform 2s ease-in-out;
    transform: translateY(0px);
}
.home-leader.leader-fixed .home-leader-earth{
    transform: translateY(var(--pro-height));
}
.home-leader.leader-fixed .hlew-cont-img{
    transform: scale(1);
}
.home-leader.leader-fixed .hlew-cont-card{
    opacity: 1;
}
.home-leader.leader-fixed .hlew-cont-card-li1{
    animation: cardChange1 1.2s linear both 1.6s; 
}
.home-leader.leader-fixed .hlew-cont-card-li2{
    animation: cardChange2 1.2s linear both 1.6s; 
}
.home-leader.leader-fixed .hlew-cont-card-li3{
    animation: cardChange3 1.2s linear both 1.6s; 
}
.home-leader.leader-fixed .hlew-cont-bg{
    opacity: 1;
    transition: all .3s ease-in-out 2.1s;
}
.home-leader.leader-fixed .hlec-tit-box{
    animation: textWidth1 2s ease-in-out both;
}
.home-leader.leader-fixed .home-leader-earth-bg{
    top: 0;
    transform: scale(0.9);
}
.home-leader.acton .hlec-tit{
    top: -300px;
    opacity: 0;
}
.home-leader.acton .hlew-cont-card-li1{
    animation: cardChange1_1 1.2s linear both; 
}
.home-leader.acton .hlew-cont-card-li2{
    animation: cardChange2_1 1.2s linear both; 
}
.home-leader.acton .hlew-cont-card-li3{
    animation: cardChange3_1 1.2s linear both; 
}
.home-leader.acton .hlew-cont-img{
    transform: scale(0.6);
}
.home-leader.acton .hlew-cont-bg{
    opacity: 0;
    transition: all .3s ease-in-out 0s;
}
.home-leader.leader-notfix .home-leader-cont{
    position: absolute !important;
    top: auto !important;
    bottom: 0;
}
.home-leader.leader-notfix .home-new {
    position: absolute;
    top: auto !important;
    bottom: 0;
}
.home-leader.next-page .home-leader-earth-bg{
    transform: scale(1);
}
.ys-hd-pc.change .head-mid-cont::before{
    width: var(--pro-width);
    height: 100%;
}
.ys-hd-pc.change .head-mid-search{
    right: var(--pro-right);
}
.ys-hd-pc.change .head-mid-cont::before{
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(161, 155, 155, 0.05), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 34px 9px 0px rgba(161, 155, 155, 0.00);
}
.ys-hd-pc.change .head-nav-item-title {
    color: #191919;
}
.ys-hd-pc.change .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--main-bgcolor) !important;
}
.ys-hd-pc.change .head-mid-search img:nth-child(2) {
    opacity: 1;
}
.home-main .ys-hd-pc.change .head-mid-cont::before {
    width: 100%;
}
.home-main .ys-hd-pc.change .head-mid-search {
    right: 40px;
}
.home-main .ys-hd-pc.change1 .head-mid-cont::before{
    width: var(--pro-width);
}
.home-main .ys-hd-pc.change1 .head-mid-search {
    right: var(--pro-right);
}
.home-main .ys-hd-pc.change1 .head-logo{
    opacity: 0;
    pointer-events: none;
}
.home-main .ys-hd-pc.change.index-nav .head-mid-cont::before {
    width: var(--pro-width);
}
.home-main .ys-hd-pc.change.index-nav .head-mid-search {
    right: var(--pro-right);
}
.ys-hd-pc.change .head-logo{
    opacity: 0;
}

.ys-hd-pc.change .head-mid-wrap-logo{
    opacity: 1;
    transition: all .5s .36s;
    pointer-events: all;
}
.home-main .ys-hd-pc.change .head-logo{
    opacity: 1;
}
.home-main .ys-hd-pc.change1 .head-logo{
    opacity: 0;
}
.home-main .ys-hd-pc.change .head-mid-wrap-logo{
    opacity: 0;
    transition: all .3s;
}
.ys-hd-pc.change .head-nav-item-title{
    transform: translateX(20px);
}
.home-main .ys-hd-pc.change .head-nav-item-title{
    transform: translateX(0px);
}
.home-main .ys-hd-pc.change1 .head-nav-item-title{
    transform: translateX(20px);
}
.head-nav-item-title{
    line-height: 80px;
}
.head-mid-cont::before {
    height: calc(100% - 20px);
    top: 50%;
    transform: translate(-50%,-50%);
}
.head-nav-item-title::after {
    bottom: 9px;
}
.ys-hd-pc.change .head-nav-item-title::after {
    bottom: -1px;
}
.home-main .ys-hd-pc.change .head-mid-cont::before{
    height: calc(100% - 20px);
}
.home-main .ys-hd-pc.change1 .head-mid-cont::before{
    height: 100%;
}
/* 首页卡片滑动效果 */
.hlew-cardbox.stop {
    transition: all .0s ease-out;
}
.hlew-cardbox{
    transition: all .3s ease-out;
    transform: rotateY(0deg);
    display: flex;
    align-items: stretch;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
}
.hlew-btn-arrow{
    /* background-color: #009a93; */
    text-align: center;
    position: absolute;
    height: 590px;
    width: 27%;
    /* opacity: 0.5; */
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: all;
}
.hlew-btn-prev{
    left: 0;
}
.hlew-btn-next{
    right: 0;
}
.hlew-cont-card{
    transform: translate(-50%,-50%) rotateY(-45deg);
}
.home-leader.leader-fixed .hlew-cont-card-li3,
.home-leader.leader-fixed .hlew-cont-card-li4,
.home-leader.leader-fixed .hlew-cont-card-li5,
.home-leader.leader-fixed .hlew-cont-card-li6,
.home-leader.leader-fixed .hlew-cont-card-li7,
.home-leader.leader-fixed .hlew-cont-card-li8{
    opacity: 1;
    transition: opacity .36s 3s;
}
.hlew-cont-card-li3,
.hlew-cont-card-li4,
.hlew-cont-card-li5,
.hlew-cont-card-li6,
.hlew-cont-card-li7,
.hlew-cont-card-li8{
    opacity: 0;
    transition: opacity .36s;
}
.home-leader.acton .hlew-cont-card-li3,
.home-leader.acton .hlew-cont-card-li4,
.home-leader.acton .hlew-cont-card-li5,
.home-leader.acton .hlew-cont-card-li6,
.home-leader.acton .hlew-cont-card-li7,
.home-leader.acton .hlew-cont-card-li8{
    opacity: 0;
    transition: opacity .36s;
}
.develop-green-img-slick{
    display: none;
}
.mibd-ul-li{
    transform: translate(-26px, -50%);
}
.swiper-pagination-bullet{
    width: 50px !important;
    height: 4px !important;
    background: var(--main-bgcolor) !important;
    opacity: 0.2 !important;
    border-radius: 80px !important;
    margin: 0 9px !important;
    transition: all .3s ease-out 0s;
}
.swiper-pagination-bullet-active{
    width: 120px !important;
    background: var(--main-bgcolor) !important;
    opacity: 1 !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
}
.respon-secure-list-swiper{
    padding-bottom: 30px !important;
}
.prodet-main .hiut-li{
    width: auto;
}
.prodet-apply-tab-swiper{
    overflow: visible !important;
}
.hlew-cont-card-li:nth-child(n+9){
    display: none;
}
.hlew-btn{
    position: absolute;
    width: 1440px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
.dlwi-ul-li-parga p{
    color: var(--main-bgcolor);
    text-align: center;
    line-height: 1.5;
    transition: all .36s;
    font-size: var(--font-title4);
    font-family: 'longteng-Medium';
}
.dlwi-pic{
    width: 30px;
    transition: all .36s;
}
.dlwi-pic img{
    width: 100%;
}
.dlwi-ul-li-parga{
    margin-top: 15px;
}
.dlwi-ul-li.before .dlwi-pic,
.dlwi-ul-li.before .dlwi-ul-li-parga p{
    opacity: 0;
    transition: all .36s;
}
.dewr-li-wrap-item .dlwi-pic,
.dewr-li-wrap-item .dlwi-ul-li-parga p{
    opacity: 1;
    transition: all .36s 1s;
}
.dewr-li-wrap-item.effect .dlwi-pic,
.dewr-li-wrap-item.effect .dlwi-ul-li-parga p{
    opacity: 0;
}
html.scroll-up{
    height: 100vh;
    overflow-y: scroll;
}
html.scroll-up body {
    height: 100vh !important;
}
html.scroll-up .ys-ban-lepic {
    animation: leftPicFade1 2s linear both;
}
html.scroll-up .ys-ban-ripic {
    animation: rightPicFade1 2s linear both;
}
html.scroll-up .ys-ban-bg{
    opacity: 0;
}
@keyframes leftPicFade1{
    0%{
        bottom: 3%;
        left: 18px;
    }
    100%{
        bottom: -100%;
        left: -24%;
    }
}
@keyframes rightPicFade1{
    0%{
        bottom: 3%;
        right: 18px;
    }
    100%{
        bottom: -100%;
        right: -24%;
    }
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-mid-cont::before{
    background: transparent;
    box-shadow: none;
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-nav-item-title{
    color: #fff;
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-mid-search img:nth-child(2){
    opacity: 0;
}
html.scroll-up .ys-hd-pc.change1 .head-mid-cont::before{
    background: #FFF !important;
    box-shadow: 0px 1px 3px 0px rgba(161, 155, 155, 0.05), 0px 5px 5px 0px rgba(161, 155, 155, 0.04), 0px 12px 7px 0px rgba(161, 155, 155, 0.03), 0px 22px 9px 0px rgba(161, 155, 155, 0.01), 0px 34px 9px 0px rgba(161, 155, 155, 0.00) !important;
    transition: all .36s;
}
html.scroll-up .ys-hd-pc.change1 .head-nav-item-title{
    color: #191919 !important;
    transition: all .36s;
}
html.scroll-up .ys-hd-pc.change1 .head-mid-search img:nth-child(2){
    opacity: 1 !important;
    transition: all .36s;
}
.home-main .ys-hd-pc.index-nav .head-mid-cont::before{
    height: 100%;
}
.hnid-list li a{
    text-align: left;
}
.dwiu-li-cont-img{
    width: 100%;
}
.dwiu-li-cont {
    padding: 50px 28px 12px;
}
.dwiu-li-cont-tit {
    margin-top: 50px;
}
/* 6-17 */
.dlwi-ul-li-parga img{
    width: 30px;
}
.dlwi-ul-li-parga {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dlwi-ul-li.before .dlwi-ul-li-parga img{
    opacity: 0;
    transition: all .36s;
}
.dewr-li-wrap-item .dlwi-ul-li-parga img{
    opacity: 1;
    transition: all .36s 1s;
}
.dlwi-ul-li-parga p{
    padding-left: 10px;
}
.hodu-li-point{
    width: 40px;
    position: relative;
}
.hodu-li-point img{
    width: 100%;
}
.hodu-li-circle-diffuse::before,
.hodu-li-circle-diffuse::after{
    background: var(--main-bgcolor);
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-logo img:nth-child(1){
    opacity: 0;
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-logo img:nth-child(2){
    opacity: 1;
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-lang {
    background: rgba(255, 255, 255, 0.20);
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-lang-li a{
    color: #fff;
}
html.scroll-up.scroll-up1 .ys-hd-pc.isfixed .head-lang-li::before{
    background: #fff;
}

/* 2024.6.26首页动效修改-start */
.ys-ban-slick{
    transition: all 2s linear;
    margin: 0 auto;
    width: 100%;
}
html.active .ys-ban-slick{
    transform: scale(1) !important;
    animation: banChange2 2s linear both;
    margin: 0 auto 30px;
}
html.scroll-up .ys-ban-slick{
    animation: banChange1 2s linear both;
}
@keyframes banChange1{
    0%{
        width: calc(58% - 96px);
        height: var(--after-height);
    }
    100%{
        width: 100%;
        height: var(--before-height);
    }
}
@keyframes banChange2{
    0%{
        width: 100%;
        height: var(--before-height);
    }
    100%{
        width: calc(58% - 96px);
        height: var(--after-height);
    }
}
.ys-banner{
    display: flex;
    align-items: flex-end;
}
.ys-ban-slick .slick-list,
.ys-ban-slick .slick-track,
.ys-ban-li{
    width: 100% !important;
}
.home-info-wrap-bg,
.home-info-wrap-bg1{
    width: 21%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.home-info-wrap-bg img,
.home-info-wrap-bg1 img{
    width: 100%;
}
.ys-text-slick{
    top: auto !important;
    bottom: 50%;
    transform: translateY(50%);
    transition: all 2s linear;
}
html.active .ys-text-slick{
    bottom: calc(var(--after-height) + 145px);
    transform: translateY(0%);
}
@keyframes leftPicFade{
    0%{
        bottom: -100%;
        left: -24%;
    }
    100%{
        bottom: 30px;
        left: 18px;
    }
}
@keyframes rightPicFade{
    0%{
        bottom: -100%;
        right: -24%;
    }
    100%{
        bottom: 30px;
        right: 18px;
    }
}
/* 2024.6.26首页动效修改-end */
/* 2024.7.2修改-start */
.dalu-li-img-swiper .slick-dots {
    bottom: -18px;
}
.dalu-li-img-btn{
    pointer-events: none;
}
.tdts-btn-btn{
    pointer-events: all;
}
/* 2024.7.2修改-end */
/* 2024.7.3首页开屏动效-start */
.home-loading{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.02);
    opacity: 1;
    z-index: 9999;
}
.home-loading-img{
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.home-loading-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-loading-bg{
    width: 100%;
    height: 100%;
    background: #CA1E1D;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .6s;
    opacity: 1;
}
.home-loading.active{
    pointer-events: none;
}
.home-loading.active .home-loading-img{
    transform: scale(4);
    opacity: 0;
}
/* 2024.7.3首页开屏动效-end */
.hlec-tit-box{
    animation: none !important;
    width: 100%;
    opacity: 0;
    transition: all 2s ease-in-out;
    overflow: visible;
}
.home-leader.leader-fixed .hlec-tit-box{
    opacity: 1;
}
/*2024.08.12xiugai-start*/
.mfcb-ri-li-pop{
    width: 140px;
    height: 140px;
}

/*2025.3.26修改-start*/
.hlwl-uls {
    justify-content: center;
}
.hlwl-ul-li {
    width: 20%;
}
/*2025.3.26修改-end*/