@media screen and (max-width:1023px)and (min-width:300px)
{
    /*导航*/
    .ay_nav_box{
        width: 100%;
        height: 8vh;
        position: fixed;
        top: 0rem;
        left: 0;
        z-index: 1000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_nav_boxon{
        top: 0rem;
        background: #FFFFFF;
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.1);
    }


    .ay_nav{
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        border-radius: 0px;
        position: relative;
    }

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

    .ay_nav_logo img{
        width: auto;
        height: 60%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_nav_main{
        width: 0%;
        height: auto;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        background: #FFFFFF;
        left: 0;
        top: 8vh;
        border-top: 1px solid rgba(0,0,0,0.1);
        padding: 2rem 0;
        opacity: 0;
    }
    .ay_nav_mainon{
        width: 100%;
        opacity: 1;
    }

    .ay_nav_meun{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
    }
    .ay_nav_meun_tiem{
        width: auto;
        height: 100%;
        margin: 0.9rem 1.7rem;
        position: relative;
        text-align: center;
    }
    .ay_nav_meun_tiem:after{
        display: none;
    }

    .ay_nav_meun_tiem>a{
        width: auto;
        height: 100%;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.25rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_nav_meun_tiem:hover>a{
        color:var(--OneColor);
    }
    .ay_nav_meun_tiem>a:after{
        display: none;
    }
    .ay_nav_down{
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0rem 1rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .ay_nav_meun_tiem:hover .ay_nav_down{
        height: auto;
        opacity: 1;
        padding: 1rem 1rem;
    }
    .ay_nav_down_item{
        width: 33.33%;
        height: auto;
        padding-left: 0rem;
    }
    .ay_nav_down_item_ba{
        display: block;
        font-size: 1.125rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_nav_down_item_ba:hover{
        color:var(--OneColor);
    }
    .ay_nav_down_item_a{
        display: block;
        font-size: 1rem;
        color: rgba(0,0,0,0.6);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 0.5rem;
    }
    .ay_nav_down_item_a:hover{
        color:var(--OneColor);
    }

    .ay_nav_down_item_img{
        width: 31%;
        height: auto;
        font-size: 0;
        display: none;
    }
    .ay_nav_down_item_img img{
        width: 100%;
        height: auto;
    }


    .ay_nav_search{
        width: auto;
        height: 100%;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-left: 2rem;
        margin:  0  auto;
        margin-top: 1.5rem;
    }


    .ay_nav_search_main{
        width: 18rem;
        height: 3rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        border: 1px solid var(--OneColor);
        border-radius: 4rem;
        padding-right: 1rem;
    }
    .ay_nav_search_main_hover .ay_nav_search_main_input{
        width: 15rem;
        opacity: 1;
    }
    .ay_nav_search_main_hover .ay_nav_search_btn{
        z-index: 2;
    }

    .ay_nav_search_main_input{
        position: relative;
        top: 0;
        right: 0rem;
        width: 15rem;
        opacity: 1;
        height: 100%;
        background: #FFFFFF;
        border: 0px solid var(--OneColor);
        border-radius: 4rem;
        padding-left: 1rem;
        z-index: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        overflow: hidden;
    }
    /*.ay_nav_search_main:hover .ay_nav_search_main_input{
        width: 20rem;
        opacity: 1;
    }*/

    .ay_nav_search_main_input_input{
        width: 100%;
        height: 2rem;
        background: none;
        border: none;
    }

    .ay_nav_search_btn{
        width: 1.8rem;
        height: 1.8rem;
        position: relative;
        cursor: pointer;
        z-index: -1
    }

    .ay_nav_search_btn svg{
        width: 2rem;
        height: 2rem;
        fill:var(--OneColor);
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    /*下拉*/
    .ay_nav_meun_tiems{
        position: relative;
    }
    .jh_nav_down{
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        top: 0;
        left: 0;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0 1rem;
    }
    .ay_nav_meun_tiem:hover .jh_nav_down{
        height: auto;
        opacity: 1;
    }
    .jh_nav_down_item{
        width: 100%;
        height: auto;
        padding: 0rem 0;
        margin-top: 0.7rem;
        text-align: center;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        border-bottom: 0px solid rgba(0,0,0,0.1);
    }
    .jh_nav_down_item:last-child{ border-bottom:none;}
    .jh_nav_down_item>a{
        font-size: 1.125rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .jh_nav_down_item:hover>a{
        color:var(--OneColor);
    }


    .ay_nav_lang{
        width: 9rem;
        height: 3rem;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-left: 0rem;
        background: var(--OneColor);
        border-radius: 3rem;
        padding:0 1rem;
        cursor: pointer;
        margin-top: 1.5rem;
    }
    .ay_nav_lang_ico img{
        width: 1.8rem;
        height: 1.8rem;
        margin-top: 0.2rem;
    }
    .ay_nav_lang_arr img{
        width: 1rem;
        height: 1rem;
        margin-top: 0.2rem;
    }
    .ay_nav_lang_text{
        font-size: 1rem;
        color: #FFFFFF;
    }

    .ay_nav_lang_con{
        position: absolute;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        top: 100%;
        left: 0;
        text-align: center;
        border-radius: 0 0 10px 10px;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_nav_lang:hover .ay_nav_lang_con{
        height: auto;
        opacity: 1;
    }
    .ay_nav_lang_con a{
        display: block;
        font-size: 1rem;
        color: #000000;
        margin: 1rem 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_nav_lang_con a:hover{
        color: var(--OneColor);
    }


    .menubtn{
        width: 30px;
        height: 20px;
        position: absolute;
        right: 5%;
        top: calc(50% - 10px);
        z-index: 10;
        display: block;
        cursor: pointer;
    }
    /* nav-icon-5 */
    .nav-icon-5 span{  background-color:var(--OneColor);  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*/
    .ay_nbanner{
        width: 100%;
        height: 28vh;
        position: relative;
    }
    .ay_nbanner_img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
        z-index: 0;
    }
    .ay_nbanner_img>img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    .ay_nbanner_con{
        position: relative;
        z-index: 5;
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 8vh;
    }

    .ay_nbanner_con_title{
        font-size: 2.5rem;
        color: #FFFFFF;
        font-family: opm;
    }
    .ay_nbanner_con_ltitle{
        font-size: 1.125rem;
        color: rgba(255,255,255,0.7);
        margin-top: 1rem;
    }
    /*bread*/
    .ay_bread{
        width: 94%;
        height: auto;
        margin: 0 auto;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 1.1rem 0;
    }
    .ay_bread_left{
        width:  calc(100% - 8rem);
        font-size: 1rem;
        color: #000000;
    }
    .ay_bread_left>a{
        color:  #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_bread_left>a:hover{
        color: var(--OneColor);
    }
    .ay_bread_left>span{
        padding: 0 0.3rem;
    }
    .ay_bread_right{
        width: 6rem;
        height: auto;
    }
    .ay_bread_right>a{
        width: 100%;
        height: 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1rem;
        color: #FFFFFF;
        background: var(--OneColor);
        border-radius: 2.5rem;
        padding: 0 0rem;
        text-align: center;
    }

    /*ntitle*/
    .ay_ntitle{
        width: auto;
        height: auto;
    }
    .ay_ntitle span{
        display: inline-block;
        position: relative;
        font-size: 1.875rem;
        font-family: opr;
        color: #202f45;
        padding-left: 1rem;
    }
    .ay_ntitle span:before{
        position: absolute;
        content: '';
        width: 0.312rem;
        height: 80%;
        background: var(--OneColor);
        left: 0;
        top: 10%;
    }

    /*footer*/
    .ay_footer_box{
        width: 100%;
        height: auto;
        background: #ffffff;
        position: relative;
        padding-top:3rem;
    }
    .ay_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding-bottom: 2rem;
    }


    .ay_footer_item{
        width: 25%;
        height: auto;
    }
    .ay_footer_item2{
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    .ay_footer_item_at{
        display: block;
        font-size: 1.25rem;
        color: #000000;
        margin-bottom: 1rem;
        text-align: center;
    }
    .ay_footer_item_a{
        display: block;
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        margin-top: 0.7rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .ay_footer_item_a:hover{
        color: rgba(0,0,0,1);
    }

    .ay_footer_item_code{
        width: 120px;
        height: auto;
        font-size: 0;
        margin: 0 auto;
    }
    .ay_footer_item_code img{
        width: 100%;
        height: auto;
    }
    .ay_footer_item_code_title{
        width: 120px;
        height: auto;
        margin: 0 auto;
        text-align: center;
        font-size: 1rem;
        margin-top: 1rem;
    }


    .ay_footer_copy{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 1rem;
        color: rgba(0,0,0,0.65);
        border-top: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 2rem;
        padding-bottom: 3rem;
        text-align: center;
    }
    .ay_footer_copy>div{
        padding-bottom: 0.5rem;
    }
    .ay_footer_copy a{
        color: rgba(0,0,0,0.65);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_footer_copy a:hover{
        color: rgba(0,0,0,1);
    }

    /*行业应用详情*/
    .ay_yy_gs_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_yy_gs{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #FFFFFF;
        margin-top: 2rem;
        padding: 1.5rem;
        border-radius: 10px 10px 10px 10px;
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
    }
    .ay_yy_gs_img{
        width: 100%;
        height: auto;
        font-size: 0;
        border-radius: 10px;
        overflow: hidden;
    }
    .ay_yy_gs_img img{
        width: 100%;
        height: auto;
    }
    .ay_yy_gs_con{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 1rem;
    }
    .ay_yy_gs_con_title{
        font-size: 1.375rem;
        color: #000000;
    }
    .ay_yy_gs_con_line{
        font-size: 0;
        background: var(--OneColor);
        width: 3rem;
        height: 2px;
        margin: 1rem 0;
    }
    .ay_yy_gs_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 180%;
        padding-right: 0rem;
    }

    .ay_yy_zc_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_yy_zc{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .ay_yy_zc2{
        margin-top: 3rem;
    }
    .ay_yy_zc_img{
        width: 100%;
        height: auto;
        font-size: 0;
        border-radius: 10px;
        overflow: hidden;
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        margin-top: 1rem;
    }
    .ay_yy_zc_img img{
        width: 100%;
        height: auto;
    }
    .ay_yy_zc_con{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_yy_zc2 .ay_yy_zc_con{
        margin-top: 2rem;
    }
    .ay_yy_zc_con_title{
        font-size: 1.375rem;
        color: #000000;
    }
    .ay_yy_zc_con_line{
        font-size: 0;
        background: var(--OneColor);
        width: 3rem;
        height: 2px;
        margin: 1rem 0;
    }
    .ay_yy_zc_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 180%;
        padding-right: 0rem;
    }

    .ay_yy_tx_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_yy_tx{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #FFFFFF;
        margin-top: 2rem;
        padding: 1.5rem;
        border-radius: 10px;
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
    }
    .ay_yy_tx_img{
        width: 100%;
        height: auto;
        font-size: 0;
        border-radius: 10px;
        overflow: hidden;
    }
    .ay_yy_tx_img img{
        width: 100%;
        height: auto;
    }
    .ay_yy_tx_con{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 2rem;
    }
    .ay_yy_tx_con_title{
        font-size: 1.375rem;
        color: #000000;
    }
    .ay_yy_tx_con_line{
        font-size: 0;
        background: var(--OneColor);
        width: 3rem;
        height: 2px;
        margin: 1rem 0;
    }
    .ay_yy_tx_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,1);
        line-height: 180%;
        padding-right: 3rem;
    }
    .ay_yy_fen{
        width: 100%;
        height: 6rem;
    }


    .ay_yy_jg_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_yy_jg{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        margin-top: 2rem;
        padding: 1.5rem;
        border-radius: 10px;
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
    }
    .ay_yy_jg img{
        max-width: 100%;
        height: auto;
    }

    /*行业应用列表*/
    .ay_yy_list_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .ay_yy_list{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .ay_yy_list_item{
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-top: 2rem;
    }
    .ay_yy_list_item:nth-of-type(3n){
        margin-right: 0;
    }
    .ay_yy_list_item_img{
        width: 100%;
        height: calc(94vw * 385 / 507);
        font-size: 0;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
    }
    .ay_yy_list_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_yy_list_item_img:hover img{
        transform: scale(1.05);
    }
    .ay_yy_list_item_con{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px 10px 0 0;
        transform: translateY(-1.5rem);
        padding: 2rem;
    }
    .ay_yy_list_item_con_title{
        font-size: 1.625rem;
        color: #000000;
        font-family: opm;
    }
    .ay_yy_list_item_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 160%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 1rem;
    }
    .ay_yy_list_item_con_con{
        width: 100%;
        height: 14rem;
        margin-top: 1rem;
        overflow: auto;
    }
    .ay_yy_list_item_con_con a{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        height: 2.8rem;
        line-height: 2.8rem;
    }
    .ay_yy_list_item_con_con_aico{
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_yy_list_item_con_con_aico svg{
        width: 0.9rem;
        height: 0.9rem;
        fill:rgba(0,0,0,0.2);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_yy_list_item_con_con a:hover .ay_yy_list_item_con_con_aico svg{
        fill:var(--OneColor);
    }
    .ay_yy_list_item_con_con_atext{
        font-size: 1.125rem;
        color: #000000;
        padding-left: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_yy_list_item_con_con a:hover .ay_yy_list_item_con_con_atext{
        color:var(--OneColor);
    }




    /*新闻列表*/
    .ay_nmenu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
        border-radius: 10px;
        margin-top: 2rem;
        text-align: center;
        padding: 1.2rem 0;
    }
    .ay_nmenu a{
        padding: 0.5rem 0;
    }
    .ay_new_list_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 2rem;
    }
    .ay_new_list{
        width: 100%;
        height: auto;
    }
    .ay_new_list_item{
        width: 100%;
        height: calc(94vw * 0.44 * 345 / 707);
        margin-top: 2rem;
    }
    .ay_new_list_item a{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .ay_new_list_item_img{
        width: 30%;
        height: 100%;
        font-size: 0;
        border-radius: 10px;
        overflow: hidden;
    }
    .ay_new_list_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_new_list_item a:hover .ay_new_list_item_img img{
        transform: scale(1.05);
    }
    .ay_new_list_item_con{
        width: 66%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        border-top: 1px solid rgba(0,0,0,0.1);
        padding: 0.5rem 0;
    }
    .ay_new_list_item_conl{
        width: 4rem;
        height: auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_new_list_item_conl_ri{
        font-family: rh;
        font-size: 3rem;
        line-height: 100%;
        color: var(--OneColor);
    }
    .ay_new_list_item_conl_nian{
        font-family: rh;
        font-size: 1.25rem;
        line-height: 100%;
        color: rgba(0,0,0,0.36);
    }
    .ay_new_list_item_conr{
        width: calc(100% - 5rem);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .ay_new_list_item_conr_title{
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_new_list_item a:hover .ay_new_list_item_conr_title{
        color: var(--OneColor);
    }
    .ay_new_list_item_conr_des{
        font-size: 1rem;
        color: #888888;
        line-height: 160%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_new_list_item a:hover .ay_new_list_item_conr_des{
        color: var(--OneColor);
    }
    .ay_new_list_item_conr_btn{
        display: none;
    }


    .ay_page{
        width: 100%;
        height: auto;
        margin: 2rem auto;
        background: #FFFFFF;
        padding: 1.2rem 0;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
    }
    .ay_page_as{
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_page_as svg{
        width: 1.2rem;
        height: 1.2rem;
        fill:#000000;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_page_as:hover svg{
        fill:var(--OneColor);
    }

    .ay_page_ac{
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        margin: 0 0.3rem;
        border-radius: 50%;
        font-size: 1.125rem;
        font-family: "Arial";
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_page_ac:hover{
        color:var(--OneColor); 
    }
    .ay_page_acon{
        background: var(--OneColor);
        color: #FFFFFF;
    }


    /*新闻详情*/
    .ay_snew{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .ay_snew_title{
        font-size: 1.875rem;
        color: #000000;
        font-family: opm;
        text-align: center;
        margin-top: 2rem;
    }
    .ay_snew_tag{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: opm;
        text-align: center;
        margin-top: 1rem;
    }
    .ay_snew_tag span{
        padding: 0 1rem;
    }
    .ay_snew_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        line-height: 170%;
        margin-top: 1.5rem;
    }

    .ay_snew_page{
        width: 100%;
        height: auto;
        border-top: 1px solid rgba(0,0,0,0.1);
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding: 0rem 0;
        margin: 2rem 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .ay_snew_page_left{
        width: 70%;
        height: auto;
    }
    .ay_snew_page_left a{
        display: block;
        font-size: 1.125rem;
        color: #000000;
        margin: 1.5rem 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_snew_page_left a:hover{
        color: var(--OneColor);
    }
    .ay_snew_page_right{
        width: 30%;
        height: auto;
        text-align: right;
    }
    .ay_snew_page_right a{
        display: inline-block;
        width: 7rem;
        height: 3rem;
        line-height: 3rem;
        background: var(--OneColor);
        border-radius: 3rem;
        text-align: center;
        font-size: 1rem;
        color: #FFFFFF;
    }


    /*联系我们*/
    .ay_lx_wl_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_lx_wl{
        width: 100%;
        height: auto;
    }
    .ay_lx_wl img{
        width: 100%;
        height: auto;
    }

    .ay_lx_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_lx_fs{
        width: 100%;
        height: auto;
        margin: 0 auto;
        background-image: url("../images/lx_fs_back.jpg");
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        position: relative;
        z-index: 5;
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_lx_fsl{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2rem 2rem;
    }
    .ay_lx_fs_item{
        width: 100%;
        height: auto;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: auto 100%;
        padding-left: 4rem;
        margin: 1.1rem 0;
    }
    .ay_lx_fs_item_title{
        font-size: 1.125rem;
        color: #FFFFFF;
    }
    .ay_lx_fs_item_con{
        font-size: 1rem;
        color: #FFFFFF;
        margin-top: 0.5rem;
    }

    .ay_lx_fs_line{
        display: none;
    }
    .ay_lx_fs_code{
        display: none;
    }
    .ay_lx_fs_code img{
        width: auto;
        height: 100%;
    }


    .ay_lx_map{
        width: 94%;
        height: 40vh;
        margin: 0 auto;
        position: relative;
        z-index: 0;
        margin-top: 0rem;
    }



    /*技术支持*/
    .ay_js_zx_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_js_zx{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        margin-top: 2rem;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
    }

    .ay_js_zx_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .ay_js_zx_left_1{
        width: calc(100% - 130px);
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_js_zx_left_1_tag{
        width: 8rem;
        background: var(--OneColor);
        height: auto;
        padding: 0.5rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        color: #FFFFFF;
        border-radius: 3rem 3rem 3rem 0;
    }
    .ay_js_zx_left_1_tag img{
        width: 1rem;
        height: 1rem;
    }
    .ay_js_zx_left_1_tel{
        font-size: 1.625rem;
        color: var(--OneColor);
        font-family: gb;
        margin-top: 1rem;
    }
    .ay_js_zx_left_1_line{
        font-size: 0;
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        margin: 1rem 0;
    }
    .ay_js_zx_left_1_mail{
        font-size: 1.125rem;
        color: #000000;
    }
    .ay_js_zx_left_2{
        width: 100px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_js_zx_left_2_code{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .ay_js_zx_left_2_code img{
        width: 100%;
        height: auto;
    }
    .ay_js_zx_left_2_codetitle{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1rem;
        margin-top: 1rem;
    }
    .ay_js_zx_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 1.5rem;
    }
    .ay_js_zx_right_1{
        width: 4rem;
        height: auto;
        background: var(--OneColor);
        font-size: 1.75rem;
        font-family: "Arial";
        color: rgba(255,255,255,0.16);
        writing-mode: vertical-rl;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .ay_js_zx_right_2{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .ay_js_zx_right_2 img{
        width: 100%;
        height: auto;
    }

    .ay_js_xz_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_js_xz{
        width: 100%;
        height: auto;
        padding-bottom: 3rem;
    }
    .ay_js_xz_sw{
        width: 100%;
        height: auto;
    }
    .ay_js_xz_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ay_js_xz_item{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px 20px 0 0;
        overflow: hidden;
        position: relative;
        padding: 2rem 2rem;
        margin-top: 1.5rem;
    }
    .ay_js_xz_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        background: var(--OneColor);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_xz_item:hover .ay_js_xz_item_back{
        opacity: 1;
    }
    .ay_js_xz_item_back img{
        width: 100%;
        height: auto;
        opacity: 0.03;
    }
    .ay_js_xz_item_title{
        position: relative;
        z-index: 5;
        font-size: 1.25rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_xz_item:hover .ay_js_xz_item_title{
        color: #FFFFFF;
    }
    .ay_js_xz_item_ltitle{
        position: relative;
        z-index: 5;
        font-size: 1rem;
        color: #000000;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_xz_item:hover .ay_js_xz_item_ltitle{
        color: #FFFFFF;
    }
    .ay_js_xz_item_type{
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-size: 1rem;
        color: #000000;
        margin-top: 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_xz_item:hover .ay_js_xz_item_type{
        color: #FFFFFF;
    }
    .ay_js_xz_item_type>img{
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.3rem;
    }
    .ay_js_xz_item_btn{
        position: absolute;
        width: 6rem;
        height: 6rem;
        right: 2rem;
        top: calc(50% - 3rem);
        z-index: 20;
    }
    .ay_js_xz_item_btn a{
        width: 100%;
        height: 100%;
        background: var(--OneColor);
        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;
    }
    .ay_js_xz_item:hover .ay_js_xz_item_btn a{
        background: #FFFFFF;
    }
    .ay_js_xz_item_btn svg{
        width: 30%;
        height: 30%;
        margin: 0 auto;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_xz_item:hover .ay_js_xz_item_btn svg{
        fill: var(--OneColor);
    }

    .ay_js_xz_pagination{
        width: 100%;
        height: auto;
        text-align: center;
        position: relative;
        margin-top: 2rem;
        bottom: 0;
        z-index: 5;
    }

    .ay_js_xz_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:0.8rem; 
        height:0.8rem;  
        font-size: 0;
        background: #c1c1c1;
        border-radius: 0.8rem;
        margin:0 0.3rem; 
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_xz_pagination .swiper-pagination-bullet-active{ 
        width:3rem; 
        background: var(--OneColor);
    }

    .ay_js_pop_box{
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(0,0,0,0.3);
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_pop_box_on{
        z-index: 2000;
        opacity: 1;
    }
    .ay_js_pop{
        width: 80%;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
        padding:2rem 2rem;
        border-radius: 5px;
        position: relative;
    }
    .ay_js_pop_close{
        width: 3rem;
        height: 3rem;
        position: absolute;
        right: -2.8rem;
        top: -2rem;
        z-index: 20;
        cursor: pointer;

    }
    .ay_js_pop_close svg{
        width: 100%;
        height: 100%;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_js_pop_close:hover svg{
        fill:var(--OneColor);
    }
    .ay_js_pop_logo img{
        height: 3rem;
    }
    .ay_js_pop_title{
        font-size: 1.5rem;
        font-family: opm;
        margin-top: 0.5rem;
    }
    .ay_js_pop_form{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ay_js_pop_form_item{
        width: 100%;
        height: 3.5rem;
        background: #f9f9f9;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 5px;
        margin-top: 1rem;
    }
    .ay_js_pop_form_item input{
        width: 100%;
        height: 100%;
        font-size: 1rem;
        border: none;
        background: none;
        padding: 0 1rem;
    }
    .ay_js_pop_form_item2{
        width: 48.5%;
        height: 3.5rem;
        background: #f9f9f9;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 5px;
        margin-top: 1rem;
    }
    .ay_js_pop_form_item2 input{
        width: 100%;
        height: 100%;
        font-size: 1rem;
        border: none;
        background: none;
        padding: 0 1rem;
    }
    .ay_js_pop_btn{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
    }
    .ay_js_pop_btn a{
        display: inline-block;
        width: 100%;
        height: 3.5rem;
        background: var(--OneColor);
        text-align: center;
        line-height: 3.5rem;
        border-radius: 5px;
        font-size: 1.25rem;
        color: #FFFFFF;
    }

    /*产品列表*/
    .ay_pro_list_one_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .ay_pro_list_one{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .ay_pro_list_one_item{
        width: 100%;
        height: auto;
        margin-right: 0%;
        margin-top: 1.5rem;
    }
    .ay_pro_list_one_item:nth-of-type(3n){
        margin-right: 0;
    }
    .ay_pro_list_one_item_img{
        width: 100%;
        height: calc(94vw * 385 / 507);
        font-size: 0;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
    .ay_pro_list_one_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_one_item_img:hover img{
        transform: scale(1.05);
    }
    .ay_pro_list_one_item_img_con{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 10;
        background: rgba(36,91,174,0.9);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 3rem;
        padding-bottom: 4.5rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_one_item_img:hover .ay_pro_list_one_item_img_con{
        opacity: 1;
    }
    .ay_pro_list_one_item_img_con_title{
        font-size: 1.625rem;
        color: #FFFFFF;
    }
    .ay_pro_list_one_item_img_con_list{
        margin-top: 2rem;
        height: 11rem;
        overflow: auto;
    }
    .ay_pro_list_one_item_img_con_list a{
        display: block;
        font-size: 1.125rem;
        color: #FFFFFF;
        height: 2.2rem;
        line-height: 2.2rem;
    }

    .ay_pro_list_one_item_con{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px 10px 0 0;
        transform: translateY(-1.5rem);
        padding: 2rem;
        position: relative;
        z-index: 5;
    }
    .ay_pro_list_one_item_con_title{
        font-size: 1.625rem;
        color: #000000;
        font-family: opm;
    }
    .ay_pro_list_one_item_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 160%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 1rem;
    }
    .ay_pro_list_one_item_con_con{
        width: 100%;
        height: 14rem;
        margin-top: 1rem;
        overflow: auto;
    }
    .ay_pro_list_one_item_con_con a{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        height: 2.8rem;
        line-height: 2.8rem;
    }
    .ay_pro_list_one_item_con_con_aico{
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_pro_list_one_item_con_con_aico svg{
        width: 0.9rem;
        height: 0.9rem;
        fill:rgba(0,0,0,0.2);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_one_item_con_con a:hover .ay_pro_list_one_item_con_con_aico svg{
        fill:var(--OneColor);
    }
    .ay_pro_list_one_item_con_con_atext{
        font-size: 1.125rem;
        color: #000000;
        padding-left: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_one_item_con_con a:hover .ay_pro_list_one_item_con_con_atext{
        color:var(--OneColor);
    }


    /*产品列表1*/
    .ay_pro_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
        border-radius: 10px;
        margin-top: 2rem;
        padding: 2rem 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
        box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.02);
    }
    .ay_pro_top_left{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .ay_pro_top_left img{
        width: 100%;
        height: auto;
    }
    .ay_pro_top_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 2rem;
    }
    .ay_pro_top_right_title{
        font-size: 1.625rem;
        font-family: opm;
        color: #000000;
    }
    .ay_pro_top_right_line{
        font-size: 0;
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin: 1rem 0;
    }
    .ay_pro_top_right_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 170%;
    }
    .ay_pro_top_right_btn{
        margin-top: 3rem;
    }
    .ay_pro_top_right_btn a{
        display: inline-block;
        width: auto;
        height: 2.8rem;
        line-height: 2.8rem;
        background: var(--OneColor);
        border-radius: 2.8rem;
        padding: 0 2rem;
        color: #FFFFFF;
    }

    .ay_pro_list{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1rem;
        padding-bottom: 3rem;
    }
    .ay_pro_list_item{
        width: 100%;
        height: auto;
        margin-top: 3%;
    }
    .ay_pro_list_item a{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background: #FFFFFF;
        border-radius: 5px;
        padding: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item:hover a{
        background: var(--OneColor);
    }
    .ay_pro_list_item_left{
        width: 40%;
        height: calc((94vw - 2rem) * 0.4 * 388 / 500);
        font-size: 0;
        overflow: hidden;
    }
    .ay_pro_list_item_left img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item:hover .ay_pro_list_item_left img{
        transform: scale(1.05);
    }
    .ay_pro_list_item_right{
        width: 55%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .ay_pro_list_item_right_title{
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item:hover .ay_pro_list_item_right_title{
        color: #FFFFFF;
    }
    .ay_pro_list_item_right_line{
        font-size: 0;
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin: 0rem 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item:hover .ay_pro_list_item_right_line{
        background: #FFFFFF;
    }
    .ay_pro_list_item_right_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 170%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item:hover .ay_pro_list_item_right_des{
        color: #FFFFFF;
    }
    .ay_pro_list_item_right_btn{
        position: absolute;
        left: 0;
        bottom: 0;
        display: none;
    }
    .ay_pro_list_item_right_btn span{
        display: inline-block;
        width: auto;
        height: 2.8rem;
        line-height: 2.8rem;
        background: var(--OneColor);
        border-radius: 2.8rem;
        padding: 0 2rem;
        color: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item:hover .ay_pro_list_item_right_btn span{
        background: #FFFFFF;
        color: var(--OneColor);
    }


    .ay_pro_list_item2{
        width: 100%;
        height: auto;
        margin-top: 3%;
    }
    .ay_pro_list_item2 a{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background: #FFFFFF;
        border-radius: 5px;
        padding: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item2:hover a{
        background: var(--OneColor);
    }
    .ay_pro_list_item2_left{
        width: 40%;
        height: calc((94vw - 2rem) * 0.4 * 388 / 500);
        font-size: 0;
        overflow: hidden;
    }
    .ay_pro_list_item2_left img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item2:hover .ay_pro_list_item2_left img{
        transform: scale(1.05);
    }
    .ay_pro_list_item2_right{
        width: 55%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .ay_pro_list_item2_right_title{
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item2:hover .ay_pro_list_item2_right_title{
        color: #FFFFFF;
    }
    .ay_pro_list_item2_right_line{
        font-size: 0;
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin: 0 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item2:hover .ay_pro_list_item2_right_line{
        background: #FFFFFF;
    }
    .ay_pro_list_item2_right_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 170%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_pro_list_item2:hover .ay_pro_list_item2_right_des{
        color: #FFFFFF;
    }
    .ay_pro_list_item2_right_btn{
        display: none;
    }

    /*产品详情*/
    .ay_spro_gs_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
        border-radius: 10px 10px 10px 10px;
        margin-top: 2rem;
        padding:0 1rem;
    }
    .ay_spro_menu{
        text-align: center;
        border-bottom: 1px solid  rgba(0,0,0,0.1);
    }
    .ay_spro_menu a{
        display: inline-block;
        font-size: 1rem;
        color: #8c8c8c;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin: 0 1rem;
        padding: 1.5rem 0;
    }
    .ay_spro_menu a:hover{
        color: var(--OneColor);
    }
    .ay_spro_menu a.ay_spro_menu_aon{
        color: var(--OneColor);
    }
    .ay_spro_gs{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 2rem;
    }
    .ay_spro_gs_left{
        width: 100%;
        height: auto;
    }
    .ay_spro_gs_left_sw{
        width: 100%;
        height: calc((94vw - 2rem) * 470 / 667);
    }
    .ay_spro_gs_left_sw .swiper-slide{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
    }
    .ay_spro_gs_left_sw .swiper-slide div{
        width: 100%;
        height: auto;
        max-height: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .ay_spro_gs_left_sw .swiper-slide img{
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }
    .ay_spro_gs_right{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    .ay_spro_gs_right_title{
        font-size: 1.625rem;
        font-family: opm;
        color: #000000;
    }
    .ay_spro_gs_right_line{
        font-size: 0;
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin:1rem 0;
    }
    .ay_spro_gs_right_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 170%;
    }
    .ay_spro_gs_right_btn{
        margin-top: 3rem;
    }
    .ay_spro_gs_right_btn a{
        display: inline-block;
        width: auto;
        height: 2.8rem;
        line-height: 2.8rem;
        background: var(--OneColor);
        border-radius: 2.8rem;
        padding-left: 4rem;
        padding-right: 2rem;
        color: #FFFFFF;
        background-image: url("../images/pdf2.svg");
        background-repeat: no-repeat;
        background-position: 2rem center;
        background-size: 1.5rem;
    }

    .ay_spro_gs_left_menu_sw{
        width: 100%;
        height: 7rem;
        margin-top: 1rem;
    }
    .ay_spro_gs_left_menu_sw .swiper-slide{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        border: 1px solid transparent;
        cursor: pointer;
    }
    .ay_spro_gs_left_menu_sw .swiper-slide-active{
        border: 1px solid var(--OneColor);
    }
    .ay_spro_gs_left_menu_sw_img{
        width: 90%;
        height: auto;
        max-height: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .ay_spro_gs_left_menu_sw_img img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .ay_spro_cs_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_spro_cs{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        background: #FFFFFF;
        border-radius: 10px 10px 0 0;
        padding: 1rem;
    }

    .ay_spro_cs_title{
        width: 100%;
        height: 4rem;
        background: var(--OneColor);
        line-height: 4rem;
        text-align: center;
        font-size: 1.25rem;
        color: #FFFFFF;
    }
    .ay_spro_cs_item{
        width: 100%;
        height: auto;
        line-height: 4rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0 2rem;
        font-size: 1.125rem;
    }
    .ay_spro_cs_item:nth-of-type(odd){
        background: #f9f9f9;
    }
    .ay_spro_cs_item_title{
        width: 30%;
        height: auto;
    }
    .ay_spro_cs_item_con{
        width: 70%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .ay_spro_cs_item_con span{
        display: inline-block;
        width: 33%;
        text-align: center;
    }


    .ay_spro_more_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .ay_spro_more{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 2rem;
    }
    .ay_spro_more_item{
        width: 48%;
        height: auto;
        margin-right: 4%;
        margin-top: 0;
    }
    .ay_spro_more_item:nth-of-type(2n){
        margin-right: 0;
    }
    .ay_spro_more_item:nth-of-type(3n){
        margin-right: 4%;
    }
    .ay_spro_more_item_img{
        width: 100%;
        height: calc(94vw * 0.49 * 385 / 507);
        font-size: 0;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
    .ay_spro_more_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_spro_more_item:hover img{
        transform: scale(1.05);
    }


    .ay_spro_more_item_con{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px 10px 0 0;
        transform: translateY(-1.5rem);
        padding: 1rem;
        position: relative;
        z-index: 5;
    }
    .ay_spro_more_item_con_title{
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
    }
    .ay_spro_more_item_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 160%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 0.5rem;
    }
    .ay_spro_more_item_con_btn{
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    .ay_spro_more_item_con_btn span{
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2.5rem;
        padding: 0 2rem;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 3rem;
        color: rgba(0,0,0,0.6);
        font-size: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_spro_more_item:hover .ay_spro_more_item_con_btn span{
        border: 1px solid var(--OneColor);
        background:var(--OneColor);
        color: #FFFFFF;
    }

    /*关于我们*/
    .ay_ab_jj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_ab_jj{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .ay_ab_jj_left{
        width: 100%;
        height: auto;
    }
    .ay_ab_jj_left_title{
        font-size: 1.625rem;
        color: #000000;
    }
    .ay_ab_jj_left_con{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
        margin-top: 1rem;
    }
    .ay_ab_jj_right{
        width: 100%;
        height: auto;
        font-size: 0;
        margin-top: 2rem;
    }
    .ay_ab_jj_right img{
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .ay_ab_num{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 1rem;
    }
    .ay_ab_num_item{
        width: auto;
        margin: 0 2rem;
        height: auto;
        margin-top: 1rem;
    }
    .ay_ab_num_item_top{
        width: auto;
        height: auto;
        position: relative;
    }
    .ay_ab_num_item_top_num{
        font-size: 3rem;
        line-height: 100%;
        font-family: gb;
        color: var(--OneColor);
        padding-right: 1.5rem;
    }
    .ay_ab_num_item_top_dw{
        position: absolute;
        font-size: 1.875rem;
        line-height: 100%;
        color: var(--OneColor);
        font-family: gb;
        right: 0;
        bottom: 0.2rem;
    }
    .ay_ab_num_item_top_dw2{
        font-size: 1.25rem;
        font-family: opb;
        bottom: 0.5rem;
    }
    .ay_ab_num_item_title{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        padding-top: 0.1rem;
    }

    .ay_ab_wh_bbox{
        /*background: #FFFFFF;*/
        padding: 3rem 0;
        margin-top: 0rem;
    }
    .ay_ab_wh_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .ay_ab_wh{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .ay_ab_wh_item{
        width: 31%;
        height: calc(94vw * 0.31);
        position: relative;
        background: #FFFFFF;
        border-radius: 50%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_wh_item:hover{
        background: #f9fafd;
    }
    .ay_ab_wh_item_img{
        position: absolute;
        width: 78%;
        height: 78%;
        left: 11%;
        top: 11%;
        font-size: 0;
        border-radius: 50%;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_wh_item:hover .ay_ab_wh_item_img{
        left: 8%;
        top: 8%;
        width: 84%;
        height: 84%;
    }
    .ay_ab_wh_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .ay_ab_wh_item_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.2);
        top: 0;
        left: 0;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_wh_item:hover .ay_ab_wh_item_img_back{
        background: rgba(36,91,174,0.8);
    }

    .ay_ab_wh_item_title{
        position: absolute;
        z-index: 20;
        text-align: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        width: 100%;
        height: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        bottom: 11%;
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_wh_item:hover .ay_ab_wh_item_title{
        height: 78%;
    }

    .ay_ab_yj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top:0rem;
    }
    .ay_ab_yj{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .ay_ab_yj_item{
        width: 32%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 0.7rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_yj_item:hover{
        background: var(--OneColor);
    }
    .ay_ab_yj_item_img{
        width: 100%;
        height: calc((94vw * 0.32 - 1.4rem) * 258 / 460);
        font-size: 0;
        margin-bottom: 1rem;
        border-radius: 8px;
        overflow: hidden;
    }
    .ay_ab_yj_item:nth-of-type(2) .ay_ab_yj_item_img{
        margin-top: 1rem;
        margin-bottom: 0;
    }
    .ay_ab_yj_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_yj_item:hover .ay_ab_yj_item_img img{
        transform: scale(1.05);
    }
    .ay_ab_yj_item_title{
        font-size: 1.375rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_yj_item:hover .ay_ab_yj_item_title{
        color: #FFFFFF;
    }
    .ay_ab_yj_item_con{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_yj_item:hover .ay_ab_yj_item_con{
        color: #FFFFFF;
    }

    .ay_ab_lc_bbox{
        width: 100%;
        height: auto;
        padding-top: 3rem;
        margin-top: 3rem;
        background: #FFFFFF;
        overflow: hidden;
    }
    .ay_ab_lc_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background-image: url("../images/ab_lc_back.jpg");
        background-size: cover;
        background-position: center;
        background: #FFFFFF;
    }
    .ay_ab_lc{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .ay_ab_lc_l{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;   
        position: relative;
        margin-top: 2rem;
    }
    .ay_ab_lc_wl{
        position: absolute;
        width: 5rem;
        height: 5rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.125rem;
        color: #FFFFFF;
        right: -2.5rem;
        top: calc(50% - 2.5rem);
        display: none;
    }
    .ay_ab_lc_l:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        left: 0;
        top: calc(50% - 0.5px);
        z-index: 0;
        display: none;
    }
    .ay_ab_lc_item{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 5;
        padding-bottom: 3rem;
    }
    .ay_ab_lc_item_fen{
        width: 100%;
        height: 0rem;
    }
    .ay_ab_lc_item_nian{
        position: absolute;
        font-size: 1.875rem;
        font-display: gb;
        color: var(--OneColor);
        font-weight: bold;
        line-height: 100%;
        top: 0;
    }
    .ay_ab_lc_item_yuan{
        width: 2rem;
        height: 2rem;
        font-size: 0;
        border: 1px solid var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 1.5rem 0;
        position: relative;
        display: none;
    }
    .ay_ab_lc_item_yuan:after{
        position: absolute;
        content: '';
        width: 1px;
        height: 9.1rem;
        left: calc(1rem - 0.5px);
        top: 1rem;
        background: var(--OneColor);
        display: none;
    }
    .ay_ab_lc_item:nth-of-type(even) .ay_ab_lc_item_yuan:after{
        top: -8.1rem;
    }
    .ay_ab_lc_item_yuan span{
        display: block;
        width: 1rem;
        height: 1rem;
        background: var(--OneColor);
        border-radius: 50%;
        margin: 0 auto;
    }
    .ay_ab_lc_item_con{
        font-size: 1rem;
        line-height: 170%;
        width: 100%;
        height: auto;
        overflow: visible;
        padding-left: 0rem;
        padding-right: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
        padding-top: 2.5rem;
    }
    .ay_ab_lc_item_con:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 100%;
        height: 1px;
        border-radius: 0%;
        left: 0;
        bottom: -1.5rem;
        background: var(--OneColor);
    }
    .ay_ab_lc_item:nth-of-type(even) .ay_ab_lc_item_con:after{
        bottom: -1.5rem;
        top: auto;
    }
    .ay_ab_lc_item:nth-of-type(even) .ay_ab_lc_item_con{
        justify-content: flex-start;
    }

    .ay_ab_ry_bbox{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 3rem 0;
    }
    .ay_ab_ry_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .ay_ab_ry{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 0.5rem;
    }
    .ay_ab_ry_item{
        width: 48%;
        height: auto;
        margin-right: 4%;
        margin-top: 1.5rem;
    }
    .ay_ab_ry_item:nth-of-type(4n){
        margin-right: 4%;
    }
    .ay_ab_ry_item:nth-of-type(2n){
        margin-right: 0;
    }
    .ay_ab_ry_item_img{
        width: 100%;
        height: calc(94vw * 0.48 * 189 / 270);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ay_ab_ry_item_img div{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .ay_ab_ry_item_img div img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .ay_ab_ry_item_title{
        width: 100%;
        text-align: center;
        font-size: 1rem;
        margin-top: 0.5rem;
    }

    .ay_ab_kh_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .ay_ab_kh_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .ay_ab_kh_title_right{
        margin-top: 1rem;
    }
    .ay_ab_kh_title_right span{
        display: inline-block;
        margin: 0 0;
        margin-right: 1rem;
        font-size: 1rem;
        color: #000000;
        cursor: default;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_ab_kh_title_right span.ay_ab_kh_title_right_s{
        color: var(--OneColor);
    }
    .ay_ab_kh{
        width: 100%;
        height: auto;
    }
    .ay_ab_kh .swiper-slide{
        width: 100%;
        height: auto;
        margin: 0;
        font-size: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 1rem 0;
    }
    .ay_ab_kh_item{
        width: 20%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 1rem 0;
    }
    .ay_ab_kh_item_img{
        width: 75%;
        height: auto;
        max-height: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .ay_ab_kh_item_img img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    /*首页*/
    .ay_banner{
        width: 100%;
        height: 80vh;
        position: relative;
    }
    .ay_banner_sw{
        width: 100%;
        height: 100%;
    }
    .ay_banner_sw .swiper-slide{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ay_banner_sw_img{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .ay_banner_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .ay_banner_sw_img video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .ay_banner_sw_con{
        position: relative;
        z-index: 5;
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 8vh;
    }
    .ay_banner_sw_con_title{
        font-size: 2.375rem;
        color: #FFFFFF;
    }
    .ay_banner_sw_con_line{
        font-size: 0;
        background: var(--OneColor);
        width: 4rem;
        height: 2px;
        margin: 1.5rem 0;
    }
    .ay_banner_sw_con_btn{
        margin-top: 5rem;
    }
    .ay_banner_sw_con_btn a{
        width: 11rem;
        height: 3.5rem;
        background: var(--OneColor);
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 3.5rem;
        text-align: center;
        font-size: 1.125rem;
        color: #FFFFFF;
    }
    .ay_banner_sw_con_des{
        font-size: 1.125rem;
        color: #FFFFFF;
        line-height: 160%;
    }


    .ay_banner_menu_box{
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 2rem;
    }
    .ay_banner_menu{
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .ay_banner_menu_left{
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .ay_banner_menu_mous{
        width: 1.5rem;
        height: 2rem;
        border: 2px solid #FFFFFF;
        border-radius: 1rem;
    }
    .ay_banner_menu_mous span{
        display: block;
        font-size: 0;
        width: 3px;
        height: 6px;
        background: #FFFFFF;
        border-radius: 3px;
        margin: 0 auto;
        margin-top: 6px;
    }
    .ay_banner_menu_line{
        font-size: 0;
        width: 8rem;
        height: 1px;
        background: #FFFFFF;
        margin-left: 1.5rem;
    }
    .ay_banner_menu_dian{
        width: auto;
        height: auto;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-left: 1rem;
    }
    .ay_banner_menu_dian span{
        width: 7px;
        height: 7px;
        background: #FFFFFF;
        border-radius: 7px;
        margin: 0 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .ay_banner_menu_dian span.ay_banner_menu_dian_son{
        background: var(--OneColor);
    }

    .ay_banner_pagination{
        width: 8rem;
        font-size: 1.125rem;
        font-family: dm;
        color: #FFFFFF;
        padding-left: 1rem;
    }

    .ay_idtitle_b{
        font-size: 2rem;
        color: #202f45;
    }
    .ay_idtitle_l{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
    }
    .ay_idtitle_l span{
        background-image: url("../images/id_title_arr.svg");
        background-position: right center;
        background-size: 1.5rem;
        background-repeat: no-repeat;
        padding-right: 1.8rem;
    }

    .ay_id_pro_bbox{
        width: 100%;
        height: auto;
        /*background-image: url("../images/id_pro_back.jpg");*/
        background-size: cover;
        background-position: center;
        padding: 3rem 0;
        margin-top: 3rem;
    }
    .ay_id_pro_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .ay_id_pro{
        width: 100%;
        height:auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0;
    }
    .ay_id_pro_item{
        width: 100%;
        height: auto;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 2rem;
    }
    .ay_id_pro_itemon{
        width: 100%;
        height: auto;
        background: #e1eaf1;
        border-radius: 10px;
        padding: 2rem;
        position: relative;
    }
    .ay_id_pro_itemon .ay_id_pro_item_con_ltitle{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.6);
        text-align: left;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemon .ay_id_pro_item_con_title{
        font-size: 1.5rem;
        color: rgba(0,0,0,1);
        margin-top: 1rem;
        text-align: left;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemon .ay_id_pro_item_con_con{
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemon .ay_id_pro_item_con_con a{
        display: block;
        font-size: 1rem;
        color: #000000;
        line-height: 170%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_item_con_con a:hover{
        color: var(--OneColor);
    }
    .ay_id_pro_itemon .ay_id_pro_item_con_more{
        display: inline-block;
        position: relative;
        left: 0rem;
        bottom: 0rem;
        background: var(--OneColor);
        height: 3rem;
        line-height: 3rem;
        width: 9rem;
        margin-top: 1.5rem;
        text-align: center;
        font-size: 1rem;
        color: #FFFFFF;
        border-radius: 3.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemon .ay_id_pro_item_img{
        position: absolute;
        width: 55%;
        height: 85%;
        bottom: 0;
        right: 0;
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 5;
    }
    .ay_id_pro_itemon .ay_id_pro_item_img_img{
        width: 80%;
        height: auto;
        max-height: 90%;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemon .ay_id_pro_item_img_img>img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }

    .ay_id_pro_itemon .ay_id_pro_item_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 0;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemon .ay_id_pro_item_img_back>img{
        width: 95%;
        height: auto;
        opacity: 0.25;

        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ay_id_pro_itemoff{
        width: 100%;
        height: auto;
        background: #e1eaf1;
        border-radius: 10px;
        padding: 2rem;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_con_ltitle{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.6);
        text-align: left;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_con_title{
        font-size: 1.5rem;
        color: rgba(0,0,0,1);
        margin-top: 1rem;
        text-align: left;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_con_con{
        margin-top: 1rem;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_con_con a{
        display: block;
        font-size: 1rem;
        color: #000000;
        line-height: 170%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_con_more{
        display: inline-block;
        position: relative;
        left: 0rem;
        bottom: 0rem;
        background: var(--OneColor);
        height: 3rem;
        line-height: 3rem;
        width: 9rem;
        margin-top: 1.5rem;
        text-align: center;
        font-size: 1rem;
        color: #FFFFFF;
        border-radius: 3.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_img{
        position: absolute;
        width: 55%;
        height: 85%;
        bottom: 0;
        right: 0;
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 5;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_img_img{
        width: 80%;
        height: auto;
        max-height: 90%;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_img_img>img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }

    .ay_id_pro_itemoff .ay_id_pro_item_img_back{
        position: absolute;
        width: 0%;
        height: 0%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 0;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        overflow: hidden;
    }
    .ay_id_pro_itemoff .ay_id_pro_item_img_back>img{
        width: 95%;
        height: auto;
        opacity: 0.25;

        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ay_id_ab_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background-image: linear-gradient(to bottom,#ffffff,#f9f9f9);
    }
    .ay_id_ab{
        width: 94%;
        height: auto;
        margin: 0 auto;
        /*background-image: url("../images/id_ab_back.png");*/
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 3rem 2rem;
        padding-bottom: 5rem;
    }
    .ay_id_ab_title{
        font-size: 1.625rem;
        color: #FFFFFF;
    }
    .ay_id_ab_btitle{
        font-size: 2rem;
        color: #FFFFFF;
        margin-top: 1rem;
    }
    .ay_id_ab_des{
        width: 100%;
        height: auto;
        font-size: 1rem;
        line-height: 180%;
        color: #FFFFFF;
        margin-top: 2rem;
    }
    .ay_id_ab_btn{
        width: 4rem;
        height: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.75rem;
        background: var(--OneColor);
        border-radius: 2rem;
        color: #FFFFFF;
        text-align: center;
        margin-top: 3rem;
    }

    .ay_id_num_box{
        width: 100%;
        height: auto;
        padding-top: 3rem;
        background: #FFFFFF;
    }
    .ay_id_num{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ay_id_num_item_top{
        width: auto;
        height: auto;
        position: relative;
    }
    .ay_id_num_item_top_num{
        font-size: 3.875rem;
        line-height: 100%;
        font-family: gb;
        color: var(--OneColor);
        padding-right: 1.5rem;
    }
    .ay_id_num_item_top_dw{
        position: absolute;
        font-size: 1.875rem;
        line-height: 100%;
        color: var(--OneColor);
        font-family: gb;
        right: 0;
        bottom: 0.2rem;
    }
    .ay_id_num_item_top_dw2{
        font-size: 1.25rem;
        font-family: opb;
        bottom: 0.5rem;
    }
    .ay_id_num_item_title{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        padding-top: 0.1rem;
    }
    
    
    .ay_enlyy{
        width: 90%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 2.5rem 0;
        position: relative;
    }
}