朴赢

液体工坊

木梯子

上海理飨贸易

琴大师

库姆巴特

觅刻l

飞帽

穿雾

拙夫四季

九门

蜂朝有酒

云湃

岔巴

喜麦睿

猿岛

硬糖

爱乐喝

吉岛

沫契

唐里

Triporteur

佛洛拉

魔女

少爷啤酒

壹哈通

中德

分野酿造

野风筝

爱巧

月夜狼

罗腾堡

进欢

恒麦

崇明啤酒

华喜

pi brew

时末 主

泽柏

云朴

無毛用

山丘

野鹅

帝椒

拖船

奥亘姆

万多吉

火碳精酿

南门

斯图德

锤子

HKBC

崂客纯

麳麰酿造

塔斯曼

双尾

明日酿造

烈神

波普尔斯

一湖酿造

比渝

康普可可

风土酿造

BlackKite

酩樽

申东生物

沉降酿造

朋克猫

angelus

酒花农场

tAPS

义悌

JENLAIN_Logo1

霏然酿造

芙力

可士可

虽吾酿造

啤酒脑袋

米诺狮

西部食谷

和弦

吉尔麦斯

Jing A Round Logo Variations

人人有

制乐厂

风险酿造

星云

豚鼠

嘉邦

广西

DRLAB

chaos

房间

台州高纬

拉曼

哈尔滨沣睿

倍鲜

温州三森

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <link rel="stylesheet" type="text/css" href="/swiper5/css/swiper.min.css" />
  <style lang="scss">
    @charset "UTF-8";

    .swiper-pagination {
      bottom: 0 !important;
    }

    .swiper-pagination-bullet {
      width: 40px;
      height: 6px;
      border-radius: 2px;
      background-color: #e3e3e3;
    }

    .swiper-pagination-bullet {
      background-color: #393637;
    }

    .swiper-pagination-bullet-active {
      background-color: #F6A800 !important;
    }

    .comment {
      position: relative;
    }

    .comment::before {
      position: absolute;
      content: "“";
      color: #eab538;
      font-size: 250px;
      left: 0;
      top: 30%;
      opacity: 0.1;
      font-family: Viner Hand ITC;
    }

    .comment::after {
      position: absolute;
      content: "”";
      color: #eab538;
      font-size: 250px;
      right: 0;
      top: 30%;
      opacity: 0.1;
      font-family: Viner Hand ITC;
    }

    .comment .logo-swiper {
      position: relative;
      width: 650px;
      height: 180px;
      margin: auto;
      overflow: hidden;
    }

    .comment .logo-swiper::after {
      content: url(/image/comment-logo-bg.png);
      position: absolute;
      bottom: 0;
      left: calc(50% - 90px);
      z-index: 100;
    }

    .comment .logo-swiper .imgbox {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .comment .logo-swiper .imgbox>div {
      width: 100px;
      height: 100px;
      border: 6px solid #faaf0f;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px;
      /* overflow: hidden;*/

    }

    .comment .logo-swiper .imgbox>div img {
      width: 100%;
    }

    .comment .logo-swiper .swiper-slide {
      transform: scale(0.8);
      filter: grayscale(100%);
      opacity: 0.8;
      transition: .2s;
    }

    .comment .logo-swiper .swiper-slide-active {
      transform: scale(1);
      filter: none;
      opacity: 1;
    }

    .comment .comment-swiper {
      position: relative;
      width: 100%;
      padding: 40px 60px 40px;
      overflow: hidden;
    }

    .comment .comment-swiper .commentbox {
      width: calc(100% - 120px);
      margin: auto;
      position: relative;
    }

    .comment .comment-swiper .commentbox p {
      text-align: center;
      font-size: 18px;
      line-height: 40px;
      color: #999;
    }

    .comment .comment-swiper .commentbox .company {
      font-size: 16px;
      line-hight: 16px;
      margin: 20px 0 0;
      color: #333;
    }

    .comment .comment-swiper .commentbox .name {
      line-hight: 18px;
      color: #333;
      font-weight: 600;
    }

    @media screen and (max-width: 630px) {
      .comment-swiper {
        padding: 40px 0 40px !important;
      }

      .comment-swiper .commentbox {
        width: 100% !important;
      }
    }
  </style>
  <div class="comment">
    <div class="logo-swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="imgbox">
            <div>
              <img src="http://img.cbcechina.com/2025-06-27/56758aa5be188562cedd2a38d19f9263.png " alt="">
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="imgbox">
            <div>
              <img src="http://img.cbcechina.com/2025-06-27/c111bd001fc0ce9f8abe1107f0ec9b3c.png " alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="comment-swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="commentbox">
            <p>
              此次10周年CBCE展会让人眼前一亮！丰富多样的各种啤酒设备和解决方案，火热的精酿馆，更能直观感受到行业的活力。众多客户专程前来咨询迈克罗的打酒系统及创新解决方案，他们对扎啤品质与打酒质量的执着追求，在当下内卷的市场环境中尤为可贵，这种坚持，也让我们深受感动和鼓舞。作为深耕啤酒饮料分配设备领域的专业供应商，品质始终是我们立足市场的根基。未来，我们将持续创新和坚定不移践行
              “打好每一杯扎啤” 的核心理念，与大家携手共进！
            </p>
            <p class="company">迈克罗迈帝克饮料设备（天津）有限公司，全国销售总监</p>
            <p class="name">张龙</p>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="commentbox">
            <p>
              2025CBCE取得了预期的宣传效果，通过场内、场外的各个论坛、会议等宣传平台，收到了良好的反馈和互动，并与新、老客户建立了合作关系或达成合作意向，期待CBCE 2026再接再厉，再创佳绩！
            </p>
            <p class="company">美国亚基玛酒花公司，亚洲区销售与市场经理</p>
            <p class="name">庄仲荫</p>
          </div>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>

  </div>
  <div id="reactCode" style="display:none;">
    var logo = new Swiper('.logo-swiper', {
    slidesPerView: document.documentElement.clientWidth < 670 ? 3 : 5, centeredSlides: true, initialSlide: 2, on: {
      slideChange: function (e) { comment?.slideTo(this.realIndex); console.log(this, 'logo' , e) } } }); var
      comment=new Swiper('.comment-swiper', { slidesPerView: 1, initialSlide: 2,autoHeight:true, pagination: {
      el: '.swiper-pagination' , clickable: true, }, on: { slideChange: function (e) { logo?.slideTo(this.realIndex);
      console.log(this.realIndex, 'comment' , e) } } }); </div>
</body>

</html>

展商评语

部分展商排名不分先后

精彩现场