@charset "utf-8";



body {

    font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial !important;

}

@font-face {

    font-family: 'RobotoBold';

    src: url('../fonts/Roboto-Bold/RobotoBold.eot');

    src: url('../fonts/Roboto-Bold/RobotoBold.eot') format('embedded-opentype'),

         url('../fonts/Roboto-Bold/RobotoBold.woff2') format('woff2'),

         url('../fonts/Roboto-Bold/RobotoBold.woff') format('woff'),

         url('../fonts/Roboto-Bold/RobotoBold.ttf') format('truetype'),

         url('../fonts/Roboto-Bold/RobotoBold.svg#RobotoBold') format('svg');

}

@font-face {

    font-family: 'PoppinsRegular';

    src: url('../fonts/Poppins-Regular/PoppinsRegular.eot');

    src: url('../fonts/Poppins-Regular/PoppinsRegular.eot') format('embedded-opentype'),

         url('../fonts/Poppins-Regular/PoppinsRegular.woff2') format('woff2'),

         url('../fonts/Poppins-Regular/PoppinsRegular.woff') format('woff'),

         url('../fonts/Poppins-Regular/PoppinsRegular.ttf') format('truetype'),

         url('../fonts/Poppins-Regular/PoppinsRegular.svg#PoppinsRegular') format('svg');

}

@font-face {

    font-family: 'montserratbold';

    src: url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.eot');

    src: url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.woff2') format('woff2'),

         url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.woff') format('woff'),

         url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.ttf') format('truetype'),

         url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.svg#montserratbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserratregular';

    src: url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.eot');

    src: url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.woff2') format('woff2'),

         url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.woff') format('woff'),

         url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.ttf') format('truetype'),

         url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.svg#montserratregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'robotomedium';

    src: url('../fonts/Roboto-Medium/roboto-medium-12-webfont.eot');

    src: url('../fonts/Roboto-Medium/roboto-medium-12-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Roboto-Medium/roboto-medium-12-webfont.woff2') format('woff2'),

         url('../fonts/Roboto-Medium/roboto-medium-12-webfont.woff') format('woff'),

         url('../fonts/Roboto-Medium/roboto-medium-12-webfont.ttf') format('truetype'),

         url('../fonts/Roboto-Medium/roboto-medium-12-webfont.svg#robotomedium') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'PoppinsExtraLight';

    src: url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.eot');

    src: url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.eot') format('embedded-opentype'),

         url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.woff2') format('woff2'),

         url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.woff') format('woff'),

         url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.ttf') format('truetype'),

         url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.svg#PoppinsExtraLight') format('svg');

}

@font-face {

    font-family: 'KANITBOLD';

    src: url('../fonts/KANITBOLD/KANITBOLD.eot');

    src: url('../fonts/KANITBOLD/KANITBOLD.eot') format('embedded-opentype'),

         url('../fonts/KANITBOLD/KANITBOLD.woff2') format('woff2'),

         url('../fonts/KANITBOLD/KANITBOLD.woff') format('woff'),

         url('../fonts/KANITBOLD/KANITBOLD.ttf') format('truetype'),

         url('../fonts/KANITBOLD/KANITBOLD.svg#KANITBOLD') format('svg');

}

@font-face {

    font-family: 'playbold';

    src: url('../fonts/Play-Bold/play-bold-webfont.woff2') format('woff2'),

         url('../fonts/Play-Bold/play-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

/*分享翻译*/

.ys_wechat_cont_parga p::before{

    /*分享中文版本*/

    content: '分享到 - 微信';

    /*分享英文版本*/

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

}





.yxnav_active2 {}

/* 规范-start */

:root {

    /* --main-color: #3981F7; */

    --main-color: #0E61FF;

    --auxi-bgcolor1: #171C2C;

    --auxi-bgcolor2: #F8F9FD;

    --font-title1:48px;

    --font-title2:36px;

    --font-title3:24px;

    --font-title4:16px;

}

.std_title1{

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

    line-height: 1.4;

    color: #333;

}

.std_title2,.yxedr_active h2{

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

    line-height: 1.4;

    color: #333;

}

.std_title3,.yxedr_active h3{

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

    line-height: 1.4;

    color: #333;

}

.std_title4,.yxedr_active h4{

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

    line-height: 1.4;

    color: #333;

}

.std_title5,.yxedr_active h5{

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

    line-height: 1.75;

    color: #333;

}

.yxedr_active h2{

    margin-bottom: 14px;

}

.yxedr_active h3{

    margin-bottom: 10px;

}

.yxedr_active h4{

    margin-bottom: 6px;

}

.yxedr_active h5{

    margin-bottom: 12px;

}

.std_padding1{

    padding: 120px 0;

}

.std_padtop1{

    padding-top: 120px;

}

.std_padbot1{

    padding-bottom: 120px;

}

.std_padding2{

    padding: 130px 0;

}

.std_padtop2{

    padding-top: 130px;

}

.std_padbot2{

    padding-bottom: 130px;

}

.std_margin1{

    margin-top: 50px;

}

.std_margin2{

    margin-top: 60px;

}

.std_margin3{

    margin-top: 30px;

}

.std_parga1,

.std_parga1 p{

    font-size: 16px;

    line-height: 1.75;

    color: #666;

}

.std_parga2,

.std_parga2 p{

    font-size: 18px;

    line-height: 1.6;

    color: #666;

}

.std_btn1,.std_btn2{

    display: inline-block;

}

.std_btn1_box{

    border-radius: 50px;

    background: #237AE4;

    display: flex;

    align-items: center;

    padding-left: 40px;

    padding-right: 26px;

    transition: all .36s;

}

.std_btn1 p{

    line-height: 66px;

    color: #fff;

    transition: all .36s;

}

.std_btn1_box_icon{

    width: 28px;

    height: 25px;

    position: relative;

    margin-left: 8px;

}

.std_btn1_box_icon img,.sbbc_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.std_btn2_box_circle{

    width: 34px;

    height: 34px;

    border-radius: 50%;

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

    position: relative;

    margin-right: 12px;

    transition: all .36s;

}

.sbbc_icon{

    width: 18px;

    height: 18px;

}

.std_btn2 p{

    font-size: 20px;

    line-height: 1.5;

    color: #fff;

    transition: all .36s;

}

.std_btn2_box{

    display: flex;

    align-items: center;

}

.sbbc_icon img:nth-child(2){

    opacity: 0;

}

/* 规范-end */

/* - banner - start*/

.ys_banner {

    width: 100%;

    position: relative;

}



.ys_ban_li {

    position: relative;

    overflow: hidden;

}



.ys_ban_imgbox {

    position: relative;

    z-index: 1;

}



.ys_ban_imgbox img {

    width: 100%;

}



.ys_ban_li>a {

    display: block;

}



.ys_ban_ph {

    display: none;

}



.ys_ban_video {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2;

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

    width: 100%;

    height: 100%;

    object-fit: cover;

    /* opacity: 0; */

}

.ys_ban_li .ys_ban_video{

    opacity: 0;

}

.ys_ban_li.slick-current .ys_ban_video{

    opacity: 1;

}

.ys_ban_li:not(:first-child) {

    display: none;

}



.ys_ban_imgbox::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    /*background: rgba(0, 0, 0, .3);*/

}

.ys_ban_txtbox{

    z-index: 5;

}

.ys_nybanner{

    position: relative;

}

.ys_nyban_img, .ys_nyban_img img{

    width: 100%;

}

.ys_nyban_ph{

    display: none;

}

.ys_nyban_title h1{

    color: #fff;

    text-align: center;

}

.ys_nyban_parga p{

    color: #fff;

    font-size: 16px;

    line-height: 1.75;

}

/* - banner - end*/

.mod_head{

    padding-left: calc(50% - 800px);

}

.mod_cover {

    overflow: visible;

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    position: relative;

}

.mod_cover img:nth-child(1) {

    position: relative;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    transition: all .36s;

}

.mod_cover img:nth-child(2) {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    transition: all .36s;

    opacity: 0;

}

.mod_head_logo {

    width: 155px;

}

.mod_head_logo a{

    line-height: 90px;

    display: block;

}

.ys_hd_pc{

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    transition: all .36s;

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

}

.mod_head_nav_search{

    width: 100px;

    background: var(--main-color);

    position: relative;

    cursor: pointer;

}

.mhns_icon{

    width: 40px;

    line-height: 90px;

    margin: auto;

}

.mhns_icon img{

    width: 100%;

}

.ys_search1_win {

    width: 100%;

    height: 100vh;

    position: fixed;

    left: 0;

    top: 0;

    background: rgba(0,0,0,0.9);

    z-index: 999;

    display: none;

}

.ys_search1_box {

    position: relative;

    top: 50%;

    width: 50%;

    margin: auto;

    height: 40px;

    border-bottom: 1px solid #ffffff;

}

.ys_search1_close {

    width: 28px;

    display: block;

    position: absolute;

    right: 6%;

    top: 4%;

    cursor: pointer;

}

.ys_search1_close img {

    width: 100%;

}

.ys_search1_tbox {

    width: calc(100% - 50px);

    padding-right: 20px;

}

.ys_search1_tbox input {

    width: 100%;

    height: 100%;

    font-size: 24px;

    color: #666666;

}

.ys_search1_but {

    width: 50px;

}

.ys_search1_but button {

    width: 100%;

    position: relative;

    right: 0;

    font-size: 22px;

    color: #ffffff;

    letter-spacing: 3px;

}

.mhnl_ul_li_link{

    font-size: 18px;

    line-height: 90px;

    color: #fff;

    transition: all .36s;

    display: block;

}

.mhnl_ul{

    display: flex;

    margin: 0 -40px;

}

.mhnl_ul_li{

    padding: 0 40px;

    position: relative;

}

.mod_head_nav_list{

    padding-right: 65px;

}

body{

    background: var(--auxi-bgcolor1);

}

.mod_foot{

    padding-top: 90px;

    position: relative;

    z-index: 5;

    background: var(--auxi-bgcolor1);

}

.mod_foot::after{

    content: "";

    width: 100%;

    height: 500px;

    background: var(--auxi-bgcolor1);

    position: absolute;

    right: 0;

    top: -500px;

}

.ys_footer{

    position: relative;

    z-index: 2;

}

.mod_foot_bt_ri p a{

    font-size: 18px;

    line-height: 1.5;

    color: #fff;

    margin-left: 16px;

}

.mod_foot_bt_le p{

    font-size: 18px;

    line-height: 1.5;

    color: #999;

}

.mod_foot_bt_le a{

    color: #999;

    margin-right: 28px;

}

.mod_foot_bt{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 30px;

    padding-bottom: 44px;

    border-top: 1px solid #666;

    margin-top: 120px;

}

.ys_hd_pc::after{

    content: "";

    width: 100%;

    height: 100%;

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

    /* box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06); */

    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

    backdrop-filter: blur(40px);

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

}

.ys_hd_pc.isfixed::after{

    opacity: 1;

}

.ys_hd_pc.isfixed .mod_cover img:nth-child(2){

    opacity: 1;

}

.ys_hd_pc.isfixed .mhnl_ul_li_link{

    color: #333;

}

.mod_foot_tp_logo{

    width: 178px;

}

.mod_foot_tp_logo a{

    width: 100%;

    display: block;

}

.mod_foot_tp_logo img{

    width: 100%;

}

.mod_foot_tp_nav>ul>li>a{

    font-size: 20px;

    line-height: 1.5;

    color: #fff;

    display: block;

    margin-bottom: 20px;

}

.mod_foot_tp_nav a{

    font-size: 16px;

    line-height: 1.75;

    color: #A0A3A6;

    transition: all .36s;

    display: block;

}

.mod_foot_tp_nav>ul{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.mod_foot_tp_nav{

    width: 796px;

}

.mod_foot_tp{

    display: flex;

    justify-content: space-between;

}

.mfts_icon{

    width: 32px;

    cursor: pointer;

    position: relative;

}

.mfts_icon img{

    width: 100%;

}

.mfts_icon_pop{

    width: 120px;

    padding: 10px;

    background: #fff;

    position: absolute;

    left: 50%;

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

    top: 130%;

    opacity: 0;

    transition: all .36s;

    pointer-events: none;

    transform-origin: top;

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

}



.mfts_icon_pop img{

    width: 100%;

}

.mfts_icon_pop::after{

    content: "";

    width: 10px;

    height: 10px;

    background: #fff;

    position: absolute;

    left: 50%;

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

    top: -5px;

}

/* .home_main .mod_content{

    margin-top: 100vh;

} */

.mod_content{

    border-radius: 0 0 400px 0;

    overflow: hidden;

    background: #fff;

    position: relative;

    z-index: 5;

    transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1);

}

.mod_contact_bt{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

}

.mod_contact_bt h2{

    width: 42.5%;

    transition: all .36s;

}

.mod_contact{

    padding-bottom: 180px;

    overflow: hidden;

}

.mod_contact_tp{

    border-radius: 20px;

    overflow: hidden;

    position: relative;

}

.mod_contact_tp_img{

    width: 100%;

}

.mod_contact_tp_img img{

    width: 100%;

}

.mod_contact_tp::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.mod_contact_tp_tit{

    color: #fff;

    z-index: 5;

    width: 100%;

    text-align: center;

    padding: 0 20px;

}

.home_new {

    position: relative;

    z-index: 5;

}

.home_new_tp .std_btn2_box_circle{

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

}

.home_new_tp .std_btn2 p{

    color: #333;

}

.home_new_tp{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.home_new_bt{

    /* border-top: 1px solid #e5e5e5; */

    overflow: hidden;

}

.home_new_bt_ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    margin: 0 -40px;

    overflow: hidden;

}

.home_main .hnbu_li:nth-child(3n+1),

.home_main .hnbu_li:nth-child(3n+2),

.home_main .hnbu_li:nth-child(3n+3){

    border-top: 1px solid #e5e5e5;

}

.hnbu_li{

    width: 33.333333%;

    border-right: 1px solid #e5e5e5;

    margin-bottom: 22px;

    position: relative;

}

.hnbu_li a{

    display: block;

    padding: 60px 40px 50px;

}

.hnbu_li_time{

    display: flex;

    align-items: center;

}

.hnbu_li_time img{

    width: 16px;

    margin-right: 4px;

    position: relative;

    top: -1px;

}

.hnbu_li_time p{

    font-family: 'PoppinsRegular';

    color: #237AE4;

    transition: all .36s;;

}

.hnbu_li_time_icon{

    width: 16px;

    height: 16px;

    position: relative;

    margin-right: 4px;

}

.hnbu_li_time_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.service_main.change .mod_contact_bt h2{

    color: #fff;

}

.service_main.change .std_arrow_icon{

    border: 1px solid #fff;

}

.std_arrow_icon path{

    transition: all .36s;

}

.service_main.change .std_arrow_icon path{

    fill: #fff !important;

}

.service_main.change .hnbu_li_time_icon img:nth-child(2){

    opacity: 0;

}

.scene_spot_tp h2{

    transition: all .36s;

}

.service_main.change h2,

.service_main.change .hnbu_li_time p,

.service_main.change .hnbu_li_tit{

    color: #fff !important;

}

/* .hnbu_li:nth-child(3n+3){

    border-right: none;

} */

.hnbu_li:last-child{

    border-right: none;

}

.hnbu_li_img{

    border-radius: 20px;

    margin-top: 90px;

    margin-bottom: 42px;

}

.hnbu_li_wrap{

    position: relative;

}

.hnbu_li_wrap::after{

    content: "";

    width: 100%;

    height: 1px;

    background: #E5E5E5;

    position: absolute;

    bottom: -50px;

    left: 0;

}

.hnbu_li_wrap::before{

    content: "";

    width: 0%;

    height: 1px;

    background: #237AE4;

    position: absolute;

    bottom: -50px;

    left: 0;

    z-index: 5;

    transition: all .36s;

}

.home_approve{

    height: calc(100vh - 90px);

    overflow: hidden;

    padding-top: 11%;

}

.home_approve h2{

    text-align: center;

    color: #fff;

    margin-bottom: 105px;

}

.home_approve_btn{

    text-align: center;

}

.home_approve_list{

    margin-bottom: 100px;

}

.halu_li_icon{

    width: 94px;

    margin: auto;

}

.halu_li_num{

    color: #fff;

    text-align: center;

    line-height: 1.1;

    font-family: 'RobotoBold';

    margin-top: 40px;

}

.halu_li_num span{

    font-size: 60px;

    

}

.halu_li_parga{

    margin-top: 16px;

}

.halu_li_parga p{

    color: #CBCEDD;

    text-align: center;

}

.home_approve_list_ul{

    display: flex;

    justify-content: space-between;

}

.home_solution_bg{

    width: 100%;

    overflow: hidden;

    height: calc(100vh - 90px);

}

.home_solution_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.home_solution{

    position: relative;

    background: var(--auxi-bgcolor1);

}

.home_solution_title{

    top: 147px;

    z-index: 5;

}

.ys_ban_title{

    color: #fff;

    margin-bottom: 80px;

}

.ys_text_slick .slick-arrow{

    transition: all .36s;

    width: 50px;

    height: 50px;

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

    z-index: 5; 

    pointer-events: all;

}

.ys_text_slick .slick-prev{

    left: 15px;

}

.ys_text_slick .slick-next{

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

    right: 15px;

}

.ys_banner{

    height: 100vh;

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

}

.ys_ban_slick,.ys_ban_slick .slick-list,.ys_ban_slick .slick-track,.ys_ban_li,.ys_ban_imgbox,.ys_ban_imgbox img{

    height: 100%;

}

.ys_ban_imgbox img{

    object-fit: cover;

}

.home_why{

    height: calc(100vh - 90px);

    overflow: hidden;

    position: relative;

}

.home_why_ul{

    height: 100%;

}

.home_why_ul_li{

    height: 100%;

    position: relative;

}

.hwul_img{

    width: 100%;

    height: 100%;

}

.hwul_img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.home_why_ul .slick-list,

.home_why_ul .slick-track{

    height: 100%;

}

.home_why_ul_li:not(:first-child){

    display: none;

}

.home_why_text h2{

    color: #fff;

    margin-bottom: 75px;

}

.home_why_text{

    top: 120px;

    z-index: 5;

}

.hwdl_info_btn{

    margin-top: 25px;

}

.hwdl_info_btn a{

    display: block;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background: #336CFF;

    position: relative;

}

.hwdl_info_btn img{

    width: 18px;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.hwdl_info{

    height: 0;

    overflow: hidden;

    transition: all .6s cubic-bezier(.77,0,.175,1);

}

.hwdl_info p{

    color: #fff;

}

.home_why_dots_li .std_title3{

    color: #fff;

    opacity: 0.7;

    transition: all .36s;

}

.home_why_dots {

    width: 32%;

}

.home_why_dots_li{

    margin-bottom: 34px;

    cursor: pointer;

    position: relative;

}

.home_why_dots_li:last-child{

    margin-bottom: 0;

}

.home_why_dots_li.act .std_title3{

    opacity: 1;

}

.home_why_dots_li.act .hwdl_info{

    margin-top: 10px;

}

.home_why_dots_li.act .hwdl_info {

    height: var(--pro-shu) !important;

}

.home_why_dots_li.act::after{

    height: 100%;

}

.home_why_dots_li::after{

    content: "";

    width: 1px;

    height: 0%;

    background: #336CFF;

    position: absolute;

    top: 0;

    left: -22px;

    transition: all .36s;

}

.hscb_wrap_bt{

    padding-left: calc(50% - 700px);

    position: relative;

    transition: left .1s linear;

}

.home_story{

    position: relative;

    z-index: 1;

    padding-bottom: calc(100vh - 90px);

    overflow: hidden;

}

.home_story_cont_box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: calc(100vh - 90px);

    transition: left 0s !important;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.home_story_cont_box.ys_fixed {

    position: fixed;

    top: 90px;

}

.home_story_cont_box.isnot_fixed {

    top: initial;

    bottom: 0px;

}

.hsbu_li{

    border-radius: 20px;

    overflow: hidden;

    margin-right: 40px;

    position: relative;

    /* flex-shrink: 0;

    width: 1165px; */

}

.hsbu_li_bg{

    width: 100%;

}

.hsbu_li_text{

    z-index: 5;

    width: 100%;

    padding: 0 118px;

    top: 17%;

}

.hsbu_li_text_logo {

    width: 274px;

}

.hsbu_li_text .std_title3{

    color: #fff;

}

.hsbu_li_text .std_btn2{

    margin-top: 87px;

}

.hscb_wrap_bt_ul{

    display: flex;

}

.home_develop_bg{

    width: 100%;

    position: absolute;

    top: -24%;

    left: 0;

}

.home_develop_bg img{

    width: 100%;

}

.home_develop_bg_cloud{

    width: 100%;

    position: absolute;

    top: -532px;

    left: 0;

    background: linear-gradient(180deg, #FFF 36.76%, rgba(255, 255, 255, 0.00) 100%);

}

.home_develop_bg_video{

    z-index: 0;

}

.home_develop{

    /* margin-top: -328px; */

    position: relative;

}

.home_develop.isfixed .home_develop_bg{

    position: fixed;

    top: auto;

    bottom: 0;

    

}

.home_develop.isfixed.notfixed .home_develop_bg{

    position: absolute;

    top: auto !important;

    bottom: 0;

}

.home_develop_wrap{

    width: 100%;

    /* height: calc(100vh - 90px);

    position: absolute;

    bottom: 0;

    left: 0; */

    padding-top: 146px;

}

.home_develop_wrap_tit{

    position: absolute;

    top: 90px;

    z-index: 5;

    height: calc(100vh - 90px);

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

}

.home_develop.isfixed .home_develop_wrap_tit{

    position: fixed;



}

.home_develop.isfixed.notfixed .home_develop_wrap_tit{

    position: absolute;

    top: auto !important;

    bottom: 0;

}



.home_develop_wrap h2{

    position: relative;

    color: #fff;

    text-align: center;

    height: 100%;

   

}

@keyframes cardFadeUp{

    0%{

        opacity: 0;

        transform: translateY(800px);

    }

    100%{

        opacity: 1;

        transform: translateY(0);

    }

}

@keyframes cardFadeUp1{

    0%{

        opacity: 0;

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

    }

    100%{

        opacity: 1;

        transform: translate(-50%,0);

    }

}

.cardFadeup1{

    animation: cardFadeUp 1s ease both;

}

.cardFadeup2{

    animation: cardFadeUp1 1s ease both;

}

.hdwl_ul_li.act{

    animation: cardFadeUp 1s ease both;

}

.hdwl_ul2 .hdwl_ul_li:nth-child(1).act{

    animation: cardFadeUp1 1s ease both;

}

.hdwl_ul_li{

    width: 353px;

   

    /* visibility: hidden; */

}

.hdwl_ul_li_cont{

    padding: 40px 30px 44px 42px;

    border-radius: 10px;

    background: var(--auxi-bgcolor1);

}

.hdwl_ul_li .ys_imgbox_cover{

    width: 80px;

}

.hdwl_ul{

    position: relative;

    z-index: 5;

}

.hdwl_ul_li .std_title3{

    color: #FFF;

    margin-top: 40px;

    margin-bottom: 22px;

}

.hulc_parga p{

    color: #CECECE;

    height: 7em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

.home_develop_wrap_list{

    margin-top: 274px;

    padding-bottom: 100px;

    overflow: hidden;

}

.hdwl_ul1{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.hdwl_ul1 .hdwl_ul_li:nth-child(2){

    margin-top: 130px;

}

.hdwl_ul2 .hdwl_ul_li:nth-child(1){

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    margin-top: 110px;

}

.hdwl_ul3{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.hdwl_ul3 .hdwl_ul_li:nth-child(1){

    margin-top: 283px;

}

.hdwl_ul3 .hdwl_ul_li:nth-child(2){

    margin-top: -54px;

}

/* B2-场景解决方案列表-start */

.inside_body .ys_hd_pc::after{

    opacity: 1;

}

.inside_body .mod_cover img:nth-child(2){

    opacity: 1;

}

.inside_body .mhnl_ul_li_link{

    color: #333;

}

.inside_body .ys_main{

    padding-top: 90px;

    background: #fff;

}

.ys_bread_list a{

    color: #999;

}

.ys_bread_list:last-child a{

    color: #333;

}

.ys_bread_list{

    padding: 0 10px;

}

.ys_bread{

    margin: 0 -10px;

}

.ys_bread_list::before{

    content: "";

    width: 20px;

    height: 20px;

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

    right: -10px;

}

.moe_bread{

    padding-top: 20px;

}

.solution_info {

    overflow: hidden;

}

.product_info{

    overflow: hidden;

}

.solution_info_tp h1{

    text-align: center;

}

.solution_info_tp_parga p{

    text-align: center;

    width: 95%;

    margin: auto;

}

.solution_info_tp_btn{

    text-align: center;

}

.sibl_ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    margin: 0 -17px;

}

.sibl_ul_li{

    width: 33.333333%;

    padding: 0 17px;

    margin-bottom: 34px;

}

.sibl_ul_li a{

    display: block;

    border-radius: 20px;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background: #FFF;

    border-radius: 20px;

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

    transition: all .36s;

}

.solution_info_bt_nav{

    width: 225px;

}

.solution_info_bt_list{

    width: calc(100% - 225px);

    padding-left: 136px;

}

.sibl_ul_li_text{

    padding: 24px 68px 45px 38px;

}

.sibl_ul_li_text .std_title4{

    margin-bottom: 20px;

}

.sult_parga p{

    font-size: 14px;

    line-height: 1.75;

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

    height: 5.25em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.sult_btn{

    margin-top: 37px;

}

.sult_btn .std_btn2_box_circle{

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

}

.sult_btn .std_btn2_box p{

    color: #333;

    font-size: 16px;

}

.sibn_tit{

    color: #000;

    line-height: 1.75;

    margin-bottom: 7px;

}

.sibn_ul_li a{

    display: block;

    padding: 20px 0;

    border-bottom: 1px solid #D9D9D9;

    font-size: 16px;

    color: #333;

    line-height: 1.75;

    transition: all .36s;

}

.sibn_ul_li.act a{

    color: var(--main-color);

}

.solution_bg{

    width: 100%;

    z-index: -1;

    /* opacity: 0.8; */

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

}

.solution_bg img{

    width: 100%;

}

.solution_bg::after{

    content: "";

    width: 100%;

    height: 80%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    background: linear-gradient(180deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%);

}

/* B2-场景解决方案列表-end */



/* B3-场景解决方案小场景-start */

.scene_info{

    overflow: hidden;

}

.scene_info_img{

    width: 53.5%;

    border-radius: 20px;

    overflow: hidden;

}

.scene_info_img img{

    width: 100%;

    transition: all .36s;

}



.scene_info_le{

    width: 46.5%;

    padding-right: 150px;

}

.scene_info .ys_cont1400{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.std_arrow_icon{

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid #999;

    transition: all .36s;

    position: relative;

    cursor: pointer;

}

.std_arrow_icon_img{

    width: 20px;

    height: 20px;

}

.std_arrow_icon_img svg{

    width: 100%;

    height: auto;

}

.std_arrow_icon_img img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.std_arrow{

    width: 90px;

    display: flex;

    justify-content: space-between;

}

.std_arrow_icon_img img:nth-child(2){

    opacity: 0;

}

.scene_spot_tp{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.slick_wrap_li{

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.slick_wrap_li:not(:first-child){

    display: none;

}

.ssbu_li_cont{

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

    overflow: hidden;

    transition: all .36s;

    width: 100%;

    height: 100%;

    padding: 50px 50px 60px;

}

.ssbu_li {

    width: 33.333333%;

}

.ssbu_li_cont_tit{

    padding-left: 20px;

    position: relative;

}

.ssbu_li_cont_tit::after{

    content: "";

    width: 4px;

    height: 24px;

    border-radius: 5px;

    background: var(--main-color);

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.scene_spot_bt_ul .slick-track{

    display: flex;

    align-items: stretch;

}

.scene_spot_bt_ul .slick-list{

    overflow: visible;

}

.slick-disabled{

    pointer-events: none !important;

    opacity: 0.5;

}

.scene_spot {

    position: relative;

    overflow: hidden;

}

.scene_spot::before{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #fff;

    position: absolute;

    top: 0;

    left: -20px;

    z-index: 5;

}

.scene_spot::after{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #fff;

    position: absolute;

    top: 0;

    right: -20px;

    z-index: 5;

}

.scene_adv{

    background: #F8F9FD;

    position: relative;

    overflow: hidden;

}

.scene_adv::before{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #F8F9FD;

    position: absolute;

    top: 0;

    left: -10px;

    z-index: 5;

}

.scene_adv::after{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #F8F9FD;

    position: absolute;

    top: 0;

    right: -10px;

    z-index: 5;

}

.sabu_li{

    width: 25%;

}



.sabu_li_cont{

    width: 100%;

    height: 100%;

}

.sabu_li_cont_wrap{

    transition: all .36s;

    border-radius: 10px;

    background: var(--main-color);

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

    height: 100%;

    transition: all .36s;

    padding: 32px 38px 100px 38px;

}

.alcw_parga p{

    color: #fff;

    opacity: 0.9;

}

.alcw_num{

    color: #fff;

    opacity: 0.3;

    font-family: 'PoppinsRegular';

}

.alcw_tit{

    margin-top: 10px;

    color: #fff;

}

.scene_adv_bt_ul .slick-track{

    display: flex;

    align-items: stretch;

}

.scene_adv_bt_ul .slick-list{

    overflow: visible;

}

.scene_monitor {

    overflow: hidden;

}

.scene_monitor_bt_ul .slick-list{

    padding: 20px 0;

}

.scene_monitor_bt{

    margin-top: 40px;

}

.smbu_li{

    width: 33.333333%;

}

.sustain_consider_bt_ul .scbu_li,.ahbu_li,.ahbu_li_cont_item,.acbu_li,.scbu_li,.slsu_li,.ssbu_lis,.sibu_li,.jwcb_li,.jabu_li,.ssbu_li,.sabu_li,.smbu_li,.cllu_li,.cclu_li,.pwbl_cont li,.ccbu_li{

    padding: 0 15px;

    height: auto;

}

.sustain_consider_bt_ul,.about_honor_bt_ul,.ahbu_li_cont,.about_culture_bt_ul,.service_case_bt_ul,.salu_li_slick_ul,.service_support_bt_ul,.service_industry_bt_ul,.join_wealth_cont_bt,.join_activity_bt_ul,.casedet_class_bt_ul,.scene_spot_bt_ul,.scene_adv_bt_ul,.scene_monitor_bt_ul,.college_live_list_ul,.college_course_list_ul,.pwbl_cont ul{

    margin: 0 -15px;

}

.about_honor {

    overflow: hidden;

}

.about_honor h2{

    transition: all .36s;;

}

.about_honor.change .std_arrow_icon path{

    fill: #fff;

}

.about_honor.change .std_arrow_icon{

    border: 1px solid #fff;

}

.about_honor.change h2,

.about_honor.change p{

    color: #fff;

}

.smbu_li_cont_wrap{

    width: 100%;

    height: 100%;

    border-radius: 20px;

    background:#F8F9FD;

    overflow: hidden;

    padding: 50px 50px 80px;

    transition: all .36s;

    position: relative;

}

.alcw_nums{

    font-size: 20px;

    line-height: 1.5;

    color: var(--main-color);

    position: absolute;

    right: 16px;

    top: 8px;

    font-family: 'PoppinsRegular';

    z-index: 5;

}

.smbu_li_cont_wrap::after{

    content: "";

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background: #E9EEFF;

    position: absolute;

    right: -40px;

    top: -50px;

}

/* B3-场景解决方案小场景-end */

/* D2-1设备智能运维学院-start */

.college_main .scene_info_le,

.service_main .scene_info_le{

    width: 51.5%;

}

.college_main .scene_info_img ,

.service_main .scene_info_img {

    width: 48.5%;

}

.solu_main .service_class,

.solu_main .mod_contact,

.college_main .mod_contact {

    background: #fff;

}

.service_class {

    position: relative;

    z-index: 5;

    overflow: hidden;

}

.service_class .hnbu_li{

    margin-bottom: 0;

}

.scene_info_le_parga p{

    margin-bottom: 28px;

}

.scene_info_le_parga p:last-child{

    margin-bottom: 0;

}

.college_contact .mod_contact_tp::after{

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

}

.college_contact_info{

    margin-top: 98px;

}

.college_contact_info img{

    width: 46px;

    margin-right: 35px;

}

.college_contact_info a,.college_contact_info_box{

    display: flex;

    align-items: center;

}

.college_contact_info ul{

    margin-bottom: 60px;

}



.college_contact_info ul:last-child{

    margin-bottom: 0;

}

.college_contact_info .std_title3{

    font-family: 'PoppinsRegular';

}

.college_contact_info ul{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.college_contact_info .std_title3 span{

    color: #999;

}

.college_achieve{

    height: calc(100vh - 90px);

    position: relative;

    overflow: hidden;

}

.college_achieve_bg{

    height: 100%;

    position: relative;

}

.college_achieve_bg::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.college_achieve_text h2{

    color: #fff;

}

.college_achieve_text_parga p{

    color: #fff;

    text-align: center;

}

.college_achieve_text_list{

    margin-top: 106px;

}

.college_achieve_text_list p{

    color: #fff;

    margin-top: 8px;

    text-align: center;

}

.catl_num,.halu_li_num{

    font-size: 36px;

    color: #fff;

    line-height: 1.1;

    font-family: 'RobotoBold';

    text-align: center;

}

.catl_num span{

    font-size: 60px;

}

.college_achieve_text_list ul{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.college_achieve_text{

    padding-top: 10.5%;

}

.ys_cont900{

    width: 900px;

    margin: auto;

    max-width: 100%;

}

.college_train_parga p{

    text-align: center;

    transition: all .36s;;

}

.college_train.change h2,

.college_train.change p{

    color: #fff;

}

.ctlu_li {

    width: 447px;

    position: relative;

    z-index: 1;

    margin-right: 30px;

    flex-shrink: 0;

    border-radius: 20px;

    overflow: hidden;

}

.college_train_list_ul {

    display: flex;

    position: relative;

    width: calc((447px * var(--width-shu)) + (30px *var(--width-shu)));

}

.college_train_list_ul1 {

    animation: donghua linear infinite;

}

.college_train_list_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);

    }

}

.college_train_list {

    position: relative;

}

.college_live{

    background: var(--auxi-bgcolor1);

    overflow: hidden;

}

.college_main h2{

    text-align: center;

    transition: all .36s;;

}

.college_plan_btn{

    text-align: center;

}

.college_plan_img{

    width: 100%;

}

.college_plan_img img{

    width: 100%;

}

.college_live h2{

    color: #fff;

}

.cllu_li{

    width: 33.333333%;

    margin-bottom: 10px;

}

.cllu_li_cont .ys_imgbox_cover{

    border-radius: 20px;

}

.cllu_li_cont_text{

    margin-top: 44px;

    padding-left: 32px;

    padding-right: 50px;

}

.clct_time p{

    color: #237AE4;

    font-family: 'PoppinsRegular';

}

.clct_time{

    display: flex;

    align-items: center;

}

.clct_time img{

    width: 16px;

    margin-right: 4px;

}

.cllu_li_cont_text .std_title3{

    color: #fff;

    margin-top: 14px;

}

.clct_parga{

    margin-top: 24px;

}

.clct_parga p{

    color: #fff;

}

/* .college_live_list_ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

} */

.college_live_list_ul .slick-dots li{

    width: 8px;

    height: 8px;

    border: 1px solid #fff;

    background: transparent;

}

.college_live_list_ul .slick-dots li.slick-active{

    background: var(--main-color);

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

}

.college_live_list_ul .slick-dots {

    bottom: 0;

}

.college_live_list_ul .slick-list{

    padding-bottom: 50px;

}

.college_live_list_ul.empty .slick-list{

    padding-bottom: 0;

}

.cllu_li_cont{

    width: 100%;

    height: 100%;

    cursor: pointer;

}

.cclu_li{

    width: 50%;

    margin-top: 32px;

}

.cclu_li:nth-child(1),

.cclu_li:nth-child(2){

    margin-top: 0;

}

.cclu_li_cont{

    border-radius: 20px;

    overflow: hidden;

    position: relative;

    cursor: pointer;

}

.cclu_li_cont_text{

    width: 100%;

    top: 54px;

    padding: 0 64px;

    z-index: 5;

}

.cclu_li_cont_text .std_title3{

    color: #fff;

}

.cclu_li_cont_text p{

    color: #fff;

}

.cclu_li_cont_text ul{

    margin-top: 12px;

}

.cclu_li_cont_btn{

    position: absolute;

    bottom: 50px;

    left: 64px;

    z-index: 5;

}

.cclu_li_cont_text ul{

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 18px;

}

.cclu_li_cont_text ul li {

    list-style-type: disc;

}

.cclu_li_cont_text ul li::marker {

    unicode-bidi: isolate;

    font-variant-numeric: tabular-nums;

    text-transform: none;

    text-indent: 0px !important;

    text-align: start !important;

    text-align-last: start !important;

    color: #fff;

}

.college_course {

    overflow: hidden;

}

.college_plan {

    overflow: hidden;

}

.college_course_list_ul{

    display: flex;

    flex-wrap: wrap;

}

.college_adv{

    /* padding-top: 75px; */

    overflow: hidden;

}

.college_adv_bt{

    margin-top: 75px;

}

.culc_img{

    width: 50%;

    padding: 0 5px;

}

.culc_img img{

    border-radius: 20px;

    overflow: hidden;

    border: 1px solid #E1E1E1;

}

.cabl_ul_li_cont{

    margin: 0 -5px;

    display: flex;

    flex-wrap: wrap;

}

.college_adv_bt_le{

    width: 48%;

}

.college_adv_bt_ri{

    width: 52%;

    padding-left: 60px;

}

.cabl_ul_li:not(:first-child){

    display: none;

}

.cabr_ul{

    padding-left: 37px;

}

.cabr_ul_li_tp{

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

}

.cabr_ul_li_tp::after{

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 2px solid var(--main-color);

    position: absolute;

    top: 12px;

    left: -37px;

}

.ult_icon{

    width: 20px;

    height: 20px;

    position: relative;

    transition: all .36s;

}

.ult_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.ult_icon img:nth-child(2){

    opacity: 0;

}

.cabr_ul_li_bt{

    margin-top: 40px;

    display: none;

}

.cabr_ul_li{

    padding: 40px 0;

    border-bottom: 1px solid #E1E1E1;

    transition: all 0.36s;

    cursor: pointer;

}

.cabr_ul_li:first-child{

    padding-top: 0;

}

.cabr_ul_li.act{

    border-bottom: 1px solid var(--main-color);

}

.cabr_ul_li.act .ult_icon{

    transform: rotate(180deg);

}

.cabr_ul_li.act .ult_icon img:nth-child(2){

    opacity: 1;

}

.course_pop{

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

}

.course_pop .ys_modal_content{

    border-radius: 20px;

    padding: 0;    

    background: transparent;

    max-height: none !important;

}

.course_pop_tp{

    background: var(--main-color);

    padding: 20px 80px;

    position: relative;

}

.course_pop_tp .ys_modal_close{

    width: 18px;

    cursor: pointer;

    top: 50%;

    right: 28px;

    transform: translateY(-50%);

}

.course_pop_tp .ys_modal_close img{

    width: 100%;

}

.course_pop_tp .std_title3{

    color: #fff;

}

.course_pop_bt{

    padding: 35px 20px 96px 80px;

    background: #fff;

}

.course_pop_bt .std_title3{

    color: #000;

    padding-left: 30px;

    position: relative;

    margin-bottom: 20px;

}

.course_pop_bt .std_title3::before{

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 2px solid var(--main-color);

    position: absolute;

    top: 12px;

    left: 0;

}

.course_pop_bt .yxedr_active ul,

.course_pop_bt .yxedr_active ol{

    margin-block-start: 0;

    margin-block-end: 0;

    margin-inline-start: 0;

    margin-inline-end: 0;

    padding-inline-start: 24px;

}

.course_pop_bt ol li, .course_pop_bt ul li {

    list-style-type: disc;

}

.course_pop_bt p{

    margin-bottom: 0;

}



.course_pop_bt_wrap{

    max-height: 495px;

}

.course_pop_bt_ul{

    padding-right: 70px;

}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #D7D7D7 !important;

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #333 !important;

}

.yx_menu5_nav{

    position: fixed;

    top: 50%;

    left: 25px;

    transform: translateY(-50%);

    z-index: 90;

    width: 164px;

}

.yx_menu5_nav_circle{

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--main-color);

    position: relative;

    z-index: 5;

    top: 10px;

    flex-shrink: 0;

    transition: all .36s;

}

.yx_menu5_nav li{

    display: flex;

    cursor: pointer;

    padding-bottom: 55px;

    position: relative;

    align-items: flex-start;

}

.yx_menu5_nav_line{

    width: 1px;

    height: 100%;

    background: #D4DBF1;

    position: absolute;

    left: 4px;

    top: 12px;

    transition: all .36s;

}



.yx_menu5_nav_line span{

    width: 100%;

    display: block;

    background: var(--main-color);

}

.yx_menu5_nav li:last-child{

    padding-bottom: 0;

}

.yx_menu5_nav li.active p{

    color: var(--main-color);

}

.yx_menu5_nav li:last-child .yx_menu5_nav_line{

    display: none;

}

.yx_menu5_nav p{

    color: #999;

    transition: all .36s;

    margin-left: 16px;

}



@keyframes page-loader-ripple2 {

    0% {

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

        opacity: 1;

    }

    50% {

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

        opacity: 0.1;

    }

    100% {

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

        opacity: 0;

    }

}

.yx_menu5_nav li.active .l_f1bx2ks::before{

    animation: page-loader-ripple2 4s infinite linear 1s;

}

.yx_menu5_nav li.active .l_f1bx2ks::after{

    animation: page-loader-ripple2 4s infinite linear 2s;

}

.l_f1bx2ks::before {

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--main-color);

    position: absolute;

    left: 50%;

    top: 50%;

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

    transition: all .36s;

    opacity: 0;

    z-index: -1;

}

.l_f1bx2ks::after {

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--main-color);

    position: absolute;

    left: 50%;

    top: 50%;

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

    transition: all .36s;

    opacity: 0;

    z-index: -1;

}

.l_f1bx2ks.l_f1bx2ks2::before {

    animation-delay: 3s !important;

}

.l_f1bx2ks.l_f1bx2ks2::after {

    animation-delay: 4s !important;

}

.yx_menu5_line {

    position: absolute;

    top: 10px;

    left: 4px;

    width: 1px;

    height: calc(100% - 20px);

    background: #D4DBF1;

    overflow: hidden;

}

.yx_menu5_line span {

    width: 100%;

    display: block;

    background: var(--main-color);

}

/* D2-1设备智能运维学院-end */

/* G1-刊物-start */

.public_wrap{

    padding-top: 84px;

}

.public_wrap_tp_info .ys_select{

    width: 220px;

    border-radius: 4px;

    border: 1px solid #D9D9D9;

    background: #FFF;

    padding: 0 18px;

}

.public_wrap_tp_info .ys_select_xtbbox{

    width: 20px;

}

.public_wrap_tp_info .ys_select_xtbbox img{

    width: 100%;

}

.public_wrap_tp_info .ys_select_hd{

    height: 48px;

}

.public_wrap_tp_info .ys_select_hd input,

.public_wrap_tp_info .ys_select_hd input::placeholder{

    font-size: 16px;

    color: #333;

}

.public_wrap_tp_info .ys_select_bd {

    border-radius: 4px;

    border: 1px solid #D9D9D9;

    background: #FFF;

    padding: 18px;

    top: 110%;

    max-height: 150px;                             

}

.public_wrap_tp_info .ys_select_li{

    font-size: 16px;

    line-height: 1.75;

    color: #333;

}

.pwti_search{

    width: 320px;

    border-radius: 4px;

    border: 1px solid #D9D9D9;

    background: #FFF;

    padding-left: 20px;

    display: flex;

    margin-left: 20px;

}

.pwti_search_icon {

    width: 18px;

    cursor: pointer;

    line-height: 48px;

}

.pwti_search_icon img{

    width: 100%;

}

.pwti_search_input{

    width: calc(100% - 18px);

    height: 48px;

}

.pwti_search_input input{

    width: 100%;

    height: 100%;

    padding: 0 10px;

    font-size: 16px;

    color: #333;

}

.pwti_search_input input::placeholder{

    font-size: 16px;

    color: #999;

}

.public_wrap_tp_info{

    display: flex;

    flex-wrap: wrap;

}

.public_wrap_tp{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

}



.public_wrap_bt_view{

    width: 396px;

    padding-right: 75px;

}

.pwbv_btn{

    margin-top: 40px;

    text-align: center;

}

.pwbv_img{

    width: 100%;

}

.pwbv_img img{

    width: 100%;

}

.public_wrap_bt{

    margin-top: 76px;

    position: relative;

    z-index: 1;

}

.public_wrap_bt::before{

    content: "";

    width: 100%;

    height: 500px;

    position: absolute;

    top: 54px;

    left: 0;

    background: #fff;

    z-index: -1;

}

.pwbl_cont{

    padding-left: 75px;

    border-left: 1px solid #DEDEDE;

    overflow: hidden;

}

.pwbl_cont li{

    width: 25%;

    margin-bottom: 35px;

}

.public_wrap_bt_list {

    width: calc(100% - 396px);

}

.pwbl_cont_btn p{

    color: #fff;

    margin-right: 8px;

}

.pwbl_cont_btn img{

    width: 28px;

}

.pwbl_cont a{

    position: relative;

    width: 100%;

    display: block;

}

.pwbl_cont_btn{

    display: flex;

    align-items: center;

    z-index: 5;

    transition: all .36s;

    opacity: 0;

    width: 100%;

    justify-content: center;

}

.pwbl_cont a::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(35, 122, 228, 0.80) 0%, rgba(35, 122, 228, 0.80) 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    opacity: 0;

}

.pwbl_cont ul{

    display: flex;

    flex-wrap: wrap;

}

.pc_fenye li {

    width: 40px;

    height: 40px;

    font-size: 16px;

    line-height: 40px;

    color: #000;

}

.pc_fenye li.activepage {

    background: var(--main-color);

}

.pwbl_page{

    margin-top: 73px;

}

.newdet_prog {

    overflow: hidden;

}

.newdet_prog .hnbu_li{

    margin-bottom: 0;

}

/* G1-刊物-end */

/* H5-公司新闻详情-start */

.newdet_main .solution_bg img{

    opacity: 0;

}

.newdet_wrap{

    padding-top: 86px;

}

.ys_cont920{

    width: 920px;

    margin: auto;

    max-width: 100%;

}

.newdet_wrap_tp h1{

    color: #000;

    line-height: 1.6;

    margin-top: 3px;

}

.newdet_wrap_tp p{

    color: #999;

}

.newdet_wrap_tp{

    padding-bottom: 24px;

    border-bottom: 1px solid #D9D9D9;

}

.newdet_wrap_bt{

    margin-top: 35px;

}

.newdet_wrap_bt img{

    border-radius: 20px;

    overflow: hidden;

    width: 100%;

}

.newdet_wrap_bt p{

    font-size: 16px;

    line-height: 1.75;

    color: #666;

    margin-bottom: 12px;

}

.ys_share_list{

    width: 26px;

    cursor: pointer;

    margin: 0 13px;

}

.ys_share_list img{

    width: 100%;

}

.newdet_wrap_share{

    display: flex;

    align-items: center;

    margin-top: 80px;

}

.newdet_prog_bt{

    border-top: 1px solid #E5E5E5;

    overflow: hidden;

}

.newdet_prog_bt .home_new_bt_ul{

    display: block;

}

.home_new_bt_ul .slick-track{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.hnbu_li_tit {

    height: 2.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    transition: all .36s;;

}

/* H5-公司新闻详情-end */

/* H4-公司新闻-start */

.new_slick{

    padding-top: 100px;

    overflow: hidden;

    position: relative;

    background: #F8F9FD;

}

.new_wrap{

    background: #fff;

}

.new_wrap_cont{

    margin-top: 75px;

}

.new_wrap_cont .pwti_search{

    margin-left: 10px;

}

.new_wrap_cont .ys_select{

    width: 150px;

}

.new_wrap_cont .hnbu_li a {

    padding: 0 40px;

}

.new_wrap_cont .hnbu_li{

    border-right: none;

    margin-bottom: 82px;

}

.new_wrap_cont_page{

    margin-top: 40px;

}

.nslu_li a{

    border-radius: 20px;

    overflow: hidden;

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

}

.nslu_li a::after{

    content: "";

    width: 100%;

    height: 49%;

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

    position: absolute;

    bottom: 0;

    left: 0;

    pointer-events: none;

}

.nslu_li_text{

    width: 100%;

    z-index: 5;

    padding-left: 46px;

    padding-right: 42px;

    bottom: 37px;

    transition: all .36s;

}

.nslu_li.swiper-slide-active .nslu_li_text{

    padding-right: 170px;

}

.nslu_li_text_time p{

    color: #fff;

    font-family: 'PoppinsRegular';

}

.nslu_li_text_time img{

    width: 18px;

    margin-right: 5px;

}

.nslu_li_text_time{

    display: flex;

    align-items: center;

}

.nslu_li_text_tit{

    margin-top: 14px;

    color: #fff;

}

/* .new_slick_list_ul{

    margin: 0 -30px;

} */

.nslu_li{

    transform-origin: top;

    width: 610px !important;

    height: 375px !important;   



}

.nslu_li.swiper-slide-active{

    width: 870px !important;

    height: 485px !important;

    transition: all 0.6s ease;

}

.new_slick_list{

    width: 870px;

    margin: auto;

    overflow: visible !important;

    height: 485px;

}

.new_main .solution_bg::after{

    height: 100%;

    background: linear-gradient(0deg, #F8F9FD 24%, rgba(248, 249, 253, 0.00) 90.31%);

    z-index: 0;

}

.new_slick .ys_cont1400{

    position: relative;

    z-index: 5;

}

.new_main .solution_bg{

    height: 100%;

    top: -90px;

    z-index: 0;

}

.new_main .solution_bg img {

    height: 100%;

    object-fit: cover;

}

.nslu_li .ys_imgbox_cover{

    height: 100%;

}

.nslu_li .ys_imgbox_cover img{

    height: 100%;

    object-fit: cover;

}

.new_slick_list .swiper-pagination-bullet,

.case_atlas_bt .swiper-pagination-bullet{

    background: #fff;

    border: 1px solid #999;

    transition: all .3s ease-out 0s;

    opacity: 1;

}

.new_slick_list .swiper-pagination-bullet-active,

.case_atlas_bt .swiper-pagination-bullet-active{

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

    background: var(--main-color);

}

.new_slick_list .swiper-pagination{

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

    text-align: left;

}

.new_slick .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    left: 50%;

    width: var(--width-num);

}

.new_slick_bt{

    position: relative;

}

.new_slick_bt_btn{

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 5;

}

/* H4-公司新闻-end */

/* H3-投资者关系-start */

.investor_certi{

    margin-top: 70px;

    border-radius: 20px;

    background: #FFF;

    padding: 15px 62px 15px 37px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.investor_certi_link{

    width: 545px;

}

.investor_certi_link iframe{

    width: 100%;

}

.investor_certi_text{

    width: calc(100% - 545px);

    padding-right: 180px;

}

.ictn_digit{

    font-size: 56px;

    color: #EB4C28;

    line-height: 1.4;

    margin-right: 5px;

}

.ictn_icon{

    width: 35px;

}

.ictn_icon img{

    width: 100%;

}

.investor_certi_text_tit{

    font-size: 20px;

    color: #333;

    line-height: 1.25;

    margin-bottom: 20px;

}

.investor_certi_text_num{

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.investor_certi_text_parga p{

    font-size: 12px;

    line-height: 1.75;

    color: #999;

}

.icti_ul{

    margin: 0 -35px;

    display: flex;

}

.icti_ul_li{

    padding: 0 35px;

}

.icti_ul_li p{

    font-size: 14px;

    line-height: 1.5;

    color: #666;

}

.icti_ul_li_num{

    font-size: 20px;

    line-height: 1.5;

    color: var(--main-color);

}

.investor_notice h2{

    text-align: center;

}

.investor_main .solution_bg::after{

    height: 1253px;

    background: linear-gradient(180deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%);

}

/* H3-投资者关系-end */

/* E2-1案例详情-start */

.casedet_article {

    background: #F8F9FD;

}

.casedet_article .ys_cont1400{

    position: relative;

    z-index: 5;

}

.casedet_article .solution_bg{

    z-index: 0;

}

.casedet_article_tp_logo{

    width: 273px;

}

.casedet_article_tp_logo img{

    width: 100%;

}

.casedet_article_tp .std_btn1{

    margin-top: 84px;

}

.casedet_article_tp{

    padding-top: 72px;

}

.casedet_article_img_pic{

    width: 100%;

    border-radius: 20px;

    overflow: hidden;

}

.casedet_article_img_pic img{

    width: 100%;

}

.casedet_article_bt{

    margin-top: 85px;

}

.casedet_article_bt_aside{

    width: 320px;

    padding-right: 132px;

}

.casedet_article_bt_text{

    width: calc(100% - 320px);

    padding-left: 78px;

    border-left: 1px solid #D9D9D9;

    padding-top: 30px;

}

.caba_li span{

    font-weight: bold;

    color: #333;

}

.caba_li{

    margin-bottom: 20px;

}

.casedet_article_bt_text h3{

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

    line-height: 1.4;

    color: #333;

    margin-bottom: 16px;

}

.casedet_article_bt_text p{

    font-size: 16px;

    line-height: 1.75;

    color: #666;

    margin-bottom: 12px;

}

.ccbu_li{

    width: 33.333333%;

}

.ccbu_li .ys_imgbox_cover{

    border-radius: 20px;

}

.ccbu_li_cont{

    cursor: pointer;

    padding-bottom: 40px;

    border-bottom: 1px solid #E5E5E5;

}

.ccbu_li_cont_text{

    margin-top: 23px;

}

.ccbu_li_cont_text .std_title3{

    line-height: 1.5;

    height: 3em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-bottom: 18px;

}

.ccbu_li_cont_text .std_btn2 p{

    color: #333;

}

.ccbu_li_cont_text .std_btn2_box_circle {

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

}

.case_pop{

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

}

.case_pop .ys_modal_content{

    width: 1120px;

    padding: 0;

    background: transparent;

    border-radius: 20px;

    max-height: inherit !important;

}

.case_pop_bt{

    padding: 35px 28px 44px 80px;

    background: #fff;

}

.cpbw_img{

    width: 360px;

}

.cpbw_img img{

    width: 100%;

}

.cpbw_text{

    width: calc(100% - 360px);

    padding-right: 85px;

}

.cpbw_text_li{

    margin-bottom: 32px;

}

.cpbw_text_li:last-child{

    margin-bottom: 0;

}

.cpbw_text_li h3{

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

    line-height: 1.4;

    color: #000;

    margin-bottom: 20px;

}

.cpbw_text_li p{

    font-size: 16px;

    line-height: 1.75;

    color: #666;

    margin-bottom: 0 !important;

}

.case_pop_bt_wrap {

    max-height: 550px;

    overflow: hidden;

}

.case_pop_bt_wrap .mCSB_inside>.mCSB_container {

    margin-right: 0;

    padding-right: 60px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.yx_rotate4 .slick-list {

    overflow: visible;

}

.yx_rotate4 {

    --move: 25px;

    --scale1: 0.05;

}

.yx_rotate4_list_nub {

    opacity: 0 !important;

    pointer-events: none;

    z-index: var(--zindex) !important;

    transform-origin: center bottom;

    transition: all 0.36s ease-out !important;

    perspective: 2000px;

}

.yx_rotate4_list_nub.prev {

    transform: scale(1) translateY(calc(var(--move) * -1));

}



.yx_rotate4_list_nub.slick-active {

    opacity: 1 !important;

    pointer-events: all;

    transform: scale(1) translateY(0);

}

.yx_rotate4_list_nub.next1 {

    transform: scale(calc(1 - var(--scale1))) translateY(var(--move));

    opacity: 1 !important;

    pointer-events: all;

}

.yx_rotate4_list_nub.next2 {

    transform: scale(calc(1 - calc(var(--scale1) * 2))) translateY(calc(var(--move) * 2));

    opacity: 1 !important;

    pointer-events: all;

}

.yx_rotate4_list_nub.next {

    transform: scale(calc(1 - calc(var(--scale1) * 3))) translateY(calc(var(--move) * 3));

}

.yx_rotate4_list_nub.prev .itbu_wrap {

    transform: translate3d(0px, -130px, 25px) rotateX(30deg);

}

.yx_rotate4_list .slick-track {

    transform-style: preserve-3d;

}

.yx_rotate4_list_nub.next1 .itbu_wrap {

    background: #BDD0F5;

}

.yx_rotate4_list_nub.next2 .itbu_wrap {

    background: #DBE9FF;

}



.itbu_wrap {

    transition: all 0.36s;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    background: var(--main-color);

    border-radius: 20px;

    padding: 75px 75px 65px 92px;

    align-items: center;

    overflow: hidden;

}

.itbu_wrap_ri{

    width: 392px;

    border: 1px solid #5A88FF;

    border-radius: 10px;

    padding: 108px 50px 122px 77px;

}

.itbu_wrap_le{

    width: calc(100% - 392px);

    padding-right: 112px;

}

.cpwb_top_dots{

    width: 56px;

}

.cpwb_top_dots img{

    width: 100%;

}

.itbu_wrap_le p{

    color: #fff;

}

.cpwb_top_subin_p1 p{

    font-weight: bold;

}

.cpwb_top_subin{

    margin-top: 100px;

}



.itbu_swip{

    margin-top: 100px;

}

.itbu_swip .std_arrow{

    margin: auto;

}

.casedet_custom{

    position: relative;

    overflow: hidden;

}

.casedet_custom::after{

    content: "";

    width: 1400px;

    height: 1px;

    background: #DEDEDE;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}

.casedet_main .casedet_relat{

    padding-top: 80px;

}

.casedet_relat_bt_ul{

    margin: 0 -18px;

}

.casedet_class {

    overflow: hidden;

}

.casedet_class h2,

.casedet_relat h2{

    color: #101111;

}

.crbu_li{

    width: 25%;

    padding: 0 18px;

    margin-bottom: 30px;

}

.crbu_li a{

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    background-color: #fff;

    box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10);

}

.crbu_li_text{

    padding: 20px 28px 26px;

}

.crbu_li_text_tit{

    font-size: 16px;

    line-height: 1.75;

    color: #333;

    font-weight: bold;

    margin-bottom: 10px;

    height: 1.75em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.crbu_li_text_parga p{

    font-size: 14px;

    line-height: 1.75;

    color: #666;

    height: 5.25em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.crbu_li_text_lab li{

    padding: 8px 16px;

    border-radius: 6px;

    background: #E9EEFF;

    display: inline-block;

}

.crbu_li_text_lab li p{

    font-size: 14px;

    line-height: 18px;

    color: var(--main-color);

}

.crbu_li_text_lab{

    margin-top: 15px;

}

.crbu_li_tp{

    position: relative;

}

.crbu_li_tp::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.crbu_li_tp_logo{

    z-index: 5;

    width: 162px;

}

.casedet_relat_list{

    padding-bottom: 70px;

    overflow: hidden;

}

/* E2-1案例详情-end */

/* E1-案例-start */

.ys_nyban_btn{

    text-align: center;

}

.ys_nyban_parga{

    text-align: center;

    width: 63.4%;

    margin: 24px auto 0;

}

.ys_nybanner::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.ys_nyban_title{

    z-index: 6;

}

.case_main .moe_bread{

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 5;

}

.case_main .casedet_relat_bt_ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.case_atlas{

    background: #F8F9FD;

}

.case_atlas_bt_swiper{

    overflow: visible !important;

    height: 434px;

}

.case_atlas_bt {

    width: 814px;    

}

.cabs_li{

    border-radius: 20px;

    overflow: hidden;

    position: relative;

    width: 650px !important;

    height: 346px !important;

}

.cabs_li_bg{

    height: 100%;

}

.cabs_li_bg img{

    height: 100%;

    object-fit: cover;

}

.cabs_li_text{

    position: absolute;

    top: 60px;

    width: 100%;

    padding: 0 64px;

}

.cabs_li_text .std_title3{

    color: #fff;

}

.cabs_li_text_logo{

    width: 274px;

}

.cabs_li_text_btn{

    margin-top: 90px;

}

.cabs_li .std_title3,

.cabs_li_text_btn{

    opacity: 0;

    transition: all .36s;

}

.cabs_li.swiper-slide-active .std_title3,

.cabs_li.swiper-slide-active .cabs_li_text_btn{

    opacity: 1;

}

.cabs_li.swiper-slide-active {

    width: 814px !important;

    height: 434px !important;

    transition: all .6s ease;

}

.case_atlas_bt .swiper-pagination{

    text-align: left;

}

.case_atlas_bt .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: -70px;

}

.case_atlas_btn{

    margin-top: 24px;

    display: flex;

    justify-content: end;

    width: var(--width-num);

}

.casedet_power{

    display: flex;

}

.casedet_power_li{

    width: 33.333333%;

    position: relative;

}

.casedet_power_mid{

    position: relative;

}

.casedet_power_mid_wrap{

    border-radius: 6px;

    overflow: hidden;

    background: #FFF;

    box-shadow: 0px 2px 40px 10px rgba(186, 203, 238, 0.10), 0px 2px 40px 10px rgba(186, 203, 238, 0.25), 0px 2px 40px 9px rgba(186, 203, 238, 0.25);

}

.cpmw_img{

    width: 100%;

}

.cpmw_img img{

    width: 100%;

}

.cpmw_text{

    padding: 92px;

    text-align: center;

    background: #fff;

    overflow: hidden;

}

.cpmw_text h2{

    text-align: center;

}

.casedet_power_mid_bg{

    position: absolute;

    bottom: -56px;

    left: -143px;

}

.mod_bg{

    width: 244px;

}

.mod_bg img{

    width: 100%;

}



.cplu_li.border{

    border: 1px solid #E1E1E1;

}

.cplu_li0{

    width: 84px;

}

.cplu_li1,.cplu_li3s{

    width: 110px;

}

.cplu_li2,.cplu_li5s{

    width: 117px;

}

.cplu_li3{

    width: 132px;

}

.cplu_li4{

    width: 160px;

}

.cplu_li5,.cplu_li6s{

    width: 126px;

}

.cplu_li{

    border-radius: 11px;

    overflow: hidden;

    position: absolute;

    animation: jumping 3.4s ease-in-out infinite;

}

.cplu_li img{

    width: 100%;

}

.casedet_power_le{

    position: relative;

}

.casedet_power_le_ul{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.cplu_li1s{

    width: 135px;

}

.cplu_li2s{

    width: 106px;

}

.cplu_li4s{

    width: 95px;

}

.cplu_li7s{

    width: 138px;

}

@keyframes jumping {

    0% {

        transform: translateY(0)

    }



    50% {

        transform: translateY(15px)

    }



    to {

        transform: translateY(0)

    }

}

.cplu_li:nth-child(1){

    animation-delay: .25s;

}

.cplu_li:nth-child(2){

    animation-delay: .5s;

}

.cplu_li:nth-child(3){

    animation-delay: .75s;

}

.cplu_li:nth-child(4){

    animation-delay: 1s;

}

.cplu_li:nth-child(5){

    animation-delay: 1.25s;

}

.cplu_li:nth-child(6){

    animation-delay: 1.5s;

}

.cplu_li:nth-child(7){

    animation-delay: 1.75s;

}

.cplu_li:nth-child(8){

    animation-delay: 2s;

}

.cplu_li:nth-child(9){

    animation-delay: 2.5s;

}

/* E1-案例-end */

/* D1-1智能服务-start */

.service_main .scene_info .ys_cont1400{

    align-items: flex-start;

}

.service_team{

    background: #171C2C;

    overflow: hidden;

}

.service_team h2{

    text-align: center;

    color: #fff;

    padding-top: 88px;

}

.yx_rotate5 .itbu_wrap{

    padding: 0;

    align-items: flex-start;

}

.yx_rotate5 .itbu_wrap_le {

    width: 57%;

    padding-right: 0;

}

.yx_rotate5 .itbu_wrap_ri{

    width: 43%;

    border: none;

    padding: 70px;

}

.yx_rotate5 .itbu_wrap_ri .std_title3{

    color: #fff;

}

.yx_rotate5 .itbu_wrap_ri p{

    color: #fff;

}

.service_team .yx_rotate5{

    margin-top: 78px;

    position: relative;

}

.yx_rotate4_list_nub:not(:first-child){

    display: none;

}

.yx_rotate5 .yx_rotate4_list_nub {

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

}

.yx_rotate5 .yx_rotate4_list_nub.next1 .itbu_wrap {

    background: #42649D;

}

.yx_rotate5 .yx_rotate4_list_nub.next2 .itbu_wrap {

    background: #2E4163;

}

.yx_rotate5 .yx_rotate4_list_nub.next1 .itbu_wrap_le {

    opacity: 0;

}

.yx_rotate5 .yx_rotate4_list_nub.next2 .itbu_wrap_le {

    opacity: 0;

}

.yx_rotate5 .std_arrow_icon{

    border: 1px solid #fff !important;

}

.yx_rotate5 .itbu_swip{

    margin-top: 0;

    position: absolute;

    bottom: 64px;

    z-index: 5;

    left: calc(57% + 70px);

}

.service_labora{

    width: 100%;

    height: 200vh;

    position: relative;

    /* overflow: hidden; */

}

.service_labora_wrap{

    height: calc(100vh - 90px);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100% !important;

}

.service_labora{

    transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1);

}

.service_labora.change{

    background: #171C2C;

}

.service_labora h2{

    text-align: center;

    color: #000;

    transition: all .36s;

}

.service_labora.change h2{

    color: #fff;

}

.service_labora_bt{

    margin-top: 135px;

}

.service_labora_wrap_cont{

    position: relative;

    top: -30px;

}

.newdet_prog_bt .hnbu_li:nth-child(3n+3){

    border-right: 1px solid #e5e5e5;

}

.service_custom{

    background: var(--main-color);

    overflow: hidden;

}

.service_custom h2{

    text-align: center;

    color: #fff;

}

.service_custom .itbu_wrap{

    background: #fff;

    box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10);

}

.service_custom .itbu_wrap_ri{

    border: 1px solid #fff;

}

.service_custom .itbu_wrap_le p{

    color: #666;

}

.service_custom .cpwb_top_subin_p1 p{

    color: #333;

}

.service_custom .yx_rotate4_list_nub.next1 .itbu_wrap {

    background: #fff;

    opacity: 0.4;

}

.service_custom .yx_rotate4_list_nub.next2 .itbu_wrap {

    background: #fff;

    opacity: 0.2;

}

.service_custom .std_arrow_icon{

    border: 1px solid #fff !important;

}

.scene_flow{

    background: #F8F9FD;

    overflow: hidden;

}

.scene_flow_wrap_circle{

    width: 573px;

    height: 573px;

    margin: auto;

    position: relative;

}

.sfwc_bg{

    width: 100%;

}

.sfwc_bg img{

    width: 100%;

}

.sfwc_cont{

    width: 60%;

    height: 60%;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #FFF;

    box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10);

}

.sfwc_cont_text h2{

    text-align: center;

}

.sfwc_cont_text p{

    text-align: center;

    margin-top: 24px;

}

.sfwc_circle {

    width: 88%;

    pointer-events: none;

}

.sfwc_circle img{

    width: 100%;

    animation: circleRotate 14s linear both infinite;

}

@keyframes circleRotate{

    0%{

        transform: rotate(0);

    }

    100%{

        transform: rotate(1turn);

    }

}

.scene_flow_wrap{

    position: relative;

}

@keyframes textLeft{

    0%{

        opacity: 0;

        transform: translateX(-50px);

    }

    100%{

        opacity: 1;

        transform: translateX(0px);

    }

}

@keyframes textRight{

    0%{

        opacity: 0;

        transform: translateX(50px);

    }

    100%{

        opacity: 1;

        transform: translateX(0px);

    }

}

.itemleft{

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

}

.itemright{

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

}

.sfwt_ul_li_icon{

    width: 152px;

    height: 152px;

    border-radius: 50%;

    position: relative;

}

.sfwt_ul_li_icon img{

    width: 42%;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.sfwt_ul_li:nth-child(1) .sfwt_ul_li_icon{

    background: #00368D;

}

.sfwt_ul_li:nth-child(2) .sfwt_ul_li_icon{

    background: #AACAFF;

}

.sfwt_ul_li:nth-child(3) .sfwt_ul_li_icon{

    background: #6FA2F5;

}

.sfwt_ul_li:nth-child(4) .sfwt_ul_li_icon{

    background: var(--main-color);

}

.sfwt_ul_li:nth-child(5) .sfwt_ul_li_icon{

    background: #0F69FE;

}

.sfwt_ul_li:nth-child(6) .sfwt_ul_li_icon{

    background: #004CC8;

}

.sfwt_ul_li_text .std_title3{

    text-align: right;

}

.sfwt_ul_li_text p{

    margin-top: 8px;

    text-align: right;

}

.sfwt_ul_li_text{

    width: 336px;

    padding-right: 60px;

}

.sfwt_ul_li{

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

    position: absolute;

    pointer-events: all;

}

.sfwt_ul_li_wrap{

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

}

.right_side .sfwt_ul_li_wrap{

    flex-direction: row;

}

.right_side .std_title3,

.right_side .sfwt_ul_li_text p{

    text-align: left;

}

.right_side .sfwt_ul_li_text{

    padding-right: 0;

    padding-left: 60px;

}

.scene_flow_wrap_text{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}

.sfwt_ul_li:nth-child(1){

    top: -5%;

    right: 63.9%;

}

.sfwt_ul_li:nth-child(2){

    top: -5%;

    left: 63.9%;

}

.sfwt_ul_li:nth-child(3){

    top: 50%;

    transform: translateY(-50%);

    left: 87.1%;

}

.sfwt_ul_li:nth-child(4){

    bottom: -5%;

    left: 63.9%;

}

.sfwt_ul_li:nth-child(5){

    bottom: -5%;

    right: 63.9%;

}

.sfwt_ul_li:nth-child(6){

    top: 50%;

    transform: translateY(-50%);

    right: 87.1%;

}

.service_labora_bt_swiper{

    width: 700px;

    margin: auto;

    overflow: visible !important;

}

.slbs_li{

    border-radius: 20px;

    overflow: hidden;

    position: relative;

    transition: all .6s ease;

}

.slbs_li::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(35, 122, 228, 0.00) 47.97%, rgba(35, 122, 228, 0.80) 100%);

    position: absolute;

    bottom: 0;

    left: 0;

}

.slbs_li.swiper-slide-active{

    transform: scale(1.32);

}

.service_ours{

    height: 400vh;

    position: relative;

    /* overflow: hidden; */

    background: #171C2C;

}

.service_ours_wrap{

    height: calc(100vh - 90px);

    display: flex;

    align-items: center;

}

.service_ours h2{

    text-align: center;

    color: #fff;

}

.sobu_li_wrap .ys_imgbox_cover{

    width: 43%;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

}

.sobu_li.swiper-slide-active .sobu_li_wrap .ys_imgbox_cover {

    opacity: 1;

    visibility: visible;

    transition: 0.4s 0.3s;

}

.sobu_li_text{

    width: 57%;

    padding: 0 130px;

}

.sobu_li_text_tit{

    color: #fff;

}

.sobu_li_text_parga1 p{

    color: #fff;

    margin-bottom: 28px;

}

.sobu_li_text_parga1 p:last-child{

    margin-bottom: 0;

}

.sobu_li_text_parga1 span{

    font-weight: bold;

    display: block;

    line-height: 1.75;

}

.sobu_li_wrap{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.service_ours_bt{

    margin-top: 97px;

    position: relative;

}

.service_ours_bt .swiper-pagination{

    left: auto !important;

    right: 0;

    width: auto !important;

    top: 50%;

    transform: translateY(-50%);

    bottom: auto !important;

}

.service_ours_bt_swiper .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    background: transparent;

    opacity: 1;

    border: 1px solid #fff;

    display: block;

    transition: all .3s ease-out 0s;

}

.service_ours_bt .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 6px 0 !important;

}

.service_ours_bt_swiper .swiper-pagination-bullet-active {

    background: var(--main-color);

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

}

.sobu_li_text_tit{

    opacity: 0;

    visibility: hidden;

    transform: translateY(40px);

    transition: transform 0s 0.3s,opacity 0.1s,visibility 0.1s;

}

.sobu_li.swiper-slide-active .sobu_li_text_tit{

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

    transition: 0.3s 0.3s;

}

.sc-im-content p {

    opacity: 0;

    visibility: hidden;

    transform: translateY(40px);

    transition: 0s;

}

.sobu_li_text_parga1{

    opacity: 0;

    visibility: hidden;

    transform: translateY(40px);

    transition: 0s;

}

.sobu_li.swiper-slide-active .sobu_li_text_parga1 {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

    transition: 0.3s 0.45s;

}

/* D1-1智能服务-end */



/* H6-1加入我们-start */

.join_organ{

    overflow: hidden;

}

.join_organ h2{

    text-align: center;

}

.jobu_li{

    width: 50%;

    padding: 0 25px;

    margin-bottom: 76px;

}

.join_organ_bt_ul{

    display: flex;

    flex-wrap: wrap;

    margin: 0 -25px;

}

.jobu_li_cont{

    width: 100%;

    cursor: pointer;

    border-radius: 20px;

    position: relative;

    overflow: hidden;

}

.jobu_li_cont::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 33.07%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

}

.jobu_li_cont::before{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 9.15%, rgba(0, 0, 0, 0.00) 54.73%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    opacity: 0;

    z-index: 1;

}

.jlct_btn{

    text-align: center;

}

.jobu_li_cont_text{

    width: 100%;

    padding: 0 56px;

    z-index: 5;

    bottom: 70px;

}

.jlct_parga p,

.jobu_li_cont_text .std_title3{

    color: #fff;

    text-align: center;

}

.jlct_btn{

    text-align: center;

    margin-top: 38px;

}

.jlct_parga{

    margin-top: 14px;

}

.jlct_parga p{

    height: 5.25em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.jlct_info{

    display: none;

}

.join_thoro_img{

    width: 83%;

    margin: auto;

}

.join_thoro_img img{

    width: 100%;

}

.join_thoro h2{

    text-align: center;

}

.join_thoro{

    padding-top: 54px;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.join_thoro::after{

    content: "";

    width: 100%;

    height: calc(100% + 414px);

    background: linear-gradient(0deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%);

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}

.join_activity{

    padding-top: 80px;

    padding-bottom: 100px;

    background-color: var(--main-color);

    overflow: hidden;

}

.join_activity h2{

    text-align: center;

    color: #fff;

}

.jabu_li{

    width: 50%;

    margin-bottom: 33px;

}

.join_activity_bt_ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.jabu_li_cont{

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 10px 16px 0px rgba(26, 66, 138, 0.06);

    padding: 45px 56px 56px 40px;

    overflow: hidden;

}

.jabu_li_cont_icon{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    position: relative;

}

.jabu_li:nth-child(4n+1) .jabu_li_cont_icon{

    background: var(--main-color);

}

.jabu_li:nth-child(4n+2) .jabu_li_cont_icon{

    background: #171C2C;

}

.jabu_li:nth-child(4n+3) .jabu_li_cont_icon{

    background: #4FFEB6;

}

.jabu_li:nth-child(4n+4) .jabu_li_cont_icon{

    background: #7856FF;

}

.jlci_pic{

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 30px;

}

.jabu_li_cont_text{

    width: calc(100% - 50px);

    padding-left: 43px;

}

.jlct_parga1{

    margin-top: 20px;

}

.viewer-button{

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

}

.college_train {

    overflow: hidden;

}

.join_altas .college_train_list_ul {

    width: calc((500px * var(--width-shu)) + (20px *var(--width-shu)));

}

.join_altas .ctlu_li {

    width: 500px;

    margin-right: 20px;

}

.join_contact {

    overflow: hidden;

}

.join_contact_wrap_img{

    width: 59.6%;

}

.join_contact_wrap_img img{

    width: 100%;

}

.join_contact_wrap_text{

    width: 40.4%;

    padding-left: 90px;

    padding-right: 78px;

}

.join_contact_wrap{

    border-radius: 20px;

    overflow: hidden;

    background-color: #171C2C;

    display: flex;

    align-items: center;

}

.join_contact_wrap_text h2{

    color: #fff;

}

.jcwt_parga p{

    color: #CBCEDD;

}

.jcwt_parga{

    margin-top: 25px;

}

.jcwt_btn{

    margin-top: 120px;

}

.organ_pop{

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

}

.ys_modal_content{

    padding: 0 !important;

    max-height: inherit !important;

    background: transparent;

    border-radius: 20px;

}

.organ_pop .course_pop_bt{

    padding-bottom: 80px;

}

.organ_pop .course_pop_bt p{

    margin-bottom: 12px;

}

.course_pop_bt p img{

    width: 100%;

}

.join_wealth_cont{

    padding-top: 75px;

}

.join_wealth_cont_parga{

    width: 38.4%;

    margin: 40px auto 0;

    text-align: center;

}

.join_wealth_cont h1{

    text-align: center;

    color: #000;

}

.join_wealth_cont_btn{

    margin-top: 70px;

    text-align: center;

}

.join_wealth_cont_bt{

    display: flex;

}

.jwcb_li_cont{

    position: relative;

}

.jwcb_li_cont_img{

    width: 100%;

    border-radius: 20px; 

    overflow: hidden;

}

.jwcb_li img{

    width: 100%;

    transition: all .36s;

}

.jwcb_li_cont video{

    border-radius: 20px; 

    overflow: hidden;

}



video{

    background: transparent;

}

.jwcb_li1{

    width: 42%;

    margin-top: 11px;

}

.jwcb_li2{

    width: 25.2%;

    margin-top: 66px;

}

.jwcb_li3{

    width: 32.8%;

}

.jwcb_li_cont_icon{

    width: 118px;

    position: absolute;

    cursor: pointer;

    top: -70px;

    left: -60px;

    z-index: 5;

}

.jwcb_li_cont_icon img{

    width: 100%;

}

.jwcb_li_cont_bg{

    position: absolute;

    left: -130px;

    bottom: -38px;

}

.jwcb_li_cont_bg img{

    width: 100%;

}

.join_data_wrap{

    position: relative;

    /* overflow: hidden; */

}

.jdwl_cont{

    width: 420px;

    height: 200px;

    position: relative;

}

.join_data_wrap_li1 .jdwl_cont{

    background: linear-gradient(270deg, rgba(0, 211, 161, 0.31) 0%, rgba(0, 211, 161, 0.00) 100%);

}

.join_data_wrap_li2 .jdwl_cont{

    background: linear-gradient(270deg, rgba(35, 122, 228, 0.53) 0%, rgba(35, 122, 228, 0.00) 100%);

}

.join_data_wrap_li3 .jdwl_cont{

    background: linear-gradient(270deg, rgba(0, 11, 107, 0.44) 0%, rgba(0, 9, 95, 0.00) 97.14%);

}

.jdwl_cont_circle{

    width: 200px;

    height: 200px;

    border-radius: 50%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: -100px;

}

.join_data_wrap_li1 .jdwl_cont_circle{

    background: #00D0C4;

}

.join_data_wrap_li2 .jdwl_cont_circle{

    background: var(--main-color);

}

.join_data_wrap_li3 .jdwl_cont_circle{

    background: #28314F;

}

.jdwl_cont_circle .std_title1,

.jdwl_cont_circle p{

    color: #fff;

}

.jdwl_cont_circle .std_title1{

    font-family: 'robotomedium';

}

.join_data_wrap_li {

    position: relative;

}

.join_data_wrap_li::after{

    content: "";

    width: 100%;

    height: 1px;

    background: #DEDEDE;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    z-index: -1;

}

.jdwl_icon_bg{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.jdwl_icon img{

    width: 54px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.join_data_wrap_li1 .jdwl_icon_bg{

    background: #00D0C4;

}

.join_data_wrap_li2 .jdwl_icon_bg{

    background: var(--main-color);

    left: 75.9%;

}

.join_data_wrap_li3 .jdwl_icon_bg{

    background: #28314F;

    left: 0;

}

.join_data_wrap_li1 .jdwl_icon_bg1{

    left: 9%;

}

.join_data_wrap_li1 .jdwl_icon_bg2{

    right: 8.6%;

}

.join_data_wrap_li1 .jdwl_icon img{

    left: 70.6%;

}

.join_data_wrap_li2 .jdwl_icon img{

    left: 11.4%;

}

.join_data_wrap_li3 .jdwl_icon img{

    left: 81.4%;

}

@keyframes leftEffect1{

    0%{

        left: -80%;

    }

    100%{

        left: 13%;

    }

}

@keyframes leftEffect2{

    0%{

        left: -80%;

    }

    100%{

        left: 0%;

    }

}

@keyframes leftEffect3{

    0%{

        left: -80%;

    }

    100%{

        left: 27%;

    }

}

.jdwl_cont{

    left: -80%;

}

.join_data_wrap.act .join_data_wrap_li1 .jdwl_cont{

    animation: leftEffect1 1.5s linear both;

}

.join_data_wrap.act .join_data_wrap_li2 .jdwl_cont{

    animation: leftEffect2 1.5s linear both;

}

.join_data_wrap.act .join_data_wrap_li3 .jdwl_cont{

    animation: leftEffect3 1.5s linear both;

}

.join_value_img{

    width: 100%;

    height: calc(100vh - 90px);

    overflow: hidden;

    /* position: sticky;

    top: 90px; */

}

.join_value_img_bg1,.join_value_img_bg2 {

    height: 100%;

}

.join_value_img_bg1 {

    position: relative;

}

.join_value_img_bg1::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 53.22%);

    position: absolute;

    top: -2px;

    left: 0;

}

.join_value_img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.join_value_img_bg2{

    width: 100%;

}

.join_wealth {

    padding-bottom: 100px;

    overflow: hidden;

}

.jvul_cont{

    padding: 54px 62px 57px 66px;

    border-radius: 20px;

    background: #171C2C;

    overflow: hidden;

    transform-origin: top;

}

.join_value_ul{

    width: 633px;

}

.jvul_cont_tp .std_title2{

    color: #fff;

    width: calc(100% - 85px);

    padding-right: 30px;

}

.jvul_cont_tp img{

    width: 85px;

}

.jvul_cont_tp{

    display: flex;

    align-items: flex-start;

}

.jvul_cont_bt p{

    color: #fff;

    height: 8.75em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

}

.join_value.isfixed .join_value_img {

    position: fixed;

    top: 90px;

}

.join_value.isfixed.notfixed .join_value_img {

    position: absolute;

    top: auto;

    bottom: 0;

}

.join_value_ul_li{

    position: sticky;

    top: 300px;

    padding-bottom: 114px;

}

/* .join_value_ul_li:nth-child(1){

    top: 300px;

}

.join_value_ul_li:nth-child(2){

    top: 300px;

}

.join_value_ul_li:last-child{

    padding-bottom: 170px;

} */

.join_main .mod_content{

    overflow: inherit;

}

.join_html,.join_body{

    overflow: inherit !important;

}

.join_altas {

    overflow: hidden;

}

.join_value{

    position: relative;

    height: 200vh;

}

.join_value .ys_cont1400{

    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;

    padding-top: 170px;

    height: 100%;

}

.join_value_img_bg1{

    height: auto;

}

/* H6-1加入我们-end */

/* B1-1行业解决方案-石化汇总页-start */

body{

    height: auto !important;

}

.solu_main .moe_bread {

    z-index: 5;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}

.solu_main .ys_bread_list a{

    color: #fff;

    opacity: .6;

}

.solu_main .ys_bread_list:last-child a {

    color: #fff;

    opacity: 1;

}

.ys_nyban_btn .std_btn1 {

    margin-right: 40px;

    cursor: pointer;

}

.ys_nyban_btn .std_btn1:last-child{

    margin-right: 0;

}

.solu_main .ys_nyban_parga{

    margin: 34px auto 0;

    width: 50%;

}

.service_industry {

    background: #F8F9FD;

    overflow: hidden;

}

.sibu_li{

    width: 33.333333%;

}

.sibu_li_img{

    border-radius: 20px;

    overflow: hidden;

}

.sibu_li_text{

    margin-top: 23px;



}

.sibu_li_text .std_title3{

    margin-bottom: 18px;

    height: 2.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    transition: all .36s;

}

.sibu_li_text .std_btn2 p{

    color: #333;

}

.sibu_li_text .std_btn2_box_circle{

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

}

.service_support{

    background: var(--main-color);

    overflow: hidden;

}

.service_support_parga p{

    width: 71%;

    margin: auto;

}

.service_support h2,

.service_support_parga p{

    color: #fff;

    text-align: center;

}

.ssbu_lis a{

    width: 100%;

    position: relative;

    display: block;

}

.ssbu_lis a::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 20px;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 33.07%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

}

.ssbu_lis a::before{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 20px;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 9.15%, rgba(0, 0, 0, 0.00) 54.73%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    opacity: 0;

    z-index: 5;

}

.ssbu_li_wrap_text .std_btn2_box_circle{

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

}

.slwt_parga p{

    color: #fff;

}

.slwt_parga{

    margin-top: 23px;

    margin-bottom: 33px;

}

.ssbu_li_wrap{

    position: relative;

}

.ssbu_li_wrap_text{

    width: 100%;

    padding: 0 50px;

    z-index: 5;

    bottom: 50px;

}

.ssbu_li_wrap_text .std_title3{

    color: #fff;

}

.ssbu_lis{

    width: 50%;

}

.service_support_bt_ul{

    display: flex;

    flex-wrap: wrap;

}

/* .slwt_info{

    display: none;

} */

.ssbu_lis.act a::before{

    opacity: 0.7;

}

.ssbu_lis.act a::after{

    opacity: 0;

}

.service_arrange h2{

    text-align: center;

}

.service_arrange .service_support_parga p{

    color: #666;

}

.satu_li_cont p{

    font-weight: bold;

    line-height: 58px;

    transition: all .36s;

}

.satu_li_cont .std_title3{

    background: var(--jb, linear-gradient(90deg, #257CFF -0.88%, #70E3D6 51.07%, #96CD32 97.88%));

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-right: 8px;

    font-family: 'montserratbold';

}

.satu_li_cont{

    display: flex;

    align-items: center;

    justify-content: center;

}

.service_arrange_tab{

    border-radius: 50px;

    background: #F8F9FD;

}

.satu_li{

    width: 33.333333% !important;

    cursor: pointer;

    position: relative;

    z-index: 1;

}

.service_arrange_tab_ul {

    display: flex;

}

.satu_li::after{

    content: "";

    width: 100%;

    height: calc(100% + 12px);

    border-radius: 50px;

    background: var(--main-color);

    position: absolute;

    top: -6px;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.satu_li.act::after{

    opacity: 1;

}

.satu_li.act .std_title3,

.satu_li.act p{

    color: #fff;

    -webkit-text-fill-color:inherit;

}

/* .service_arrange_list{

    margin-top: 86px;

} */

.salu_li{

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

}

.salu_li:not(:first-child){

    display: none;

}

.slwi_pic{

    border-radius: 20px;

    overflow: hidden;

}

.slwi_pic img{

    width: 100%;

}

.salu_li_wrap_img{

    width: 49%;

    position: relative;

    z-index: 1;

}

.salu_li_wrap_text{

    width: 51%;

    padding-right: 110px;

}

.slwi_bg{

    width: 270px;

    position: absolute;

    left: -104px;

    bottom: -55px;

    z-index: -1;

}

.slwi_bg img{

    width: 100%;

}

.salu_li_btn{

    text-align: center;

    margin-top: 32px;

}

.salu_li_btn .std_btn2_box_circle {

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

}

.salu_li_btn .std_btn2 p {

    color: #333;

}

.salu_li_wrap{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.salu_li_wrap .std_btn2{

    margin-top: 80px;

}

.salu_li_wrap .std_btn2 p{

    color: #333;

}

.salu_li_wrap .std_btn2_box_circle {

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

}

.slsu_li{

    width: 25%;

}

.slsu_li a{

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 20px;

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

    overflow: hidden;

    background: #fff;

    position: relative;

}

.slsu_li_text .std_parga1{

    color: #000;

    margin-bottom: 20px;

}

.slsu_li_text .std_btn2{

    position: absolute;

    bottom: 45px;

    left: 30px;

}

.slsu_li_text ul{

    margin-block-start: 0;

    margin-block-end: 0;

    margin-inline-start: 0;

    margin-inline-end: 0;

    padding-inline-start: 18px;

    padding-bottom: 77px;

}

.slsu_li_text ul li{

    list-style-type: disc;

}

.slsu_li_text ul li::marker{

    color: rgba(0, 0, 0, 0.60);

}

.slsu_li_text ul p{

    font-size: 14px;

    line-height: 1.75;

    color: rgba(0, 0, 0, 0.60);

}

.slsu_li_text{

    padding: 30px 10px 45px 30px;

}

.slsu_li_text .std_btn2 p{

    color: #333;

    font-size: 16px;

}

.slsu_li_text .std_btn2_box_circle {

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

}

.salu_li_slick_ul .slick-track{

    display: flex;

    align-items: stretch;

}

.salu_li_slick_ul .slick-list,

.sibl_ul .slick-list{

    overflow: visible;

}

.service_arrange_list .sibl_ul{

    display: block;

}

.salu_li_slick,.salu_li_slick1{

    position: relative;

}

.salu_li_slick .std_arrow,

.salu_li_slick1 .std_arrow{

    width: 100%;

    pointer-events: none;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 8;

}

.salu_li_slick .std_arrow_icon,

.salu_li_slick1 .std_arrow_icon{

    pointer-events: all;

}

.salu_li_slick .std_arrow_prev,

.salu_li_slick1 .std_arrow_prev{

    left: -100px;

}

.salu_li_slick .std_arrow_next,

.salu_li_slick1 .std_arrow_next{

    right: -100px;

}

.service_arrange {

    position: relative;

    overflow: hidden;

}

.service_arrange::before{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #fff;

    position: absolute;

    top: 0;

    left: -20px;

    z-index: 5;

}

.service_arrange::after{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #fff;

    position: absolute;

    top: 0;

    right: -20px;

    z-index: 5;

}

.salu_li_slick1 .sibl_ul_li {

    width: 25%;

    margin-bottom: 0;

}

.service_case {

    overflow: hidden;

}

.service_case h2{

    text-align: center;

    transition: all .36s;

}

.service_case.change h2{

    color: #fff;

}

.service_case.change .scbu_li a{

    background: #fff;

}

.service_case.change .scbu_li_text div, 

.service_case.change .scbu_li_text_parga p{

    color: var(--main-color);

}

.service_case.change .std_btn2 p{

    color: var(--main-color);

}

.service_case.change .std_btn2_box_circle {

    border: 1px solid rgba(57, 129, 247, 0.26);

}

.service_case.change .sbbc_icon img:nth-child(2){

    opacity: 1;

}

.scbu_li a{

    width: 100%;

    height: 100%;

    display: flex;

    flex-wrap: wrap;

    background: var(--main-color);

    border-radius: 16px;

    overflow: hidden;

    transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1);

}

.scbu_li_img{

    width: 60%;

}

.scbu_li_text{

    width: 40%;

    padding: 90px 54px 102px 68px;

}

.scbu_li_text div,

.scbu_li_text_parga p{

    color: #fff;

    transition: all .36s;

}

.scbu_li_text_parga{

    margin-top: 17px;

}

.scbu_li_text .std_btn2{

    margin-top: 98px;

}

.scbu_li_text_parga p{

    height: 7em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

.solu_main .ys_bread_list::before {

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

}

.solu_main .ys_nybanner::after{

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

}

.sctu_li{

    width: 12.5%;

    cursor: pointer;

    padding: 0 30px;

}

.sctu_li img:nth-child(2){

    opacity: 0;

}

.sctu_li.slick-current img:nth-child(1){

    opacity: 0;

}

.sctu_li.slick-current img:nth-child(2){

    opacity: 1;

}

.service_case_tab_ul{

    margin: 0 -30px;

}

.service_case_tab_ul .slick-track{

    margin: auto;

}

.service_case_bt{

    margin-top: 25px;

    border-radius: 16px;

    overflow: hidden;

}

/* B1-1行业解决方案-石化汇总页-end */

/* F1-商务合作-start */

.cooper_cont_wrap{

    padding-right: calc(50% - 680px);

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.cooper_cont_wrap_form{

    padding-left: 120px !important;

    width: 46%;

}

.cooper_cont_wrap_img{

    width: 54%;

    position: relative;

    overflow: hidden;

}

.cooper_cont_wrap_img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.cooper_cont{

    position: relative;

}

.cooper_main .moe_bread{

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 5;

}

.cooper_cont_wrap_form h1{

    font-size: 40px;

    line-height: 1.5;

    color: #333;

}

.ccwf_parga{

    margin-top: 10px;

}

.ccwf_list{

    margin-top: 38px;

}

.ccwf_list_wrap_li{

    width: 50%;

    padding: 0 8.5px;

    margin-bottom: 10px;

}

.ccwf_list_wrap{

    margin: 0 -8.5px;

}

.clwl_parga{

    margin-bottom: 10px;

}

.clwl_parga p{

    color: #333;

}

.clwl_parga span{

    color: #FF0000;

}

.clwl_input{

    width: 100%;

    height: 50px;

    border-radius: 4px;

    border: 1px solid #D9D9D9;

    background: #FFF;

}

.clwl_input input,.clwc_wrap_input input{

    width: 100%;

    height: 100%;

    padding: 0 15px;

    font-size: 16px;

    color: #333;

}

.ccwf_list_wrap_info,.ccwf_list_wrap_code{

    width: 100% !important;

}

.clwl_text{

    width: 100%;

    height: 118px;

    border-radius: 4px;

    border: 1px solid #D9D9D9;

    background: #FFF;

}

.clwl_text textarea{

    width: 100%;

    height: 100%;

    font-size: 16px;

    line-height: 1.75;

    color: #333;

    padding: 10px;

}

.clwc_wrap_input{

    width: 46%;

    height: 50px;

    border-radius: 4px;

    border: 1px solid #D9D9D9;

    background: #FFF;

}

.clwc_wrap_img_icon{

    cursor: pointer;

    display: flex;

    align-items: center;

}

.clwc_wrap_img_icon img{

    width: 18px;

    margin-right: 3px;

}

.clwc_wrap{

    display: flex;

    align-items: flex-end;

}

.clwc_wrap_img {

    margin-left: 10px;

}

.ccwf_list_agree.act .ccwf_list_agree_box{

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

    background: var(--main-color);

}

.ccwf_list_agree.act img{

    opacity: 1;

}

.ccwf_list_agree_box{

    width: 14px;

    height: 14px;

    border-radius: 2px;

    border: 1px solid  #D9D9D9;

    background:  #FFF;

    transition: all .36s;

    position: relative;

    top: 7px;

    margin-right: 7px;

    cursor: pointer;

}

.ccwf_list_agree_box img{

    width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

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

    transition: all .36s;

    opacity: 0;

}

.ccwf_list_agree_parga p{

    color: #999;

}

.ccwf_list_agree_parga a{

    color: #1523DC;

    text-decoration: underline;

}

.ccwf_list_wrap_code {

    margin-bottom: 16px;

}

.ccwf_list_btn .std_btn1_box{

    width: 172px;

    cursor: pointer;

    padding: 0;

    justify-content: center;

}

.ccwi_info{

    width: 62%;

    border-radius: 20px;

    background:  #FFF;

    position: absolute;

    left: calc(38% - 65px);

    bottom: 67px;

    z-index: 50;

    padding: 33px 48px 38px 40px;

}

.ccwi_info_li{

    

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.ccwi_info_li1{

    padding-bottom: 15px;

    border-bottom: 1px solid #DEDEDE;

}

.cilt_notice p{

    color: #000;

    font-weight: bold;

}

.ccwi_info_li_text{

    padding-left: 20px;

    width: calc(100% - 24px);

}

.ccwi_info_li2{

    margin-top: 24px;

}

.ccwi_info_li2 .mfts_icon_pop {

    top: auto !important;

    bottom: 130%;

    transform-origin: bottom;

}

.ccwi_info_li_icon{

    width: 24px;

    position: relative;

    top: 2px;

}

.ccwi_info_li_icon img{

    width: 100%;

    height: auto;

}

.clwc_wrap_img_pic{

    width: 105px;

    cursor: pointer;

}

.clwc_wrap_img_pic img{

    width: 100%;

}

/* F1-商务合作-end */

/* C1-2硬件产品详情页-start */

.prodet_introu {

    overflow: hidden;

}

.prodet_introu_cont{

    padding-left: calc(50% - 700px);

    padding-right: calc(50% - 640px);

    padding-top: 20px;

}

.prodet_introu_cont_img{

    width: 37%;

    position: relative;

}

.prodet_introu_cont_img img{

    width: 100%;

}

.prodet_introu_cont_text{

    width: 63%;

    padding-right: 300px;

    padding-top: 84px;

}

.pici_bg{

    position: absolute;

    left: -126px;

    bottom: -40px;

}

.pici_bg img{

    width: 100%;

}

.prodet_introu_cont_text ul{

    margin-block-start: 0;

    margin-block-end: 0;

    margin-inline-start: 0;

    margin-inline-end: 0;

    padding-inline-start: 18px;

    margin-top: 26px;

}

.prodet_introu_cont_text ul li {

    list-style-type: disc;

}

.prodet_introu_cont_text ul li::marker {

    color: #666;

}

.prodet_introu_cont_text .std_btn1{

    margin-top: 56px;

}

.prodet_relat{

    background: #F8F9FD;

    position: relative;

    overflow: hidden;

}

.prodet_relat::before{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #F8F9FD;

    position: absolute;

    top: 0;

    left: -20px;

    z-index: 5;

}

.prodet_relat::after{

    content: "";

    width: calc(50% - 700px);

    height: 100%;

    background: #F8F9FD;

    position: absolute;

    top: 0;

    right: -20px;

    z-index: 5;

}

.casedet_relat{

    overflow: hidden;

}

.prodet_main .casedet_relat{

    background: #F8F9FD;

}

.prodet_relat h2,.prodet_main .casedet_relat h2{

    color: #101111;

}

.prodet_relat_bt{

    margin-top: 43px;

}

.prbw_img{

    width: 32%;

    border-radius: 20px;

    overflow: hidden;

}

.prbw_img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.prbw_text{

    width: 68%;

    padding-left: 30px;

}

.prodet_relat_bt_wrap{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.prbw_text_cont{

    padding: 55px 196px 43px 62px;

    border-radius: 20px;

    background: var(--main-color);

    height: 100%;

}

.prbw_text_cont_parga p{

    color: #fff;

    opacity: 0.8;

    height: 5.25em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.prbw_text_cont .std_title3{

    color: #fff;

    margin-bottom: 16px;

}

.prbw_text_cont_parga{

    margin-bottom: 34px;

}

.prbw_text_cont_btn .std_btn2 p{

    color: #fff !important;

}

.prbw_text_cont_btn .std_btn2_box_circle{

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

}

/* C1-2硬件产品详情页-end */

/* C1-1硬件产品列表页-start */

.product_main .solution_bg img {

    opacity: 0;

}

.product_main .slsu_li{

    width: 33.333333%;

    margin-bottom: 33px;

}

.product_main .salu_li_slick_ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.product_main .slsu_li_text {

    padding-top: 10px;

}

.mod_new .picl_nub_new {

    opacity: 1;

    pointer-events: all;

}

.picl_nub_new{

    position: absolute;

    top: 0;

    left: 0;

    width: 76px;

    opacity: 0;

    pointer-events: none;

    transition: all 0.36s;

}

.picl_nub_new_bg, .picl_nub_new_bg img {

    width: 100%;

}

.picl_nub_new_parga {

    font-size: 12px;

    color: #fff;

    line-height: 1.3;

    position: absolute;

    z-index: 4;

    top: 7px;

    left: 12px;

    width: 24px;

}

.sibn_select_li{

    cursor: pointer;

    border-bottom: 1px solid #D9D9D9;

}

.sibn_select_li_tp .std_parga1{

    color: #000;

}

.sslt_icon{

    width: 20px;

    position: relative;

    top: 4px;

    transition: all .36s;

}

.sslt_icon img{

    width: 100%;

}

.sibn_select_li_tp{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 15px 0;

}

.sibn_select_li_bt{

    margin-top: 7px;

    margin-bottom: 18px;

    display: none;

}

.sslb_item_parga p{

    font-size: 14px;

    line-height: 1.75;

    color: #666;

}

.sslb_item_box{

    width: 16px;

    height: 16px;

    border-radius: 2px;

    border: 1px solid #D3D3D3;

    background: #F9FAFD;

    position: relative;

    transition: all .36s;

    top: 4px;

}

.sslb_item_box img{

    width: 12px;

    position: absolute;

    top: 50%;

    left: 50%;

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

    transition: all .36s;

    opacity: 0;

}

.sslb_item_parga{

    width: calc(100% - 16px);

    padding-left: 14px;

}

.sslb_item{

    display: flex;

    align-items: flex-start;

    margin-bottom: 12px;

}

.sslb_item:last-child{

    margin-bottom: 0;

}

.sibn_select_li.on .sslt_icon{

    transform: rotate(180deg);

}

.sslb_item.on .sslb_item_box{

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

    background: var(--main-color);

}

.sslb_item.on .sslb_item_box img{

    opacity: 1;

}

.sibn_select {

    max-height: calc(100vh - 300px);

}

.mhnl_ul_li_pull{

    position: absolute;

    top: 90px;

    padding-top: 10px;

    display: none;

}

.mhnl_ul_li_pro{

    width: 1170px;

    left: -480px;

}

.mulp_wrap{

    display: flex;

    align-items: stretch;

    background: #FFF;

    border-radius: 10px;

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

    overflow: hidden;

}

.mulp_wrap_le{

    width: calc(100% - 412px);

    padding: 30px 70px 64px 64px;

}

.mulp_wrap_ri{

    width: 412px;

    background: #F8F9FD;

    padding: 30px 35px 35px 67px;

}

.mulp_wrap_ri_tp p{

    color: #333;

    transition: all .36s;

}

.mulp_wrap_ri_tp img,

.mula_wrap_le img{

    width: 32px;

    margin-right: 8px;

}

.mulp_wrap_ri_tp{

    display: flex;

    align-items: center;

    padding-bottom: 13px;

    border-bottom: 1px solid #E8E8E8;

}

.mulp_wrap_ri_bt{

    margin-top: 20px;

}

.mwrb_ul_li{

    margin-bottom: 10px;

    position: relative;

    background: var(--main-color);

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

    border-radius: 5px;

    overflow: hidden;

    transition: all .36s;

}

.mwrb_ul_li:last-child{

    margin-bottom: 0;

}

.mwrb_ul_li_wrap{

    display: block;

    padding: 24px 24px 28px;

}

.mwrb_ul_li.yxnav_active2{

    background: #171C2C;

}

.mwrb_ul_li.yxnav_active2 .mwrb_ul_li1_bg{

    opacity: 1;

}

.mwrb_ul_li1_bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    opacity: 0;

}

.mwrb_ul_li1_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.mwrb_ul_li_text p{

    font-size: 14px;

    line-height: 1.75;

    color: #fff;

    opacity: 0.8;

}

.mwrb_ul_li_text .std_parga1{

    color: #fff;

    margin-bottom: 5px;

}

.mwrb_ul_li_text{

    position: relative;

    z-index: 5;

}

.mwll_bt{

    margin-top: 40px;

}

.mwll_bt ul{

    margin: 0 -20px;

    display: flex;

    flex-wrap: wrap;

}

.mwll_bt li{

    width: 16.666666%;

    padding: 0 20px;

}

.mwll_bt .ys_imgbox_cover{

    width: 30px;

    margin: auto;

}

.mwll_bt p{

    margin-top: 14px;

    text-align: center;

    transition: all .36s;

}

.mwll_bts{

    margin-top: 24px;

}

.mulp_wrap_le_li:first-child{

    margin-top: 0;

}

.mulp_wrap_le_li{

    margin-top: 40px;

}

.mwll_bts ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.mwll_bts li{

    width: 33.333333%;

    margin-bottom: 23px;

}

.mwll_more p{

    font-size: 14px;

    margin-right: 12px;

    transition: all .36s;

}

.mwll_more_icon{

    width: 12px;

    height: 12px;

    position: relative;

}

.mwll_more_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.mwll_more_icon img:nth-child(2){

    opacity: 0;

}

.mwll_more a{

    display: flex;

    align-items: center;

}

.mwll_more{

    display: inline-block;

    margin-top: 13px;

}

.mwll_bts p{

    transition: all .36s;

}

.muls_cont{

    padding: 28px;

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

}

.muls_cont_wrap{

    display: flex;

    align-items: center;

}

.muls_cont_wrap p{

    color: #333;

    transition: all .36s;

    padding-left: 8px;

    padding-right: 20px;

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

    white-space: nowrap;

}

.muls_cont_wrap_icon{

    width: 32px;

    flex-shrink: 0;

}

.muls_cont_wrap_icon img{

    width: 100%;

}

.muls_cont_wrap_more{

    width: 12px;

    flex-shrink: 0;

    transition: all .36s;

    opacity: 0;

}

.muls_cont_wrap_more img{

    width: 100%;

}

.muls_cont li,.mula_wrap_le li{

    margin-bottom: 28px;

}

.muls_cont li:last-child,

.mula_wrap_le li:last-child{

    margin-bottom: 0;

}

.mhnl_ul_li_supp {

    left: 50%;

    transform: translateX(-50%);

}

.muls_cont li.yxnav_active2 p{

    color: var(--main-color);

}

.muls_cont li.yxnav_active2 .muls_cont_wrap_more{

    opacity: 1;

}

.mwll_bt li.yxnav_active2 p{

    color: var(--main-color);

}

.mwll_bts li.yxnav_active2 p{

    color: var(--main-color);

}

.mhnl_ul_li_about{

    /* width: 600px;

    right: -67px; */

    left: 50%;

    transform: translateX(-50%);

    width: calc(100% + 80px);

}

.mula_wrap_ri{

    display: none;

}

.mula_wrap_le{

    width: 100% !important;

    padding: 28px !important;

}

.mula_wrap_le p{

    white-space: nowrap;

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

}



.mula_wrap{

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04);

    display: flex;

    align-items: stretch;

    overflow: hidden;

    position: relative;

    z-index: 1;

}

.mula_wrap_bg{

    width: 100%;

    z-index: -1;

}

.mula_wrap_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.mula_wrap_le,.mula_wrap_ri{

    width: 50%;

}

.mula_wrap_le{

    padding: 30px 50px 38px;

}

.mula_wrap_le p{

    color: #333;

    transition: all .36s;

}

.mula_wrap_le_wrap{

    display: flex;

    align-items: center;

}

.mula_wrap_ri{

    background:#F8F9FD;

    padding: 30px 56px 44px;

}

.mula_wrap_ri_bt{

    margin-top: 17px;

}

.mula_wrap_ri_bt p{

    transition: all .36s;

}

.mula_wrap_ri_bt li{

    margin-bottom: 20px;

}

.mula_wrap_ri_bt li:last-child{

    margin-bottom: 0;

}

.mula_wrap_le li.yxnav_active2 p{

    color: var(--main-color);

}

.mula_wrap_ri_bt li.yxnav_active3 p{

    color: var(--main-color);

}

.ys_ph_navbar4 .ys_phnav_menu{

    background: var(--main-color);

}

.ys_ph_nav a{

    padding: 0 !important;

    max-width: inherit;

}

.ys_ph_nav p{

    font-size: 14px;

    line-height: 1.5;

    padding: 1em 0;

    max-width: calc(100% - 40px);

    display: inline-block;

    color: #fff;

    opacity: 0.7;

}

.ys_ph_nav a p{

    max-width: inherit;

}

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox p,

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox p,

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox p {

    color: #fff;

    opacity: 1;

}

.ys_ph_navbar4 .ys_phnav_icon::after, .ys_ph_navbar4 .ys_phnav_icon::before {

    background: #fff;

}

.ys_ph_navbar4 .ys_phnav_lisbox {

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

}

/* C1-1硬件产品列表页-end */

/* H1-公司概况-start */

.about_leader{

    overflow: hidden;

}

.about_leader h2{

    color: #000;

}

.about_leader_bt_le{

    width: 46%;

    position: relative;

}

.about_leader_bt_ri{

    width: 54%;

    padding-left: 70px;

    padding-right: 120px;

    margin:auto

}

.albl_ul_li{

    padding: 0 10px;

}

.albl_ul {

    margin: 0 -10px;

}

.albl_slick{

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

    overflow: hidden;

}

.albl_btn .std_arrow_icon {

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

    background: var(--main-color);

}

.albl_btn{

    position: absolute;

    right: 70px;

    bottom: -20px;

    z-index: 5;

}

.albl_bg{

    position: absolute;

    bottom: 25px;

    left: -90px;

    z-index: 5;

}

.albl_bg img{

    width: 100%;

}

.albr_tit{

    font-weight: bold;

    color: #333;

    margin-bottom: 16px;

}

.albr_parga p{

    color: #333;

    margin-bottom: 28px;

}

.albr_parga p:last-child{

    margin-bottom: 0;

}

/* .about_leader {

    padding-bottom: 50px;

} */

.about_culture {

    overflow: hidden;

}

.about_culture h2{

    text-align: center;

    color: #333;

}

.about_culture_parga{

    margin-top: 11px;

    text-align: center;

    color: #000;

}

.about_culture_bt{

    margin-top: 40px;

}

.about_culture_bt_ul .slick-track{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.slick-dots li{

    width: 8px;

    height: 8px;

    border: 1px solid #999;

    background: #fff;

    margin: 0 3px;

}

.slick-dots li.slick-active{

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

    background: var(--main-color);

}

.slick-dots {

    bottom: 0;

}

.acbu_li{

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.acbu_li:not(:first-child){

    display: none;

}

.about_culture_bt_ul .slick-list{

    padding-bottom: 30px;

}

.about_culture_bt_ul.empty .slick-list{

    padding-bottom: 0;

}

.acbu_li_cont{

    width: 100%;

    border-radius: 20px;

    background: #F8F9FD;

    padding: 40px 40px 58px;

    height: 100%;

}

.acbu_li_cont .ys_imgbox_cover{

    width: 90px;

    margin: auto;

}

.acbu_li_cont .std_title3{

    color: #333;

    text-align: center;

    margin-top: 20px;

    margin-bottom: 15px;

}

.acbu_li_cont p{

    text-align: center;

}

.acbu_li{

    width: 33.333333%;

}

.ahbu_li_cont_item{

    width: 25%;

    position: relative;

    margin-top: 120px;

}

.ahbu_li_cont_item:nth-child(1),

.ahbu_li_cont_item:nth-child(2),

.ahbu_li_cont_item:nth-child(3),

.ahbu_li_cont_item:nth-child(4){

    margin-top: 0;

}



.ahbu_li_cont{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.alci_bg{

    width: 100%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    padding: 0 15px;

    left: 0;

    pointer-events: none;

}

.alci_bg img{

    width: 100%;

}

.alci_text_year{

    font-size: 36px;

    line-height: 1.4;

    background: linear-gradient(90deg, #257CFF -0.88%, #70E3D6 51.07%, #96CD32 97.88%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-align: center;

    display: inline-block;

}

.alci_text_parga{

    margin-top: 11px;

}

.alci_text_parga p{

    color: #333;

    text-align: center;

    height: 3.5em;

    overflow: hidden;

    transition: all .36s;;

}

.alci_text{

    width: 100%;

    left: 0;

    text-align: center;

    transition: all .36s;

}

.alci_img{

    width: 64%;

    position: absolute;

    top: 50%;

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

    padding: 0 15px;

    left: 50%;

    pointer-events: none;

    transition: all .36s;

    opacity: 0;

    

}

.alci_img img{

    width: 100%;

}



/* 发展历程效果-start */

.about_history{

    padding-bottom: 220px;

    position: relative;

    overflow: hidden;

    z-index: 1;

    background:#171C2C;

}

.about_history h2{

    color: #fff;

}

.about_history_line{

    width: 100%;

    height: 1px;

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

}

.about_history_bg{

    width: 48%;

    position: absolute;

    right: 0;

    top: 65px;

    z-index: -1;

}

.about_history_bg img{

    width: 100%;

}



@keyframes historyWord{

    0%{

        opacity: 0;

        transform: translateY(100%);

    }

    100%{

        opacity: 1;

        transform: translateY(0%);

    }

}

.js-timeline-item:not(.is-hidden) .about_history_ul_li{

    animation: ysfadeInUp 1s ease-out both .3s;

}

.about_history_ul{

    height: 185px;

    overflow: hidden;

}

.about_history_ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.about_history_ul .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: rgba(255,255,255,.75);

}

.about_history_ul .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

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

}

.timeline_svg2{

    position: absolute;

    bottom: 0;

    left: 0;

}

.ahct_ul_li_cont p{

    color: #fff;

    position: relative;

}

.ahct_ul_li_cont{

    margin-bottom: 8px;

}

.about_history_btn{

    width: 24px;

}

.about_history_btn img{

    width: 100%;

}

.ahct_ul {

    padding-left: 34%;

}

.about_history_cont h2{

    text-align: center;

    color: #fff;

}



.ahyu_li{

    font-size: 200px;

    line-height: 1.4;

    color: #fff;

    font-family: 'PoppinsRegular';

    text-align: center;

}

@keyframes year{

    0%{

        opacity: 0;

        transform: translateY(100%);

    }

    100%{

        opacity: 1;

        transform: translateY(0%);

    }

}

@keyframes year1{

    0%{

        opacity: 1;

        transform: translateY(0%);

    }

    100%{

        opacity: 0;

        transform: translateY(-100%);

    }

}

.about_history_year_btn .slick-disabled{

    opacity: 0;

    pointer-events: none;

}

.ahct_ul_li.slick-current,

.ahyu_li.slick-current .ahyu_li{

    animation: year 1s ease-out both;

}



/* .ahyu_li:not(:first-child), */

.ahct_ul_li:not(:first-child){

    display: none;

}

.ahyu_li{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    opacity: 0;

    animation: year1 .8s ease-out both;

    font-family: 'PoppinsExtraLight';

}

.ahyu_li.on{

    position: relative;

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

}

.ahyb_btn img{

    width: 24px;

}

.ahyb_prev img{

    margin-right: 14px;

}

.ahyb_btn{

    display: flex;

    align-items: center;

    cursor: pointer;

}

.ahyb_btn p{

    font-size: 24px;

    line-height: 1.4;

    font-family: 'PoppinsRegular';

    color: #fff;

}

.ahyb_prev img{

    transform: rotate(180deg);

}

.ahyb_next img{

    margin-left: 14px;

}

.about_history_year{

    position: relative;

    margin-top: 100px;

}

.about_history_year_btn{

    width: 100%;

}

.about_devel_svg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}

.about_devel_svg svg {

    width: 100%;

    height: auto;

}

.about_devel_svg_dots {

    width: 164px;

    height: 100%;

    position: absolute;

    top: 0;

    left: calc(calc(var(--pro-zong) * var(--pro-shu)));

    transition: all 0.2s;

}

.adsd_wrap {

    width: 64px;

    position: absolute;

    bottom: 50px;

    transform: translateX(-50%);

    left: 50%;

}

.adsd_wrap img{

    width: 100%;

}

.about_devel_svg_wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

}

.adse_li {

    height: 100%;

    width: 100%;

    cursor: pointer;

}

.about_devel_rect {

    x: calc(var(--pro-xin));

    transition: all 0.2s;

}

.about_history .ys_cont1200{

    position: relative;

    z-index: 5;

}

.about_history .ys_cont1200{

    z-index: 99;

}

.yx_event6_slider .layui-slider {

    height: 100%;

    background: transparent;

}

.yx_event6_slider .layui-slider-tips{

    display: none !important;

}

.yx_event6_slider .layui-slider-wrap-btn{

    width: 64px;

    height: 64px;

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

    position: absolute;

    left: 50%;

    bottom: 50px;

    transform: translateX(-50%);

    transition: 0s;

}



.yx_event6_slider {

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

}

.yx_event6_slider .layui-slider-wrap{

    width: 14%;

    height: 100%;

    position: absolute;

    top: auto;

    transform: translateX(0);

    bottom: 0;

    transition: all 0.2s;

}

.about_history_cont_parga p{

    text-align: center;

    color: #fff;

}

/* 发展历程效果-end */



/* H1-公司概况-end */

/* F2-合作伙伴-start */

.partner_ban {

    position: relative;

    height: calc(100vh - 90px);

    width: 100%;

}

.partner_ban_slick {

    overflow: hidden;

    width: 100%;

    height: 100%;

}

html.off .partner_ban_slick {

    position: relative;

}

.partner_ban_slick_li {

    width: 100%;

    height: 100%;

}



.partner_ban_modal {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

    transform-origin: right bottom;

    pointer-events: none;

    transition: transform 1.5s cubic-bezier(.18, .63, 0, 1);

}

html.off .partner_ban_modal {

    transform: scale(4);

    opacity: 0;

    pointer-events: none;

}

html.on1.off .partner_ban_modal {

    transition: transform .8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity .6s ease-out 1s;

    opacity: 0;

    transform: translate3d(0px, 0px, 0px) scale(10, 10);

}

html.on1 .partner_ban_modal {

    opacity: 1;

}

html.on1.off .partner_ban_modal {

    transition: transform .8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity .6s ease-out 1s;

    opacity: 0;

    transform: translate3d(0px, 0px, 0px) scale(10, 10);

}

html.off .partner_ban_modal{

    z-index: 0;

}





.partner_ban_modal_img {

    width: 100%;

    height: 100%;

}

.partner_main .ys_cont1400  {

    z-index: 12;

}



.partner_ban_btn_wrap {

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out;

    transition-delay: .8s;

    width: 42.5%;

    border-top: 1px solid #D4DBF1;

    position: relative;

}

html.off .partner_ban_btn_wrap{

    transform: translateY(50px);

    opacity: 0;

}

html.on1 .partner_ban_btn_wrap {

    transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out;

    transition-delay: 1s;

}

html.on1.off .partner_ban_btn_wrap {

    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;

    transition-delay: 0s;

}

.partner_ban_cont {

    top: 40%;

}



.partner_ban_cont_text {

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out;

    transition-delay: .8s;

    width: 42.5%;

}

html.off .partner_ban_cont_text {

    transform: translateY(50px);

    opacity: 0;

}

html.on1 .partner_ban_cont_text {

    transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out;

    transition-delay: 1s;

}

html.on1.off .partner_ban_cont_text {

    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;

    transition-delay: 0s;

}



.partner_main .yx_menu5_nav {

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out;

    transition-delay: .8s;

}

html.off .partner_main .yx_menu5_nav {

    opacity: 0;

}

html.on1 .partner_main .yx_menu5_nav {

    transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out;

    transition-delay: 1s;

}

html.on1.off .partner_main .yx_menu5_nav {

    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;

    transition-delay: 0s;

}



.partner_ban_shodow {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: calc(100vh - 90px);

    pointer-events: none;

    z-index: 10;

}

.partner_ban_shodow_img {

    width: 100%;

    height: calc(100vh - 90px);

    position: absolute;

    top: 0;

    left: 0;

    transition: transform .36s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out;

    transition-delay: 2s;

}

html.off .partner_ban_shodow_img {

    opacity: 0;

}

html.on1 .partner_ban_shodow_img {

    transition: transform .36s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out;

    

}

html.on1.off .partner_ban_shodow_img {

    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;

    transition-delay: 0s;

}

html.on1 .partner_ban_shodow_img1{

    transition-delay: 2s;

}

html.on1 .partner_ban_shodow_img2{

    transition-delay: 2.3s;

}

html.on1 .partner_ban_shodow_img3{

    transition-delay: 2.6s;

}



.modal-open {

    overflow: hidden;

}

html.act {

    height: 100vh;

    overflow-y: scroll;

}

html.act body {

    height: 100vh !important;

}

.index_html.act{

    overflow-y: scroll !important;

}

.index_html.act body{

    overflow: hidden !important;

}

.partner_ban_slick .slick-list,.partner_ban_slick .slick-track{

    height: 100%;

}

.pbsl_text{

    z-index: 5;

}

.pbsl_text .std_title1{

    text-align: center;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 28px;

}

.pbsl_text_tit_wrap{

    text-align: center;

    font-weight: bold;

    font-size: 64px;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 7px;

}

.pbsl_text_tit_wrap:last-child{

    margin-bottom: 0;

}

.pbsl_text_btn{

    text-align: center;

}

.pbsl_bg{

    width: 75%;

    z-index: 5;

    position: absolute;

    right: -10px;

    top: 50%;

    transform: translateY(-50%);

    pointer-events: none;

}

.pbsl_bg img{

    width: 100%;

}

.partner_main .ys_bread_list a{

    color: #fff;

}

.partner_main .ys_bread_list::before {

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

}

.partner_main .moe_bread{

    position: absolute;

    left: 50%;

    top: 20px;

    transform: translateX(-50%);

    z-index: 20;

}

.pbct_li_wrap_btn{

    margin-top: 70px;

}

.pbct_li_wrap .std_title2{

    width: 68%;

}

.partner_ban_btn {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 87px;

    z-index: 10;

    height: 77px;

}

.pbbw_li {

    width: 150px;

    padding-top: 20px;

    position: absolute;

    top: 0;

    cursor: pointer;

}

.pbbw_li1{

    left: 0;

}

.pbbw_li2{

    left: 50%;

}

.pbbw_li3{

    left: 100%;

}

.pbbw_li::after{

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #D4DBF1;

    position: absolute;

    top: -4px;

    left: 0;

}

.pbbw_li.on::after{

    background: var(--main-color);

}



.pbbw_li.on p{

    color: var(--main-color);

}

.pbbw_li p{

    color: #999;

    transition: all .36s;

}

.partner_recruit_bg{

    width: 100%;

    height: 700px;

    z-index: -1;

}

.partner_recruit_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.partner_recruit{

    position: relative;

}

.partner_recruit_text {

    overflow: hidden;

}

.partner_recruit_text h2{

    text-align: center;

    color: #fff;

}

.partner_recruit_text h2 span{

    color: var(--main-color);

}

.partner_recruit_text_tit{

    color: #DEDEDE;

    text-align: center;

    width: 64%;

    margin: auto;

}

.prtb_list{

    margin-top: 40px;

    border-radius: 20px;

    background: #F8F9FD;

    overflow: hidden;

    padding: 103px 116px;

}

.partner_order {

    overflow: hidden;

}

.partner_recruit_text_bt .std_title2{

    color: #fff;

    text-align: center;

}

.prtb_list_ul_li{

    width: 33.333333%;

    padding: 0 85px;

    position: relative;

    margin-top: 50px;

}

.prtb_list_ul_li:nth-child(1),

.prtb_list_ul_li:nth-child(2),

.prtb_list_ul_li:nth-child(3){

    margin-top: 0;

}

.prtb_list_ul{

    margin: 0 -85px;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.plul_wrap .ys_imgbox_cover{

    width: 40px;

    margin-bottom: 35px;

}

.plul_wrap_tit {

    margin-bottom: 23px;

    color: #333;

    transition: all .36s;

}

.prtb_list_ul_li::after{

    content: "";

    width: 1px;

    height: 100%;

    background: #E1E1E1;

    position: absolute;

    top: 0;

    right: 0;

}

.prtb_list_ul_li:nth-child(3n+3)::after{

    display: none;

}

/* .prtb_list_ul_li:last-child::after{

    display: none;

} */

.plul_wrap{

    height: 100%;

}

.partner_together_wrap{

    position: relative;

    height: 680px;

}

.partner_together_text{

    width: 480px;

    text-align: center;

}

.partner_together_text h2{

    color: #333;

    text-align: center;

}

.partner_together_logo_li1{

    width: 164px;

    height: 164px;

}

.partner_together_logo_li2{

    width: 112px;

    height: 112px;

}

.partner_together_logo_li3,.partner_together_ri_li8{

    width: 128px;

    height: 128px;

}

.partner_together_logo_li4{

    width: 92px;

    height: 92px;

}

.partner_together_logo_li5,

.partner_together_logo_li6,

.partner_together_logo_li10,

.partner_together_logo_li12,

.partner_together_ri_li2{

    width: 82px;

    height: 82px;

}

.partner_together_logo_li7{

    width: 72px;

    height: 72px;

}

.partner_together_logo_li8{

    width: 38px;

    height: 38px;

}

.partner_together_logo_li9{

    width: 114px;

    height: 114px;

}

.partner_together_logo_li11{

    width: 86px;

    height: 86px;

}

.partner_together_logo_li13{

    width: 148px;

    height: 148px;

}

.ptll_cont{

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0px 24px 35.7px rgba(0, 0, 0, 0.10);

    overflow: hidden;

    position: relative;

}

.partner_together_logo_li3 .ptll_cont,

.partner_together_logo_li12 .ptll_cont{

    background: #EEFEFF;

    box-shadow: none;

}

.partner_together_logo_li5 .ptll_cont,

.partner_together_logo_li10 .ptll_cont,

.partner_together_ri_li6 .ptll_cont,

.partner_together_ri_li12 .ptll_cont{

    background: #EEF6FF;

    box-shadow: none;

}

.partner_together_logo_li7 .ptll_cont,

.partner_together_logo_li8 .ptll_cont{

    box-shadow: none;

    background: transparent;

}

.partner_together_logo_li {

    position: absolute;

}

.partner_together_le {

    position: absolute;

    width: 35%;

    height: 100%;

    top: 0;

    left: 0;

}

.partner_together_ri{

    position: absolute;

    width: 33.333333%;

    height: 100%;

    top: 0;

    right: 0;

}

.partner_together_ri_li1{

    width: 134px;

    height: 134px;

}

.partner_together_ri_li3{

    width: 96px;

    height: 96px;

}

.partner_together_ri_li4,.partner_together_ri_li9{

    width: 78px;

    height: 78px;

}

.partner_together_ri_li5{

    width: 34px;

    height: 34px;

}

.partner_together_ri_li6{

    width: 58px;

    height: 58px;

}

.partner_together_ri_li7{

    width: 98px;

    height: 98px;

}

.partner_together_ri_li2 .ptll_cont{

    background: #FFF2EE;

    box-shadow: none;

}

.partner_together_ri_li5 .ptll_cont,

.partner_together_ri_li10 .ptll_cont{

    background: transparent;

    box-shadow: none;

}

.partner_together_ri_li10{

    width: 42px;

    height: 42px;

}

.partner_together_ri_li11{

    width: 126px;

    height: 126px;

}

.partner_together_ri_li12{

    width: 80px;

    height: 80px;

}

.partner_together_logo_li img{

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.partner_together_logo_li1 img{

    width: 70%;

}

.partner_together_logo_li2 img,

.partner_together_logo_li9 img{

    width: 57%;

}

.partner_together_logo_li3 img{

    width: 48px;

}

.partner_together_logo_li4 img{

    width: 54%;

}

.partner_together_logo_li5 img,

.partner_together_logo_li8 img,

.partner_together_logo_li12 img{

    width: 38px;

}

.partner_together_logo_li6 img{

    width: 61%;

}

.partner_together_logo_li7 img{

    width: 72px;

}

.partner_together_logo_li10 img{

    width: 36px;

}

.partner_together_logo_li11 img{

    width: 64%;

}

.partner_together_logo_li13 img{

    width: 77%;

}

.partner_together_ri_li1 img{

    width: 80.6%;

}

.partner_together_ri_li2 img{

    width: 46px;

}

.partner_together_ri_li3 img{

    width: 62.5%;

}

.partner_together_ri_li4 img{

    width: 64%;

}

.partner_together_ri_li5 img{

    width: 34px;

}

.partner_together_ri_li6 img{

    width: 30px;

}

.partner_together_ri_li7 img{

    width: 65%;

}

.partner_together_ri_li8 img{

    width: 78%;

}

.partner_together_ri_li9 img{

    width: 61.5%;

}

.partner_together_ri_li10 img{

    width: 42px;

}

.partner_together_ri_li11 img{

    width: 100%;

}

.partner_together_ri_li12 img{

    width: 36px;

}

.partner_fadeleft1 {

    -webkit-animation: fadeInLeft 1s ease both;

    animation: fadeInLeft 1s ease both;

    animation-delay: 0.4s;

}

.partner_faderigth1 {

    -webkit-animation: fadeInRight 1s ease both;

    animation: fadeInRight 1s ease both;

    animation-delay: 0.4s;

}

/* .partner_main .college_contact{

    padding-top: 63px;

} */

.partner_main .college_contact_info ul li:last-child{

    width: 240px;

}

.partner_main .college_contact_info ul li:first-child{

    width: 160px;

}

.partner_main .college_contact_info ul li:nth-child(2){

    width: 390px;

}

/* F2-合作伙伴-end */

/* H2-可持续发展-start */

.sustain_consider h1{

    text-align: center;

    color: #000;

    margin-bottom: 40px;

}

.sustain_consider_parga{

    width: 52.5%;

    margin: auto;

    text-align: center;

    position: relative;

}

.sustain_consider_parga p{

    color: #333;

}

.sustain_consider_bt{

    margin-top: 92px;

}

.scbu_li_cont{

    border-radius: 20px;

    overflow: hidden;

}

.scbu_li_cont img{

    width: 100%;

}

.sustain_consider_bt_ul .scbu_li:nth-child(1){

    width: 25.5%;

    transform: translateY(-110px);

}

.sustain_consider_bt_ul .scbu_li:nth-child(2){

    width: 50.5%;

}

.sustain_consider_bt_ul .scbu_li:nth-child(3){

    width: 24%;

    transform: translateY(120px);

}

.sustain_consider_bt_ul{

    display: flex;

}

.sustain_consider_parga_bg{

    width: 212px;

    position: absolute;

    bottom: 0;

    right: -212px;

}

.sustain_consider_parga_bg img{

    width: 100%;

}

.sustain_consider {

    position: relative;

    z-index: 10;

}

/* H2-可持续发展-end */

/* C2-软件（灵芝平台PRO版）-start */

.soft_main .moe_bread{

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 5;

}

.soft_main .ys_bread_list:last-child a{

    color: #fff;

}

.soft_main .ys_nybanner::after{

    background: linear-gradient(180deg, rgba(23, 28, 44, 0.00) 0%, #171C2C 100%);

    height: 14%;

    top: auto;

    bottom: 0;

}

/* .soft_honor {

    overflow: hidden;

} */

.soft_honor h2{

    text-align: center;

}

.soft_honor_bt_ul{

    margin: 0 -16.5px;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.shbu_li{

    width: 25%;

    padding: 0 16.5px;

    margin-top: 44px;

}

.shbu_li_wrap{

    position: relative;

}

.shbu_li_wrap_bg{

    width: 100%;

}

.shbu_li_wrap_bg img{

    width: 100%;

}

.shbu_li_wrap_text{

    width: 100%;

    padding: 0 42px;

    z-index: 5;

}

.shbu_li_wrap_text p{

    color: #333;

    text-align: center;

}

.soft_appoint{

    height: 220vh;

    background: #F8F9FD;

    position: relative;

    /* overflow: hidden; */

}

.soft_appoint_wrap{

    height: calc(100vh - 90px);

    display: flex;

    align-items: center;

}

.sasl_wrap_ri{

    width: 62%;

}

.sasl_wrap_le{

    width: 38%;

}

.sasl_wrap{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.sasl_wrap_le_parga{

    margin-top: 20px;

    padding-right: 12px;

}

.sasl_wrap_le_parga p{

    color: #333;

    opacity: 0.7;

}

.soft_appoint_side p{

    color: #999;

    transition: all .36s;

}

.soft_appoint_side li{

    margin-bottom: 15px;

    cursor: pointer;

    padding-left: 20px;

    position: relative;

    transition: all .36s;

}

.soft_appoint_side li:last-child{

    margin-bottom: 0;

}

.soft_appoint_side li.act p{

    color: var(--main-color);

}

.soft_appoint_side li.act::after{

    width: 32px;

    background: var(--main-color);

}

.soft_appoint_side li.act{

    padding-left: 46px;

}

.soft_appoint_side li::after{

    content: "";

    width: 14px;

    height: 1px;

    opacity: 0.3;

    background: #999;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    transition: all .36S;

}

.soft_appoint_side {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 50;

    left: 82px;

    transition: all .36s;

    /* opacity: 0; */

}

/* .soft_appoint_side.act{

    opacity: 1;

} */

.soft_appoint_swiper_li{

    opacity: 0;

    transition: 0.3s;

}

.soft_appoint_swiper_li.swiper-slide-active{

    opacity: 1;

    transition: 0.4s 0.3s;

}

.soft_progra{

    height: 400vh;

    /* overflow: hidden; */

}

.soft_progra_wrap h2{

    text-align: center;

    transition: all .36s;

}

.soft_progra.change h2{

    color: #fff;

}

.spwb_li_cont{

    padding: 74px 225px 74px 102px;

    border-radius: 20px;

    box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10);

    overflow: hidden;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    position: relative;

}

.spwb_li1 .spwb_li_cont{

    background: #171C2C;

}

.spwb_li2 .spwb_li_cont{

    background: var(--main-color);

}

.spwb_li3 .spwb_li_cont{

    background: #4FFEB6;

}

.spwb_li4 .spwb_li_cont{

    background: #F8F9FD;

}

.spwb_li_cont_text .std_title1{

    color: #fff;

    margin-bottom: 16px;

}

.spwb_li_cont_text p{

    color: #fff;

}

.spwb_li_cont_img{

    width: 45%;

}

.spwb_li_cont_text{

    width: 55%;

    padding-left: 210px;

}

.slct_tp{

    padding-bottom: 40px;

    border-bottom: 1px solid #D9D9D9;

}

.slct_bt{

    margin-top: 36px;

}

.slct_bt_parga{

    margin-top: 25px;

}

.slct_bt .std_title3{

    color: #fff;

}

.slct_bt_parga ul{

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 15px;

}

.slct_bt_parga ul li {

    list-style-type: disc;

}

.slct_bt_parga ul li::marker {

    unicode-bidi: isolate;

    font-variant-numeric: tabular-nums;

    text-transform: none;

    text-indent: 0px !important;

    text-align: start !important;

    text-align-last: start !important;

    color: #fff;

}

.spwb_li_cont_num p{

    color: #fff;

    font-family: 'montserratregular';

}

.spwb_li_cont_num{

    position: absolute;

    right: 34px;

    bottom: 5px;

}

.spwb_li3 .spwb_li_cont_num p,

.spwb_li4 .spwb_li_cont_num p{

    color: #171C2C;

}

.spwb_li3 .spwb_li_cont_text .std_title1,

.spwb_li4 .spwb_li_cont_text .std_title1,

.spwb_li3 .spwb_li_cont_text p,

.spwb_li4 .spwb_li_cont_text p,

.spwb_li3 .slct_bt .std_title3,

.spwb_li4 .slct_bt .std_title3{

    color: #171C2C;

}

.soft_progra_wrap_bt {

    position: relative;

    padding-bottom: 90px;

}

.spwb_li1{

    position: relative !important;

    z-index: 10;

}

.spwb_li {

    position: absolute;

    left: 0;

    transition: all .5s linear;

    opacity: 1;

    transform: translateY(0);

}

.spwb_li2{

    top: 30px;

    z-index: 9;

}

.spwb_li3{

    top: 60px;

    z-index: 8;

}

.spwb_li4{

    top: 90px;

    z-index: 7;

}

.soft_progra_wrap{

    height: calc(100vh - 90px);

    display: flex;

    align-items: center;

}

.soft_platform{

    height: calc(100vh - 90px);

    background: #171C2C;

    position: relative;

    overflow: hidden;

}

.soft_platform_cont{

    width: 762px;

    z-index: 5;

    text-align: center;

    transition: all .8s;

}

.soft_platform.act .soft_platform_cont{

    top: 28%;

}

.soft_platform_cont_parga p {

    color: #999;

}

.soft_platform_cont .std_title3{

    color: var(--main-color);

    margin-bottom: 12px;

}

.soft_platform_cont .std_title2{

    color: #fff;

}

.scene_monitor_bt_ul .slick-track{

    display: flex;

    align-items: stretch;

}

.smbu_li {

    height: auto;

}

.smbu_li_cont {

    height: 100%;

}

.soft_platform_swiper .swiper-wrapper {

    transition-timing-function: linear !important;

    align-items: center;

}

.soft_platform_swiper_li{

    width: auto !important;

    margin-right: 50px;

    position: absolute !important;

    height: 248px !important;

    transition: all 1s !important;

    display: flex;

    align-items: center;

}

.soft_platform_swiper_li img{

    width: 100%;

}

.spsl_cont{

    position: relative;

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

}

.spsl_cont::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

}

.soft_platform_swiper {

    position: absolute !important;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    overflow: visible !important;

}

.soft_platform_swiper_li1{

    bottom: 50.9%;

    left: -8%;

    width: 232px !important;

}

.soft_platform_swiper_li2{

    bottom: 57.1%;

    left: 5%;

    width: 184px !important;

}

.soft_platform_swiper_li3{

    bottom: 40.6%;

    left: 15.8%;

    width: 184px !important;

}

.soft_platform_swiper_li4{

    bottom: 54.3%;

    left: 83.4%;

    width: 184px !important;

}

.soft_platform_swiper_li5{

    bottom: 61.9%;

    left: 94.9%;

    width: 238px !important;

}

.soft_platform_swiper_li6{

    bottom: 30.4%;

    left: -3.4%;

    width: 232px !important;

}

.soft_platform_swiper_li7{

    bottom: 11.8%;

    left: 10%;

    width: 173px !important;

}

.soft_platform_swiper_li8{

    bottom: 14.9%;

    left: 22.8%;

    width: 144px !important;

}

.soft_platform_swiper_li9{

    bottom: 28.8%;

    left: 87.9%;

    width: 232px !important;

}

.soft_platform_swiper_li10{

    bottom: -0.7%;

    left: -6%;

    width: 238px !important;

}

.soft_platform_swiper_li11{

    bottom: -1.3%;

    left: 31.7%;

    width: 165px !important;

}

.soft_platform_swiper_li12{

    bottom: -0.4%;

    left: 46.1%;

    width: 212px !important;

}

.soft_platform_swiper_li13{

    bottom: 5.7%;

    left: 64.5%;

    width: 144px !important;

}

.soft_platform_swiper_li14{

    bottom: -2%;

    left: 73.2%;

    width: 155px !important;

}

.soft_platform_swiper_li15{

    bottom: 4.5%;

    left: 86.7%;

    width: 160px !important;

}

.soft_platform_swiper_li16{

    bottom: 21.9%;

    left: 78.9%;

    width: 133px !important;

}

.soft_platform.act .soft_platform_swiper_li{

    bottom: 127px !important;

}

.soft_platform.act .soft_platform_swiper_li1{

    left: 0%;

}

.soft_platform.act .soft_platform_swiper_li2{

    left: 282px;

}

.soft_platform.act .soft_platform_swiper_li3{

    left: 516px;

}

.soft_platform.act .soft_platform_swiper_li4{

    left: 750px;

}

.soft_platform.act .soft_platform_swiper_li5{

    left: 984px;

}

.soft_platform.act .soft_platform_swiper_li6{

    left: 1272px;

}

.soft_platform.act .soft_platform_swiper_li7{

    left: 1554px;

}

.soft_platform.act .soft_platform_swiper_li8{

    left: 1777px;

}

.soft_platform.act .soft_platform_swiper_li9{

    left: 1971px;

}

.soft_platform.act .soft_platform_swiper_li10{

    left: 2253px;

}

.soft_platform.act .soft_platform_swiper_li11{

    left: 2541px;

}

.soft_platform.act .soft_platform_swiper_li12{

    left: 2756px;

}

.soft_platform.act .soft_platform_swiper_li13{

    left: 3018px;

}

.soft_platform.act .soft_platform_swiper_li14{

    left: 3212px;

}

.soft_platform.act .soft_platform_swiper_li15{

    left: 3417px;

}

.soft_platform.act .soft_platform_swiper_li16{

    left: 3627px;

}

.soft_platform.active .soft_platform_swiper_li{

    position: relative !important;

    left: 0 !important;

    transition: none !important;

}

.soft_platform.active .soft_platform_swiper{

    height: auto !important;

}

.soft_platform.act .spsl_cont::after{

    opacity: 0;

}

.mula_wrap_le li.yxnav_active2 .muls_cont_wrap_more{

    opacity: 1;

}



/* C2-软件（灵芝平台PRO版）-end */

/*鼠标效果*/

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

    .mula_wrap_le li:hover .muls_cont_wrap_more{

        opacity: 1;

    }

    

    .casedet_relat_btn .std_btn1:hover p{

        color: #fff;

    }

    .casedet_relat_btn .std_btn1:hover img:nth-child(2) {

        opacity: 1;

    }

    .casedet_relat_btn .std_btn1:hover .std_btn1_box{

        background: #237AE4;

    }

    .pwtl_more:hover svg path{

        fill: var(--main-color);

    }

    .pwtl_more:hover .pwtl_more_tp p{

        color: var(--main-color);

    }

    .pwtl_more_bt li:hover{

        background: #E9EEFF;

    }

    .ccbu_li_cont:hover::after{

        width: 100%;

    }

    .cclu_li_cont:hover .ys_imgbox_cover img,

    .ccbu_li_cont:hover .ys_imgbox_cover img{

        transform: scale(1.05);

    }

    .ccbu_li_cont:hover .std_btn2 img:nth-child(1){

        opacity: 0;

    }

    .ccbu_li_cont:hover .std_btn2 img:nth-child(2){

        opacity: 1;

    }

    .ccbu_li_cont:hover .std_btn2 p {

        color: var(--main-color);

    }

    .smbu_li_cont:hover .std_btn1_box{

        background: #fff;

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

    }

    .smbu_li_cont:hover .std_btn1 p {

        color: var(--main-color);

    }

    .smbu_li_cont:hover .std_btn1 img:nth-child(2) {

        opacity: 0;

    }

    .mulp_wrap_le_li>a:hover p{

        color: var(--main-color);

    }

    .prtb_list_ul_li:hover .plul_wrap_tit{

        color: var(--main-color);

    }

    .join_contact_wrap_img:hover img{

        transform: scale(1.05);

    }

    .layui-slider-wrap-btn.layui-slider-hover, .layui-slider-wrap-btn:hover {

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

    }

    .mwll_more:hover p{

        color: var(--main-color);

    }

    .mwll_more:hover img:nth-child(1){

        opacity: 0;

    }

    .mwll_more:hover img:nth-child(2){

        opacity: 1;

    }

    .mfts_icon:hover .mfts_icon_pop{

        opacity: 1;

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

    }

    .jwcb_li_cont:hover .jwcb_li_cont_img img{

        transform: scale(1.05);

    }

    .jobu_li_cont:hover::after{

        opacity: 0;

    }

    .jobu_li_cont:hover::before{

        opacity: 1;

    }

    .crbu_li a:hover .crbu_li_tp_logo img{

        transform: scale(1);

    }

    .pc_fenye li:hover{

        color: #fff;

        background: var(--main-color);

    }

    .first li:hover,

    .prev li:hover,

    .next li:hover,

    .end li:hover{

        color: var(--main-color);

        background: transparent;

    }

    .pwbl_cont a:hover::after{

        opacity: 1;

    }

    .pwbl_cont a:hover .pwbl_cont_btn{

        opacity: 1;

    }

    .college_train_list:hover .college_train_list_ul1, 

    .college_train_list:hover .college_train_list_ul2 {

        animation-play-state: paused;

    }

    .sabu_li_cont:hover .sabu_li_cont_wrap{

        transform: translateY(-20px);

    }

    .smbu_li_cont:hover .smbu_li_cont_wrap{

        transform: translateY(-20px);

    }

    .std_btn1:hover .std_btn1_box{

        background: #fff;

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

    }

    .std_btn1:hover p{

        color: var(--main-color);

    }

    .std_btn1:hover img:nth-child(2){

        opacity: 0;

    }

    .std_btn2:hover p{

        color: var(--main-color);

    }

    .std_btn2:hover .std_btn2_box_circle{

        border: 1px solid rgba(57, 129, 247, 0.26);

    }

    .std_btn2:hover img:nth-child(1){

        opacity: 0;

    }

    .std_btn2:hover img:nth-child(2){

        opacity: 1;

    }

    .hnbu_li:hover .hnbu_li_wrap::before{

        width: 100%;

    }

    .home_why_dots_li:hover .std_title3{

        opacity: 1;

    }

    .ssbu_li_cont:hover{

        /* box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.08); */

        box-shadow: 0px 4px 8px 8px rgba(8, 30, 125, 0.04);

    }

    .sibl_ul_li a:hover{

        box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.08);

    }

    .sibl_ul_li a:hover .sult_btn .std_btn2_box p{

        color: var(--main-color);

    }

    .sibl_ul_li a:hover .std_btn2_box_circle {

        border: 1px solid rgba(57, 129, 247, 0.26);

    }

    .sibl_ul_li a:hover .sbbc_icon img:nth-child(2){

        opacity: 1;

    }

    .sibl_ul_li a:hover .sbbc_icon img:nth-child(1){

        opacity: 0;

    }

    .std_arrow_icon:hover{

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

    }

    .std_arrow_icon:hover img:nth-child(1){

        opacity: 0;

    }

    .std_arrow_icon:hover img:nth-child(2){

        opacity: 1;

    }

    .scene_info_img:hover img{

        transform: scale(1.05);

    }

    .mwll_bt a:hover img{

        transform: scale(1);

    }

    .sibu_li a:hover .std_title3{

        color: var(--main-color);

    }

    .sibu_li a:hover .std_btn2 p{

        color: var(--main-color);

    }

    .sibu_li a:hover .std_btn2_box_circle {

        border: 1px solid rgba(57, 129, 247, 0.26);

    }

    .sibu_li a:hover .std_btn2 img:nth-child(2) {

        opacity: 1;

    }

    .sibu_li a:hover .std_btn2 img:nth-child(1) {

        opacity: 0;

    }

    .hnbu_li a:hover .hnbu_li_tit {

        color: var(--main-color);

    }

    .ahbu_li_cont_item:hover .alci_img{

        opacity: 1;

    }

    .ahbu_li_cont_item.has_certifi:hover .alci_text{

        opacity: 0;

    }

    .std_arrow_icon:hover path{

        fill: var(--main-color);

    }

    /* 按钮hover不变蓝 */

    .cclu_li_cont .std_btn2:hover .std_btn2_box_circle,

    .ys_ban_btn .std_btn2:hover .std_btn2_box_circle,

    .hsbu_li .std_btn2:hover .std_btn2_box_circle,

    .cabs_li .std_btn2:hover .std_btn2_box_circle,

    .scbu_li .std_btn2:hover .std_btn2_box_circle{

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

    }

    .cclu_li_cont .std_btn2:hover p ,

    .ys_ban_btn .std_btn2:hover p ,

    .hsbu_li .std_btn2:hover p ,

    .cabs_li .std_btn2:hover p ,

    .scbu_li .std_btn2:hover p {

        color: #fff;

    }

    .cclu_li_cont .std_btn2:hover img:nth-child(1) ,

    .ys_ban_btn .std_btn2:hover img:nth-child(1) ,

    .hsbu_li .std_btn2:hover img:nth-child(1) ,

    .cabs_li .std_btn2:hover img:nth-child(1) ,

    .scbu_li .std_btn2:hover img:nth-child(1) {

        opacity: 1;

    }

    .cclu_li_cont .std_btn2:hover img:nth-child(2) ,

    .ys_ban_btn .std_btn2:hover img:nth-child(2) ,

    .hsbu_li .std_btn2:hover img:nth-child(2) ,

    .cabs_li .std_btn2:hover img:nth-child(2) ,

    .scbu_li .std_btn2:hover img:nth-child(2) {

        opacity: 0;

    }

    /* 按钮hover不变蓝 */

    .cabs_li:hover .cabs_li_bg img{

        transform: scale(1.05);

    }

    .service_case.change .std_btn2:hover .std_btn2_box_circle{

        border: 1px solid rgba(57, 129, 247, 0.26);

    }

    .service_case.change .std_btn2:hover p {

        color: var(--main-color);

    }

    .service_case.change .std_btn2:hover img:nth-child(1) {

        opacity: 0;

    }

    .service_case.change .std_btn2:hover img:nth-child(2) {

        opacity: 1;

    }

    .sibu_li_btn:hover .sibu_li_img .ys_imgbox_cover img{

        transform: scale(1.05);

    }

    .sibu_li_btn:hover .std_title3{

        color: var(--main-color);

    }

    .sibu_li_btn:hover .std_btn2 p{

        color: var(--main-color);

    }

    .sibu_li_btn:hover .std_btn2_box_circle {

        border: 1px solid rgba(57, 129, 247, 0.26);

    }

    .sibu_li_btn:hover .std_btn2 img:nth-child(1) {

        opacity: 0;

    }

    .sibu_li_btn:hover .std_btn2 img:nth-child(2) {

        opacity: 1;

    }

    .home_solution_bg_dots li a:hover .hsbd_wrap::before{

        background: var(--main-color);

    }

    .home_solution_bg_dots li a:hover .hsbd_wrap_more{

        opacity: 1;

        margin-left: 20px;

    }

    .pwtl_list li:hover{

        background: #E9EEFF;

    }

    .pwtl_list li:hover p{

        color: var(--main-color);

    }

}



/* 载入效果 */

@keyframes fadeInUp{

    0%{

        opacity: 0;

        -webkit-transform: translate3d(0,50px,0);

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

    }

    100%{

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes imgScale{

    0%{

        transform: scale(1.08);

    }

    100%{

        transform: scale(1);

    }

}

.rondFadeup1{

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

}

.rondFadeup2{

    animation: fadeInUp .8s ease-in-out both .2s;

}

.rondFadeup3{

    animation: fadeInUp .8s ease-in-out both .3s;

}



.ys_nyban_img img{

    animation: imgScale 1.5s ease-in-out both 0s;

}

.scbu_li:nth-child(3n+1) .scbu_li_cont,

.sibl_ul_li:nth-child(3n+1),

.slsu_li:nth-child(3n+1){

    animation-delay: .3s;

}

.scbu_li:nth-child(3n+2) .scbu_li_cont,

.sibl_ul_li:nth-child(3n+2),

.slsu_li:nth-child(3n+2){

    animation-delay: .4s;

}

.shbu_li:nth-child(4n+4),

.scbu_li:nth-child(3n+3) .scbu_li_cont,

.sibl_ul_li:nth-child(3n+3),

.slsu_li:nth-child(3n+3),

.pwbl_cont li:nth-child(4n+4){

    animation-delay: .5s;

}

.shbu_li:nth-child(4n+1),

.cclu_li:nth-child(2n+1),

.jabu_li:nth-child(2n+1),

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

    animation-delay: .2s;

}

.shbu_li:nth-child(4n+2),

.cclu_li:nth-child(2n+2),

.jabu_li:nth-child(2n+2),

.jobu_li:nth-child(2n+2){

    animation-delay: .3s;

}

.crbu_li:nth-child(4n+1){

    animation-delay: .1s;

}

.crbu_li:nth-child(4n+2),

.prtb_list_ul_li:nth-child(3n+1),

.hnbu_li:nth-child(3n+1),

.pwbl_cont li:nth-child(4n+1){

    animation-delay: .2s;

}

.crbu_li:nth-child(4n+3),

.prtb_list_ul_li:nth-child(3n+2),

.hnbu_li:nth-child(3n+2),

.pwbl_cont li:nth-child(4n+2){

    animation-delay: .3s;

}

.shbu_li:nth-child(4n+3),

.crbu_li:nth-child(4n+4),

.prtb_list_ul_li:nth-child(3n+3),

.hnbu_li:nth-child(3n+3),

.pwbl_cont li:nth-child(4n+3){

    animation-delay: .4s;

}

/* 首页banner效果-start */

.ys_ban_li{

    width: 100vw;

    height: 100vh;

    /* opacity: 1 !important; */

}

/* .ys_ban_li.amplify canvas{

    animation: imgSwitch1 3s cubic-bezier(0.25,0.46,0.45,0.94) both;

}

.ys_ban_li canvas{ 

    animation: imgSwitch2 3s cubic-bezier(0.25,0.46,0.45,0.94) both;

}

.ys_ban_li.act.amplify canvas{

    animation: none !important;

}

.ys_ban_li.amplify .ys_ban_video{

    animation: videoSwitch1 3s cubic-bezier(0.25,0.46,0.45,0.94) both;

}

.ys_ban_li .ys_ban_video{ 

    animation: videoSwitch2 3s cubic-bezier(0.25,0.46,0.45,0.94) both;

}

.ys_ban_li.act.amplify .ys_ban_video{

    animation: none !important;

} */

/* .ys_ban_li.amplify,

.ys_ban_li.reduce{

    opacity: 1 !important;

} */

@keyframes videoSwitch1{

    0%{

        opacity: 0;

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

    }

    20%{

        opacity: 0;

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

    }

    100%{

        opacity: 1;

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

    }

}

@keyframes videoSwitch2{

    0%{

        opacity: 1;

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

    }

    20%{

        opacity: 1;

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

    }

    100%{

        opacity: 0;

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

    }

}

@keyframes imgSwitch1{

    0%{

        opacity: 0;

        transform: scale(1.1);

    }

    20%{

        opacity: 0;

        transform: scale(1.1);

    }

    100%{

        opacity: 1;

        transform: scale(1);

    }

}

@keyframes imgSwitch2{

    0%{

        opacity: 1;

        transform: scale(1);

    }

    20%{

        opacity: 1;

        transform: scale(1);

    }

    100%{

        opacity: 0;

        transform: scale(1.1);

    }

}

.ys_text_slick {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

    pointer-events: none;

}

.ys_text_slick .slick-list,

.ys_text_slick .slick-track {

    height: 100%;

}

.ys_ban_txtbox {

    pointer-events: all;

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

/* 首页banner效果-en */



.college_main .scene_info .ys_cont1400{

    align-items: flex-start;

}

.ys_hd_pc.hovered::after {

    opacity: 1 !important;

}

.ys_hd_pc.hovered .mod_cover img:nth-child(2) {

    opacity: 1 !important;

}

.ys_hd_pc.hovered .mhnl_ul_li_link {

    color: #333 !important;

}

.yx_menu5_nav{

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

}

.yx_menu5_nav.not_fixed{

    left: -500px !important;

}

html.on1 .partner_main .yx_menu5_nav.act{

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

}

html.on1 .partner_main .moe_bread{

    z-index: -1;

}

html.on1.off .partner_main .moe_bread{

    z-index: 20;

}



.yx_menu5_nav.white p {

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

}

.yx_menu5_nav.white li.active p{

    color: #fff;

}

.yx_menu5_nav_line span{

    transition: all .36s;

}

.yx_menu5_nav.white .yx_menu5_nav_circle,

.yx_menu5_nav.white .l_f1bx2ks::before,

.yx_menu5_nav.white .l_f1bx2ks::after,

.yx_menu5_nav.white .yx_menu5_nav_line span{

    background: #fff;

}

.yx_menu5_nav.white .yx_menu5_nav_line {

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

}



.yx_menu5_nav.last_grey li:last-child p{

    color: #999;

}

.join_main .yx_menu5_nav.last_grey li:last-child p{

    color: var(--main-color) !important;

}

/* .join_main .yx_menu5_nav.change li.active p{

    color: #fff !important;

} */

.yx_menu5_nav.last_grey li:last-child .yx_menu5_nav_circle, 

.yx_menu5_nav.last_grey li:last-child .l_f1bx2ks::before, 

.yx_menu5_nav.last_grey li:last-child .l_f1bx2ks::after, 

.yx_menu5_nav.last_grey li:last-child .yx_menu5_nav_line span {

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

}

.yx_menu5_nav.last_blue li.active p{

    color: var(--main-color);

}

.yx_menu5_nav.last_blue li p{

    color: #999;

}

.yx_menu5_nav.last_blue .yx_menu5_nav_line{

    background: #D4DBF1 !important;

}

.yx_menu5_nav.white.last_blue li .yx_menu5_nav_circle,

.yx_menu5_nav.white.last_blue li .l_f1bx2ks::before,

.yx_menu5_nav.white.last_blue li .l_f1bx2ks::after,

.yx_menu5_nav.white.last_blue li .yx_menu5_nav_circle, 

.yx_menu5_nav.white.last_blue li .l_f1bx2ks::before, 

.yx_menu5_nav.white.last_blue li .l_f1bx2ks::after, 

.yx_menu5_nav.white.last_blue li .yx_menu5_nav_line span {

    background: var(--main-color);

}



.yx_menu5_nav.first_white li.active p{

    color: #fff;

} 

.yx_menu5_nav.first_white li.active .yx_menu5_nav_circle,

.yx_menu5_nav.first_white li.active .l_f1bx2ks::before,

.yx_menu5_nav.first_white li.active .l_f1bx2ks::after,

.yx_menu5_nav.first_white li.active .yx_menu5_nav_line span{

    background: #fff;

}

.yx_menu5_nav.first_white li.active .yx_menu5_nav_line{

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

}

.yx_menu5_nav.first_white li.active~li p{

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

}

.yx_menu5_nav.first_white li.active~li .yx_menu5_nav_circle{

    background: #fff;

}

.yx_menu5_nav.all_change p{

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

}

.yx_menu5_nav.all_change .yx_menu5_nav_line{

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

}

.yx_menu5_nav.all_change .yx_menu5_nav_line span{

    background: #fff;

}

.yx_menu5_nav.all_change .yx_menu5_nav_circle,

.yx_menu5_nav.all_change .l_f1bx2ks::before,

.yx_menu5_nav.all_change .l_f1bx2ks::after{

    background: #fff;

}



/* .yx_menu5_nav.change p {

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

    transition: all .36s;

    margin-left: 16px;

}

.yx_menu5_nav.change li.active p{

    color: #fff !important;

}

.yx_menu5_nav.change .yx_menu5_nav_line {

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

}

.yx_menu5_nav.change .yx_menu5_nav_line span {

    background: #fff !important;

}

.yx_menu5_nav.change .l_f1bx2ks::after{

    background: #fff !important;

}

.yx_menu5_nav.change .yx_menu5_nav_circle{

    background: #fff !important;

}

.yx_menu5_nav.change li:last-child .yx_menu5_nav_circle,

.yx_menu5_nav.change li:last-child .l_f1bx2ks::before,

.yx_menu5_nav.change li:last-child .l_f1bx2ks::after{

    background: #fff !important;

} */

.soft_appoint_swiper.swiper-container{

    overflow: visible;

}

.join_body{

    background: transparent !important;

}

.hsbu_li_bg,.hnbu_li_img,.mod_contact_tp,.mod_contact,.slwi_pic,.sibu_li_img,.scbu_li_img,.sibu_li_img,.sibl_ul_li a,.scene_info_img,.ssbu_li_cont,.sabu_li_cont_wrap,.smbu_li_cont_wrap,

.slsu_li a,.prbw_img,.prbw_text_cont,.slsu_li a,.crbu_li_tp .ys_imgbox_cover,.spsl_cont,.spwb_li_cont,.itbu_wrap,.slbs_li .ys_imgbox_cover,.cclu_li_cont .ys_imgbox_cover,.cllu_li_cont .ys_imgbox_cover,

.ctlu_li .ys_imgbox_cover,.cabs_li_bg,.crbu_li_tp_logo .ys_imgbox_cover,.casedet_article_img_pic,.ccbu_li_cont .ys_imgbox_cover,.albl_slick,.scbu_li_cont,.nslu_li a,.jwcb_li_cont_img,

.jobu_li_cont .ys_imgbox_cover,.join_contact_wrap{

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}

.home_solution_bg_video{

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2;

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

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.join_contact_wrap_img{

    overflow: hidden;

}

.join_contact_wrap_img img{

    transition: all .36s;

}

.partner_ban_cont_text .slick-list{

    overflow: visible;

}

.ys_nyban_title h1{

    line-height: 1.5;

}

.college_main .scene_info {

    padding-bottom: 10px;

}

.service_arrange_tab_swiper {

    padding: 6px 0 !important;

}

.slwt_parga p{

    height: 3.5em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.ssbu_li_wrap_text{

    bottom: auto !important;

    top: 80%;

    transition: all .36s;

}

.ssbu_lis a{

    overflow: hidden;

}

.slwt_info{

    opacity: 0;

    transition: all .36s;

}

.ssbu_lis.act .ssbu_li_wrap_text{

    top: 40%;

}

.ssbu_lis.act .slwt_info{

    opacity: 1;

}

.yx_menu5_nav.connec{

    left: -500px;

}

.itemright {

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

}

.right_side .itemright{

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

}

.join_main .yx_menu5_nav.last_blue .yx_menu5_nav_line span{

    background: var(--main-color);

}

.join_main .yx_menu5_nav.last_blue .yx_menu5_nav_circle, 

.join_main .yx_menu5_nav.last_blue .l_f1bx2ks::before, 

.join_main .yx_menu5_nav.last_blue .l_f1bx2ks::after {

    background: var(--main-color);

}



.service_ours{

    height: 700vh;

}

.soft_main .ys_nyban_img img{

    animation: none;

}

.ys_nyban_slick .slick-arrow{

    transition: all .36s;

    width: 50px;

    height: 50px;

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

    z-index: 5;

}

.ys_nyban_slick .slick-prev {

    left: 15px;

}

.ys_nyban_slick .slick-next {

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

    right: 15px;

}

.soft_html,.soft_body,.soft_html .mod_content,

.service_html,.service_body,.service_html .mod_content{

    overflow: inherit !important;

}

.soft_progra_wrap,

.soft_appoint_wrap,

.service_ours_wrap,

.service_labora_wrap{

    position: sticky;

    top: 80px;

}

.service_labora_wrap_box{

    width: 100vw;

    overflow: hidden;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ys_ban_bg{

    width: 1920px;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 5;

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

}

.ys_ban_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.investor_notice_bt p:first-child iframe{

    width: 90%;

    height: 430px;

}

.investor_notice_bt p:last-child iframe{

    width: 90%;

    height: 450px;

}

.hsbd_circle {

    display: block;

    width: 18px;

    height: 18px;

    background: #fff;

    border: 7px solid var(--main-color);

    border-radius: 50%;

    position: relative;

    /* animation: bordershow 3s infinite; */

    /* overflow: hidden; */

}

.hsbd_circle::before {

    content: '';

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: -1;

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

    width: 25px;

    height: 25px;

    border-radius: 50%;

    background: rgba(57,129,247, 0.2);

    animation: boderM 3s .75s infinite;

}

.hsbd_circle::after {

    content: '';

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: -1;

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

    width: 25px;

    height: 25px;

    border-radius: 50%;

    background: rgba(57,129,247, 0.2);

    animation: boderM 3s infinite;

}

@keyframes boderM {

    0% {

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

        opacity: 0

    }

    20% {

        opacity: 1

    }

    75% {

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

        opacity: 0

    }

    100% {

        opacity: 0

    }

}

@keyframes bordershow {

    50% {

        box-shadow: 0px 0px 10px 0 var(--main-color);

    }

}

.home_solution_bg_dots{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.home_solution_bg_dots li{

    position: absolute;

    z-index: 5;

    cursor: pointer;

}

.hsbd_wrap {

    position: absolute;

    left: 40px;

    top: 50%;

    z-index: 1;

    transform: translateY(-50%);

    padding: 0 18px;

    pointer-events: all;

    display: flex;

    align-items: center;

}

.hsbd_wrap::before {

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(57, 129, 247, 0.70);

    /* backdrop-filter: blur(5px); */

    border-radius: 21.5px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    transition: all .36s;

}

.hsbd_wrap::after {

    content: "";

    position: absolute;

    right: 100%;

    top: 0;

    width: 40px;

    height: 100%;

}

.hsbd_wrap_icon{

    width: 24px;

    margin-right: 12px;

}

.hsbd_wrap_icon img{

    width: 100%;

}

.hsbd_wrap_tit{

    white-space: nowrap;

    font-size: 16px;

    line-height: 42px;

    text-shadow: 0px 1px 1px rgba(64, 123, 255, 0.50);

    color: #fff;

}

.hsbd_wrap_more{

    width: 12px;

    margin-left: 0;

    opacity: 0;

    transition: all .36s;

}

.hsbd_wrap_more img{

    width: 100%;

}



.investor_notice_bt p{

    text-align: center;

}

.home_new .home_new_bt_ul{

    display: block;

}

.pbsl_bg{

    transition: opacity .5s ease-out;

    opacity: 0;

}

.pbsl_text{

    opacity: 0;

}

html.off .pbsl_text{

    opacity: 1;

}

html.on1 .pbsl_text{

    transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out;

    transition-delay: 1s;

}

html.on1.off .pbsl_text {

    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;

    transition-delay: 1s;

}



html.on1 .pbsl_bg{

    transition: opacity .8s ease-out;

    transition-delay: 1s;

}

html.on1.off .pbsl_bg{

    opacity: 1;

    transition: opacity .8s ease-out;

    transition-delay: 1s;

}

.college_achieve_text{

    position: relative;

    z-index: 5;

}



.home_main .ys_hd_pc{

    background: linear-gradient(to bottom, rgba(0,0,0,.5),rgba(0,0,0,0));

}

.home_main .ys_hd_pc.isfixed{

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

}

.solu_main .ys_bread_list a,

.cooper_main .ys_bread_list a,

.soft_main .ys_bread_list a,

.case_main .ys_bread_list a{

    color: #fff;

    opacity: 1;

}

.soft_main .ys_bread_list::before,

.cooper_main .ys_bread_list::before,

.case_main .ys_bread_list::before{

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

}

.cooper_cont_wrap_img::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.ahct_ul_li_cont ul{

    margin-block-start: 0;

    margin-block-end: 0;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 18px;

}

.ahct_ul_li_cont li{

    list-style-type: disc;

}

.ahct_ul_li_cont li::marker{

    color: var(--main-color);

}

.ahct_ul {

    padding-left: 19%;

}

.casedet_article_bt_aside {

    padding-right: 78px;

}

.ys_nyban_slick a{

    display: block;

}

.sibu_li_img {

    position: relative;

}

.sult_parga p {

    height: 3.5em;

    -webkit-line-clamp: 2;

}

.service_arrange .slsu_li_text ul p{

    height: 1.75em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.service_arrange .slsu_li_text ul{

    height: 126px;

    overflow: hidden;

}

.service_arrange .slsu_li_text .std_parga1{

    height: 1.75em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.sibu_li_img_icon {

    width: 34px;

    z-index: 5;

}

.sibu_li_img_icon img{

    width: 100%;

}

.ys_ban_btn_video p{

    font-size: 20px;

    line-height: 1.5;

    color: #fff;

}

.ys_ban_btn_video img{

    width: 34px;

    margin-right: 12px;

}

.ys_ban_btn_video{

    display: flex;

    align-items: center;

    cursor: pointer;

    margin-left: 45px;

}

.ys_ban_btn{

    display: flex;

    align-items: center;

}

.itbu_wrap_ri{

    padding: 0 !important;

}



.home_solution_title {

    pointer-events: none;

}

.home_solution_title h2{

    pointer-events: all;

    display: inline-block;

}



/* 首页建模覆盖效果 */

/* .index_html.act,

.index_html.acts {

    height: 100vh;

    overflow-y: scroll;

}

.index_html.act body,

.index_html.acts body {

    height: 100vh !important;

}

.home_main .mod_content {

    margin-top: 90px;

    transition: margin-top .5s linear;

}

.index_html.off .mod_content {

    margin-top: 100vh;

}

.index_html.on1.off .mod_cover img:nth-child(2){

    opacity: 0;

}

.index_html.on1.off .ys_hd_pc .mhnl_ul_li_link {

    color: #fff;

}

.index_html.on1.off .ys_hd_pc::after {

    opacity: 0;

}

.index_html.on1 .mod_cover img:nth-child(2){

    opacity: 1;

}

.index_html.on1 .ys_hd_pc .mhnl_ul_li_link {

    color: #333;

}

.index_html.on1 .ys_hd_pc::after {

    opacity: 1;

} */

.yx_rotate5 .itbu_wrap_ri{

    padding: 70px !important;

}

.home_solution_title h2{

    color: var(--main-color) !important;

}

/*导航默认选中*/

.yxnav_active1 .mhnl_ul_li_link{

    color: var(--main-color) !important;

}

.ys_hd_pc.hovered .yxnav_active1 .mhnl_ul_li_link{

    color: var(--main-color) !important;

}

.culc_img{

    width: 100% !important;

    padding: 0 !important;

}

.cabl_ul_li_cont{

    margin: 0 !important;

}

.culc_img{

    border-radius: 20px;

}

.culc_img img{

    border: none;

    border-radius: 0;

}

.cpbw_text_li h3{

    margin-top: 20px;

}

.cpbw_text_li h4{

    margin: 15px 0;

    font-size: 20px;

    font-weight: bold;

}

.yxedr_active h4{

    font-size: 20px;

}

.halu_li {

    width: 33.333333%;

}

.home_approve_list_ul{

    justify-content: flex-start;

}

.halu_li:not(:first-child){

    display: none;

}

.slick-list{

    min-width: 100%;

}

.home_approve_list_ul .slick-list{

    padding-bottom: 50px;

}

.home_approve_list_ul.empty .slick-list{

    padding-bottom: 0;

}

.scene_info_le {

    padding-right: 100px;

}

.slcw_btn{

    position: absolute;

    bottom: 50px;

    left: 50%;

    transform: translateX(-50%);

}

.smbu_li_cont_wrap{

    padding-bottom: 146px;

}

.solu_main .slsu_li_text ul{

    display: none;

}

.solu_main .slsu_li_text .std_btn2 {

    position: static;

}

.solu_main .slsu_li_text {

    text-align: center;

    padding-left: 30px;

    padding-right: 30px;

}

.slsu_li_text .std_parga1{

    color: var(--main-color);

}

.hsbu_li_wrap{

    position: relative;

    border-radius: 20px;

    overflow: hidden;

}

.hsbu_li_wrap::after{

    content: "";

    width: 100%;

    height: 100%;

    /* background: rgba(0, 0, 0, .3); */

    position: absolute;

    top: 0;

    left: 0;

}

.scene_info_img_btn {

    z-index: 5;

    width: 34px;

    cursor: pointer;

}

.scene_info_img_btn img{

    width: 100%;

}

.scene_info_img::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.solu_main .yx_menu5_nav {

    left: -500px;

}

.solu_main .yx_menu5_nav.enter{

    left: 25px;

}

.solu_main .yx_menu5_nav.all_change li.active p{

    color: #fff;

}

.solu_main .yx_menu5_nav.last_blue .yx_menu5_nav_circle{

    background: var(--main-color);

}

.solu_main .yx_menu5_nav.last_blue .yx_menu5_nav_line span{

    background: var(--main-color);

}

.solu_main .yx_menu5_nav.last_blue .l_f1bx2ks::before,

.solu_main .yx_menu5_nav.last_blue .l_f1bx2ks::after{

    background: var(--main-color);

}

.solu_main .yx_menu5_nav.all_change.last_blue li.active p {

    color: var(--main-color);

}

.cabs_li_bg::after{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.cabs_li {

    margin-right: 60px;

}

.home_why_wrap {

    overflow: hidden;

    height: 100%;

}

.home_why {

    background: var(--auxi-bgcolor1);

}

.pbct_li_wrap_parga p{

    height: 5.25em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.ccbu_li_cont{

    position: relative;

}

.ccbu_li_cont::after{

    content: "";

    width: 0%;

    height: 1px;

    background: var(--main-color);

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .36s;

}

.itbu_wrap{

    padding-top: 60px;

    padding-bottom: 60px;

}

.cpwb_top_subin {

    margin-top: 60px;

}

.itbu_wrap_le_parga {

    line-height: 1.75;

    height: 15.75em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 9;

    overflow: hidden;

}

.cpwb_top_subin_p2 p{

    height: 3.5em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.ssbu_li_cont {

    box-shadow: 0px 2px 5px 5px rgba(8, 30, 125, 0.04);

}

.mod_head_logo a,.mhns_icon{

    transition: all .36s;

}

.ys_hd_pc.isfixed .mod_head_logo a,

.ys_hd_pc.isfixed .mhnl_ul_li_link,

.ys_hd_pc.isfixed .mhns_icon{

    line-height: 80px;

}

/* .home_main .mod_content {

    margin-top: 80px;

} */

.home_solution_bg {

    height: calc(100vh - 80px);

}

.home_why,.soft_progra_wrap,.soft_appoint_wrap,.service_ours_wrap,.service_labora_wrap,.college_achieve{

    height: calc(100vh - 80px);

}

.home_story{

    padding-bottom: calc(100vh - 80px);

}

.home_develop_wrap_tit{

    height: calc(100vh - 80px);

    top: 80px;

}

.smbu_li.not_btn .smbu_li_cont_wrap{

    padding-bottom: 50px;

}

.sustain_consider {

    margin-bottom: 200px;

}

.home_develop_bg_cloud {

    top: -732px;

}

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

    opacity: 0.5;

}

/* 合作伙伴覆盖效果 */

.partner_ban{

    position: fixed;

    z-index: 0;

}

.partner_recruit{

    margin-top: calc(100vh - 90px);

    transition: margin-top .5s linear;

}

.partner_order{

    position: relative;

}

.partner_order::after{

    content: "";

    width: 100%;

    height: 100%;

    background: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

}

.partner_recruit_text_bt{

    position: relative;

    z-index: 5;

}

.service_class,.partner_together,.college_contact {

    position: relative;

    z-index: 5;

    background: #fff;

}

.partner_recruit_text .ys_cont1400{

    position: relative;

    z-index: 12;

}

.partner_recruit_bg{

    z-index: 1;

}

.partner_together{

    z-index: 6;

}

.partner_main .mod_content{

    z-index: inherit;

}

.next_page1 .partner_recruit{

    margin-top: 0px;

}

.yx_menu5_nav li:first-child span{

    transition: height .5s linear;

}

.next_page1 .yx_menu5_nav li:first-child span{

    height: 100% !important;

}

/* 首页第二屏转场修改 */

.home_solution_wrap{

    overflow: hidden;

    width: 100%;

    height: calc(100vh - 80px);

    position: sticky;

    top: 80px;

}

.home_solution_bg {

    height: 100% !important;

}

.home_solution_wrap_cont{

    overflow: hidden;

    transform: scale(0.9, 0.9);

    border-top-right-radius: 48px;

    border-top-left-radius: 48px;

    height: 100%;

}

.home_solution{

    height: 200vh;

}

.home_main .mod_content{

    overflow: inherit;

}

.index_html,.index_html body{

    overflow: inherit !important;

}

/* .home_solution_wrap.isfixed {

    position: fixed;

    top: 80px;

    left: 0;

}

.home_solution_wrap.isfixed.isab{

    position: absolute;

    top: auto !important;

    bottom: -80px;

} */

.ys_banner{

    overflow: hidden;

}

.home_why {

    height: 200vh !important;

    overflow: inherit;

    transition: all .36s;

}

.home_why_wrap{

    height: calc(100vh - 80px);

    position: sticky;

    top: 80px;

}

.home_why_wrap_cont {

    overflow: hidden;

    height: 100%;

}

.home_new{

    overflow: hidden;

}

.pwtl_list p,

.pwtl_more_tp p,

.pwtl_more_bt p{

    font-size: 14px;

    line-height: 18px;

    color: #666;

    transition: all .36s;

}

.pwtl_more_tp p{

    line-height: 34px;

    margin-right: 5px;

}

.pwtl_list li {

    padding: 8px 16px;

    border-radius: 6px;

    transition: all .36s;

    cursor: pointer;

    margin-right: 4px;

}

.pwtl_list li.act {

    background: #E9EEFF;

}

.pwtl_list li.act p{

    color: var(--main-color);

}

.pwtl_list ul{

    display: flex;

    flex-wrap: wrap;

    height: 34px;

    overflow: hidden;

}

.pwtl_more_tp svg{

    width: 20px;

    transition: all .36s;

}

.pwtl_more_tp svg path{

    transition: all .36s;

}

.pwtl_more_tp{

    display: flex;

    align-items: center;

    cursor: pointer;

    padding: 0 16px;

    transition: all .36s;

    border-radius: 6px;

}

.pwtl_more.act .pwtl_more_tp{

    background: #E9EEFF;

}

.pwtl_more.act .pwtl_more_tp p{

    color: var(--main-color);

}

.pwtl_more.act svg path{

    fill: var(--main-color);

}

.pwtl_more_bt{

    width: 184px;

    position: absolute;

    top: 34px;

    left: 50%;

    transform: translateX(-50%);

    display: none;

    padding-top: 10px;

}

.pwtl_more_bt ul{

    border: 1px solid #dee0e3;

    box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 12px rgba(31,35,41,.04), 0 8px 24px 8px rgba(31,35,41,.04);

    border-radius: 6px;

    background: #fff;

    padding: 8px 4px;

}

.pwtl_more{

    position: relative;

}

.pwtl_list{

    width: calc(100% - 150px);

}

.public_wrap_tp_lab {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 0;

    position: relative;

    z-index: 5;

}

.pwtl_more_bt li{

    padding: 0 8px;

    cursor: pointer;

    transition: all .36s;

    border-radius: 4px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 2px;

}

.pwtl_more_bt p{

    line-height: 48px;

}

.pwtl_more_bt img{

    transition: all .36s;

    width: 14px;

    opacity: 0;

}

.pwtl_more_tp.on svg{

    transform: rotate(180deg);

}

.pwtl_more_bt li.act {

    background: #E9EEFF;

}

.pwtl_more_bt li.act p{

    color: var(--main-color);

}

.pwtl_more_bt li.act img{

    opacity: 1;

}

.casedet_relat_btn{

    text-align: center;

    padding-bottom: 10px;

}

.casedet_relat_list {

    padding-bottom: 30px;

}

.casedet_relat_btn .std_btn1 {

    cursor: pointer;

}

.casedet_relat_btn .std_btn1_box {

    background: #fff;

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

}

.casedet_relat_btn .std_btn1 p {

    color: var(--main-color);

}

.casedet_relat_btn .std_btn1 img:nth-child(2) {

    opacity: 0;

}



.inddet_nav {

    height: 54px;

    position: relative;

    z-index: 1;

}

.inddet_nav.isfixed {

    z-index: 97;

}

.inddet_nav_wrap {

    position: relative;

    transition: all .4s;

    text-align: center;

    left: 50%;

    transform: translateX(-50%);

   

    background: #fff;

}

.inddet_nav_wrap::after{

    content: "";

    width: 100vw;

    height: 100%;

    border-top: 1px solid rgb(242, 243, 245);

    background: #fff;

    box-shadow: rgba(31, 35, 41, 0.03) 0px 4px 8px, rgba(31, 35, 41, 0.05) 0px 3px 6px -6px, rgba(31, 35, 41, 0.03) 0px 6px 18px 6px;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

    opacity: 0;

}



.inddet_nav_wrap.isfixed{

    position: fixed;

    top: 80px;

    z-index: 100;

    width: 100%;

    max-width: 1400px;

}

.inddet_nav_wrap.isfixed::after{

    opacity: 1;

}

.casedet_relat_list.retract .inddet_nav_wrap.isfixed{

    top: -80px;

}

.home_develop_bg_cloud {

    top: -200px;

}

.home_story_cont_box.ys_fixed{

    top: 80px;

}

.home_story_cont_box{

    height: calc(100vh - 80px);

}

.home_main .home_develop_bg_cloud{

    top: -1px;

}

.home_story{

    overflow: inherit;

    padding-bottom: 0 !important;

}

.home_story_cont{

    /* position: sticky;

    top: 80px; */

    height: calc(100vh - 80px);

    overflow: hidden;

}

.ctlu_li a{

    position: relative;

}

.ctlu_li a::after{

    content: '';

    width: 100%;

    height: 44%;

    border-radius: 20px;

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

    position: absolute;

    bottom: 0;

    left: 0;

}

/* .ctlu_li a:not([href])::after{

    display: none;

} */

.ctlu_li_btn{

    position: absolute;

    bottom: 35px;

    left: 37px;

    z-index: 5;

}

.ctlu_li .std_btn2 p{

    font-size: 16px;

    color: #fff !important;

}

.ctlu_li .std_btn2 img:nth-child(1){

    opacity: 1 !important;

}

.ctlu_li .sbbc_icon img:nth-child(2){

    opacity: 0 !important;

}

.ctlu_li .std_btn2_box_circle {

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

}

.hscb_wrap_bt_cont{

    width: 1165px;

}

.hscb_wrap_bt_ul{

    margin: 0 -10px;

}

.hsbu_li{

    margin-right: 0 !important;

    padding: 0 10px;

}

.home_story_cont_box{

    justify-content: center;

}

.home_story{

    overflow: hidden;

}

.hscb_wrap_bt_ul .slick-list{

    overflow: visible;

}

/* .service_team h2{

    padding-top: 0 !important;

} */

.hscb_wrap_tit{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.home_solution_bg_ph{

    display: none;

}

.mula_wrap_bg{

    display: none;

}

.home_approve{

    position: relative;

    background-color: var(--auxi-bgcolor1);

    z-index: 1;

}

.home_approve_bg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -1;

}

.home_approve_bgph{

    display: none;

}

.home_approve .sbbc_icon img:nth-child(3){

    display: none;

}

/* 2024.4.3导航修改 */

.mhnl_ul_li_link {

    font-size: 16px;

    line-height: 80px;

}

.mod_head_logo a,.mhns_icon{

    line-height: 80px;

}

.mhnl_ul_li_pull {

    top: 80px;

}

.mod_head_logo {

    width: 140px;

}

.mhns_icon {

    width: 34px;

}

.ys_hd_pc.isfixed .mod_head_logo a, .ys_hd_pc.isfixed .mhnl_ul_li_link, .ys_hd_pc.isfixed .mhns_icon {

    line-height: 75px;

}

.ys_hd_pc.isfixed .mhnl_ul_li_pull {

    top: 75px;

}

.inside_body .ys_main {

    padding-top: 80px;

}

.home_solution_wrap,.home_why_wrap{

    height: calc(100vh - 75px);

    top: 75px;

}

/* 2024.4.10 */

.ccwi_info_code .mfts_icon_pop {

    opacity: 1;

    position: relative;

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

    margin-bottom: 20px;

}

.ccwi_info_code .mfts_icon_pop::after {

    top: auto;

    bottom: -5px;

}

.ccwi_info_li {

    padding-bottom: 15px;

    border-bottom: 1px solid #DEDEDE;

    margin-bottom: 24px;

}

.ccwi_info_li2{

    margin-top: 0 !important;

}

.ccwi_info_code{

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0 !important;

}

.ccwi_info_list .ccwi_info_li:last-child{

    border-bottom: none;

    padding-bottom: 0;

}

.home_solu_phtit{

    display: none;

}

.home_approve_phtit{

    display: none;

}

/* 2024.4.22修改-start */

.ys_ban_dots{

    bottom: 60px;

    z-index: 5;

}

.ys_ban_dots_ul {

    display: flex;

    justify-content: center;

}

.ybdu_li {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #fff;

    cursor: pointer;

    margin: 0 6px;

    overflow: hidden;

    transition: all .3s ease-out 0s;

}

.ybdu_li_line {

    width: 0%;

    height: 100%;

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

    border-radius: 58px;

}

.ybdu_li.act{

    width: 58px;

    height: 8px;

    border-radius: 58px;

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

}

.home_solution_wrap_cont{

    position: relative;

}

.home_solution_wrap_cont::before{

    content: "";

    width: 100%;

    height: 76%;

    background: linear-gradient(180deg, #EFF2F8 7.44%, rgba(239, 242, 248, 0.00) 41.88%);

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

    z-index: 5;

}

.home_solution_wrap_cont::after{

    content: "";

    width: 100%;

    height: 22%;

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

    position: absolute;

    bottom: -6px;

    left: 0;

    pointer-events: none;

    z-index: 5;

}

.hsbd_wrap::before{

    border-radius: 50px;

    background: #FFF;

    box-shadow: 0px 2px 6px 0px rgba(186, 203, 238, 0.10), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05);

}

.hsbd_wrap_tit{

    color: #333;

    text-shadow: none;

    padding-left: 18px;

    line-height: 50px;

}

.hsbd_wrap_icon{

    display: none;

}

.hsbd_wrap{

    position: static;

    transform: inherit;

    padding-left: 18px;

    padding-right: 30px;

    transition: all .36s;

}

.hsbd_wrap_more {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

}

.hsbd_circle{

    flex-shrink: 0;

    border: 7px solid var(--main-color);

}

.hsbd_circle::before,

.hsbd_circle::after{

    background: rgba(14, 97, 255, .2);

}

.home_why_text h2{

    color: #262626;

    margin-bottom: 90px;

}

.home_why_dots_li .std_title3{

    color: #262626;

}

.hwdl_info p{

    color: #666;

}

.home_why_text {

    top: 16.8%;

}

.hdwt-wrap{

    height: 100%;

}

.hdwt-wrap h2{

    height: auto;

    color: #262626;

    margin-bottom: 28px;

}

.hdwt-wrap-parga{

    width: 42%;

    margin: auto;

}

.hdwt-wrap-parga p{

    font-size: 22px;

    line-height: 1.6;

    color: #656D7D;

    text-align: center;

}

.ys_ban_title {

    margin-bottom: 35px;

}

.hdwl_ul_li_cont{

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

}

.hulc_parga p{

    color: #fff;

    opacity: 0.8;

}

.std_btn2 p {

    font-size: 16px;

}

.hnbu_li_time p {

    color: #0E61FF;

}

.hnbu_li_wrap::before {

    background: #0E61FF;

}

.mod_foot_tp_nav>ul>li>a {

    font-size: 18px;

    color: #333;

    font-weight: bold;

    margin-bottom: 16px;

}

.mod_foot_tp_nav a {

    line-height: 2.2;

    color: #666;

}

.mfts_parga{

    margin-top: 6px;

}

.mfts_parga p{

    font-size: 14px;

    line-height: 1.5;

    color: #333;

    text-align: center;

}

.mod_foot_tp_share{

    width: 116px;

}

.mfts_img{

    width: 100%;

}

.mfts_img img{

    width: 100%;

}

.mod_foot_tp_logo{

    width: 163px;

}

.mod_foot_tp_nav{

    width: calc(100% - 163px - 116px) !important;

    padding-left: 154px;

    padding-right: 80px;

}

.mftl_phone p{

    font-size: 16px;

    line-height: 1.75;

    color: #333;

    opacity: 0.5;

    margin-bottom: 6px;

}

.mftl_phone a{

    font-size: 24px;

    line-height: 1.1;

    color: #333;

    font-family: 'playbold';

}

.mftl_phone{

    margin-top: 40px;

}

.mod_foot{

    padding-top: 110px;

    background: #fff;

}

.mod_foot_bt {

    padding-top: 55px;

    padding-bottom: 62px;

    border-top: 1px solid #E1E1E1;

}

.mod_foot_bt_le p,

.mod_foot_bt_ri p a{

    font-size: 14px;

}

.mod_foot::after{

    background: #fff;

}

.mod_foot_bt_ri p a{

    color: #999;

    opacity: 0.5;

    position: relative;

    margin-left: 40px;

}

.mod_foot_bt_ri p a::after{

    content: "";

    width: 1px;

    height: 100%;

    background: #999;

    opacity: 0.5;

    position: absolute;

    top: 50%;

    left: -20px;

    transform: translateY(-50%);

}

.mod_foot_bt_ri p a:first-child::after{

    display: none;

}

.mod_contact_wrap{

    border-radius: 30px;

    overflow: hidden;

    width: 100%;

    position: relative;

}

.mod_contact_wrap_text{

    padding: 100px 40px;

    text-align: center;

}

.mod_contact_wrap_bg{

    width: 100%;

    height: 100%;

    z-index: -1;

}

.mod_contact_wrap_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.mod_contact_wrap_text h2{

    color: #fff !important;

    text-align: center;

}

.mcwt_btn{

    margin-top: 42px;

}

.mcwt_btn p {

    color: var(--main-color);

}

.mcwt_btn .std_btn1_box{

    background: #fff;

}

.mcwt_btn .std_btn1_box_icon img:nth-child(1){

    opacity: 1 !important;

}

.mcwt_btn .std_btn1_box_icon img:nth-child(2){

    opacity: 0 !important;

}

.mod_contact{

    padding-top: 80px;

    padding-bottom: 0 !important;

}

.home_why,.home_solution{

    background: #fff;

}

.home_solution_title h2 {

    color: var(--main-color);

}

.home_choose{

    position: relative;

}

.home_choose_bg{

    width: 100%;

    /* height: 100%; */

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.home_choose_bg img{

    width: 100%;

    /* height: 100%;

    object-fit: cover; */

}

.std_btn1_box{

    background: var(--main-color);

}

.home_choose_text h2{

    color: #262626;

    font-weight: bold;

    line-height: 1.75;

}

.home_choose_text_parga{

    margin-top: 24px;

}

.home_choose_text_parga p{

    font-size: 30px;

    line-height: 1.75;

    color: #262626;

}

.home_choose_text_btn{

    margin-top: 85px;

}

.home_choose_text{

    /* width: 40%; */
    width: calc(1400px * 0.4);

    /* position: sticky;

    top: 210px; */

}

.home_choose_num{

    /* width: 60%; */
    width: calc(1400px * 0.6);

    padding-left: 130px;

}

.hcnu_li_data{

    font-size: 120px;

    line-height: 1.2;

    color: #262626;

    font-family: 'KANITBOLD';

    transition: all .36s;

}

.hcnu_li_parga{

    font-size: 20px;

    color: #262626;

    opacity: 0.8;

    line-height: 1.6;

}

.hcnu_li{

    padding-top: 90px;

}

.hcnu_li:first-child{

    padding-top: 0;

}

.hcnu_li.act .hcnu_li_data{

    color: var(--main-color);

}

.std_btn1 p{

    line-height: 50px;

}

.std_btn1_box{

    padding-left: 44px;

    padding-right: 44px;

}

.home_choose_wrap{

    position: relative;

}

.home_choose_num_ul{

    padding-bottom: 140px;

}

.home_story_cont{

    height: auto !important;

    padding-top: 90px;

    padding-bottom: 115px;

}

.home_story_cont_box {

    height: auto !important;

    position: static;

}

.home_develop_bg::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, #FFF 18.19%, rgba(255, 255, 255, 0.00) 72.28%);

    position: absolute;

    top: 0;

    left: 0;

}

.mod_head {

    padding-left: 60px;

}

.ys_hd_pc.isfixed .mod_cover img:nth-child(1) {

    opacity: 0;

}

.home_solution_wrap_cont {

    transform: scale(1, 1);

    border-top-right-radius: 0;

    border-top-left-radius: 0;

}

.home_solution{

    height: auto !important;

}

.home_main .std_title1{

    color: #262626;

}

.ys_ban_title{

    color: #fff !important;

}

.mod_content{

    border-radius: 0 !important;

}

.inddet_nav_wrap.isfixed {

    top: 75px;

}

.ccwi_info_code{

    width: 120px;

}

.ccwi_info_code img{

    width: 100%;

}

.home_develop_wrap h2{

    color: #262626;

}

/* 鼠标效果 */

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

    .home_solution_bg_dots li a:hover .hsbd_wrap::before {

        background: #FFF;

    }

    .home_solution_bg_dots li a:hover .hsbd_wrap{

        padding-right: 53px;

    }

}

/* 2024.4.22修改-end */

.home_why_dots {

    width: 25%;

}

.college_contact_info{

    width: 58%;

    margin: auto;

    margin-top: 40px;

}

.college_contact_info .std_title3{

    font-size: 20px;

    color: #fff;

}

.college_contact_info .std_title3 span{

    color: #fff;

}

.college_contact .mod_contact_tp::after{

    display: none;

}

.mod_contact_tp {

    padding: 100px 0;

    text-align: center;

}

.mod_contact_wrap{

    position: relative;

}

.mod_contact_tp_img{

    height: 100%;

    z-index: -1;

}

.mod_contact_tp_img img{

    height: 100%;

    object-fit: cover;

}

.college_contact_info img {

    width: 30px;

    margin-right: 8px;

}

.investor_main .college_contact_info{

    width: 50%;

}

.college_contact_info ul{

    margin-bottom: 24px;

}

.partner_ban {

    height: calc(100vh - 80px);

}

.partner_recruit {

    margin-top: calc(100vh - 80px);

}

.cooper_main .mod_content{

    background: #F8F9FD;

}

.albl_cont{

    position: relative;

}

.albr_parga p {

    margin-bottom: 20px;

}

.mwll_bt ul {

    margin: 0 -14px;

}

.mwll_bt li {

    padding: 0 14px;

}
.home_choose.isfixed .home_choose_bg{
    position: fixed;
    top: 76px;
}
.home_choose.isfixed.notfixed .home_choose_bg{
    position: absolute !important;
    top: var(--top1);
    /* top: auto !important;
    bottom: -76px; */
}
/* 2024.5.9修改-start */
.home_choose_num_ul{
    padding-bottom: 0 !important;
}
.home_choose{
    padding-bottom: 340px;
}
.home_choose.isfixed .home_choose_text{
    position: fixed;
    top: 76px;
}
.home_choose.isfixed.notfixed .home_choose_text{
    position: absolute !important;
    top: auto !important;
    bottom: 0;
}
/* 2024.5.9修改-end */
/*2024.5.21修改-start*/
.mhnl_icon{
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 16px;
}
.mhnl_icon img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.mhnl_icon img:nth-child(1){
    opacity: 0;
}
.mod_head_nav_lang a{
    display: flex;
    align-items: center;
}
.mhnl_parga p{
    font-size: 16px;
    color: #fff;
    line-height: 80px;
    transition: all .36s;
}
.mod_head_nav_lang{
    padding-right: 60px;
}
.ys_hd_pc.hovered .mhnl_icon img:nth-child(1),
.ys_hd_pc.isfixed .mhnl_icon img:nth-child(1){
    opacity: 1;
}
.ys_hd_pc.hovered .mhnl_icon img:nth-child(2),
.ys_hd_pc.isfixed .mhnl_icon img:nth-child(2){
    opacity: 0;
}
.ys_hd_pc.hovered .mhnl_parga p,
.ys_hd_pc.isfixed .mhnl_parga p{
    color: #333;
    line-height: 75px;
}
.ys_bread_list a{
    font-size: 12px;
    opacity: 0.5 !important;
}
.ys_bread_list::before{
    opacity: 0.5;
}
.home_choose_text_parga p {
    font-size: 34px;
}
body{
    background: transparent !important;
}
html.off .home_solution{
    animation: indexChange2 .5s cubic-bezier(0.32,0.2,0.68,0.78) both;
}
.home_main .home_solution{
    margin-top: 75px;
    animation: indexChange1 .5s cubic-bezier(0.32,0.2,0.68,0.78) both;
}
html.off .ys_banner{
    opacity: 1;
    transition: opacity .3s cubic-bezier(0.32,0.2,0.68,0.78);
    z-index: 6;
}
.ys_banner{
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.32,0.2,0.68,0.78);
    /*z-index: 6;*/
    position: fixed;
}
@keyframes indexChange1{
    0%{
        transform: translateY(200px);
        opacity: 0;
    }
    100%{
        transform: translateY(0px);
        opacity: 1;
    }
}
@keyframes indexChange2{
    0%{
        transform: translateY(0px);
        opacity: 0;
    }
    100%{
        transform: translateY(0px);
        opacity: 0;
    }
}
.home_main .mod_content{
    background: transparent !important;
    z-index: auto;
}
.mod_contact{
    position: relative;
    z-index: 5;
}
.home_main{
    background: linear-gradient(180deg, #EFF2F8 7.44%, rgba(239, 242, 248, 0.00) 41.88%);
}
.home_choose{
    background: #fff;
}
.home_choose .ys_cont1400{
    position: relative;
    z-index: 2;
}
.home_choose_bg{
    z-index: 0;
}
/*2024.5.21修改-end*/
html.off .partner_ban_slick{
    z-index: 13;
}