.active-part{ padding:2.5% 0 4%; background: #F5F6F6;}
.active_top{ background: #fff; border-radius: 12px; margin-bottom:4%; overflow: hidden;}
.active_top dt{float: left; width: 58.75%;position: relative;}
.active_top dd{ float: right; width: 41.25%; padding:3% 4.5%; box-sizing: border-box;}
.active_top dd span{ display: block; font-size:14px; color: #5D5D5D; margin-bottom:3%;}
.active_top dd h2{margin-bottom: 2%;}
.active_top dd h2 a{color: #000;}
.active_top dd .c{ height: 12em;}
.active_top dd p{color: #525252; line-height: 2; margin-bottom:2%;}
.active_top .swiper-pagination{left:63.25%; text-align: left; width: 32.25%; bottom:15%;}
.active_top .swiper-pagination span{ width: 53px; height: 3px; background: #E6E9ED; border-radius: 0; margin: 0 5px 0 0!important; opacity: 1;}
.active_top .swiper-pagination span.swiper-pagination-bullet-active{ background: #C82722;}

.active_list ul{margin: 0 -1% 1%;}
.active_list li{ display: inline-block; width: 31.33%; margin: 0 1% 2.5%; background: #fff; border-radius: 10px; overflow: hidden;}
.active_list li dt{position: relative;border-radius: 10px;}
.active_list li dt img,.active_top dt img{ position: relative; z-index: 2;}
.active_list li dt .act_v,.active_top dt .act_v{width: 100%; height: 100%;position: absolute; z-index: 1; lefT:0; top:0; object-fit: fill;}
.active_list li dd{padding: 5% 8% 10%;}
.active_list li dd h2{line-height: 27px;height: 54px;overflow: hidden;}
.active_list li dd span{display: block; font-size:14px; color: #5D5D5D; margin-bottom:3%;}
.active_list li.play dt img,.active_top li.play dt img{z-index: 1;}
.active_list li.play dt .act_v,.active_top li.play dt .act_v{z-index: 2;}

@media only screen and (max-width: 1279px) {
    .active_top dd .c{ height: 8em;}
}
@media only screen and (max-width: 1023px) {
    .active_top dt,.active_top dd{ width: 100%;}
    .active_top dd .c{ height: auto; padding-bottom: 10%;}
    .active_top dd p{line-height: 1.5;}
    .active_top .swiper-pagination{left:0; bottom:5%; padding: 0 5%; width: 100%; text-align: center;}
}

@media only screen and (max-width:767px) { 
    .active_top .swiper-pagination span{ width: 20px;}
    .active_list ul{margin: 0 0 1%;}
    .active_list li{ width: 100%; margin: 0 0 2%;margin-bottom: 10px;}
    .active_list li dd{padding: 5%;}
    .active_top dd .c{padding-bottom: 0;}
}

.x{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px) {
   
}

.internet_img img{width: 100%;}