@media screen and (max-width:1023px)and (min-width:300px)
{ 
    /*导航*/
    .xq_nav_box{
        width: 100%;
        height: 8vh;
        position: fixed;
        top: 0;
        z-index: 1000;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_nav_box_hei{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .xq_nav_boxon{
        background: #FFFFFF;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .xq_nav{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: static;
    }

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

    .xq_nav_logo img{
        width: auto;
        height: 50%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_nav_main{
        width: 100%;
        height: 0;
        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;
        opacity: 0;
        padding: 0rem 0;
    }
    .xq_nav_main_on{
        width: 100%;
        height: auto;
        opacity: 1;
        padding: 1.5rem 0;
    }

    .xq_nav_meun{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
    }
    .xq_nav_meun_tiem{
        width: auto;
        height: 100%;
        margin-right: 0rem;
        position: static;
        margin: 0.5rem 0;
    }
    .xq_nav_meun_tiems{
        position: relative;
    }
    .xq_nav_meun_tiem2{
        position: relative;
    }
    .xq_nav_meun_tiem>a{
        height: 100%;
        position: relative;
        font-size: 1.375rem;
        color: #000000;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .xq_nav_box_hei .xq_nav_meun_tiem>a{
        color: #000000;
    }
    .xq_nav_boxon .xq_nav_meun_tiem>a{
        color: #000000;
    }

    .xq_nav_meun_tiem>a:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background:linear-gradient(to right,#24a5e0,#173c78);
        left: 0;
        bottom: -1px;
        transform: scaleX(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: -5;
    }
    .xq_nav_meun_tiem:hover>a:after{
        transform: scaleX(1);
    }
    .xq_nav_meun_tiemon:after{
        transform: scaleX(1);
    }

    .xq_nav_down2{
        position: absolute;
        width: 42rem;
        background: rgba(255,255,255,0.98);
        left: -7.2rem;
        top: 100%;
        padding-bottom: 0rem;
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
        display: flex;
        justify-content: space-between;
    }
    .xq_nav_meun_tiem2:hover .xq_nav_down2{
        padding: 1.5rem 0;
        height: auto;
        opacity: 1;
        -moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    }

    .flm_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 0;
        
    }
    .flm_nav_downs{
        width: 100%;
        left: 0;
    }
    .xq_nav_meun_tiem:hover .flm_nav_down{
        height: auto;
        opacity: 1;
        padding: 1rem 0;
        -moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);
        -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);
        box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);
    }
    .flm_nav_down_item{
        text-align: center;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_nav_down_item>a{
        display: inline-block;
        height: 2.2rem;
        line-height: 2.2rem;
        position: relative;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .flm_nav_down_item:hover{

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







    .xq_nav_down2_mune{
        width: 18rem;

        border-right: 1px solid rgba(0,0,0,0.1);
    }
    .xq_nav_down2_mune a{
        display: block;
        width: 100%;
        padding-left: 3.5rem;
        line-height: 3.5rem;
        font-size: 1.25rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
    }
    .xq_nav_down2_mune a:after{
        content: '';
        background: url(../images/san_03.jpg) no-repeat center;
        width: 8px;
        height: 9px;
        position: absolute;
        top: calc(50% - 4.5px);
        right: 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
    }

    .xq_nav_down2_mune a.xq_nav_down2_mune_a{
        color: var(--OneColor);
    }
    .xq_nav_down2_mune a.xq_nav_down2_mune_a:after{
        opacity: 1;
    }

    .xq_nav_down2_right{
        width: 22rem;
        position: relative;

    }

    .xq_nav_down2_con{
        width: 100%;
        height: auto;
        position: absolute;
        top:0;
        left: 0;
        opacity: 0;
        z-index: -2;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_nav_down2_con a{
        display: block;
        width: 100%;
        height: auto;
        line-height: 2.5rem;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.82);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .xq_nav_down2_con a:hover{
        color: var(--OneColor);
    }

    .xq_nav_down_box{
        position: relative;
        width: 100%;
        background: rgba(255,255,255,0.98);
        left: 0;
        top: 0;
        padding: 0 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;

    }
    .xq_nav_meun_tiem1:hover .xq_nav_down_box{
        padding: 1rem 0;
        height: auto;
        opacity: 1;
    }
    .xq_nav_down_box_all{
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .xq_nav_down_box_all a{
        width: auto;
        height: 2.2rem;
        position: relative;
        padding-left: 20px;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        display: inline-flex;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_nav_down_box_all a:after{
        content: '';
        width: 10px;
        height: 10px;
        background: var(--OneColor);
        border-radius:50%;
        position: absolute;
        left: 0;
        top: calc(50% - 5px);
    }

    .xq_nav_down_box_all a:hover span{
        border-bottom: 2px solid var(--OneColor);
        color: var(--OneColor);
    }
    .xq_nav_down_box_all a span{
        border-bottom: 2px solid rgba(0,0,0,0);

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



    .xq_nav_down{
        width: 92%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .xq_nav_down_left{
        width: 28%;
        height: auto;
        display: none;
    }
    .xq_nav_down_left img{
        width: 100%;
        height: auto;
    }
    .xq_nav_down_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .xq_nav_down_item{
        width: 48%;
        height: auto;
        margin-right: 0%;
    }
    .xq_nav_down_item:nth-child(3n){ margin-right: 0;}
    .xq_nav_down_item_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-top: 1rem;
    }
    .xq_nav_down_item_top_text{
        font-size: 1.25rem;
        color: #000000;
    }
    .xq_nav_down_item_top_ico svg{
        width: 1.2rem;
        height: 1.2rem;
    }
    .xq_nav_down_item_con{
        padding: 0.5rem 0;
    }
    .xq_nav_down_item_con a{
        display: block;
        margin: 0.3rem 0;
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        position: relative;
        padding-bottom: 2px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_nav_down_item_con a:hover{
        color: var(--OneColor);
    }
    .xq_nav_down_item_con a:hover span{
        border-bottom: 2px solid var(--OneColor);
        color: var(--OneColor);
    }
    .xq_nav_down_item_con a span{
        border-bottom: 2px solid rgba(0,0,0,0);

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


    .xq_nav_search{
        width: 20rem;
        height: 2.7rem;
        border: 1px solid rgba(0,0,0,0.3);
        border-radius: 2.7rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-left: 0rem;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_nav_box_hei .xq_nav_search{
        border: 1px solid rgba(0,0,0,0.3);
    }
    .xq_nav_boxon .xq_nav_search{
        border: 1px solid rgba(0,0,0,0.3);
    }
    .xq_nav_search_left{
        width: calc(100% - 3rem);
    }
    .xq_nav_search_left input{
        width: 100%;
        height: auto;
        padding: 0 1rem;
        border: none;
        background: none;
        color: var(--OneColor);
    }
    .xq_nav_search_btn{
        width: 2.3rem;
        height: 2.3rem;
        margin: 0.2rem;
    }
    .xq_nav_search_btn a{
        display: block;
        width: 100%;
        height: 100%;
        background:linear-gradient(to bottom,#2a98d2 20%,#225e98);
        border-radius: 50%;
        text-align: center;
    }
    .xq_nav_search_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:#ffffff;
        margin-top: 0.4rem;
    }

      	
    .menubtn{
        width: 25px;
        position: absolute;
        right: 0;
        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}
       .xq_nav_boxon .nav-icon-5 span{
            background-color:var(--OneColor);
        }
    .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*/
    .xq_nbanner{
        width: 100%;
        height: calc(100vw * 548 / 1920);
        position: relative;
    }
    .xq_nbanner_img{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
    }
    .xq_nbanner_img>img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .xq_bread_box{
        position: absolute;
        z-index: 5;
        left: 0;
        bottom: 0;
        width: 100%;
        min-width:100%;
        height: auto;
        line-height: 2rem;
        background-color: #FFFFFF;
        padding: 1rem 2%;
    }
    .xq_bread_box2{
        background: #f2f2f2;
    }

    .xq_bread{
        width: auto;
        height: auto;
        background-image: url("../images/bread_ico.svg");
        background-repeat: no-repeat;
        background-position: left 0.4rem;
        background-size: 1.2rem;
        font-size: 1.125rem;
        padding-left: 1.5rem;
    }
    .xq_bread a{
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_bread a:hover{
        color: var(--OneColor);
    }
    .xq_bread span{
        padding: 0 0.5rem;
    }

    .xq_nbanner_con{
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        line-height: 4rem;
        overflow: hidden;
        right: 0;
        bottom: 0;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .xq_nbanner_con_en{
        width: auto;
        height: auto;
        font-family: ssh;
        font-weight: bold;
        color: #eff3f7;
        font-size: 3rem;
        text-align: center;
        text-transform: uppercase;
    }
    .xq_nbanner_con_cn{
        width: auto;
        height: auto;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 2rem;
        padding-left: 0rem;
        text-align: center;
    }

    /*title*/
    /*.xq_title {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-top: 6rem;
        padding-left: 13.5vw;
        padding-left: calc((100vw - var(--mainwidth)) / 2);
        position: relative;
        z-index: 0;
    }*/
    .xq_titles {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        padding-left: 3%;
        position: relative;
        z-index: 0;
    }
    .xq_title_cn{
        font-size: 2rem;
        font-weight: bold;
    }
    .xq_title_en{
        font-size: 1.5rem;
        font-family: opl;
        color: var(--OneColor);
        text-transform: uppercase;
    }
    .xq_title_en font{
        font-family: opb;
    }

    /*footer*/
    .xq_footer_box{
        width: 100%;
        height: auto;
        background: #eff2f7;
        padding-top: 3rem;
        position: relative;
        z-index: 9;
    }
    .xq_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 2rem;
    }
    .xq_footer_menu{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 2rem;
    }
    .xq_footer_menu_item{
        padding-right: 0rem;
        padding: 0 1.5rem;
    }
    .xq_footer_menu_item:last-child{ padding-right: 0;}

    .xq_footer_menu_item a{
        display: block;
        color: rgba(0,0,0,0.8);
        font-size: 1rem;
        line-height: 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .xq_footer_menu_item a:hover{
        color: rgba(0,0,0,1);
    }
    .xq_footer_menu_item a.xq_footer_menu_atitle{
        color: rgba(0,0,0,1);
        font-size: 1.25rem;
        font-weight: bold;
        position: relative;
        margin-bottom: 1.5rem;
        padding-bottom: 0rem;
        display: block;
    }
    .xq_footer_menu_item a.xq_footer_menu_atitle:before{
        position: absolute;
        content: '';
        width: 1rem;
        height: 3px;
        background: #163973;
        left: 0;
        bottom: 0;
        display: none;
    }

    .xq_footer_right{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xq_footer_code{
        margin-left: 1rem;
        margin-right: 1rem;
        width: 100px;
        height: auto;
        text-align: center;
        color: #000;
    }
    .xq_footer_code img{
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
    }

    .xq_footer_lx{
        width: 73vw;
        width: var(--mainwidth);
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 2rem;
        border-top: 1px solid rgba(0,0,0,0.1);
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .xq_footer_left{
        width: 100%;
    }
    .xq_footer_lx_logo{
        text-align: center;
    }
    .xq_footer_lx_logo img{
        height: 2.5rem;
    }

    .xq_footer_lx_item{
        width: 100%;
        height: auto;
        position: relative;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-top: 2rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .xq_footer_lx_item:after{
        content: '';
        width: 3.5rem;
        height: 3.5rem;
        background: url(../images/dian_03.png) no-repeat center;
        background-size:cover;
        position: absolute;
        top: 0;
        right: 0;
        border-radius:50%;
    }

    .xq_footer_lx_item_title{
        font-size: 1.25rem;
        color: #000;
        font-weight: lighter;
    }

    .xq_footer_lx_item_tel{
        font-size: 1.875rem;
        color: #000;
        font-weight: bold;
        line-height: 3rem;
    }

    .xq_footer_lx_item1{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #000;
        line-height: 2rem;
    }


    .xq_footer_copy_box{
        width: 100%;
        height: auto;
        line-height: 1.625rem;
        background: #163973;
        padding: 1rem 0;
    }
    .xq_footer_copy{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        color: rgba(255,255,255,0.8);
    }
    .xq_footer_copy a{
        color: rgba(255,255,255,0.8);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_footer_copy a:hover{
        color: rgba(255,255,255,1);
    }

    /*软件产品*/
    .xq_pro_jj_box{
        width: 100%;
        height: auto;
        position: relative;
        padding: 3rem 0;
        padding-bottom: 3rem;
    }
    .xq_pro_jj_back{
        position: absolute;
        width: 48%;
        height: 100%;
        background: #eff3f7;
        right: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 5%;
    }
    .xq_pro_jj_back span{
        display: block;
        width: 32vw;
        height: 32vw;
        border: 6vw solid #e5ebf2;
        border-radius: 50%;
    }
    .xq_pro_jj_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .xq_pro_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 3rem;
    }
    .xq_pro_jj_img{
        position: relative;
        width: 100%;
        height: calc(94vw * 478 / 860);
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        padding: 6px;
        right: 0rem;
        top: 0;
    }
    .xq_pro_jj_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xq_pro_jj_con{
        width: 50%;
        height: calc(73vw * 0.55 * 478 / 860);
        height: calc(var(--mainwidth) * 0.55 * 478 / 860);
        background: linear-gradient(135deg,#24a5e0 30%,#173c78);
        padding: 0 5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xq_pro_jj_con_title{
        font-size: 1.875rem;
        color: #FFFFFF;
        font-weight: bold;
        position: relative;
        padding-left: 3rem;
    }
    .xq_pro_jj_con_title:before{
        position: absolute;
        content: '';
        width: 1rem;
        height: 1rem;
        font-size: 0;
        border: 0.5rem solid #FFFFFF;
        border-radius: 50%;
        left: 0;
        top: calc(50% - 0.9rem);
    }
    .xq_pro_jj_con_con{
        font-size: 1.062rem;
        color: #FFFFFF;
        line-height: 180%;
        margin-top: 3rem;
        height: 7.7rem;
        overflow: auto;
        padding-right: 1rem;
    }



    .xq_pro_gn_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding-bottom: 3rem;
    }
    .xq_pro_gn{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .xq_pro_gn_item{
        width: 48.5%;
        height: auto;
        margin-right: 3%;
        margin-top: 3%;
        position: relative;
        background: #eff3f7;
        padding: 2rem 1.5rem;
    }
    .xq_pro_gn_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url("../images/pro_gn_back.png");
        background-size: cover;
        background-position: center;
        left: 0;
        top: 0;
        z-index: 3;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_pro_gn_item:hover .xq_pro_gn_item_back{
        opacity: 1;
    }
    .xq_pro_gn_item_back2{
        position: absolute;
        width: 22rem;
        height: 22rem;
        top: 0;
        right: 0;
        overflow: hidden;
        z-index: 0;
    }
    .xq_pro_gn_item_back2 img{
        position: absolute;
        width: 100%;
        height: 100%;
        right: -10rem;
        top: -8rem;
    }
    .xq_pro_gn_item:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 10px;
        background: linear-gradient(to right,#24a5e0,#173c78);
        bottom: 0;
        left: 0;
        z-index: 10;
    }
    .xq_pro_gn_item:nth-child(4n){
        margin-right: 3%;
    }
    .xq_pro_gn_item:nth-child(2n){
        margin-right: 0%;
    }

    .xq_pro_gn_item_ico{
        width: 3rem;
        height: 3rem;
        overflow: hidden;
        font-size: 0;
        position: relative;
        z-index: 5;
    }
    .xq_pro_gn_item_ico img{
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_pro_gn_item:hover .xq_pro_gn_item_ico img:nth-child(1){
        margin-top: -100%;
    }
    .xq_pro_gn_item_con{
        margin-top: 1.5rem;
        font-size: 1.125rem;
        color: #000000;
        line-height: 150%;
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_pro_gn_item:hover .xq_pro_gn_item_con{
        color: #FFFFFF;
    }

    .xq_pro_case_box{
        width: 100%;
        height: auto;
        /*background-image: url("../images/pro_case_back.png");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0;
    }
    .xq_pro_case{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }

    .xq_pro_case_list{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .xq_pro_case_item{
        display: block;
        width: 48.5%;
        height: auto;
        margin-top: 1.5rem;
    }
    .xq_pro_case_item_img{
        width: 100%;
        height: calc(94vw * 0.485 * 410 / 724);
        font-size: 0;
        overflow: hidden;
    }
    .xq_pro_case_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;
    }
    .xq_pro_case_item:hover .xq_pro_case_item_img img{
        transform: scale(1.03);
    }
    .xq_pro_case_item_title{
        font-size: 1.125rem;
        color: #000000;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_pro_case_item:hover .xq_pro_case_item_title{
        color: var(--OneColor);
    }

    /*产品列表*/
    .xq_prol_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .xq_prol_item{
        width: 100%;
        height: auto;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        position: relative;
    }
    .xq_prol_item:first-child{
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    .xq_prol_item_back{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/prol_item_back.png");
        background-size: cover;
        background-position: center;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_prol_item:hover .xq_prol_item_back{
        opacity: 1;
    }
    .xq_prol_item_con{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        padding: 2rem 0;
    }
    .xq_prol_item_con_img{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .xq_prol_item_con_img img{
        height: calc(94vw * 3 / 4);
        width: auto;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_prol_item:hover .xq_prol_item_con_img img{
        transform: scale(1.03);
    }
    .xq_prol_item_con_con{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 0%;
        margin-top: 1.5rem;
    }
    .xq_prol_item_con_con_title{
        font-size: 1.875rem;
        font-family: opm;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_prol_item:hover .xq_prol_item_con_con_title{
        color: #FFFFFF;
    }
    .xq_prol_item_con_con_des{
        font-size: 1.125rem;
        font-family: opm;
        color: #939393;
        line-height: 170%;
        margin-top: 1rem;
         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;
    }
    .xq_prol_item:hover .xq_prol_item_con_con_des{
        color: #FFFFFF;
    }
    .xq_prol_item_con_btn{
        position: relative;
        width: 4rem;
        height: 4rem;
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        border-radius: 50%;
        text-align: center;
        right: 0;
        top: calc(50% - 2rem);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .xq_prol_item:hover .xq_prol_item_con_btn{
        background: #FFFFFF;
    }
    .xq_prol_item_con_btn svg{
        width: 2rem;
        height: 2rem;
        margin-top: 1rem;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_prol_item:hover .xq_prol_item_con_btn svg{
        fill: var(--OneColor);
    }


    .xq_page{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
        padding-bottom: 2rem;
    }
    .xq_page a{
        display: inline-block;
        width: 3.1rem;
        height: 3.1rem;
        line-height: 3.1rem;
        border-radius: 50%;
        background: #f5f7fb;
        font-size: 1.125rem;
        color: #000000;
        margin: 0 0.5rem;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_page a svg{
        width: 1.5rem;
        height: 1.5rem;
        margin-top: 0.8rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_page a.xq_page_aon{
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        color: #FFFFFF;
        font-weight: bold;
    }
    .xq_page a.xq_page_aon svg{
        fill: #FFFFFF;
    }
    .xq_page a:hover{
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        color: #FFFFFF;
        font-weight: bold;
    }
    .xq_page a:hover svg{
        fill: #FFFFFF;
    }

    /*解决方案*/
    .xq_fa_jj_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 1.5rem;
    }
    .xq_fa_jj_box{
        width: 100%;
        height: auto;
        background: #eff3f7;
        margin-top: 1rem;
        padding-top: 1.5rem;
    }
    .xq_fa_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    .xq_fa_jj_con{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #000000;
        line-height: 180%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 1.5rem 0;
    }
    .xq_pro_jj_con_titles {
        font-size: 1.5rem;
        color: #000;
        font-weight: bold;
        position: relative;
        padding-left: 2.2rem;
    }
    .xq_pro_jj_con_titles:before {
        position: absolute;
        content: '';
        width: 0.8rem;
        height: 0.8rem;
        font-size: 0;
        border: 0.4rem solid #24a5e0;
        border-radius: 50%;
        left: 0;
        top: calc(50% - 0.8rem);
    }
    .xq_pro_jj_con_content{
        width: 100%;
        height: auto;
        max-height: 100%;
        overflow: auto;
        margin-top: 1rem;
    }
    .xq_fa_jj_img{
        position: relative;
        width: 100%;
        height: calc(94vw * 518 / 823);
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        padding: 6px;
        right:0;
        bottom: 0rem;
    }
    .xq_fa_jj_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .xq_fa_td_box{
        width: 94%;
        height: auto;
        padding: 3rem 0;
        padding-bottom: 0;
        margin: 0 auto;
        background: #fff;
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
    }
    .xq_fa_td_back{
        position: absolute;
        width: 13.5vw;
        width: calc((100vw - var(--mainwidth)) / 2);
        height: calc(100% + 4rem);
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        z-index: 5;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 5rem 0;
        display: none;
    }
    .xq_fa_td_back span{
        display: block;
        width: auto;
        text-align: center;
    }
    .xq_fa_td_back span:first-child{
        font-size: 6.125rem;
        color: rgba(255,255,255,0.05);
        text-transform: uppercase;
        font-family: oph;
        transform: rotate(90deg);
    }
    .xq_fa_td_back span img{
        width: 60%;
        height: auto;
        margin: 0 auto;
        opacity: 0.05;
    }
    .xq_fa_td_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0rem 0;
        padding-left: 0
    }
    .xq_fa_td_left .xq_title_cn{
        color: #000;
    }
    .xq_fa_td_left .xq_title_en{
        color: #000;
    }
    .xq_fa_td_left_bottom{
        position: relative;
        font-size: 1.5rem;
        color: #000;
        font-weight: bold;
        padding-left: 1rem; 
        margin-top:1rem;
    }
    .xq_fa_td_left_bottom:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 1.5rem;
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        left: 0;
        top: calc(50% - 0.75rem);
    }
    .xq_fa_td_right{
        width: 100%;
        height: auto;
        padding-left: 0%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .xq_fa_td_item{
        width: 48.5%;
        height: auto;
        padding: 0rem 0;
        margin-top: 2rem;

    }
    .xq_fa_td_item a{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
    }

    .xq_fa_td_item:after{
        position: absolute;
        content: '';
        width: 0%;
        height: 1px;
        background: var(--OneColor);
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .xq_fa_td_item:hover:after{
        width: 100%;
    }
    .xq_fa_td_item_ico{
        width: 3.5rem;
        height: 3.5rem;
        overflow: hidden;
        margin: 0 auto;
        font-size: 0;
    }
    .xq_fa_td_item_ico img{
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_fa_td_item:hover .xq_fa_td_item_ico img:first-child{
        margin-top: -100%;
    }
    .xq_fa_td_item_con{
            width: 100%;
        height: auto;
        padding-left: 0rem;
    }
    .xq_fa_td_item_con_title{
        font-size: 1.25rem;
        color: #000;
        font-weight: bold;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        text-align: center;
        margin-top: 1rem;
        font-family: opm;
    }
    .xq_fa_td_item:hover .xq_fa_td_item_con_title{
        color: var(--OneColor);
    }
    .xq_fa_td_item_con_ltitle{
        width: 80%;
        font-size: 1.125rem;
        margin: 0 auto;
        text-align: center;
        color: #000;
        margin-top: 0.7rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_fa_td_item:hover .xq_fa_td_item_con_ltitle{
        color: var(--OneColor);
    }

    .xq_fa_xgt_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .xq_fa_xgt{
        width: 100%;
        height:auto;
        background-image: url("../images/fa_xgt_back.png");
        background-size: cover;
        background-position: center;
        margin-top: 2rem;
        padding: 1rem;
        padding-top: 1rem;
        padding-right: 1rem;
        position: relative;
        padding-bottom: 6rem;
    }
    .xq_fa_xgt_sw{
        width: 100%;
        height: auto;
    }
    .xq_fa_xgt_sw .swiper-slide img{
        border-radius: 5px;
        width: 100%;
        height: calc((94vw - 2rem) * 417 / 646);
    }
    .xq_fa_xgt_back{
        position: absolute;
        width: 75%;
        height: 3.5rem;
        background: #FFFFFF;
        top: 0;
        right: 0;
        display: none;
    }
    .xq_fa_xgt_line{
        position: absolute;
        width: 3px;
        height: 3rem;
        background: #FFFFFF;
        top: 1rem;
        left: calc(25% - 2rem);
        display: none;
    }
    .xq_fa_xgt_menu{
        position: absolute;
        width: 8rem;
        height:4rem;
        background: #f5f3f9;
        bottom: 1rem;
        right: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .xq_fa_xgt_menu_btn{
        cursor: pointer;
    }
    .xq_fa_xgt_menu_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:var(--OneColor);
        margin-top: 0.3rem;
    }
    .xq_fa_xgt_menu_line{
        display: block;
        width: 2px;
        height: 1rem;
        background: var(--OneColor);
        margin: 0 1rem;
    }


    /*加入我们*/
    .xq_join_ln_box{
        width: 100%;
        height: auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
        /*background-image: url("../images/join_ln_back.jpg");
        background-size: cover;
        background-position: center;*/
    }
    .xq_join_ln_lbox{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .xq_join_ln{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0rem;
    }
    .xq_join_ln_item{
        width: 100%;
        height: auto;
        background-image: url("../images/join_ln_iback1.jpg");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2rem 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 1.5rem;
    }
    .xq_join_ln_item:hover{
        background-image: url("../images/join_ln_iback2.png");
    }
    .xq_join_ln_item_ico{
        width: 2.6rem;
        height: 2.6rem;
        overflow: hidden;
        font-size: 0;
    }
    .xq_join_ln_item_ico img{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_join_ln_item:hover .xq_join_ln_item_ico img:first-child{
        margin-top: -100%;
    }
    .xq_join_ln_item_title{
        font-size: 1.5rem;
        font-weight: bold;
        color: var(--OneColor);
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_join_ln_item:hover .xq_join_ln_item_title{
        color: #FFFFFF;
    }
    .xq_join_ln_item_des{
        font-size: 1.125rem;
        color: #000000;
        line-height: 170%;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_join_ln_item:hover .xq_join_ln_item_des{
        color: #FFFFFF;
    }

    .xq_join_ltitle_box{
        width: 100%;
        height: auto;
        background-image: url("../images/join_t_back.png");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2rem 0;
    }
    .xq_join_ltitle{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
    .xq_join_ltitle .xq_title_cn{
        color: #FFFFFF;
    }
    .xq_join_ltitle .xq_title_en{
        color: #FFFFFF;
    }

    .xq_join_ltitle_right{
        font-size: 1.125rem;
        color: #FFFFFF;
    }
    .xq_join_ltitle_right span{
        display: inline-block;
        width: auto;
        height: auto;
        background-image: url("../images/join_t_ico.svg");
        background-repeat: no-repeat;
        background-size: 1.5rem;
        background-position: left center;
        padding-left: 2rem;
    }

    .xq_join_list_box{
        width: 100%;
        height: auto;
        background-image: url("../images/join_list_back.jpg");
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    }
    .xq_join_list{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
    }
    .xq_join_item{
        width: 100%;
        height: auto;
    }
    .xq_join_item_top{
        width: 100%;
        height: 14rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        padding: 0 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_join_item:hover .xq_join_item_top{
        background: #e5ebf2;
    }
    .xq_join_item_top_1{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
    }
    .xq_join_item_top_1 span:nth-child(1){
        font-size: 1.375rem;
        color: var(--OneColor);
        font-weight: bold;
    }
    .xq_join_item_top_1 span:nth-child(2){
        font-size: 1.125rem;
        color: #000000;
        padding-left: 3rem;
    }

    .xq_join_item_top_2{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .xq_join_item_top_2 span{
        display: block;
        width: 100%;
        font-size: 1.125rem;
        margin-top: 0.5rem;
        color: #000000;
        padding-right: 5rem;
        background-size: 1.3rem;
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 1.8rem;
    }
    .xq_join_item_top_2 span:nth-child(1){
        background-image: url("../images/footer_ico_address.svg");
    }
    .xq_join_item_top_2 span:nth-child(2){
        background-image: url("../images/join_list_ico2.svg");
    }
    .xq_join_item_top_2 span:nth-child(3){
        background-image: url("../images/join_list_ico3.svg");
    }
    .xq_join_item_top_2 span:nth-child(4){
        background-image: url("../images/join_list_ico4.svg");
    }
    .xq_join_item_top_3{
        position: absolute;
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        border-radius: 50%;
        border: 2px solid var(--OneColor);
        right: 1.5rem;
        top: calc(50% - 1.75rem);
        color: var(--OneColor);
        font-family: "Arial";
        font-size: 2rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_join_item:hover .xq_join_item_top_3{
        border: 0px solid var(--OneColor);
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        color: #FFFFFF;
    }
    .xq_join_itemon .xq_join_item_top_3{
        line-height: 3.2rem;
    }

    .xq_join_item_con{
        width: 100%;
        height: 0;
        overflow: hidden;
        font-size: 1rem;
        color: #252525;
        line-height: 210%;
        padding: 0 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_join_itemon .xq_join_item_con{
        height: auto;
        padding: 1.5rem 1.5rem;
    }

    .xq_join_item_con font{
        font-size: 1.125rem;
        font-weight: bold;
    }

    .xq_join_list_page{
        padding: 3rem 4rem;
        padding-bottom: 4rem;
    }
    .xq_join_list_page a{
        font-size: 0;
        display: inline-block;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background: #73b6d6;
        margin-right: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_join_list_page a.xq_join_list_page_aon{
        width: 3rem;
        border-radius: 1rem;
        background: linear-gradient(to right,#24a5e0,#173c78);
    }

    /*关于我们*/
    .xq_ab_jj_box{
        width: 100%;
        height: auto;
        position: relative;
        padding: 3rem 0;
        overflow: hidden;
    }
    .xq_ab_jj_back{
        position: absolute;
        z-index: 0;
        width: 80vh;
        height: 80vh;
        border: 20vh solid #eff3f7;
        border-radius: 50%;
        left: calc(50% - 30vh);
        top:  calc(50% - 40vh);
    }
    .xq_ab_jj_back2{
        position: absolute;
        z-index: 0;
        width: 33vw;
        height: calc(100% + 9rem);
        top: 6rem;
        right: 0;
        background: linear-gradient(115deg,#24a5e0,#173c78);
        text-align: center;
        padding-top: 8rem;
        display: none;
    }
    .xq_ab_jj_back2 img{
        width: 70%;
        height: auto;
        opacity: 0.05;
    }
    .xq_ab_jj_back2_line{
        position: absolute;
        width: 1px;
        height: 12rem;
        background: #FFFFFF;
        right: 6.75vw;
        right: calc((100vw - var(--mainwidth)) / 4);
        bottom: 9rem;
    }
    .xq_ab_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }

    .xq_ab_jj_ltitle{
        width: 100%;
        height: auto;
        font-size: 2rem;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        padding: 1.5rem 0;
    }
    .xq_ab_jj_con{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        line-height: 200%;
        padding-top: 1.5rem;
        text-align: justify;
    }

    .xq_ab_wh_box{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 5;
    }
    .xq_ab_wh_title_box{
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: #eff3f7;
        padding-left: 3%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .xq_ab_wh{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xq_ab_wh_item{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        background: #e5ebf2;
        padding:  2rem 0;
    }
    .xq_ab_wh_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url("../images/ab_wh_back.png");
        background-size: cover;
        background-position: center;
        z-index: 0;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_ab_wh_item:hover .xq_ab_wh_item_back{
        opacity: 1;
    }
    .xq_ab_wh_iteml{
        width: 80%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 5;
    }
    .xq_ab_wh_item_ico{
        width: 6rem;
        height: 6rem;
        background-image: url("../images/ab_wh_ico_back.svg");
        background-size: cover;
        background-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_ab_wh_item:hover .xq_ab_wh_item_ico{
        background-image: url("../images/ab_wh_ico_back2.svg");
    }
    .xq_ab_wh_item_ico span{
        display: block;
        width: 3rem;
        height: 3rem;
        overflow: hidden;
        font-size: 0;
        margin: 1.5rem;
    }
    .xq_ab_wh_item_ico span img{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_ab_wh_item:hover .xq_ab_wh_item_ico span img:first-child{
        margin-top: -100%;
    }

    .xq_ab_wh_item_con{
        padding-left: 2rem;
    }
    .xq_ab_wh_item_con_title{
        font-size: 1.5rem;
        color: #000000;
        font-weight: bold;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_ab_wh_item:hover .xq_ab_wh_item_con_title{
        color: #FFFFFF;
    }
    .xq_ab_wh_item_con_title font{
        text-transform: uppercase;
        color: var(--OneColor);
        padding-left: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_ab_wh_item:hover .xq_ab_wh_item_con_title font{
        color: #FFFFFF;
    }
    .xq_ab_wh_item_con_des{
        font-size: 1.125rem;
        line-height: 160%;
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_ab_wh_item:hover .xq_ab_wh_item_con_des{
        color: #FFFFFF;
    }

    .xq_ab_hb_box{
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 3rem;
        overflow: hidden;
    }

    .xq_ab_hb_ld{
        width: 100vw;
        height: 100vw;
        position: absolute;
        right: 0rem;
        top: -1rem;
        z-index: 0;
        border-radius: 50%;
    }

    .hq_spro_left_area_con{
        position: absolute;
        width: 44%;
        height: 44%;
        top: 28%;
        left: 28%;
        border-radius: 50%;
        background: linear-gradient(to right,#24a5e0,#173c78);
        font-size: 2rem;
        font-family: "Arial";
        overflow: hidden;
        padding-top: 5rem;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
    }
    .xq_ab_hb_ld_area_item{
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        border: 1px dashed var(--OneColor);
        opacity: 0;
    }
    .xq_ab_hb_ld_area_item1{
        animation: areaamit 4s ease-out 0.2s infinite;
        -webkit-animation: areaamit 4s ease-out 0.2s infinite;
    }
    .xq_ab_hb_ld_area_item2{
        animation: areaamit 4s ease-out 1.5s infinite;
        -webkit-animation: areaamit 4s ease-out 1.5s infinite;
    }
    .xq_ab_hb_ld_area_item3{
        animation: areaamit 4s ease-out 2.8s infinite;
        -webkit-animation: areaamit 4s ease-out 2.8s infinite;
    }
    @keyframes areaamit
    {
        0%{
            opacity:0;
            transform:scale(0.5,0.5); 
        } 
        5%{ 
            opacity:1;
        }  
        100%{
            opacity:0;
            transform:scale(1)
        }
    }

    @-webkit-keyframes areaamit /* Safari 与 Chrome */
    {
        0%{
            opacity:0;
            transform:scale(0.5,0.5); 
        } 
        5%{ 
            opacity:1;
        }  
        100%{
            opacity:0;
            transform:scale(1)
        }
    }

    .xq_ab_hb_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 20;
    }
    .xq_ab_hb_title_line{
        width: 1px;
        height: 4rem;
        background: var(--OneColor);
        margin: 1rem 0;
        margin-bottom: 4rem;
        margin-left: 2rem;
    }

    .xq_ab_hb{
        width: 100%;
        height: auto;
        background-image: url("../images/ab_hb_back.png");
        background-size: cover;
        background-position: center;
        padding: 3rem 0;
        position: relative;
        opacity: 0.95;
    }

    .xq_ab_hb_left{
        width: 22%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        display: none;
        background:linear-gradient(to right,rgba(240,241,249,0.9) 55%,transparent);
    }


    .xq_ab_hb_right{
        width: 22%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        background:linear-gradient(to left,rgba(240,241,249,0.9) 55%,transparent);
        display: none;
    }
    .xq_ab_hb_sw{
        width: 94%;
        height: auto;
        overflow: inherit;
    }
    .xq_ab_hb_sw .swiper-slide{
        height: 6rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xq_ab_hb_sw .swiper-slide div{
        width: 100%;
        height: auto;
    }
    .xq_ab_hb_sw img{
        height: auto;
        width: auto;
        max-width: 80%;
        max-height: 6rem;
    }

    .xq_ab_hb_bottom{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 1.5rem;
    }

    .xq_ab_hb_sw_pagination{ 
        position: relative;
        width: 50%;
        height: auto;
        z-index: 10;
        text-align: left;
    }
    .xq_ab_hb_sw_pagination .swiper-pagination-bullet {
        display: inline-block; 
        width:0.9rem; 
        height:0.9rem; 
        background: #73b6d6;
        border-radius:50px;
        margin:0 0.3rem; 
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_ab_hb_sw_pagination .swiper-pagination-bullet-active{ 
        width:3rem; 
        background: linear-gradient(to right,#24a5e0,#173c78);
    }


    .xq_ab_hb_btn_box{
        width: 11rem;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        z-index: 20;
    }
    .xq_ab_hb_sw_btn{
        cursor: pointer;
    }
    .xq_ab_hb_sw_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:var(--OneColor);
        margin-top: 0.3rem;
    }
    .xq_ab_hb_sw_btn_line{
        display: block;
        width: 2px;
        height: 1rem;
        background: var(--OneColor);
        margin: 0 1rem;
    }


    /*科学仪器*/
    .xq_yq_sm_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem 0;
        position: relative;
        z-index: 5;
        overflow: hidden;
    }

    .xq_yq_sm_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1rem 0;
    }
    .xq_yq_sm_con_en{
        font-size: 1.25rem;
        color: #000000;
        font-family: opl;
        margin-top: 2rem;
    }
    .xq_yq_sm_con_cn{
        font-size: 1.5rem;
        color: #000000;
        font-weight: bold;
    }
    .xq_yq_sm_con_line{
        font-size: 0;
        width: 100%;
        height: 1px;
        background: #f1e9fb;
        margin: 1.5rem 0;
    }
    .xq_yq_sm_con_des{
        font-size: 1.125rem;
        color: #000000;
        line-height: 2rem;
        width: 100%;
        overflow: auto;
        height: auto;
        padding-right: 1rem;
    }
    .xq_yq_sm_right{
        width: 94vw;
        height: 94vw;
        padding: 4rem;
        position: relative;
    }
    .xq_yq_sm_right_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        background-image: url("../images/yq_sm_right.svg");
        background-size: cover;
        background-position: center;
        animation: xysrbamit 20s linear infinite;
        -webkit-animation: xysrbamit 20s linear infinite;
    }
    @keyframes xysrbamit
    {
        to{
            transform:rotate(360deg); 
        }
    }

    @-webkit-keyframes xysrbamit /* Safari 与 Chrome */
    {
        to{
            transform:rotate(360deg); 
        }
    }
    .xq_yq_sm_sw{
        width: 100%;
        height: 100%;
        background: #eff3f7;
        border-radius: 50%;
    }

    .xq_yq_sm_sw_img{
        width: 60%;
        height: calc(((94vw) - 8rem) * 0.6);
        margin: 0 auto;
        margin-top: 12%;
    }
    .xq_yq_sm_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xq_yq_sm_sw_img2{
        width: 60%;
        height: calc(((73vw * 0.45) - 8rem) * 0.6);
        height: calc(((var(--mainwidth) * 0.45) - 8rem) * 0.6);
        margin: 0 auto;
        position: relative;
    }
    .xq_yq_sm_sw_img2 img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: rotate(180deg);
        position: relative;
        z-index: 5;
        opacity: 0.05;
    }


    .xq_yq_sm_btn_box{
        width: 11rem;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 7rem;
        left: calc(50% - 5.5rem);
        z-index: 20;
    }
    .xq_yq_sm_btn{
        cursor: pointer;
    }
    .xq_yq_sm_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:var(--OneColor);
        margin-top: 0.3rem;
    }
    .xq_yq_sm_btn_line{
        display: block;
        width: 2px;
        height: 1rem;
        background: var(--OneColor);
        margin: 0 1rem;
    }

    .xq_yq_td_box{
        width: 100%;
        height: auto;
        background-image: url("../images/yq_td_back.png");
        background-size: cover;
        background-position: center;
        padding-top: 3rem;
        position: relative;
        padding-bottom: 3rem;
    }
    .xq_yq_td_back{
        position: absolute;
        width: 25%;
        height: calc(25vw * 1202 / 553);
        background-image: url("../images/yq_td_right.png");
        background-size: cover;
        background-position: center;
        right: 0;
        bottom: 0;
        z-index: 0;
        display: none;
    }
    .xq_yq_td{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }
    .xq_yq_tdl{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        background: #FFFFFF;
        padding:1rem 1rem;
        margin-top: 2rem;
        position: relative;
        z-index: 5;
    }
    .xq_yq_td_item{
        width: 48.5%;
        height: auto;
        margin-right: 3%;
        margin-top: 3%;
        background: #eff3f7;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 1.5rem;
    }
    .xq_yq_td_item:hover{
        background: transparent;
    }
    .xq_yq_td_item:nth-child(1),.xq_yq_td_item:nth-child(2),.xq_yq_td_item:nth-child(3),.xq_yq_td_item:nth-child(4){
        margin-top: 0%;
    }
    .xq_yq_td_item:nth-child(3),.xq_yq_td_item:nth-child(4){
        margin-top: 3%;
    }
    .xq_yq_td_item:nth-child(4n){
        margin-right: 3%;
    }
    .xq_yq_td_item:nth-child(2n){
        margin-right: 0%;
    }
    .xq_yq_td_item_back{
        position: absolute;
        z-index: 0;
        left: 0%;
        top: 0%;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_yq_td_item:hover .xq_yq_td_item_back{
        opacity: 1;
    }
    .xq_yq_td_item_titles{
        width: 80%;
        height: auto;
        margin: 0 auto;
        font-size: 1.5rem;
        text-align: center;
        line-height: 170%;
        margin-top: 1.5rem;
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        color: #000;
    }
    .xq_yq_td_item_ico{
        width: 4rem;
        height: 4rem;
        font-size: 0;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        z-index: 5;
    }
    .xq_yq_td_item_ico img{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_yq_td_item:hover .xq_yq_td_item_ico img:nth-child(1){
        margin-top: -100%;
    }
    .xq_yq_td_item_title{
        width: 80%;
        max-height:  7rem;
        margin: 0 auto;
        font-size: 1rem;
        text-align: center;
        line-height: 1.75rem;
        margin-top: 1.5rem;
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        overflow: hidden;
    }
    .xq_yq_td_item:hover .xq_yq_td_item_title{
        color: #FFFFFF;
    }
    .xq_yq_td_item:hover .xq_yq_td_item_titles{
        color: #FFFFFF;
    }
    .xq_yq_cs_bbox{
        width: 100%;
        height: auto;
        position: relative;
    }
    .xq_yq_cs_bbox_back{
        width: 20%;
        height: 50%;
        background: #eff3f7;
        position: absolute;
        right: 0;
        top: 6rem;
        display: none;
    }
    .xq_yq_cs_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        position: relative;
    }
    .xq_yq_cs{
        width: 100%;
        height: auto;
        position: relative;
    }
    .xq_yq_cs_logo{
        position: absolute;
        left: 0;
        top: 0;
        width: 13.5vw;
        width: calc((100vw - var(--mainwidth)) / 2);
        height: auto;
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        text-align: center;
        padding: 2rem 0;
        z-index: 10;
        display: none;
    }
    .xq_yq_cs_logo img{
        width: 60%;
        height: auto;
    }
    .xq_yq_cs_left1{
        position: absolute;
        width: 30%;
        height: calc(100% - 13rem);
        background: #eef4f7 url(../images/yi_03.png) no-repeat center bottom 20%;
        background-size:17.7vw;
        left: 0;
        top: 7rem;
        z-index: 0;
        display: none;
    }
    .xq_yq_cs_left2{
        position: absolute;
        width: 30%;
        height: 50%;
        background-image: url("../images/yq_cs_left2.png");
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        z-index: 0;
        display: none;
    }

    .xq_yq_csl{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .xq_yq_csc{
        width: 100%;
        height: auto;
    }
    .xq_yq_csc_title{
        height: 4rem;
        line-height: 4rem;
        background: linear-gradient(to right,#24a5e0,#173c78);
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        color: #FFFFFF;
    }
    .xq_yq_csc_ltitle{
        height: 3rem;
        line-height: 3rem;
        background: #bdbbc7;
        font-size: 1.125rem;
        font-weight: bold;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .xq_yq_csc_ltitle span:first-child{
        display: inline-block;
        width: 30%;
        height: auto;
        text-align: center;
    }

    .xq_yq_csc_con{
        height: 3rem;
        line-height: 3rem;
        overflow: hidden;
        background: #FFFFFF;
        font-size: 1rem;
        color: #000000;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_yq_csc_conclose{
        height: 0;
        overflow: hidden;
    }
    .xq_yq_csc_con:nth-of-type(even){
        background: #ededf4;
    }
    .xq_yq_csc_con span:first-child{
        display: inline-block;
        width: 30%;
        height: auto;
        text-align: center;
    }
    .xq_yq_csc_con span:nth-child(2){
        display: inline-block;
        width: 70%;
        height: auto;
        text-align: center;
    }
    .xq_yq_csc_btn{
        height: 3rem;
        line-height: 3rem;
        background: #bdbbc7;
        font-size: 1.125rem;
        font-weight: bold;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .xq_yq_csc_btn span{
        display: inline-block;
        width: auto;
        height: auto;
        background-image: url("../images/yq_cs_btn.svg");
        background-repeat: no-repeat;
        background-size: 1.3rem;
        background-position: right center;
        padding-right: 1.7rem;
        cursor: pointer;
    }

    .xq_yq_case_title{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        padding-left: 3%;
        position: relative;
        z-index: 0;
    }
    .xq_yq_case_title_back{
        position: absolute;
        right: 0;
        top: 6rem;
        width: 50%;
        height: calc(50vw * 1394 / 1160);
        background: linear-gradient(to bottom,#24a5e0,#173c78);
        overflow: hidden;
        display: none;
    }
    .xq_yq_case_title_back div{
        font-size: 7.5rem;
        font-family: oph;
        color: rgba(255,255,255,0.03);
        position: absolute;
        right: -4rem;
        text-align: right;
        top:0;
        text-transform: uppercase;
    }
    .xq_yq_case_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        padding-left: 0%;
        
    }
    .xq_yq_case_box_back{
        position: absolute;
        z-index: 0;
        width: 53vw;
        height: calc(53vw * 971 / 1034);
        background-image: url("../images/yq_case_left.png");
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        display: none;
    }
    .xq_yq_case{
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding-bottom: 4rem;
    }
    .xq_yq_case_sw{
        width: 100%;
        height: auto;
        margin-top: 3rem;
    }
    .xq_yq_case_sw .swiper-slide{
        width: 100%;
        height: calc(94vw * 534 / 950);
        padding-top: 0rem;
        padding-right: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
    }
    .xq_yq_case_sw .swiper-slide-active{
        padding-top: 0;
        padding-right: 0;
    }
    .xq_yq_case_sw .swiper-slide div{
        width: 100%;
        height: calc(100% - 4rem);
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0,0,0,0.3);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
        
    }
    .xq_yq_case_sw .swiper-slide-active div{
        opacity: 0;
        height: 100%;
    }
    .xq_yq_case_sw 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;
        position: relative;
        z-index: 0;
    }


    .xq_yq_case_btn_box{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
        z-index: 30;
    }
    .xq_yq_case_btn{
        cursor: pointer;
    }
    .xq_yq_case_btn svg{
        width: 2rem;
        height: 2rem;
        fill:var(--OneColor);
        margin-top: 0.3rem;
    }
    .xq_yq_case_btn_line{
        display: block;
        width: 3px;
        height: 1.5rem;
        background: var(--OneColor);
        margin: 0 1rem;
        border-radius: 3px;
    }

    .xq_yq_rj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 5;
        padding-top:3rem;
    }

    .xq_yq_rj{
        width: 100%;
        height: auto;
        padding-top: 0rem;
    }
    .xq_yq_rj_con{
        font-size: 1.125rem;
        line-height: 170%;
        margin-top: 0rem;
    }
    .xq_yq_rj_img{
        width:100%;
        height: auto;
        transform: translateX(0rem);
        padding: 2rem 0;
    }
    .xq_yq_rj_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .xq_yq_gn_title{
        width: 73vw;
        width: var(--mainwidth);
        height: auto;
        margin: 0 auto;
        margin-top: -4rem;
    }
    .xq_yq_gn_box{
        width: 100%;
        height: auto;
        background: #f6f5fa;
        padding: 5rem 0;
        margin-top: 3rem;
        position: relative;
        z-index: 9;
    }
    .xq_yq_ly_title {
        width: 100%;
        height: auto;
        position: relative;
        text-align: center;
    }
    .xq_yq_gn_item{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 1.5rem 0;
        padding-left: 70%;
        border-bottom: 1px solid #f0eefa;
        position: relative;
    }
    .xq_yq_gn_item_back{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right,#24a5e0,#173c78);
        z-index: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
    }
    .xq_yq_gn_item:hover .xq_yq_gn_item_back{
        opacity: 1;
    }
    .xq_yq_gn_item_ico{
        width: 2rem;
        height: 2rem;
        font-size: 0;
        overflow: hidden;
        position: relative;
        z-index: 5;
    }
    .xq_yq_gn_item_ico img{
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_yq_gn_item:hover .xq_yq_gn_item_ico img:first-child{
        margin-top: -100%;
    }
    .xq_yq_gn_item_text{
        font-size: 1.375rem;
        color: #000000;
        padding-left: 1rem;
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_yq_gn_item:hover .xq_yq_gn_item_text{
        color: #FFFFFF;
    }

    .xq_yq_gn_box_img{
        width: 55vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 13.5vw;
        left: calc((100vw - var(--mainwidth)) / 2);
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 20;
    }
    .xq_yq_gn_box_img div{
        width: 100%;
        height: calc(55vw * 518 / 1065 + 2rem);
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        padding: 1rem;
    }
    .xq_yq_gn_box_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .xq_yq_ly_box{
        width: 100%;
        height: auto;
        background-image: url("../images/yq_ly_back.png");
        background-size: cover;
        background-position: center;
        padding: 3rem 0;
        position: relative;
        z-index: 9;
        overflow: hidden;
    }

    .xq_yq_ly_title{
        width: 100%;
        height: auto;
        position: relative;
        text-align: center;
    }
    .xq_yq_ly_title_back{
        position: absolute;
        font-size: 5rem;
        color: rgba(255,255,255,0.03);
        text-transform: uppercase;
        font-family: oph;
        text-align: center;
        top: -1rem;
        width: 100%;
    }
    .xq_yq_ly_title .xq_title_cn{
        color: #FFFFFF;
    }
    .xq_yq_ly_title .xq_title_en{
        color: #FFFFFF;
    }

    .xq_yq_ly{
        width: 90%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 2rem;
    }
    .xq_yq_ly_item{
        width: 100%;
        height: 3.5rem;
        background: #ffffff;
        margin-top: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0 0.7rem;
    }
    .xq_yq_ly_item2{
        width: 100%;
        height: 3.5rem;
        background: #ffffff;
        margin-top: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0 0.7rem;
    }
    .xq_yq_ly_item_ico{
        width: 2.3rem;
        height: 2.3rem;
        border-radius: 50%;
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        text-align: center;
    }
    .xq_yq_ly_item_ico img{
        width: 1.3rem;
        height: 1.3rem;
        margin-top: 0.5rem;
    }
    .xq_yq_ly_item_title{
        width: 6rem;
        font-size: 1.125rem;
        padding-left: 1rem;
    }
    .xq_yq_ly_item_text{
        padding-left: 1rem;
        width: auto;
    }
    .xq_yq_ly_item_text input{
        width: 12rem;
        background: none;
        border: none;

    }
    .xq_yq_ly_item2 input{
        width: 12rem;
    }

    .xq_yq_ly_item3{
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 2rem;
    }
    .xq_yq_ly_item3 a{
        display: inline-block;
        height: 3.1rem;
        line-height: 3.1rem;
        padding: 0 3rem;
        font-size: 1.125rem;
        font-weight: bold;
        color: var(--OneColor);
        background: #FFFFFF;
        cursor: pointer;
    }


    /*首页*/
    .xq_banner{
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .hq_banner_sw{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .xq_banner_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .xq_banner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xq_banner_con{
        width: 94%;
        margin: 0 auto;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 5;
    }
    .xq_banner_con_ltitle span{
        display: inline-block;
        width: auto;
        height: auto;
        background: linear-gradient(to right,rgba(36,165,224,0.8),rgba(23,60,120,0.8));
        padding: 0.3rem 1rem;
        border-radius: 50px;
    }
    .xq_banner_con_ltitle{
        font-size: 1.625rem;
        color: #FFFFFF;
        text-transform: uppercase;
        display: none;
    }
    .xq_banner_con_title{
        font-size: 5rem;
        color: #FFFFFF;
        font-family: oph;
        margin-top: 1.5rem;
    }
    .xq_banner_con_title font{
        color: var(--OneColor);
    }
    .xq_banner_con_des{
        font-size: 1.625rem;
        color: #FFFFFF;
        margin-top: 1.5rem;
    }
    .xq_banner_con_btn{
        margin-top: 4rem;
    }
    .xq_banner_con_btn a{
        width: 7.5rem;
        height: 7.5rem;
        background: #FFFFFF;
        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;
    }
    .xq_banner_con_btn a:hover{
        background: var(--OneColor);
    }
    .xq_banner_con_btn_ico{
        text-align: center;
        margin-top: -0.5rem;
    }
    .xq_banner_con_btn_ico svg{
        width: 2.5rem;
        height: 2.5rem;
        transform: rotate(-45deg);
        fill:var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_banner_con_btn a:hover .xq_banner_con_btn_ico svg{
        fill: #ffffff;
    }
    .xq_banner_con_btn_text{
        text-align: center;
        color: var(--OneColor);
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: bold;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_banner_con_btn a:hover .xq_banner_con_btn_text{
        color: #ffffff;
    }
    .xq_banner_lmenu_box{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 1rem;
        left: 0;
        padding-left: 3%;
        z-index: 20;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .xq_banner_lmenu_item{
        width: 1.6rem;
        height: 1.6rem;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 0.4rem;
        cursor: pointer;
    }
    .xq_banner_lmenu_item_yuan{
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 2px solid rgba(255,255,255,0.2);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        font-size: 0;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_banner_lmenu_itemon .xq_banner_lmenu_item_yuan{
        opacity: 1;
    }
    .xq_banner_lmenu_item_yuan2{
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        font-size: 0;
        opacity: 0;
    }
    .xq_banner_lmenu_itemon .xq_banner_lmenu_item_yuan2{
        opacity: 1;
    }
    .xq_banner_lmenu_item_yuan2 svg {
        width: 100%;
        height: 100%;
        fill:none;
        stroke:#ffffff;
        stroke-width:2px;
    }

    .xq_banner_lmenu_item_dian{
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #FFFFFF;
        position: relative;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_banner_lmenu_itemon .xq_banner_lmenu_item_dian{
        background: #FFFFFF;
    }

    .xq_id_yq_box{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 10;
    }
    .xq_id_yq_back_right{
        position: relative;
        z-index: 1;
        right: 0;
        top: 0rem;
        width: 100%;
        height: auto;
        padding: 1.5rem 0;
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }
    .xq_id_yq_back_right>div{
        width: auto;
        height: auto;
        margin: 0 auto;
        padding-left: 0%;
    }
    .xq_id_yq_back_right_con{
        width: auto;
        height: auto;
        /*border-bottom: 2px solid rgba(255,255,255,0.36);*/
        font-size: 2rem;
        font-weight: bold;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /*padding-bottom: 1rem;*/
    }
    .xq_id_yq_back_right_con span{
        font-size: 0;
        width: 8px;
        height: 8px;
        background: #FFFFFF;
        border-radius: 50%;
        margin: 0 1rem;
    }
    .xq_id_yq_rback{
        width: calc(100% - 31.5vw);
        height: 100%;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        background: #FFFFFF;
        display: none;
    }
    .xq_id_yq_lback{
        width: 31.5vw;
        height: 100%;
        position: absolute;
        z-index: 0;
        right: 0;
        top: 0;
        background: #eff3f7;
        display: none;
    }
    .xq_id_yq{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 5;
    }
    .xq_id_yq_left{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .xq_id_yq_left_title{
        font-size: 1.5rem;
        color: #000000;
        margin-top: 2rem;
    }
    .xq_id_yq_left_line{
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        margin: 1.5rem 0;
    }
    .xq_id_yq_left_con{
        font-size: 1.125rem;
        color: #000000;
        line-height: 170%;
            text-indent: 2em;
    }

    .xq_id_yq_left_btn{
        margin-top: 2rem;
    }
    .xq_id_yq_left_btn a{
        width: 6.5rem;
        height: 6.5rem;
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        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;
    }
    .xq_id_yq_left_btn a:hover{
        -moz-box-shadow: 0px 0px 35px 0 rgba(36,165,224,0.5);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(36,165,224,0.5);
        box-shadow: 0px 0px 35px 0 rgba(36,165,224,0.5);
        transform: translateY(-5px);
    }

    .xq_id_yq_left_btn_ico{
        text-align: center;
        margin-top: -0.5rem;
    }
    .xq_id_yq_left_btn_ico svg{
        width: 2rem;
        height: 2rem;
        transform: rotate(-45deg);
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xq_id_yq_left_btn_text{
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: bold;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xq_id_yq_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 1rem;
        padding-bottom: 5rem;
        position: relative;
        overflow: hidden;
    }
    .xq_id_yq_right_back{
        width: 70vw;
        height: 70vw;
        position: absolute;
        z-index: 0;
        right: 0;
        bottom: 0;
        background: #e5ebf2;
        border-radius: 50%;
        display: none;
    }
    .xq_id_yq_right_back div{
        width: 60%;
        height: 60%;
        margin: 20%;
        background: #f8f8fc;
        border-radius: 50%;
    }

    .xq_id_yq_right_menu{
        width: 55vw;
        height: 55vw;
        margin: 0 auto;
        position: relative;
    }
    .xq_id_yq_right_menu_yuan{
        position: absolute;
        z-index: 5;
        width: 70%;
        height: 70%;
        background: #FFFFFF;
        border-radius: 50%;
        left: 15%;
        top: 15%;
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.05);
        box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.05);
    }
    .xq_id_yq_right_menu_yuan2{
        width: 60%;
        height: 60%;
        border-radius: 50%;
        margin: 20%;
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        position: relative;
        overflow: hidden;
    }
    .xq_id_yq_right_menu_yuan2_back{
        width: 100%;
        height: 100%;
        z-index: 0;
        font-size: 12rem;
        color: rgba(255,255,255,0.05);
        font-family: db;
        margin-top: -10rem;
        text-align: center;
    }
    .xq_id_yq_right_menu_yuan2_text{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 2.125rem;
        font-family: oph;
        color: #FFFFFF;
        line-height: 120%;
    }
    .xq_id_yq_right_menu_item{
        position: absolute;
        width: 12rem;
        height: 4rem;
        line-height: 4rem;
        top: -2rem;
        left: 0;
        background-size: auto 100%;
        background-repeat: no-repeat;
        font-size: 1rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_id_yq_right_menu_item:hover{
        color: var(--OneColor);
    }
    .xq_id_yq_right_menu_item0{
        background-image: url("../images/id_yq_ico1.png");
        background-position: left center;
        padding-left: 5rem;
        left: -2rem;
    }
    .xq_id_yq_right_menu_item1{
        background-image: url("../images/id_yq_ico2.png");
        background-position: left center;
        padding-left: 5rem;
        left: -2rem;
    }
    .xq_id_yq_right_menu_item2{
        background-image: url("../images/id_yq_ico3.png");
        background-position: left center;
        padding-left: 5rem;
        left: -2rem;
    }
    .xq_id_yq_right_menu_item3{
        background-image: url("../images/id_yq_ico4.png");
        background-position: left center;
        padding-left: 5rem;
        left: -2rem;
    }
    .xq_id_yq_right_menu_item4{
        background-image: url("../images/id_yq_ico5.png");
        background-position: right center;
        padding-right: 5rem;
        left: -10rem;
        text-align: right;
    }
    .xq_id_yq_right_menu_item5{
        background-image: url("../images/id_yq_ico6.png");
        background-position: right center;
        padding-right: 5rem;
        left: -10rem;
        text-align: right;
    }
    .xq_id_yq_right_menu_item6{
        background-image: url("../images/id_yq_ico7.png");
        background-position: right center;
        padding-right: 5rem;
        left: -10rem;
        text-align: right;
    }
    .xq_id_yq_right_menu_item7{
        background-image: url("../images/id_yq_ico8.png");
        background-position: right center;
        padding-right: 5rem;
        left: -10rem;
        text-align: right;
    }


    .xq_id_pro_box{
        width: 100%;
        height: auto;
        position: relative;
        background-image: url("../images/id_pro_back.png");
        background-size: cover;
        background-position: center;
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
    .xq_id_pro_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 1rem;
    }
    .xq_id_pro_title .xq_title_cn{
        color: #FFFFFF;
    }
    .xq_id_pro_title .xq_title_en{
        color: #FFFFFF;
    }

    .xq_id_pro_menu{
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: none;
    }
    .xq_id_pro_menu_back{
        position: absolute;
        height: 100%;
        width: 100%;
        background: #FFFFFF;
        left: 0;
        top: 0;
        display: none;
    }
    .xq_id_pro_menu_con{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .xq_id_pro_menu_con a{
        display: block;
        width: 50%;
        font-size: 1.125rem;
        color: rgba(255,255,255,0.7);
        position: relative;
        z-index: 10;
        margin-left: 0rem;
        padding-bottom: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 1rem;
    }
    .xq_id_pro_menu_con a.xq_id_pro_menu_con_aon{
        font-weight: bold;
        color: rgba(255,255,255,1);
    }
    .xq_id_pro_menu_con a:after{
        position: absolute;
        content: '';
        width: 1rem;
        height: 1rem;
        background: var(--OneColor);
        border-radius: 50%;
        left: calc(50% - 0.5rem);
        bottom: 2.2rem;
        transform: scale(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .xq_id_pro_menu_con a.xq_id_pro_menu_con_aon:after{
        transform: scale(1);
    }

    .xq_id_pro_sw{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    .xq_id_pro_sw_l{
        width: 48.5%;
        height: auto;
        padding-top: 0rem;
        padding-bottom: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 3%;
    }
    .xq_id_pro_sw_lon{
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .xq_id_pro_sw_l a{
        display: block;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius:7px;
    }
    .xq_id_pro_sw_img{
        text-align: center;
        padding: 2rem 0;
    }
    .xq_id_pro_sw_img img{
        height: 13rem;
        width: auto;
        max-width: 90%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }


    .xq_id_pro_sw_lon .xq_id_pro_sw_img img{
        height: 13rem;
    }
    .xq_id_pro_sw_title{
        width: 100%;
        height: 4rem;
        padding: 0 1rem;
        margin: 0 auto;
        font-size: 1.125rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        color: #000000;
    }
    .xq_id_pro_sw_title:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        top: 0;
        left: 0;
        transform: scaleX(1);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xq_id_pro_sw_lon .xq_id_pro_sw_title:after{
        transform: scaleX(1);
    }

    .xq_id_pro_sw_lon .xq_id_pro_sw_title{
        height: 4rem;

        font-size: 1.125rem;
        font-family: opm;
        color: var(--OneColor);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .xq_id_pro_sw_title_text{
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .xq_id_pro_sw_title_btn{

        width: 6.75rem;
        height: 6.75rem;
        border-radius:50%;
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        justify-content: center;
        flex-direction: column;
        display: none;
    }
    .xq_id_pro_sw_title_btn .xq_id_rj_sw_con_btn_ico {
        height: 2.5rem;
    }
    .xq_id_pro_sw_title_btn .xq_id_rj_sw_con_btn_ico svg{
            width: 2.25rem;
        height: 2.25rem;
    }

    .xq_id_pro_sw_lon .xq_id_pro_sw_title_btn{
        transform: scale(1);
        opacity: 1;
    }

    .xq_id_pro_btn_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-top: 1rem;
    }

    .xq_id_pro_btn{
        cursor: pointer;
    }
    .xq_id_pro_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:#ffffff;
        margin-top: 0.3rem;
    }
    .xq_id_pro_btn_line{
        display: block;
        width: 2px;
        height: 1rem;
        background:#ffffff;
        margin: 0 1rem;
    }

    .xq_id_rj_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .xq_id_rj_sw{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .xq_id_rj_sw .swiper-slide{
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-top: 0rem;
    }
    .xq_id_rj_sw_left{
        width: 100%;
        height: auto;
        position: relative;
        padding-right: 0%;
        font-size: 0;
    }
    .xq_id_rj_sw_left_img{
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        font-size: 0;
    }
    .xq_id_rj_sw_left_img img{
        width:100%;
        height: auto;
        object-fit: cover;
        object-position: center;
    }
    .xq_id_rj_sw_left_ico{
        position: relative;
        z-index: 5;
        text-align: right;
        margin-top: -5rem;
        display: none;
    }
    .xq_id_rj_sw_left_ico img{
        width: 8rem;
        height: 8rem;
    }
    .xq_id_rj_sw_left_title{
        position: relative;
        z-index: 5;
        text-align: right;
        margin-top: 3rem;
        font-size: 3.5rem;
        font-weight: bold;
        color: #FFFFFF;
        display: none;
    }

    .xq_id_rj_sw_con{
        position: relative;
        width: 100%;
        height: auto;
        background: rgba(229,235,242,0.96);
        z-index: 5;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 2rem 2rem;
        padding-right: 2rem;

    }
    .xq_id_rj_sw_con_logo{
        width:10rem;
        height: auto;
        position: absolute;
        left: 1rem;
        top: 2rem;
    }
    .xq_id_rj_sw_con_logo img{
        width: 100%;
        height: auto;
        opacity: 0.05;
        margin-top: 0rem;
    }
    .xq_id_rj_sw_conl{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .xq_id_rj_sw_con_title{
        font-size: 1.75rem;
        font-weight: bold;
        color: #000000;
        position: relative;
        transform: translateX(0%);
        padding-left: 2.5rem;
    }
    .xq_id_rj_sw_con_title:before{
        position: absolute;
        content: '';
        width: 1.1rem;
        height: 1.1rem;
        border: 0.5rem solid var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 1rem);
    }
    .xq_id_rj_sw_con_des{
        width: 100%;
        height: auto;
        padding-right: 1rem;
        max-height: 13rem;
        overflow: auto;
        font-size: 1.125rem;
        line-height: 170%;
        margin-top: 1rem;    text-indent: 2em;
    }

    .xq_id_rj_sw_con_btn{
        position: absolute;
        width: 7.5rem;
        height: 7.5rem;
        right: -3rem;
        bottom: -3rem;
    }
    .xq_id_rj_sw_con_btn a{
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,#173c78,#24a5e0);
        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;
    }
    .xq_id_rj_sw_con_btn a:hover{
        -moz-box-shadow: 0px 0px 35px 0 rgba(121,66,218,0.5);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(121,66,218,0.5);
        box-shadow: 0px 0px 35px 0 rgba(121,66,218,0.5);
    }

    .xq_id_rj_sw_con_btn_ico{
        text-align: center;
        margin-top: -0.5rem;
    }
    .xq_id_rj_sw_con_btn_ico svg{
        width: 2.5rem;
        height: 2.5rem;
        transform: rotate(-45deg);
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xq_id_rj_sw_con_btn_text{
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: bold;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xq_id_rj_sw_box{
        width: 100%;
        height: auto;
        position: relative;
    }


    .xq_id_rj_sw_btn_box{
        width: 94%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        top: -4.5rem;
        left: auto;
        right: 3%;
        z-index: 20;
    }
    .xq_id_rj_sw_btn{
        cursor: pointer;
    }
    .xq_id_rj_sw_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:#a8a8a8;
        margin-top: 0.3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_id_rj_sw_btn:hover svg{
        fill:var(--OneColor);
    }
    .xq_id_rj_sw_btn_line{
        display: block;
        width: 2px;
        height: 1rem;
        background: #a8a8a8;
        margin: 0 1rem;
    }

    .xq_id_fa_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .xq_id_fa_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .xq_id_fa_left{
        width: 100%;
        height: auto;
        padding-top: 2rem;
    }
    .xq_id_fa_leftl{
        width: 100%;
        height: auto;
        background-image: url("../images/id_fa_back.png");
        background-size: cover;
        background-position: center;
        padding: 3rem 0;
        padding-left: 3%;
        padding-right: 3%;
        text-align: left;
    }
    .xq_id_fa_leftl_ico img{
        height: 2rem;
        width: auto;
    }
    .xq_id_fa_leftl_title{
        font-size: 1.75rem;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: 1rem;
    }
    .xq_id_fa_leftl_des{
        font-size: 1.125rem;
        color: #FFFFFF;
        margin-top: 1rem;
        line-height: 170%;
        padding-right: 0rem;
    }



    .xq_id_fa_leftl_btn{
        margin-top: 2rem;
    }
    .xq_id_fa_leftl_btn a{
        width: 6.5rem;
        height: 6.5rem;
        background: #FFFFFF;
        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;
    }
    .xq_id_fa_leftl_btn a:hover{
        -moz-box-shadow: 0px 0px 35px 0 rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(255,255,255,1);
        box-shadow: 0px 0px 35px 0 rgba(255,255,255,1);
    }

    .xq_id_fa_leftl_btn_ico{
        text-align: center;
        margin-top: -0.5rem;
    }
    .xq_id_fa_leftl_btn_ico svg{
        width: 2rem;
        height: 2rem;
        transform: rotate(-45deg);
        fill:var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xq_id_fa_leftl_btn_text{
        text-align: center;
        color: var(--OneColor);
        text-transform: uppercase;
        font-size: 0.625rem;
        font-weight: bold;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xq_id_fa_right{
        width: 100%;
        height: auto;
        position: relative;
    }
    .xq_id_fa_rightl{
        width: 100%;
        height: auto;
        background-image: url("../images/id_fa_right.png");
        background-size: cover;
        background-position: center;
    }
    .xq_id_fa_rightll{
        width: 100%;
        height: auto;
        padding: 1.5rem;
        background: #eff4f9;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .xq_id_fa_rightll_item{
        width: 48.5%;
        height: auto;
        position: relative;
        padding: 1rem;
        background-size: cover;
        background-position: center;
        margin-right: 3%;
        margin-bottom: 0.9rem;
        overflow: hidden;
    }
    .xq_id_fa_rightll_item:nth-child(3n){
        margin-right: 3%;
    }
    .xq_id_fa_rightll_item:nth-child(2n){
        margin-right: 0%;
    }
    .xq_id_fa_rightll_item:nth-child(1){
        background-image: url("../images/id_fa_b1.png");
    }
    .xq_id_fa_rightll_item:nth-child(2){
        background-image: url("../images/id_fa_b2.png");
    }
    .xq_id_fa_rightll_item:nth-child(3){
        background-image: url("../images/id_fa_b3.png");
    }
    .xq_id_fa_rightll_item:nth-child(4){
        background-image: url("../images/id_fa_b4.png");
    }
    .xq_id_fa_rightll_item:nth-child(5){
        background-image: url("../images/id_fa_b5.png");
    }
    .xq_id_fa_rightll_item:nth-child(6){
        background-image: url("../images/id_fa_b6.png");
    }
    .xq_id_fa_rightll_item:nth-child(7){
        background-image: url("../images/id_fa_b7.png");
    }
    .xq_id_fa_rightll_item:nth-child(8){
        background-image: url("../images/id_fa_b8.png");
    }
    .xq_id_fa_rightll_item:nth-child(9){
        background-image: url("../images/id_fa_b9.png");
    }
    .xq_id_fa_rightll_item a{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .xq_id_fa_rightll_item_title{
        font-size: 1.25rem;
        color: #000000;
    }
    .xq_id_fa_rightll_item_time{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        margin-top: 1rem;
    }

    .xq_id_fa_rightll_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 1rem;
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: translateY(100%);
    }
    .xq_id_fa_rightll_item:nth-child(1) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b1-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(2) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b2-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(3) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b3-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(4) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b4-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(5) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b5-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(6) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b6-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(7) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b7-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(8) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b8-1.png");
    }
    .xq_id_fa_rightll_item:nth-child(9) .xq_id_fa_rightll_item_back{
        background-image: url("../images/id_fa_b9-1.png");
    }
    .xq_id_fa_rightll_item:hover .xq_id_fa_rightll_item_back{
        transform: translateY(0%);
    }
    .xq_id_fa_rightll_item_back_title{
        font-size: 1.25rem;
        color: #FFFFFF;
        font-weight: bold;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .xq_id_fa_rightll_item_back_title br{
        display: none;

    }
    .xq_id_fa_rightll_item_back_des{
        font-size: 1rem;
        color: #FFFFFF;
        line-height: 150%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .xq_id_fa_rightl_bottom{
        width: 115%;
        height: calc(100% - ((100vw * 0.62 * 0.84 - 3rem) * 0.3333 - 0.6rem) * 170 / 301 * 3 - 3rem - 1.8rem);
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 10;
        background:#FFFFFF;
        display: none;
    }

    .xq_id_new_bbox{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .xq_id_new_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .xq_id_new_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .xq_id_new_sw_box{
        width: 100%;
        height: auto;
        position: relative;
    }
    .xq_id_new_sw{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .xq_id_new_sw_img{
        width: 100%;
        height: calc(94vw * 0.485 * 244 / 407);
        font-size: 0;
        overflow: hidden;
    }
    .xq_id_new_sw_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;
    }
    .xq_id_new_sw .swiper-slide:hover .xq_id_new_sw_img img{
        transform: scale(1.03);
    }
    .xq_id_new_sw_con{
        width: 100%;
        height: auto;
        background: #f5f4f9;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_id_new_sw .swiper-slide:hover .xq_id_new_sw_con{
        background: var(--OneColor);
    }
    .xq_id_new_sw_con_left{
        width: 100%;
        height: auto;
        padding: 1rem 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 0rem;
    }
    .xq_id_new_sw_con_left_title{
        font-size: 1.25rem;
        color: #000000;
         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;
    }
    .xq_id_new_sw .swiper-slide:hover .xq_id_new_sw_con_left_title{
        color: #FFFFFF;
    }
    .xq_id_new_sw_con_left_des{
        font-size: 1rem;
        color: #7d7d7d;
         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;
        margin-top: 0.5rem;
        line-height: 160%;
    }
    .xq_id_new_sw .swiper-slide:hover .xq_id_new_sw_con_left_des{
        color: #FFFFFF;
    }

    .xq_id_new_sw_con_right{
        width: 100%;
        height: auto;
        border-left: 1px solid #e8e7eb;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 1rem 1rem;
    }
    .xq_id_new_sw_con_right_ri{
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        color: var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_id_new_sw .swiper-slide:hover .xq_id_new_sw_con_right_ri{
        color: #FFFFFF;
    }
    .xq_id_new_sw_con_right_nian{
        text-align: center;
        font-size: 0.9375rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: 0.5rem;
    }
    .xq_id_new_sw .swiper-slide:hover .xq_id_new_sw_con_right_nian{
        color: #FFFFFF;
    }
    .xq_id_new_sw_con_right_btn{
        text-align: center;
        margin-top: 0rem;
        margin-left: 1rem;
        font-size: 0;
    }
    .xq_id_new_sw_con_right_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:#173c78;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_id_new_sw .swiper-slide:hover .xq_id_new_sw_con_right_btn svg{
        fill: #FFFFFF;
    }

    .xq_id_new_right{
        width: 100%;
        height: calc(94vw * 650 / 605);
        position: relative;
        margin-top: 2rem;
    }
    .xq_id_new_right_img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        font-size: 0;
        overflow: hidden;
    }
    .xq_id_new_right_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;
    }
    .xq_id_new_right:hover .xq_id_new_right_img img{
        transform: scale(1.03);
    }
    .xq_id_new_right_con{
        position: absolute;
        z-index: 5;
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        background: linear-gradient(to right,#173c78,#24a5e0);
        padding:1rem 1.5rem;
        transform: translateX(0vw);
        padding-bottom: 6rem;
    }
    .xq_id_new_right_con_time{

    }
    .xq_id_new_right_con_time_nian{
        font-size: 2rem;
        color: #FFFFFF;
        font-weight: bold;
    }
    .xq_id_new_right_con_time_ri{
        font-size: 1rem;
        color: #FFFFFF;
        padding-left: 0.5rem;
    }
    .xq_id_new_right_con_title{
        font-size: 1.25rem;
        color: #FFFFFF;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 0.5rem;
    }
    .xq_id_new_right_con_btn{
        width: 100%;
        height: 3.5rem;
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0,0,0,0.1);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0 3rem;
    }
    .xq_id_new_right_con_btn_text{
        font-size: 0.875rem;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: bold;
    }
    .xq_id_new_right_con_btn_ico svg{
        fill:#ffffff;
        width: 1.7rem;
        height: 1.7rem;
        margin-top: 0.3rem;
        margin-left: 1rem;
    }

    .xq_id_new_right_con_back{
        position: absolute;
        z-index: 0;
        right: 1rem;
        top: 3%;
        width: auto;
        height: 94%;
    }
    .xq_id_new_right_con_back img{
        width: auto;
        height: 100%;
        opacity: 0.1;
    }


    .xq_id_new_sw_btn_box{
        position: absolute;
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        right: 0;
        top: -2rem;
        z-index: 20;
    }

    .xq_id_new_sw_btn{
        cursor: pointer;
    }
    .xq_id_new_sw_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:#a7a7a7;
        margin-top: 0.3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xq_id_new_sw_btn:hover svg{
        fill:var(--OneColor);
    }
    .xq_id_new_sw_btn_line{
        display: block;
        width: 2px;
        height: 1rem;
        background:#a7a7a7;
        margin: 0 1rem;
    }
}
    @media screen and (max-width:1919px)and (min-width:1600px){
        .xq_id_pro_menu_con a{ margin-left: 3.5rem;}
        .xq_id_yq_back_right_con{ font-size: 2.25rem;}
        .xq_title_cn{ font-size: 2.5rem;}
        .xq_title_en{ font-size: 2rem;}
        .xq_id_yq_left_title{ font-size: 2rem; margin-top: 4rem;}
        .xq_id_pro_sw_lon .xq_id_pro_sw_title{ font-size: 1.5rem;}
        .xq_id_rj_sw_con_title{ font-size: 2rem;}
        .xq_id_rj_sw_left_title{ font-size: 2.75rem;}
        .xq_id_fa_leftl_title{ font-size: 2.5rem;}
        .xq_id_new_sw_con_left_title{ font-size: 1.375rem;}
        .xq_id_new_right_con_title{ font-size: 1.5rem;}
        .xq_id_new_right_con_time_nian{ font-size: 2.5rem;}
        .xq_footer_lx_logo img{ height: 2.5rem;}
        .xq_footer_lx_item_title{ font-size: 1.125rem;}
        .xq_footer_lx_item_tel{ font-size: 1.875rem; line-height: 3rem;}
        .xq_footer_lx_item:after{ width: 3.25rem; height: 3.25rem;}
        .xq_footer_lx_item1{ font-size: 1rem; line-height: 2rem;}
        .xq_footer_menu_item{ padding-right: 2rem;}
        .xq_footer_menu_item a.xq_footer_menu_atitle{ font-size: 1.125rem; margin-bottom: 1rem;}
        .xq_footer_menu_item a{ font-size: 0.9rem; line-height: 1.75rem;}
        .xq_footer_code{ margin-left: 1rem; width: 90px;}
        .xq_prol_item_con_con_title{ font-size: 2rem;}
        .xq_prol_item_con_con_des{ margin-top: 1.5rem;}
        .xq_yq_sm_con_en,.xq_yq_sm_con_cn{ font-size: 2rem;}
        .xq_yq_ly_title_back{ font-size: 8rem;}
        .xq_bread{ font-size: 1rem;}
        .xq_bread span{ padding: 0px 3px;}
        .xq_pro_jj_con_title{ font-size: 1.75rem;}
        .xq_pro_jj_con_title:before {
            width: 0.75rem;
            height: 0.75rem;
            border: 0.5rem solid #FFFFFF;
            top: calc(50% - 0.85rem);
        }
        .xq_pro_case_item_title{ font-size: 1.375rem;}
        .xq_fa_td_left_bottom{ font-size: 1.625rem;}
        .xq_join_item_top_3 {
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            top: calc(50% - 1.5rem);
            font-size: 1.875rem;
        }
        .xq_page a{ width: 2.8rem; height: 2.8rem; line-height: 2.8rem;}
        .xq_page a svg{ margin-top: 0.65rem;}
        .xq_ab_jj_ltitle{ font-size: 2.5rem; padding: 2rem 0;}
        .xq_ab_wh_item_con_title{ font-size: 1.5rem;}
        .xq_ab_wh_item_con_des{ font-size: 1.125rem; line-height: 150%; margin-top: 1rem;}
        .hq_spro_left_area_con{ font-size: 4.5rem;}
    }
    @media screen and (max-width:1599px)and (min-width:1280px){
        .xq_nav_meun_tiem>a{ font-size: 1.125rem;}
        .xq_id_pro_menu_con a{ margin-left: 2.5rem; font-size: 1.25rem;}
        .xq_id_yq_back_right_con{ font-size: 2.25rem;}
        .xq_title_cn{ font-size: 2.25rem;}
        .xq_title_en{ font-size: 1.875rem;}
        .xq_id_yq_left_title{ font-size: 2rem; margin-top: 4rem;}
        .xq_id_pro_sw_lon .xq_id_pro_sw_title{ font-size: 1.5rem;}
        .xq_id_rj_sw_con_title{ font-size: 2rem;}
        .xq_id_rj_sw_left_title{ font-size: 2.75rem;}
        .xq_id_fa_leftl_title{ font-size: 2.25rem;}
        .xq_id_fa_leftl_des{ font-size: 1rem;}
        .xq_id_fa_rightll_item_title,.xq_id_fa_rightll_item_back_title{ font-size: 1.25rem;}
        .xq_id_fa_rightll_item_time,.xq_id_fa_rightll_item_back_des{ font-size: 0.875rem;}


        .xq_id_new_sw_con_left_title{ font-size: 1.25rem;}
        .xq_id_new_right_con_title{ font-size: 1.5rem;}
        .xq_id_new_right_con_time_nian{ font-size: 2.5rem;}
        .xq_footer_lx_logo img{ height: 2.25rem;}
        .xq_footer_lx_item_title{ font-size: 1.125rem;}
        .xq_footer_lx_item_tel{ font-size: 1.875rem; line-height: 3rem;}
        .xq_footer_lx_item:after{ width: 3.25rem; height: 3.25rem;}
        .xq_footer_lx_item1{ font-size: 0.875rem; line-height: 1.75rem;}
        .xq_footer_menu_item{ padding-right: 2rem;}
        .xq_footer_menu_item a.xq_footer_menu_atitle{ font-size: 1.125rem; margin-bottom: 1rem;}
        .xq_footer_menu_item a{ font-size: 0.9rem; line-height: 1.75rem;}
        .xq_footer_code{ margin-left: 0.5rem; width: 80px;}
        .xq_prol_item_con_con_title{ font-size: 1.75rem;}
        .xq_prol_item_con_con_des{ margin-top: 1.5rem;}
        .xq_prol_item_con_btn{ width: 3rem; height: 3rem; top: calc(50% - 1.5rem);}
        .xq_prol_item_con_btn svg {
            width: 1.5rem;
            height: 1.5rem;
            margin-top: 0.75rem;
        }
        .xq_yq_sm_left{ width: 50%;}

        .xq_yq_sm_con_en,.xq_yq_sm_con_cn{ font-size: 1.75rem;}
        .xq_yq_sm_con_des{ height: 12rem;}
        .xq_yq_td_item_title{ margin-top: 1rem;}
        .xq_yq_csc_btn{ font-size: 1rem;}
        .xq_yq_case_btn svg{ width: 1.8rem; height: 1.8rem;}

        .xq_yq_ly_title_back{ font-size: 6rem; top: -2rem;}
        .xq_yq_ly{ margin-top: 1rem;}
        .xq_pro_jj_con_con{ margin-top: 1.5rem;}
        .xq_pro_gn_item_ico{ width: 3.5rem; height: 3.5rem;}
        .xq_pro_gn_item_con{ margin-top: 2rem;}
        .xq_fa_jj_con{ padding-right: 1rem;}
        .xq_fa_td_item_con_title{ font-size: 1.375rem;}
        .xq_fa_td_item_con_ltitle{ font-size: 1rem;}
        .xq_join_ln_item_ico{ width: 3rem; height: 3rem;}
        .xq_join_ln_item_title{ font-size: 1.625rem;}
        .xq_join_ltitle_right{ font-size: 1.125rem;}
        .xq_join_item_top_1 span:nth-child(1){ font-size: 1.375rem;}
        .xq_join_item_top_1 span:nth-child(2){ font-size: 1.125rem;}
        .xq_join_itemon .xq_join_item_top_3 {
        line-height: 2.8rem;
    }
        .xq_ab_jj_con{ padding-top: 2rem;}
        .xq_bread{ font-size: 1rem;}
        .xq_bread span{ padding: 0px 3px;}
        .xq_pro_jj_con_title{ font-size: 1.75rem;}
        .xq_pro_jj_con_title:before {
            width: 0.75rem;
            height: 0.75rem;
            border: 0.5rem solid #FFFFFF;
            top: calc(50% - 0.85rem);
        }
        .xq_pro_case_item_title{ font-size: 1.375rem;}
        .xq_fa_td_left_bottom{ font-size: 1.625rem;}
        .xq_join_item_top_3 {
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            top: calc(50% - 1.5rem);
            font-size: 1.875rem;
        }
        .xq_page a{ width: 2.8rem; height: 2.8rem; line-height: 2.8rem;}
        .xq_page a svg{ margin-top: 0.65rem;}
        .xq_ab_jj_ltitle{ font-size: 2rem; padding: 1.5rem 0;}
        .xq_ab_wh_item_con_title{ font-size: 1.5rem;}
        .xq_ab_wh_item_con_des{ font-size: 1.125rem; line-height: 150%; margin-top: 1rem;}
        .hq_spro_left_area_con{ font-size: 4.5rem;}
        .xq_ab_hb_sw img{ max-height: 6.5rem;}
    }
    @media screen and (max-width:1279px)and (min-width:1024px){
        .xq_nav_meun_tiem{ margin-right: 2rem;}
        .xq_nav_meun_tiem>a{ font-size: 1.125rem;}
        .xq_id_pro_menu_con a{ margin-left: 2rem; font-size: 1.125rem;}
        .xq_id_yq_back_right_con{ font-size: 2.25rem;}
        .xq_title_cn{ font-size: 2.25rem;}
        .xq_title_en{ font-size: 1.875rem;}
        .xq_id_yq_left_title{ font-size: 2rem; margin-top: 4rem;}
        .xq_id_pro_sw_lon .xq_id_pro_sw_title{ font-size: 1.5rem;}
        .xq_id_rj_sw_con_title{ font-size: 2rem;}
        .xq_id_rj_sw_left_title{ font-size: 2.75rem;}
        .xq_id_fa_leftl_title{ font-size: 2rem;}
        .xq_id_fa_leftl_des{ font-size: 1rem; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;}
        .xq_id_fa_rightll{ width: 90%;}
        .xq_id_fa_rightll_item,.xq_id_fa_rightll_item_back{ padding:0.5rem 1rem;}

        .xq_id_fa_rightll_item_title,.xq_id_fa_rightll_item_back_title{ font-size: 1.125rem;}
        .xq_id_fa_rightll_item_time,.xq_id_fa_rightll_item_back_des{ font-size: 0.75rem;}
        .xq_id_fa_rightll_item_back_des{    -webkit-line-clamp: 2;}


        .xq_id_new_sw_con_left_title{ font-size: 1.125rem;}
        .xq_id_new_right_con_title{ font-size: 1.375rem;}
        .xq_id_new_right_con_time_nian{ font-size: 2.25rem;}
        .xq_footer{ width: 90vw;}
        .xq_footer_lx_logo img{ height: 2rem;}
        .xq_footer_lx_item_title{ font-size: 1.125rem;}
        .xq_footer_lx_item_tel{ font-size: 1.875rem; line-height: 3rem;}
        .xq_footer_lx_item:after{ width: 3.25rem; height: 3.25rem;}
        .xq_footer_lx_item1{ font-size: 0.875rem; line-height: 1.75rem;}
        .xq_footer_menu_item{ padding-right: 1.5rem;}
        .xq_footer_menu_item a.xq_footer_menu_atitle{ font-size: 1.125rem; margin-bottom: 1rem;}
        .xq_footer_menu_item a{ font-size: 0.9rem; line-height: 1.75rem;}
        .xq_footer_code{ margin-left: 0.5rem; width: 80px;}
        .xq_prol_item_con_con_title{ font-size: 1.75rem;}
        .xq_prol_item_con_con_des{ margin-top: 1.5rem;}
        .xq_prol_item_con_btn{ width: 3rem; height: 3rem; top: calc(50% - 1.5rem);}
        .xq_prol_item_con_btn svg {
            width: 1.5rem;
            height: 1.5rem;
            margin-top: 0.75rem;
        }
        .xq_yq_sm_left{ width: 50%;}

        .xq_yq_sm_con_en,.xq_yq_sm_con_cn{ font-size: 1.5rem;}
        .xq_yq_sm_con_des{ height: 10rem;}
        .xq_yq_td_item_title{ margin-top: 1rem;}
        .xq_yq_csc_btn{ font-size: 1rem;}
        .xq_yq_case_btn svg{ width: 1.8rem; height: 1.8rem;}

        .xq_yq_ly_title_back{ font-size: 6rem; top: -2rem;}
        .xq_yq_ly{ margin-top: 1rem;    width: 80%;}
        .xq_pro_jj_con_con{ margin-top: 1.5rem;}
        .xq_pro_gn_item_ico{ width: 3.5rem; height: 3.5rem;}
        .xq_pro_gn_item_con{ margin-top: 2rem;}
        .xq_fa_jj_con{ padding-right: 1rem;}
        .xq_fa_td_item_con_title{ font-size: 1.375rem;}
        .xq_fa_td_item_con_ltitle{ font-size: 1rem;}
        .xq_join_ln_item_ico{ width: 3rem; height: 3rem;}
        .xq_join_ln_item_title{ font-size: 1.625rem;}
        .xq_join_ltitle_right{ font-size: 1.125rem;}
        .xq_join_item_top_1 span:nth-child(1){ font-size: 1.375rem;}
        .xq_join_item_top_1 span:nth-child(2){ font-size: 1.125rem;}
        .xq_join_itemon .xq_join_item_top_3 {
        line-height: 2.8rem;
    }
        .xq_ab_jj_con{ padding-top: 2rem;}
        .xq_bread{ font-size: 1rem;}
        .xq_bread span{ padding: 0px 3px;}
        .xq_pro_jj_con{    padding: 0 3rem;}
        .xq_pro_gn_item{    padding: 3rem 2rem;}
        .xq_join_item_top_2 span{ padding-right: 3rem;}
        .xq_pro_jj_con_title{ font-size: 1.75rem;}
        .xq_pro_jj_con_title:before {
            width: 0.75rem;
            height: 0.75rem;
            border: 0.5rem solid #FFFFFF;
            top: calc(50% - 0.85rem);
        }
        .xq_pro_case_item_title{ font-size: 1.375rem;}
        .xq_fa_td_left_bottom{ font-size: 1.625rem;}
        .xq_join_item_top_3 {
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            top: calc(50% - 1.5rem);
            font-size: 1.875rem;
        }
        .xq_page a{ width: 2.8rem; height: 2.8rem; line-height: 2.8rem;}
        .xq_page a svg{ margin-top: 0.65rem;}
        .xq_ab_jj_ltitle{ font-size: 2rem; padding: 1.5rem 0;}
        .xq_ab_wh_item_con_title{ font-size: 1.5rem;}
        .xq_ab_wh_item_con_des{ font-size: 1.125rem; line-height: 150%; margin-top: 1rem;}
        .hq_spro_left_area_con{ font-size: 4.5rem;}
        .xq_ab_hb_sw img{ max-height: 6.5rem;}

        .xq_id_yq_right_menu_item{ font-size: 1.25rem;}
        .xq_id_fa_leftl {
            padding: 3rem 0;
            padding-left: 4vw;
        }
        .xq_id_fa_leftl_ico img{ height: 2.25rem;}

    }