<!DOCTYPE html>

<html lang="zh-CN">


<head>

  <meta charset="gb2312">
  <meta name="360-site-verification" content="d847469f14ba0cbc3b22ae2af0eb11ff" />
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">

  <title>浩通集团 国际货运 物贸一体化 中非经贸</title>

  <meta name="keywords" content="国际货运|国际货运代理|海运|多式联运|空运|快件|陆运|仓储服务|报关行|特种联运服务|保险代理|代理报关报检">
  <meta name="description"
    content="浩通国际货运代理有限公司经营范围涵盖海运、空运进出口货物、国际展品和过境货物的国际运输代理业务，包括揽货、仓储、中转、集装箱拼装拆箱、结算运杂费、报关、报验、保险、相关的短途运输服务及咨询业务；办理国际快递（不含私人信函和县级以上党政军机关公文的寄递业务）；道路普通货运、道路货物专用运输（集装箱）、道路大型物件运输（一类）。">

  <!-- <link rel="stylesheet" href="index/css/swiper-bundle.min.css"> -->
  <link rel="stylesheet" href="index/css/jquery.fullPage.css">
  <link rel="stylesheet" href="index/font/about/iconfont.css">
  <link rel="stylesheet" href="index/css/css.css?2">
  <link rel="stylesheet" href="index/css/btn.css">
  <link rel="stylesheet" href="index/css/idangerous.swiper.css">
  <!-- 视频 -->
  <link rel="stylesheet" href="index/css/video.css" />
  <link rel="stylesheet" href="index/conter/mod.css" />

  <!-- 新闻 -->
  <link rel="stylesheet" type="text/css" href="index/new/lib2.css">
  <link rel="stylesheet" type="text/css" href="index/new/style.23350.css">
  <script type="text/javascript" src="index/new/jquery.min.js"></script>
  <script type="text/javascript" src="index/new/org.1494058893.js?1" data-main="indexMain"></script>
  <script type="text/javascript" src="index/new/23350.js?1"></script>

  <style>
    a {
      text-decoration: none
    }

  
    @media (max-width: 1300px) {
      .header ul li {
        font-size: 14px !important;
      }
    }


    /* 客服向上 */
    .kefu_up {
      position: fixed;
      right: 20px;
      top: 40%;
      z-index: 999;
    }

    .kefu_up .Icon {
      width: 40px;
      height: 40px;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      line-height: 40px;
      text-align: center;
      margin: 10px 0;
    }

    .kefu_up .upIcon {
      font-size: 15px;
      color: #fff !important;
      position: relative;

    }

    .upIconCard {

      background-color: #fff;
      color: #999;
      border-radius: 15px;
      width: 80px;
      font-size: 12px;
      height: 30px;
      line-height: 30px;


    }

    .upIconover {
      position: absolute;
      display: none;
      top: 15px;
      right: 42px;
    }

    .kefu_up .topIcon:hover .upIconover {
      display: block;

    }

    .kefu_up .Icon:hover {
      background-color: rgba(212, 48, 48, .8) !important;
      color: #fff !important;

    }

    .upIconover1 {
      position: absolute;
      display: none;
      top: 66px;
      right: 42px;
    }

    .kefu_up .kfIcon:hover .upIconover1 {
      display: block;

    }

    .kefu_up .Icon:hover .kefuIcon {
      color: #fff !important;

    }

    .kefu_up .kefuIcon {
      font-size: 20px;
      color: rgba(212, 48, 48, 1);
      cursor: pointer;
      position: relative;
    }

    /* 滚动样式点 */

    #fullPage-nav {
      top: 90%;
      left: 10%;
    }

    #fullPage-nav.left {
      left: 10% !important;
    }

    #fullPage-nav ul {
      display: flex;
      align-items: center;
    }

    #fullPage-nav ul span {
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #fff;
      display: block;
      margin: 2px 0 0 2px;
      border: none;

    }

    #fullPage-nav ul .active span {
      width: 4px;
      height: 4px;
      background: transparent;
      border: 2px solid #fff;
      padding: 2px;
      margin-top: -2px;
    }

    /* ---------------end滚动样式点-------------- */
    /* 轮播图 */


    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }




    .pagination {
      position: absolute;
      bottom: 20%;
      margin-left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: flex-end;
    }

    .swiper-pagination-switch {
      width: 40px;
      height: 8px;
      opacity: 1;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.5);
      margin-left: 10px;
    }

    .swiper-active-switch {
      width: 100px;
      height: 8px;
      opacity: 1;
      animation-duration: 3s;
      border-radius: 10px;
      background: rgba(255, 255, 255, 1);
    }

    /* 轮播图背景 */


    .swipeImgMod {
      background-image: url('index/img/mod.jpg');
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .swipeImg {
      /* background-image: url('img/banner.jpg'); */
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    /* .swiper-slide::after {
      content: '';
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 37, 97, 0.8) 0%, rgba(0, 37, 97, 0.3) 100%);
    } */

    /*--------------------end轮播图--------------------- */
    /* 第二屏 */
    .section2Center {
      width: 100%;
      height: 100%;

    }


    .bg1 {
      background-image: url('index/img/ywbg_01.jpg?20240821');
      background-repeat: no-repeat;
      background-size: 100% 100%;

    }

    .bg2 {
      background-image: url('index/img/ywbg_02.jpg?20240821');
      background-repeat: no-repeat;
      background-size: 100% 100%;

    }

    .bg3 {
      background-image: url('index/img/ywbg_03.jpg');
      background-repeat: no-repeat;
      background-size: 100% 100%;

    }

    .bg4 {
      background-image: url('index/img/ywbg_04.jpg');
      background-repeat: no-repeat;
      background-size: 100% 100%;

    }

    @media (max-width: 980px) {
      .bg1 {
        background-image: url('index/img/ywbg_01Mod.jpg?1');
      }

      .bg2 {
        background-image: url('index/img/ywbg_02Mod.jpg');
      }

      .bg3 {
        background-image: url('index/img/ywbg_03Mod.jpg');
      }

      .bg4 {
        background-image: url('index/img/ywbg_04Mod.jpg');
      }
    }

    .news {
      background-position: initial;
      background-size: cover;
      background-repeat: no-repeat;
      background: linear-gradient(180deg, rgba(0, 37, 97, 0.8) 0%, rgba(0, 37, 97, 0.3) 100%);
      background-size: 100% 100%;
      background-image: url(index/img/xwbg.jpg);
    }

    /* .mlist ::before {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      background: linear-gradient(180deg, rgba(0, 37, 97, 0.8) 0%, rgba(0, 37, 97, 0.3) 100%);
    } */

    /*第三屏幕 新闻*/
    .section4 {
      position: relative;
    }

    .ff_indexPage {
      position: absolute;
      top: 0;
    }

    .section.footerss .fp-tableCell {
      display: block !important;
    }

    .section4 {
      position: relative;
      width: 100%;
      background-color: rgba(0, 54, 104, 1);
    }

    /* 底部 */
    #footers {
      position: absolute;
      top: 0;
      border-top: 1px rgba(212, 48, 48, 1) solid;
      /* left: 5%; */

    }

    /* 底部滚到动画 */

    .margin400-1 {
      /* 474 */
      transition: all 0.7s ease-out;
      /* translate3d(0px, -2769px, 0px) */
      /* transform: translate3d(0px, -2285px, 0px) !important; */
    }
  </style>
  <!-- <script src="index/js/jquery-1.8.3.min.js"></script> -->
  <!-- Swiper JS -->
  <script src="index/js/jquery-ui-1.10.3.min.js"></script>
  <script src="index/js/jquery.easing.js"></script>
  <script src="index/js/jquery.fullPage.min.js"></script>
  <script src="index/js/main.js?1"></script>

  <script>
    // 获取高度宽度
    var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    // 点击登录按钮显示登录页面
    function is_login(e) {
      if (e == 'hide') {
        $("#login_class").hide();
      } else {
        // 阻止事件冒泡
        event.stopPropagation();
        $("#login_class").show();
      }
    }

    function langFun() {
      event.stopPropagation();
      $("#login_class").show();
      setTimeout(function () {
        var lang = localStorage.getItem("to");
        if (lang == 'english') {
          $(".english").css("color", "#D43030");
          $(".chinese").css("color", "#666");
          $("#myMenu ul a").css("width", "100px");
          $(".search .center").css("margin", "0 50px");

        } else {
          $(".english").css("color", "#666");
          $(".chinese").css("color", "#D43030");
          $("#myMenu ul a").css("width", "auto");
          $(".search .center").css("margin", "0 80px");
        }
      }, 100)
    }


    // var height = windowHeight * 5 + 522;
    // var width = windowWidth * 5 + 522;



    // 处理页面滚动
    $(document).ready(function () {
      // 获取当前锚点
      var anchor = location.hash.substring(1);
      // if (anchor == 'page1') {
      //   $('#fullPage-nav').hide();
      // }
      $.fn.fullpage({
        slidesColor: ['#003668', '#003668', '#003668', '#003668', '#003668', '#003668', '#003668'],
        anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'footerss'],
        scrollingSpeed: 200,
        css3: true, //需要把这个值设置为false
        navigationPosition: 'left',
        easing: 'easeInQuart', //之后你就可以随意选择easing.js里面的动画效果名称了
        menu: '#myMenu,#icon,#myMenuMod',
        navigation: true,


        afterLoad: function (anchorLink, index) {
          $("#login_class").hide();
          if (index == 1) {
            $('#fullPage-nav').show();
          }
          // 综合物流服务
          if (index == 2) {
            $('.sectionHeard').addClass('wow');
            $('.TitleImg').addClass('wow1');
          }
          // 供应链管理
          if (index == 3) {
            $('.sectionHeard').addClass('wow');
            $('.TitleImg').addClass('wow1');

          }
          // 信息技术
          if (index == 4) {
            $('.sectionHeard').addClass('wow');
            $('.TitleImg').addClass('wow1');
          }
          // 教育咨询
          if (index == 5) {
            $('.sectionHeard').addClass('wow');
            $('.TitleImg').addClass('wow1');
          }

          if (index == 6) {

            var container_header = document.getElementById('container_header');
            container_header.classList.add('wow');
            $('.container_category').addClass('wow');
            $('.item_block_0').addClass('wow');
            $('.item_block_1').addClass('wow');
            $('.item_block_2').addClass('wow');
            $('.item_block_3').addClass('wow');
          }
          // 底部
          if (index == 7) {
            if (windowWidth > 980) {
              $('.header').addClass('bg7');
              $('#fullPage-nav').hide();
              $('#superContainer').addClass('margin400-1');
              var r = 'translate3d(0px, -' + height + 'px, 0px)'
              $('.margin400-1').css('transform', r)
            }

          }

        },
        onLeave: function (index, direction) {
          if (index == 1) {
            $('#fullPage-nav').show();
          }

          // 综合物流服务
          if (index == 2) {
            $('.sectionHeard').removeClass('wow');
            $('.TitleImg').removeClass('wow1');
          }
          // 供应链管理
          if (index == 3) {
            $('.sectionHeard').removeClass('wow');
            $('.TitleImg').removeClass('wow1');
          }
          // 信息技术
          if (index == 4) {
            $('.sectionHeard').removeClass('wow');
            $('.TitleImg').removeClass('wow1');
          }
          // 教育咨询
          if (index == 5) {
            $('.sectionHeard').removeClass('wow');
            $('.TitleImg').removeClass('wow1');
          }
          if (index == '6') {
            var container_header = document.getElementById('container_header');
            container_header.classList.remove('wow');
            $('.container_category').removeClass('wow');
            $('.item_block_0').removeClass('wow');
            $('.item_block_1').removeClass('wow');
            $('.item_block_2').removeClass('wow');
            $('.item_block_3').removeClass('wow');

          }
          if (index == '7') {
            $('.header').removeClass('bg7');
            $('#fullPage-nav').show();
            $('#superContainer').removeClass('margin400-1');
          }
        }
      });

    });
  </script>

</head>

<body onclick="is_login('hide')">
  <!-- 加载页 -->
  <div class="preloader">
    <div class="loader">
      <!-- <div class="shadow"></div> -->
      <div class="box">
        <div>
          <img style="width: 100%;height: 100%;" src="index/img/1001.gif" alt="">
          <div class="preloaderTilte fontSize16">
            请等待，正在进入浩通集团官网 <span class="dot-ani"></span>
          </div>
        </div>

      </div>
    </div>
  </div>
  <!-- 客服向上 -->
  <div class="kefu_up" id="icon">
    <!-- 向上 -->
    <a href="#page1">
      <div class="Icon topIcon">
        <span class="iconfont icon-shangla upIcon"></span>
        <div class="upIconCard upIconover">回到顶部</div>
      </div>
    </a>
    <!-- 客服 -->
    <div class="Icon kfIcon" onclick="kf()">
      <span class="iconfont icon-kefu kefuIcon"></span>
      <div class="upIconCard upIconover1">微信客服</div>
    </div>
  </div>
  <!-- 视频中文 -->
  <div id='gray_box' style="position: absolute;top: 0;width: 100%;height: 100vh;
    background-color: rgba(0, 0, 0, .5);z-index: 998;">
    <!-- 视频 -->
    <div id='video_index_gray_div' style="height: 100%;" onclick="hide_video()">

      <video onclick="deleteProfessionStation()" id="video_index_gray" class="gray_video" controls="controls"
        :autoplay="true" muted>
        <source src="https://www.sinoetrade.com/publicity/cn.mp4" type="video/mp4" />
        Your browser does not support the video tag.
      </video>
    </div>
  </div>
  <!-- 视频英文 -->
  <div id='gray_boxEn' style="position: absolute;top: 0;width: 100%;height: 100vh;
    background-color: rgba(0, 0, 0, .5);z-index: 998;">
    <!-- 视频 -->
    <div id='video_index_gray_divEn' style="height: 100%;" onclick="hide_videoEn()">
      <video onclick="deleteProfessionStationEn()" id="video_index_grayEn" class="gray_video" controls="controls"
        :autoplay="true" muted>
        <source src="https://www.sinoetrade.com/publicity/en.mp4" type="video/mp4" />
        Your browser does not support the video tag.
      </video>
    </div>
  </div>


  <!-- 头部 -->
  <div class="header" id="myMenu">
    <div class="main flex">
      <img class="lazy-image" data-src="index/img/ico.png" alt="" title="湖南浩通控股集团有限公司"
        onclick="javascript:window.location.href='/'">
      <ul class="fontSize16">
        <a href="/">
          <li class="aciveIndex">首页</li>
        </a>
        <a href="index/?s">
          <li>关于浩通<span class="iconfont icon-xiala-"
              style="font-size: 12px;font-weight: bold;padding-left: 5px;"></span></li>
        </a>
        <a href="index/?e">
          <li>核心业务 <span class="iconfont icon-xiala-"
              style="font-size: 12px;font-weight: bold;padding-left: 5px;"></span></li>
        </a>
        <a href="index/?j">
          <li>全球战略</li>
        </a>
        <a href="index/?k">
          <li>可持续发展</li>
        </a>
        <a href="index/?m">
          <li>新闻资讯<span class="iconfont icon-xiala-"
              style="font-size: 12px;font-weight: bold;padding-left: 5px;"></span></li>
        </a>
        <a href="index/?n">
          <li>人才招聘</li>
        </a>
        <a href="index/?p">
          <li>联系我们</li>
        </a>

      </ul>
      <div style='display: flex;align-items: center;'>
        <div class="about-btn-box" onclick="is_login()">
          <a class="default-btn login">
            <i class="iconfont icon-yonghu loginicon fontSize14"></i>登录
            <span></span>
          </a>
        </div>
        <div style='padding-left:20px'>
          <a class="english fontSize14" href="/?lang=en">En</a>
          <a class="chinese fontSize14" href="/">/中文</a>
          <!-- <a class="english fontSize14" href="javascript:translate.changeLanguage('english');">En</a> -->
          <!-- <a class="chinese fontSize14" href="javascript:translate.changeLanguage('chinese_simplified');">/中文</a> -->
        </div>
      </div>



    </div>
    <!-- 登录 -->
    <div id="login_class" class="main loginCourrt">
      <div class=" lbt_conter_log lbt_conter_web wx_flex wx_end">
        <span class="triangle"></span>
        <div class="lbt_conter_box" onclick="is_stopPropagation()">
          <form method="post" id="form1" action="/" name="form1" onsubmit="return check(this)">
            <input type="hidden" name="action" value="lg">
            <div class="lgo_top">
              <div class="lgo_title">
                账号登录
              </div>
              <div class="lgo_input">
                <input id="inputUserName" oninput="lgo_blur()" type="text" name="inputUserName" placeholder="ID / 姓名"
                  value="">
              </div>
              <div class="lgo_input">
                <input id="inputPassWord" oninput="lgo_blur()" name="inputPassWord" type="password" placeholder="请输入密码">
                <span class="iconfont icon-guanbichakan icon_ship "> </span>
                <!-- <span class="iconfont icon-xianshi_chakan icon_ship "> </span> -->
              </div>
              <div class="lgo_input">
                <input id="Captcha" oninput="lgo_blur()" type="text" name="Captcha" placeholder="验证码">
                <img style="width:95px;" src="/?create" alt="点击刷新" onClick="this.src='/?create'" />
              </div>
              <div class="">
                <input type="hidden" name="is_login" id="is_login" >
                <div class="lgo_bot" id="login_btn" onclick="lgo_bot()">
                  登录
                </div>
              </div>
            </div>
          </form>
          <!-- 底部 -->
          <div class="lgo_fot">
            <div class="fot_li">
              <a target="_blank" href="/?a=1">
                <span class="iconfont icon-zhuce  fot_icon"> </span>
                <div class="fot_text">注册</div>
              </a>
            </div>
            <div class="fot_li">
              <a target="_blank" href="/?a=2">
                <span class="iconfont icon-wangjimima1  fot_icon"> </span>
                <div class="fot_text">忘记密码</div>
              </a>
            </div>
            <div class="fot_li">
              <a href="http://mail.hital.com/" target="_blank" rel="noopener noreferrer">
                <span class="iconfont icon-youxiang  fot_icon"> </span>
                <div class="fot_text">公司邮箱</div>
              </a>
            </div>
            <div class="fot_li">
              <a href="/hitalkhelp/Reg-explain.htm" target="_blank" rel="noopener noreferrer">
                <span class="iconfont icon-bangzhuzhongxin  fot_icon"> </span>
                <div class="fot_text">帮助中心</div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- start 手机端 -->
  <div class="ws_nav_top modHeader" id="myMenuMod">
    <div class=" ws_main ws_padding_15 wx_flex wx_align_items_center">
      <div class="ws_nav_item">
        <a href="/index">
          <img src="index/img/ico.png" alt="">
        </a>
      </div>
      <!-- 手机端样式 -->
      <div class="mod_navNew" onclick="show_mod_nav()">
        <span class="iconfont icon-caidan mod_ico"> </span>
      </div>
      <!-- 手机端样式 弹框菜单 -->
      <div class="wrapper_gay" onclick="hide_mod_nav()">
        <div class="wrapper">
          <div class="mod_nav">
            <span class="iconfont icon-chahao close" onclick="hide_mod_nav()"></span>
            <ul class="nav_list">
              <li class="nav_item">
                <a class="a" href="/login.php">登录</a>
              </li>
              <li class="nav_item">
                <a href="javascript:translate.changeLanguage('english');">English</a>
                <a class="chinese" href="javascript:translate.changeLanguage('chinese_simplified');">/中文</a>
              </li>
              <li class="nav_item">
                <a class="a" href="/">首页</a>
              </li>
              <li class="nav_item">
                <a href="#" class="a" onclick="show_chid(0)">关于浩通
                  <span class="iconfont icon-31xiala ioc"></span>
                </a>
                <span class="san san_serve"></span>
                <ul class="chid_serve" id='chid_serve0'>
                  <li class="chid_item">
                    <a href="index/?s" class="a">
                      <div class="right">
                        <div class="title">集团简介</div>
                      </div>
                    </a>
                  </li>
                  <li class="chid_item">
                    <a href="index/?b" class="a">
                      <div class="right">
                        <div class="title">集团架构</div>
                      </div>
                    </a>
                  </li>
                  <li class="chid_item">
                    <a href="index/?c" class="a">
                      <div class="right">
                        <div class="title">发展历程</div>
                      </div>
                    </a>
                  </li>
                  <li class="chid_item">
                    <a href="index/?d" class="a">
                      <div class="right">
                        <div class="title">荣誉资质</div>
                      </div>
                    </a>
                  </li>

                </ul>
              </li>
              <li class="nav_item">
                <a href="#" class="a" onclick="show_chid(1)">核心业务
                  <span class="iconfont icon-31xiala ioc"></span>
                </a>
                <span class="san san_serve"></span>
                <ul class="chid_serve" id='chid_serve1'>
                  <li class="chid_item">
                    <a href="index/?e" class="a">
                      <div class="right">
                        <div class="title">
                          国际货运 </div>
                      </div>
                    </a>
                  </li>

              </li>
              <li class="chid_item">
                <a href="index/?f" class="a">
                  <div class="right">
                    <div class="title">
                      外贸综合服务 </div>
                  </div>
                </a>
              </li>
              <li class="chid_item">
                <a href="index/?g" class="a">
                  <div class="right">
                    <div class="title">
                      供应链管理 </div>
                  </div>
                </a>
              </li>
              <li class="chid_item">
                <a href="index/?h" class="a">
                  <div class="right">
                    <div class="title">
                      教育咨询 </div>
                  </div>
                </a>
              </li>
              <li class="chid_item">
                <a href="index/?i" class="a">
                  <div class="right">
                    <div class="title">
                      信息技术 </div>
                  </div>
                </a>
              </li>

            </ul>
            </li>


            <li class="nav_item">
              <a class="a" href="index/?j">全球战略</a>
            </li>
            <li class="nav_item">
              <a class="a" href="index/?k">可持续发展</a>
            </li>

            <li class="nav_item">
              <a href="#" class="a" onclick="show_chid(2)">新闻资讯
                <span class="iconfont icon-31xiala ioc"></span>
              </a>
              <span class="san san_serve"></span>
              <ul class="chid_serve" id='chid_serve2'>
                <li class="chid_item">
                  <a href="index/?m" class="a">
                    <div class="right">
                      <div class="title">浩通新闻</div>
                    </div>
                  </a>
                </li>
                <li class="chid_item">
                  <a href="index/?m&information_type=3" class="a">
                    <div class="right">
                      <div class="title">行业资讯</div>
                    </div>
                  </a>
                </li>
                <li class="chid_item">
                  <a href="index/?m&information_type=4" class="a">
                    <div class="right">
                      <div class="title">多媒体</div>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav_item">
              <a class="a" href="index/?n">人才招聘</a>
            </li>
            <li class="nav_item">
              <a class="a" href="index/?p">联系我们</a>
            </li>

            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- end 手机端 -->
  <!-- start 电脑端 -->
  <div id="dowebok" class="container-fluid">
    <div class="section section1">
      <!-- 第一屏 -->
      <!-- Swiper -->
      <!--  -->
      <div id="swiperWh" class="swiper-container with100">
        <!-- 电脑端 -->
        <div class="swiper-wrapper with100" id="allWith">
                    <div id="lbt_xs0" style=" background-image: url('/2011/20240806083935.jpg');"
            class="swiper-slide  swipeImg with100 w1 xs">
          </div>
                    <div id="lbt_xs1" style=" background-image: url('/2011/20240806083959.jpg');"
            class="swiper-slide  swipeImg with100 w1 xs">
          </div>
                    <div id="lbt_xs2" style=" background-image: url('/2011/20240806084013.jpg');"
            class="swiper-slide  swipeImg with100 w1 xs">
          </div>
                    <div id="lbt_xs3" style=" background-image: url('/2011/20240806084023.jpg');"
            class="swiper-slide  swipeImg with100 w1 xs">
          </div>
                    <div id="lbt_xs4" style=" background-image: url('/2011/20240806084117.jpg');"
            class="swiper-slide  swipeImg with100 w1 xs">
          </div>
                  </div>
        <!-- 手机端 -->
        <div class="swiper-slide  swipeImgMod with100 w1"></div>

        <div class="pagination main"></div>
      </div>
      <!-- 文字 -->
      <div class="titleCenter" id="Tilte">
        <div class="title">
          <div>
            让物贸更协同
          </div>
          <div class="padd">让员工更幸福</div>
        </div>

        <div class="about-btn-box margin-left botArrVideo">
          <div class="default-btn bot " onclick="chines_video()">
            <i class="iconfont icon-bofang payinicon fontSize14" style="padding-right: 10px;"></i>观看中文宣传片<span>
            </span>
          </div>
          <div class="default-btn bot left50 " onclick="chines_videoEn()">
            <i class="iconfont icon-bofang payinicon fontSize14" style="padding-right: 10px;"></i>观看英文宣传片<span>
            </span>
          </div>
        </div>
      </div>
      <!-- 搜收条件 -->
      <div class="search">
        <div class="flex">
          <div class="left">
            <div class="leftInpt with500">
              <input type="text" id="departure_name" placeholder="起运地（港）">
              <div class="row">
                <div class="rowTop"></div>
                <img class="lazy-image" data-src="index/img/left.png" alt="">
                <div class="rowTop"></div>
              </div>
              <input type="text" id="destination_name" placeholder="目的地（港）">
              <div class="default-btn bot searchBot" onclick="tz()">
                订舱<br>查询<span>
                </span>
              </div>




            </div>
          </div>

          <div class="leftInpt margin-left10">
            <div class="list fontSize14">
              <a href="http://hital.hitalgroup.com/search?type=1" target="_blank">
                <div class="li">
                  <span class="iconfont icon-cheguanshenqing icon"></span>
                  货运业务
                </div>
              </a>
              <a href="https://www.sinoetrade.com/logisticsTracking/list/list.php?order=" target="_blank">
                <div class="li center">
                  <span class="iconfont icon-peisongyuan icon"></span>
                  配送业务
                </div>
              </a>
              <!-- <a href="https://logistics.hitalsmart.com/trajectory_list.php?type=3&waybill=" target="_blank">
                <div class="li">
                  <span class="iconfont icon-icon-inspection icon"></span>
                  物流追踪
                </div>
              </a> -->
              <a href="http://tms.hitalgroup.com/kanban1" target="_blank">
                <div class="li">
                  <span class="iconfont icon-a-yunshu1 icon"></span>
                  TMS查询
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="section section2">
      <div class="section2Center bg1">
      </div>
      <div class="sectionConter">
        <div class="main">
          <div class="sectionHeard" id="sectionHeard">
            <div class="left " style="visibility: visible; animation-name: fadeInUp;">
              <div class="title fontSize32">
                主营业务
              </div>
              <div class="text fontSize14">
                News and information
              </div>
            </div>
            <div class="right">
              <div class="list Nav">
                <a href="#page2">
                  <div class="li  fontSize16 active">
                    综合物流
                  </div>
                </a>
                <a href="#page3">
                  <div class="li fontSize16">
                    供应链管理
                  </div>
                </a>
                <a href="#page4">
                  <div class="li fontSize16">
                    信息技术
                  </div>
                </a>
                <a href="#page5">
                  <div class="li fontSize16">
                    教育咨询
                  </div>
                </a>
              </div>
            </div>
          </div>
          <!-- 综合物流服务 -->
          <div class="TitleImg" id="one0">
            <div class="TitleImgLeft fontSize14">
              <div class="newBTitle">
                <div class="title1 fontSize24  padding-10">综合物流服务
                </div>
                <div class="title1">
                  <span style="padding: 0 5px;">/</span> 强项业务
                </div>

              </div>
              <div class="row1"></div>


              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  公司拥有一整套国际运输业务经营资质;
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  通过与中国远洋、马士基、民生、湖南远洋、南方航空、海南航空、中欧班列等物流行业巨头合作，扎根本土;
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  根据客户需求提供海运、空运、陆运、铁路运输、多式联运、仓储、配送、报关报检、货运保险代理等物流定制化、个性化解决方案。
                </div>
              </div>
              <div class="row"></div>
              <div class="botArr padding-40">
                <div class="about-btn-box margin-left">
                  <span class="default-btn botArrOne bg" onClick="onopen_out('https://work.weixin.qq.com/kfid/kfc03631a04a35bfc93')" href="">
                    咨询业务<i class="iconfont icon-jiantou  fontSize14"
                      style="padding-left: 10px;"></i><span></span></span>
                </div>
                <div class="about-btn-box margin-left">
                  <a class="default-btn  botArrOne bg1" href="index/?e">
                    了解更多<i class="iconfont icon-jiantou  fontSize14" style="padding-left: 10px;"></i><span></span></a>
                </div>
              </div>
            </div>
            <div class="img">
              <img class="lazy-image" data-src="index/img/yw_001.jpg?20240821" alt="">
            </div>
          </div>


        </div>
      </div>
    </div>

    <div class="section section4">
      <div class="section2Center bg2">
      </div>
      <div class="sectionConter">
        <div class="main">
          <div class="sectionHeard" id="sectionHeard">
            <div class="left " style="visibility: visible; animation-name: fadeInUp;">
              <div class="title fontSize32">
                主营业务
              </div>
              <div class="text fontSize14">
                News and information
              </div>
            </div>
            <div class="right">
              <div class="list Nav">
                <a href="#page2">
                  <div class="li fontSize16 ">
                    综合物流
                  </div>
                </a>
                <a href="#page3">
                  <div class="li fontSize16 active">
                    供应链管理
                  </div>
                </a>
                <a href="#page4">
                  <div class="li fontSize16">
                    信息技术
                  </div>
                </a>
                <a href="#page5">
                  <div class="li fontSize16">
                    教育咨询
                  </div>
                </a>
              </div>
            </div>
          </div>

          <!-- 供应链管理 -->
          <div class="TitleImg" id="one1">
            <div class="TitleImgLeft fontSize14">
              <div class="newBTitle">
                <div class="title1 fontSize24  padding-10">供应链管理服务</div>
                <div class="title1 ">
                  <span style="padding: 0 5px;">/</span>种子业务
                </div>

              </div>
              <div class="row1" style="width: 255px;"></div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  公司借助湖南口岸优势，先后获批粮食、肉类、乳制品、水产生鲜、二类三类医疗器械经营许可、湖南中烟非洲市场独家一级代理等资质;
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  公司业务涵盖烟草、医疗器械、肉类、食品、农产品、乳制品、环保产品、婴幼儿产品、生鲜水产等领域;
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  为国内外供货商、原料采购商、加工贸易商等提供国际采购、销售外包、进出口代理、供应链融资结算等供应链服务。
                </div>
              </div>
              <div class="row"></div>
              <div class="botArr padding-40">
                <div class="about-btn-box margin-left">
                  <span class="default-btn botArrOne bg" onClick="onopen_out('https://work.weixin.qq.com/kfid/kfc9f7cf1993d9049e9')">
                    <!-- <a class="default-btn botArrOne bg" href="index/salesnetwork.php"> -->
                    咨询业务<i class="iconfont icon-jiantou  fontSize14" style="padding-left: 10px;"></i><span></span>
                  </span>
                  <!-- </a> -->
                </div>
                <div class="about-btn-box margin-left">
                  <a class="default-btn  botArrOne bg1" href="index/?gy" target="_blank">
                    了解更多<i class="iconfont icon-jiantou  fontSize14" style="padding-left: 10px;"></i><span></span></a>
                </div>
              </div>
            </div>
            <div class="img">
              <img class="lazy-image" data-src="index/img/yw_002.jpg?2024082115" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section section5">
      <div class="section2Center bg3">
      </div>
      <div class="sectionConter">
        <div class="main">
          <div class="sectionHeard" id="sectionHeard">
            <div class="left " style="visibility: visible; animation-name: fadeInUp;">
              <div class="title fontSize32">
                主营业务
              </div>
              <div class="text fontSize14">
                News and information
              </div>
            </div>
            <div class="right">
              <div class="list Nav">
                <a href="#page2">
                  <div class="li fontSize16 ">
                    综合物流
                  </div>
                </a>
                <a href="#page3">
                  <div class="li fontSize16">
                    供应链管理
                  </div>
                </a>
                <a href="#page4">
                  <div class="li fontSize16 active">
                    信息技术
                  </div>
                </a>
                <a href="#page5">
                  <div class="li fontSize16">
                    教育咨询
                  </div>
                </a>
              </div>
            </div>
          </div>

          <!-- 信息技术 -->
          <div class="TitleImg" id="one2">
            <div class="TitleImgLeft fontSize14">
              <div class="newBTitle">
                <div class="title1 fontSize24  padding-10">信息技术服务 </div>
                <div class="title1 ">
                  <span style="padding: 0 5px;">/</span>创新业务
                </div>
              </div>
              <div class="row1"></div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  公司自主研发了货运、仓储、报关、财务和在线办公等多个管理系统，拥有国家软件著作权及实用新型专利20+;
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  建立了与世界500强企业、海关单一窗口等多级系统对接；
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  在跨境电商、国际货运、仓储配送、智慧通关等细分领域，为客户提供安全、领先、可持续进化的产品、技术和解决方案。
                </div>
              </div>
              <div class="row"></div>
              <div class="botArr padding-40">
                <div class="about-btn-box margin-left">
                  <!-- <a class="default-btn botArrOne bg" href="index/salesnetwork.php"> -->
                  <span class="default-btn botArrOne bg" onClick="onopen_out('https://work.weixin.qq.com/kfid/kfc60a795c9eff9de88')">
                    咨询业务<i class="iconfont icon-jiantou  fontSize14" style="padding-left: 10px;"></i><span></span>
                  </span>
                  <!-- </a> -->
                </div>
                <div class="about-btn-box margin-left">
                  <a class="default-btn  botArrOne bg1" href="https://www.hitalgroup.com/" target="_blank">
                    了解更多<i class="iconfont icon-jiantou  fontSize14" style="padding-left: 10px;"></i><span></span></a>
                </div>
              </div>
            </div>
            <div class="img">
              <img class="lazy-image" data-src="index/img/yw_003.jpg?3" alt="">
            </div>
          </div>


        </div>
      </div>
    </div>
    <div class="section section6">
      <div class="section2Center bg4">
      </div>
      <div class="sectionConter">
        <div class="main">
          <div class="sectionHeard" id="sectionHeard">
            <div class="left " style="visibility: visible; animation-name: fadeInUp;">
              <div class="title fontSize32">
                主营业务
              </div>
              <div class="text fontSize14">
                News and information
              </div>
            </div>
            <div class="right">
              <div class="list Nav">
                <a href="#page2">
                  <div class="li fontSize16">
                    综合物流
                  </div>
                </a>
                <a href="#page3">
                  <div class="li fontSize16">
                    供应链管理
                  </div>
                </a>
                <a href="#page4">
                  <div class="li fontSize16">
                    信息技术
                  </div>
                </a>
                <a href="#page5">
                  <div class="li fontSize16 active">
                    教育咨询
                  </div>
                </a>
              </div>
            </div>
          </div>

          <!-- 教育咨询 -->
          <div class="TitleImg" id="one3">
            <div class="TitleImgLeft fontSize14">
              <div class="newBTitle">
                <div class="title1 fontSize24  padding-10">教育咨询服务 </div>
                <div class="title1 ">
                  <span style="padding: 0 5px;">/</span>延伸业务
                </div>
              </div>
              <div class="row1"></div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  公司结合国际供应链外贸综合服务及人才优势，立足外向型企业人才需求，成立湖南生易圈教育咨询有限公司。
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  专注国际供应链领域的教育与咨询，致力打造政府、行业协会、园区、院校、企业五方联动的产教联盟平台机构。
                </div>
              </div>
              <div class="title1 padding-30">
                <span class="iconfont icon-gouxuan1 icon"></span>
                <div class="text">
                  行业沉淀： 28年 <span style="padding-left: 40px;"></span> 合作院校： 30+<br />
                  培训场次： 500+ <span style="padding-left: 35px;"></span>培训人数： 50000+
                </div>
              </div>
              <div class="row"></div>
              <div class="botArr padding-40">
                <div class="about-btn-box margin-left">
                  <!-- <a class="default-btn botArrOne bg" href="index/salesnetwork.php"> -->
                  <span class="default-btn botArrOne bg" onClick="onopen_out('https://work.weixin.qq.com/kfid/kfcd0b257b608b911f4')">
                    咨询业务<i class="iconfont icon-jiantou  fontSize14" style="padding-left: 10px;"></i><span></span>
                  </span>
                  <!-- </a> -->
                </div>
                <div class="about-btn-box margin-left">
                  <a class="default-btn  botArrOne bg1" href="http://www.hitaledu.com/" target="_blank">
                    了解更多<i class="iconfont icon-jiantou  fontSize14" style="padding-left: 10px;"></i><span></span></a>
                </div>
              </div>
            </div>
            <div class="img">
              <img class="lazy-image" data-src="index/img/yw_004.jpg?3" alt="">
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- 新闻 -->
    <div class="section section7" id="nextS">
      <div id="indexPage" class="ff_indexPage " data-scroll-ease="Expo.easeInOut" data-scroll-speed="1" data-control="1"
        data-control-wheel="1" data-singlescreen="1">
        <div class="mlist news module bgShow  ff_noSlider">
          <div class="bgmask"></div>
          <div class="module_container">
            <div class="sectionHeard">
              <!-- 新闻pc端 -->
              <div style="margin-left: 15%;" class="container_header" id="container_header">
                <p class="title">新闻资讯</p>
                <div class="text fontSize14 ">
                  News and information
                </div>
              </div>
              <!-- 新闻pc端 end-->

              <div style="margin-right: 15%;" class="container_category  movedx" data-movedx-mid="2"
                data-movedx-distance="15">
                <div class="right">
                  <div class="list new_zz16">
                    <a href="index/?m">
                      <div class="li fontSize16 active">
                        浩通新闻
                      </div>
                    </a>
                    <a href="index/?m&information_type=3">
                      <div class="li fontSize16">
                        行业资讯
                      </div>
                    </a>
                    <a href="index/?m&information_type=4">
                      <div class="li fontSize16">
                        多媒体
                      </div>
                    </a>
                    <a href="index/?m">
                      <div class="li fontSize14" style="padding-left: 30px;">
                        了解更多<span style="padding-left: 10px;font-size: 14px;" class="iconfont icon-jiantou"></span>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <!-- 新闻pc端 -->
            <div class="container_content" id="news">
              <div class="content_wrapper">
                <div class="content_list clearfix">

                                    <div id="item_block_0" class="item_block_0 item_block"
                    style="animation-delay:.0s">

                    <a href="index/?q&id=789&dh=4" class="item_box">
                      <div href="index/?q&id=789&dh=4" class="item_img" target="_blank">
                        <img class="lazy-image" data-src="/2011/20250627160202.png" />
                        <div class="item_mask"></div>
                      </div>
                      <div class="item_wrapper clearfix">
                        <div class="item_info clearfix">
                          <div class="date_wrap">
                            <span class="year">
                              2025                            </span><i class="time-connect">-</i><span class="m">
                              06                            </span><i class="time-connect">-</i><span class="d">
                              27                            </span>
                          </div>
                          <p class="title ellipsis">
                            首期“对外文化贸易系列培训”成功举办，促链搭桥助力文化贸易企业出海扬帆！                          </p>
                          <p class="subtitle ellipsis"></p>
                        </div>
                        <div class="date_wrap">
                          <span class="year">
                            2025                          </span><i class="time-connect">-</i><span class="m">
                            06                          </span><i class="time-connect">-</i><span class="d">
                            27                          </span>
                        </div>
                        <div class="item_des">
                          <p class="description">
                                                      </p>
                        </div>

                      </div>

                    </a>


                  </div>
                                    <div id="item_block_1" class="item_block_1 item_block"
                    style="animation-delay:.1s">

                    <a href="index/?q&id=788&dh=4" class="item_box">
                      <div href="index/?q&id=788&dh=4" class="item_img" target="_blank">
                        <img class="lazy-image" data-src="/2011/20250625170141.png" />
                        <div class="item_mask"></div>
                      </div>
                      <div class="item_wrapper clearfix">
                        <div class="item_info clearfix">
                          <div class="date_wrap">
                            <span class="year">
                              2025                            </span><i class="time-connect">-</i><span class="m">
                              06                            </span><i class="time-connect">-</i><span class="d">
                              25                            </span>
                          </div>
                          <p class="title ellipsis">
                            “盛夏逐梦 预见未来”| 浩通集团组织夏季开放日活动                          </p>
                          <p class="subtitle ellipsis"></p>
                        </div>
                        <div class="date_wrap">
                          <span class="year">
                            2025                          </span><i class="time-connect">-</i><span class="m">
                            06                          </span><i class="time-connect">-</i><span class="d">
                            25                          </span>
                        </div>
                        <div class="item_des">
                          <p class="description">
                                                      </p>
                        </div>

                      </div>

                    </a>


                  </div>
                                    <div id="item_block_2" class="item_block_2 item_block"
                    style="animation-delay:.2s">

                    <a href="index/?q&id=787&dh=4" class="item_box">
                      <div href="index/?q&id=787&dh=4" class="item_img" target="_blank">
                        <img class="lazy-image" data-src="/2011/20250614155454.jpg" />
                        <div class="item_mask"></div>
                      </div>
                      <div class="item_wrapper clearfix">
                        <div class="item_info clearfix">
                          <div class="date_wrap">
                            <span class="year">
                              2025                            </span><i class="time-connect">-</i><span class="m">
                              06                            </span><i class="time-connect">-</i><span class="d">
                              14                            </span>
                          </div>
                          <p class="title ellipsis">
                            “湘潭再制造”扬帆出海，第四届中非经贸博览会工程机械再制造展在湘潭盛大开幕！                          </p>
                          <p class="subtitle ellipsis"></p>
                        </div>
                        <div class="date_wrap">
                          <span class="year">
                            2025                          </span><i class="time-connect">-</i><span class="m">
                            06                          </span><i class="time-connect">-</i><span class="d">
                            14                          </span>
                        </div>
                        <div class="item_des">
                          <p class="description">
                                                      </p>
                        </div>

                      </div>

                    </a>


                  </div>
                                    <div id="item_block_3" class="item_block_3 item_block"
                    style="animation-delay:.3s">

                    <a href="index/?q&id=786&dh=4" class="item_box">
                      <div href="index/?q&id=786&dh=4" class="item_img" target="_blank">
                        <img class="lazy-image" data-src="/2011/20250613212230.jpg" />
                        <div class="item_mask"></div>
                      </div>
                      <div class="item_wrapper clearfix">
                        <div class="item_info clearfix">
                          <div class="date_wrap">
                            <span class="year">
                              2025                            </span><i class="time-connect">-</i><span class="m">
                              06                            </span><i class="time-connect">-</i><span class="d">
                              13                            </span>
                          </div>
                          <p class="title ellipsis">
                            肯尼亚展馆引人驻足，浩通集团高层巡展共谋合作新机遇！                          </p>
                          <p class="subtitle ellipsis"></p>
                        </div>
                        <div class="date_wrap">
                          <span class="year">
                            2025                          </span><i class="time-connect">-</i><span class="m">
                            06                          </span><i class="time-connect">-</i><span class="d">
                            13                          </span>
                        </div>
                        <div class="item_des">
                          <p class="description">
                                                      </p>
                        </div>

                      </div>

                    </a>


                  </div>
                  

                </div>
              </div>
            </div>
            <div class="clear wow"></div>
            <!-- 新闻pc端 end -->
            <!-- 手机端新闻列表 -->
            <div class="ModNew">
              <div class="ModNew_list">
                                <a href="index/?q&id=789&dh=4">
                  <div class="ModNew_list_box">
                    <div class="ModNew_list_box_time">
                      2025-06-27                    </div>
                    <div class="ModNew_list_box_tile" style="color: #fff;">
                      首期“对外文化贸易系列培训”成功举办，促链搭桥助力文化贸易企业出海扬帆！                    </div>
                  </div>
                </a>
                                <a href="index/?q&id=788&dh=4">
                  <div class="ModNew_list_box">
                    <div class="ModNew_list_box_time">
                      2025-06-25                    </div>
                    <div class="ModNew_list_box_tile" style="color: #fff;">
                      “盛夏逐梦 预见未来”| 浩通集团组织夏季开放日活动                    </div>
                  </div>
                </a>
                                <a href="index/?q&id=787&dh=4">
                  <div class="ModNew_list_box">
                    <div class="ModNew_list_box_time">
                      2025-06-14                    </div>
                    <div class="ModNew_list_box_tile" style="color: #fff;">
                      “湘潭再制造”扬帆出海，第四届中非经贸博览会工程机械再制造展在湘潭盛大开幕！                    </div>
                  </div>
                </a>
                                <a href="index/?q&id=786&dh=4">
                  <div class="ModNew_list_box">
                    <div class="ModNew_list_box_time">
                      2025-06-13                    </div>
                    <div class="ModNew_list_box_tile" style="color: #fff;">
                      肯尼亚展馆引人驻足，浩通集团高层巡展共谋合作新机遇！                    </div>
                  </div>
                </a>
                
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
    <!--底部  -->
    <div class="section section8 footerss">
      <div class="footers " id="footers">
        <div class="main flex" style="padding-bottom: 30px;align-items: flex-start;">

          <div class="fotRight">
            <div class="list">
              <div class="listItem hides" style="padding-left: 0;">
                <div class="li title fontSize14">
                  产品服务
                </div>
                <a href="index/?e">
                  <div class="li text paddingli fontSize12">
                    国际货运
                  </div>
                </a>
                <a href="index/?f" target="_blank">
                  <div class="li text fontSize12">
                    外贸代理
                  </div>
                </a>
                <a href="index/?g" target="_blank">
                  <div class="li text fontSize12">
                    供应链
                  </div>
                </a>
                <a href="index/?h" target="_blank">
                  <div class="li text fontSize12">
                    教育培训
                  </div>
                </a>
                <a href="index/?i" target="_blank">
                  <div class="li text fontSize12">
                    信息技术
                  </div>
                </a>
              </div>
              <div class="listItem hides">
                <a href="index/?s">
                  <div class="li title fontSize14">
                    关于浩通
                  </div>
                </a>
                <a href="index/?s">
                  <div class="li text paddingli fontSize12">
                    集团简介
                  </div>
                </a>
                <a href="index/?b">
                  <div class="li text fontSize12">
                    集团架构
                  </div>
                </a>
                <a href="index/?c">
                  <div class="li text fontSize12">
                    发展历程
                  </div>
                </a>
                <a href="index/?d">
                  <div class="li text fontSize12">
                    荣誉资质
                  </div>
                </a>
                <a href="index/?p">
                  <div class="li text fontSize12">
                    营业网点
                  </div>
                </a>
              </div>
              <div class="listItem">
                <div class="li title fontSize14">
                  联系我们
                </div>
                <div class="li text paddingli fontSize12">
                  电话：（086）0731-84300300
                </div>
                <div class="li text fontSize12">
                  传真：（086）0731-84300388
                </div>
                <div class="li text fontSize12">
                  邮编：410007
                </div>
                <div class="li text fontSize12">
                  E-mail：hital@hital.com
                </div>
                <div class="li text fontSize12">
                  地址：湖南省长沙市芙蓉中路二段111号华菱大厦13楼
                </div>
              </div>
              <div class="listItem">
                <div class="li title fontSize14">
                  投诉与建议
                </div>
                <div class="li text paddingli fontSize12">
                  联系人：市场部
                </div>
                <div class="li text fontSize12">
                  传真：（086）0731-84300388
                </div>

                <div class="li text fontSize12">
                  邮箱：marketing@hital.com
                </div>
                <div class="li text fontSize12">
                  欢迎来电垂询
                </div>
                <div class="li text fontSize12">
                  我们将在24小时内给予回复！
                </div>
              </div>
              <div class="listItem hides">
                <div class="li title fontSize14">
                  关注浩通
                </div>
                <div class="fontSize12" style="width: 280px;padding-top: 25px;">关注浩通货运公众号或扫码进入好通关商城，了解货运资讯，随时随地了解浩通服务
                </div>
                <div style="display: flex;">
                  <div class="wei" style="text-align: center;">
                    <img style="width: 80px;padding: 15px 0" src="index/img/erwei.jpg" alt="">

                    <div class="wei-text fontSize12">
                      浩通货运公众号
                    </div>
                  </div>
                  <div class="wei" style="margin-left: 30px;text-align: center;">
                    <img src="index/img/erwei1.jpg" style="width: 80px;padding: 15px 0;" alt="">

                    <div class="wei-text fontSize12">
                      好通关商城
                    </div>
                  </div>
                </div>

              </div>
            </div>
          </div>

        </div>

        <div class="fotFot hides">
          <div class="main fontSize13">
            <span>Copyright@2000-2023 hital.com Inc.All rights reserved.版权声明</span>
            <a href="https://beian.miit.gov.cn" target="_blank">
              <span>湘ICP备05001971号-1</span>
            </a>
            <a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank">
              <span>湘公网安备43010202000940</span>
            </a>
          </div>

        </div>

      </div>
    </div>
  </div>
  <!-- end 电脑端 -->



</body>
<style>
  /* #swiperWh .w1{
    width:100% !important;
  }
  */
</style>
<!-- Initialize Swiper -->
<script src="index/js/idangerous.swiper.min.js?v=3.0.6"></script>
<script>
  document.addEventListener("DOMContentLoaded", function () {
    var form = document.getElementById('form1');
    form.addEventListener("keydown", function (event) {
      // 检查按下的是否是回车键
      if (event.key === "Enter") {
        // 阻止回车键的默认行为（即不自动提交表单）
        event.preventDefault();
        lgo_bot()
        // 调用表单的submit()方法来提交表单
        // form.submit();
      }
    },{ passive: false });
  });

  function onopen_out(url) {
    window.open(url, "", "scrollbars=yes,left=200,top=100,toolbar=no,menubar=no,width=550,height=500", target =
      "_self");
  }
  $('#myMenu').hide()
  // 图片懒加载
  document.addEventListener('DOMContentLoaded', function () {
    var lazyImages = [].slice.call(document.querySelectorAll('img[data-src]'));

    if ('IntersectionObserver' in window) {
      let lazyImageObserver = new IntersectionObserver(function (entries, observer) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            let lazyImage = entry.target;
            lazyImage.src = lazyImage.dataset.src;
            lazyImage.classList.remove('lazy-image');
            lazyImageObserver.unobserve(lazyImage);
          }
        });
      });

      lazyImages.forEach(function (lazyImage) {
        lazyImageObserver.observe(lazyImage);
      });
    } else {
      let lazyLoadImages = function () {
        lazyImages.forEach(function (lazyImage) {
          if (lazyImage.offsetTop < window.innerHeight) {
            lazyImage.src = lazyImage.dataset.src;
            lazyImage.classList.remove('lazy-image');
            lazyImages = lazyImages.filter(function (image) {
              return image !== lazyImage;
            });
          }
        });

        if (lazyImages.length === 0) {
          document.removeEventListener('scroll', lazyLoadImages);
        }
      };

      document.addEventListener('scroll', lazyLoadImages);
      lazyLoadImages();
    }
  });


  function tz() {
    let departure_name = $("#departure_name").val();
    let destination_name = $("#destination_name").val();
    let url = "http://cms.hitalgroup.com/ordersearch?departure_name=" + departure_name + "&destination_name=" +
      destination_name;
    window.open(encodeURI(url));
  }
  // 视频中文
  $('#video_index_gray_div').hide();
  $('#gray_box').hide();

  function chines_video() {
    $('#video_index_gray_div').show();
    $('#gray_box').show();
    $('#video_index_gray')[0].play();
  }

  function hide_video() {
    $('#video_index_gray_div').hide();
    $('#gray_box').hide();
    $('#video_index_gray')[0].pause();
  }
  // 视频英文
  $('#video_index_gray_divEn').hide();
  $('#gray_boxEn').hide();

  function chines_videoEn() {
    $('#video_index_gray_divEn').show();
    $('#gray_boxEn').show();
    $('#video_index_grayEn')[0].play();
  }

  function hide_videoEn() {
    $('#video_index_gray_divEn').hide();
    $('#gray_boxEn').hide();
    $('#video_index_grayEn')[0].pause();
  }

  // 轮播图
  var mySwiper = new Swiper('.swiper-container', {
    loop: false,
    autoplay: 5000,
    pagination: '.pagination',
    paginationClickable: true,
    observer: true, //修改swiper自己或子元素时，自动初始化swiper
    observeParents: true, //修改swiper的父元素时，自动初始化swiper
    onSlideChangeStart: function (swiper) {
      lbt(swiper.activeIndex);


    }
  });

  function lbt(e) {
    // 假设你有一个div元素，它的id为"lbt_xs"
    var div = document.getElementById('lbt_xs' + e);
    // 检查这个div是否包含"xs"这个类
    if (div.classList.contains('xs')) {
      $('#Tilte').show();
    } else {
      $('#Tilte').hide();
    }
  }

  // function init() {
  //   var button = document.getElementById('inputPassWord');
  //   var button1 = document.getElementById('inputUserName');

  //   // button.addEventListener('keydown', function (event) {
  //   //   var keyCode = event.keyCode || event.which;
  //   //   if (keyCode == 13) { // 13 是回车键的键码
  //   //     if (button.value && button1.value) {
  //   //       lgo_bot();
  //   //     }
  //   //     // alert('回车键被按下！');
  //   //     // 可以在这里调用按钮的点击事件处理函数
  //   //     // button.onclick();
  //   //   }
  //   // });
  //   // button1.addEventListener('keydown', function (event) {
  //   //   var keyCode = event.keyCode || event.which;
  //   //   if (keyCode == 13) { // 13 是回车键的键码
  //   //     // alert('回车键被按下！');
  //   //     if (button.value && button1.value) {
  //   //       lgo_bot();
  //   //     }
  //   //     // 可以在这里调用按钮的点击事件处理函数
  //   //     // button.onclick();
  //   //   }
  //   // });
  // }

  //  判断屏幕有没有被缩放
  /** 当前页面是不是100%显示 */
  function changeRatio() {
    let ratio = 0;
    const screen = window.screen;
    const ua = navigator.userAgent.toLowerCase();

    if (window.devicePixelRatio !== undefined) {
      ratio = window.devicePixelRatio;
    } else if (~ua.indexOf('msie')) {
      if (screen.deviceXDPI && screen.logicalXDPI) {
        ratio = screen.deviceXDPI / screen.logicalXDPI;
      }
    } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
      ratio = window.outerWidth / window.innerWidth;
    }

    if (ratio) {
      ratio = Math.round(ratio * 100);
    }
    if (ratio != 100) {
      alert('当前屏幕被缩放了，展示效果不美观，请选择"默认比例"，然后刷新页面！');
    }


  };
  // Button Hover JS
  $(function () {
    //changeRatio();
    langFun();

    // init();
    // 轮播图显示文字
    lbt(0);
    // 处理轮播图都高度宽度
    var swiperWh = document.getElementById('swiperWh')
    swiperWh.style.width = windowWidth + 'px';
    $('.swiper-slide').css('width', windowWidth + 'px');

    // 根据几张轮播图获取总宽度
    // setTimeout(() => {
    // $('#allWith').width(windowWidth * 4 + 'px');
    // }, 500)
    // 首页视频
    function deleteProfessionStation() {
      if (window.event) {
        // ie 和 谷歌支持阻止冒泡
        window.event.cancelBubble = true;
      } else {
        // 火狐和谷歌支持的阻止冒泡
        // e.preventDefault();
      }
    }


    $('.default-btn, .default-btn-one')
      .on('mouseenter', function (e) {
        var parentOffset = $(this).offset(),
          relX = e.pageX - parentOffset.left,
          relY = e.pageY - parentOffset.top;
        $(this).find('span').css({
          top: relY,
          left: relX
        })
      })
      .on('mouseout', function (e) {
        var parentOffset = $(this).offset(),
          relX = e.pageX - parentOffset.left,
          relY = e.pageY - parentOffset.top;
        $(this).find('span').css({
          top: relY,
          left: relX
        })
      });
    // window.addEventListener('resize',cs());
  });

  function is_stopPropagation() {
    event.stopPropagation();
  }

  function check() {
    // return true;
    var pwd = document.getElementsByName('inputPassWord')[0].value;
    // var una=document.getElementsByName('inputUserName')[0].value;
    if (pwd) {
      pwd = encode(pwd);
      // una=encode(una);
      if (pwd) {
        // document.getElementsByName('inputUserName')[0].value=una;
        document.getElementsByName('inputPassWord')[0].value = pwd;
        return true;
      }
    }
  }

  function lgo_blur() {
    let flag = true
    let pwdlength = document.getElementsByName('inputPassWord')[0].value.length
    let namelength = document.getElementsByName('inputUserName')[0].value.length
    let Captcha = document.getElementsByName('Captcha')[0].value
    let captchalength = document.getElementsByName('Captcha')[0].value.length
    if (
      document.getElementsByName('inputPassWord')[0].value == "" ||
      document.getElementsByName('inputUserName')[0].value == "" ||
      Captcha == ""
    ) {
      $("#login_btn").css("background", "#C2C2C2");
      return;
    }
    if (pwdlength < 6 || namelength < 2 || namelength > 6) {
      $("#login_btn").css("background", "#C2C2C2");
      return;
    }

    if (isNaN(parseFloat(Captcha)) || captchalength != 4) {
      $("#login_btn").css("background", "#C2C2C2");
      $("#Captcha").focus();
      return;
    }
    $("#login_btn").css("background", "#D43030");
  }

  //判断字符串是否含有特殊字符
  function containsSpecialChar(str) {
      const regex = /[^a-zA-Z0-9]/;
      return regex.test(str);
  }
  //判断字符串是否含有字母
  function is_zm(str){
      return /[A-Za-z]/.test(str);
  }
  //判断字符串是否含有数字
  function  is_number(str){
      return /\d/.test(str);
  }

  function lgo_bot() {
    let flag = true
    let pwdlength = document.getElementsByName('inputPassWord')[0].value.length
    let namelength = document.getElementsByName('inputUserName')[0].value.length
    let Captcha = document.getElementsByName('Captcha')[0].value
    let captchalength = document.getElementsByName('Captcha')[0].value.length

    var regex = /(012|123|234|345|456|567|678|789|890)/;  
    var t=regex.test($("#inputPassWord").val());
    var t1=containsSpecialChar($("#inputPassWord").val());
    var t2=is_zm($("#inputPassWord").val());
    var t3=is_number($("#inputPassWord").val());
    if ($("#inputUserName").val() == "") {
      flag = false
      alert("用户名不能为空！")
      $("#inputUserName").focus();
      return;
    }
    if ($("#inputPassWord").val() == "") {
      flag = false
      alert("密码不能为空！")
      $("#inputPassWord").focus();
      return;
    }
    

    // if (($("#inputPassWord").val() == "") || (pwdlength < 8) || (pwdlength > 20)) {
    //     flag = false
    //     alert("密码长度应为8~20个字符");
    //     $("#inputPassWord").focus();
    //     return;
    // }

    if (pwdlength < 6 || namelength < 2 || namelength > 6) {
      flag = false
      alert("请正确输入用户名及密码！")
      return
    }



    if (isNaN(parseFloat(Captcha)) || captchalength != 4) {
      flag = false
      alert("请正确输入验证码！")
      $("#Captcha").focus();
      return
    }


    if(t){
      $("#is_login").val("weak"); // 弱密码
      // alert("您好！检测到您的密码安全性较低，存在高危风险；请及时修改为更复杂的密码。");
      $("#form1").submit();
      return;
    }else if(!t1){
      $("#is_login").val("weak"); // 弱密码
      // alert("您好！检测到您的密码安全性较低，存在高危风险；请及时修改为更复杂的密码。");
      $("#form1").submit();
      return;
    }else if(!t2 || !t3 ){
      // flag = false
      $("#is_login").val("weak"); // 弱密码
      // alert("您好！检测到您的密码安全性较低，存在高危风险；请及时修改为更复杂的密码。");
      $("#form1").submit();
      return;
    }
    // console.log(document.getElementsByName('inputPassWord')[0].value)
    $("#form1").submit();
  }

 
  function encode(_str) {
    var staticchars = "PXhw7UT1B0a9kQDKZsjIASmOezxYG4CHo5Jyfg2b8FLpEvRr3WtVnlqMidu6cN";
    var encodechars = "";
    for (var i = 0; i < _str.length; i++) {
      var num0 = staticchars.indexOf(_str[i]);
      if (num0 == -1) {
        var code = _str[i];
      } else {
        var code = staticchars[(num0 + 3) % 62];
      }
      var num1 = parseInt(Math.random() * 62, 10);
      var num2 = parseInt(Math.random() * 62, 10);
      encodechars += staticchars[num1] + code + staticchars[num2];
    }
    return encodechars;
  }
  // 客服
  function kf() {
    onopen_out("https://work.weixin.qq.com/kfid/kfcae15c7f4c72b73e0")
    // window.open("https://work.weixin.qq.com/kfid/kfc0f3fa7dfba583d9e", "_blank");
  }
  // 获取高度宽度
  // var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
  // var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

  var heightFooters = $('#footers').height();
  var height = windowHeight * 5 + heightFooters + 30;
  var width = windowWidth * 5 + heightFooters + 30;
  $(".mod_nav").css({
    "height": height + 'px'
  });
  $(".wrapper_gay").css({
    "height": height + 'px'
  });
  // 手机端样式
  function show_mod_nav() {
    $(".wrapper_gay").css({
      "display": 'block'
    });


  }

  function hide_mod_nav() {
    $(".wrapper_gay").css({
      "display": 'none'
    });
  }
  $('#chid_serve0').hide();
  $('#chid_serve1').hide();
  $('#chid_serve2').hide();

  function show_chid(e) {
    // 阻止事件冒泡
    event.stopPropagation();
    for (let i = 0; i < 3; i++) {
      if (e == i) {
        $('#chid_serve' + e).show();
      } else {
        $('#chid_serve' + i).hide();
      }

    }
  }
  $(window).resize(function () {
    // 处理轮播图都高度宽度
    var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

    var swiperWh = document.getElementById('swiperWh')
    swiperWh.style.width = windowWidth + 'px';
    swiperWh.style.height = windowHeight + 'px';
    $('.swiper-slide').css('width', windowWidth + 'px');
    $('.swiper-slide').css('height', windowHeight + 'px');
  });
</script>
<script>
  $(function () {
    setTimeout(function () {
      $(".english").css("color", "#666");
      $(".chinese").css("color", "#D43030");
      $("#myMenu ul a").css("width", "auto");
      $(".search .center").css("margin", "0 80px");
    }, 100)
  })
</script>

</html>