公司介绍

业务范围

大唐国旅自2000年成立至2019年底，公司累计接待及服务超过32万人
目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区。

出境游

入境游

国内游

机票预订

酒店预订

祺程旅行卡

直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>
.com-tree{margin:20px 0;border-bottom:1px solid #ccc;}
.com-tree a{display: inline-block;margin-right:10px;line-height:40px;color:#199ed8}
.com-tree a.current{color:#555;}

.zheng-jieshao .j-left{margin-top:100px;padding-right:30px;}
.zheng-jieshao .j-content{margin-top:-30px;padding:20px;padding-top:60px;background:#f5f5f5;  }

.index-com-box{padding:50px 0;}
.index-com-box .index-com-title{font-size:32px;text-align:center;color:#000;font-weight: bold;}
.index-com-box .index-com-descption{text-align: center;font-size:14px;line-height: 30px;color:#444;;margin-bottom:40px;}

/* 特色 */
.index-item23{margin-bottom:40px;  transition: all .3s;}
.index-item23:hover{box-shadow: 3px 3px 10px #b3d9ff;cursor: pointer;  margin-top: -8px;margin-bottom:48px;}
.index-item23 .t-top{background:#199ed8;padding:20px;color:#fff;text-align: center;
height:170px;}
.index-item23 .t-top h5{font-size:18px;line-height: 40px;}
.index-item23 .t-footer{border:1px solid #ccc;border-top:none;padding:20px;height:100px;}

</style>

HTML+JS代码

 
<div class=" container">
  <div class="com-tree">
      <a href="/">首页</a>>
      <a href="/" class="current">大唐国旅</a>>
    
  </div>

  <!-- 顶部介绍 -->
  <div class="zheng-jieshao">
      <div class="row">
          <div class="col-md-7  j-left">
              <img src="http://www.bootfastui.cn/img/2021/0329-3/logo3.png" class="center-block" width="300" style='box-shadow:0 0 5px #ccc;z-index: 9999;position:relative;backgrond:#aaa' />
              <div class="j-content">
                  <p>
                      河南大唐国际旅行社有限公司成立于2000年,总部设立在河南郑州,是经省旅游局批准的一家集出境游、入境游、国内游及机票、酒店预订等全方位的旅游服务为一体的现代化服务型企业。
                      大唐国旅自2000年成立至2019年底，公司累计接待及服务超过32万人，目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区。
                      大唐人始终秉承着“让每一次旅行都有‘家人’相伴”的企业服务理念，致力于让更多的国人走出家门、走出国门，享受生活，感受世界的美好，生活因旅游而更加美好。
                  </p>
              </div>
          </div>
          <div class="col-md-5">
              <img src="http://www.bootfastui.cn/img/2021/0329-3/ren.png" width="100%" style="margin-top:100px"/>
          </div>
      </div>
  </div>


</div>


<div class="index-com-box">
  <div class="container">
      <h3 class="index-com-title">业务范围</h3>
      <p class="index-com-descption">
          大唐国旅自2000年成立至2019年底，公司累计接待及服务超过32万人<br />目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区。</p>
      <div class="row">
          <div class="col-md-4">
              <div class="index-item23">
                  <div class="t-top">
                      <img src="http://www.bootfastui.cn/img/2021/0329-3/ico1.png" class="center-block" />
                      <h5>出境游</h5>
                  </div>
                  <div class="t-footer">
                      <p>目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区</p>
                  </div>
              </div>
          </div>
          <div class="col-md-4">
              <div class="index-item23">
                  <div class="t-top">
                      <img src="http://www.bootfastui.cn/img/2021/0329-3/ico2.png" class="center-block" />
                      <h5>入境游</h5>
                  </div>
                  <div class="t-footer">
                      <p>目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区</p>
                  </div>
              </div>
          </div>
          <div class="col-md-4">
              <div class="index-item23">
                  <div class="t-top">
                      <img src="http://www.bootfastui.cn/img/2021/0329-3/ico3.png" class="center-block" />
                      <h5>国内游</h5>
                  </div>
                  <div class="t-footer">
                      <p>目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区</p>
                  </div>
              </div>
          </div>
          <div class="col-md-4">
              <div class="index-item23">
                  <div class="t-top">
                      <img src="http://www.bootfastui.cn/img/2021/0329-3/ico4.png" class="center-block" />
                      <h5>机票预订</h5>
                  </div>
                  <div class="t-footer">
                      <p>目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区</p>
                  </div>
              </div>
          </div>
          <div class="col-md-4">
              <div class="index-item23">
                  <div class="t-top">
                      <img src="http://www.bootfastui.cn/img/2021/0329-3/ico5.png" class="center-block" />
                      <h5>酒店预订</h5>
                  </div>
                  <div class="t-footer">
                      <p>目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区</p>
                  </div>
              </div>
          </div>
          <div class="col-md-4">
              <div class="index-item23">
                  <div class="t-top">
                      <img src="http://www.bootfastui.cn/img/2021/0329-3/ico6.png" class="center-block" />
                      <h5>祺程旅行卡</h5>
                  </div>
                  <div class="t-footer">
                      <p>目前业务覆盖中国、日本、韩国、东南亚、中东、非洲、北美洲、欧洲、大洋洲等国家和地区</p>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>