.content{
    
    background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/653c88ae-d10b-4a89-b222-edd9b488971e.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center -1px;
    background-size: auto;
    background-size:38.42rem 8.38rem;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 1rem;
}


img{
    width: 100%;
    height: 100%;
}

/*  */





/* 列表 */

.content-left{
    width: 15.2rem;
}
.content-right{
    width: 8.22rem;
}
.content-left .title p{
    font-size: .38rem;
}


.news{
    margin-top: 1rem;
}
.news-item{
    margin-bottom: .92rem;
}
.news-item img{
    width: 4.4rem;
    height: 2.47rem;
    margin-right: .6rem;
    flex-shrink: 0;
}

.news-item .a_tag{
    padding: .08rem .12rem;
    box-sizing: border-box;
    margin-right: .16rem;
    flex-shrink: 0;
    background: #1658A0;
    color: #ffffff;
}
.news-item .flex-fs-c-no{
    margin-top: .24rem;
}
.news-item .title{
    font-weight: 400;
    font-size: .36rem;
    color: #1D2125;
    line-height: .48rem;
    
}
.news-item .subtitle{
    font-weight: 400;
    font-size: .26rem;
    color: #4F4F4F;
    line-height: .52rem;
    height: 1.05rem;
    margin-top: .24rem;
}

.news-item .time{
    font-weight: 400;
    font-size: .26rem;
    color: #999999;
    margin-top: .2rem;
}


/* 右边 */
.cul-title-nav{
    font-weight: 400;
    font-size: .28rem;
    color: #4F4F4F;
    line-height: .38rem;
    padding-bottom: .04rem;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    margin-bottom: .52rem;
}
.cul-title-nav .cul-title-nav-icon{
    background: url(../image/culturelist-title-icon1.png) no-repeat center 0;
    background-size: 100% 100%;
    width: 2.12rem;
    height: .74rem;
}
.cul-title-nav span:nth-child(2){
    flex-grow: 1;
    flex-basis:0; 
}

.cul-title-nav .cul-title-nav-icon2{
    background: url(../image/culturelist-title-more.png) no-repeat center 0;
    background-size: 100% 100%;
    width: .4rem;
    height: .4rem;
    margin-right: .06rem;

}

.kuai .news-list a{
    font-weight: 400;
    font-size: .32rem;
    color: #1D2125;
    line-height: .42rem;
    margin-bottom: .44rem;
}
.kuai .news-list a span:nth-child(1){
    color: #689CD6;
    margin-right: .16rem;
}













.zhan .cul-title-nav .cul-title-nav-icon{
    background: url(../image/culturelist-title-icon2.png) no-repeat center 0;
    background-size: auto;
    margin-top: .8rem;
}
.zhan .news-list a{
    display: block;
    width: 3.7rem;
    height: 2.08rem;
}





.yishu .cul-title-nav .cul-title-nav-icon{
    background: url(../image/culturelist-title-icon3.png) no-repeat center 0;
    background-size: auto;
    margin-top: .66rem;
}
.yishu .news-list>div:nth-child(1) {
    margin-bottom: .44rem;
}
.yishu .news-list>div:nth-child(1) img{
    width: 4.4rem;
    height: 2.46rem;
    margin-right: .36rem;
    flex-shrink: 0;
}
.yishu .news-list>div:nth-child(1) .title{
    font-weight: bold;
    font-size: .32rem;
    color: #1D2125;
    line-height: .46rem;
    margin-top: .4rem;
    margin-bottom: .24rem;
}
.yishu .news-list>div:nth-child(1) .subtitle{
    font-weight: 400;
    font-size: .32rem;
    color: #4F4F4F;
}
.yishu .news-list>div:nth-child(2) img{
    width: 2.5rem;
    height: 1.7rem;
}
.more{
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    color: #9B9B9B;
    line-height: .42rem;
    margin-top: .8rem;
}




/* 轮播图 */


.topbox-bg{
    background: url(https://file.c-sgba.com/uploads/c090aa5e-8d6a-42af-99c4-30b2c016c54c.png) no-repeat center -1px;
    background-size: auto;
    background-size:38.42rem 10rem;
    height: 10rem;
    width: 100%;
    margin-top:8.28rem; ;
}

.topbox{
    height: 10rem;
    box-sizing: border-box;
    overflow: hidden;
    padding: .6rem 0;
}

.topbox .left{
    width: 15.9rem;
    height: 8.76rem;
}

.topbox .right{
    width: 8.1rem;
    height: 8.76rem;
}



.right{
    width: 4.4rem;
    box-sizing: border-box;
    overflow: hidden;
    height: 14.4rem;
}
.brand{
    background: #000;
}

.brand-top{
    /* height: 10rem; */
    font-size: .28rem;
    
    margin-top: .88rem;
}

.brand-left {
    width: 15.9rem;
height: 8.76rem;
    box-sizing: border-box;
    overflow: hidden;
    background: #000;
}



.leftSwiper{
    width: 15.9rem;
    box-sizing: border-box;
    overflow: hidden;
    height:8.76rem;
}


.leftSwiper  a{
    display: block;
    width: 15.9rem;
    height:8.76rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;

}



.leftSwiper  a div{
  
   position: absolute;
   bottom: 0;
   left: 0;
   background: linear-gradient( 180deg, rgba(7,7,7,0) 0%, #1B1D1F 100%);
   font-weight: bold;
    font-size: .32rem;
    color: #FFFFFF;
    height: 1.08rem;
    line-height: 1.08rem;
    width: 15.9rem;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}

.leftSwiper a div p{
    width: 70%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 .36rem;
    position: absolute;
    bottom: 0%;
    left: 0%;
}




.left .swiper-pagination{
    height: .4rem;
    text-align: right;
}
.left .swiper-pagination-fraction, 
.swiper-pagination-custom,
.left  .swiper-horizontal > .swiper-pagination-bullets,
.left  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: .4rem;
    left: -.33rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 10;


    display: none;
}
.left .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.left .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
    margin-right: .14rem;
}
.left  .swiper-pagination-bullet {
   width: .06rem;
   height: .06rem;
   background: rgba(255,255,255,.77);
   opacity: 1;
}
.left .swiper-pagination-bullet-active {
    opacity: 1;
    background: #D81111;
    width: .16rem;
    height: .16rem;
    position: relative;
}
.left .swiper-pagination-bullet-active::after{
    position: absolute;
    left: 0.16rem;
    top: 0.07rem;
    content: "";
    display: block;
    background: #D81111;
    width: .14rem;
    height: .02rem;
}
.left .swiper-pagination .swiper-pagination-bullet:nth-last-child(1)::after{
    display: none;
 }






.brand-right{
    width: 8.1rem;
    box-sizing: border-box;
    overflow: hidden;
    height:8.76rem;
}
.brand-right .rightSwiper{
    width: 8.1rem;
    box-sizing: border-box;
    overflow: hidden;
    height:8.76rem;
}
 

.brand-right .rightSwiper .swiper-slide .swiper-item{
    color: #FFFFFF;
    cursor: pointer;
    height: .96rem;
    padding: 0 0 0 .44rem;
    box-sizing: border-box;
    overflow: hidden;
    line-height: .96rem;
    font-size: .32rem;
    display: flex; 
    align-items: center;
    flex-wrap: nowrap;

}
.brand-right .rightSwiper .swiper-slide .swiper-item span:nth-child(1) {
    width: .12rem; 
    height: .12rem;
    margin-right: .16rem; 
    background-color: #FFFFFF; 
    border-radius: 50%; 
    flex-shrink: 0;
}

.brand-right .rightSwiper .swiper-slide-thumb-active .swiper-item{
    background: linear-gradient( 90deg, #D81111 0%, rgba(22,88,160,0) 100%);
}


.bdd{
    width: 7rem;
    height: 3rem;
    background: #000;
    color: #ffffff;
}



@media (max-width: 651px) {

    .content {
        background: url(../image/m-culturelist-bg.png) no-repeat center 0;
        background-size: auto;
        background-size: 100% 3.9rem;
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 1.2rem;
        margin-bottom: 0;
    }

    .topbox-bg{
        margin-top: 3.9rem;
        height: auto;
        background: none;
    }
    .topbox{
        flex-wrap: wrap;
        height: auto;
        padding-top: .3rem;
        padding-bottom: 0;
    }


    .topbox .left{
        width: 100%;
        height: 4.14rem;
        padding: 0 .32rem;
        box-sizing: border-box;
        background: #ffffff;
        height: auto;
    }
    .leftSwiper{
        width: 100%;
        height: 4.14rem;
        height: auto;
    }
    .leftSwiper a{
       width: 100%; 
       height: 4.14rem;
       border-radius: .2rem;

    }
    .leftSwiper a img{
        border-radius: .2rem;
     }
     .leftSwiper  a div{
        display: block;
       
     }

    .left .swiper-pagination-fraction, 
    .swiper-pagination-custom,
    .left  .swiper-horizontal > .swiper-pagination-bullets,
    .left  .swiper-pagination-bullets.swiper-pagination-horizontal {
        display: block;
    }
    .left .swiper-pagination-bullet-active::after{
        display: none;
    }
    .topbox .swiper{
        padding-bottom: .8rem;
    }
    .topbox .swiper-pagination-fraction, .swiper-pagination-custom, .floor1 .swiper-horizontal > .swiper-pagination-bullets, .floor1 .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: .0;
        left: 0;
    }
    .topbox .swiper-pagination {
        text-align: center;
    }
    .topbox  .swiper-pagination-bullet {
        width: .12rem;
        height: .12rem;
        background:#BEBEBE;
        opacity:.7;
    }
    .topbox .swiper-pagination-bullet-active {
        opacity: 1;
        background: #1658A0;
        width: .24rem;
        height: .12rem;
        border-radius: .12rem;
    }
 

    .brand-right{
        display: none;
    }

    .news{
        flex-wrap: wrap;
        margin-top: .34rem;
    }
    .news>div{
        padding: 0 .32rem;
        box-sizing: border-box;
    }

    .content-left{
        width: 100%;
    }

    .news-item{
        padding-bottom: .38rem;
        border-bottom: .02rem solid #F6F6F6;
        margin-bottom: .22rem;
    }


    .news-item img{
        width: 3rem;
        height: 1.64rem;
        border-radius: .2rem;
        margin-right: .2rem;
    }

    .news-item .time{
        display: none;
    }
    .news-item .title {
        font-weight: 400;
        font-size: .28rem;
        color: #1D2125;
        line-height: .32rem;
    }
    .news-item .flex-fs-c-no{
        margin-top: 0;
    }
    .more{
        margin-top: .32rem;
        margin-bottom: .26rem;
    }
    .cul-title-nav{
        margin-top: .26rem;
    }
    .kuai .news-list a span:nth-child(1){
        font-size: .64rem;
    }
    /*  */
}

@media (max-width: 345px) {
    .leftSwiper a{
        height: 3.2rem;
    }
}