
/*大屏幕*/
@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: 253px;height: 82px;display: inline-block;padding-top: 70px;padding-bottom: 25px;}
    .mk2 .title_nox .title img{width: 100%;}
    .mk2 .title_nox .n_tab{width: 1213px;margin: 0 auto;}
    .mk2 .title_nox .n_tab span{padding: 20px 0;color: #343434;cursor: pointer;font-size: 28px;background: #eeeeee;width: 33%;}
    .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: 1213px;padding-bottom: 60px;box-sizing: border-box;margin: 0 auto;}
    .mk2 .tab_box .item{width: 100%;position: relative;margin-top: 44px;border-bottom:1px solid #d6dcea;padding-bottom: 44px;}
    .mk2 .tab_box .item .shop_img{width: 514px;height: 260px}
    .mk2 .tab_box .item .b_title{padding: 20px;box-sizing: border-box;flex: 1;}
    .mk2 .tab_box .item .b_title .date{border: 1px solid #ece6e0;height: 98px;width: 98px;text-align: center;margin-left: 20px;}
    .mk2 .tab_box .item .b_title .date .p1{font-size: 30px;color: #ef7800;font-weight: bold;}
    .mk2 .tab_box .item .b_title .date .p2{font-size: 18px;color: #ef7800;}
    .mk2 .tab_box .item .b_title .title_box{width: 450px;text-align: left;}
    .mk2 .tab_box .item .b_title .title{font-size: 24px;color: #333333;line-height: 44px;}
    .mk2 .tab_box .item .b_title .info{font-size: 14px;color: #989898;line-height: 24px;}
    .mk2 .tab_box .item .b_title .time{font-size: 12px;color: #343434;margin-top: 10px;display: none;}


   
    .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%;padding: 0 20px;box-sizing: border-box;}
    .mk2 .title_nox .title{width: 100%;display: inline-block;padding-top: 20px;;}
    .mk2 .title_nox .title img{width: 40%;}
    .mk2 .title_nox .n_tab{width: 100%;padding: 0 20px;box-sizing: border-box;display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: 1px solid #e0e0e0;
    
    }
    .mk2 .title_nox .n_tab span{padding: 10px 15px;color: #343434;cursor: pointer;font-size: 12px;float: left;width: 33%;box-sizing: border-box;}
    .mk2 .title_nox .n_tab span.active{color: #ef7800;border-bottom: 2px solid #ef7800;}
    .mk2 .title_nox .n_tab span:hover{color: #ef7800;border-bottom: 2px solid #ef7800;}
    .mk2 .tab_box{width: 100%;}
    .mk2 .tab_box .item{width: 100%;display: inline-block;position: relative;margin-top: 16px;padding: 0 30px;box-sizing: border-box;}
    .mk2 .tab_box .item .shop_img{width: 40%;}
    .mk2 .tab_box .item .b_title{padding: 10px;box-sizing: border-box;float: right;width: 60%;}
    .mk2 .tab_box .item .b_title .date{border: 1px solid #ece6e0;height: 98px;width: 98px;text-align: center;margin-left: 20px;display: none;}
    .mk2 .tab_box .item .b_title .date .p1{font-size: 30px;color: #ef7800;font-weight: bold;}
    .mk2 .tab_box .item .b_title .date .p2{font-size: 18px;color: #ef7800;}
    .mk2 .tab_box .item .b_title .title_box{width: 100%;text-align: left;}
    .mk2 .tab_box .item .b_title .title{font-size: 12px;color: #333333;
        /* text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical; */
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    
    }
    .mk2 .tab_box .item .b_title .info{font-size: 12px;color: #989898;line-height: 14px;display: none;}
    .mk2 .tab_box .item .b_title .time{font-size: 12px;color: #989898;margin-top: 10px;}


    .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%;}



}

