<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>博晟通</title>
    <!-- web fonts -->
    <link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900&display=swap" rel="stylesheet">
    <!-- //web fonts -->
    <!-- Template CSS -->
    <link rel="stylesheet" href="assets/css/style-starter.css">
  </head>
  <body>
<div class="w3l-bootstrap-header fixed-top">
  <nav class="navbar navbar-expand-lg navbar-light p-2">
    <div class="container">
      <a class="navbar-brand" href="index.html"><span class="fa fa-diamond"></span>BJBST</a>
      <!-- if logo is image enable this   
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="index.html">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#about.html">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#contact.html">Contact</a>
          </li>
        </ul>
        <div class="form-inline">
          <a href="#login.html" class="login mr-4">Log in</a>
            <a href="#signup.html" class="btn btn-primary btn-theme">Create Free Account</a>
        </div>
      </div>
    </div>
  </nav>
</div>
<!-- index-block1 -->
<div class="w3l-index-block1">
  <div class="content py-5">
    <div class="container">
      <div class="row align-items-center py-md-5 py-3">
        <div class="col-md-5 content-left pt-md-0 pt-5">
          <h1>联系我们开启您的商业梦想</h1>
          <p class="mt-3 mb-md-5 mb-4">提供全方位的行业解决方案，助力企业信息化，业务系统、流程管理系统、数据分析挖掘、用户行为分析、企业画像等一体化解决方案。</p>
          <a href="#login.html" class="btn btn-primary btn-theme">Get Started</a>
        </div>
        <div class="col-md-7 content-photo mt-md-0 mt-5">
          <img src="assets/images/main.jpg" class="img-fluid" alt="main image">
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>
<!-- //index-block1 -->
<!-- index-block2 -->
<section class="w3l-index-block2 py-5">
  <div class="container py-md-3">
    <div class="heading text-center mx-auto">
      <h3 class="head">全方位一体化的解决方案助力您的业务成长 </h3>
      <p class="my-3 head"> 量身定做的业务系统、与业务完全对接的管理系统、业务数据的分析、人工智能的预测等，与全方位的运维服务相结合，免除系统应用中的一切烦恼。</p>
    </div>
    <div class="row bottom_grids pt-md-3">
      <div class="col-lg-4 col-md-6 mt-5">
        <div class="s-block">
          <a href="#blog-single.html" class="d-block p-lg-4 p-3">
            <img src="assets/images/s1.png" alt="" class="img-fluid" />
            <h3 class="my-3">全方位</h3>
            <p class="">不管您是创业企业还是传统行业亦或是成熟企业、我们都可以根据您的需求定制相应的解决方案。从业务分析到产品设计，从系统开发到上线运营维护，从信息中心建设到人才招聘，我们都提供相应服务。</p>
          </a>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 mt-5">
        <div class="s-block">
          <a href="#blog-single.html" class="d-block p-lg-4 p-3">
            <img src="assets/images/s2.png" alt="" class="img-fluid" />
            <h3 class="my-3">高效益</h3>
            <p class="">通过成熟的技术手段和经验，为您选择效率最高成本最低的方案，实现系统的快速落地，易维护、好维护、可扩展。<br>&nbsp;
			</p>
          </a>
        </div>
      </div>
      <div class="col-lg-4 mt-5">
        <div class="s-block">
          <a href="#blog-single.html" class="d-block p-lg-4 p-3">
            <img src="assets/images/s3.png" alt="" class="img-fluid" />
            <h3 class="my-3">智能化</h3>
            <p class="">能让计算机做的事，尽量不要人做。充分发挥计算机在大数据、人工智能、分析预测、数据管理等方面的优势。<br>&nbsp;
			</p>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /index-block2 -->
<!-- content-with-photo17 -->
<section class="w3l-index-block3">
  <div class="section-info py-5">
    <div class="container py-md-3">
      <div class="row cwp17-two align-items-center">
        <div class="col-md-6 cwp17-image">
          <img src="assets/images/business.png" class="img-fluid" alt="" />
        </div>
        <div class="col-md-6 cwp17-text">
          <h2>开启您的智能化企业治理</h2>
          <p>流程可追溯，信息可共享，行为可分析，市场可预测，资源可优化。 </p>
          <a href="#signup.html">Learn more &raquo;</a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- content-with-photo17 -->
 <div class="w3l-index-block4">
   <div class="features-bg py-5">
     <!-- features15 block -->
     <div class="container py-md-3">
       <div class="heading text-center mx-auto">
         <h3 class="head">为您的企业提供营销解决方案 </h3>
         <p class="my-3 head"> 基于系统的仓储物流、销售管理、市场推广、网络营销、广告策划、分析预测、进出口、贸易合规咨询。</p>
       </div>
       <div class="row">
         <div class="col-md-6 features15-col-text">
           <a href="#url" class="d-flex flex-wrap feature-unit align-items-center">
             <div class="col-sm-3">
               <div class="features15-info">
                 <span class="fa fa-pencil-square-o" aria-hidden="true"></span>
               </div>
             </div>
             <div class="col-sm-9 mt-sm-0 mt-4">
               <div class="features15-para">
                 <h4>系统</h4>
                 <p>高可用、高负载、低成本系统平台作为基础支撑</p>
               </div>
             </div>
           </a>
         </div>
         <div class="col-md-6 features15-col-text">
           <a href="#url" class="d-flex flex-wrap feature-unit align-items-center">
             <div class="col-sm-3">
               <div class="features15-info">
                 <span class="fa fa-usd" aria-hidden="true"></span>
               </div>
             </div>
             <div class="col-sm-9 mt-sm-0 mt-4">
               <div class="features15-para">
                 <h4>营销</h4>
                 <p>线上线下结合、新营销模式应用</p>
               </div>
             </div>
           </a>
         </div>
         <div class="col-md-6 features15-col-text">
           <a href="#url" class="d-flex flex-wrap feature-unit align-items-center">
             <div class="col-sm-3">
               <div class="features15-info">
                 <span class="fa fa-graduation-cap" aria-hidden="true"></span>
               </div>
             </div>
             <div class="col-sm-9 mt-sm-0 mt-4">
               <div class="features15-para">
                 <h4>推广</h4>
                 <p>专业的市场推广团队</p>
               </div>
             </div>
           </a>
         </div>
         <div class="col-md-6 features15-col-text">
           <a href="#url" class="d-flex flex-wrap feature-unit align-items-center">
             <div class="col-sm-3">
               <div class="features15-info">
                 <span class="fa fa-sort-alpha-asc" aria-hidden="true"></span>
               </div>
             </div>
             <div class="col-sm-9 mt-sm-0 mt-4">
               <div class="features15-para">
                 <h4>优化</h4>
                 <p>全方位数据整合分析、对营销推广生产运输等做指导优化</p>
               </div>
             </div>
           </a>
         </div>
         <div class="col-md-6 features15-col-text">
           <a href="#url" class="d-flex flex-wrap feature-unit align-items-center">
             <div class="col-sm-3">
               <div class="features15-info">
                 <span class="fa fa-laptop" aria-hidden="true"></span>
               </div>
             </div>
             <div class="col-sm-9 mt-sm-0 mt-4">
               <div class="features15-para">
                 <h4>设计</h4>
                 <p>系统设计、流程设计、广告设计、创意设计、管理设计</p>
               </div>
             </div>
           </a>
         </div>
         <div class="col-md-6 features15-col-text">
           <a href="#url" class="d-flex flex-wrap feature-unit align-items-center">
             <div class="col-sm-3">
               <div class="features15-info">
                 <span class="fa fa-line-chart" aria-hidden="true"></span>
               </div>
             </div>
             <div class="col-sm-9 mt-sm-0 mt-4">
               <div class="features15-para">
                 <h4>运维</h4>
                 <p>系统运维、IDC机房运维、云主机运维、办公室运维、呼叫中心运维</p>
               </div>
             </div>
           </a>
         </div>
       </div>
       <div>
         <!-- features15 block -->
       </div>
     </div>
   </div>
 </div>
<!-- content-with-photo17 -->
<section class="w3l-index-block7 py-5">
  <div class="container py-md-3">
    <div class="row cwp17-two align-items-center">
      <div class="col-md-6 cwp17-text">
        <h2>数据整合助力成长</h2>
        <p>采集全流程数据，通过多维度的数据分析，为生产经验提供针对性的指导意见，并持续优化流程。及时有效的抓住实时数据的变化，快速反馈决策者，及时应对市场变化。</p>
        <a href="#signup.html">Learn more &raquo;</a>
      </div>
      <div class="col-md-6 cwp17-image">
        <img src="assets/images/mobile-app.png" class="img-fluid" alt="" />
      </div>
    </div>
  </div>
</section>
<!-- content-with-photo17 -->
<section class="w3l-index-block5" style="display:none">
  <!-- main-slider -->
  <div class="testimonials py-5">
    <div class="container text-center py-lg-3">
      <div class="heading text-center mx-auto">
        <h3 class="head">They love us </h3>
      </div>
      <div class="row">
        <div class="col-md-10 mx-auto">
          <div class="owl-one owl-carousel owl-theme">
            <div class="item">
              <div class="slider-info mt-lg-4 mt-3">
                <div class="img-circle">
                  <img src="assets/images/emp2.jpg" class="img-fluid rounded" alt="client image">
                </div>
                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id accusantium
                  officia quod quasi necessitatibus perspiciatis Harum error provident
                  quibusdam tenetur.</div>
                <div class="name">- Camilla</div>
              </div>
            </div>
            <div class="item">
              <div class="slider-info mt-lg-4 mt-3">
                <div class="img-circle">
                  <img src="assets/images/emp1.jpg" class="img-fluid rounded" alt="client image">
                </div>
                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id accusantium
                  officia quod quasi necessitatibus perspiciatis Harum error provident
                  quibusdam tenetur.</div>
                <div class="name">- Dennis Jack</div>
              </div>
            </div>
            <div class="item">
              <div class="slider-info mt-lg-4 mt-3">
                <div class="img-circle">
                  <img src="assets/images/emp3.jpg" class="img-fluid rounded" alt="client image">
                </div>
                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id accusantium
                  officia quod quasi necessitatibus perspiciatis Harum error provident
                  quibusdam tenetur.</div>
                <div class="name">- Anthony</div>
              </div>
            </div>
            <div class="item">
              <div class="slider-info mt-lg-4 mt-3">
                <div class="img-circle">
                  <img src="assets/images/emp4.jpg" class="img-fluid rounded" alt="client image">
                </div>
                <div class="message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea sit id accusantium
                  officia quod quasi necessitatibus perspiciatis Harum error provident
                  quibusdam tenetur.</div>
                <div class="name">- Charlotte</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /main-slider -->
</section>
<!-- partners -->
<section class="w3l-index-block9" id="partners" >
  <div class="partners py-5">
    <div class="container py-lg-3">
      <div class="heading text-center mx-auto">
        <h3 class="head">技术领域 </h3>
      </div>
      <div class="row col-md-10 justify-content-between grid-part text-center mx-auto">
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/golang.png" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/java.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/docker.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/hadoop.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/hive.png" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/kafka.jpg" class="img-fluid rounded" alt="client image">
          </div>
        </div>
		<div class="row col-md-10 justify-content-between grid-part text-center mx-auto">
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/nginx.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/nodejs.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/apache1.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/drill.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/mysql.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/oracle.png" class="img-fluid rounded" alt="client image">
          </div>
        </div>
		<div class="row col-md-10 justify-content-between grid-part text-center mx-auto">
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/spark.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/sqlServer.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/storm.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/vue.jpg" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/tensorFlow.png" class="img-fluid rounded" alt="client image">
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <img src="assets/images/tomcat.jpg" class="img-fluid rounded" alt="client image">
          </div>
        </div>
      </div>
    </div>
</section>
<!-- //partners -->
<!-- partners -->
<section class="w3l-index-block9" id="partners" style="display:none">
  <div class="partners py-5">
    <div class="container py-lg-3">
      <div class="heading text-center mx-auto">
        <h3 class="head">信任我们的客户 </h3>
      </div>
      <div class="row col-md-10 justify-content-between grid-part text-center mx-auto">
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <span class="fa fa-cc-visa"></span>
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <span class="fa fa-digg"></span>
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <span class="fa fa-lastfm"></span>
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <span class="fa fa-cc-discover"></span>
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <span class="fa fa-ravelry"></span>
          </div>
          <div class="parts-w3ls col-sm-2 col-6 mt-5">
            <span class="fa fa-cc-stripe"></span>
          </div>
        </div>
      </div>
    </div>
</section>
<!-- //partners -->
<!-- subscribe section -->
<section class="w3l-index-block6 py-5">
  <div class="container py-lg-3">
    <div class="subscribe mx-auto">
      <div class="heading text-center mx-auto">
        <h3 class="head">获取最新消息! </h3>
        <p class="my-3 head"> 感谢您的支持与关注，如果您希望获取最新的行业动态，系统更新信息等，请留下您的邮箱。</p>
      </div>
      <form action="#" method="post" class="subscribe-wthree pt-2 mt-5">
        <div class="d-flex flex-wrap subscribe-wthree-field">
          <input class="form-control" type="email" placeholder="Enter your email..." name="email" required="">
          <button class="btn form-control btn-primary" type="submit">提交</button>
        </div>
      </form>
    </div>
  </div>
</section>
<!-- //subscribe -->
<section class="w3l-index-block10">
  <div class="new-block top-bottom">
    <div class="container">
      <div class="middle-section">
        <!-- <h5>Tagline</h5> -->
        <div class="section-width">
          <h2>开启您的智能化企业治理</h2>
        </div>
        <div class="link-list-menu">
            <p class="mb-5">提供全方位的行业解决方案，助力企业信息化，业务系统、流程管理系统、数据分析挖掘、用户行为分析、企业画像等一体化解决方案。</p>
            <a href="#about.html" class="btn btn-outline-light btn-more">Read More <span class="fa fa-arrow-right" aria-hidden="true"></span></a>
        </div>
      </div>
    </div>
    </div>
  </section>
<!-- index-block8 -->
<section class="w3l-index-block8 py-5">
  <div class="container py-md-3 text-center">
    <div class="heading text-center mx-auto">
      <h3 class="head">Ready to get started? </h3>
    </div>
    <div class="buttons mt-4">
      <a href="#contact.html" class="btn btn-outline-primary mr-2 btn-demo">Book a Demo</a>
      <a href="#contact.html" class="btn btn-primary btn-demo ml-2">Get Started</a>
    </div>
  </div>
</section>
<!-- / index-block8 -->
      <!-- footer-28 block -->
      <section class="w3l-market-footer">
        <footer class="footer-28">
          <div class="footer-bg-layer">
            <div class="container py-lg-3">
              <div class="row footer-top-28">
                <div class="col-md-6 footer-list-28 mt-5">
                  <h6 class="footer-title-28">Contact information</h6>
                  <ul>
                    <li>
                      <p><strong>Company</strong> : Beijing Bestone Cultrue Technology Development Co.,Ltd.</p>
                    </li>
                    <li>
                      <p><strong>Phone</strong> : <a href="tel:+8615601356065">+8615601356065</a></p>
                    </li>
                    <li>
                      <p><strong>Email</strong> : <a href="mailto:lixinxin@bjbst.top">lixinxin@bjbst.top</a></p>
                    </li>
                  </ul>

                  <div class="main-social-footer-28 mt-3">
                    <ul class="social-icons">
                      <li class="facebook">
                        <a href="#link" title="Facebook">
                          <span class="fa fa-facebook" aria-hidden="true"></span>
                        </a>
                      </li>
                      <li class="twitter">
                        <a href="#link" title="Twitter">
                          <span class="fa fa-twitter" aria-hidden="true"></span>
                        </a>
                      </li>
                      <li class="dribbble">
                        <a href="#link" title="Dribbble">
                          <span class="fa fa-dribbble" aria-hidden="true"></span>
                        </a>
                      </li>
                      <li class="google">
                        <a href="#link" title="Google">
                          <span class="fa fa-google" aria-hidden="true"></span>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="row">
                    <div class="col-md-4 footer-list-28 mt-5">
                      <h6 class="footer-title-28">Company</h6>
                      <ul>
                        <li><a href="#about.html">About</a></li>
                        <li><a href="#blog.html">Blog Posts</a></li>
                        <li><a href="#pricing.html">FAQ</a></li>
                        <li><a href="#pricing.html">Pricing</a></li>
                      </ul>
                    </div>
                    <div class="col-md-4 footer-list-28 mt-5">
                      <h6 class="footer-title-28">Support</h6>
                      <ul>
                        <li><a href="#contact.html">Contact Us</a></li>
                        <li><a href="#signup.html">Create account</a></li>
                        <li><a href="#learn.html">Learning Center</a></li>
                        <li><a href="#career.html">Team</a></li>
                      </ul>
                    </div>
                    <div class="col-md-4 footer-list-28 mt-5">
                      <h6 class="footer-title-28">Product</h6>
                      <ul>
                        <li><a href="#URL">Market</a></li>
                        <li><a href="#URL">VIP</a></li>
                        <li><a href="#URL">Resources</a></li>
                        <li><a href="#URL">Sale</a></li>
                        <li><a href="#URL">Admin UI</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>


            <div class="midd-footer-28 align-center py-lg-4 py-3 mt-5">
              <div class="container">
                <p class="copy-footer-28 text-center">Copyright © 2012-2020 Beijing Bestone Cultrue Technology Development Co.,Ltd. All rights reserved.</p>
				<p class="copy-footer-28 text-center">北京博晟通 版权所有<a href="http://beian.miit.gov.cn/">京ICP备20006381号</a></p>
				
              </div>
            </div>
          </div>
        </footer>

        <!-- move top -->
        <button onclick="topFunction()" id="movetop" title="Go to top">
          &#10548;
        </button>
        <script>
          // When the user scrolls down 20px from the top of the document, show the button
          window.onscroll = function () {
            scrollFunction()
          };

          function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
              document.getElementById("movetop").style.display = "block";
            } else {
              document.getElementById("movetop").style.display = "none";
            }
          }

          // When the user clicks on the button, scroll to the top of the document
          function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
          }
        </script>
        <!-- /move top -->
      </section>
      <!-- //footer-28 block -->

      <!-- jQuery, Bootstrap JS -->
      <script src="assets/js/jquery-3.3.1.min.js"></script>
      <script src="assets/js/bootstrap.min.js"></script>

      <!-- Template JavaScript -->
      
      <script src="assets/js/owl.carousel.js"></script>

      <!-- script for owlcarousel -->
      <script>
        $(document).ready(function () {
          $('.owl-one').owlCarousel({
            loop: true,
            margin: 0,
            nav: true,
            responsiveClass: true,
            autoplay: false,
            autoplayTimeout: 5000,
            autoplaySpeed: 1000,
            autoplayHoverPause: false,
            responsive: {
              0: {
                items: 1,
                nav: false
              },
              480: {
                items: 1,
                nav: false
              },
              667: {
                items: 1,
                nav: true
              },
              1000: {
                items: 1,
                nav: true
              }
            }
          })
        })
      </script>
      <!-- //script for owlcarousel -->

      <!-- disable body scroll which navbar is in active -->
      <script>
        $(function () {
          $('.navbar-toggler').click(function () {
            $('body').toggleClass('noscroll');
          })
        });
      </script>
      <!-- disable body scroll which navbar is in active -->

      <script src="assets/js/jquery.magnific-popup.min.js"></script>
      <script>
        $(document).ready(function () {
          $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',

            fixedContentPos: false,
            fixedBgPos: true,

            overflowY: 'auto',

            closeBtnInside: true,
            preloader: false,

            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
          });

          $('.popup-with-move-anim').magnificPopup({
            type: 'inline',

            fixedContentPos: false,
            fixedBgPos: true,

            overflowY: 'auto',

            closeBtnInside: true,
            preloader: false,

            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-slide-bottom'
          });
        });
      </script>

</body>
</html>
