/*大屏幕*/
@media screen and (min-width: 768px) {

    .banner{width: 100%;padding-top: 90px;box-sizing: border-box;}


    
    .mk2{width: 100%;text-align: center;}
    .mk2 .title_nox{width:100%;text-align: center;height: 308px;background: #fff;background: url(./../img/y_mk2_title.jpg) no-repeat;background-size: 100% 100%;}
    .mk2 .title_nox .title{width: 556px;height: 87px;display: inline-block;padding-top: 70px;padding-bottom: 45px;}
    .mk2 .title_nox .title img{width: 100%;}
    .mk2 .title_nox .n_tab{width: 100%;}
    .mk2 .title_nox .n_tab span{padding: 20px 35px;color: #343434;cursor: pointer;font-size: 28px;}
    .mk2 .title_nox .n_tab span.active{background: #ef7800;color: #fff;}
    .mk2 .title_nox .n_tab span:hover{background: #ef7800;color: #fff;}
    .mk2 .tab_box{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
    .mk2 .tab_box a{width: 32.6%;margin-top: 15px;height: 320px;}
    .mk2 .tab_box .item{width:100%;height:100%;display: inline-block;position: relative;overflow: hidden;}
    .mk2 .tab_box .item .shop_img{width: 100%;height: 100%;cursor: pointer;transition: all 1s linear;}
    .mk2 .tab_box .item:hover img {
        transform: scale(1.2);
    }
    .mk2 .tab_box .item:hover .b_title span {
        color: #ef7800;
    }
    .mk2 .tab_box .item .b_title{width: 100%;padding: 20px;box-sizing: border-box; position: absolute;bottom: 0;height: 44px;overflow: hidden;background:rgba(0,0,0,0.7);}
    .mk2 .tab_box .item .b_title span{color: #fff;font-size: 16px;}
    
   
    .wap_page{display: none;}
    .pages span{color: #808080;font-size: 18px;padding:10px 15px;box-sizing:border-box;background: #fff;border: 1px #e0e0e0 solid;margin: 40px 4px;cursor: pointer;}
    .pages span.active{background: #ef7800;border: #ef7800 solid 1px;color: #fff;}
    .pages span.n{border: none;background: none;cursor: auto;}
    .pages span:hover{background: #ef7800;border: #ef7800 solid 1px;color: #fff;}
   
    .bottom_box .box_logo{width: 100%;padding: 0 2%;box-sizing: border-box;}
    .bottom_box .box_logo a{width: 15%;display: inline-block;margin-top: 36px;}
    .bottom_box .box_logo a img{width: 100%;}

}

@media screen and (max-width: 1500px){
    .mk2 .title_nox .n_tab{margin-top: 20px;}
    .mk2 .title_nox .n_tab span{font-size: 22px;}   

}


@media screen and (max-width: 1290px){

    .mk2 .tab_box .item .b_title span{font-size: 12px;}

}


/*小屏幕*/
@media screen and (max-width: 768px) {
 
    .banner {
        width: 100%;
        padding-top: 50px;
        box-sizing: border-box;
    }


    .mk2{width: 100%;text-align: center;}
    .mk2 .title_nox{width:100%;text-align: center;background: url(./../img/y_mk2_title.jpg) no-repeat;background-size: 100% 100%;}
    .mk2 .title_nox .title{width: 100%;display: inline-block;padding-top: 40px;padding-bottom: 20px;}
    .mk2 .title_nox .title img{width: 60%;}
    .mk2 .title_nox .n_tab{width: 100%;padding: 0 20px;box-sizing: border-box;display: flex;
        flex-direction: row;
        flex-wrap: wrap;}
    .mk2 .title_nox .n_tab span{padding: 10px 15px;color: #343434;cursor: pointer;font-size: 12px;float: left;width: 33%;box-sizing: border-box;margin-bottom: 20px;}
    .mk2 .title_nox .n_tab span.active{background: #ef7800;color: #fff;}
    .mk2 .title_nox .n_tab span:hover{background: #ef7800;color: #fff;}
    .mk2 .tab_box{width: 100%;}
    .mk2 .tab_box .item{display: inline-block;position: relative;margin-top: 16px;}
    .mk2 .tab_box .item .shop_img{width: 100%;}
    .mk2 .tab_box .item .b_title{flex-direction: column !important;width: 100%;height: 30px; box-sizing: border-box; position: absolute;bottom: 0;overflow: hidden;background:rgba(0,0,0,0.7);}
    .mk2 .tab_box .item .b_title span{color: #fff;font-size: 12px;display: block;width: 100%;}
  
    .pc_page{display: none;}
    .pages span{color: #808080;font-size: 12px;padding:6px 14px;box-sizing:border-box;background: #fff;border: 1px #e0e0e0 solid;margin: 20px 4px;cursor: pointer;}
    .pages span.active{background: #ef7800;border: #ef7800 solid 1px;color: #fff;}
    .pages span.n{border: none;background: none;cursor: auto;}
   

   
    .bottom_box .box_logo{width: 100%;padding: 0 2%;box-sizing: border-box;}
    .bottom_box .box_logo a{width: 30%;display: inline-block;margin-top:10px;}
    .bottom_box .box_logo a img{width: 100%;}



}