CINXE.COM
展会选择
<!DOCTYPE html> <html> <head> <!-- 同期会议 --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta content="no-referrer" name="referrer"> <meta name="Description" content=""/> <meta name="Keywords" content=""/> <meta charset="utf-8"> <title>展会选择</title> <link rel="stylesheet" type="text/css" href="/website/css/theme-color/theme01.css"/> <link rel="stylesheet" type="text/css" href="/website/css/choose.css"/> <link rel="stylesheet" type="text/css" href="/website/css/font.css"/> <link rel="stylesheet" type="text/css" href="/website/js/swiper/swiper-bundle.min.css" /> </head> <style type="text/css"> .choose-box .swiper-container .swiper-slide .conten-box .img-box{ width: 900px; margin-bottom: 10px; height: calc(80vh - 160px); } .choose-box .swiper-container .swiper-slide .conten-box{ padding: 20px } </style> <body> <div class="choose-box"> <div class="swiper swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/Index/index/exhid/117/orgid/6.html"> <div class="conten-box"> <div class="top-title">2025第21届中国（重庆）橡塑工业展览会</div> <div style="text-align: center;margin-bottom: 10px"> <span> <img src="/website/public/ico/shijian.png"> 时间：2025-05-13 00:00:00~2025-05-16 00:00:00 </span>   <span> <img src="/website/public/ico/didian.png" > 地点：重庆市国际博览会展中心 </span> </div> <div class="img-box" style="width: 900px;height: 450px"> <img src="https://zbjznew-online-1256344993.cos.ap-chengdu.myqcloud.com/public/images/Uploads/2024-10/b91f58eb10cf708e7d56c51965fcb30a.jpg" style="width: 900px;height: 450px"> </div> <!-- <div class="text"> <span><img src="/website/public/ico/shijian.png" >时间：2025-05-13 00:00:00~2025-05-16 00:00:00</span> <span><img src="/website/public/ico/didian.png" >地点：重庆市国际博览会展中心</span> </div> --> </div> </a> </div><div class="swiper-slide"> <a href="/Index/index/exhid/118/orgid/6.html"> <div class="conten-box"> <div class="top-title">2025第22届（成都）橡塑及包装工业展览会</div> <div style="text-align: center;margin-bottom: 10px"> <span> <img src="/website/public/ico/shijian.png"> 时间：2025-09-11 00:00:00~2025-09-13 00:00:00 </span>   <span> <img src="/website/public/ico/didian.png" > 地点：成都世纪城新国际会展中心 </span> </div> <div class="img-box" style="width: 900px;height: 450px"> <img src="https://zbjznew-online-1256344993.cos.ap-chengdu.myqcloud.com/public/images/Uploads/2024-10/686a7aad8b3773f0ff290eaf68b45260.jpg" style="width: 900px;height: 450px"> </div> <!-- <div class="text"> <span><img src="/website/public/ico/shijian.png" >时间：2025-09-11 00:00:00~2025-09-13 00:00:00</span> <span><img src="/website/public/ico/didian.png" >地点：成都世纪城新国际会展中心</span> </div> --> </div> </a> </div> </div> <div class="left-btn" id="btn-prev"><img src="/website/public/ico/left.png" ></div> <div class="right-btn" id="btn-next"><img src="/website/public/ico/right.png" ></div> </div> <div thumbsSlider="" class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="img-box"> <img src="https://zbjznew-online-1256344993.cos.ap-chengdu.myqcloud.com/public/images/Uploads/2024-10/b91f58eb10cf708e7d56c51965fcb30a.jpg"> </div> </div><div class="swiper-slide"> <div class="img-box"> <img src="https://zbjznew-online-1256344993.cos.ap-chengdu.myqcloud.com/public/images/Uploads/2024-10/686a7aad8b3773f0ff290eaf68b45260.jpg"> </div> </div> </div> </div> </div> <div class="bottom-text"><a href="https://www.mpick.cn/" style="color: #9E9E9E;">装备嘉族技术支持</a></div> </body> <script src="/website/js/swiper/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script> <script> var swiper = new Swiper(".mySwiper", { //loop: true, spaceBetween: 10, slidesPerView: 4, freeMode: true, autoplay: { delay: 2500, disableOnInteraction: false, }, watchSlidesProgress: true, }); var swiper2 = new Swiper('.swiper-container', { direction: 'horizontal', // 水平切换选项 loop: true, // 循环模式选项 effect : 'slide', slidesPerView: 'auto', centeredSlides: true, parallax: true, autoplay: { delay: 2500, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '#btn-next', prevEl: '#btn-prev' }, thumbs: { swiper: swiper, }, }) </script> </html>