@media screen and (max-width: 1200px) {
    html{
        overflow: auto!important;
    }
    body, html{
        overflow-x: hidden;
    }
    /*xlt-k*/
    ::-webkit-scrollbar
    {
        width: 0;
        height: 0;
    }

    ::-webkit-scrollbar-track
    {
        background-color: #ffffff;
    }

    ::-webkit-scrollbar-thumb
    {
        background-color: #19596b;
    }
    /*xlt-g*/

    .body {
        width: 100%;
    }
    .pub_banner{
        margin-top: 0;
        padding-top: 18vw;
        min-height: auto;
        height: auto;
    }
    .pub_banner img{
        object-fit: cover;
        height: 50vw;
        /*margin-left: -12vw;*/
        /*width: auto;*/
    }

    .mi_pub_banner{
        display: block;
    }
    .wh1600 {
        margin: 0 2% !important;
    }
    .fs72 {
        font-size: 8vw;
    }
    .fs66 {
        font-size: 7.5vw;
    }
    .fs60{
        font-size: 5vw;
    }
    .fs58 {
        font-size: 5vw;
    }
    .fs48{
        font-size: 5vw;
    }
    .fs36{
        font-size: 4.3vw;
    }
    .fs30{
        font-size: 4.2vw;
    }
    .fs24{
        font-size: 4vw;
    }
    .fs22{
        font-size: 4vw;
    }
    .fs20{
        font-size: 3.9vw;
    }
    .fs18{
        font-size: 3.5vw;
    }
    .fs16{
        font-size: 3.5vw;
    }
    .fs14{
        font-size: 3.2vw;
    }
    .fs12{
        font-size: 3vw;
    }

    .kyword-section .flex{
        flex-wrap: wrap;
    }

    .zxfs-box{
        /*display: none;*/
        bottom: 7vw;
    }
    .zxfs-box.pro-select .select{
        display: flex;
        flex-direction: column;
    }
    .pro-select .box{
        width: 100%;
        margin-top: 3%;
    }
    .pro-select .box.fl{
        display: none;
    }

    .pro-select .tit p.fl,
    .pro-select input,
    .pro-select input.submit{
        height: 10vw;
        line-height: 10vw;
    }
    .pro-select .list{
        top: 9vw;
    }



    .img_gallery {
        display: block;
    }
    .train_banner {
        margin-top: 18vw;
    }

    .train_banner_left,.train_banner_right{
        display: none;
    }



    .head{
        display: none;
    }
    .mi_head_all{
        display: block;
    }

    .foot{
        display: none;
    }
    .copyright{
        display: block;
        /*border-top: 1vw solid #d42b40;*/
        background-color: #eeeeee;
         /*margin-bottom: 13.5vw;*/
        color: #333333;
        line-height: 2;
        font-size: 3vw;
        padding: 3% 0;
        text-align: center;
    }
    .copyright .sys1{
        float: none;
        width: 100%;
    }
    .copyright .sys1 span{
        display: block;
    }

    .copyright .sys2{
        float: none;
        border: none;
        display: none;
        width: 100%;
        text-align: center;
    }
    .copyright_all{
        border: none;
    }


    .social-share .social-share-icon {
        margin-right: 2.3%;
        width: 5.725vw!important;
        height: 5.725vw!important;
        line-height: 5.725vw!important;
    }
    .social-share .icon-wechat:before,
    .social-share .icon-twitter:before,
    .social-share .icon-facebook:before,
    .social-share .icon-linkedin:before{
        width: 5.725vw!important;
        height: 5.725vw!important;
    }
    .bottom-fix {
        display: block;
        width: 100%;
    }


    .position_all{
        display: none;
    }



    .load_more{
        font-size: 3.5vw;
        padding: 3% 0;
    }
    .kyword-section .kwd-lt{
        display: none;
    }
    .kyword-section .kwd-lt,
    .kyword-section .kwd-rt
    {
        width: 100%;
        margin: 3% 0;
    }
    .kyword-section .kwd-txt{
        line-height: 1.5;
        color: #555555;
    }
    .kyword-section .kwd-rt .kwdr-ipt input{
        width: 68%;
        line-height: 3;
    }
    .kyword-section .kwd-rt .kwdr-ipt .frmbtn{
        width: 30%;
    }





    .acsl{
        width: 100%;
    }
    .acsna, .acsall .acsall_title{
        font-size: 4.5vw;
    }
    .acslx .acslxan, .acslx .acslxrx{
        font-size: 4vw;
    }
    .upperandlower {
        display: none;
    }



    .head_top{
        display: none;
    }

    .content_main{
        padding: 5% 0;
    }


    .load_more .loads{
        width: 50%;
        padding: 3% 0;
        /*border-radius: 5px;*/
    }



    .btn-c{
        width: 22.5vw;
        height: 7vw;
        line-height: 7vw;
        padding-left: 2vw;
    }
    .btn-c i{
        width: 3.15vw;
    }
    .product-section .product-cate ul{
        flex-wrap: wrap;
        display: inline-block;
    }
    .product-section .product-cate li{
        padding: 1.5% 0;
        width: calc(100%/2 - 1%);
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .product-section .product-cate li:nth-of-type(2n){
        margin-right: 0;
    }

    .product-section .product-cate li:last-of-type{
        width: 48%;
        justify-content: start;
    }
    .product-section .product-cate li img{
        max-height: 8vw;
    }
    .idxprolist .idx_probox{
        justify-content: space-evenly;
    }
    .idxprolist .idx_probox .ipro-txt{

    }
    .idxprolist .idx_probox:first-of-type .ipro-txt{
        max-width: 50%;
    }
    .idxprolist .idx_probox:first-of-type{
        min-width: 100%;
    }
    .idxprolist .idx_probox{
        min-width: 49%;
        margin-bottom: 2%;
    }
    .idxprolist .idx_probox:nth-of-type(2){
        margin-right: 2%;
    }
    .idxprolist .idx_probox:nth-of-type(even){
        margin-right: 2%;
    }
    .idxprolist .idx_probox:nth-of-type(odd){
        margin-right: 0;
    }




    .product-section .pcot-top .pcot-tpblk{
        width: 100%;
        margin-right: 0;
    }
    .product-section .pcot-top .pcot-tpblk .pcot-tpimg{
        height: auto;
        padding: 18% 0;
    }
    .product-section .pcot-bottom .pcot-btblk{
        width: calc(100%/2 - 1%);
    }
    .product-section .pcot-bottom .pcot-btblk:nth-of-type(2n){
        margin-right: 0;
    }
    .product-section .pcot-bottom .pcot-btblk .pcot-btimg{
        height: 40.5vw;
    }
    .product-section .pcot-bottom .pcot-btblk .pcot-bttxt{
        height: 23.8vw;
    }

    .product-section .prolt-cot,.product-section .prort-cot{
        width: 100%;
    }
    .product-section .prort-cot{
        padding: 3%;
    }
    .probtn-switch .probtn-lt, .probtn-switch .probtn-rt {
        height: 8vw;
        width: 8vw;
        margin-right: 5%;
    }
    .probtn-switch .probtn-rt{
        margin: 0!important;
    }
    .probox-c{
        width: 50%;
    }
    .probox-c:after{
        border-bottom: none;
    }
    .probox-c:hover:before {
        border: solid 10.75vw transparent;
        border-right-color: #0935b0;
        border-bottom-color: #0935b0;
    }
    .probox-c .prort-img .pimg{
        width: 22.7vw;
        height: 23.7vw;
    }
    .about-us .abt-cnt .abt-lt,
    .about-us .abt-cnt .abt-ct,
    .about-us .abt-cnt .abt-rt{
        width: 100%;
    }
    .about-us .abt-cnt .abt-ct{
        margin: 5% 0;
        padding: 0;
        text-align: left;
    }
    .about-us .abt-cnt .abt-ct .abt-cot{
        border: none;
        padding: 0;
    }
    .about-us .abt-cnt .abt-lt .abt-simg img{
        height: 8vw;
    }
    .about-us .abt-cnt .abt-lt li{
        width: calc(100%/2);
        margin-bottom: 5%;
    }


    .index_news .syxw .syxwr {
        position: relative;
        width: 100%;
        left: 0;
    }
    .index_news .syxw .syxwl{
        width: 100%;
    }
    .index_news .syxw .syxwl{
        box-shadow: 0 0 black;
    }
    .syxwlb ul li .xwnr1:before{
        top: 2.6vw;
        width: 1.5vw;
        height: 1.5vw;
    }

    .news-section .news-list .news-box{
        padding: 2%;
        width: 100%;
    }
    .news-section .news-list .news-box .nscot{
        line-height: 1.5;
    }


    .contact-us .foot_message{
        padding: 5% 0;
    }
    .contact-us .foot_message .srk1{
        width: 100%;
        border-radius: 3px;
        padding: 3%;
    }
    .contact-us .foot_message .srk2{
        width: 100%;
        border-radius: 3px;
        padding: 3%;
    }
    .contact-us .foot_message .ann{
        width: 100%;
        padding: 3% 10%;
    }
    .probox-c.pro-list{
        width: calc(100%/2 - 1.3%);
    }
    .probox-c.pro-list:nth-of-type(2n){
        margin-right: 0!important;
    }
    .probox-c.pro-list:nth-of-type(3n){
        margin-right: 2%;
    }
    .probox-c.pro-list:after{
        border-bottom: 2px solid #dcdcdc;
    }

    .case-list-section .case-cate-list .case-cate-lt{
        display: none;
    }
    .case-list-section .case-cate-list .case-cate-rt{
        float: none;
        width: 100%;
        padding: 5% 2%;
    }
    .case-list-section .csadv-four{
        padding: 0 2%;
    }
    .case-list-section .csadv-four .csadv-box{
        width: 100%;
        height: auto;
    }
    .case-list-section .apprelpro-section .aprelpro-box{
        /*width: calc(100%/2 - .75%);*/
        width: 100%;
        margin-right: 0;
    }
    .case-list-section .apprelpro-section .aprelpro-box:nth-of-type(2n){
        margin-right: 0;
    }

    .case-list-section .apprelpro-section .aprelpro-box .aprpro_img{
        height: auto!important;
    }
    .case-list-section .apprelpro-section .aprelpro-box .aprpro_more span{
        width: 21.3vw;
    }
    .case-list-section .apprelcase-section .aprelcs-box{
        width: calc(100%/2 - .75%);
    }
    .case-list-section .apprelcase-section .aprelcs-box:nth-of-type(2n){
        margin-right: 0;
    }
    .case-list-section .apprelcase-section .aprelcs-box .aprelcs_tit:after{
        width: 11px;
    }
    .case-list-section .apprelcase-section .aprelcs-box .aprelcs_tit{
        line-height: 3;
    }
    .case-list-section .apprelpro-section .aprelpro-box .aprpro_img img{
        height: auto;
    }

    .case-detail .case_txt{
        position: relative;
    }

    .appxgcp-section .xgcp-box{
        width: calc(100%/2 - 1%);
    }
    .appxgcp-section .xgcp-box:nth-of-type(2n){
        margin-right: 0;
    }
    .appxgcp-section .xgcp-box .xgcp_img{
        height: 40.5vw;
    }
    .appxgcp-section .xgcp-box .xgcp_txt{
        height: 23.8vw;
    }

    .appxgcp-section .xgcp_cot{
        padding: 3%;
    }

    .product-list-section .product-ejcatedtl{
        display: inline-block;
        width: 100%;
    }
    .product-list-section .product-ejcatedtl .proejcate_lt .mark-ico:after{
        height: 5.035vw;
        width: 20.23vw;
    }
    .product-list-section .product-ejcatedtl .proejcate_lt,
    .product-list-section .product-ejcatedtl .proejcate_rt
    {
        width: 100%;
    }
    .screen-section .screen-blk{
        /*display: none;*/
    }
    .screen-section .screen-blk .screen-condition{
        flex-direction: column;
    }
    .screen-section .screen-blk .screen-condition .cnditn_box:first-of-type{
        display: none;
    }
    .screen-section .screen-blk .screen-condition .cnditn_box{
        width: 100%;
        justify-content: center;
        margin-bottom: 2%;
    }
    .screen-section .screen-blk .screen-condition .cnditn_reset{
        margin: 0 auto;
    }
    .screen-section .screen-blk .screen-condition .cnditn_reset .reset_btn button img{
        height: 3.25vw;
    }
    .screen-section .screen-blk .screen-condition .cnditn_reset .reset_btn button{
        width: 30.85vw;
        height: 8.62vw;
        margin: 3% auto;
    }
    .product-list-screen .tftable td:last-of-type img{
        width: 6vw;
        margin: 3% 0;
    }
    .product-list-screen .tftable .tab_head th{
        display: none;
    }
    .product-list-screen .tftable .tab_head th:first-of-type{
        display: table-cell;
        width: auto;
    }
    .product-list-screen .tftable .tab_head th:last-of-type{
        display: table-cell;
    }
    .product-list-screen .tftable td:first-of-type{
        display: table-cell;
    }
    .product-list-screen .tftable td:last-of-type{
        display: table-cell;
    }

    .product-list-screen .tftable td{
        display: none;
    }



    .paging{
        text-align: center;
    }
    .paging a{
        padding: 2% 3.25%;
    }

    .sy_mka{
        background: #ffffff;
        padding: 5% 0;
    }
    .sy_sp{
        margin: 0;
        width: 100%;
    }
    .sy_sp .sy_sp_da{
        width: 100%;
        display: none;
    }
    .sy_sp .sy_sp_db{
        position: relative;
        width: 100%;
    }
    .sy_sp .sy_sp_db .sy_sp_db_tit{
        bottom: 3px;
    }
    .mouse-down {
        display: none;
    }
    .mouse-down .mouseinfo{
        width: 8%;
        padding: 8% 0;
    }
    @keyframes movedownspot {
        from {
            opacity: 1;
            top: 10px;
        }

        to {
            opacity: 0.1;
            top: 20px;
        }
    }
    .sycp_fl{
        width: 100%;
        display: none;
    }

    .sy_cp .sy_subhead{
        display: none;
    }


    .sycp_fr{
        width: 100%;
    }
    .sycp_item .sycp_ck{
        width: 24%;
    }

    .sycp_switchy{
        width: 100%;
        margin: 0;
        top: 0;
        padding: 10% 0 10% 0;
    }
    .sycp_item .sycp_title{
        font-size: 4.5vw;
    }
    .sycp_item .sycp_title:after{
        height: 3px;
        bottom: 0px;
    }
    .sycp_item .sycp_merit{
        width: 100%;
    }


    .sycp_switche ul li{
        font-size: 4vw;
        padding-left: 15px;
        line-height: 2;
        margin: 0 0 2% 0;
    }
    .sycp_switche ul li:after{
        width: 3vw;
        height: 3vw;
        top: 33%;
        left: 0;
    }
    .sycp_switche{
        padding: 0;
    }



    .public_title .ny_cn{
        /*font-size: 4.5vw;*/
    }
    .public_title .ny_en{
        /*font-size: 3vw;*/
    }
    .sy_case_more{
        display: none;
    }
    .sy_case_list{
        padding: 5% 0 0 0;
    }
    .sycase_item{
        width: 49%;
        margin: 0 2% 2% 0;
    }
    .sycase_item:nth-child(2n){
        margin: 0 0 2% 0;
    }

    .sycase_item .dcot .dsz {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 4.5vw;
        margin: -20px auto 0;
    }

    .sy_subhead{
        font-size: 4.5vw;
        line-height: 2;
    }
    .sy_subhead:after{
        height: 3px;
        bottom: -2px;
    }
    .sy_subhead:before{
        height: 3px;
        bottom: -6px;
    }
    .synewsdy_en{
        width: 100%;
        font-size: 3.5vw;
        padding: 5% 0 0;
        line-height: 2;
    }
    .synewsdy_more{
        font-size: 4vw;
        top: 20%;
    }


    .rmnews_item{
        width: 100%;
        margin: 0 0 5% 0;
        text-align: left;
    }
    .rmnews_item .dtit{
        font-size: 4.5vw;
        padding: 3% 0 2%;
    }
    .rmnews_item .dcot{
        padding: 0;
    }

    .sxnews_item{
        width: 100%;
    }
    .sxnews_item .dtime{
        top: 12.5%;
    }
    .sxnews_item .dtit{
        width: 70%;
    }

    .sy_honor .we_honor{
        width: 90%;
        margin: 0 5%;
        padding: 5%;
    }
    .sy_honor_list .sy_honor_fl{
        width: 100%;
        padding: 5% 0;
    }
    .sy_honor_list .sy_honor_fr{
        width: 100%;
    }
    .sy_honor .we_honor:after{
        display: none;
    }
    .sy_partner{
        padding: 5% 0;
    }
    .sy_partner_list_pc{
        display: none;
    }

    .sy_partner_list_mb{
        display: block;
    }

    .public_links{
        width: 100%;
    }
    .public_links .pl_tit{
        font-size: 4.5vw;
    }
    .copyright_all:after{
        display: none;
    }







    .sy_subhead_en{
        font-size: 4vw;
    }

    .ab_mko{
        padding: 5% 0 5% 0;
    }
    .ab_mko .nysm_all .position{
        position: absolute;
        top: -80%;
    }
    .nysm_all{
        width: 100%;
        right: 5%;
        display: none;
    }
    .nysm_all .position{
        width: 100%;
        font-size: 3.5vw;
    }

    .about_banner{
        /*height: 50vh;*/
        margin-top: 18vw;
    }
    .page_abus .abus-cot{
        padding: 0;
    }
    .page_abus .abus-cot .abus-cot2 li{
        width: calc(100%/3);
        margin-bottom: 3.5%;
    }
    .page_abus .abus-cot .abus-cot2 li:first-of-type,
    .page_abus .abus-cot .abus-cot2 li:last-of-type
    {
        width: 33.33%;
        text-align: center;
    }
    .page_abus .abus-cot .abus-cot2 .abt1-img img{
        height: 8.65vw;
    }
    .page_abus .abus-cot4{
        flex-direction: column;
    }

    .page_abus .abus-cot4 .abt4-lt,
    .page_abus .abus-cot4 .abt4-rt
    {
        width: 100%;
        float: none;
    }
    .page_abus .abus-cot4 .abt4-rt img{
        top: 0;
    }
    .page_policy{
        padding: 5% 0;
    }
    .page_policy .policy-cot li{
        width: calc(100%/2 - 2%);
        margin: 0 4% 4% 0;
    }
    .page_policy .policy-cot li:nth-of-type(2n){
        margin-right: 0;
    }



    .page_target .policy-cot ul{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .page_target .policy-cot li{
        width: 100%;
        flex: 1;
    }
    .page_target .policy-cot li:nth-of-type(1) img{
        width: 100%;
    }


    .page_brands .brands-slogan li{
        width: 100%;
    }
    .page_brands .brands-map{
        background: url(/uploads/image/t_image/brands_bg.jpg) no-repeat center 1.8vw;
        background-size: cover;
    }

    .page_honor:before{
        height: 58vw;
        background-size: cover;
    }

    .page_target .abt_target{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .page_target .abt_target .tar-img img{
        max-width: 100%;

    }
    .page_target .abt_target .tar-txt p:before{
        width: 15px;
        height: 15px;
        left: 10px;
    }
    .technology{
        position: relative!important;
        flex-direction: row;
        flex-wrap: wrap;
        bottom: 0;
        top: 5vw;
        color: #333333;
        margin-bottom: 3.5vw!important;
    }
    .technology.hide{
        display: block!important;
    }
    .technology .tech-box{
        min-width: 50%;
        margin-bottom: 3.5vw;
        float: left;
    }

    .technology-cate{
        justify-content: center;
    }


    .ab_four_item{
        width: 50%;
    }
    .ab_four_item .dnya{
        font-size: 5vw;
        font-weight: bold;
    }

    .ab_four_item .dnyb{
        height: 21vw;
        line-height: 7vw;
        /*padding: 0 5%;*/
        font-size: 3.5vw;
    }
    .abmko_list .company-tab li{
        padding: 2.8% 6%;
    }

    .abmko_list .dimg,.abmko_list .dcot{
        width: 100%;
        margin: 0 0 0 0;
        padding: 5% 0 0 0;
    }
    .abmko_list .dcot .dtit{
        font-size: 4.5vw;
        font-weight: bold;
        letter-spacing: 1px;
    }


    .abmkt_list .dlxs,.abmkt_list .dlxx{
        display: none;
    }


    .abmkt_list .dcot{
        width: 100%;
        margin: 0;
    }
    .abmkt_list .dcot .dtit{
        font-size: 4.5vw;
    }
    .customer-feedback .cust-list .cust-blk .feed-avatar img{
        height: 15vw;
    }

    .ab_mk4_item{
        width: 50% !important;
        height: 35.8vw;
        padding: 0 2% !important;
        margin: 0 0 5% 0;
    }

    .ab_mk4_item .dimg{
        width: 25% !important;
    }

    .adv_4 .adv_list .adv-en{
        font-size: 3.1vw;
    }
    .adv_4 .adv_list li{
        width: calc(100%/2);
    }
    .adv_4 .adv_list li:nth-of-type(n 3){
        border-top: 0;
    }
    .adv_4 .adv-cot .adv-box{
        display: block;
    }
    .adv_4 .adv-cot .adv-lt,.adv_4 .adv-cot .adv-rt{
        width: 100%;
    }
    .adv_4 .adv-cot .adv-rt{
        padding-bottom: 2.5%;
    }
    .adv_4 .adv-cot .adv-rt .advrt-list{
        text-align: justify;
    }
    .adv_4 .adv-cot .adv-rt .advrt-list li{
        line-height: 1.5;
    }
    .adv_4 .adv-cot .adv-rt .advrt-list li:before{
        top: 2vw;
    }


    .nysm_all .slogan{
        display: none;
    }




    .cpca_item{
        width: 100%;
    }

    .cpca_item .pa_a{
        padding: 2.5% 0;
    }

    .cpca_item .pa_mc:after{
        display: none;
    }
    .cpca_item.on:after{
        display: none;
    }


    .synyz{
        display: none;
    }

    .synyy{
        width: 100%;
    }
    .product_item{
        width: 100%;
    }
    .product_item .dtit{
        font-size: 5vw;
    }

    .news-top-lt,
    .news-top-rt
    {
        position: relative;
        width: 100%;
        float: none;
        margin-bottom: 3.5%;
    }
    .news-top-rt .news-tp-box{
        float: left;
        width: calc(100%/2 - 1%);
        margin-right: 2%;
    }
    .news-top-rt .news-tp-box:nth-of-type(2){
        margin-right: 0;
    }
    .news-tp-box .news-tit{
        line-height: 2.8;
    }
    .news-top-rt .news-tp-box .news-tit
    {
        line-height: 3;
    }
    .news-btm-blk .news-btm-box{
        flex-direction: column;
    }
    .news-btm-blk .news-btm-box .news-txt,
    .news-btm-blk .news-btm-box .news-img{
        width: 100%;
        margin-bottom: 4.5%;
        height: auto;
    }
    .news-btm-blk .news-btm-box .news-txt{
        padding: 0 2%;
    }

    .xgapp-section .xgapp-more span{
        width: 8.1vw;
        height: 8.1vw;
        line-height: 1.55;
        font-size: 4.8vw;
    }
    .xgapp-section .xgapp-cot{
        padding: 3.2% 5% 3.2% 7.6%;
    }
    .xgapp-section .xgapp-btn .xgbtn-lt,
    .xgapp-section .xgapp-btn .xgbtn-rt{
        height: 4.5vw;
    }

    .technical-section .tech-blk{
        flex-direction: column;
    }
    .technical-section .tech-blk .tech-img,
    .technical-section .tech-blk .tech-txt
    {
        width: 100%;
    }
    .technical-section .tech-blk .tech-txt{
        height: 80vw;
        background-size: calc(var(--w_auto) * 80px);
    }
    .technical-section .tech-blk .tech-txt .tech-flag{
        margin-bottom: 15%;
    }
    .technical-section .tech-blk .tech-txt .tech-cnt{
    }


    .page-wap{
        position: relative;
    }
    .swiper-button-next, .swiper-button-prev{
        left: 2%!important;
        bottom: calc(var(--w_auto) * 95px) !important;
    }

    .page-mum{
        bottom: 30px;
        right: unset;
        left: 4%;
    }
    .page-custom{
        display: none;
    }
    .swiper-button-next{
        left:8% !important ;
    }
    .about-section .abtflex .abtimg,
    .about-section .abttxt
    {
        width: 100%;
    }
    .about-section .abtflex{
        flex-direction: column;
    }
    .about-section .abttxt .abt-tit{
        margin-top: 5%;
        padding-top: 18%;
        background-size: 70%;
    }
    .about-section .abttxt .abt-cot{
        padding: 3%;
        text-align: justify;
    }
    .about-section .abttxt .abt-page ul{
        flex-wrap: wrap;
    }
    .about-section .abttxt .abt-page li{
        min-width: 50%;
        flex: 1;
        padding-top: 12%;
    }
    .newsbox .time .time_n{
        margin-top: 2%;
    }

    .idxnews_top{
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .idxnews_top .idxnews_tit{
        flex: 1;
        min-width: 100%;
        margin-bottom: 3.5%;
    }
    .idxnews_top .idxnews_cate{
        width: 100%;
    }
    .idxnews_top .idxnews_cate ul{
        display: block;
    }
    .idxnews_top .idxnews_cate li{
        width: calc(100%/4 - 1%);
        margin: 0 1% 0 0;
        float: left;
    }
    .idxnews_top .idxnews_cate li:last-of-type{
        margin-right: 0;
    }
    .newsbox{
        width: calc(100%);
        margin: 0 0 2% 0;
    }
    .newsbox .news_img{
        height: 60vw;
    }
    .newsbox:nth-of-type(2n){
        margin-right: 0;
    }
    .public_title{
        margin-bottom: 5%;
    }
    .newsbox .news_cons{
        padding: 4vw;
    }



    .info_item{
        width: 100%;
        margin-bottom: 5%;
    }
    .info_item .info-lt{
        width: 100%;
    }
    .info_item .info-rt{
        display: none;
        width: 100%;
        position: relative;
        right: 0;
        padding: 0 2%;
    }
    .news_item{
        width: 100%;
    }

    .news-list .news-lt,
    .news-list .news-rt{
        width: 100%;
    }
    .news-list .news-lt .newslt-box,
    .news-list .news-rt .newsrt-box{
        height: auto;
    }
    .news-list .news-rt .newsrt-box .nsrt-time{
        width: 18%;
    }
    .news-list .news-rt .newsrt-box .nsrt-txt{
        width: 76%;
    }


    .case_item .dimg{
        width: 100%;
    }
    .case_item .dcot{
        width: 100%;
        position: relative;
        left: 0;
        padding: 5%;
    }
    .case_item .dcot .dint{
        margin: 3% 0 5%;
    }
    .case_item .dcot .dtit_cn{
        font-size: 4.5vw;
    }
    .case_item .dcot .dcase-txt .dcs-lt .dcs_img{
        width: 100%;
        height: 16.7vw;
    }
    .case_item .dcot .dcase-txt .dcs-lt .dcs_intro:before{
        font-size: 3.5vw;
    }


    .partner_item{
        width: 49%;
        margin: 0 2% 2% 0;
    }

    .partner_item:nth-child(2n){
        margin: 0 0 2% 0;
    }



    .download_nysm{
        padding: 0;
    }


    .download_main{
        padding: 5% 0 0 0;
    }
    .download_list{
        padding: 0% 0 0 0;
    }
    .download_item{
        width: 49%;
        margin:0 2% 2% 0;
    }
    .download_item:nth-child(5n){
        margin-right: 2%;
    }
    .download_item:nth-child(2n){
        margin: 0 0 2% 0!important;
    }
    .download_item .dimg{
        padding: 0;
        width: 100%;
    }

    .download_item .dcot .xz{
        width: 30px;
        height: 30px;
    }
    .download_item .dcot .xzs{
        height: 30px;
        line-height: 30px;
    }
    .download_item .dcot .ck{
        width: 100%;
        margin: 5% 0 5% 0;
    }
    .score-loading{
        width: 100%;
        margin-top: 15%;
    }
    .progress_bar .progress_bar_title{
        top: -5.8vw;
    }
    .progress_bar .progress_number{
        margin-top: -4.2%;
    }
    .brands-category .brds-box{
        width: calc(100%/2 -  1.75%);
    }
    .brands-category .brds-box:nth-of-type(2n){
        margin-right: 0;
    }
    .brands-category .brds-box .brds-ico img{
        height: 9.78vw;
    }


    .video_item{
        width: 100%;
        margin: 0 0 0% 0;
    }
    .video_item .dtit .vidtit{
        width: 100%;
    }
    .video_item .dtit .vidtime{
        float: left;
        width: 100%;
        text-align: left;
    }
    .video-switch .video-button-prev img,
    .video-switch .video-button-next img{
        width: 9.021vw;
    }
    .video-switch .video-button-prev{
        flex: .2;
    }
    .video_show video{
        max-width: 100% !important;
        height: auto!important;
    }
    .video_show .vid-cot{
        padding: 0;
        text-align: left;
        line-height: 1.5;
    }
    .video_show .vid-survey li{
        width: calc(100%/2);
        flex-wrap: nowrap;
    }
    .contact-region .reg-cot li{
        width: 100%;
        margin-right: 0;
    }

    .contact-region .region-list .region-box{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 25px 0;
    }
    .contact-region .region-list .region-box .region-txt{
        height: auto;
    }
    .contact-region .region-list .region-box:last-of-type .region-txt{
        padding: 7%;
    }

    .contact-lt .contact-img img{
        width: 65%;
    }
    .contact-lt,
    .contact-rt{
        width: 100%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .contact-rt .frm-blk textarea{
        height: 30vw;
    }
    .contact-lt .contact-teladr li .ctc-img{
        height: 13.858vw;
    }
    #ditucontent{
        height: 60vw!important;
    }
    .contact-rt .sub-btn{
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .contact-rt .sub-btn .tj-btn{
        display: flex;
        justify-content: center;
        margin-bottom: 3%;
    }
    .contact-rt .ymzsz{
    }
    .contact-rt .sub-btn .tj-btn,.contact-rt .sub-btn .yzm{
        width: 30%;
        height: 9vw;
        line-height: 9vw;
    }

    .news_cate_list li{
        width: calc(100%/3 - 1.5%);
        margin-bottom: 2%;
    }
    .news_cate_list li:nth-of-type(3n){
        margin-right: 0;
    }
    .content_all.job-all{
        width: 100%;
    }
    .job_list .dl dd{
        display: flex;
        align-items: center;
        padding: 0 3% 0 10%;
        line-height: 60px;
        height: 60px;
    }
    .job_list .dl dd span{
        font-size: 4vw;
        width: 50%;
        line-height: 2;
    }
    .job_list .dl dd span.adrs, .job_list .dl dd span.education{
        display: none;
    }
    .job_list .dl dd span:before{
        width: 3px;
        height: 5vw;
        top: 32%;
    }
    .job_list .dl dd small{
        font-size: 3vw;
    }
    .job_list dl dt{
        padding: 3% 0 3% 0;
    }
    .job_list dl dt .txt{
        padding: 2% 5%;
        background-color: transparent;
    }
    .job_list dl dt .txt .text1{
        padding: 0 0 5%;
    }
    .job_list dl dt .txt .text1 li{
        width: 50%;
        font-size: 3.5vw;
        height: 8vw;
        line-height: 8vw;
    }
    .job_list dl dt .txt .text2 li{
        width: 100%;
        font-size: 3.5vw;
    }
    .job_list dl dt .txt .text2 li * {
        font-size: 3.5vw;
    }

    .contact-rt .frm-blk input,
    .contact-rt .frm-blk textarea
    {
        font-size: 3.5vw;
    }

    .crumbs-nav{
        display: none;
    }

    .lxwm_title{
        padding: 0;
    }

    .lxwm_item{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .lxwm_item .dimg{
        width: 20%;
    }
    .lxwm_item .dtit{
        padding: 2% 0 0 0;
        margin: 2% auto 0;
    }

    .lxwm_item .dint{
        height: auto;
    }

    .cp_detail .cp_mko{
        flex-direction: column;
    }
    .cpmkol_img .dimg{
        height: auto!important;
    }
    .cpmkol_img .dimg img{
        height: auto;
    }

    .cp_detail .cpmkol{
        width: 100%;
        margin-top: 2%;
    }
    .cp_detail .cpmkor{
        width: 100%;
        margin: 0% 0 0;
        position: relative;
        left: 0;
    }
    .cp_detail .cpmkor .mutiple_img ul{
        justify-content: space-evenly;
    }
    .cp_detail .cpmkor .mutiple_img .slick-slide:last-of-type{
        margin-right: 0;
    }
    .cpmkor .cpmkor_title{
        /*font-weight: bold;*/
    }
    .cpmkor .cpmkor_ys4s{
    }

    .cpmkor .cpmkor_intro{
        width: 100%;
    }
    .cpmkor .cpmkor_zxzx{
        width: 100%;
        padding: 2% 0;
        text-align: center;
        font-size: 4vw;
        letter-spacing: 2px;
        font-weight: bold;
    }

    .cpmkor .cpmkor_lxdh span{
        /*font-size: 5.5vw;*/
    }




    .cpc_title .cpc_title_cn:after{
        width: 40%;
        left: 30%;
    }
    .cpc_title .cpc_title_cn:before{
        /*width: 10%;*/
        /*left: 45%;*/
    }
    .cpc_title .cpc_title_cn img{
        width: 14px;
    }
    .cpc_all{
        line-height: 2;
    }
    .cpc_all .param_tit{
        padding: 0 4%;
    }
    .cpc_all .param_cnt{
        padding: 4%;
    }
    .cpc_all .features{
        clear: both;
        float: none;
        flex: 100%;
    }
    .cpc_all .application{
        flex: 100%;
        float: none;
        width: 100%;
        margin: 3% 0;
        clear: both;
        justify-content: flex-start;
    }
    .cpc_all .param_cot{
        flex-wrap: wrap;
    }
    .cpc_all .param_cot:after{
        display: none;
    }
    .cpc_all .middel-line{
        width: 100%;
        height: 2px;
        margin: 5% 0;
    }


    .cp_minutiae_item{
        width: 100%;
        margin-bottom: 5%;
    }

    .cp_minutiae_item .dcot .dtit{
        line-height: 2;
    }

    .cp_five_item .cp_fiz{
        width: 100%;
    }
    .cp_five_item .cp_fif{
        width: 100%;
        position: relative;
        left: 0;
    }
    .cp_five_item .cp_fiz.cp_fizs{
        float: none;
    }
    .cp_ficot .fiz{
        width: 30px;
        height: 30px;
        font-size: 5.5vw;
    }
    .cp_ficot .fiz span{
        margin-top: 4px;
        margin-right: 3px;
    }
    .cp_ficot .fia{
        font-size: 4.5vw;
    }
    .cp_ficot .fis{
        font-size: 3.5vw;
    }

    .cp_ficot{
        padding: 5% 10% 5% 25%;
    }



    .cp_fif4{
        background: #ffffff;
    }



    .cp_five_m4{
        display: block;
    }
    .cp_five_w4{
        display: none;
    }


    .detail_title{
        font-size: 4.5vw;
        margin: 0 0 5% 0;
    }
    .detail_title:after{
        height: 3px;
        bottom: -10px;
    }
    .detail_content{
        line-height: 2;
    }
    .pro_excellent{
        line-height: 2;
    }
    .pro_excellent .dtit{
        font-size: 4.5vw;
    }
    .pro_excellent .dint{
        font-size: 4vw;
    }
    .pro_excellent .pe_lxdh{
        position: relative;
    }
    .regional-agent .agent-box{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10%;
    }
    .regional-agent .agent-box .card-name{
        line-height: 3;
    }

    .cp_minutiae_item .fl_layer p:after{
        font-size: 12px;
        top: 3px;
    }

    .qq{
        display: none;
    }

    /*产品分类*/
    .cpca_list{display: none;}

    .common-left { /*margin-bottom: 30px;*/ display: block !important;}

    .com-title { padding: 14px 14px; color: #ffffff; font-size: 16px; font-weight: bold; /*line-height: 26px;*/ background: url(/uploads/image/t_image/wicon14.png) 0 center no-repeat, #0935b0; position: relative; background-size: auto 20px; }

    .com-title:after { content: ""; position: absolute; width: 12px; height: 12px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; display: block; top: 12px; right: 20px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

    .common-nav { border: 1px solid #e6e6e6; border-top: 0; background: #f7f8fa; border-bottom: none; }

    .common-nav ul li { border-bottom: 1px solid #e6e6e6; position: relative;}

    .common-nav ul li h4 a { color: #333333; /*font-size: 14px;*/ display: block; padding: 16px 0 16px 42px; position: relative; width: 70%;}

    .common-nav ul li h4 a:after { content: ""; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #b3b3b3; border-bottom: 6px solid transparent; display: block; top: 50%; margin-top: -6px; left: 20px; }
    .common-nav ul li:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-right: 1px solid #333;
        border-top: 1px solid #333;
        border-left: 0;
        border-bottom: 0;
        display: block;
        top: 20px;
        right: 20px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .5s;
    }
    .common-nav ul li.cur:after {
        top: 15px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }


    .common-nav ul li.cur h4 a { color: #0935b0; font-weight: bold; /*background: #ebecec;*/ }

    .common-nav ul li.cur h4 a:after { border-left-color: #0935b0; }

    .three-nav { display: none; padding: 8px 0;border-top: 1px solid #e6e6e6; }

    .three-nav a { display: block; padding: 8px 0 8px 50px; position: relative; }

    .three-nav a:after { content: ""; position: absolute; width: 4px; height: 4px; background: #999999; -webkit-border-radius: 100%; border-radius: 100%; display: block; top: 50%; margin-top: -2px; left: 37px; }

    .three-nav a.cur, .three-nav a:hover { color: #0935b0; }

    .three-nav a.cur:after, .three-nav a:hover:after { background: #0935b0; }

    .search-form{
        display: none;
    }

}
/**---------------------**/
@media screen and (max-width:1200px) {
    /*图片放大-s*/
    .mask-layer-container .img-pre,.mask-layer-container .img-next,.small-content-wh {
        display:none;
    }
    /*图片放大-e*/
    .content-main{
        padding: 6vw 0;
    }
    .inpub-tit{
        margin: 0 0 5vw 0;
    }
    .inpub-tit .ina{
        font-size: 4.4vw;
        color: #333333;
    }
    .inpub-tit .inb{
        width: 15vw;
        height: 2px;
        transform: translate(20%,2px);
    }
    .wh1200{
        width: 100%;
        margin: 0 auto;
    }
    .wh1400{
        width: 100%;
        margin: 0 auto;
    }
}
/*图片展示*/
@media screen and (max-width:1200px) {
    .zoom-list {
        margin:-2vw;
    }
    .zoom-list .ec-item {
        width:100%;
        padding:2vw;
    }
    .zoom-list .ec-item .ecbox .eca {
        padding:4%;
    }
    .zoom-list .ec-item .ecbox .ecc {
        font-size: 3.5vw;
        padding: 4%;
    }
}
/*薪酬福利*/
@media screen and (max-width:1200px) {
    .welfare-list{
        margin: -1.5vw;
    }
    .welfare-list .ecitem{
        width: calc(100%/2);
        padding: 1.5vw;
    }
    .welfare-list .ecitem .ecbox{
        padding: 4vw;
    }
    .welfare-list .ecitem .ecbox .eccna .eca{
        font-size: 4vw;
        margin: 0 0 3vw 0;
    }
    .welfare-list .ecitem .ecbox .eccnb{
        padding: 4vw;
    }
    .welfare-list .ecitem .ecbox .eccnb .eca{
        font-size: 4vw;
        margin: 0 0 3vw 0;
    }
    .welfare-list .ecitem .ecbox .eccnb .ecb{
        font-size: 3vw;
    }

}
/*培训发展*/
@media screen and (max-width:1200px) {
    .train-cons .ectit{
        margin: 0 0 4vw 0;
    }
    .train-cons .ectit .ina{
        width: 35%;
        height: 2px;
        background-color: var(--colorzt);
    }
    .train-cons .ectit .inb{
        font-size: 4vw;
        color: var(--colorzt);
        font-weight: 700;
    }
    .train-cons .eca{
        font-size: 3.5vw;
        margin: 0 0 4vw 0;
    }
    .train-cons .ecb{
        margin: 0 0 4vw 0;
    }
    .train-cons .eclist{
        margin: -1.5vw;
        padding: 0 0 4vw 0;
    }
    .train-cons .eclist .ecitem{
        width: calc(100%/1);
        padding: 1.5vw;
    }
    .train-cons .eclist .ecitem .ecbox{
        padding: 4vw;
        border-radius: 30px;
    }
    .train-cons .eclist .ecitem .ecbox .ina{
        font-size: 3.5vw;
        width: 24vw;
        height: 24vw;
    }
    .train-cons .eclist .ecitem .ecbox .inb{
        width: calc(100% - 28vw);
        font-size: 3.5vw;
    }
}
/*左右*/
@media screen and (max-width:1200px) {
    .lrcons{
        width: 100%;
        margin: 0 auto;
    }
    .lrcons .ecmenu{
        width: 100%;
        margin: 0 0 4vw 0;
    }
    .lrcons .ecmenu .ectit{
       display: none;
    }
    .lrcons .ecmenu .eclist{
        width: 100%;
        border-bottom: 0;
        display: flex;
        overflow: auto;
    }
    .lrcons .ecmenu .eclist .ecitem{
        white-space: nowrap;
        background-color: #f3f3f3;
        border-top: 0;
    }
    .lrcons .ecmenu .eclist .ecitem .eca{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 4vw;
        color: #555555;
        padding: 2.5vw 8vw;
        background: transparent;
        line-height: 1.6;
    }
    .lrcons .ecmenu .eclist .ecitem.on{
        background-color: var(--colorzt);
    }
    .lrcons .ecmenu .eclist .ecitem.on .eca{
        color: #ffffff;
        background: transparent;
    }
    .lrcons .ecmain{
        width: 100%;
    }
    .lrcons .zhaopin{
        width: 100%;
    }
}