main.tishi {
                    
                    overflow: hidden;
                    display: flex;
                    align-items: stretch; 
                    flex-wrap: wrap;
                }
        
                main.tishi .col-sm-6 {
                    background: #fff; 
                    margin-bottom: 15px;
                }
        
                main.tishi .col-sm-6:nth-child(1) {
                   margin-right: 0px;
                }
                    .sanfen {
                        display: flex;
                        flex-wrap: wrap;
                    }
        
                    body {
                    padding:0px
                }
                .top{
                            display: none;
                            overflow: hidden;
                        }


                        .top .row .gonggao{
                           float: left;
                           margin-left: 15px;
                        }
                        .top .row .center{
                            float: right;
                            margin-right: 15px;
                         }
                         

                         .navbar-brand:nth-child(1){
                             display: block;
                         }

                         .navbar-brand:nth-child(1){
                            display: none;
                        }

                        .toubu{
                            display: none;
                        }

                        .article-metas .metas-title {
                           
                            text-align: center;
                        }

                        .navbar-inverse .navbar-nav > li > a {
                            color: #fff;
                        }
                        .navbar-inverse {
                            background-color: #408ed6;
                            border-color: #080808;
                        }

                        .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
                            color: #fff;
                            background-color: #1475ba;
                        }


                       

                        .swiper-container.index-focus.col-md-6 {
                            margin-right: 15px;
                        }

                            main.f1{
                                display: block;
                            }
                        


        /* 最小宽度750，就是说大屏幕的时候 */
                    @media screen and (min-width: 750px) {

                        main.f1{
                            display: flex;
                            align-items: stretch;

                        }
                       
                      .top{
                            display: block;
                        }

                        .toubu{display: block;}
                        .navbar-brand:nth-child(1){
                            display: block;
                        }

                        .navbar-brand:nth-child(2){
                            display: none;
                        }

                        .container.toubu {
                            height: 100px;
                            padding: 30px;
                        }
          
                        .sanfen {
        
                            flex-wrap: nowrap;
        
                        }
        
                        .sanfen div:nth-child(2) {
                            margin-left: 10px;
                            margin-right: 10px;
                        }
        
                        main.tishi {
                            flex-wrap: nowrap;
                        }
                        main.tishi .col-sm-6:nth-child(1) {
                   margin-right: 15px;
                   
                }




                    }
          h4#ksid {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}