index.html

<!doctype html><html><head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <title>阿卡索外教网_在线英语培训_外教口语一对一培训</title>
  <meta name="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
  <meta name="keywords" content="在线英语口语培训，在线英语培训，外教一对一，英语外教一对一，英语网络教学">
  <!-- 分享配置 -->
  <meta itemprop="name" content="阿卡索外教网_在线英语培训_外教口语一对一培训">
  <meta itemprop="image" content="https://img.acadsoc.com.cn/share/share-default.png">
  <meta name="description" itemprop="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
  <!--<link rel="stylesheet" href="https://img.acadsoc.com.cn/css/bootstrap.min.css">-->
  <link href="https://img.acadsoc.com.cn/web/WebNew/assets/global/css/swiper.min.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/header-footer.css">
  <link rel="icon" href="https://www.acadsoc.com.cn/favicon.ico" type="image/x-icon">
  
  <!--神策代码-->
  <script src="https://img.acadsoc.com.cn/web/SenSors/sensorsheadother.js"></script>

  <script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/recommend/js/jquery.min.js"></script>
  <script type="text/javascript">
    var html = document.documentElement;
    var htmlClientWidth = 0;
    var rejustRootSize = function () {
      var oh = 750;
      html.getBoundingClientRect().width > oh ? htmlClientWidth = oh : htmlClientWidth = html.getBoundingClientRect().width;
      html.style.fontSize = htmlClientWidth / (oh / 100) + 'px';
    };
    rejustRootSize();
    window.onresize = rejustRootSize;
  </script>
  <script src="https://img.acadsoc.com.cn/web/js/bootstrap.min.js"></script>
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/lp.js"></script>
  
  <!--IpRecord-->
  <script type="text/javascript" src="https://www.acadsoc.com.cn/ajax/Web.UI.Fun.IpRecord.aspx"></script>
  <script src="https://img.acadsoc.com.cn/web/js/IdentificationSystem.js"></script>
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/Record.js"></script>

  <!--微信分享-->
  <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/wxShare.js"></script>
  <script>
    wxShare.init();
  </script>
  <!--百度统计代码-->
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/BaiDuStatistics.js"></script>

  <!-- 百度ocpc基础代码 -->
  <script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></script>

  <!--[if lt IE 9]>
    <script src="https://img.acadsoc.com.cn/web/js/vendor/html5shiv.js"></script>
    <script src="https://img.acadsoc.com.cn/web/js/vendor/respond.min.js"></script>
    <![endif]-->

  <script>
    window.HtmlWidth = 0;
      $(function(){
        window.HtmlWidth = document.body.clientWidth || document.documentElement.clientWidth;
      })

    function getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return "";
    }
  </script>

  
<style>

.fixed{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6;
  font-size: 0;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

* {
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  background:none;
}
body{
  background:none;
  font-size:0;
  background-color:white;
  
}

img{max-width:100%;}

/* 弹窗 */
[id*=register-popup],
[id*=loading-popup],
[id*=back-popup],
[id*=success-popup]{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.5);
  z-index:7 !important;
}

[id*=register-popup]{
  z-index:8 !important;
}

[id*=success-popup]{
  z-index:9 !important;
}

/* 输入框 */
.input__div {
  position: relative;
  width: 100%;
}
.input__div img{
  position: absolute;
  left: .2rem;
  top: 50%;
  transform: translateY(-50%);
}

.input__div img ~ input{
  padding-left:.5rem;
}

.input__div > input {
  font-size: inherit;
  width: 100%;
  line-height: inherit;
  padding:initial;
  color:initial;
  display:block;
  height:100%;
}

.input__div > button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

[data-popup-id]{
  cursor:pointer;
}

/* 按钮 */
button {
  max-width: 100%;
  display: block;
  cursor: pointer;
}
button:disabled{
  background-color: #aeaeae !important;
  cursor: no-drop !important;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px transparent inset !important;
}  
input:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px transparent inset !important;
} 

/* swiper */
/* .swiper-container{} */

/* .swiper-wrapper {} */

.swiper-slide > img {
  width: 100%;
}

.scale-swiper .swiper-slide {
  width: 70%;
}

.scale-swiper .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.85);
}

.banner {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}

/* pc */
@media (min-width: 769px) {
  .mobile--show {
    display: none !important;
  }

}

/* mobile */
@media (max-width: 768px) {
  .pc--show {
    display: none !important;
  }
}

</style>
</head><body>

  <!-- js统计 -->
  <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script>
  
  
<style>
  /* PC端 */
  @media (min-width:769px) {

  }
  /* 手机端 */
  @media (max-width:768px) {

  }
  .render-swiper-217-0 .swiper-slide-active {
    transform:scale(1);
  }
</style>
<div class="render-swiper-217-0">
  <div class="container">
    <p class="title">了解我们</p>
    <div class="swiper-container swiper">
      <div class="swiper-wrapper">
        
    <div class="slide1 swiper-slide">
        <div class="group">
          <img class="img" src="https://img.acadsoc.com.cn/web/lps/shaoer1/img/p1-n.png">
          <img class="icon" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/shaoer/img/swiper1.png">
        </div>
        <p class="text1">专业师资</p>
        <p class="text2">严选持证外教一对一授课，经验丰富、学历背景良好，为学员提供优质的教学服务。 </p>
      </div>
    
    <div class="slide2 swiper-slide">
        <div class="group">
          <img class="img" src="https://img.acadsoc.com.cn/web/lps/lxhd/cryyty/img/p2-n.png">
          <img class="icon" src="https://img.acadsoc.com.cn/web/lps/lxhd/cryyty/img/swiper2.png">
        </div>
        <p class="text1">行业认可</p>
        <p class="text2">2019年获得百度教育行业典范奖,同年2月获得IDG资本，深创投近亿元融资,3月再获广发信德近亿元领投。  </p>
      </div>
    
    <div class="slide3 swiper-slide">
        <div class="group">
          <img class="img" src="https://img.acadsoc.com.cn/web/lps/shaoer1/img/p3-n.png">
          <img class="icon" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/shaoer/img/swiper3.png">
        </div>
        <p class="text1">严格选拔</p>
        <p class="text2">3%的筛选通过率。择优录取，3轮面试，5轮试讲，定期考核，确保教学质量。  </p>
      </div>
    
      </div>
    </div>
  </div>
</div>
<script>
  $(function(){
    new Swiper('.render-swiper-217-0 .swiper-container',
              HtmlWidth >= 768 ? {"auto-update":true,"initialSlide":1,"centeredSlides":true,"slidesPerView":3,"spaceBetween":30,"autoplay":{"delay":3000,"stopOnLastSlide":false,"disableOnInteraction":false}} : {"auto-update":true,"centeredSlides":true,"slidesPerView":"auto","autoplay":{"delay":3000,"stopOnLastSlide":false,"disableOnInteraction":false}} )
  })
</script>

    <style>
      @media (min-width:769px) { 
            .auto-element-216-1>.container>.img4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }
            
            .auto-element-216-1>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem auto 0 auto;  display:block;  }
            
            .auto-element-216-1>.container>.p2 {  color:#666;  font-weight:bold;  font-size:.28rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:.2rem 0 0 0;  line-height:1;  }
            
            .auto-element-216-1>.container>.text1 {  color:rgba(20, 43, 136, 1);  font-weight:bold;  font-size:.4rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  line-height:1;  }
            
            .auto-element-216-1>.container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }
            
            .auto-element-216-1 {  background-color:#F5F5F5;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  display:flex;  min-height:100px;  }
             }
      @media (max-width:768px) { 
            .auto-element-216-1>.container>.img4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem auto 0 auto;  display:block;  }
            
            .auto-element-216-1>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }
            
            .auto-element-216-1>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 0 0;  color:#666;  font-weight:bold;  font-size:.3rem;  line-height:1;  text-align:center;  }
            
            .auto-element-216-1>.container>.text1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#2a3a6e;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
            
            .auto-element-216-1>.container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  width:92%;  }
            
            .auto-element-216-1 {  background-color:#F5F9FF;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  display:flex;  min-height:100px;  }
             } 
    </style>
<div class="auto-element-216-1">
    <div class="container">
      
<p class="text1">持证好外教</p>

<p class="p2">3步助力 快乐学习之旅</p>

<img class="img3" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/14/bmf7l369g3lycz3w8g67glm2t78p97yz.png">

<img class="img4" src="https://img.acadsoc.com.cn/web/lps/lxhd/cryyty/img/pic3.png">

    </div>
    </div>


  <!--滑动验证生成-->
  <div id="captcha"></div>
  <!--滑动验证生成end-->
  <div class="loading" style="position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;display:none;z-index:1040;">
    <img src="https://img.acadsoc.com.cn/web/img/loading1.gif" style="z-index:1050;position:relative;">
    <div class="modal-backdrop in" style="background-color:#fff;opacity: .8;"></div>
  </div>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/register_new_double-editor.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/gt.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/Captcha.js"></script>
  <!-- 新验证1909 End -->
  <script type="text/javascript" src="https://www.acadsoc.com.cn/Ajax/Web.UI.Fun.User.aspx"></script>
  <!-- abtest -->
  <script src="https://img.acadsoc.com.cn/web/js/abtest.min.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/web/js/swiper-4.0.5.min.js"></script>

  <script>

    window.onload = function(){
      addFixedEls();
    }

    function addFixedEls(){
      // 头部元素
      const headerFixedElement = $('body>div').eq(0);
      $('.fixed__el').each((i,v)=>{
        // 定位元素
        const fixedEl = $(v);
        // 移除元素
        const removeFixedElement = fixedEl.prev();
        let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
        let rTop = headerFixedElement.offset().top + headerFixedElement.height();
        $(window).scroll(function () {
          let sTop = $(this).scrollTop();
          if (sTop > rTop) {
            fixedEl.fadeIn(300);
            if (sTop >= bTop) {
              fixedEl.removeClass('fixed');
            } else {
              fixedEl.addClass('fixed');
            }
          } else {
            fixedEl.fadeOut(300);
          }
        })
      })
    }

    const date = new Date();
    const curruYear = date.getFullYear();
    const currMonth = date.getMonth() + 1;
    const currDate = date.getDate();

    // 替换时间文字
    document.querySelectorAll('.time').forEach(function(v){
      v.innerText =  getToday(v.innerText);
    })

    function getToday(str) {
      return str.replace(/year/gi,curruYear).replace(/month/gi,currMonth).replace(/date/gi,currDate);
    }
    
    function copyWx(wx,text='复制成功!'){
      const element = document.createElement('input');
      element.value = wx;
      document.body.append(element);
      element.select();
      document.execCommand('Copy');
      document.body.removeChild(element);
      alert(text);
    }

    $(function () {

      $('[data-copy-wx]').click(function(){
        copyWx($(this).attr('data-copy-wx'),$(this).attr('data-wx-alter'))
      })

      $('[data-to-wx]').click(function(){
        copyWx($(this).attr('data-to-wx'),$(this).attr('data-wx-alter'))
        const aele = document.createElement('a');
        aele.href ='weixin://';
        aele.click();
      });

      // 返回弹窗
      if (document.querySelector('[id*=back-popup]')) {
        $('[id*=back-popup]').hide();
        $('[id*=back-popup] [class*=close]').click(function () {
          $('[id*=back-popup]').fadeOut();
          // 取消返回,需要默认back一次
          window.removeEventListener('popstate', holdBack);
          history.back();
        })

        // 阻止返回
        function holdBack() {
          $('[id*=back-popup]').fadeIn();
          history.pushState(null, null, document.URL);
        }


        // 防止页面后退 监听
        history.pushState(null, null, document.URL);
        window.addEventListener('popstate', holdBack);
      }

      // 关闭弹窗
      $('.close-popup').click(function(){
        $(this).parents('[id*=-popup]').fadeOut();
      })

      // 关闭注册弹窗
      $('.register-close').click(function(){
        $(this).parents('[id*=register-popup]').fadeOut();
      })

      // 打开弹窗
      $('[data-popup-id]').click(function(){
        const id = $(this).attr('data-popup-id');
        const popup = $('#register-popup-' + id);
        const attrs = this.attributes;
        // 更改字符
        for (let i = 0; i < attrs.length; i++) {
          const name = attrs[i].name;
          const value = attrs[i].value;
          if(name.indexOf('data-params-') !== -1){
            const ele = popup.find('.' + name.split('data-params-')[1]);
            if (!value) continue;
            if(value === 'false') {
              ele.hide();
              continue;
            } else if(value === 'true') {
              ele.show();
              continue;
            }
            if(!ele[0]) continue;
            // 根据标签名修改
            switch (ele[0].nodeName) {
              case 'IMG':
                ele.attr('src', value);
                break;
              case 'INPUT':
                ele.attr('placeholder', value)
                break;
              default:
                ele.html(getToday(value));
                break;
            }
          }
        }
        popup.fadeIn();
      })

      // 单链接跳转
      $('[data-href]').click(function(){
        location.href = $(this).attr('data-href');
      })

      // 分端跳转
      $('[data-pm-href]').click(function(){
        var parameter = window.location.search;
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
          location.href = $(this).attr('data-mobile-href');
        } else if (bIsIpad) {
          location.href = $(this).attr('data-ipad-href');
        } else {
          location.href = $(this).attr('data-pc-href');
        }
      })

      // 跳转注册
      $('[data-form]').click(function(){
        $('body,html').stop().animate({ 'scrollTop': 0 },
          {
            duration: 1000,
            easing: "swing"
          });
      })

      // dynamic data
      const imgIds = [];
      const bgImgIds = [];
      const textIds = [];

      $('[data-img-id]').each(function (i, item) {
        const id = $(item).attr('data-img-id');
        if (imgIds.indexOf(id) === -1) {
          imgIds.push(id);
        }
      })

      $('[data-text-id]').each(function (i, item) {
        const id = $(item).attr('data-text-id');
        if (textIds.indexOf(id) === -1) {
          textIds.push(id);
        }
      })

      $('[data-bg-img-id]').each(function (i, item) {
        const id = $(item).attr('data-bg-img-id');
        if (bgImgIds.indexOf(id) === -1) {
          bgImgIds.push(id);
        }
      })

      $.ajax({
        url: 'https://dmpaio.acadsoc.com.cn/api-landingpage/PageResources/selectAllResources',
        method: "POST",
        dataType: "json",
        headers: { 'Content-Type': 'application/json' },
        data: JSON.stringify({ bgImgIds, imgIds, textIds }),
        success: function (res) {
          const _bgImgIds = res.data.bgImgIds;
          const _imgIds = res.data.imgIds;
          const _textIds = res.data.textIds;
          // 背景图
          _bgImgIds.forEach(function (v) {
            const ele = $(`[data-bg-img-id=${v.id}]`);
            // 手机banner
            if (ele.hasClass('mobile-banner')) {
              ele.attr('src', v.url);
            } else {
              ele.css('background-image', `url(${v.url})`);
            }
          });
          _imgIds.forEach(function (v) {
            const ele = $(`[data-img-id=${v.id}]`);
            if(ele[0].nodeName === 'IMG'){
              ele.attr('src', v.url);
            }else{
              ele.css('background-image', `url(${v.url})`);
            }
          });

          _textIds.forEach(function (v) {
            const ele = $(`[data-text-id=${v.id}]`);
            ele.html(v.name);
          });
        }
      })

    })

    // 注册
    register.init({
      successTxt: false, // 值为false时不执行
      successLocation: false, // 值为false时不执行
      successFn: function () {
        ABRecord.registNotice();
        //百度ocpc提交成功埋码
        window._agl && window._agl.push(['track', ['success', { t: 3 }]])
        var urlval = getQueryString("search");
        $(".loading").hide();
        
        
        var successPopup = document.querySelector('[id^=success-popup]');

        if(successPopup){
            $(successPopup).fadeIn();
        }else{
            alert("领取成功，稍后将有学习顾问联系您！");
            window.location = '/WebNew/user/Personal/UserInfo.aspx';
        }

        return false;
      },
      type: 'code', //注册类型：normal（常规）,code（验证码注册）,uid（带推荐人uid）
      
    });

  </script>
  <!-- 53客服 -->
  

</body></html>