/*移动端样式*/
@media screen and (max-device-width: 767px){
    html,body{
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;top: 0;
        overflow: hidden;
        overflow-y: auto;
    }
    .container{
        width:100%;
    }
    .top-banner{
        display: none;
    }
    .pc-menu{
        display: none;
    }
    .right-sidebar{
        display: none;
    }
    .head-title{
        display:none;
    }
    .footer-menu{
        display:none;
    }
    .col-sm-8{
        margin-bottom:10px;
    }
    .navbar-header{
        display:flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        width:100%;
    }
    .head-img{
        width:80%;
        display:flex;
        flex-direction: row;
        justify-content: center;
    }
    .top-banner-mobile{
        width:100%;
        padding:10px 15px;
    }
    .top-banner-mobile img{
        width:100%;
    }
    .navbar{
        margin-bottom: 0px;
    }
    /*轮播图*/
    .carousel-inner{
        width:100%;
        height:160px;
    }
    .item{
        width:100%;
        height:160px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .carousel-caption{
        width:86%;
        left:7%;
        right:7%;
        bottom:10px;
        padding-bottom:0px;
        font-size:1.5rem;
    }

    /*新闻*/
    .news-row{
        display:flex;
        flex-direction: column;
        margin-top:20px;
        width:100%;
        height:auto;
    }
    .news-left{
        width:100%;
        overflow: hidden;
        border-radius: 5px;
    }
    .news-img{
        width:100%;
        border-radius: 5px;
    }
    .news-content{
        width:100%;
        padding:0px 0px;
    }
    .news-desc{
        display: none;
    }
    .news-title{
        font-size: 2rem;
        font-weight: 600;
        margin-top:5px;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align:justify;
        text-justify:distribute-all-lines;
    }
    .news-title-a{
        font-size: 2rem !important;
        font-weight: 600 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        text-align:justify !important;
        text-justify:distribute-all-lines !important;
        color:#333;
    }
    .redian-date{
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        width:100%;
    }
    .redian{
        font-size: 1.2rem;
    }
    .news-date{
        font-size: 1.2rem;
        margin-left:30px;
    }
    .news-desc{
        margin-top:5px;
        font-size: 1.3rem;
    }
    /*推荐展览*/
    .col-xs-12{
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    .zhanlan-tag{
        margin-top:10px;
        border-bottom: #dcdcdc solid 1px;
        padding-bottom: 0;
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
    }
    .zhanlan-title{
        font-size:1.7rem;
    }
    .zhanlan-title-a{
        margin-top:10px;
        font-size: 1.7rem;
        font-weight: 600;
        color:#666;
    }
    .img-responsive{
        width:100%;
        margin-bottom:10px;
        height:auto;
        border-radius: 5px;
    }

    /*查看更多*/
    .more{
        background-color: #dcdcdc;
        text-align: center;
        padding: 10px 10px;
    }
    .more a{
        font-size: 2rem;
        font-weight: 600;
        color: #747373;
        text-decoration: none;
    }

    /*热点关注*/
    .guanzhu-row{
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top:10px;
        width:100%;
        height:auto;
    }
    .h2{
        font-size:2rem;
    }
    .guanzhu-left{
        width:100%;
        height:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .guanzhu-left-a{
        width:100% !important;
        height:100% !important;
    }
    .guanzhu-img{
        border-radius: 5px;
        object-fit: cover;
        width:100%;
        height:100%;
    }
    .guanzhu-content{
        margin-left:0px;
        width:100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .guanzhu-title{
        font-size: 1.7rem;
        font-weight: 500;
        margin-bottom: 0;
        margin-top:5px;
        padding-bottom: 0;
        color:#666;
        line-height:20px;
    }
    .guanzhu-title-a{
        font-size: 1.7rem;
        font-weight: 500;
        margin-bottom: 0;
        padding-bottom: 0;
        color:#666;
    }
    .guanzhu-date{
        font-size: 1.2rem;
        color: #a5a3a3;
    }
    .hr{
        margin-top:10px;
        margin-bottom:10px;
        background-color:#dcdcdc;
        height:1px;
        width:100%;
    }

    /*艺术家*/
    .artist{
        width:100%;
        padding-top:15px;
    }
    .artist .col-sm-6{
        padding:10px 20px;
    }
    .artist .col-sm-6 img{
        width:100%;
        border-radius: 5px;
        margin-bottom: 0px;
    }
    .artist .col-sm-6 p{
        text-align: center;
        margin-top:10px;
    }

    /*底部*/
    .footer-line{
        margin-top:30px;
        height:3px;
        background-color: #ff6900;
    }
    .footer{
        background-color: #eeeeee;
        padding-bottom: 30px;
    }
    .footer p{
        text-align: center;
        font-size: 1.5rem;
    }
}

/*设备宽度小于768*/
@media screen and (max-device-width: 767px){
    .col-xs-6:nth-child(2n+1){
        clear:left!important;
    }
    .news-desc{
        display:none;
    }
}
/*设备宽度大于等于768px且小于等于991px*/
@media screen and (min-device-width: 768px) and (max-device-width: 991px){
    .col-sm-6:nth-child(2n+1){
        clear:left!important;
    }
    .news-desc{
        display:none;
    }
}
/*设备宽度大于991px*/
@media screen and (min-device-width: 992px){
    .col-md-4:nth-child(3n+1){
        clear:left!important;
    }
    .col-md-3:nth-child(4n+1){
        clear:left!important;
    }
    .col-md-2:nth-child(6n+1){
        clear:left!important;
    }
}

/*pc端样式*/
@media screen and (min-device-width: 768px){
    /*.container{*/
    /*    width:90%;*/
    /*}*/
    .container-fluid{
        padding-left:9%;
        padding-right:9%;
    }
    .head-title{
        height:80px;
        line-height: 40px;
        background-color: #000000;
        color:white;
        font-family: "Roboto",Sans-serif;
        font-weight: 600;
        font-size:16px;
    }
    .text-left{
        margin-left:10px;
    }
    .top-header{
        display:flex;
        padding:10px 10px;
    }
    .head-title{
        height:40px;
    }
    #menu-nav{
        display:none;
    }
    .top-banner-mobile{
        display:none;
    }
    .pc-menu{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
        font-size: 20px;
        color:#000000;
        font-family: "Roboto",Sans-serif;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 1px;
    }
    .pc_menu ul > li >a{
        color: #000000;
    }
    .navbar-nav > li > a{
        color:#000000;
    }
    .menu-active span{
        padding:0 10px;
        color:red;
        border-bottom: 4px solid black;
        border-bottom-color: red;
        padding-bottom: 8px
    }
    .glyphicon{
        color:#000000;
    }
    .top-line{
        margin-top:10px;
        width:100%;
        height:20px;
        background: linear-gradient(to top,#ffffff,#F2F2F2);
    }
    /*轮播图*/
    .carousel-inner{
        width:100%;
        height:315px;
    }
    .item{
        width:100%;
        height:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .carousel-caption{
        left:7%;
        right:7%;
        width:86%;
        padding-bottom:0px;
        font-size:2rem;
    }

    /*新闻*/
    .news-row{
        display:flex;
        flex-direction: row;
        margin-top:20px;
        width:100%;
        height: auto;
    }
    .news-left{
        width:33%;
        overflow: hidden;
        border-radius: 5px;
        position: relative;
        display:flex;
        flex-direction:column;
        align-items: center;
        justify-content: center;
    }
    .news-video{
        width:36px;
        height:36px;
        position: absolute;
    }
    .news-img{
        width:100%;
        border-radius: 5px;
    }
    .news-content{
        margin-left:10px;
        width:66%;
    }
    .news-title{
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .news-title-a{
        font-size: 2rem !important;
        font-weight: 600 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        text-align:justify !important;
        text-justify:distribute-all-lines !important;
        color:#333;
    }
    .redian{
        font-size: 1.2rem;
    }
    .news-date{
        font-size: 1.2rem;
        margin-left:30px;
        color:#54595F;
    }
    .news-desc{
        margin-top:5px;
        font-size: 1.3rem;
        color:#54595F;
    }
    /*推荐展览*/
    .zhanlan-tag{
        margin-top:30px;
        margin-bottom: 10px;
        border-bottom: #dcdcdc solid 1px;
        padding-bottom: 0;
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
    }
    .zhanlan-tag h2{
        font-size: 2.3rem;
        font-weight: 600;
    }
    .zhanlan-row{
        margin-top:15px;
        display: inline-block;
    }
    /*.col-md-4:nth-child(3n+1){*/
    /*    clear:left!important;*/
    /*}*/

    .zhanlan-row .col-sm-6{
        height:200px;
        display:inline-block;
        /*display: flex;*/
        /*flex-direction: column;*/
        /*align-items: center;*/
        margin-bottom: 0px;
        height:100%;
    }
    .zhanlan-row .col-sm-6 p{
        margin-bottom: 0px;
    }
    .zhanlan-title{
        margin-top:10px;
        font-size: 1.4rem;
        font-weight: 600;
    }
    .zhanlan-title-a{
        margin-top:10px;
        font-size: 1.4rem;
        font-weight: 600;
        color:#666;
    }
    .img-responsive{
        border-radius: 5px;
    }

    /*查看更多*/
    .more{
        background-color: #dcdcdc;
        text-align: center;
        padding: 10px;
    }
    .more a{
        font-size: 2rem;
        font-weight: 600;
        color: #747373;
        text-decoration: none;
    }

    /*右边栏*/
    .right-sidebar .img-responsive{
        width:100%;
        margin-bottom:20px;
    }
    /*热点关注*/
    .guanzhu-row{
        display:flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top:20px;
        width:100%;
        height:80px;
    }
    .guanzhu-left{
        width:37%;
        height:100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .guanzhu-img{
        border-radius: 5px;
        object-fit: cover;
        width:100%;
        height:100%;
    }
    .guanzhu-left-a{
        width:100% !important;
        height:100% !important;
    }
    .guanzhu-content{
        margin-left:10px;
        width:62%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .guanzhu-title{
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 0;
        padding-bottom: 0;
        color:#666;
        line-height:20px;
    }
    .guanzhu-title-a{
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 0;
        padding-bottom: 0;
        color:#666;
    }
    .guanzhu-date{
        font-size: 1.2rem;
        color: #a5a3a3;
    }
    /*艺术家*/
    .artist{
        width:100%;
        padding-top:15px;
    }
    .artist .col-sm-4{
        padding:10px 20px;
    }
    .artist img{
        width:100%;
        border-radius: 5px;
        margin-bottom: 0px;
    }
    .artist p{
        text-align: center;
        margin-top:10px;
    }

    /*底部*/
    .footer-line{
        margin-top:30px;
        height:3px;
        background-color: #ff6900;
    }
    .footer{
        background-color: #eeeeee;
        padding-bottom: 30px;
    }
    .footer-menu .navbar-nav{
        float:none;
    }
    .footer-menu{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .footer-menu-line{
        width:90%;
        margin-top:0px;
        border-color: #868585;
    }
    .footer p{
        text-align: center;
        font-size: 1.5rem;
    }
}

