<link href="https://huhangnet.com/public/plugins/swiper/11/swiper-bundle.min.css" rel="stylesheet">
<script src="https://huhangnet.com/public/plugins/swiper/11/swiper-bundle.min.js"></script>
<div class="container i-news-block_6">
<div class="row">
<div class="col-md-6">
<div class="slides">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="li">
<div class="top">
<div class="hh-fx">
<div class="hh-fx_1">2024-02-02</div>
<div class="">今日推荐</div>
</div>
</div>
<div class="tit hh-toe_1">
<a href="#">地方撒啊实打实法撒旦法湿哒哒地方撒啊实打实法撒旦法湿哒哒地方撒啊实打实法撒旦法湿哒哒地方撒啊实打实法撒旦法湿哒哒</a>
</div>
<div class="pic">
<a href="#">
<img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="">
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="li">
<div class="top">
<div class="hh-fx">
<div class="hh-fx_1">2024-02-02</div>
<div class="">今日推荐</div>
</div>
</div>
<div class="tit hh-toe_1">
<a href="#">地方撒啊实打实法撒旦法湿哒哒</a>
</div>
<div class="pic">
<a href="#">
<img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="">
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="li">
<div class="top">
<div class="hh-fx">
<div class="hh-fx_1">2024-02-02</div>
<div class="">今日推荐</div>
</div>
</div>
<div class="tit hh-toe_1">
<a href="#">地方撒啊实打实法撒旦法湿哒哒</a>
</div>
<div class="pic">
<a href="#">
<img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="col-md-6">
<div class="news-list">
<div class="li">
<a href="/news/325" target="_blank">互联网3.0:人工智能趋势下谷歌等聚合者的风险</a>
<span>1个月前</span>
</div>
<div class="li">
<a href="/news/312" target="_blank">2024 年值得关注的 11 个“黑科技”</a>
<span>1个月前</span>
</div>
<div class="li">
<a href="/news/311" target="_blank">解读科技创新图景:预测2024年技术创新趋势</a>
<span>2个月前</span>
</div>
<div class="li">
<a href="/news/308" target="_blank">新年祝福? —— 龙年大吉 龙行大运 财运兴龙</a>
<span>2个月前</span>
</div>
<div class="li">
<a href="/news/306" target="_blank">软件的未来:SaaS 之后是什么?</a>
<span>2个月前</span>
</div>
<div class="li">
<a href="/news/305" target="_blank">ThinkSMS营销短信服务上线 —— 低成本触达和通知客户</a>
<span>2个月前</span>
</div>
<div class="li">
<a href="/news/293" target="_blank">PHP8.3版本正式发布——更好的性能、语法及类型安全</a>
<span>4个月前</span>
</div>
<div class="li">
<a href="/news/292" target="_blank">知识管理近期更新汇总——优化用户体验及AI赋能</a>
<span>4个月前</span>
</div>
<div class="li">
<a href="/news/288" target="_blank">DV证书价格新低,还有30天无理由退款</a>
<span>4个月前</span>
</div>
<div class="li">
<a href="/news/286" target="_blank">2023年了PHP现状究竟如何?《PHP综合现状分析报告》来了</a>
<span>5个月前</span>
</div>
</div>
</div>
</div>
</div>
.i-news-block_6{
font-size: 16px;
}
.i-news-block_6 .slides{
background: #f7f7f7;
padding-bottom: 40px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.i-news-block_6 .slides .li{
padding: 10px 20px 0;
}
.i-news-block_6 .slides .li .top{
color: #999;
font-size: 12px;
}
.i-news-block_6 .slides .li .tit{
font-size: 22px;
font-weight: bold;
margin: 5px 0;
}
.i-news-block_6 .slides .li .pic img{
max-height: 280px;
object-fit: cover;
display: block;
width: 100%;
}
.i-news-block_6 .slides .swiper-pagination-bullet{
width: 8px !important;
height: 8px !important;
}
.i-news-block_6 .slides .swiper-pagination-bullet-active{
background: #009e3c;
}
.i-news-block_6 .news-list{}
.i-news-block_6 .news-list .li{
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 12px;
padding-left: 30px;
position: relative;
}
.i-news-block_6 .news-list .li:before {
background: rgba(71, 144, 55, .4);
border-radius: 3px 0 3px 0;
content: "";
height: 10px;
left: 0;
position: absolute;
top: 10px;
width: 10px;
}
.i-news-block_6 .news-list .li span{
color: #999;
font-size: 14px;
}
var swiper = new Swiper(".i-news-block_6 .slides", {
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable :true,
},
autoplay: {
delay: 6000,
disableOnInteraction: false,
},
});