@media screen and (max-width:1023px)and (min-width:300px)
{
    /*导航*/
    .yx_nav_box{
        width: 100%;
        height:9vh;
        position: fixed;
        top: 0;
        z-index: 1000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .yx_nav_boxon {
        background: #000;
    }
    .yx_nav{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .yx_nav_logo{
        width: auto;
        height: 100%;
        position: relative;
        z-index: 2;
    }
    .yx_nav_logo>a{
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }

    .yx_nav_logo img{
        width: auto;
        height: 2.7rem;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_nav_main{
        width: auto;
        height: 3rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background:none; 
        border-radius: 12px;
        padding-left: 2rem;
        position: static;
    }

    .yx_nav_meun{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: absolute;
        width: 0;
        height: 100vh;
        background: #000000;
        left: 0;
        top: 0;
        opacity: 0;
        padding: 2rem 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-top: calc(9vh + 2rem);
    }
    .yx_nav_meunon{
        width: 100vw;
        opacity: 1;
    }
    .yx_nav_meun_line{
        display: none;
    }
    .yx_nav_meun_f{
        display: none;
    }
    .yx_nav_meun_tiem{
        width: auto;
        height: auto;
        position: relative;
        text-align: center;
        padding: 1rem 0;
                display: flex;
        justify-content: space-around;
        flex-direction: column;
    }


    .yx_nav_meun_tiem>a{
        width: auto;
        position: relative;
        color: #848484;
        font-size: 1.25rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-family: ssm;
                height: 20px;
        line-height: 20px;
    }
    .yx_nav_meun_tiemon>a{
        color: #FFFFFF;
    }
    .yx_nav_meun_tiem:hover>a{
        color: #FFFFFF;
    }

    .yx_nav_down{
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: none;
        border-radius: 0px 0px 8px 8px;
        top: 0;
        left: 0;
        padding: 0rem 1.3rem;
        opacity: 0;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_nav_meun_tiem:hover .yx_nav_down{
        height: auto;
        padding: 1rem 1.3rem;
        opacity: 1;
    }
    .yx_nav_down{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .yx_nav_down>a{
        display: inline-block;
        width: auto;
        font-size: 1rem;
        color: #999999;
        margin: 0.4rem 0;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_nav_down>a:hover{
        color: #FFFFFF;
    }
    .yx_nav_down>a:after{
        position: absolute;
        content: '';
        width: 0%;
        height: 1px;
        background: #FFFFFF;
        left: 0;
        bottom: -3px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_nav_down>a:hover:after{
        width: 100%;
    }


    .yx_nav_down2{
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: none;
        border-radius: 0px 0px 8px 8px;
        top: 0;
        left: 0;
        opacity: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0 15%;
    }
    .yx_nav_meun_tiem:hover .yx_nav_down2{
        height: auto;
        opacity: 1;
    }
    .yx_nav_down2_item{
        width: 50%;
        height: auto;
        text-align: center;
        padding-top: 2rem;
    }
    .yx_nav_down2_item_title{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_nav_down2_item_con{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0.4rem;
        padding-bottom: 1.25rem;
    }
    .yx_nav_down2_item_con a{
        display: inline-block;
        width: auto;
        font-size: 1rem;
        color: #999999;
        margin: 0.4rem 0;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_nav_down2_item_con>a:hover{
        color: #FFFFFF;
    }
    .yx_nav_down2_item_con>a:after{
        position: absolute;
        content: '';
        width: 0%;
        height: 1px;
        background: #FFFFFF;
        left: 0;
        bottom: -3px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_nav_down2_item_con>a:hover:after{
        width: 100%;
    }

    .yx_nav_ty{
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-left: 0;
        position: absolute;
        right: calc(3vw + 40px);
        top: 0;
    }
    .yx_nav_ty_tel{
        display: none;
    }

    .yx_nav_ty_btn{
        width: auto;
        width: 7rem;
        text-align: center;
        height: 2.5rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 12px 0px rgba(255,255,255,0.7);
        border-radius: 8px;
        color: #0C0C0C;
        font-family: ssr;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 1.5rem;
        margin-right: 0.25rem;
    }

.menubtn{
	width: 25px;
	position: absolute;
	right: 0vw;
	top: 0;
	z-index: 10;
	display: block;
}
/* nav-icon-5 */
.nav-icon-5{  width: 25px; z-index: 20;  height: 20px; position: relative;  cursor: pointer;}
.nav-icon-5 span{  background-color:#FFFFFF;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}

.nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}
.nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}
.nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}
.nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
.nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
.nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
.nav-icon-5.open span:nth-child(1){transform: rotate(45deg);  top: 8px;}
.nav-icon-5.open span:nth-child(2){opacity:0;}
.nav-icon-5.open span:nth-child(3){transform: rotate(-45deg);  top: 8px;}


    /*nbanner*/
    .yx_nbanner{
        width: 100%;
        height: calc(100vw * 648 / 750);
        position: relative;
    }
    .yx_nbanner_img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
        z-index: 0;
    }
    .yx_nbanner_img>img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_nbanner_img video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .yx_nbanner_con{
        position: relative;
        z-index: 10;
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 2.75rem;
        font-family: ssm;
        color: #FFFFFF;
    }
    .yx_nbanner_con2{
        position: relative;
        z-index: 10;
        width: 94%;
        padding-right: 0%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.875rem;
        line-height: 180%;
        font-family: ssr;
        color: #FFFFFF;
    }

    /*title*/
    .yx_ntitle{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_nltitle{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1.375rem;
        color: #D3D3D3;
        font-family: ssr;
        margin-top: 0.5rem;
    }


    .yx_btn1{
        width: 11.5rem;
        height: 3.5rem;
        text-align: center;
        border-radius: 3.5rem;
        border: 1px solid #FFFFFF;
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: ssr;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_btn1:hover{
        background: #FFFFFF;
        color: #000000;
        font-family: ssm;
    }

    .yx_btn2{
        width: 11.5rem;
        height: 3.5rem;
        text-align: center;
        border-radius: 3.5rem;
        border: 1px solid #333333;
        font-size: 1.5rem;
        color: #333333;
        font-family: ssr;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_btn2:hover{
        border: 1px solid #FFFFFF;
        background: #FFFFFF;
        color: #333333;
        font-family: ssm;
    }
    .yx_btn2s{
        color: #ffffff;
        border: 1px solid #ffffff;
    }
    /*footer*/
    .yx_footer_box{
        width: 100%;
        height: auto;
        background:none;
        position: relative;
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
    .yx_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .yx_footer_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; 
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-bottom: 2rem;
    }
    .yx_footer_top_logo{
        width: 100%;
        height: auto;
        text-align: left;
    }
    .yx_footer_top_logo img{
        height: 4rem;
        width: auto;
    }
    .yx_footer_top_text{
        display: none;
    }

    .yx_footer_main{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0rem;
    }
    .yx_footer_menu{
        width: 100%;
        height: auto;
        flex-direction: column;
        justify-content: space-between;
        display: flex;
    }
    .yx_footer_menu_item{
        width: 100%;
        height: 7rem;
        overflow: hidden;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .yx_footer_menu_itemon{
        height: auto;
        padding-bottom: 2rem;
    }

    .yx_footer_menu_item_at{
        display: block;
        height: 7rem;
        font-size: 2rem;
        color: #FFFFFF;
        font-family: ssr;
        line-height: 7rem;
        margin-bottom: 0rem;
        background-image: url("../images/mobile_footer_ico.svg");
        background-repeat: no-repeat;
        background-size: 1rem;
        background-position: right center;
    }
    .yx_footer_menu_item_a{
        display: block;
        font-size: 1.25rem;
        color: #969696;
        font-family: ssr;
        line-height: 200%;
        margin-top: 0rem;
        
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_footer_menu_item_a:hover{
        color: #FFFFFF;
    }
    .yx_footer_menu_item_st{
        display: block;
        height: 7rem;
        font-size: 2rem;
        color: #FFFFFF;
        font-family: ssr;
        line-height: 7rem;
        margin-bottom: 0rem;
        background-image: url("../images/mobile_footer_ico.svg");
        background-repeat: no-repeat;
        background-size: 1rem;
        background-position: right center;
    }
    .yx_footer_menu_item_s{
        display: block;
        font-size: 1.25rem;
        color: #969696;
        font-family: ssr;
        line-height: 200%;
        margin-top: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .yx_footer_code{
        display: none;
    }
    .yx_footer_slo{
        display: none;
    }
    .yx_footer_copy{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        font-size: 1.125rem;
        color: #9B9B9B;
        font-family: ssr;
        text-align: center;
        line-height: 160%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 40px;
    }
    .yx_footer_copy a{
        display: block;
        font-size: 1.125rem;
        color: #9B9B9B;
        font-family: ssr;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-right: 0rem;
    }
.yx_footer_copy_left{
    width: 100%;
    height: auto;
}
.yx_footer_copy_right{
     font-size: 1rem;
    color: #969696;
    font-family: ssr;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 0.5rem;
}

    /*申请体验*/
    .yx_ty_ly_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #181818;
        padding:2rem 1rem;
        margin-top: 3rem;
    }
    .yx_ty_ly{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.4rem;
    }
    .yx_ty_ly_item{
        width: 100%;
        height: 4.5rem;
        margin-top: 1.6rem;
    }

    .yx_ty_ly_btn{
        margin-top: 2rem;
    }
    .yx_ty_ly_btn a{
        margin: 0 auto;
    }

    .yx_ty_lx_box{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 3rem;
    }
    .yx_ty_lx_map{
        position: relative;
        z-index: 0;
        width: 100%;
        height: 100vw;
        left: 0;
        top: 0;
    }
    .yx_ty_lx_back{
        display: none;
    }
    .yx_ty_lx_dw{
        position: absolute;
        z-index: 20;
        width: 3rem;
        height: 3rem;
        background:#FFFFFF;
        border-radius: 50%;
        bottom: auto;
        top: calc(100vw - 5rem);
        right: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
    }

    .yx_ty_lx{
        position: relative;
        z-index: 5;
        width: 94%;
        height: auto;
        margin: 2rem auto;
        top:0;
        left:0;
        background: #FFFFFF;
        box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.24);
        border-radius: 30px 20px 30px 20px;
        padding:2rem 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .yx_ty_lx_item{
        margin: 1.1rem 0;
    }
    .yx_ty_lx_item_title{
        font-size: 1.375rem;
        font-family: ssm;
        color: #000000;
        line-height: 100%;
    }
    .yx_ty_lx_item_title span{
        display: inline-block;
        position: relative;
        width: auto;
        height: auto;
    }
    .yx_ty_lx_item_title span:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 4px;
        background: #BDBDBD;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    .yx_ty_lx_item_con{
        font-size: 1.125rem;
        font-family: ssr;
        color: #333333;
        line-height: 100%;
        margin-top: 0.75rem;
    }

    /*关于我们*/
    .yx_ab_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 3rem;
    }
    .yx_ab_jj_img{
        width: 100%;
        height: calc(94vw * 556 / 860);
        position: relative;
        z-index: 0;
        right: 0;
        top: 0;
        font-size: 0;
        overflow: hidden;
        margin-top: 2rem;
    }
    .yx_ab_jj_con{
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        top: 0;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 2rem;
    }
    .yx_ab_jj_con_text{
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: ssn;
        line-height: 170%;
        margin-top: 2rem;
    }
    .yx_ab_jj_con_title{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .yx_ab_jj_con_title span{
        display: inline-block;
        font-size: 2.625rem;
        color: #FFFFFF;
        font-family: ssm;
        background: rgba(40, 40, 40, 0.70);
        height: auto;
        width: auto;
        padding: 0.7rem 2.5rem;
    }

    .yx_ab_fgs_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_ab_fgs{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }
    
    .yx_ab_fgs_sw{
        width: 100%;
        height: auto;
    }
    .yx_ab_fgs_sw .swiper-wrapper{
        justify-content: space-between;
    }
    .yx_ab_fgs_sw .swiper-slide{
        width: 100%;
        height: calc(100vw * 0.833 * 746 / 560);
        position: relative;
    }
    .yx_ab_fgs_item{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .yx_ab_fgs_item_img{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .yx_ab_fgs_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        transition: all 1.5s;
    }
    .yx_ab_fgs_item:hover .yx_ab_fgs_item_img img{
        transform: scale(1.2);
    }
    .yx_ab_fgs_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 5;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.7);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_ab_fgs_item:hover .yx_ab_fgs_item_back{
        background: rgba(0,0,0,0.7);
    }
    .yx_ab_fgs_item_con{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        left: 0;
        top: 0;
        padding: 4rem 2rem;
    }
    .yx_ab_fgs_item_con_title{
        font-size: 1.75rem;
        font-family: ssm;
        color: #FFFFFF;
        line-height: 100%;
    }
    .yx_ab_fgs_item_con_etitle{
        font-size: 1rem;
        font-family: abel;
         color: #838383;
        text-transform: uppercase;
        line-height: 100%;
        margin-top: 1.25rem;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_ab_fgs_item:hover .yx_ab_fgs_item_con_etitle{
        color: #838383;
    }
    .yx_ab_fgs_item_con_des{
        font-size: 1.125rem;
        color: #E7E7E7;
        font-family: ssr;
        line-height: 190%;
        margin-top: 2.5rem;
        opacity: 1;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
        transform: translateY(0);
    }
    .yx_ab_fgs_item:hover .yx_ab_fgs_item_con_des{
        opacity: 1;
        transform: translateY(0);
    }

    .yx_ab_new_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_ab_new_title_en{
        font-size: 2.625rem;
        color: #FFFFFF;
        font-family: abel;
        text-transform: uppercase;
    }
    .yx_ab_new_title_cn{
        font-size: 2.625rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_ab_new{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 3rem;
        position: relative;
    }
    .yx_ab_new_left{
        width: 100%;
        height: auto;
        position: relative;
    }
    .yx_ab_new_sw{
        width: 100%;
        height: auto;
        position: relative;
    }
    .yx_ab_new_sw .swiper-slide{
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .yx_ab_new_sw_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        margin-top: 1rem;
    }
    .yx_ab_new_sw_etitle{
        font-size: 1rem;
        color: #818181;
        font-family: abel;
        text-transform: uppercase;
        margin-top: 0.5rem;
    }
    .yx_ab_new_sw_des{
        font-size: 1.125rem;
        color: #E7E7E7;
        line-height: 170%;
        margin-top: 2rem;
    }
    .yx_ab_new_sw_btn{
        margin-top: 3rem;
        text-align: right;
    }
    .yx_ab_new_sw_btn a{
        display: inline-flex;
        width: auto;
        height: auto;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .yx_ab_new_sw_btn_text{
        font-size: 1.5rem;
        line-height: 100%;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateX(-1rem);
        padding-bottom: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_ab_new_sw_btn a:hover .yx_ab_new_sw_btn_text{
        transform: translateX(1rem);
    }
    .yx_ab_new_sw_btn_ico{
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: #383838;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_ab_new_sw_btn a:hover .yx_ab_new_sw_btn_ico{
        background: #FFFFFF;
    }
    .yx_ab_new_sw_btn_ico svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#383838;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_ab_new_sw_btn a:hover .yx_ab_new_sw_btn_ico svg{
        fill: #000000;
    }

    .yx_ab_new_pagination{
        width: 100%;
        height: 2rem;
        position: relative;
        top: 0rem;
        z-index: 5;
        left: 0;
        font-size: 2rem;
        font-family: arial;
        color: rgba(255,255,255,0.4);
    }
    .yx_ab_new_pagination .swiper-pagination-current{
        color: #FFFFFF;
    }


    .yx_ab_new_right{
        width: 100%;
        height: calc(94vw * 616 / 1440 * 2);
        position: relative;
        margin-top: 3rem;
    }
    
.yx_ab_new_img{
    display: block;
    position: absolute;
    z-index: 0;
    filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.yx_ab_new_img img{
    position: relative;
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.yx_ab_new_img1{
    width: 32%;
    height: 43%;
    left: 0;
    top: 0;
    transform-origin:0% 0%;
}
.yx_ab_new_img2{
    width: 37%;
    height: 49%;
    left: calc(32% + 1.5rem);
    top: 1.5rem;
    transform-origin:100% 0%;
}
.yx_ab_new_img3{
    width: calc(31% - 3rem);
    height: 32%;
    right: 0;
    bottom: calc(30% + 0rem);
    transform-origin:100% 0%;
}
.yx_ab_new_img4{
    width: calc(32% - 1.5rem);
    height: 37%;
    left: 1.5rem;
    top: calc(43% + 1.5rem);
    transform-origin:0% 100%;
}
.yx_ab_new_img5{
    width: 32%;
    height: 43%;
    left: calc(32% + 1.5rem);
    bottom: 0.5%;
    transform-origin:50% 100%;
}
.yx_ab_new_img6{
    width: 22%;
    height: 31%;
    right: calc(14% - 3rem);;
    bottom: 0.5%;
    transform-origin:100% 100%;
}

.yx_ab_new_img_on{
    filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
  -webkit-filter: grayscale(0);
    width: 55.5%;
    height: 73.5%;
    z-index: 5;
}
    .yx_ab_new_btn_box{
        display: none;
    }

    .yx_ab_hb_box{
        width: 100%;
        height: 100vw;
        position: relative;
        margin-top: 3rem;
        overflow: hidden;
    }
    .yx_ab_hb_z{
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 20;
        cursor:e-resize;
    }
    .yx_ab_hb_qiu{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        top: 0%;
        left: 0%;
    }

    .yx_ab_hb_title{
        position: absolute;
        width: 100%;
        height: auto;
        text-align: center;
        left: 0;
        top: 23%;
        z-index: 5;
    }
    .yx_ab_hb_title_b{
        font-size: 2.125rem;
        font-family: ssm;
        color: #FFFFFF;
    }
    .yx_ab_hb_title_l{
        font-size: 1.5rem;
        font-family: ssr;
        color: #D3D3D3;
    }
    .yx_ab_hb_sw{
        position: absolute;
        width: 100vw;
        height: calc(50vw * 0.9 * 122 / 276 + 42px);
        text-align: center;
        left: 0vw;
        bottom: 20%;
        z-index: 5;
        overflow: hidden;
    }

    .yx_ab_hb_img{
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
    }
    .yx_ab_hb_sw .swiper-slide .yx_ab_hb_img{
        transform: scale(0);
        opacity: 0;
    }
    .yx_ab_hb_sw .swiper-slide-active .yx_ab_hb_img,.yx_ab_hb_sw .swiper-slide-prev .yx_ab_hb_img,.yx_ab_hb_sw .swiper-slide-next .yx_ab_hb_img{
        transform: scale(1);
        opacity: 1;
    }
    .yx_ab_hb_sw .swiper-slide-active .yx_ab_hb_imgl{
        transform: translateY(42px);
    }
    .yx_ab_hb_imgl{
        position: relative;
        width: 90%;
        height: calc(50vw * 0.9 * 122 / 276);
        border-radius: 4px;
        overflow: hidden;
        margin: 0 auto;
        background: #FFFFFF;
        padding: 0.8rem;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
    }
    .yx_ab_hb_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }



    .yx_ab_hb_btn_box{
        display: none;
    }


    .yx_ab_join_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
        padding: 3rem 0;
        background: #2E2E2E;
    }
    .yx_ab_join{
        position: relative;
        width: 100%;
        height: 33rem;
        padding-left: 3vw;
        overflow: hidden;
        margin-top: 2rem;
    }
    .yx_ab_join_leftz{
        width: 3vw;
        height: 100%;
        position: absolute;
        z-index: 20;
        left: 0;
        top: 0;
        background: #2E2E2E;
    }
    .yx_ab_join_sw{
        width: 100%;
        height: auto;
        position: relative;
    }

    .yx_ab_join_item{
        position: relative;
        width: 100%;
        height: auto;
        margin-right: 1.5rem;
        overflow: hidden;
        background: #262525;
        padding: 2rem;
        border-radius: 8px;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .yx_ab_join_sw_ico img{
        width: 4rem;
        height: 4rem;
    }
    .yx_ab_join_sw_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 1.5rem;
    }
    .yx_ab_join_sw_title_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_ab_join_sw_title_ltitle{
        font-size: 1.125rem;
        color: #C3C3C3;
        font-family: ssr;
        padding-left: 0rem;
    }


    .yx_ab_lx_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .yx_ab_lx_title_en{
        font-size: 2.625rem;
        color: #FFFFFF;
        font-family: abel;
        text-transform: uppercase;
        text-align: center;
        line-height: 100%;
    }
    .yx_ab_lx_title_cn{
        font-size: 2.625rem;
        color: #FFFFFF;
        font-family: ssm;
        text-align: center;
        line-height: 100%;
        margin-top: 1rem;
    }

    .yx_ab_lx{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .yx_ab_lx_left{
        width: 100%;
        height: auto;
    }

    .yx_ab_lx_left_i{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 1.5rem 1.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .yx_ab_lx_left_i:nth-child(2){
        margin-top: 1rem;
    }
    .yx_ab_lx_ico{
        width: 5.5rem;
        height: 5.5rem;
        background: #090909;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .yx_ab_lx_left_i_right{
        width: calc(100% - 5.5rem);
        height: auto;
        padding-left: 3rem;
    }
    .yx_ab_lx_title_b{
        font-size: 1.75rem;
        color: #000000;
        font-family: ssm;
    }
    .yx_ab_lx_title_l{
        font-size: 1.125rem;
        color: #666666;
        font-family: ssr;
    }
    .yx_ab_lx_con{
        margin-top: 1.5rem;
        font-size: 1.5rem;
        color: #000000;
        font-family: ssr;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.5rem;
        padding-left: 2rem;
    }
    .yx_ab_lx_con_address{
        background-image: url("../images/lx_address2.svg");
    }
    .yx_ab_lx_con_tel{
        background-image: url("../images/lx_tel2.svg");
    }
    .yx_ab_lx_con_mail{
        font-size: 1.5rem;
        font-family: abel;
        text-transform: uppercase;
        background-size: 2rem;
        padding-left: 2.5rem;
        background-image: url("../images/lx_mail2.svg");
    }

    .yx_ab_lx_right{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 1.5rem 1.5rem;
        margin-top: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .yx_ab_lx_right .yx_ab_lx_title{
        margin-top: 2rem;
    }

    /*3d建模*/

    .yx_nbanner_con3d{
        position: relative;
        z-index: 10;
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-top: 8vh;
    }
    .yx_nbanner_con3d_title{
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_nbanner_con3d_ltitle{
        font-size: 1.375rem;
        color: #FFFFFF;
        font-family: ssr;
        margin-top: 1rem;
    }
    .yx_nbanner_con3d_btn{
        width: auto;
        height: auto;
        margin-top: 3rem;
        margin-bottom: 0rem;
    }
    .yx_nbanner_con3d_btn a{
        margin-right: 1.75rem;
    }

    .yx_3d_ys{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 3rem;
    }
    .yx_3d_ys_left{
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
        position: relative;
        z-index: 5;
    }
    .yx_3d_ys_left_img{
        width: 100%;
        height: calc(94vw * 479 / 694);
        font-size: 0;
        position: relative;
        overflow: hidden;
        border-radius: 8px 8px 0 0;
    }
    .yx_3d_ys_left_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
    }
    .yx_3d_ys_left_img video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
    }
    .yx_3d_ys_left_gif{
        width: auto;
        height: 60%;
        position: absolute;
        left: 10%;
        bottom: 20%;
    }
    .yx_3d_ys_left_gif img{
        height: 100%;
        width: auto;
    }
    .yx_3d_ys_left_png{
        width: auto;
        height: 40%;
        position: absolute;
        left: 45%;
        bottom: 25%;
    }
    .yx_3d_ys_left_png img{
        height: 100%;
        width: auto;
    }
    .yx_3d_ys_left_title{
        position: absolute;
        text-align: center;
        width: 100%;
        height: auto;
        height: 5rem;
        line-height: 6rem;
        overflow: hidden;
        background: rgba(0,0,0,0.6);
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
        bottom: 0;
        left: 0;
        z-index: 5;
    }
    .yx_3d_ys_left_con{
        width: 100%;
        height: auto;
        padding: 2rem 0;
        background: #282828;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 0 0 8px 8px;
    }
    .yx_3d_ys_left_conl{
        width: 90%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .yx_3d_ys_left_conl span{
        display: block;
        width: 50%;
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: ssr;
        background-image: url("../images/3d_ys_ico1.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.5rem;
        padding-left: 2rem;
    }

    .yx_3d_ys_right{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
        right: 0;
        bottom: 0;
        margin-top: 3rem;
    }
    .yx_3d_ys_right_img{
        width: 100%;
        height: calc(94vw * 479 / 694);
        font-size: 0;
        position: relative;
        overflow: hidden;
        border-radius: 8px 8px 0 0;
    }
    .yx_3d_ys_right_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_ys_right_img video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_ys_right_title{
        position: absolute;
        text-align: center;
        width: 100%;
        height: 5rem;
        line-height: 6rem;
        overflow: hidden;
        background: rgba(0,0,0,0.6);
        font-size: 1.75rem;
        color: rgba(255,255,255,1);
        font-family: ssm;
        bottom: 0;
        left: 0;
    }
    .yx_3d_ys_right_con{
        width: 100%;
        height: auto;
        padding: 2rem 0;
        background: #838383;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 0 0 8px 8px;
    }
    .yx_3d_ys_right_conl{
        width: 76%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .yx_3d_ys_right_conl span{
        display: block;
        width: 50%;
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 1.125rem;
        color: #333333;
        font-family: ssm;
        background-image: url("../images/3d_ys_ico2.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.5rem;
        padding-left: 2rem;
    }

    .yx_3d_yq_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
    }
    .yx_3d_yq_l{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding-left: 0;
        padding-top: 0rem;
        margin-top: 3rem;
    }
    .yx_3d_yq_back{
        display: none;
    }
    .yx_3d_yq{
        width: 100%;
        height: auto;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .yx_3d_yq_left{
        width: 100%;
        height: auto;
    }
    .yx_3d_yq_sw{
        width: 100%;
        height: auto;
    }
    .yx_3d_yq_sw .swiper-slide{
    padding-bottom: 0rem;
}
    .yx_3d_yq_sw_img{
        width: 100%;
        height: calc(94vw * 461 / 694);
        font-size: 0;
        position: relative;
        z-index: 0;
    }
    .yx_3d_yq_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_yq_sw_img video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_yq_sw_con{
        position: relative;
        z-index: 5;
        width: 90%;
        left: 5%;
        height: auto;
        padding: 1.5rem;
        background: #FFFFFF;
        bottom: 0;
        margin-top: -4rem;
    }
    .yx_3d_yq_sw_con_title{
        font-size: 1.75rem;
        font-family: ssm;
        color: #000000;
    }
    .yx_3d_yq_sw_con_des{
        font-size: 1.125rem;
        font-family: ssr;
        color: #333333;
        line-height: 170%;
        margin-top: 0.5rem;
        position: relative;
        padding-bottom: 0.5rem;
    }
    .yx_3d_yq_sw_con_des:after{
        position: absolute;
        content: '';
        width: 6rem;
        height: 2px;
        background: #000000;
        left: 0;
        bottom: 0;
    }

    .yx_3d_yq_right{
        display: none;
    }

    .yx_3d_cg_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
    }
    .yx_3d_cg_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 2rem;
    }
    .yx_3d_cg_menu:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background: #2E2E2E;
        left: 0;
        bottom: 0;
    }
    .yx_3d_cg_menu span{
        display: block;
        width: 100%;
        height: auto;
        padding: 1rem 0;
        text-align: center;
        font-size: 1.25rem;
        font-family: ssm;
        color: #B5B5B5;
        position: relative;
    }
    .yx_3d_cg_menu span:before{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        left: 0;
        bottom: 0;
        z-index: 5;
        transform: scaleX(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_cg_menu span.yx_3d_cg_menu_son:before{
        transform: scaleX(1);
    }

    .yx_3d_cg_sw{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
        position: relative;
    }
    
    .yx_3d_cgob_sw .swiper-slide{
        width: 100%;
        height: calc(94vw * 281 / 345);
        position: relative;
        cursor: pointer;
    }
    
    .yx_3d_cgob_sw{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
    }
    .yx_3d_cgob_sw .swiper-slide{
        width: 100%;
        height: calc(94vw * 300 / 345);
        position: relative;
        cursor: pointer;
    }

    .yx_3d_cg_item{
        width: 100%;
        height: 100%;
        position: relative;
        padding-bottom: 1rem;
        z-index: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }


    .yx_3d_cg_img{
        position: absolute;
        width: 100%;
        height: calc(100% - 1rem);
        top: 0;
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_cgob_sw .swiper-slide-active .yx_3d_cg_img{
        width: 100%;
        height: calc(100% - 1rem);
        top: 0;
        left: 0;
    }
    .yx_3d_cg_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_cg_back{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: rgba(0,0,0,0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .yx_3d_cgob_sw .swiper-slide-active .yx_3d_cg_back{
        background: rgba(0,0,0,0);
    }

    .yx_3d_cg_con{
        position: absolute;
        z-index: 10;
        width: 90%;
        height: auto;
        background: #FFFFFF;
        left: 5%;
        bottom: -1rem;
        padding: 1.75rem 1.75rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_cgob_sw .swiper-slide-active .yx_3d_cg_con{
        position: absolute;
        z-index: 10;
        width: 90%;
        height: auto;
        background: #FFFFFF;
        left: 5%;
        bottom: -1rem;
        padding: 1.75rem 1.75rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_cg_con_title{
        font-size: 1.75rem;
        color: #000000;
        font-family: ssm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0 0%;
    }
    .yx_3d_cgob_sw .swiper-slide-active .yx_3d_cg_con_title{
        color: #000000;
        padding: 0 0%;
    }
    .yx_3d_cg_con_des{
        font-size: 1rem;
        color: #333333;
        font-family: ssr;
        height: auto;
        line-height: 170%;
        overflow: hidden;
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_cgob_sw .swiper-slide-active .yx_3d_cg_con_des{
        height: auto;
        line-height: 170%;
        margin-top: 0.5rem;
    }
    .yx_3d_cg_btn_box{
        display: none;
    }



    .yx_3d_fw_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
    }

    .yx_3d_fw{
        width: 100%;
        height: calc(65vw * 158 / 489 * 2 + 1rem);
        margin-top: 3rem;
        overflow: hidden;
        position: relative;
    }
    .yx_3d_fw_left{
        display: none;
    }
    .yx_3d_fw_right{
        display: none;
    }
    .yx_3d_fw_cbox{
        position: relative;
        width: auto;
        height: 100%;
        left: 0;
        top: 0;
        user-select:none;
        z-index: 0;
    }
    .yx_3d_fw_con{
        position: absolute;
        width: auto;
        height: calc(65vw * 158 / 489);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .yx_3d_fw_con1{
        top: 0;
    }
    .yx_3d_fw_con2{
        top: calc(65vw * 158 / 489 + 1rem);
    }

    .yx_3d_fw_item{
        width: 65vw;
        height: calc(65vw * 158 / 489);
        position: relative;
        margin: 0 0.5rem;
        border-radius: calc(65vw * 158 / 489);
        overflow: hidden;
    }
    .yx_3d_fw_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .yx_3d_fw_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_fw_item_back{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_fw_item:hover .yx_3d_fw_item_back{
        background: rgba(0,0,0,0.6);
    }
    .yx_3d_fw_item_title{
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_fw_item:hover .yx_3d_fw_item_title{
        opacity: 1;
    }

    .yx_3d_mx_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
    }
    .yx_3d_mx{
        width: 100%;
        height: calc(50.4vw * 192 / 378 * 3 + 2rem);
        margin-top: 3rem;
        overflow: hidden;
    }

    .yx_3d_mx_cbox{
        position: relative;
        width: auto;
        height: 100%;
        left: 0;
        top: 0;
        user-select:none;
    }
    .yx_3d_mx_con{
        position: absolute;
        width: auto;
        height: calc(50.4vw * 192 / 378);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .yx_3d_mx_con1{
        top: 0;
    }
    .yx_3d_mx_con2{
        top: calc(50.4vw * 192 / 378 + 1rem);
    }
    .yx_3d_mx_con3{
        top: calc(50.4vw * 192 / 378 * 2 + 2rem);
    }

    .yx_3d_mx_item{
        width: 50.4vw;
        height: calc(50.4vw * 192 / 378);
        position: relative;
        margin: 0 0.5rem;
        overflow: hidden;
        cursor: pointer;
    }
    .yx_3d_mx_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .yx_3d_mx_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_mx_item_back{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        user-select:none;
    }
    .yx_3d_mx_item:hover .yx_3d_mx_item_back{
        opacity: 1;
    }
    .yx_3d_mx_item_back img{
        width: auto;
        height: 70%;
        margin: 0 auto;
        user-select:none;
        position: relative;
        z-index: 0;
    }
    .yx_3d_mx_item_back_zz{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .yx_3d_smx_box{
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_smx_boxon{
        z-index: 1000;
        opacity: 1;
    }
    .yx_3d_smx_btn{
        width: 2.75rem;
        height: 2.75rem;
        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 15;
        border: 2px solid #000000;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .yx_3d_smx_btn:hover{
        background: #000000;
    }
    .yx_3d_smx_btn svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_3d_smx_btn:hover svg{
        fill:#ffffff;
    }
    .yx_3d_smx_ico{
        width: 5.5rem;
        height: 5.5rem;
        position: absolute;
        bottom: 1rem;
        left: calc(50% - 3rem);
        z-index: 15;
    }
    .yx_3d_smx_ico img{
        width: 100%;
        height: 100%;
    }

    .yx_3d_smx{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        background: #FFFFFF;
        position: relative;
    }
    .yx_3d_smx_canvas{
        width: 100%;
        height: 100%;
        background: lightblue;
        background-image: linear-gradient(lightblue, white);
        position: relative;
        z-index: 5;
    }
    .yx_3d_smx_press{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.75rem;
        font-family: ssh;
        z-index: 10;
    }

    .yx_3d_lc_box{
        width: 100%;
        height: auto;
        padding: 3rem 3rem;
    }
    .yx_3d_lc{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: 4rem;
    }
    .yx_3d_lc_ico{
        width: 3.625rem;
        height: 3.625rem;
        position: relative;
        margin: 0 4px;
    }
    .yx_3d_lc_ico_text{
        position: absolute;
        left: 3.625rem;
        top: 0.8rem;
        width: 20rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: ssr;
        text-align: left;
        padding-left: 1rem;
    }
    .yx_3d_lc_ico img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_3d_lc_line{
        width: 1px;
        height: 1.5rem;
        border-bottom: 0px dashed #BDBDBD;
        border-left: 1px dashed #BDBDBD;
        margin-left: 2rem;
    }
    .yx_3d_lc_arr{
        width: 1rem;
        height: 1rem;
        font-size: 0;
        margin-left: 1.5rem;
    }
    .yx_3d_lc_arr img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: rotate(90deg);
    }

    .yx_3d_lc_btn{
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 5rem;
    }
    .yx_3d_lc_btn a{
        width: 14.25rem;
    }

    /*DSMI云引擎*/
    .yx_ds_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 3rem;
    }
    .yx_ds_jj_left{
        width: 100%;
        height: calc(94vw * 405 / 708);
        font-size: 0;
        position: relative;
        z-index: 0;
        overflow: hidden;
        margin-top: 3rem;
    }
    .yx_ds_jj_left_back{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_ds_jj_left:hover .yx_ds_jj_left_back{
        background: rgba(0,0,0,0.5);
    }
    .yx_ds_jj_left img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_ds_jj_left:hover img{
        transform: scale(1.1);
    }
    .yx_ds_jj_right{
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 0rem;
        margin-top: 3rem;
        z-index: 5;
    }
    .yx_ds_jj_right_con{
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: ssr;
        line-height: 170%;
        margin-top: 1.5rem;
    }
    .yx_ds_jj_right_tag{
        text-align: center;
    }
    .yx_ds_jj_right_tag span{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 0.7rem 2.5rem;
        background: rgba(40, 40, 40, 0.70);
        color: #FFFFFF;
        font-size: 2.625rem;
        font-family: ssm;
    }

    .yx_ds_wl{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #181818;
        border-radius: 20px 20px 20px 20px;
        border: 1px solid #353535;
        margin-top: 3rem;
        padding: 2rem;
    }
    .yx_ds_wl_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_ds_wl_ltitle{
        font-size: 1.125rem;
        color: #B5B5B5;
        font-family: ssr;
        line-height: 170%;
        margin-top: 1.5rem;
    }
    .yx_ds_wl_con{
        margin-top: 1.5rem;
        width: 100%;
        height: auto;
    }
    .yx_ds_wl_sw{
        width: 100%;
        height: auto;
    }
    .yx_ds_wl_sw .swiper-slide{
        width: 100%;
        height: auto;
    }
    .yx_ds_wl_con_con{
        padding-top: 1rem;
    }
    .yx_ds_wl_con_con img{
        max-width: 100%;
        height: auto;
    }
    .yx_ds_wl_box{
        display: none;
    }
    
    .yx_ds_videos{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
        padding-bottom: 3rem;
    }
    .yx_ds_videos_title{
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_ds_videos_con{
        width: 100%;
        height: calc(94vw * 810 / 1440);
        font-size: 0;
        border-radius: 1rem;
        overflow: hidden;
        margin-top: 1rem;
    }
    .yx_ds_videos_con>img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_ds_videos_con>video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    .yx_ds_fw_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_ds_fw_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_ds_fw{
        margin-top: 1.5rem;
        width: auto;
        height: auto;
        text-align: center;
        padding-top: 33vw;
    }
    .yx_ds_fw_con{
        width: 40vw;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    .yx_ds_fw_con img{
        width:100%;
        height: 40vw;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
    }
    .yx_ds_fw_con_title{
        text-align: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: ssr;
        line-height: 170%;
        margin-top: 0.5rem;
    }
    .yx_ds_fw_con_i{
        position: absolute;
        width: 20vw;
        height: auto;
    }

    .yx_ds_fw_con_i img{
        width:100%;
        height: 20vw;
        object-fit: cover;
        object-position: center;
    }
    .yx_ds_fw_con_i_title{
        text-align: center;
        font-size: 1rem;
        height: 4.25rem;
        color: #979797;
        font-family: ssr;
        line-height: 170%;
    }
    .yx_ds_fw_con_1{
        left: -25vw;
        bottom: 4.25rem;
        animation: dsfwamiet 1s linear infinite alternate;
    }
    .yx_ds_fw_con_2{
        left: -10vw;
        top: -25vw;
        animation: dsfwamiet 1s 0s linear infinite alternate;
    }
    .yx_ds_fw_con_3{
        right: -10vw;
        top: -25vw;
        animation: dsfwamiet 1s 0s linear infinite alternate;
    }
    .yx_ds_fw_con_4{
        right: -25vw;
        bottom: 4.25rem;
        animation: dsfwamiet 1s 0s linear infinite alternate;
    }

    @keyframes dsfwamiet
    {
        0% {
            transform: translateY(0rem);
        }
        100% {
            transform: translateY(-1.6rem);
        }
    }

    .yx_ds_mr_box{
        width: 100%;
        height: auto;
        /*background: #BCBCBC;*/
        padding-top: 3rem;
        padding-bottom: 3rem;
        margin-top: 0rem;
    }
    .yx_ds_mr{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .yx_ds_mr_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .yx_ds_mr_left_1_title{
        font-size: 6rem;
        font-family: abel;
        color: #000000;
    }
    .yx_ds_mr_left_1_img{
        width: 8rem;
        height: calc(8rem * 128 / 208);
        border-radius: calc(8rem * 128 / 208);
        overflow: hidden;
        margin-top:0rem;
        margin-bottom: 0rem;
    }
    .yx_ds_mr_left_1_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .yx_ds_mr_left_2{
        font-size: 4.5rem;
        font-family: ssm;
        color: #000000;
        line-height: 130%;
        padding-left: 0rem;
        text-align: right;
        padding-top: 8rem;
    }
    .yx_ds_mr_right{
        width: 100%;
        height: auto;
    }
    .yx_ds_mr_right_item{
        width: auto;
        height: auto;
        margin: 1rem 0;
        font-size: 1.25rem;
        color: #000000;
        font-family: ssr;
        padding-right: 0rem;
        background-image: url("../images/ds_mr_ico.svg");
        background-repeat: no-repeat;
        background-position: left 0.4rem;
        background-size: 1.2rem;
        padding-left: 1.8rem;
    }

    .yx_ds_list{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_ds_list_item{
        width: 100%;
        height: 5.5rem;
        padding: 0rem;
        padding-bottom: 0rem;
        overflow: hidden;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    }
    .yx_ds_list_item:hover{
        height: auto;
        padding: 0rem;
        padding-bottom: 2rem;
    }
    .yx_ds_list_item_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 5;
    }
    .yx_ds_list_item_title{
        font-size: 1.875rem;
        height: 5.5rem;
        line-height: 5.5rem;
        font-family: ssm;
        color: #FFFFFF;
        width: 100%;
        background-image: url("../images/mobile_footer_ico.svg");
        background-size: 1rem;
        background-repeat: no-repeat;
        background-position: right center;
    }
    .yx_ds_list_item_des{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        font-family: ssr;
        color: #9B9B9B;
        line-height: 180%;
        position: relative;
        z-index: 5;
    }

    .yx_ds_list_item_right{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 5;
    }
    .yx_ds_list_item_right a{
        margin-right: 1.75rem;
        margin-left: 0;
        margin-top: 4rem;
    }
    .yx_ds_list_item_img{
        position: absolute;
        width: 40vw;
        height: calc(40vw * 276 / 302);
        z-index: 0;
        right: 0;
        top: auto;
        bottom: 1rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_ds_list_item:hover .yx_ds_list_item_img{
        opacity: 0.9;
    }
    .yx_ds_list_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .yx_ad_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
        padding: 4rem 0;
        /*background-image: url("../images/ds_ad_back.png");
        background-size: cover;
        background-position: center;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .yx_ad_text{
        font-size: 1.625rem;
        font-family: ssm;
        color: #333333;
    }
    .yx_ad_texts{
        color: #ffffff;
    }
    .yx_ad_btn{
        margin-top: 2.625rem;
    }
    .yx_ad_btn a{
        margin: 0 0.5rem;
    }


    /*解决方案*/
    .yx_fa_qs_title{
        margin-top: 3rem;
        text-align: center;
    }
    .yx_fa_qs_title_cn{
        font-size: 2.625rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_fa_qs_title_en{
        font-size: 1.875rem;
        color: #B5B5B5;
        font-family: abel;
        text-transform: uppercase;
        margin-top: 0.5rem;
    }
    .yx_fa_qs{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 3.625rem;
    }
    .yx_fa_qs_left{
        position: relative;
        width: 100%;
        height: calc(100vw * 653 / 1920 * 2.5);
        left: 0;
        top: 0;
    }
    .yx_fa_qs_img{
        position: absolute;
        width: 42%;
        height: 58%;
        font-size: 0;
        z-index: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_qs_img_on{
        z-index: 10;
        transform: scale(1.5);
    }

    .yx_fa_qs_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 5;
        background: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_qs_img_on .yx_fa_qs_img_back{
        background: rgba(0,0,0,0);
    }
    .yx_fa_qs_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
    }
    .yx_fa_qs_img1{
        left: 0;
        top: 21%;
        transform-origin: 0% 50%;
    }
    .yx_fa_qs_img2{
        right: 0;
        top: 0%;
        transform-origin: 100% 0%;
    }
    .yx_fa_qs_img3{
        left: 29%;
        bottom: 0%;
        transform-origin: 50% 100%;
    }
    .yx_fa_qs_right{
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 3rem;
    }
    .yx_fa_qs_right_title{
        font-size: 2.5rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_fa_qs_sw{
        width: 100%;
        height: auto;
    }
    .yx_fa_qs_sw .swiper-slide{
        padding-right: 0rem;
    }

    .yx_fa_qs_pagination{
        width: 100%;
        height: auto;
        bottom: 0;
        position: relative;
        font-size: 2rem;
        font-family: arial;
        color: rgba(255,255,255,0.4);
        margin-top:1.5rem;
    }
    .yx_fa_qs_pagination .swiper-pagination-current{
        color: #FFFFFF;
    }
    .yx_fa_qs_sw_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        line-height: 100%;
        margin-top: 1.5rem;
    }
    .yx_fa_qs_sw_etitle{
        font-size: 1rem;
        color: #818181;
        font-family: abel;
        text-transform: uppercase;
        line-height: 100%;
        margin-top: 1.25rem;

    }
    .yx_fa_qs_sw_des{
        font-size: 1.125rem;
        color: #E7E7E7;
        font-family: ssr;
        line-height: 170%;
        margin-top: 2rem;
    }
    .yx_fa_qs_right_btn_box{
        display: none;
    }


    .yx_fa_qs2{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 3rem;
    }
    .yx_fa_qs2_left{
        position: relative;
        width: 100%;
        height: calc(100vw * 653 / 1920 * 2.5);
        right: 0;
        top: 0;
    }
    .yx_fa_qs2_img{
        position: absolute;
        width: 42%;
        height: 58%;
        font-size: 0;
        z-index: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_qs2_img_on{
        z-index: 10;
        transform: scale(1.5);
    }

    .yx_fa_qs2_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 5;
        background: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_qs2_img_on .yx_fa_qs2_img_back{
        background: rgba(0,0,0,0);
    }
    .yx_fa_qs2_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
    }
    .yx_fa_qs2_img1{
        left: 0;
        top: 21%;
        transform-origin: 0% 50%;
    }
    .yx_fa_qs2_img2{
        right: 0;
        top: 0%;
        transform-origin: 100% 0%;
    }
    .yx_fa_qs2_img3{
        left: 29%;
        bottom: 0%;
        transform-origin: 50% 100%;
    }
    .yx_fa_qs2_right{
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 3rem;
    }
    .yx_fa_qs2_right_title{
        font-size: 2.5rem;
        color: #FFFFFF;
        font-family: ssm;
    }

    .yx_fa_qs2_pagination{
        width: 100%;
        height: auto;
        bottom: 0;
        position: relative;
        font-size: 2rem;
        font-family: arial;
        color: rgba(255,255,255,0.4);
        margin-top: 1.5rem;
    }
    .yx_fa_qs2_pagination .yx_fa_qs2_pagination_now{
        color: #FFFFFF;
    }
    .yx_fa_qs2_sw_item{
        opacity: 0.5;
        cursor: default;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_qs2_sw_itemon{
        opacity: 1;
    }
     .yx_fa_qs2_sw_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        line-height: 100%;
        margin-top: 1.5rem;
    }

    .yx_fa_qs2_sw_etitle{
        font-size: 1rem;
        color: #818181;
        font-family: abel;
        text-transform: uppercase;
        line-height: 100%;
        margin-top: 1.25rem;
    }

    .yx_fa_fa_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_fa_fa{
        width: 100%;
        height: calc(90vw * 480 / 694);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }

    .yx_fa_fa_sw{
        width: 100%;
        height: 100%;
    }
    .yx_fa_fa_sw .swiper-wrapper{
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }
    .yx_fa_fa_sw .swiper-slide{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa_sw .yx_fa_fa_itemon{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .yx_fa_fa_item{
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .yx_fa_fa_item_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center;
    }
    .yx_fa_fa_item_back{
        position: absolute;
        z-index: 15;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(19, 19, 19, 0.02);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
    }
    .yx_fa_fa_itemon .yx_fa_fa_item_back{
        opacity: 1;
    }
    .yx_fa_fa_item_title{
        opacity: 0;
    }
    .yx_fa_fa_itemon .yx_fa_fa_item_title{
        opacity: 0;
    }
    .yx_fa_fa_item_count{
        opacity: 0;
    }
    .yx_fa_fa_itemon .yx_fa_fa_item_count{
        opacity: 0;
    }

    .yx_fa_fa_item_con{
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        /*background: linear-gradient(180deg, rgba(19,19,19,0.2) 0%, rgba(0,0,0,0.9) 100%);*/
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-left: 1.5rem;
        padding-bottom: 1rem;
        padding-right:1.5rem;
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa_itemon .yx_fa_fa_item_con{
        opacity: 1;
    }
    .yx_fa_fa_item_con_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateY(0);
        opacity:1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa_itemon .yx_fa_fa_item_con_title{
        transform: translateY(0);
        opacity: 1;
    }
    .yx_fa_fa_item_con_con{
        font-size: 1.125rem;
        color: #E7E7E7;
        font-family: ssr;
        line-height: 170%;
        margin-top: 1rem;
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 0.5s 0.2s;
        -moz-transition: all 0.5s 0.2s;
        transition: all 0.5s 0.2s;
    }
    .yx_fa_fa_itemon .yx_fa_fa_item_con_con{
        transform: translateY(0);
        opacity: 1;
    }


    .yx_fa_fa5_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_fa_fa5{
        width: 100%;
        height: calc(90vw * 480 / 694);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }

    .yx_fa_fa5_sw{
        width: 100%;
        height: 100%;
    }
    .yx_fa_fa5_sw .swiper-wrapper{
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }
    .yx_fa_fa5_sw .swiper-slide{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa5_sw .yx_fa_fa5_itemon{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .yx_fa_fa5_item{
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa5_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .yx_fa_fa5_item_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center;
    }
    .yx_fa_fa5_item_back{
        position: absolute;
        z-index: 15;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(19, 19, 19, 0.02);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
    }
    .yx_fa_fa5_itemon .yx_fa_fa5_item_back{
        opacity: 1;
    }
    .yx_fa_fa5_item_title{
        opacity: 0;
    }
    .yx_fa_fa5_itemon .yx_fa_fa5_item_title{
        opacity: 0;
    }
    .yx_fa_fa5_item_count{
        opacity: 0;
    }
    .yx_fa_fa5_itemon .yx_fa_fa5_item_count{
        opacity: 0;
    }

    .yx_fa_fa5_item_con{
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        /*background: linear-gradient(180deg, rgba(19,19,19,0.2) 0%, rgba(0,0,0,0.9) 100%);*/
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-left: 1.5rem;
        padding-bottom: 1rem;
        padding-right:1.5rem;
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa5_itemon .yx_fa_fa5_item_con{
        opacity: 1;
    }
    .yx_fa_fa5_item_con_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateY(0);
        opacity:1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa5_itemon .yx_fa_fa5_item_con_title{
        transform: translateY(0);
        opacity: 1;
    }
    .yx_fa_fa5_item_con_con{
        font-size: 1.125rem;
        color: #E7E7E7;
        font-family: ssr;
        line-height: 170%;
        margin-top: 1rem;
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 0.5s 0.2s;
        -moz-transition: all 0.5s 0.2s;
        transition: all 0.5s 0.2s;
    }
    .yx_fa_fa5_itemon .yx_fa_fa5_item_con_con{
        transform: translateY(0);
        opacity: 1;
    }


    .yx_fa_fa6_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_fa_fa6{
        width: 100%;
        height: calc(90vw * 480 / 694);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }

    .yx_fa_fa6_sw{
        width: 100%;
        height: 100%;
    }
    .yx_fa_fa6_sw .swiper-wrapper{
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }
    .yx_fa_fa6_sw .swiper-slide{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa6_sw .yx_fa_fa6_itemon{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .yx_fa_fa6_item{
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa6_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .yx_fa_fa6_item_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center;
    }
    .yx_fa_fa6_item_back{
        position: absolute;
        z-index: 15;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(19, 19, 19, 0.02);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
    }
    .yx_fa_fa6_itemon .yx_fa_fa6_item_back{
        opacity: 1;
    }
    .yx_fa_fa6_item_title{
        opacity: 0;
    }
    .yx_fa_fa6_itemon .yx_fa_fa6_item_title{
        opacity: 0;
    }
    .yx_fa_fa6_item_count{
        opacity: 0;
    }
    .yx_fa_fa6_itemon .yx_fa_fa6_item_count{
        opacity: 0;
    }

    .yx_fa_fa6_item_con{
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        /*background: linear-gradient(180deg, rgba(19,19,19,0.2) 0%, rgba(0,0,0,0.9) 100%);*/
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-left: 1.5rem;
        padding-bottom: 1rem;
        padding-right:1.5rem;
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa6_itemon .yx_fa_fa6_item_con{
        opacity: 1;
    }
    .yx_fa_fa6_item_con_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateY(0);
        opacity:1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa6_itemon .yx_fa_fa6_item_con_title{
        transform: translateY(0);
        opacity: 1;
    }
    .yx_fa_fa6_item_con_con{
        font-size: 1.125rem;
        color: #E7E7E7;
        font-family: ssr;
        line-height: 170%;
        margin-top: 1rem;
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 0.5s 0.2s;
        -moz-transition: all 0.5s 0.2s;
        transition: all 0.5s 0.2s;
    }
    .yx_fa_fa6_itemon .yx_fa_fa6_item_con_con{
        transform: translateY(0);
        opacity: 1;
    }




    .yx_fa_fa7_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_fa_fa7{
        width: 100%;
        height: calc(90vw * 480 / 694);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }

    .yx_fa_fa7_sw{
        width: 100%;
        height: 100%;
    }
    .yx_fa_fa7_sw .swiper-wrapper{
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }
    .yx_fa_fa7_sw .swiper-slide{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa7_sw .yx_fa_fa7_itemon{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .yx_fa_fa7_item{
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa7_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .yx_fa_fa7_item_img img{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center;
    }
    .yx_fa_fa7_item_back{
        position: absolute;
        z-index: 15;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(19, 19, 19, 0.02);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
    }
    .yx_fa_fa7_itemon .yx_fa_fa7_item_back{
        opacity: 1;
    }
    .yx_fa_fa7_item_title{
        opacity: 0;
    }
    .yx_fa_fa7_itemon .yx_fa_fa7_item_title{
        opacity: 0;
    }
    .yx_fa_fa7_item_count{
        opacity: 0;
    }
    .yx_fa_fa7_itemon .yx_fa_fa7_item_count{
        opacity: 0;
    }

    .yx_fa_fa7_item_con{
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        /*background: linear-gradient(180deg, rgba(19,19,19,0.2) 0%, rgba(0,0,0,0.9) 100%);*/
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-left: 1.5rem;
        padding-bottom: 1rem;
        padding-right:1.5rem;
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa7_itemon .yx_fa_fa7_item_con{
        opacity: 1;
    }
    .yx_fa_fa7_item_con_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateY(0);
        opacity:1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_fa7_itemon .yx_fa_fa7_item_con_title{
        transform: translateY(0);
        opacity: 1;
    }
    .yx_fa_fa7_item_con_con{
        font-size: 1.125rem;
        color: #E7E7E7;
        font-family: ssr;
        line-height: 170%;
        margin-top: 1rem;
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 0.5s 0.2s;
        -moz-transition: all 0.5s 0.2s;
        transition: all 0.5s 0.2s;
    }
    .yx_fa_fa7_itemon .yx_fa_fa7_item_con_con{
        transform: translateY(0);
        opacity: 1;
    }

    .yx_fa_tp_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
    }
    .yx_fa_tp{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #000000;
        text-align: center;
        margin-top: 2rem;
        padding: 0rem;
    }
    .yx_fa_tp img{
        width: 100%;
        height: auto;
    }

    .yx_fa_ys{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .yx_fa_ys_left{
        width: 100%;
        height: auto;
    }
    .yx_fa_ys_leftl{
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    .yx_fa_ys_left_title{
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
        text-align: center;
    }
    .yx_fa_ys_left_ltitle{
        font-size: 1.5rem;
        color: #B5B5B5;
        font-family: ssr;
        line-height: 150%;
        margin-top: 1rem;
        text-align: center;
    }
    .yx_fa_ys_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .yx_fa_ys_item{
        width: 100%;
        height: auto;
        position: relative;
        border-top: 0px solid #3D3D3D;
        border-bottom: 1px solid #3D3D3D;
        overflow: hidden;
        padding: 3rem 1.625rem;
        padding-bottom: 1rem;
    }
    .yx_fa_ys_item:nth-of-type(1),.yx_fa_ys_item:nth-of-type(2){
        border-top: 0px solid #3D3D3D;
    }
    .yx_fa_ys_item:nth-of-type(2n){
        border-left: 0px solid #3D3D3D;
    }
    .yx_fa_ys_item_ico{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .yx_fa_ys_item_ico img{
        width: 4.875rem;
        height: 4.875rem;
    }
    .yx_fa_ys_item_title{
        font-size: 1.5rem;
        font-family: ssm;
        color: #FFFFFF;
        margin-top: 2.5rem;
        display: none;
    }

    .yx_fa_ys_item_btn{
        display: none;
    }
    .yx_fa_ys_item:hover .yx_fa_ys_item_hide{
        transform: translateY(0%);
        opacity: 1;
    }
    .yx_fa_ys_item_hide{
        position: relative;
        width: 100%;
        height: 100%;
        background: none;
        left: 0;
        top: 0;
        z-index: 10;
        padding:1rem 0;
        transform: translateY(0%);
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_ys_item_hide_title{
        font-size: 1.5rem;
        font-family: ssm;
        color: #FFFFFF;
        text-align: center;
    }
    .yx_fa_ys_item_hide_des{
        font-size: 1.125rem;
        font-family: ssr;
        color: #B7B7B7;
        line-height: 180%;
        margin-top: 1rem;
    }


    .yx_fa_list{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .yx_fa_list_left{
        width: 100%;
        height: auto;
        padding-top: 2rem;
    }
    .yx_fa_list_leftl{
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    .yx_fa_list_left_title{
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
        text-align: center;
    }
    .yx_fa_list_left_ltitle{
        font-size: 1.5rem;
        color: #B5B5B5;
        font-family: ssr;
        line-height: 150%;
        margin-top: 1rem;
        text-align: center;
    }
    .yx_fa_list_right{
        width: 100%;
        height: auto;
    }
    .yx_fa_list_item{
        width: 100%;
        height: auto;
    }
    .yx_fa_list_item a{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #3D3D3D;
        padding: 3rem 0;
    }

    .yx_fa_list_item_title{
        font-size: 1.875rem;
        font-family: ssm;
        color: #FFFFFF;
        width: 50%;
        height: auto;
        position: relative;
        z-index: 5;
    }

    .yx_fa_list_item_btn{
        display: inline-flex;
        width: auto;
        height: auto;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding-right: 0rem;
        position: relative;
        z-index: 5;
    }
    .yx_fa_list_item_btn_text{
        font-size: 1.5rem;
        line-height: 100%;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateX(-1rem);
        padding-bottom: 0.2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_list_item:hover .yx_fa_list_item_btn_text{
        transform: translateX(1rem);
    }
    .yx_fa_list_item_btn_ico{
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: #383838;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_list_item:hover .yx_fa_list_item_btn_ico{
        background: #FFFFFF;
    }
    .yx_fa_list_item_btn_ico svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#383838;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_list_item:hover .yx_fa_list_item_btn_ico svg{
        fill: #000000;
    }

    .yx_fa_list_item_img{
        position: absolute;
        width: 45vw;
        height: calc(45vw * 276 / 302);
        z-index: 0;
        right: calc(50% - 22.5vw);
        top: calc(50% - calc(45vw * 276 / 302 / 2));
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_fa_list_item:hover .yx_fa_list_item_img{
        opacity: 0.9;
    }
    .yx_fa_list_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /*首页*/
    .yx_banner{
        width: 100%;
        height: calc(100vw * 995 / 750);
        position: relative;
    }
    .yx_banner_sw{
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .yx_banner_img{
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .yx_banner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .yx_banner_con{
        width: 90%;
        height: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .yx_banner_title{
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
    }
    .yx_banner_ltitle{
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: ssr;
        margin-top: 1rem;
    }
    .yx_banner_btn{
        margin-top: 4rem;
    }
    .yx_banner_btn a{
        margin-right: 1rem;
    }

    .yx_banner_pagination{
        width: 100%;
        height: auto;
        padding-left: 5vw;
        text-align: left;
        position: absolute;
        left: 0;
        bottom: 2rem;
        z-index: 10;
    }

    .yx_banner_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:3.5rem; 
        height:4px;  
        background: #D9D9D9;
        border-radius: 0;
        margin-right: 0.75rem;
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.2;
    }
    .yx_banner_pagination .swiper-pagination-bullet-active{ 
        opacity: 1;
    }
    .yx_banner_mous{
        display: none;
    }

    .yx_banner_menu_btn{
        position: absolute;
        z-index: 10;
        top: calc(50% - 1.5rem);
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        border: 1px solid #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-left: 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .yx_banner_menu_btn:hover{
        background: #FFFFFF;
    }
    .yx_banner_menu_btn svg{
        fill:#ffffff;
        width: 55%;
        height: 55%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_banner_menu_btn:hover svg{
        fill: #000000;
    }

    .yx_banner_menu_btn_left{
        left: 5%;
    }
    .yx_banner_menu_btn_right{
        right: 5%;
    }

    .yx_id_td_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .yx_id_td_title{
        text-align: center;
    }
    .yx_id_td_title_1{
        font-size: 1.5rem;
        color: #B5B5B5;
        font-family: ssr;
    }
    .yx_id_td_title_2{
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
        margin-top: 1rem;
    }

    .yx_id_td{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        background: none;
        border-radius: 24px;
        border: 0px solid #353535;
        padding: 3rem 0;
        margin-top: 1rem;
    }

    .yx_id_td_sw{
        width: 100%;
        height: auto;
    }
    .yx_id_td_sw .swiper-wrapper{
        width: 100%;
        height: 100%;
    }
    .yx_id_td_sw .swiper-slide{
        width: 100%;
        height: auto;
        padding: 0 0.75rem;
    }

    .yx_id_td_sw .swiper-slide:nth-child(odd){
        padding-bottom: 5rem;
    }
    .yx_id_td_sw .swiper-slide:nth-child(even){
        padding-top: 5rem;
    }

    .yx_id_td_item{
        width: 100%;
        height: calc(94vw * 558 / 478);
        position: relative;
        overflow: hidden;
        margin: 0 0.75rem;
    }
    .yx_id_td_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0;
        overflow: hidden;
    }
    .yx_id_td_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_id_td_item:hover .yx_id_td_item_img img{
        transform: scale(1.1);
    }
    .yx_id_td_item_back{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0;
        overflow: hidden;
        background: rgba(0,0,0,0);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_id_td_item:hover .yx_id_td_item_back{
        background: rgba(0,0,0,0.5);
    }
    .yx_id_td_item_title{
        position: relative;
        z-index: 10;
        font-size: 2.125rem;
        color: #FFFFFF;
        font-family: ssm;
        padding: 0 2rem;
        margin-top: 2rem;
    }
    .yx_id_td_item_ltitle{
        position: relative;
        z-index: 10;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: abel;
        margin-top: 0.3rem;
        padding: 0 2rem;
        text-transform: uppercase;
    }
    .yx_id_td_item_con{
        position: relative;
        z-index: 10;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 2rem;
        transform: translateX(0%);
        opacity: 1;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .yx_id_td_item:hover .yx_id_td_item_con{
        transform: translateX(0%);
        opacity: 1;
    }
    .yx_id_td_item_conl{
        margin-right: 1.5rem;
        width: 80%;
        height: 21rem;
        background: rgba(69, 69, 69, 0.50);
        padding:2rem 1.5rem;
        border-radius: 12px;
        padding-top: 1.25rem;
    }
    .yx_id_td_item_conl span{
        display: block;
        font-size: 1.125rem;
        line-height: 150%;
        color: #FFFFFF;
        font-family: ssr;
        margin-top: 6px;
    }


    .yx_id_td_item_btn{
        position: absolute;
        z-index: 10;
        left: 2rem;
        bottom: 2rem;
        width: auto;
        height: auto;
    }
    .yx_id_td_item_btn a{
        display: inline-flex;
        width: auto;
        height: auto;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .yx_id_td_item_btn_text{
        font-size: 1.25rem;
        line-height: 100%;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateX(0.5rem);
        padding-bottom: 0.2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_td_item_btn a:hover .yx_id_td_item_btn_text{
        transform: translateX(0.5rem);
    }
    .yx_id_td_item_btn_ico{
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_td_item_btn a:hover .yx_id_td_item_btn_ico{
        background: #FFFFFF;
    }
    .yx_id_td_item_btn_ico svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_td_item_btn a:hover .yx_id_td_item_btn_ico svg{
        fill: #000000;
    }



    .yx_id_td2{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: none;
        border-radius: 24px;
        border: 0px solid #353535;
        padding: 0rem 0;
        margin-top: 3rem;
        padding-left: 0%;
    }
    .yx_id_td2_sw{
        width: 100%;
        height: auto;
    }
    .yx_id_td2_sw .swiper-slide{
        padding: 0 0.75rem;
    }

    .yx_id_td2_sw .swiper-slide:nth-child(odd){
        padding-bottom: 3rem;
    }
    .yx_id_td2_sw .swiper-slide:nth-child(even){
        padding-top: 3rem;
    }

    .yx_id_td2_item{
        width: 100%;
        height: calc(94vw * 558 / 478);
        position: relative;
        overflow: hidden;
        margin: 0 0.75rem;
    }
    .yx_id_td2_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0;
        overflow: hidden;
    }
    .yx_id_td2_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_id_td2_item:hover .yx_id_td2_item_img img{
        transform: scale(1.1);
    }
    .yx_id_td2_item_back{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0;
        overflow: hidden;
        background: rgba(0,0,0,0);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .yx_id_td2_item:hover .yx_id_td2_item_back{
        background: rgba(0,0,0,0.5);
    }
    .yx_id_td2_item_title{
        position: relative;
        z-index: 10;
        font-size: 1.875rem;
        color: #FFFFFF;
        font-family: ssm;
        padding: 0 2rem;
        margin-top: 2rem;
    }
    .yx_id_td2_item_ltitle{
        position: relative;
        z-index: 10;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: abel;
        margin-top: 0.3rem;
        text-transform: uppercase;
        padding: 0 2rem;
    }
    .yx_id_td2_item_con{
        position: relative;
        z-index: 10;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 2rem;
        transform: translateX(0%);
        opacity: 1;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .yx_id_td2_item:hover .yx_id_td2_item_con{
        transform: translateX(0%);
        opacity: 1;
    }
    .yx_id_td2_item_conl{
        margin-right: 1.5rem;
        width: 70%;
        height: auto;
        background: rgba(69, 69, 69, 0.50);
        padding:1.5rem 1rem;
        border-radius: 12px;
        padding-top: 1.25rem;
    }
    .yx_id_td2_item_conl span{
        display: block;
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: ssr;
        line-height: 100%;
        margin-top: 1.25rem;
    }


    .yx_id_td2_item_btn{
        position: absolute;
        z-index: 10;
        left: 2rem;
        bottom: 2rem;
        width: auto;
        height: auto;
    }
    .yx_id_td2_item_btn a{
        display: inline-flex;
        width: auto;
        height: auto;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .yx_id_td2_item_btn_text{
        font-size: 1.25rem;
        line-height: 100%;
        color: #FFFFFF;
        font-family: ssm;
        transform: translateX(0.5rem);
        padding-bottom: 0.2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_td2_item_btn a:hover .yx_id_td2_item_btn_text{
        transform: translateX(0.5rem);
    }
    .yx_id_td2_item_btn_ico{
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_td2_item_btn a:hover .yx_id_td2_item_btn_ico{
        background: #FFFFFF;
    }
    .yx_id_td2_item_btn_ico svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_td2_item_btn a:hover .yx_id_td2_item_btn_ico svg{
        fill: #000000;
    }

    .yx_id_tdsw_box{
        display: none;
    }
    .yx_id_tdsw_btn{
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 50%;
        border: 1px solid #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-left: 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_tdsw_btn:hover{
        background: #FFFFFF;
    }
    .yx_id_tdsw_btn svg{
        fill:#ffffff;
        width: 55%;
        height: 55%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .yx_id_tdsw_btn:hover svg{
        fill: #000000;
    }
    /*弹出*/
    .yx_showy{
    	    width: 96vw;
    	justify-content: center;
    	flex-direction: column;
    }
    .yx_showy_left{
    	width: 100%;
    	width: 100%;
    	text-align: center;
    }
    .yx_showy_more{
    	margin-top: 2vh;
    	display: flex;
    	justify-content: center;
    }
    .yx_showy_more a{
        font-size: 1.142rem;
        width: 9rem;
        height: 3rem;
    }
    /*地图*/
    .custom-info{
            width: 30rem;
            height: auto;
            background: #FFFFFF;
            border: 1px solid rgba(0,0,0,0.1);
            padding:1.5rem 2rem;
        }
        .info-top{
            width: 23rem;
            font-size: 1.25rem;

            background: #FFFFFF;
        }
        .info-middle{
            width: 100%;
            font-size: 1rem;
            line-height: 160%;
        }
        .link-info{
            font-size: 1rem;
            color: var(--OneColor);
            text-align: right;
        }
        .link-info a{
            color: blue;
        }
}