/* 笔记本或PC */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .htpctn{
        color: #888888;
        font-size: 12px;
        line-height: 40px;
        display: flex;
        padding-left: 78px;
    }


    .basectn01 {
        height: 397px;
    }

    .basefoot img {
        max-width: 54%;
    }
    .xn_c_85_main{
        height: 58px;
    }
    .fs01{
        display: flex;
        flex-direction: column;
    }
    .fs02right{
        width: 97%;
    }
    .jtstyle:nth-child(2){
        float: left;
    }
    .xn_c_30_nrwbox1,.xn_c_30_nrwbox2{
        width: 100% !important;
    }
    .job_left{
        width: 100% !important;
    }
    .Recruitment .z84ea7col-md5,.Recruitment .z84ea7col-md7{
        width: 100%;
    }
    .job_right{
        float: none !important;
        width: auto !important;
    }
    #EIMS_C_40034_key1{
        width: 890px;
    }
    #EIMS_C_40034_search{
        position: relative;
        bottom: 22px;
    }
    .Develop .xn_c_85_inner .xn_c_85_main{

         right: 26px
    }
    .about_bottom_top{
        padding-left: 30px;
    }
    .pdcfoot .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
        right: 337px;
    }
}

/* ##平板电脑/Ipad竖屏 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    html {
        width: 100%;
        overflow-x: hidden;
    }
    .baseleft h1 {
        font-size: 50px;
    }
    .n_content{
        width: 100%;
    }
    .about_left{
        float:none !important;
        /* width: auto; */
        text-align: center;
        width: 100%;
    }
    .xn_c_about_1_warp{
        float:none !important;
        /* width: auto; */
        text-align: center;
        width: 100%;
    }
    .idt{
        width: 100%;
    }
    .about_bottom_top{
        float:none !important;
        width: 60%;
        display: flex;
    justify-content: initial;
    align-items: center;
    height: 100px;
    }
    .about_bottom_right{
        float:none !important;
        width: 100%;

    }
    .produce{
        height: auto;
    }
}

/* 多数竖屏的智能手机 */
@media screen and (min-width: 320px) and (max-width: 767px) {

    html {
        width: 100%;
        overflow-x: hidden;
    }
    .produce{
        height: auto;
    }
    .layui-carousel[lay-arrow=always] .layui-carousel-arrow:nth-of-type(2){
            transform: translateX(0px);
    }
    .brfoot{
        text-align: center;
    }
    .baseleft h1{
        display: none;
    }
    .brtop {
        display: flex;
        text-align: center;
        justify-content: flex-end;
        flex-direction: column-reverse;
    }
    .basectn01{
        height: auto;
        background-repeat: round;
    }
    .Merchandise{
        height: auto;
    }
    .mhdctn{
        padding: 30px 84px;
    }
    .snack .z84ea7col-md2:nth-of-type(1){
        width: 70%;
    }
    .NewsSidebar{
        display: none;
    }
    .Newrowtime{
        font-size: 18px;
    }
    .Newsnav{
        width: 100%;
    }
    .Newrow .z84ea7col-md7{
        padding-right: 60px;
    }
    .subTle{
        transform: scale(0.8);
    }
    .about_bottom_top{
        width: auto;
    }
    .about_left{
        float:none !important;
        /* width: auto; */
        text-align: center;
        width: 100%;
    }
    .xn_c_about_1_warp{
        float:none !important;
        /* width: auto; */
        text-align: center;
        width: 100%;
    }
    .idt{
        width: 100%;
    }
    .about_bottom_top{
        float:none !important;
        width: 60%;
        display: flex;
    justify-content: initial;
    align-items: center;
    height: 100px;
    }
    .about_bottom_right{
        float:none !important;
        width: 100%;
       
    }
    .about_bottom_top{
        float:none !important;
        width: 60%;
        display: flex;
    justify-content: initial;
    align-items: center;
    height: 100px;
    }
    .about_bottom_right{
        float:none !important;
        width: 100%;

    }
    .z84ea7sub-menu ul li a{
        font-size: 10px;
    }
    .clear01{
        display: block;
    }
    .apply_li{
        float: none !important;
    }
    .xn_c_85_title{
        font-size: 49px;
    }
    .solution_right{
        width: 100%;
    }
    .solution_li_n{
        display: none;
    }
    .fs02text{
        padding:49px 0px;
    }
    .fs02right{
        background: none;
    }
    .xn_c_solution_62_wrap{
        height: auto;
    }
    .fs02img img{
        max-width: 80%;
    }
    .fs02text p:nth-of-type(2){
        width: 100%;
        visibility: hidden;

    }
    .fs02text a h1{
        color: #Fff;
    }
    .solution_title {
        font-size: 29px;
    }
    .xn_c_recru_50_nrwbox {
        width: auto;
        padding-left: 345px;
        margin: 0 auto;
        padding-top: 170px;
        position: relative;
        bottom: 161px;
        right: 44px;
    }
    .xn_c_97_img{
        width: auto;
        float: none;
    }
    .xn_c_97_right{
        display: none;
    }
    #EIMS_C_40034_key1{
        width: 131%;
    }
    .pdcfoot .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
        right: 166px;
    }
}

/* 公共 */
@media screen and (min-width: 320px) and (max-width: 1023px) {
    .n_content{
        width: 100% !important;
    }
    .xn_c_85_main{
        width: 634px;
    }
    .xn_c_85_main{
        height: 58px;
    }
    .xn_c_85_rbtn,.xn_c_85_lbtn{
        top: 50px;
    }
    .fs01{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .jtstyle:nth-child(2){
        float: left;
    }
    .jtstyle{
        position: relative;
        right: 250px;
    }


    .xn_c_30_nrwbox1,.xn_c_30_nrwbox2{
        width: 100% !important;
    }
    .job_left{
        width: 100% !important;
    }
    .Recruitment .z84ea7col-md5,.Recruitment .z84ea7col-md7{
        width: 100%;
    }
    .job_right{
        float: none !important;
        width: auto !important;
    }
    .n_content {
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .htpctn{
        color: #888888;
        font-size: 12px;
        line-height: 40px;
        display: flex;
        padding-left: 78px;
    }
}