@charset "utf-8";
.ibg{ 
    /* background: url(/static/du/images/bg.jpg) center;  */
    background-size: .5rem .5rem;
    background: #f8f1df;
}

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: .11rem; background: rgba(255,255,255,.22);z-index: 1;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}
/* .banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
} */
.banner .banner-pro.ani{-webkit-animation-name: anil;animation-name: anil;-webkit-animation-duration: 7s;animation-duration: 7s;-webkit-animation-timing-function: linear;animation-timing-function: linear;width: 100%;}
.banner .banner-pro {position: absolute;left: 0;bottom: 0;height: auto;width: 0;border-top: .11rem solid #29697e;z-index: 9;}

@-webkit-keyframes anil{0%{width:0}100%{width:100%}}
@keyframes anil{0%{width:0}100%{width:100%}}

.pad1{ 
    /* padding: .7rem 0 .5rem; */
    padding: .8rem 0 .1rem 0;
    overflow: hidden;
}

.new_home1{ 
    /* background: url(/static/du/images/new_home1_b.png) center .3rem no-repeat;  */
    background-size: 100% auto;
}
.new_home1 .box1{ width: 27.1875%;}
.new_home1 .box2{ 
    /* width: 42.8125%;  */
    /* padding: .2rem .2rem 0; */
    background: #fff; 
    border-bottom: #29697e .04rem solid; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin: .7rem 0 .7rem;
    border-radius: .2rem;
    /* min-height: 400px;  */

}

.ywjj1 li{ margin-bottom: .2rem;}
.ywjj1 li:last-child{ margin-bottom: 0;}
.ywjj1 h4{ font-weight: 400;}
.ywjj1{background-color: #fff;border-bottom: #29697e 0.04rem solid;padding: 0.4rem .2rem 0.4rem;
    /* height: 81.7%; */
    border-radius: .2rem;}
.mtbd_ly{
        color: #fff;
        font-size: .15rem;
        background-color: #29697e;
        padding: 0.04rem 0.08rem;
        width:42%;
        text-align: center;
        border-radius: 0.1rem;
    }
.ywjj1 .h4s2{font-size: .15rem;color: #474747;}
.ywjj1 .a{
    height: .45rem; 
    justify-content: space-between;
    gap: 0.1rem; 
    position: relative; 
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* width: 100%; */
}

.new_home_box_yw .ywjj1 .a::before{ content: "";
    /* background: #29697e; */
    border-radius: 50%;
    width: 0.08rem;
    height: 0.08rem; 
    z-index: -1; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/* .no-dot .ywjj1 .a::before {
    background: none !important;
} */




.ywjj2 h4{ font-size: .24rem; font-weight: 600;}
.ywjj2 h6{ margin: .22rem 0 .2rem;}
.ywjj2 .txt{ padding: .3rem .16rem;}

.ywjj2Box .dots{ top: 3.05rem;position: absolute;bottom: auto;z-index: 1;text-align: right; padding: 0 .3rem}
.ywjj2Box .dots span{ width: .12rem; height: .12rem; border: #fff 2px solid; opacity: 1; background: none; transition: .5s;margin: 0 0 0 .12rem !important;}
.ywjj2Box .dots span.active{ background: #fff}

.new_home2{ padding: 0; background: url(/static/du/images/new_home2_b.jpg) center no-repeat; background-size: cover;}
.new_home2 .left{ width: 49.375%;}
.new_home2 .right{ width: calc(100% - 49.375%); padding: 0 0 0 1.875vw;}

.mtgz2{ margin: 0 -0.9375vw -.22rem;;}
.mtgz2 li{ width: 50%; padding: 0 0.9375vw; margin-bottom: .22rem;}
.mtgz2 li:last-child{ margin-bottom: 0;}
.mtgz2 h4{ font-weight: 600;}
.mtgz2 .a{ height: 1.98rem; background: #fff; padding: .45rem .3rem;justify-content: space-between; border-bottom: transparent .04rem solid; position: relative; z-index: 1;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mtgz2 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*! transform: translateX(.1rem); */  opacity: 0; z-index: -1; background: url(/static/du/images/ywjj1_b.jpg) center no-repeat; background-size: cover;-webkit-transition: all 0.5s;transition: all 0.5s;}

.new_home2 .more1{ margin-bottom: .86rem;}
.new_home3{ padding-top: .1rem;}


.new_home4{ 
    /* padding: 0; background: url(/static/du/images/new_home4_b1.jpg) center top no-repeat; */
    padding: 0; background: url(/static/du/images/bg-3.jpg) center top no-repeat;
     background-size: 100% auto; 
     position: relative; z-index: 1;
    }
.new_home4 .bg1{ position: absolute; top: 36%; right: 0;z-index: -1;width: .99rem;max-width: 100%;}
.new_home4 .fl1{ padding-top: .8rem;}

.new_home4 .left{ width: 100%; padding: 0 .5rem 0 .34rem;position: relative;z-index: 1;}
.new_home4 .right{ width: 29.625%; background: url(/static/du/images/new_home4_b3.jpg) center no-repeat; background-size: cover; height: 8.1rem; padding: .32rem 0 .62rem;}

.miso_tab1 .hd{ margin-bottom: .9rem;position: relative;z-index: 1;}
.miso_tab1 .hd:before{ content: ""; position: absolute; top: 50%; border-top: #aea1b2 1px dashed; width: 100%; z-index: -1}



.new_titlew{background: url(/static/du/images/title_bw.png) center top no-repeat;background-size: 4.88rem auto;}
.new_titlew .h{ color: #fff;}
.new_titlew .t{ color: #fff;}



.new_home5{ padding-top: 1rem;}


.new_home6-7{ 
    /* background: url(/static/du/images/new_home6-7.png) center 5.74rem no-repeat; */
    background: url(/static/du/images/bg-2.jpg) center top no-repeat ;
     background-size: 100% auto;
     padding-top: .1rem;
    }

.xwzz1Box{ margin: .2rem 0 -.3rem;padding-bottom: .3rem;}
.xwzz1 .time{ width: .93rem; line-height: .31rem; background: #29697e; text-align: center; font-size: .14rem; color: #fff; margin: 0 .28rem -.15rem; position: relative; z-index: 1; display: block;border-radius: .2rem;}
.xwzz1 h4{ font-weight: 600;height: .6rem;}
.xwzz1 .txt{ height: 2rem; border: #29697e 2px solid;display: block;padding: .36rem .28rem;}
.xwzz1 p{ margin: .12rem 0 0}


.new_home_box{
    width: 100%;
    /* width: 49%; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.new_home_box6{
    width: 100%;
    /* width: 49%; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.new_home_bt{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.1rem;font-family: 'sys';}
/* .new_home_bt a span::after{content: "";background: url(/static/du/images/new_home_bt_jt.png) center no-repeat;width: .1rem;height: .1rem;padding-right: 0.3rem;} */
.new_home_mt_box{
    width: 30.6%;
    /* width: 49%; */
}
.new_home_mt_box .new_home_box{width: 100%;}
.new_home_mt_box .new_home_box .mtbd_ly{
    color: #fff;
    font-size: .15rem;
    background-color: #29697e;
    padding: 0.04rem 0.08rem;
    width:42%;
    text-align: center;
    border-radius: 0.1rem;
}
.new_home_mt_box .new_home_box .mtbd_sj{color: #a6a7a9;font-size: .14rem;}
.new_home1 .box1{
    width: 32%;
    /* width: 100%; */
}
.new_home1 .box6{
    width: 32%;
    /* width: 100%; */
}
.new_home1 .box2{
    width: 32%;
    height: 7.8rem;
}
.box.box2 {
  display: flex;
  flex-direction: column;
  align-items: center; /* 每个图框水平居中 */
  gap: 0.2rem; /* 上下两个图框之间的间隙，可调 */
  padding: .2rem 0;
}
.box.box2 .swiper-container {
  width: 90%; /* 或固定值如 6rem */
  max-width: 90%;
}
.new_home1 .box2 img{
    /* position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s; */
}
.mtbd li{margin-bottom: .2rem;}
.mtbd{width: 100%;
    height: 81.5%;
}
.ywjj1_more{text-align: right;width: 100%;margin-top: 0.15rem;}
.ywjj1_more_box{width: 100%;}
.ywjj1_more{justify-content: flex-end;margin: .3rem 0 0 0;}


@media(min-width: 1024px){
.ywjj2Box:hover .ywjj2 .a h4 {
  color: #fff;
}
.times{width: 1.6rem !important;}

.ywjj2Box:hover .ywjj2 .a .h6s1 {
  color: rgba(255, 255, 255, .5);
}

.ywjj2Box:hover .ywjj2 .a p {
  color: rgba(255, 255, 255, .5);
}

/* .ywjj1 .a:hover p {
  color: #fff;
} */
    /* .ywjj1 .a:hover{ background: #29697e} */
    .ywjj1 .a:hover::before{ transform: translateX(0); opacity: 1;}
    /* .ywjj1 .a:hover h4{ color: #fff;} */
    .ywjj1 .a:hover .h6s1 svg{ fill: #fff}
    .ywjj1 .a:hover .h6s1{ color: rgba(255,255,255,.5);}
    /* .ywjj1 .a:hover{ border-bottom: #e3b85e .04rem solid;} */

    .ywjj2 .a:hover h4{ color: #fff;}
    .ywjj2 .a:hover .h6s1 svg{ fill: #fff}
    .ywjj2 .a:hover .h6s1{ color: rgba(255,255,255,.5);}
    /* .new_home1 .box2:hover{ border-bottom: #e3b85e .04rem solid; background: #29697e;} */
    .ywjj2 .a:hover p{ color: rgba(255,255,255,.5);}

    .mtgz1 .a:hover::after{ width: 100%;}


    .xwzz1 .a:hover .time{ background: #29697e;}
    .xwzz1 .a:hover .txt{ background: #29697e;}
    .xwzz1 .a:hover h4, .xwzz1 .a:hover p{ color: #fff;}
    .xwzz1 .a:hover p{ opacity: .43;}

   
    
    .xsgx2 .a:hover .imgW{ background: #29697e;}
    .zxby2 .a1:hover .box .txt{ opacity: 1}
    
    .dxxlg1 .a:hover{ border: #29697e 1px dashed}
}
@media(max-width: 1024px){
    .banner .imgBox .img{ padding-bottom: 50%;}
    .new_home_box{width: 100% !important;}
    .flexjs{flex-direction: column;}
    .new_home1 .box{ width: 100%;}
    .new_home1 .box1{ order: 1; margin-bottom: .2rem;}
    .new_home1 .box2{ margin-bottom: .2rem;margin-top: .35rem;}

    .new_home2 .left{ width: 100%;}
    .new_home2 .right{ width: 100%;padding: 1.875vw 0 0;}

    .ldsr1 h3, .ldsr2 h3{ font-size: .26rem;}
    .mtgz1 .a{ height: auto}
    .mtgz2 .a{ height: 1.5rem; padding: .2rem .2rem;}


    .new_home4 .left{ width: 100%; padding: 0; padding-top:0;order: 1;padding-bottom: 0;}
    .new_home4 .right{ width: 100%;height: auto;}
    .cdsy3{ margin: 0 -1vw;}
    
    .ssxlg1 .con .a{ width: 33.33%; text-align: center;margin-bottom: .2rem;}
    .more2{ margin: 0 auto}

    .ztzl1 li{ width: 100% !important; margin-bottom: .25rem;}
    .ztzl1 .imgBox .img{ padding-bottom: 62%;}
    .ztzl1 .tit{ height: 100%;width: 100%;padding: .25rem 15px;}
    .ztzl1 .imgBox{width: 100%;}
    .ztzl1 .tit h4{ writing-mode: inherit;}
    .ztzl1 .a{ flex-wrap: wrap}

    .xmjz1{ width: 100%;margin: 0;justify-content: center;}
    .xmjz2{ width: 100%;margin: .3rem 0 0;justify-content: center;}
    
    .new_home11 .content .fl1 .box{ width: 100%;margin-bottom: .3rem;}
    
    .xmjz6{ margin: .1rem 7px 0;}
    .xmjz6 li{ width: 25%; padding: 0 7px;}
    

    .new_home_box{width: 100%;}
}
@media(max-width: 800px){
    .pad1{ padding: 50px 0 0;}
    .new_title .h{ font-size: .3rem;}
    .new_title{ 
        background: url(/static/du/fonts/1995606cd1044e859a8e13a2d33b999f.woff), .yyhz1 li:nth-child(5){ width: 50%;}
    
    .miso_tab2{ margin: 0 0 0;}
    .zxby1 .a{ width: .5rem; height: .5rem}
    .zxby1 .a::before{ width: .06rem; height: .06rem}
    
    .zxby1 span{ font-size: .16rem;}
    .zxby1 li.on span{ transform: translateX(-50%) translateY(.2rem); }

    .new_home11{ padding-top: 13vw;background-size: 146% auto !important;padding-bottom: 0;}
    
    .xmjz6{ margin: .1rem -7px 0;}
    .xmjz6 li{ width: 50%; padding: 0 7px;margin-bottom: 15px;}

    .xmjz1 li{ padding: 0 3px;}
    .xmjz1 li .a{ width: 26vw;font-size: .18rem;height: .4rem;}
    .xmjz2 dd{ margin: 0 .06rem}
    .xmjz2 dd a{ width: .4rem}
    .miso_tab3 .hd{ margin-bottom: .3rem}
    
    .new_home11 .content{ padding: .3rem 15px 0}
    .xmjz5 h4{ font-size: .18rem !important;}
    

    
    .new_home12{ padding-bottom: 3.3rem; margin-bottom: -3rem}

    .new_home7 .left .box{ width: 100%;transform: translateY(0);}
    .xsgx1, .xsgx2{ margin: 0;padding: .3rem .25rem;}
    .banner .banner-pro{ border-top: .06rem solid #29697e;}
    .banner::after{ height: .06rem;}
    .mtgz1 h4{ margin: .18rem 0 0; }
    .new_home2 .more1{ margin: .2rem 0 .4rem}
    .new_home3{ padding-top: 0;}
    
    .ldsr2 .a{ padding: 0 .25rem; height: 1.6rem}
    .xsgx1::before, .new_home7 .left .box2::before{ display: none}

    .xsgx1 .imgBox{ width: 1.3rem;}
    .xsgx1 .txt{ width: calc(100% - 1.3rem);}
    .xsgx1 .txt p{ font-size: .13rem; margin: 0;}
    .xsgx1 .txt p img{ width: .16rem;margin: 0 .1rem 0 0;}
    .xsgx1 h4{ font-size: .18rem !important;}
    .xsgx1 .line{margin: .1rem 0 .15rem;}
    
    .xsgx2 .txt{  padding: .15rem .2rem 0}
    .xsgx2 h4{ font-size: .18rem !important;}
    .new_home8{ padding-top: 0;padding-bottom: .2rem;}
    
    .xsgx2 li{ margin: 0 0 .2rem;}
    .xsgx2 li:last-child{ margin: 0;}
    .new_home7 .fc-calendar .fc-body{ height: 2rem;}
    .fc-calendar{ padding: .1rem .2rem .2rem;}
    
    .yyhz1 h4{ font-size: .18rem !important;}
    .yyhz1 li{ width: 100% !important;margin-bottom: .15rem;height: auto; }

    .yyhz1 .a{ display: flex;margin: 0;}
    .yyhz1 .imgBox .img{ padding-bottom: 120% !important;}
    .yyhz1 .imgBox{ width: 1.2rem;}
    .yyhz1 .txt{ flex: 1; overflow: hidden;padding: .2rem .2rem 0;text-align: left;}
    
    .cdsy3 h4{ font-size: .18rem !important; margin: 0 0 .1rem}



} 
@media(max-width: 560px){
    .mtgz1{ margin-bottom: .1rem}
    .mtgz1 li{ width: 100%}
    .mtgz2{ margin-bottom: .1rem}
    .mtgz2 li{ width: 100%}
    .cdsy2 .a{ width: .7rem; height: .7rem}
    .cdsy2 h4{ font-size: .15rem !important;margin: 0 0 .1rem;}
    
    .zxby2 li{ width: 100%;margin-bottom: .25rem;}
} 

#B{ position: retive; top: -1.35rem}

@media(max-width: 800px){
   #B{ position: retive; top: -.4rem}
}

@media screen and (max-width: 480px){
    .new_home_box{width: 100%;}
    .flexjs{flex-direction: column;}
    .ywjj1 .a{height: auto;padding: 0.1rem 0 0 0;}
    .ywjj1{padding: .2rem;}
    .mtbd li a{
        /* flex-direction: column !important; */
        /* align-items: flex-start !important; */
    }
    .cdsy1{
        flex-direction: row !important;
    }
    .new_home_mt_box .new_home_box .mtbd_ly{width: 46%;}
}

@media screen and (max-width: 800px){
    .new_home_box{width: 100%;}
    .flexjs{flex-direction: column;}
    /* .ywjj1 .a{height: auto;
        padding: 0.1rem 0 0 0;
        flex-wrap: nowrap;
    } */
    .ywjj1{padding: .2rem;}
    .mtbd li a{
        /* flex-direction: column !important; */
        /* align-items: flex-start !important; */
    }


    .ywjj1 .a {
        height: auto; /* 确保自适应内容 */
        padding: 0.1rem 0; /* 添加一点上和下的内边距 */
        justify-content: space-between;
        align-items: center;
      }
      
      .time {
        display: flex;
        align-items: center;
        gap: .1rem;
        color: #a6a7a9;
        font-size: .14rem;
        white-space: nowrap; /* 不换行 */
        min-width: 1.2rem !important; /* 固定宽度或适当的最小宽度 */
        overflow: hidden; /* 隐藏超出内容 */
        text-overflow: ellipsis; /* 超出显示省略号 */
        flex-shrink: 0; /* 防止缩小 */
      }

      .times {
        display: flex;
        align-items: center;
        gap: .1rem;
        color: #a6a7a9;
        font-size: .14rem;
        white-space: nowrap; /* 不换行 */
        width: 2rem; /* 固定宽度或适当的最小宽度 */
        overflow: hidden; /* 隐藏超出内容 */
        text-overflow: ellipsis; /* 超出显示省略号 */
      }
    
      .h4s2 {
        font-size: .2rem;
        color: #333;
        line-height: 1; /* 行高设置 */
        max-height: none; /* 自适应高度 */
      }

}
.txbox {
    display: flex;
    gap: .8rem;
}
.txbox .nianfen{
    font-size: .4rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}
.txbox .nianfen i{
    height: .45rem;
    display: block;
    background: #d5d5d5;
    width: 1px;
    margin: 0 auto;
}
.txbox .nianfen .on a{
    color: #9b4883;
    position: relative;
    font-family: 'Helvetica-Condensed-Black-Se';
}
.txbox .nianfen .on a::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.13rem;
    height: .1rem;
    width: .1rem;
    border: 2px solid #9b4883;
    border-radius: 50%;
}
.yuefen h2{
    position: relative;
    font-size: .24rem;
    font-weight: bold;
    display: inline-block;
    /* margin-bottom: .3rem; */
    height: .67rem;
}
.yuefen h2::after{
    content: "";
    background: url(/static/du/images/yuefen_bg.png) center no-repeat;
    position: absolute;
    left: 0;
    transform: translateY(-28%);
    height: 100%;
    width: 100%;
}
.xqbox {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.tximg{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem;
}
.tximg_box{
    width: 100%;
}
.tximg_box_txt{
    padding: .19rem 0;
    width: 100%;
    font-size: .16rem;
}
.tximg_box_txt h4{
    margin-bottom: .05rem;
    transition: color 0.3s;
}
.tximg_box:hover .tximg_box_txt h4{
    color: #9b4883;
}
.tximg_box:hover .tximg_box_txt .sjbox span{
    color: #333333;
}

.sjbox{
    display: flex;
    gap: .2rem;
    align-items: flex-end;
}
.txbox .nianfen i:last-child{
    display: none;
}
.xlgtx_tg{
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    text-align: center;
    color: #9b4883;
}

@media screen and (max-width: 1770px){
    .yuefen h2::after{
        height: 150%;
      }
}

@media(max-width: 1024px){
    .tximg{
        grid-template-columns: repeat(2, 1fr) ;
      }
      .txbox .nianfen{
        font-size: .3rem ;
      }
      .yuefen h2::after{
        height: 130%;
      }
}

@media (max-width: 480px){
    .txbox{
        gap: .3rem;
        flex-direction: column;
    }
    .tximg{
        grid-template-columns: repeat(1, 1fr) ;
      }
      .txbox .nianfen{
        font-size: .3rem ;
      }
      .txbox .nianfen{
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
        gap: .3rem;
        align-items: center;
        margin-bottom: .2rem;
      }
      .txbox .nianfen i{
        display: none;
      }
      .new_home_box{
        display: block;
      }
      .ywjj1_more_box{
        /* margin-bottom: .4rem; */
        margin-bottom: 0;
      }
      .xlgtx_tg{
        display: none;
      }
      .ywjj1_more{margin-top: .2rem;}

      .mtbd_ly {
        width: auto !important;
        max-width: 30%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex-shrink: 0;
    }
/* 
        .ywjj1 .a {
            flex-wrap: nowrap;
        }

        .ywjj1 .h4s2 {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        } */


}
.dotsw{
    position: absolute;
    left: 50%;
    bottom: 6%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    align-items: flex-start;
    gap: .3rem;
}
.banner::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to top, #00000096, transparent);
    z-index: 2;
}

.dotsw .dots{
    display: flex;
    flex-direction: row;
    gap: .3rem;
}
.dotsw span{
    background: #fff0 !important;
    font-size: .2rem;
    color: #fff;
    opacity: .5;
}

.dotsw .dots .active{
    opacity: 1;
}

/* 容器固定高度，caption 绝对贴底 */
.cap-swiper {
    height: 4.2rem;          /* 按需调整个数×行高即可 */
    border-radius: .2rem;
    overflow: hidden;
}
.cap-slide {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
/* 图片区占满除标题外的全部空间 */
.cap-img-box {
    flex: 1 1 auto;
    height: 0;               /* 让 flex 撑开 */
}
.cap-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 标题条：绝对定位在 slide 底部，绝不出容器 */
.cap-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #29697e;
    color: #fff;
    font-size: .14rem;
    line-height: .44rem;
    padding: 0 .15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}