/*.golden .swiper-slide{
    background-image: url(../img/goldenbg.jpg);
    background-size: cover;
    height: 430px;
    padding: 45px 40px 0;
    color: white;
     border-radius: 10px;
     overflow: hidden;
}*/
.golden_des{
    margin-top: 15px;
    width: 50%;
    position: relative;
    z-index: 2;
}
.golden_tit{
    line-height: 1;
}
.golden_txt{
    position: absolute;
    left: 40px;
    width: 70%;
    top: 265px;
    z-index: 2;
    line-height: 1.3em;
}
/*.golden img{
    position: absolute;
    top: 40px;
    right: 10px;
    max-width: 60%;
}*/
.golden img{
    max-width: 100%;
}
.ctn5 .ctn-list{
    position: relative;
}
.golden_prev{
    position: absolute;
    left: -50px;
    top: 0px;
    bottom: 0px;
    margin: auto 0;
    cursor: pointer;
}
.golden_next{
    position: absolute;
    right: -50px;
    top: 0px;
    bottom: 0px;
    margin: auto 0;
    cursor: pointer;
}
.golden_point{
    display: none !important; 
}
.golden_scroll{
    display: none;
}
.ctn5 .swiper-button-disabled{
    opacity: 0.2;
}

  .zdl_box {
    margin-bottom: 20px;
    float: left;
    width: calc((100% - 90px)/4);
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    }
    .zdl_box img {
    width: 100%
  }

.zdl_mask{
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}  
.zdl_mask video{
    max-width: 80%;
    max-height: 80%;
}
.zdl_act{
    display: flex;
}
.pbl{
    height: 800px;
    position: relative;
    margin-top: 30px;
}
.pbl::after{
    display: none;
    content: "";
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(transparent, #13014b);
}
.pbl_mask{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    z-index: 99;
}
.pbl_mask>div{
    max-width: 80%;
    max-height: 80%;
    position: relative;
}
.pbl_mask img{
    max-width: 100%;
    max-height: 100%;
}
.pbl_act{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pbl_close{
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
#mCSB_1_scrollbar_vertical{
    /*opacity: 0;*/
}
@media only screen and (max-width: 1600px) {
    /*.golden .swiper-slide{
        padding: 30px 25px 0;
        height: 390px;
    }*/
    .golden_txt{
        top: 235px;
        left: 25px;
    }
    .golden_prev{
        display: none;
    }
    .golden_next{
        display: none;
    }
    .golden_point{
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .golden_scroll{
        height: 2px;
        display: block;
        background: rgba(255,255,255,0.2);
        margin: 30px auto 0;
        width: 70%;
    }
    .ctn5 .swiper-scrollbar-drag{
        border-radius: 16px;
        background-image: linear-gradient(to right, #ff2f5f 0%, #ffb435 100%);
    }
    .golden_point span{
        background: #fff;
        border: 3px solid transparent;
        box-sizing: content-box !important;
        transform: scale(.6);
        transform-origin: 50% 50%;
        margin: 0 14px;
        width: 10px;
        height: 10px;
    }
    .golden_point .swiper-pagination-bullet-active{
        border: 3px solid #fff;
        background: transparent;
        transform: scale(1);
    }
    .pbl{
        height: 400px;
    }
    .pbl::after{
        height: 80px;
    }
}
@media only screen and (max-width: 1200px) {
    /*.golden .swiper-slide{
        height: 350px;
    }*/
    .golden_txt{
        top: 225px;
    }
}
@media only screen and (max-width: 768px) {
    /*.golden .swiper-slide{
        height: 280px;
    }*/
    .golden_txt {
        top: 200px;
    }
    .pbl{
        height: 627px;
    }
    .zdl_box{
        width: calc((100% - 10px)/2);
        margin-bottom: 10px;
    }
    .ctn4 .swiper-container{
        padding-bottom: 0 !important;
    }
}