@media (min-width: 258px){
    .myBanners{
        height: 465px;
    }
    .showOnchx {
        width: 800px;
     
    }
    }
    .moreOns{
        float: right;
        border: 1px solid red;
        padding: 5px 10px;
        color: red;
        font-size: 15px;
        cursor: pointer;
    }
    @media (min-width: 1000px){
    .myBanners{
        height: 465px;
    }
    .showOnchx {
        width: 800px;
     
    }
    }
    @media (min-width: 1367px){
    
    .myBanners{
        height: 646px;
    }
    .showOnchx {
        width: 1000px;
     
    }
    }
    .myBanners{
        overflow: hidden;
    }
    
    .showOnchx>img {
        width: 100%;
    }
    .showOnchx {
           margin: 30px auto;
           /* cursor: pointer; */
    }
    
    .fgXian {
        width: 100%;
        height: 0px;
        border-top: 1px solid #E0E0E0;
        margin-top: 15px;
         background-image: none; 
        /* background-repeat: no-repeat; */
    }
    .swiper-slide>img {
        width: 100%;
    }
    .munuCd {
        margin-top: -10px;
    }
    .showTabImg {
         width: 100%;
        overflow: hidden;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .showTabImg>ul>li {
          width: 23%;
        float: left;
        cursor: pointer;
            border: 2px solid rgba(235, 127, 39, 0);
    
    }
    .ImgOns>img {
        width: 100%;
    }
    .m-l1baif{
        margin-left: 10px;
    }
    .spanOns {
        font-size: 14px;
        font-family: MicrosoftYaHei;
        color: rgba(76,76,76,1);
            padding: 10px;
    }
    .spanOns span{
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
       
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
         -o-text-overflow:ellipsis; 
     
    }
    
    .showTabImg>ul>li:hover {
        
        border: 2px solid rgba(235, 127, 39, 0.8);
        box-shadow: 0px 0px 10px #ccc;
    }
    
    
    
    
    .showLastOntab {
        margin-top: 50px;
        overflow: hidden;
        margin-bottom: 50px;
    }
    .showFir.fl-left {
        width: 438px;
        height: 192px;
        background: #b3f1ff;
        text-align: center;
    }
    
    
    .showFir.fl-left>img {
        margin-top: 54px;
    }
    .showNx.fl-left {
        width: 285px;
        height: 192px;
    }
    .showNnx.fl-left {
        width: 285px;
        height: 192px;
    }
    .showNnnx.fl-left {
        width: 192px;
        height: 192px;
        background: #37c0ff;
        text-align: center;
    }
    .showNnnx.fl-left>img {
        margin-top: 69px;
    }
    .showNnnnx.fl-left {
        width: 285px;
        height: 192px;
    }
    .showNnnSx.fl-left {
        width: 438px;
        height: 192px;
        background: #bed3f6;
        text-align: center;
    }
    .showNnnSx.fl-left>img {
        margin-top: 60px;
    }
    .showNnnSSx.fl-left {
        width: 477px;
        height: 192px;
        overflow: hidden;
    }
    .showOnhover{
        transition: all  ease-in-out .2s ; 
    }
    .showOnhover:hover{
            background: rgb(182, 255, 178);
            cursor: pointer;
    }
    .showPicBg{
        overflow: hidden;
    }
    .showPicBg>img{
        transition: all  ease-in-out .5s ; 
    }
    .showPicBg:hover img{
             
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        -moz-transform: scale(1.3);
    }