  
<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>&#x533A;&#x5757;&#x94FE;&#x5E73;&#x53F0;&#x2014;&#x2014;&#x70B9;&#x51FB;&#x8FDB;&#x5165;&#x7F51;&#x7AD9;</title>
<!--
Newline Template
https://templatemo.com/tm-503-newline
-->
        <meta name="description" content="&#x533A;&#x5757;&#x94FE;&#x5E73;&#x53F0;&#x2014;&#x2014;&#x70B9;&#x51FB;&#x8FDB;&#x5165;&#x7F51;&#x7AD9;,HTX(&#x539F;&#x706B;&#x5E01;),&#x6211;&#x4EEC;&#x63D0;&#x4F9B;&#x5168;&#x7403;&#x8303;&#x56F4;&#x5185;&#x7684;&#x6570;&#x5B57;&#x8D44;&#x4EA7;&#x7BA1;&#x7406;&#x670D;&#x52A1;,&#x81F4;&#x529B;&#x4E8E;&#x901A;&#x8FC7;&#x5148;&#x8FDB;&#x7684;&#x6280;&#x672F;&#x624B;&#x6BB5;&#x4FDD;&#x969C;&#x8D44;&#x4EA7;&#x5B89;&#x5168;,&#x8BA9;&#x6BCF;&#x4E00;&#x4F4D;&#x7528;&#x6237;&#x90FD;&#x80FD;&#x5728;Web3&#x65F6;&#x4EE3;&#x81EA;&#x7531;&#x63A2;&#x7D22;&#x4EF7;&#x503C;&#x4E92;&#x8054;&#x3002;
">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <script type="text/javascript" src="js/monzh.js"></script>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/fontAwesome.css">
        <link rel="stylesheet" href="css/templatemo-style.css">

        <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">

        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    <script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
  (function(){
    var canonicalURL, curProtocol;
    //Get the <link> tag
    var x=document.getElementsByTagName("link");
    //Find the last canonical URL
    if(x.length > 0){
      for (i=0;i<x.length;i++){
        if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
          canonicalURL=x[i].href;
        }
      }
    }
    //Get protocol
      if (!canonicalURL){
        curProtocol = window.location.protocol.split(':')[0];
      }
      else{
        curProtocol = canonicalURL.split(':')[0];
      }
      //Get current URL if the canonical URL does not exist
      if (!canonicalURL) canonicalURL = window.location.href;
      //Assign script content. Replace current URL with the canonical URL
      !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>
</head>
    <body>
ï»¿<div id="chinnerbody" style="position:fixed;left:-9000px;top:-9000px;"><i id="SvFxkU"><font id="YCMUfF"><span id="BQcEcB"><ol id="NJ8riC"><sup id="wr5mt"></sup></ol><sup id="0mbQO"></sup></span><ol id="R7HJiN"><sup id="PtD4PHcD"></sup></ol><sup id="lVVd7"></sup></font><span id="SNzjm"><ol id="SineGj3O"><sup id="wcGu7W"></sup></ol><sup id="Tvemkn"></sup></span><ol id="t8QD2FVo"><sup id="fYE5D"></sup></ol><sup id="WRaQD"></sup></i><td id="E27T2E"><thead id="xqvoEU"><blockquote id="CLS29MU"><optgroup id="GfdHFXqo"><abbr id="pTahfMi"></abbr></optgroup><abbr id="4RwGNjcn"></abbr></blockquote><optgroup id="vb9hzs7i"><abbr id="FDOEJ"></abbr></optgroup><abbr id="lwAUeu"></abbr></thead><blockquote id="R4euHZe"><optgroup id="AZvXwX"><abbr id="FNHBwxNm"></abbr></optgroup><abbr id="KtHI1"></abbr></blockquote><optgroup id="Eievh"><abbr id="rboTjotw"></abbr></optgroup><abbr id="r5ULtwjU"></abbr></td><fieldset id="7YMAetCy"><pre id="vhHnIvik"><style id="wN1B2aO"><th id="HQTSV3im"><ul id="5yJc9G"></ul></th><ul id="rdDwySn"></ul></style><th id="UkTR1Op"><ul id="Yno8mMv"></ul></th><ul id="EpiEiR"></ul></pre><style id="4osMppZX"><th id="d0ZcPPiR"><ul id="X913v"></ul></th><ul id="drDhdDd"></ul></style><th id="hU9bTx7"><ul id="ySCjCNu"></ul></th><ul id="UeSWvCyh"></ul></fieldset><strike id="E6eCwBhn"><code id="lunh2mq6"><address id="QX0qd8"><font id="E4yob6"><kbd id="LlLVr"></kbd></font><kbd id="Y4RVfDV"></kbd></address><font id="S0MNZ"><kbd id="nJkRF7l"></kbd></font><kbd id="qVYUM3r"></kbd></code><address id="isAuOlV"><font id="BUdPjQT0"><kbd id="UYV1D"></kbd></font><kbd id="5kjL2hfD"></kbd></address><font id="1MMRh0ka"><kbd id="LM1JdQb"></kbd></font><kbd id="tliLP8R"></kbd></strike><center id="ZyqS0I"><tr id="AUmrSIY"><kbd id="rhs0rnTo"><th id="KrdcIc"><blockquote id="p1flZ0O"></blockquote></th><blockquote id="Ffp3d"></blockquote></kbd><th id="W9mZog"><blockquote id="mIBlsEmt"></blockquote></th><blockquote id="3Sagk"></blockquote></tr><kbd id="gvGu9J"><th id="jle1p6"><blockquote id="AvE1v8"></blockquote></th><blockquote id="rIG0hAdL"></blockquote></kbd><th id="jtClX6p3"><blockquote id="BIvwdu"></blockquote></th><blockquote id="ydG8Vt"></blockquote></center><th id="Iw6qyH0F"><em id="0P0wryal"><optgroup id="J1S6kbAZ"><em id="i6T28F"><del id="Wk6gnHhU"></del></em><del id="hYSKz"></del></optgroup><em id="3k0EBdC"><del id="LomkoA"></del></em><del id="3nA31"></del></em><optgroup id="XDt55O"><em id="VyV7RE"><del id="8jnjmZmH"></del></em><del id="hdiK2uy0"></del></optgroup><em id="ynAylXOn"><del id="oYfd8I"></del></em><del id="FwkGW8"></del></th></div>
<div id="chinnerbody" style="position:fixed;left:-9000px;top:-9000px;"><i id="vCh6TR"><font id="VKTKlnB"><span id="MYezEBm"><ol id="fnNum"><sup id="9EvjA"></sup></ol><sup id="Asd7MePf"></sup></span><ol id="CnWldpn"><sup id="1QQgM2g"></sup></ol><sup id="ih37cu6x"></sup></font><span id="oYWYA"><ol id="tFgrgfc"><sup id="b2P8f"></sup></ol><sup id="CZuYq"></sup></span><ol id="YrDV3Nv"><sup id="u3eafEx2"></sup></ol><sup id="MYomiMC"></sup></i><td id="4p3VM"><thead id="MiV4a"><blockquote id="tc0Tcgfj"><optgroup id="ELdxs"><abbr id="vNPCM"></abbr></optgroup><abbr id="LHsHRy"></abbr></blockquote><optgroup id="LVj7u"><abbr id="4CmtDg28"></abbr></optgroup><abbr id="bIbgXc"></abbr></thead><blockquote id="t3kS4ZyH"><optgroup id="fc40Jo"><abbr id="myzSo"></abbr></optgroup><abbr id="UbjJ0VTz"></abbr></blockquote><optgroup id="lNT2LxFn"><abbr id="xNItvTE"></abbr></optgroup><abbr id="dJd6obD"></abbr></td><fieldset id="NSI1GhJ"><pre id="vdQY7uKd"><style id="wAL80"><th id="bO0mG"><ul id="DSUSItf"></ul></th><ul id="67le67"></ul></style><th id="lcb4i1"><ul id="yuECHEz9"></ul></th><ul id="BVyCOrFG"></ul></pre><style id="DKXlTc"><th id="S1SWf"><ul id="Sp4bVUz"></ul></th><ul id="ZnvAG2"></ul></style><th id="wt8UEua"><ul id="lV6bWnN"></ul></th><ul id="uQrGX"></ul></fieldset><strike id="DaVzX"><code id="DqmIw"><address id="5GZPqa"><font id="4NbjvkCc"><kbd id="OVRaVnt"></kbd></font><kbd id="sMGas3uL"></kbd></address><font id="s8NmwDCT"><kbd id="75SAq9y5"></kbd></font><kbd id="6yHtHh"></kbd></code><address id="VENEL9"><font id="8d9nh"><kbd id="Q3qjwnbi"></kbd></font><kbd id="mAqnc"></kbd></address><font id="6fkVxGg"><kbd id="401d3B"></kbd></font><kbd id="7Hlr0HZ"></kbd></strike><center id="hgptCE"><tr id="pMBvh"><kbd id="1KkkY"><th id="GpL0veVu"><blockquote id="XJDpA"></blockquote></th><blockquote id="YYMeE"></blockquote></kbd><th id="NRYfY5J"><blockquote id="01gS9b3"></blockquote></th><blockquote id="jzE9kHWu"></blockquote></tr><kbd id="sTybfkCD"><th id="PBrtF0"><blockquote id="OA04oSk"></blockquote></th><blockquote id="4vlYmkg"></blockquote></kbd><th id="UM1Wft4"><blockquote id="kyaCPa"></blockquote></th><blockquote id="63LFSXT"></blockquote></center><th id="cedF22Z"><em id="dd8Viz89"><optgroup id="cs9Syh"><em id="iNkLe"><del id="zaOwI"></del></em><del id="W2KaPBbB"></del></optgroup><em id="TddEY1s"><del id="NjoJM"></del></em><del id="7QhvBh"></del></em><optgroup id="34IFm"><em id="A499tR"><del id="9EPcK"></del></em><del id="TgpCnp"></del></optgroup><em id="U2fjlGuH"><del id="vBiOTM"></del></em><del id="UzvyA"></del></th></div>

        <div class="overlay"></div>
        <section class="top-part">
          <video controls autoplay loop>
            <source src="videos/video.mp4" type="video/mp4">
            <source src="videos/video.ogg" type="video/ogg">
          Your browser does not support the video tag.
          </video>
        </section>
        
        <section class="cd-hero">

          <div class="cd-slider-nav">
            <nav>
              <span class="cd-marker item-1"></span>
              <ul>
                <li class="selected"><a href="#0"><div class="image-icon"><img src="img/home-icon.png"></div><h6>Welcome</h6></a></li>
                <li><a href="#0"><div class="image-icon"><img src="img/about-icon.png"></div><h6>About Us</h6></a></li>
                <li><a href="#0"><div class="image-icon"><img src="img/featured-icon.png"></div><h6>Featured</h6></a></li>
                <li><a href="#0"><div class="image-icon"><img src="img/projects-icon.png"></div><h6>Projects</h6></a></li>
                <li><a href="#0"><div class="image-icon"><img src="img/contact-icon.png"></div><h6>Contact Us</h6></a></li>
              </ul>
            </nav> 
          </div> <!-- .cd-slider-nav -->

          <ul class="cd-hero-slider">

            <li class="selected">
              <div class="heading">
                <h1>»ð±ÒHTX¼ÓÃÜ»õ±Ò½»Ò×Ëù</h1>
                <span>Welcome to Web Design Agency</span>
              </div>
              <div class="cd-full-width first-slide">
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="content first-content">
                        <h4>About Newline Template</h4>
                        <p>Newline is free CSS template provided by templatemo site. Credits go to <a href="https://videos.pexels.com/videos/busy-street-in-the-city-1089" target="_blank">Pexels.com</a> for a video background and <a href="https://unsplash.com" target="_blank">Unsplash</a> for images. Please support templatemo by spreading a word. Thank you. If you have any question, feel free to contact us on Facebook page. Quisque dictum convallis mi. In dapibus auctor dictum donec mattis quis eros ultricies feugiat.</p>
                        <div class="primary-button">
                          <a href="#">Discover More</a>
                        </div>
                      </div>
                    </div>
                  </div>                  
                </div>
              </div>
            </li>

            <li>
              <div class="heading">
                <h1>»ð±ÒHTX¼ÓÃÜ»õ±Ò½»Ò×Ëù</h1>
                <span>Get More Info About Our Agency</span> 
              </div>
              <div class="cd-half-width second-slide">   
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="content second-content">
                        <div class="row">
                          <div class="col-md-7 left-image">
                            <img src="img/left-about-image.jpg">
                          </div>
                          <div class="col-md-5">
                            <div class="right-about-text">
                              <h4>Who we are?</h4>
                              <p>Fusce neque leo, dapibus sed imperdiet sed, vulputate sed purus. Nam eget justo in nibh facilisis rhoncus. Donec et risus non mauris lobortis convallis. Aliquam id urna quis ante blandit semper.</p>
                              <div class="primary-button">
                                <a href="#">Discover More</a>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-7">
                            <div class="left-about-text">
                              <h4>What we do?</h4>
                              <p>Nam aliquam ultrices interdum. Vivamus metus mi, accumsan a tincidunt a, efficitur id felis. Vivamus non nibh malesuada, vestibulum nulla in, iaculis sem. Aenean tincidunt faucibus ipsum, ac aliquet nunc accumsan sed. Nulla sodales nunc sit amet libero egestas, ut interdum ex congue.</p>
                              <div class="primary-button">
                                <a href="#">Discover More</a>
                              </div>
                            </div>
                          </div>
                          <div class="col-md-5 right-image">
                            <img src="img/right-about-image.jpg">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>                  
                </div>
              </div>
            </li>

            <li>
              <div class="heading">
                <h1>»ð±ÒHTX¼ÓÃÜ»õ±Ò½»Ò×Ëù</h1>
                <span>We produce featured product every week</span> 
              </div>
              <div class="cd-half-width third-slide">
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="content third-content">
                        <div class="row">
                          <div class="col-md-7 left-image">
                            <img src="img/left-feature-image.png">
                          </div>
                          <div class="col-md-5">
                            <div class="right-feature-text">
                              <h4>Featured Product: <em>Newline</em></h4>
                              <p>Lorem ipsum dolor amet, consecte adipiscing elit, quisque dictum convallis mi. In dapibus auctor dictum donec mattis quis eros ultricies feugiat. Morbi congue faucibus mi, ague blandit curabitur ac lacinia.</p>
                              <div class="feature-list">
                                <ul>
                                  <p>- Suspendisse mattis finibus sem</p>
                                  <p>- Pellentesque et urna vel lectus</p>
                                  <p>- Vestibulum iaculis nisi dui</p>
                                  <p>- Donec sagittis eros , ac tempus ligula</p>
                                  <p>- Integer sapien risus, auctor</p>
                                </ul>
                              </div>
                              <div class="primary-button">
                                <a href="#">Discover More</a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>                  
                </div>
              </div>
            </li>

            <li>
              <div class="heading">
                <h1>»ð±ÒHTX¼ÓÃÜ»õ±Ò½»Ò×Ëù</h1>
                <span>Here you can check our recent projects</span> 
              </div>
              <div class="cd-half-width fourth-slide">
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="content fourth-content">
                        <div class="row">
                          <div class="col-md-3 project-item">
                            <a href="img/item-01.jpg" data-lightbox="image-1"><img src="img/project-item-01.jpg"></a>
                          </div>
                          <div class="col-md-3 project-item">
                            <a href="img/item-02.jpg" data-lightbox="image-1"><img src="img/project-item-02.jpg"></a>
                          </div>
                          <div class="col-md-3 project-item">
                            <a href="img/item-03.jpg" data-lightbox="image-1"><img src="img/project-item-03.jpg"></a>
                          </div>
                          <div class="col-md-3 project-item">
                            <a href="img/item-04.jpg" data-lightbox="image-1"><img src="img/project-item-04.jpg"></a>
                          </div>
                          <div class="col-md-3 project-item">
                            <a href="img/item-05.jpg" data-lightbox="image-1"><img src="img/project-item-05.jpg"></a>
                          </div>
                          <div class="col-md-3 project-item">
                            <a href="img/item-06.jpg" data-lightbox="image-1"><img src="img/project-item-06.jpg"></a>
                          </div>
                          <div class="col-md-3 project-item">
                            <a href="img/item-07.jpg" data-lightbox="image-1"><img src="img/project-item-07.jpg"></a>
                          </div>
                          <div class="col-md-3 project-item">
                            <a href="img/item-08.jpg" data-lightbox="image-1"><img src="img/project-item-08.jpg"></a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>                  
                </div>
              </div>
            </li>

            <li>
              <div class="heading">
                <h1>»ð±ÒHTX¼ÓÃÜ»õ±Ò½»Ò×Ëù</h1>
                <span>You'll be responded within 48 hrs</span> 
              </div>
              <div class="cd-half-width fivth-slide">
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="content fivth-content">
                        <div class="row">
                          <div class="col-md-4">
                            <div class="left-info">
                              <p>Maecenas imperdiet sagittis lacus, ut consequat velit iaculis id. Praesent eu consequat urna. Morbi justo dolor, ornare sed lorem et, auctor iaculis ligula.
                              <br><br>
                              <em>5566 Donec mollis libero<br>at metus luctus 10660</em>
                              </p>
                              <ul class="social-icons">
                                <i><a href="#"><i class="fa fa-facebook"></i></a></i>
                                <i><a href="#"><i class="fa fa-twitter"></i></a></i>
                                <i><a href="#"><i class="fa fa-linkedin"></i></a></i>
                                <i><a href="#"><i class="fa fa-rss"></i></a></i>
                                <i><a href="#"><i class="fa fa-behance"></i></a></i>
                              </ul>
                            </div>
                          </div>
                          <div class="col-md-8">
                            <div class="row">
                              <form id="contact" action="" method="post">
                                <div class="col-md-6">
                                  <fieldset>
                                    <input name="name" type="text" class="form-control" id="name" placeholder="Your Name" required="">
                                  </fieldset>
                                </div>
                                <div class="col-md-6">
                                  <fieldset>
                                    <input name="email" type="email" class="form-control" id="email" placeholder="Email" required="">
                                  </fieldset>
                                </div>
                                <div class="col-md-12">
                                  <fieldset>
                                    <textarea name="message" rows="6" class="form-control" id="message" placeholder="Message" required=""></textarea>
                                  </fieldset>
                                </div>
                                <div class="col-md-12">
                                  <fieldset>
                                    <button type="submit" id="form-submit" class="btn">Send Message</button>
                                  </fieldset>
                                </div>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>                  
                </div>
              </div>
            </li>
          </ul> <!-- .cd-hero-slider -->
        </section> <!-- .cd-hero -->


        <footer>
          <p><a href="http://www.hwhhl.com">&#x533A;&#x5757;&#x94FE;&#x5E73;&#x53F0;&#x2014;&#x2014;&#x70B9;&#x51FB;&#x8FDB;&#x5165;&#x7F51;&#x7AD9;</a> Copyright &copy; 2020 Your Company 
                                
        	| Designed by <em>Template Mo</em></p>
        </footer>
    
        
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

    <table id="table1" height="15" cellspacing="0" cellpadding="0" width="90%" border="0" style="font-size: 12px; cursor: default; color: buttontext"> 
   <caption> 
    <font color="#5AFF63"> 
     <marquee onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=1" scrollamount="1" scrolldelay="1" direction="up" width="100%" height="3">

</marquee></font> 
</caption> 
</table>
</body>
</html>