zhengjinyi
/
caimei-authentic-ross-static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页-艾斯佰丽官网-ROSS介绍</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./libs/swiper/swiper.min.css" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/brand-ross.css" />
  </head>
  <body>
    <!-- 顶部导航栏 start -->
    <div class="header">
      <div class="container flex">
        <div class="logo">
          <h1>艾斯佰丽</h1>
          <img src="/img/logo.png" alt="艾斯佰丽" />
        </div>
        <ul class="nav clearfix">
          <li class="active"><a href="#">首页</a></li>
          <li><a href="#">艾斯佰丽</a></li>
          <li>
            <a href="#">品牌中心</a>
            <ul class="menu">
              <li><a href="#">ROS'S介绍</a></li>
              <li class="dropdown">
                <a href="javascript:void(0)">产品系列</a>
                <ul class="submenu clearfix">
                  <li><a href="#">Diactivplvs</a></li>
                  <li><a href="#">Ntradermik</a></li>
                  <li><a href="#">Esobiolift RF</a></li>
                  <li><a href="#">Rollaction</a></li>
                  <li><a href="#">Kestos T2</a></li>
                </ul>
              </li>
              <li><a href="#">案例展示</a></li>
              <li><a href="#">授权认证</a></li>
            </ul>
          </li>
          <li><a href="#">合作加盟</a></li>
          <li><a href="#">新闻动态</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </div>
    </div>
    <!-- 顶部导航栏 end -->

    <!-- 广告位 start-->
    <div class="advertising">
      <div class="video-container">
        <video src="" poster="/img/brand-ross-video-cover.png"></video>
        <div class="play"></div>
      </div>
    </div>
    <!-- 广告位 end -->

    <div class="main">
      <!-- 关于ross start -->
      <div class="about wrapper">
        <div class="container">
          <div class="title">关于ROS'S</div>
          <div class="content clearfix">
            <div class="swiper fl">
              <div class="swiper-container" id="aboutSwiepr">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="/img/banner1.png" alt="" />
                  </div>
                  <div class="swiper-slide">
                    <img src="/img/banner1.png" alt="" />
                  </div>
                </div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-prev"></div>
                <div class="swiper-next"></div>
              </div>
            </div>
            <div class="section fl">
              <div class="item">
                <div class="num">01</div>
                <div class="line"></div>
                <div class="desc">
                  ROS'S是一家专注于二进制先进美容仪器研发、制造 和销售的西班牙企业。成立于1978年，公司涉及美容、
                  康复理疗、医疗等领域：ROS'S----来自智能科技的成 果给您的身体一个崭新的生命。
                </div>
              </div>
              <div class="item">
                <div class="num">02</div>
                <div class="line"></div>
                <div class="desc">ROS'S是一家专注于二进制先进美容仪器研发、制造 和销</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 关于ross end -->

      <!-- 关于疗法 start -->
      <div class="therapy wrapper">
        <div class="container">
          <div class="title">关于疗法</div>
          <div class="content" id="therapy">
            <div class="item">
              <div class="cover">
                <div class="tip">热透疗法</div>
                <div class="line"></div>
                <img src="/img/brand-ross-therapy-cover-01.png" alt="" />
              </div>
              <div class="active">
                <img src="/img/brand-ross-therapy-active-01.png" alt="448KHz热透疗法" />
                <div class="info">
                  <div class="tip">448KHz热透疗法</div>
                  <div class="subtip">电容模式应用人体组织</div>
                  <div class="section">
                    <dl>
                      <dt>身体护理</dt>
                      <dd>- 肌肉理疗</dd>
                      <dd>- 肌肉损伤</dd>
                      <dd>- 肌肉松弛</dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
            <div class="item hover">
              <div class="cover">
                <div class="tip">面部护理</div>
                <div class="line"></div>
                <img src="/img/brand-ross-therapy-cover-02.png" alt="面部护理" />
              </div>
              <div class="active">
                <img src="/img/brand-ross-therapy-active-02.png" alt="面部护理" />
                <div class="info">
                  <div class="tip">面部护理</div>
                  <div class="subtip">电容模式应用人体组织</div>
                  <div class="section">
                    <dl>
                      <dt>身体护理</dt>
                      <dd>- 肌肉理疗</dd>
                      <dd>- 肌肉损伤</dd>
                      <dd>- 肌肉松弛</dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="cover">
                <div class="tip">电提升</div>
                <div class="line"></div>
                <img src="/img/brand-ross-therapy-cover-03.png" alt="电提升" />
              </div>
              <div class="active">
                <img src="/img/brand-ross-therapy-active-03.png" alt="电提升" />
                <div class="info">
                  <div class="tip">电提升</div>
                  <div class="subtip">电容模式应用人体组织</div>
                  <div class="section">
                    <dl>
                      <dt>身体护理</dt>
                      <dd>- 肌肉理疗</dd>
                      <dd>- 肌肉损伤</dd>
                      <dd>- 肌肉松弛</dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="cover">
                <div class="tip">电紧致</div>
                <div class="line"></div>
                <img src="/img/brand-ross-therapy-cover-04.png" alt="电紧致" />
              </div>
              <div class="active">
                <img src="/img/brand-ross-therapy-active-04.png" alt="电紧致" />
                <div class="info">
                  <div class="tip">电紧致</div>
                  <div class="subtip">电容模式应用人体组织</div>
                  <div class="section">
                    <dl>
                      <dt>身体护理</dt>
                      <dd>- 肌肉理疗</dd>
                      <dd>- 肌肉损伤</dd>
                      <dd>- 肌肉松弛</dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="cover">
                <div class="tip">电脂解</div>
                <div class="line"></div>
                <img src="/img/brand-ross-therapy-cover-05.png" alt="电脂解" />
              </div>
              <div class="active">
                <img src="/img/brand-ross-therapy-active-05.png" alt="电脂解" />
                <div class="info">
                  <div class="tip">电脂解</div>
                  <div class="subtip">电容模式应用人体组织</div>
                  <div class="section">
                    <dl>
                      <dt>身体护理</dt>
                      <dd>- 肌肉理疗</dd>
                      <dd>- 肌肉损伤</dd>
                      <dd>- 肌肉松弛</dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 关于疗法 end -->

      <!-- 七大应用 start -->
      <div class="application wrapper">
        <div class="container">
          <div class="title">七大应用</div>
          <div class="content clearfix">
            <div class="item">
              <img src="/img/brand-ross-app-01.png" alt="" />
              <div class="active">
                <div class="info">
                  <div class="num">01</div>
                  <div class="line"></div>
                  <div class="tip">美学缺陷</div>
                  <div class="link">立即查看</div>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="/img/brand-ross-app-02.png" alt="" />
              <div class="active">
                <div class="info">
                  <div class="num">01</div>
                  <div class="line"></div>
                  <div class="tip">美学缺陷</div>
                  <div class="link">立即查看</div>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="/img/brand-ross-app-03.png" alt="" />
              <div class="active">
                <div class="info">
                  <div class="num">02</div>
                  <div class="line"></div>
                  <div class="tip">美学缺陷</div>
                  <div class="link">立即查看</div>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="/img/brand-ross-app-04.png" alt="" />
              <div class="active">
                <div class="info">
                  <div class="num">03</div>
                  <div class="line"></div>
                  <div class="tip">美学缺陷</div>
                  <div class="link">立即查看</div>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="/img/brand-ross-app-05.png" alt="" />
              <div class="active">
                <div class="info">
                  <div class="num">04</div>
                  <div class="line"></div>
                  <div class="tip">美学缺陷</div>
                  <div class="link">立即查看</div>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="/img/brand-ross-app-06.png" alt="" />
              <div class="active">
                <div class="info">
                  <div class="num">05</div>
                  <div class="line"></div>
                  <div class="tip">美学缺陷</div>
                  <div class="link">立即查看</div>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="/img/brand-ross-app-07.png" alt="" />
              <div class="active">
                <div class="info">
                  <div class="num">06</div>
                  <div class="line"></div>
                  <div class="tip">美学缺陷</div>
                  <div class="link">立即查看</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 七大应用 end -->

      <!-- 分布区域 start -->
      <div class="distribution wrapper">
        <div class="container">
          <div class="title">分布区域</div>
          <div class="content">
            <img src="/img/brand-ross-map.png" alt="" />
            <div class="section">
              <div class="item">
                <div class="row star">44</div>
                <div class="row">ROS'S坚持科技创新已44年</div>
              </div>
              <div class="line"></div>
              <div class="item">
                <div class="row company">2000+</div>
                <div class="row">超过2000+所专业治疗机构</div>
              </div>
              <div class="line"></div>
              <div class="item">
                <div class="row doctor">10000+</div>
                <div class="row">全球10000+名ROS'S专业体疗师</div>
              </div>
              <div class="line"></div>
              <div class="item">
                <div class="row heart">千万</div>
                <div class="row">ROS'S治疗和服务的人群</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 分布区域 end -->

      <!-- 联系我们 start -->
      <div class="contact wrapper">
        <div class="container">
          <div class="title">联系我们</div>
          <div class="content clearfix">
            <div class="cover fl">
              <img src="/img/brand-ross-concat.png" alt="" />
            </div>
            <div class="form-container fr">
              <textarea placeholder="如有问题请您留言（必填）"></textarea>
              <div class="submit">提交</div>
            </div>
          </div>
        </div>
      </div>
      <!-- 联系我们 end -->
    </div>

    <!-- 底部区域 start -->
    <div class="footer">
      <div class="container clearfix">
        <div class="section fl">
          <div class="logo"><img src="/img/logo2.png" alt="" /></div>
          <div class="item mobile">
            <span>0755-23769340</span>
            <span>周一至周五：09:00-18:00</span>
          </div>
          <div class="item email">518000</div>
          <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
        </div>
        <ul class="nav fl">
          <li><a href="#">首页</a></li>
          <li><a href="#">ROS'S</a></li>
          <li><a href="#">系列产品</a></li>
        </ul>
        <ul class="nav fl">
          <li><a href="#">案例展示</a></li>
          <li><a href="#">授权认证</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <div class="qrcode fr">
          <img src="/img/qrcode.jpg" alt="二维码" />
          <div class="tip">扫一扫加关注</div>
        </div>
      </div>
      <div class="line"></div>
      <div class="link">
        <a href="#">法律声明</a>
        <i></i>
        <a href="#">隐私政策</a>
        <i></i>
        <a href="#">购物付款类型</a>
        <i></i>
        <a href="#">服务付款类型</a>
        <i></i>
        <a href="#">支付方式</a>
        <i></i>
        <a href="#">产品售后与申诉</a>
        <i></i>
        <a href="#">服务投诉与申诉</a>
        <i></i>
        <a href="#">族蚂议价流程</a>
        <i></i>
        <a href="#">关于族蚂网</a>
        <i></i>
        <a href="#">如何创建主体</a>
        <i></i>
        <a href="#">违规举报</a>
        <i></i>
        <a href="#">知识产权维护</a>
      </div>
      <div class="copyright">
        <a href="#">本网站使用族蚂技术创建及服务器托管</a>
        <span>Copyright ©2019</span>
        <span>acebelleshenzhen.com</span>
        <span>版权所有 粤ICP备2020131296号</span>
      </div>
    </div>
    <!-- 底部区域 end -->

    <script src="./libs/swiper/swiper.min.js"></script>
    <script src="./libs/jquery-3.6.0.min.js"></script>
    <script>
      var mySwiper = new Swiper('#aboutSwiepr', {
        loop: true, // 循环模式选项
        // 如果需要前进后退按钮
        navigation: {
          nextEl: '.swiper-next',
          prevEl: '.swiper-prev',
        },
        on: {
          slideChangeTransitionEnd: function () {
            onChangeAboutItemWithSwiper(this.realIndex)
          },
        },
      })

      // 文案随着轮播图切换
      function onChangeAboutItemWithSwiper(index) {
        $('#aboutSwiepr').parent().siblings('.section').children('.item').hide().eq(index).show()
      }

      // 关于疗法 手风琴效果
      function therapyDemoAccordion() {
        $('#therapy .item').on('mouseover', function (el) {
          $('#therapy .hover').removeClass('hover')
          $(this).addClass('hover')
        })
      }
      therapyDemoAccordion()
    </script>
  </body>
</html>