.dj_left{
    width: 760px;
    float: left;
}

.main_dj{
    margin-top: 45px;
}
.f-l{width: 100%;height: 430px;position: relative;float: left;
margin-bottom:45px;float: none;}
.f-l .swiper-wrapper{z-index: 0}
.f-l .swiper-container{width: 100%;height: 100%;}
.f-l img{width: 100%;height: 100%;}
.f-l a{display: block;width: 100%;height: 100%;}
.f-l .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;background: url(https://www.chengdu.cn/images/hd_bottom1.png) no-repeat;width: 100%;height: 126px;}
.f-l .swiper-pagination{text-align: right;}
.f-l .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{outline:none;width:5px;height: 5px;margin:0 4px;margin-top: 105px;transition: width 0.3s;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;}
.f-l .swiper-pagination-bullet{background: #c3c3c3;opacity: 1;border-radius: 0;}
.f-l .swiper-pagination span:last-child {margin-right: 15px!important;}
.f-l .swiper-pagination-bullet-active{width: 32px!important;background: #d61518!important;}
.f-l .swiper-ul{width: calc(100% - 120px);width: -webkit-calc(100% - 120px);width: -moz-calc(100% - 120px);height: 40px;
    position: absolute;bottom: 0;left: 0;z-index: 2;}
.f-l .swiper-ul a{display: block;width: 100%;height: 40px;font-size: 17px;line-height: 40px;
    color: #fff;text-indent: 12px;letter-spacing: 1px;overflow : hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: block;}
.f-l .swiper-ul>li{display: none;}

/*  */

.mui-table-view{height: 110px;padding: 0;margin-top: 20px;}
.mui-table-view:hover{
    box-shadow:  0 0 0 0 rgba(0,0,0,0);
}
.mui-table-view .fl_img{
    width: 190px;
    height: 110px;
}
.mui-fl-img{
    margin-left: 0;
    width: 205px;
    margin-right: 0;
}
.mui-table-view .mui-h3{
    font-weight: 400;
    color: #2f2f2f;
    font-size: 18px;text-align: justify;
}

/* --- */

.dj_right{
    width: 410px;
    float: right;
}

.dj_right .columnMc{margin-top: 0   ;}

.dj_list a{
    width: 175px;
    height: 305px;
    padding:15px 15px 0 15px;
    display: block;
    float: left;
    margin-bottom: 20px;
}

.dj_fm{
    width: 100%;
    height: 260px;
    position: relative;
}
.dj_list a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.dj_list a:hover{box-shadow: 0 0 8px 2px rgba(0, 0, 0, .1);}

.dj_num{
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 2px 5px;
    text-indent: 9px;
    letter-spacing: 1px;
}

.dj_num::before{
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #fff; /* 颜色和大小可调整 */
    border-bottom: 5px solid transparent;
    position: absolute;
    left: 3px;
    top: 8px;
}
.dj_list a p{
    text-align: center;
    color: #2f2f2f;
    font-size: 18px;
    padding-top: 8px;
}
.dj_list a:nth-child(2n){
    float: right;
}
/* ------ */


.navbars{
    width: 100%;
    height: 35px;
    background: #f6f6f6;
    margin:0 0 25px 0;
}
.navbars a{
    display: block;
    float: left;
    color: #383838;
    height: 100%;
    padding: 0 20px;
    line-height: 35px;
    margin-right: 15px;
}
.navbars a:first-child{
    background: #d61518;
    color: #fff;
   letter-spacing: 2px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
}
/* ---- */
.ImgsBox{
    width: 100%;
    position: relative;
}
.ImgsBox .item {
    width: 251px;
    height: auto;
    /* -webkit-column-break-inside: avoid; */
    /* break-inside: avoid; */
    border: 1px solid #e6e6e6;
    overflow: hidden;
    padding: 15px 0;
    /* position: absolute; */
    /* border-right: none; */
    /* border-top: none; */
    float: left;
}

.ImgsBox .item .msg {
    margin: 0 15px 10px 15px;
}
.ImgsBox .item .msg img {
    width: 100%;
}
.ImgsBox .item h3 {
    color: #2f2f2f;
    font-size: 16px;
    margin: 0 15px;
    text-align: justify;
    font-weight: 400;
    line-height: 1.6;
}
.ImgsBox .item{
     /* display: none; */
    /* position: absolute;  */
}

.item_boxs{
    width: 253px;
    float: left;
}

.dj_gd{
    border: 1px solid #d61518;
    color: #d61518;
    display: block;
    padding: 10px 40px;
    margin: 50px auto 0;
    width: 65px;
}