<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <link href="css/style.css" type="text/css" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="css/swiper.css">
  <script type="text/javascript" src="js/jquery.drawer.min.js"></script>
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <!--banner的js-->

  <script type="text/javascript" src="js/touch.js"></script>
<script type="text/javascript" >
// 在页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    // 获取当前域名
    const currentDomain = window.location.hostname;
    
    // 获取两个div元素
    const div1 = document.getElementById('constructionOverlay');
    const div2 = document.getElementById('websiteContent');
   
// 定义目标域名
    const targetDomains = ['realspot.cn', 'fuyunfuli.com'];

// 判断当前域名是否为目标域名
    const isTargetDomain = targetDomains.includes(currentDomain);

    // 判断域名并显示对应的div
    if (isTargetDomain) {
        document.title = '福云福利'; 
        div1.style.display = 'block';
        div2.style.display = 'none';
    } else {
        div1.style.display = 'none';
        div2.style.display = 'block';
    }
});
</script>
<script type="text/javascript" >
    function ScreenWidth() {

      if (
        /phone|pad|pod|iPhone|iPod|ios|iPad|Android|Fennec|BlackBerry|Mobile|IEMobile|MQQBrowser|JUC|Fennec|WosBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i
        .test(navigator.userAgent)) {

        window.location.href = 'phone.html';
      }
    }

    window.onload = function () {
	   ScreenWidth()
    }
  </script>
  <title>福云服务</title>
</head>

<body>

<!-- 网站建设中提示 -->
  <div id="constructionOverlay">
    <div>
      <h1>网站正在建设中</h1>
      <p>感谢您访问！</p>
      <p>我们正在对网站进行全面升级，以提供更好的服务体验。</p>
      <p>敬请期待！</p>
 <div class="clear"></div>
      <div>Copyright 2020 版权所有 <a href="http://beian.miit.gov.cn" target="_blank">京ICP备20001910号</a></div>
    </div>
  </div>
 <!-- 网站正常内容 --> 
 <div id="websiteContent">
    <div id="topbg">
      <div class="gang">
        <div class="fr nav-r">
          <ul>
            <li class="fr">销售热线：15010995355</li>
            <li><a href="index.html">首页</a></li>
            <li><a href="login.html">福云商城 </a></li>
            <li><a href="login.html">产品服务</a></li>
            <li><a href="login.html">登录</a></li>
          </ul>
        </div>
        <div class="fl logo-img"><img src="images/logo.png" /></div>

        <div class="clear"></div>
      </div>
    </div>
    <!--banner的开始-->
    <section class="ap oh carouselBox" id="carouselBox" ontouchstart="touchStart(event)" ontouchmove="touchMove(event);"
      ontouchend="touchEnd(event);" style="overflow: hidden;">
      <ul class="oh ab carouselPics" id="carouselPics" style="width: 500%; position: relative; left: -640px;">
        <li style="width: 640px;"><a href="#"><img src="images/banner_01.gif"></a></li>
        <li style="width: 640px;"><a href="#"><img src="images/banner_02.gif"></a></li>
      </ul>
      <ul class="ab tc carouselBtns" id="carouselBtns"></ul>
      <div class="ab carouselBtnsBg"></div>
    </section>
    <!-- banner的结束 -->


    <div class="home-p">
      <div class="gang">
        <h3><img src="images/title1.png" /></h3>
        <div>
          <img src="images/add1.png" width="994" />
        </div>
      </div>
    </div>
    <div class="home-plist">
      <div class="gang">
        <h3><img src="images/title2.png" /></h3>
        <div>
          <ul>
            <li>
              <p>生日蛋糕</p>
              <img src="images/product_img.png" />
            </li>
            <li>
              <img src="images/product_img2.png" />
              <p style="color: #074d6f; text-align: right;">文化娱乐</p>
            </li>
            <li>
              <p>节日慰问</p>
              <img src="images/product_img3.png" />
            </li>
            <li>
              <img src="images/product_img4.png" />
              <p style="color: #074d6f; text-align: right;">团建活动</p>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="add">
      <img src="images/add.png" />
    </div>
    <div class="bottobbg">
      <div class="gang">
        <div class="bottom-er fr">
          <img src="images/er.png" alt="">
          <p>扫一扫 关注公众号</p>
        </div>
        <div class="bottom-logo fl"><img src="images/bottom_logo.png" alt=""></div>
        <div class="fl bottom-mid">
          <ul>
            <li>服务热线：400 617 0108</li>
            <li>服务时间：9:00-18:00</li>
          </ul>
        </div>

      </div>
      <div class="clear"></div>
      <div class="copyrihgt-line">Copyright 2020 版权所有 <a href="http://beian.miit.gov.cn" target="_blank" style="color:#fff">京ICP备20001910号</a></div>
    </div>

  </div>
  <!-- Swiper JS -->
  <script src="js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script type="text/javascript">
    var _initX = 0;
    var _finishX = 0;
    var _startX = 0;
    var _startY = 0;

    function touchStart(event) {
      _startX = event.touches[0].clientX;
      _startY = event.touches[0].clientY;
      _initX = _startX;
    }

    function touchMove(event) {
      var touches = event.touches;
      var _endX = event.touches[0].clientX;
      var _endY = event.touches[0].clientY;
      if (Math.abs(_endY - _startY) > Math.abs(_endX - _startX)) {
        return;
      }
      event.preventDefault();
      _finishX = _endX;
      var _absX = Math.abs(_endX - _startX);
      var lastX = $('#carouselPics').css('left').replace('px', '');
      if (_startX > _endX) {
        st.Stop();
        $('#carouselPics').css('left', (parseInt(lastX) - _absX) + 'px');
      } else {
        st.Stop();
        $('#carouselPics').css('left', (parseInt(lastX) + _absX) + 'px');
      }
      _startX = _endX;
    }

    function touchEnd(event) {
      if (_finishX == 0) {
        return;
      }
      if (_initX > _finishX) {
        bindEvent(_initX, _finishX);
      } else if (_initX < _finishX) {
        bindEvent(_initX, _finishX);
      }
      _initX = 0;
      _finishX = 0;
    }

    var picCount = $("#carouselPics li").length;

    $("#carouselPics").css('width', picCount + '00%');

    var st = createPicMove("carouselBox", "carouselPics", picCount);

    var forEach = function (array, callback) {
      for (var i = 0, len = array.length; i < len; i++) {
        callback.call(this, array[i], i);
      }
    }

    var nums = [];

    for (var i = 0, n = st._count - 1; i <= n; i++) {
      var li = document.createElement("li");
      nums[i] = document.getElementById("carouselBtns").appendChild(li);
    }

    st.onStart = function () {
      forEach(nums, function (o, i) {
        o.className = st.Index == i ? "current" : "";
      })
    }

    function bindEvent(start, end) {
      if (start >= end) {
        st.Next();
      } else {
        st.Previous();
      }
    }

    st.Run();

    var resetScrollEle = function () {
      var slider2Li = $("#carouselPics li");
      slider2Li.css("width", $(".carouselBox").width() + "px");

      var oHeight1 = $(window).height();
      var oHeight2 = $('body').height();
      var oFooterHeight = $('#footer').outerHeight();
      if (oHeight1 > oHeight2) {
        $('#container').css('min-height', (oHeight1 - oFooterHeight));
      }
    };

    resetScrollEle();

    window.addEventListener("orientationchange", function () {
      st.Change = st._slider.offsetWidth / st._count;
      st.Next();
      resetScrollEle();
    });

    window.addEventListener("resize", function () {
      st.Change = st._slider.offsetWidth / st._count;
      st.Next();
      resetScrollEle();
    });
  </script>

</body>

</html>
