<html lang="en"><head>
    <meta charset="UTF-8">
        <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1">
    <title>宏盟二手车交易市场</title>
    <meta name="keywords" content="首页|宏盟汽车,宏盟,宏盟二手车,宏盟二手车交易市场,">
    <meta name="description" content="首页|宏盟二手车交易市场隶属于宏盟汽车集团，位于成都市双流区西航港街办大件路白家段17号，包含宏盟二手车南区市场、宏盟二手车北区市场、宏盟车世界、宏盟星选馆、宏盟星车荟、宏盟内江六大展场。
宏盟二手车交易市场驻场商户超800余家，展车规模12000余辆，涵盖奢华档、高中低档海量车型，场内配套检测、金 融、车管、进出口、后市场等全产业链服务。">
    <meta name="referrer" content="always">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- 引入 Bootstrap -->
    <script>
        function getRequest() {
            var url = location.search; //获取url中"?"符后的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
            }
            }
            return theRequest;
        }
    </script>
    <link href="css/layui.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/animate.css?v=1.02" rel="stylesheet">
    <link href="css/swiper.min.css" rel="stylesheet">
    <script src="js/jquery-2.1.1.min.js"></script>
            <script src="js/pc-mobile.js?v=1.0.6"></script>
                <style>
        *{
            -webkit-font-smoothing:subpixel-antialiased;
        }
        input  {
            -webkit-appearance: none;
            border-radius:0;
        }
    </style>
    <script>
        /*@cc_on alert("您正在使用的浏览器版本过低，为了您的最佳体验，请先升级浏览器。");window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/
    </script>
    <script src="js/layer.js"></script>
    <link rel="stylesheet" href="css/layer.css" id="layuicss-layer">
    <script src="js/layui.all.js"></script>
    <link id="layuicss-laydate" rel="stylesheet" href="css/laydate.css" media="all">
    <link id="layuicss-skincodecss" rel="stylesheet" href="css/code.css" media="all">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <!-- <link  rel="stylesheet" href="css/nopagewidth.css?v=1.02">-->
        <style>
        @media screen and (max-width: 1200px) {
            html{
                font-size: 100px !important;
            }
        }
    </style>
            <style type="text/css">
        a{
            color:#333;
        }
        a:hover{
            color: #333;
        }
        img{
          image-rendering: -moz-crisp-edges;
          image-rendering: -o-crisp-edges;
          image-rendering: -webkit-optimize-contrast;
          image-rendering: crisp-edges;
          -ms-interpolation-mode: nearest-neighbor;
        }
                @media screen and (max-width: 1200px) {
            .add-wide {
                width: 12rem !important;
            }
            .add-wide-div {
                width: 12rem !important;
            }
        }
            </style>
        <style>
            </style>
</head>
<body style="background-position:center center;background-color:rgba(250, 250, 250, 1);background-attachment:scroll;background-size:contain;background-repeat:repeat;">
<div class="container" id="container" data-index="1" data-id="0" data-content="12rem" data-value="1" data-base="2560" style="width: 12rem; position: relative; min-height: 100vh; height: 42.3rem; padding: 0px; opacity: 1;">
<style>
    .unit-unslider .swiper-container .swiper-slide a img,video{
     object-fit:cover;
   width: 100%;
    }
</style>

  <style>
  #jz5-1-11_1699324628650 .swiper-pagination-bullet{
    width:0.14rem;height:0.14rem;border-radius:0.2rem;margin-bottom:0.2rem;background-color:rgba(255, 255, 255, 0.4);  }
  #jz5-1-11_1699324628650 .swiper-pagination-bullet-active{
    background-color:rgba(255, 255, 255, 0.8);  }
  
</style>
<div data-left="0" data-top="0" belongid="" id="jz5-1-11_1699324628650" unique="5-1-11_1699324628650" class="unit-unslider " data-to_detail_h="0" style="position:absolute;width:100%;left:0;top:0rem;height:7rem;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
  <div id="swiper-container5-1-11_1699324628650" class="swiper-container unslider-style1 swiper-container-initialized swiper-container-horizontal swiper-container-autoheight" style="cursor: grab;">
    <div class="swiper-wrapper" style="height: 700px; transform: translate3d(-7680px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" style="" data-swiper-slide-index="0">
          <a href="javascript:void(0);" target="_self">
                            <img style="" src="images/202311071058346323669.jpg" alt="">
                      </a>
                  </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" style="" data-swiper-slide-index="1">
          <a href="javascript:void(0);" target="_self">
                            <img style="" src="images/202311071058347225703.jpg" alt="">
                      </a>
                  </div>
              <div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" style="" data-swiper-slide-index="0">
          <a href="javascript:void(0);" target="_self">
                            <img style="" src="images/202311071058346323669.jpg" alt="">
                      </a>
                  </div>
              <div class="swiper-slide swiper-slide-active" style="" data-swiper-slide-index="1">
          <a href="javascript:void(0);" target="_self">
                            <img style="" src="images/202311071058347225703.jpg" alt="">
                      </a>
                  </div>
          <div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" style="" data-swiper-slide-index="0">
          <a href="javascript:void(0);" target="_self">
                            <img style="" src="images/202311071058346323669.jpg" alt="">
                      </a>
                  </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" style="" data-swiper-slide-index="1">
          <a href="javascript:void(0);" target="_self">
                            <img style="" src="images/202311071058347225703.jpg" alt="">
                      </a>
                  </div></div>
    <div class="swiper-pagination swiper-pagination5-1-11_1699324628650 swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-customs swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-customs swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2"></span></div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<script type="application/javascript">
    $(document).ready(function () {
      var mySwipers = new Swiper ('#swiper-container5-1-11_1699324628650', {
                direction: "horizontal",
                loop: true,
                slidesPerView: "auto",
                slidesPerGroup: 1,
                autoHeight: true,
                grabCursor: true,
                observer: true,
                observerParents: true,
                effect: "slide",
                                  autoplay:{
                    delay: 5000,
                    disableOnInteraction: false,
                  },
                              pagination: {
                  el: '.swiper-pagination5-1-11_1699324628650',
                  clickable: true,
                  renderBullet:(index, className) => {
                    return '<span class="swiper-pagination-customs swiper-pagination-customs '+className+'"></span>';
                  }
                },
                })
      //鼠标移入停止播放，鼠标离开继续轮播
      mySwipers.el.onmouseover=function(){
         mySwipers.autoplay.stop();
      }
                            mySwipers.el.onmouseleave=function(){
                mySwipers.autoplay.start();
              }
                      $(".unit-unslider").css('opacity',1);
    var lastVideo ='';
    function videoPlay() {
        if(lastVideo){
          lastVideo.pause();
        }
        const currentVideo = $('.swiper-slide-active').find('video');
        if (currentVideo.length > 0) {
          currentVideo.prop('currentTime', 0);
          currentVideo.get(0).play();
          lastVideo = currentVideo.get(0);
        }
    }
    mySwipers.on("slideChangeTransitionStart", videoPlay);
 
   videoPlay();
})
   
</script>
            <div data-left="0" data-top="7" class="unit-container-h-5-1-10_1699325959960         unit-container
                " id="jz5-1-10_1699325959960" data-to_detail_h="0" belongid="" unique="5-1-10_1699325959960" style="position:absolute;width:12rem;left:0rem;top:7rem;height:1.1rem;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 1);background-position:center center;background-repeat:no-repeat;box-shadow:0rem 0rem 0.12rem 0rem rgba(231, 231, 231, 1) ;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="0" data-top="7" class="unit-container-h-5-1-10_1699326051675         unit-container
                " id="jz5-1-10_1699326051675" data-to_detail_h="0" belongid="5-1-10_1699325959960" unique="5-1-10_1699326051675" style="position: absolute; width: 3.05rem; left: 0rem; top: 0rem; height: 1.09rem; border-width: 0rem; border-color: rgb(51, 51, 51); border-style: solid; padding: 0rem; opacity: 1; transform: rotate(0deg); background-color: rgb(255, 255, 255); background-position: center center; background-repeat: no-repeat; box-shadow: none; transition: none; display: block; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;">
        <div data-left="0.42" data-top="7.3" belongid="5-1-10_1699326051675" unique="1-5_1699326099752" id="jz1-5_1699326099752" class=" add-picture  " data-to_detail_h="0" style="position: absolute; width: 0.5rem; left: 0.42rem; top: 0.3rem; height: 0.5rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" data-animation="">
    <div class="img_div img-div-h-1-5_1699326099752" onmouseover="imgHover('1-5_1699326099752',1,``)" onmouseout="imgHover('1-5_1699326099752',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.09rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;animation-duration:0.35s;filter:none;width:0.5rem;height:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_1699326099752" class="" style="animation-duration:0.35s;filter:none;width:0.5rem;height:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="" src="images/202311071103545527990.jpg" alt="" usemap="#imgHot1-5_1699326099752">
                </a>
    </div>
    </div><div data-left="1.11" data-top="7.58" class="  add-text    " id="jz1-3_1699326111620" data-to_detail_h="0" unique="1-3_1699326111620" -data-animation="" style="position: absolute; width: 1.73rem; left: 1.11rem; top: 0.58rem; height: 0.28rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_1699326051675">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1699326111620" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">重新定义二手车消费</span></p>    </div>
  </div><div data-left="1.11" data-top="7.31" class="  add-text    " id="jz1-3_1699326110044" data-to_detail_h="0" unique="1-3_1699326110044" -data-animation="" style="position: absolute; width: 1.38rem; left: 1.11rem; top: 0.31rem; height: 0.23rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_1699326051675">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1699326110044" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p>我们的使命</p>    </div>
  </div></div><div data-left="3.08" data-top="7" class="unit-container-h-5-1-10_16993262842070         unit-container
                " id="jz5-1-10_16993262842070" data-to_detail_h="0" belongid="5-1-10_1699325959960" unique="5-1-10_16993262842070" style="position: absolute; width: 4.63rem; left: 3.08rem; top: 0rem; height: 1.09rem; border-width: 0rem; border-color: rgb(51, 51, 51); border-style: solid; padding: 0rem; opacity: 1; transform: rotate(0deg); background-color: rgb(255, 255, 255); background-position: center center; background-repeat: no-repeat; box-shadow: none; transition: none; display: block; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;">
        <div data-left="3.46" data-top="7.3" belongid="5-1-10_16993262842070" unique="1-5_16993262842081" id="jz1-5_16993262842081" class=" add-picture  " data-to_detail_h="0" style="position: absolute; width: 0.5rem; left: 0.38rem; top: 0.3rem; height: 0.5rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" data-animation="">
    <div class="img_div img-div-h-1-5_16993262842081" onmouseover="imgHover('1-5_16993262842081',1,``)" onmouseout="imgHover('1-5_16993262842081',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.09rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;animation-duration:0.35s;filter:none;width:0.5rem;height:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_16993262842081" class="" style="animation-duration:0.35s;filter:none;width:0.5rem;height:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="" src="images/202311071103545527990.jpg" alt="" usemap="#imgHot1-5_16993262842081">
                </a>
    </div>
    </div><div data-left="4.15" data-top="7.58" class="  add-text    " id="jz1-3_16993262842082" data-to_detail_h="0" unique="1-3_16993262842082" -data-animation="" style="position: absolute; width: 3.23rem; left: 1.07rem; top: 0.58rem; height: 0.32rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993262842070">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993262842082" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">成为世界一流的二手车产业供应链整合服务商环境</span></p>    </div>
  </div><div data-left="4.15" data-top="7.31" class="  add-text    " id="jz1-3_16993262842083" data-to_detail_h="0" unique="1-3_16993262842083" -data-animation="" style="position: absolute; width: 1.38rem; left: 1.07rem; top: 0.31rem; height: 0.23rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993262842070">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993262842083" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p>我们的愿景</p>    </div>
  </div></div><div data-left="7.75" data-top="7" class="unit-container-h-5-1-10_16993262991140         unit-container
                " id="jz5-1-10_16993262991140" data-to_detail_h="0" belongid="5-1-10_1699325959960" unique="5-1-10_16993262991140" style="position: absolute; width: 4.25rem; left: 7.75rem; top: 0rem; height: 1.09rem; border-width: 0rem; border-color: rgb(51, 51, 51); border-style: solid; padding: 0rem; opacity: 1; transform: rotate(0deg); background-color: rgb(255, 255, 255); background-position: center center; background-repeat: no-repeat; box-shadow: none; transition: none; display: block; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;">
        <div data-left="7.97" data-top="7.3" belongid="5-1-10_16993262991140" unique="1-5_16993262991141" id="jz1-5_16993262991141" class=" add-picture  " data-to_detail_h="0" style="position: absolute; width: 0.5rem; left: 0.22rem; top: 0.3rem; height: 0.5rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" data-animation="">
    <div class="img_div img-div-h-1-5_16993262991141" onmouseover="imgHover('1-5_16993262991141',1,``)" onmouseout="imgHover('1-5_16993262991141',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.09rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;animation-duration:0.35s;filter:none;width:0.5rem;height:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_16993262991141" class="" style="animation-duration:0.35s;filter:none;width:0.5rem;height:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="" src="images/202311071103545527990.jpg" alt="" usemap="#imgHot1-5_16993262991141">
                </a>
    </div>
    </div><div data-left="8.66" data-top="7.58" class="  add-text    " id="jz1-3_16993262991142" data-to_detail_h="0" unique="1-3_16993262991142" -data-animation="" style="position: absolute; width: 2.99rem; left: 0.91rem; top: 0.58rem; height: 0.28rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993262991140">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993262991142" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">持续创造社会价值，以长期视角专注产业服务</span></p>    </div>
  </div><div data-left="8.66" data-top="7.31" class="  add-text    " id="jz1-3_16993262991143" data-to_detail_h="0" unique="1-3_16993262991143" -data-animation="" style="position: absolute; width: 1.38rem; left: 0.91rem; top: 0.31rem; height: 0.23rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993262991140">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993262991143" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p>我们的理念</p>    </div>
  </div></div></div>
                
    
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
            
    
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
            
    
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<style>
 .add-wide1-1_1699326458449 .add-wide-div{
    background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat; }
 .add-wide1-1_1699326458449.fixTop .add-wide-div{
    background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;}
 .add-wide .wide-play-btn {
     position: absolute;
     width: 110px;
     height: 110px;
     bottom: 10%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
 }
 .add-wide .wide-play-btn::before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px dashed white;
     animation: rounds 5s linear infinite;
 }
 .add-wide .wide-play-btn .glyphicon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 32px;
     color: rgba(255, 255, 255, 0.5);
     transform: translate(-50%, -50%);
 }
 @keyframes rounds {
     from {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 .add-wide.wide-full-screen {
     width: 100% !important;
     height: 100vh !important;
 }
 .add-wide.wide-full-screen .add-wide-div {
     width: 100vw !important;
     height: 100vh !important;
 }
</style>

<div data-left="0" data-top="8.1" class="add-wide1-1_1699326458449 add-wide  " data-to_detail_h="0" unique="1-1_1699326458449" id="jz1-1_1699326458449" style="position:absolute;width:100%;left:0;top:8.1rem;height:6.6rem;">
    <div class="add-wide-div" style="background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat;">
                <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div>
    </div>
</div>


<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  <div data-left="0" data-top="8.64" class="  add-text    " id="jz1-3_1699326473588" data-to_detail_h="0" unique="1-3_1699326473588" -data-animation="" style="position:absolute;width:1.87rem;left:0rem;top:8.64rem;height:0.78rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongid="1-1_1699326458449">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1699326473588" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><strong><span style="font-size: 0.14rem; color: #3787FF;">COMPANY PROFILE</span></strong></p><p><strong><span style="font-size: 0.34rem;">企业概况</span></strong></p>    </div>
  </div>
<div data-left="0" data-top="9.64" belongid="1-1_1699326458449" unique="1-5_16993264884750" id="jz1-5_16993264884750" class=" add-picture  " data-to_detail_h="0" style="position:absolute;width:1.2rem;left:0rem;top:9.64rem;height:1.2rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation="">
    <div class="img_div img-div-h-1-5_16993264884750" onmouseover="imgHover('1-5_16993264884750',1,``)" onmouseout="imgHover('1-5_16993264884750',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.09rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;animation-duration:0.35s;filter:none;width:1.2rem;height:1.2rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_16993264884750" class="" style="animation-duration:0.35s;filter:none;width:1.2rem;height:1.2rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="" src="images/202311071108204606169.png" alt="" usemap="#imgHot1-5_16993264884750">
                </a>
    </div>
    </div>
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

<div data-left="1.58" data-top="9.64" belongid="1-1_1699326458449" unique="1-5_16993265092960" id="jz1-5_16993265092960" class=" add-picture  " data-to_detail_h="0" style="position:absolute;width:1.2rem;left:1.58rem;top:9.64rem;height:1.2rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation="">
    <div class="img_div img-div-h-1-5_16993265092960" onmouseover="imgHover('1-5_16993265092960',1,``)" onmouseout="imgHover('1-5_16993265092960',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.09rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;animation-duration:1s;filter:blur(0rem) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) saturate(100%);width:1.2rem;height:1.2rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_16993265092960" class="" style="animation-duration:1s;filter:blur(0rem) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) saturate(100%);width:1.2rem;height:1.2rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="" src="images/202311091359203638554.png" alt="" usemap="#imgHot1-5_16993265092960">
                </a>
    </div>
    </div>
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

<div data-left="3.16" data-top="9.64" belongid="1-1_1699326458449" unique="1-5_16993265114410" id="jz1-5_16993265114410" class=" add-picture  " data-to_detail_h="0" style="position:absolute;width:1.2rem;left:3.16rem;top:9.64rem;height:1.2rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation="">
    <div class="img_div img-div-h-1-5_16993265114410" onmouseover="imgHover('1-5_16993265114410',1,``)" onmouseout="imgHover('1-5_16993265114410',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.09rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;animation-duration:0.35s;filter:none;width:1.2rem;height:1.2rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_16993265114410" class="" style="animation-duration:0.35s;filter:none;width:1.2rem;height:1.2rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="" src="images/202311091402402355656.png" alt="" usemap="#imgHot1-5_16993265114410">
                </a>
    </div>
    </div>
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

  <div data-left="5.96" data-top="9.77" belongid="1-1_1699326458449" unique="1-4_1699326517433" id="jz1-4_1699326517433" class=" add-video  " data-to_detail_h="0" style="position:absolute;width:6.04rem;left:5.96rem;top:9.77rem;height:3.39rem;">
    <div class="video-inner draggable-inner-div video-inner-h-1-4_1699326517433" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
                <video muted="" controls="" class="video-wap" poster="" loop="" controlslist="nodownload" disablepictureinpicture="" style="object-fit:contain;">
        <source src="http://static.himorecloud.com/assets/video/hongmeng.mp4" type="video/ogg">
        <source src="http://static.himorecloud.com/assets/video/hongmeng.mp4" type="video/mp4">
        <source src="http://static.himorecloud.com/assets/video/hongmeng.mp4" type="video/webm">
      </video>
          </div>
  </div>
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  <div data-left="0" data-top="11.09" class="  add-text    " id="jz1-3_16993265583470" data-to_detail_h="0" unique="1-3_16993265583470" -data-animation="" style="position:absolute;width:5.36rem;left:0rem;top:11.09rem;height:2.32rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongid="1-1_1699326458449">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993265583470" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">　　宏盟二手车交易市场隶属于宏盟汽车集团，位于成都市双流区西航港街办大件路白家段17号，包含宏盟二手车南区市场、宏盟二手车北区市场、宏盟车世界、宏盟星选馆、宏盟星车荟、宏盟内江六大展场。</span></p><p><br></p><p><span style="font-size: 0.14rem;">　　宏盟二手车交易市场驻场商户超800余家，展车规模12000余辆，涵盖奢华档、高中低档海量车型，场内配套检测、金 融、车管、进出口、后市场等全产业链服务。</span></p><p><br></p><p><span style="font-size: 0.14rem;">　作为中国二手车流通领域先锋、全国知名行业品牌、二手车交易市场标杆，宏盟二手车市场荣膺2023年度二手车交易市场百强排行榜第1名（由中国汽车流通行业协会、凯达研究院评定）。</span></p><p><br></p>    </div>
  </div>
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  <div data-left="0" data-top="13.94" class="  add-text    " id="jz1-3_16993269905540" data-to_detail_h="0" unique="1-3_16993269905540" -data-animation="" style="position:absolute;width:1.87rem;left:0rem;top:13.94rem;height:0.78rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongid="1-1_1699326458449">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993269905540" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p style="letter-spacing: 0rem;"><strong><span style="font-size: 0.14rem; color: #3787FF;">BUSINESS LAYOUT</span></strong></p><p><strong><span style="font-size: 0.34rem;">业务布局</span></strong></p>    </div>
  </div>
<style>
 .add-wide1-1_1699327132021 .add-wide-div{
    background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat; }
 .add-wide1-1_1699327132021.fixTop .add-wide-div{
    background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;}
 .add-wide .wide-play-btn {
     position: absolute;
     width: 110px;
     height: 110px;
     bottom: 10%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
 }
 .add-wide .wide-play-btn::before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px dashed white;
     animation: rounds 5s linear infinite;
 }
 .add-wide .wide-play-btn .glyphicon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 32px;
     color: rgba(255, 255, 255, 0.5);
     transform: translate(-50%, -50%);
 }
 @keyframes rounds {
     from {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 .add-wide.wide-full-screen {
     width: 100% !important;
     height: 100vh !important;
 }
 .add-wide.wide-full-screen .add-wide-div {
     width: 100vw !important;
     height: 100vh !important;
 }
</style>

<div data-left="0" data-top="14.79" class="add-wide1-1_1699327132021 add-wide  " data-to_detail_h="0" unique="1-1_1699327132021" id="jz1-1_1699327132021" style="position:absolute;width:100%;left:0;top:14.79rem;height:6.83rem;">
    <div class="add-wide-div" style="background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat;">
                <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div>
    </div>
</div>


<div data-left="0" data-top="14.79" class=" unit-blocksit " id="jz5-2-2_1699327184737" data-to_detail_h="0" belongid="1-1_1699327132021" unique="5-2-2_1699327184737" style="position:absolute;width:12rem;left:0rem;top:14.79rem;height:6.51rem;;">
    <div class="draggable-inner-div blocksit-inner blocksit-inner-h-5-2-2_1699327184737" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;;" id="unit-blocksit-5-2-2_1699327184737">
                <div class="blocksit-item blocksit-item-5-2-2_1699327184737 blocksit-item-trans" style="padding: 0rem; margin: 0rem; background-color: rgb(255, 255, 255); border-color: rgb(196, 196, 196); border-style: solid; border-width: 0rem; left: 0rem; top: 0px;" data-key="1">
            <img decoding="async" loading="lazy" src="images/202311091754195603873.jpg" alt="" class="site-reday" style="width:4rem;">
                      </div>
                        <div class="blocksit-item blocksit-item-5-2-2_1699327184737 blocksit-item-trans" style="padding: 0rem; margin: 0rem; background-color: rgb(255, 255, 255); border-color: rgb(196, 196, 196); border-style: solid; border-width: 0rem; left: 4rem; top: 0px;" data-key="2">
            <img decoding="async" loading="lazy" src="images/202311091430097156136.jpg" alt="" class="site-reday" style="width:4rem;">
                      </div>
                        <div class="blocksit-item blocksit-item-5-2-2_1699327184737 blocksit-item-trans" style="padding: 0rem; margin: 0rem; background-color: rgb(255, 255, 255); border-color: rgb(196, 196, 196); border-style: solid; border-width: 0rem; left: 8rem; top: 0px;" data-key="3">
            <img decoding="async" loading="lazy" src="images/202311071120015425654.jpg" alt="" class="site-reday" style="width:4rem;">
                      </div>
                  </div>
      </div>

<script>
    if(typeof block_timer=="undefined"){
        var block_timer=[]
    }
    if (typeof curPage == "undefined") {
       var curPage = {}; 
    }
     curPage["5-2-2_1699327184737"] = 1;
    if(typeof showPage == "undefined"){
      var showPage = {};
    }
     
    showPage["5-2-2_1699327184737"] = "0";
    if(typeof count == "undefined") {
       var count ={}
    }
    count["5-2-2_1699327184737"] = parseInt("3");
    if(typeof initCount == "undefined") {
       var initCount = {};
    } 
    initCount = count;
    if(typeof pageSize == 'undefined') {
       var pageSize = {};
     }

     pageSize["5-2-2_1699327184737"] = parseInt("1")
   
    block_timer.push({
        unique:'5-2-2_1699327184737',
        boxMargin: 0,
        boxPadding: 0,
        imgWidth: 400,
        boxBorderWidth: 0,
        w:1200,
        needReLoad:1,
        timer: null
    })
    function isShow($node) { // 判断图片是否在视野中
        return $node.offset().top <= $(window).height() + $(window).scrollTop()
    }
    
</script>
<script>
    $(function(){
         function changeShow() {
      $('.blocksit-item-5-2-2_1699327184737').css('display', 'none');
      $('.blocksit-item-5-2-2_1699327184737').removeClass('blocksit-item');
      $('.blocksit-item-5-2-2_1699327184737').each((k,v) =>{
        const dataKey = $(v).attr('data-key');
        const start = (curPage["5-2-2_1699327184737"] - 1) * pageSize["5-2-2_1699327184737"]
        const end = curPage["5-2-2_1699327184737"] * pageSize["5-2-2_1699327184737"];
      //  console.log(start, end, dataKey);
        if(dataKey >start && dataKey <=end) {
          $(v).css('display', 'block');
          $(v).addClass('blocksit-item');
        }
      })
      const maxPage = Math.ceil(count["5-2-2_1699327184737"]/pageSize["5-2-2_1699327184737"]);
      const left = count["5-2-2_1699327184737"] % pageSize["5-2-2_1699327184737"];
      const last = left === 0 ? pageSize["5-2-2_1699327184737"] : left;
      initCount["5-2-2_1699327184737"] = curPage["5-2-2_1699327184737"] == maxPage ? last : pageSize["5-2-2_1699327184737"];
      const img = [];
      let flag = 0;
      for(var i = 0 ; i < count["5-2-2_1699327184737"] ; i++){
            img[i] = new Image()
            img[i].src = $(".blocksit-item-5-2-2_1699327184737").eq(i).children("img").attr('src');
            img[i].onload = function(){
                //第i张图片加载完成
                flag++
                var $node = $(this);
                if( flag == initCount['5-2-2_1699327184737'] && isShow($node)){
                    //全部加载完成
                    changeDis1('5-2-2_1699327184737',0,0,400,0,1200,1)
                }
            }
        }
    }
 
        if(showPage["5-2-2_1699327184737"] == 1) {
     //     changeShow();
          $('#jz5-2-2_1699327184737').css('overflow', 'visible');
          layui.use(['laypage', 'layer'],function() {
            var laypage = layui.laypage;
      
            laypage.render({
              elem: "blocksit-page-5-2-2_1699327184737",
              count: count["5-2-2_1699327184737"],
              limit: pageSize["5-2-2_1699327184737"],
              next: '>',
              curr: curPage["5-2-2_1699327184737"],
              prev: '<',
              jump:function(obj, first){
                curPage["5-2-2_1699327184737"] = obj.curr;
                changeShow()
                $('#blocksit-page-5-2-2_1699327184737 .layui-laypage-curr .layui-laypage-em').css('backgroundColor', "");
              }           
             })
          })
          $('#blocksit-page-5-2-2_1699327184737 .layui-laypage-curr .layui-laypage-em').css('backgroundColor', "");
        }
        const img = [];
        let flag = 0;
        for(var i = 0 ; i < count["5-2-2_1699327184737"] ; i++){
            img[i] = new Image()
            img[i].src = $(".blocksit-item-5-2-2_1699327184737").eq(i).children("img").attr('src');
            img[i].onload = function(){
                //第i张图片加载完成
                flag++
                var $node = $(this);
                if( flag == initCount["5-2-2_1699327184737"] && isShow($node)){
                    //全部加载完成
                    changeDis1('5-2-2_1699327184737',0,0,400,0,1200,1)
                }
            }
        }
        
    })
 
</script>
<style>
 .add-wide1-1_1699327562188 .add-wide-div{
    background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-image:url('images/202311071126219274019.jpg'); }
 .add-wide1-1_1699327562188.fixTop .add-wide-div{
    background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;}
 .add-wide .wide-play-btn {
     position: absolute;
     width: 110px;
     height: 110px;
     bottom: 10%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
 }
 .add-wide .wide-play-btn::before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px dashed white;
     animation: rounds 5s linear infinite;
 }
 .add-wide .wide-play-btn .glyphicon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 32px;
     color: rgba(255, 255, 255, 0.5);
     transform: translate(-50%, -50%);
 }
 @keyframes rounds {
     from {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 .add-wide.wide-full-screen {
     width: 100% !important;
     height: 100vh !important;
 }
 .add-wide.wide-full-screen .add-wide-div {
     width: 100vw !important;
     height: 100vh !important;
 }
</style>

<div data-left="0" data-top="21.62" class="add-wide1-1_1699327562188 add-wide  " data-to_detail_h="0" unique="1-1_1699327562188" id="jz1-1_1699327562188" style="position:absolute;width:100%;left:0;top:21.62rem;height:6rem;">
    <div class="add-wide-div" style="background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-image:url('images/202311071126219274019.jpg');">
                <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div>
    </div>
</div>


            <div data-left="0" data-top="23.68" class="unit-container-h-5-1-10_1699327607449         unit-container
                " id="jz5-1-10_1699327607449" data-to_detail_h="0" belongid="1-1_1699327562188" unique="5-1-10_1699327607449" style="position:absolute;width:3.7rem;left:0rem;top:23.68rem;height:2rem;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(0, 0, 0, 0.8);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="0.55" data-top="24.2" class="  add-text    " id="jz1-3_1699327939066" data-to_detail_h="0" unique="1-3_1699327939066" -data-animation="" style="position: absolute; width: 2.62rem; left: 0.55rem; top: 0.52rem; height: 0.97rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_1699327607449">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1699327939066" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="color: #FFFFFF; font-size: 0.32rem;">海量<span style="color: #FFFFFF; font-size: 0.32rem;">车源</span></span></p><p><span style="color: #FFFFFF;"><br></span></p><p><span style="color: #FFFFFF; font-size: 0.18rem;">【万】里挑一 ○ <strong>尽情选</strong></span></p><p><br></p>    </div>
  </div></div>
    <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
            <div data-left="4.15" data-top="23.68" class="unit-container-h-5-1-10_16993280232480         unit-container
                " id="jz5-1-10_16993280232480" data-to_detail_h="0" belongid="1-1_1699327562188" unique="5-1-10_16993280232480" style="position:absolute;width:3.7rem;left:4.15rem;top:23.68rem;height:2rem;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(0, 0, 0, 0.8);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="4.7" data-top="24.2" class="  add-text    " id="jz1-3_16993280232481" data-to_detail_h="0" unique="1-3_16993280232481" -data-animation="" style="position: absolute; width: 2.62rem; left: 0.55rem; top: 0.52rem; height: 0.97rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993280232480">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993280232481" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="color: #FFFFFF; font-size: 0.32rem;">车行汇集</span></p><p><span style="color: #FFFFFF;"><br></span></p><p><span style="color: #FFFFFF; font-size: 0.18rem;">【货】比700家 ○ <strong>轻松比</strong></span></p>    </div>
  </div></div>
    <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
            <div data-left="8.3" data-top="23.68" class="unit-container-h-5-1-10_16993280259120         unit-container
                " id="jz5-1-10_16993280259120" data-to_detail_h="0" belongid="1-1_1699327562188" unique="5-1-10_16993280259120" style="position:absolute;width:3.7rem;left:8.3rem;top:23.68rem;height:2rem;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(0, 0, 0, 0.8);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="8.85" data-top="24.2" class="  add-text    " id="jz1-3_16993280259121" data-to_detail_h="0" unique="1-3_16993280259121" -data-animation="" style="position: absolute; width: 2.62rem; left: 0.55rem; top: 0.52rem; height: 0.97rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993280259120">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993280259121" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="color: #FFFFFF; font-size: 0.32rem;">透明车况</span></p><p><span style="color: #FFFFFF;"><br></span></p><p><span style="color: #FFFFFF; font-size: 0.18rem;">【360度】完整呈现 ○ <strong>科技检</strong></span></p><p><br></p>    </div>
  </div></div>
    <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<style>
 .add-wide1-1_16993282135610 .add-wide-div{
    background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat; }
 .add-wide1-1_16993282135610.fixTop .add-wide-div{
    background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;}
 .add-wide .wide-play-btn {
     position: absolute;
     width: 110px;
     height: 110px;
     bottom: 10%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
 }
 .add-wide .wide-play-btn::before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px dashed white;
     animation: rounds 5s linear infinite;
 }
 .add-wide .wide-play-btn .glyphicon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 32px;
     color: rgba(255, 255, 255, 0.5);
     transform: translate(-50%, -50%);
 }
 @keyframes rounds {
     from {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 .add-wide.wide-full-screen {
     width: 100% !important;
     height: 100vh !important;
 }
 .add-wide.wide-full-screen .add-wide-div {
     width: 100vw !important;
     height: 100vh !important;
 }
</style>

<div data-left="0" data-top="27.68" class="add-wide1-1_16993282135610 add-wide  " data-to_detail_h="0" unique="1-1_16993282135610" id="jz1-1_16993282135610" style="position:absolute;width:100%;left:0;top:27.68rem;height:5.75rem;">
    <div class="add-wide-div" style="background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat;">
                <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div>
    </div>
</div>


            <div data-left="0" data-top="29.81" class="unit-container-h-5-1-10_16993282308240         unit-container
                " id="jz5-1-10_16993282308240" data-to_detail_h="0" belongid="1-1_16993282135610" unique="5-1-10_16993282308240" style="position:absolute;width:5.88rem;left:0rem;top:29.81rem;height:1.28rem;border-width:0.01rem;border-color:rgba(222, 222, 222, 1);border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 0);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="1.2" data-top="30.33" class="  add-text    " id="jz1-3_16993282308242" data-to_detail_h="0" unique="1-3_16993282308242" -data-animation="" style="position: absolute; width: 4.41rem; left: 1.2rem; top: 0.52rem; height: 0.65rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993282308240">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993282308242" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">全国头部销量市场，配备完善的产业供应链条，庞大的市场规模，为全球一体化战略提供可靠支撑。作为中国二手车出口首批试点企业，出口版图遍及全球70个国家，建立起稳定的国际贸易渠道。</span></p>    </div>
  </div><div data-left="1.2" data-top="30.01" class="  add-text    " id="jz1-3_16993282308243" data-to_detail_h="0" unique="1-3_16993282308243" -data-animation="" style="position: absolute; width: 3.49rem; left: 1.2rem; top: 0.2rem; height: 0.23rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993282308240">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993282308243" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.18rem;">全球化战略布局规模化集群效应</span></p>    </div>
  </div><div data-left="0.21" data-top="29.95" class="  add-text    " id="jz1-3_16993282985510" data-to_detail_h="0" unique="1-3_16993282985510" -data-animation="" style="position: absolute; width: 0.85rem; left: 0.21rem; top: 0.14rem; height: 0.99rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993282308240">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993282985510" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="color: #3787FF;"><strong><span style="font-size: 0.72rem;">01</span></strong></span></p>    </div>
  </div></div>
    <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
            <div data-left="6.12" data-top="29.82" class="unit-container-h-5-1-10_16993284092240         unit-container
                " id="jz5-1-10_16993284092240" data-to_detail_h="0" belongid="1-1_16993282135610" unique="5-1-10_16993284092240" style="position:absolute;width:5.88rem;left:6.12rem;top:29.82rem;height:1.28rem;border-width:0.01rem;border-color:rgba(222, 222, 222, 1);border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 0);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="7.32" data-top="30.44" class="  add-text    " id="jz1-3_16993284092241" data-to_detail_h="0" unique="1-3_16993284092241" -data-animation="" style="position: absolute; width: 4.44rem; left: 1.2rem; top: 0.62rem; height: 0.65rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284092240">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284092241" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">专注二手车产业运营，聚合行业优势资源，深度链接消费升级新需求，引领行业飞速发展。</span></p>    </div>
  </div><div data-left="7.32" data-top="30.12" class="  add-text    " id="jz1-3_16993284092242" data-to_detail_h="0" unique="1-3_16993284092242" -data-animation="" style="position: absolute; width: 3.5rem; left: 1.2rem; top: 0.3rem; height: 0.23rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284092240">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284092242" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.18rem;">深耕产业十余年建立行业领导品牌</span></p>    </div>
  </div><div data-left="6.33" data-top="29.96" class="  add-text    " id="jz1-3_16993284092243" data-to_detail_h="0" unique="1-3_16993284092243" -data-animation="" style="position: absolute; width: 0.93rem; left: 0.21rem; top: 0.14rem; height: 0.99rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284092240">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284092243" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="color: #3787FF;"><strong><span style="font-size: 0.72rem;">02</span></strong></span></p>    </div>
  </div></div>
    <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
            <div data-left="0" data-top="31.32" class="unit-container-h-5-1-10_16993284210440         unit-container
                " id="jz5-1-10_16993284210440" data-to_detail_h="0" belongid="1-1_16993282135610" unique="5-1-10_16993284210440" style="position:absolute;width:5.88rem;left:0rem;top:31.32rem;height:1.28rem;border-width:0.01rem;border-color:rgba(222, 222, 222, 1);border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 0);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="1.2" data-top="31.93" class="  add-text    " id="jz1-3_16993284210441" data-to_detail_h="0" unique="1-3_16993284210441" -data-animation="" style="position: absolute; width: 4.41rem; left: 1.2rem; top: 0.61rem; height: 0.65rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284210440">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284210441" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">中国汽车流通协会副会长单位，牵头参与多项行业权威标准的制订，荣膺2023年度全国二手车市场百强排行榜TOP1。</span></p>    </div>
  </div><div data-left="1.2" data-top="31.61" class="  add-text    " id="jz1-3_16993284210442" data-to_detail_h="0" unique="1-3_16993284210442" -data-animation="" style="position: absolute; width: 3.29rem; left: 1.2rem; top: 0.29rem; height: 0.23rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284210440">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284210442" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.18rem;">业界表率行业权威运营专家</span></p>    </div>
  </div><div data-left="0.21" data-top="31.46" class="  add-text    " id="jz1-3_16993284210443" data-to_detail_h="0" unique="1-3_16993284210443" -data-animation="" style="position: absolute; width: 0.85rem; left: 0.21rem; top: 0.14rem; height: 0.99rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284210440">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284210443" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="color: #3787FF;"><strong><span style="font-size: 0.72rem;">03</span></strong></span></p>    </div>
  </div></div>
    <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
            <div data-left="6.12" data-top="31.32" class="unit-container-h-5-1-10_16993284210444         unit-container
                " id="jz5-1-10_16993284210444" data-to_detail_h="0" belongid="1-1_16993282135610" unique="5-1-10_16993284210444" style="position:absolute;width:5.88rem;left:6.12rem;top:31.32rem;height:1.28rem;border-width:0.01rem;border-color:rgba(222, 222, 222, 1);border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 0);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="7.32" data-top="31.93" class="  add-text    " id="jz1-3_16993284210455" data-to_detail_h="0" unique="1-3_16993284210455" -data-animation="" style="position: absolute; width: 4.41rem; left: 1.2rem; top: 0.61rem; height: 0.65rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284210444">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284210455" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.14rem;">量身打造，为商户提供展厅、营销、培训等平台资源赋能，成功培育数十家全国二手车百强经销商。</span></p>    </div>
  </div><div data-left="7.32" data-top="31.61" class="  add-text    " id="jz1-3_16993284210456" data-to_detail_h="0" unique="1-3_16993284210456" -data-animation="" style="position: absolute; width: 3.41rem; left: 1.2rem; top: 0.29rem; height: 0.23rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284210444">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284210456" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="font-size: 0.18rem;">定制化赋能持续性扶商</span></p>    </div>
  </div><div data-left="6.33" data-top="31.46" class="  add-text    " id="jz1-3_16993284210457" data-to_detail_h="0" unique="1-3_16993284210457" -data-animation="" style="position: absolute; width: 0.93rem; left: 0.21rem; top: 0.14rem; height: 0.99rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_16993284210444">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993284210457" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p><span style="color: #3787FF;"><strong><span style="font-size: 0.72rem;">04</span></strong></span></p>    </div>
  </div></div>
    <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<style>
 .add-wide1-1_16993282118100 .add-wide-div{
    background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat; }
 .add-wide1-1_16993282118100.fixTop .add-wide-div{
    background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;}
 .add-wide .wide-play-btn {
     position: absolute;
     width: 110px;
     height: 110px;
     bottom: 10%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
 }
 .add-wide .wide-play-btn::before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px dashed white;
     animation: rounds 5s linear infinite;
 }
 .add-wide .wide-play-btn .glyphicon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 32px;
     color: rgba(255, 255, 255, 0.5);
     transform: translate(-50%, -50%);
 }
 @keyframes rounds {
     from {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 .add-wide.wide-full-screen {
     width: 100% !important;
     height: 100vh !important;
 }
 .add-wide.wide-full-screen .add-wide-div {
     width: 100vw !important;
     height: 100vh !important;
 }
</style>

<div data-left="0" data-top="33.55" class="add-wide1-1_16993282118100 add-wide  " data-to_detail_h="0" unique="1-1_16993282118100" id="jz1-1_16993282118100" style="position:absolute;width:100%;left:0;top:33.55rem;height:8.08rem;">
    <div class="add-wide-div" style="background-position:center center;background-color:rgba(221, 221, 221, 0);background-attachment:scroll;background-size:contain;background-repeat:repeat;">
                <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div>
    </div>
</div>


<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  <div data-left="0" data-top="28.66" class="  add-text    " id="jz1-3_16993281828180" data-to_detail_h="0" unique="1-3_16993281828180" -data-animation="" style="position:absolute;width:1.87rem;left:0rem;top:28.66rem;height:0.78rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongid="1-1_16993282135610">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993281828180" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p style="letter-spacing: 0rem;"><strong><span style="font-size: 0.14rem; color: #3787FF;">BUSINESS LAYOUT</span></strong></p><p><strong><span style="font-size: 0.34rem;">业务布局</span></strong></p>    </div>
  </div>
<div data-left="0.01" data-top="33.55" belongid="1-1_16993282118100" unique="1-5_1699328755029" id="jz1-5_1699328755029" class=" add-picture  " data-to_detail_h="0" style="position:absolute;width:5rem;left:0.01rem;top:33.55rem;height:7rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation="">
    <div class="img_div img-div-h-1-5_1699328755029" onmouseover="imgHover('1-5_1699328755029',1,``)" onmouseout="imgHover('1-5_1699328755029',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;animation-duration:0.35s;filter:none;width:5rem;height:7rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_1699328755029" class="" style="animation-duration:0.35s;filter:none;width:5rem;height:7rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="" src="images/202311091756469833987.jpg" alt="" usemap="#imgHot1-5_1699328755029">
                </a>
    </div>
    </div>
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

            <div data-left="5.22" data-top="33.55" class="unit-container-h-5-1-10_1699328759644         unit-container
                " id="jz5-1-10_1699328759644" data-to_detail_h="0" belongid="1-1_16993282118100" unique="5-1-10_1699328759644" style="position:absolute;width:6.78rem;left:5.22rem;top:33.55rem;height:6.98rem;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 1);background-position:center center;background-repeat:no-repeat;box-shadow:0rem 0rem 0.13rem 0rem rgba(228, 228, 228, 1) ;transition:none;;display:block;
                animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;">
        <div data-left="5.78" data-top="35.22" belongid="5-1-10_1699328759644" unique="5-1-8-1_1699328943324" class=" unit-message-form  " data-to_detail_h="0" style="position: absolute; width: 5.62rem; left: 0.56rem; top: 1.67rem; height: 4.4rem;" id="jz5-1-8-1_1699328943324">
  <div class="draggable-inner-div message-h-5-1-8-1_1699328943324 form-style-2" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none; --color: rgba(17, 17, 17, 1);--fontSize: 0.16rem;">
      <form id="messageForm5-1-8-1_1699328943324" class="body-list">
  <input type="hidden" name="form_id" value="1920">
      <div class="form-row" style="margin-top:0.3rem;margin-bottom:0.3rem;">
      <div class="form-title" style="font-size:0.16rem;font-family:initial;color:rgba(153, 156, 159, 1);font-weight:normal;text-decoration:none;text-align:left;margin-right:0rem;margin-bottom:0rem;">
        <span>留言标题</span>
                  <i style="color:#FF0000;">*</i>
              </div>
      <style>
  .radio-inline input{
    -webkit-appearance:radio;
  }
  .checkbox-inline input{
    -webkit-appearance:checkbox;
  }
  .form-select-com{
    position: relative;
  }
  .form-select-com select{
    -webkit-appearance:none;
    color:#c0c4cc;
  }
  /*自定义下拉三角样式*/
  .arrow{
    position: absolute;
    top:calc(50% - 0.05rem);
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
    border-top: 0.01rem solid #c0c4cc;
    border-right: 0.01rem solid #c0c4cc;
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
</style>
  <input class="form-input" placeholder="" name="留言标题" required="1" type="text" style="width:4.7rem;height:0.5rem;background-color:rgba(236, 241, 244, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(191, 191, 191, 0);border-radius:0.02rem;font-size:0.16rem;color:rgba(17, 17, 17, 1);" maxlength="120">


    </div>
      <div class="form-row" style="margin-top:0.3rem;margin-bottom:0.3rem;">
      <div class="form-title" style="font-size:0.16rem;font-family:initial;color:rgba(153, 156, 159, 1);font-weight:normal;text-decoration:none;text-align:left;margin-right:0rem;margin-bottom:0rem;">
        <span>手机号码</span>
                  <i style="color:#FF0000;">*</i>
              </div>
      <style>
  .radio-inline input{
    -webkit-appearance:radio;
  }
  .checkbox-inline input{
    -webkit-appearance:checkbox;
  }
  .form-select-com{
    position: relative;
  }
  .form-select-com select{
    -webkit-appearance:none;
    color:#c0c4cc;
  }
  /*自定义下拉三角样式*/
  .arrow{
    position: absolute;
    top:calc(50% - 0.05rem);
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
    border-top: 0.01rem solid #c0c4cc;
    border-right: 0.01rem solid #c0c4cc;
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
</style>
  <input class="form-input" placeholder="" name="手机号码" type="tel" required="1" maxlength="150" style="width:4.7rem;height:0.5rem;background-color:rgba(236, 241, 244, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(191, 191, 191, 0);border-radius:0.02rem;font-size:0.16rem;color:rgba(17, 17, 17, 1);">


    </div>
      <div class="form-row" style="margin-top:0.3rem;margin-bottom:0.3rem;">
      <div class="form-title" style="font-size:0.16rem;font-family:initial;color:rgba(153, 156, 159, 1);font-weight:normal;text-decoration:none;text-align:left;margin-right:0rem;margin-bottom:0rem;">
        <span>联系邮箱</span>
                  <i style="color:#FF0000;">*</i>
              </div>
      <style>
  .radio-inline input{
    -webkit-appearance:radio;
  }
  .checkbox-inline input{
    -webkit-appearance:checkbox;
  }
  .form-select-com{
    position: relative;
  }
  .form-select-com select{
    -webkit-appearance:none;
    color:#c0c4cc;
  }
  /*自定义下拉三角样式*/
  .arrow{
    position: absolute;
    top:calc(50% - 0.05rem);
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
    border-top: 0.01rem solid #c0c4cc;
    border-right: 0.01rem solid #c0c4cc;
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
</style>
  <input class="form-input" placeholder="" name="联系邮箱" type="email" required="1" maxlength="150" style="width:4.7rem;height:0.5rem;background-color:rgba(236, 241, 244, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(191, 191, 191, 0);border-radius:0.02rem;font-size:0.16rem;color:rgba(17, 17, 17, 1);">


    </div>
      <div class="form-row" style="margin-top:0.3rem;margin-bottom:0.3rem;">
      <div class="form-title" style="font-size:0.16rem;font-family:initial;color:rgba(153, 156, 159, 1);font-weight:normal;text-decoration:none;text-align:left;margin-right:0rem;margin-bottom:0rem;">
        <span>留言内容</span>
                  <i style="color:#FF0000;">*</i>
              </div>
      <style>
  .radio-inline input{
    -webkit-appearance:radio;
  }
  .checkbox-inline input{
    -webkit-appearance:checkbox;
  }
  .form-select-com{
    position: relative;
  }
  .form-select-com select{
    -webkit-appearance:none;
    color:#c0c4cc;
  }
  /*自定义下拉三角样式*/
  .arrow{
    position: absolute;
    top:calc(50% - 0.05rem);
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
    border-top: 0.01rem solid #c0c4cc;
    border-right: 0.01rem solid #c0c4cc;
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
</style>
  <textarea class="form-input" placeholder="" name="留言内容" required="1" style="resize: none;width:4.7rem;height:0.5rem;background-color:rgba(236, 241, 244, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(191, 191, 191, 0);border-radius:0.02rem;font-size:0.16rem;color:rgba(17, 17, 17, 1);height:0.5rem;" maxlength="100"></textarea>


    </div>
  </form>
<div class="jz-row">
  <span class="form-title"></span>
  <button type="button" data-value="false" onclick="messagePost('5-1-8-1_1699328943324')" class="sub-button sub-btn5-1-8-1_1699328943324 btn-style">提交</button>
</div>

  </div>
</div><div data-left="5.78" data-top="34.07" class="  add-text    " id="jz1-3_16993289046400" data-to_detail_h="0" unique="1-3_16993289046400" -data-animation="" style="position: absolute; width: 3.47rem; left: 0.56rem; top: 0.52rem; height: 0.78rem; animation-duration: 1.2s; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear;" belongid="5-1-10_1699328759644">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993289046400" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;">
          <p style="letter-spacing: 0rem;"><strong><span style="font-size: 0.14rem; color: #3787FF;">PLEASE LEAVE US A MESSAGE</span></strong></p><p><strong><span style="font-size: 0.34rem;">欢迎给我们留言</span></strong></p>    </div>
  </div></div>
        <style type="text/css">
      .unit-message-form .sub-btn5-1-8-1_1699328943324{
        width:4.7rem;height:0.5rem;color:#FFF;margin-top:0.2rem;background-color:rgba(55, 135, 255, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(55, 135, 255, 1);border-radius:0.2rem;margin-bottom:0rem;margin-left:0rem;font-size:0.16rem;      }
      .unit-message-form .sub-btn5-1-8-1_1699328943324:active{
        width:4.7rem;height:0.5rem;color:#FFF;margin-top:0.2rem;background-color:rgba(55, 135, 255, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(55, 135, 255, 1);border-radius:0.2rem;margin-bottom:0rem;margin-left:0rem;font-size:0.16rem;        color:rgba(55, 135, 255, 1);background-color:rgba(255, 255, 255, 1);background-position:center center;background-repeat:no-repeat;border-color:rgba(55, 135, 255, 1);      }
      .form-select-com select option{
          color:initial;
      }
    </style>
    

    <script>
            layui.use('laydate', function () {
                var laydate = layui.laydate
                //时间选择器
                laydate.render({
                    elem: '#time_5-1-8-1_1699328943324',
                    type: 'time',
                    trigger: 'click'
                });
                laydate.render({
                    elem: '#date_5-1-8-1_1699328943324',
                    format: 'yyyy-MM-dd',
                    trigger: 'click'
                })
            })
    </script>
          <script>
        //是否需要验证手机号
        var setToken = 'f3bf6feec7a2f9d7fddd180425bd8d96';
        var fields = JSON.parse('[{"fieldText":"\u7559\u8a00\u6807\u9898","value":"","isHide":false,"type":"text","isFill":true,"length":120,"optionList":[{"value":""}],"isVerification":false,"useCountryAddress":false,"id":"field_16993290564780"},{"fieldText":"\u624b\u673a\u53f7\u7801","field":"","value":"","isHide":false,"type":"tel","isFill":true,"length":150,"optionList":[{"value":""}],"isVerification":false,"useCountryAddress":false,"id":"field_1699329087208"},{"fieldText":"\u8054\u7cfb\u90ae\u7bb1","field":"","value":"","isHide":false,"type":"email","isFill":true,"length":150,"optionList":[{"value":""}],"isVerification":false,"useCountryAddress":false,"id":"field_1699329077515"},{"fieldText":"\u7559\u8a00\u5185\u5bb9","value":"","isHide":false,"type":"textarea","isFill":true,"length":100,"optionList":[{"value":""}],"isVerification":false,"useCountryAddress":false,"id":"field_16993290564781"}]');
        function messagePost(unique) {
            var is_mobile = $(".sub-btn"+unique).data('value');
            var telphone = $("#messageForm"+unique).find("input[type='tel']").val();
            var loca_token = localStorage.getItem("store_token");
            if(loca_token){
                var token = loca_token;
            }else {
                localStorage.setItem("store_token", setToken);
                var token = setToken;
            }
            var formDataArray = $("#messageForm"+unique).serializeArray();
            var boole = false;
            $.each(formDataArray,function (k,v) {
                $.each(fields,function(kk,vv){
                    if(v.name == vv.fieldText && v.value === "" && vv.isFill === true){
                        boole = true
                        layer.msg('请填写'+v.name, {icon: 5, time: 1500, shade: 0.5});
                    }
                });
            });
            if(boole){
                return false;
            }
            if(is_mobile=='true'){
                $.ajax({
                    type: "post",
                    url: "http://www.17hongtu.cn/third_party/sms/sendSms",
                    contentType: "application/x-www-form-urlencoded",
                    dataType:"json",
                    data: {token:token,telphone:telphone,from:4},
                    success: function (res) {
                        if (res.code == 200) {
                            layer.msg('已发送验证码至手机', {icon: 6, time: 1500, shade: 0.5},function () {
                                layer.prompt({title:'短信验证码',placeholder:'短信验证码'},function(value, index, elem){
                                    formDataArray.push({'name':'mobile_code','value':value});
                                    formDataArray.push({'name':'type','value':1});
                                    formDataArray.push({'name':'token','value':token});
                                    messagePostData(unique,formDataArray,index);
                                });
                            });
                        } else {
                            layer.msg(res.msg, {icon: 5, time: 1500, shade: 0.5});
                            return false;
                        }
                    }
                })
            }else{
                var formData = $("#messageForm"+unique).serialize()+'&token='+token;
                messagePostData(unique,formData);
            }
        }
        //提交
        function messagePostData(unique,formData,index = -1) {
            $.ajax({
                type: "post",
                url: "http://www.17hongtu.cn/third_party/form_feedback/saveDatas",
                contentType: "application/x-www-form-urlencoded",
                dataType:"json",
                data: formData,//这里data传递过去的是序列化以后的字符串
                success: function (res) {
                    if (res.code == 200) {
                        layer.msg(`恭喜您，提交成功`, {icon: 6, time: 1500, shade: 0.5},function () {
                            if (0) {
                                window.location.href =""
                            }
                        });
                        if(index > -1){
                            layer.close(index);
                        }
                    } else {
                        layer.msg(res.msg, {icon: 5, time: 1500, shade: 0.5});
                        return false;
                    }
                }
            })
        }
      </script>
      <!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  
<style>
 .add-wide1-1_16993292868070 .add-wide-div{
    background-position:center center;background-color:rgba(19, 32, 50, 0.50);background-attachment:scroll;background-size:contain;background-repeat:repeat; }
 .add-wide1-1_16993292868070.fixTop .add-wide-div{
    background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;}
 .add-wide .wide-play-btn {
     position: absolute;
     width: 110px;
     height: 110px;
     bottom: 10%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
 }
 .add-wide .wide-play-btn::before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px dashed white;
     animation: rounds 5s linear infinite;
 }
 .add-wide .wide-play-btn .glyphicon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 32px;
     color: rgba(255, 255, 255, 0.5);
     transform: translate(-50%, -50%);
 }
 @keyframes rounds {
     from {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 .add-wide.wide-full-screen {
     width: 100% !important;
     height: 100vh !important;
 }
 .add-wide.wide-full-screen .add-wide-div {
     width: 100vw !important;
     height: 100vh !important;
 }
</style>

<div data-left="0" data-top="0" class="add-wide1-1_16993292868070 add-wide  " data-to_detail_h="0" unique="1-1_16993292868070" id="jz1-1_16993292868070" style="position:absolute;width:100%;left:0;top:0rem;height:0.7rem;">
    <div class="add-wide-div" style="background-position:center center;background-color:rgba(19, 32, 50, 0.50);background-attachment:scroll;background-size:contain;background-repeat:repeat;">
                <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div>
    </div>
</div>


<div data-left="0" data-top="0.04" belongid="1-1_16993292868070" unique="1-5_16993292868071" id="jz1-5_16993292868071" class=" add-picture  " data-to_detail_h="0" style="position:absolute;width:1.92rem;left:0rem;top:0.04rem;height:0.6rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation="">
    <div class="img_div img-div-h-1-5_16993292868071" onmouseover="imgHover('1-5_16993292868071',1,``)" onmouseout="imgHover('1-5_16993292868071',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;animation-duration:0.35s;filter:none;width:1.92rem;height:0.6rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;">
        <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;width: 100%;" rel="" target="_self">
            <img id="add-picture-1-5_16993292868071" class="" style="animation-duration:0.35s;filter:none;width:1.92rem;height:0.6rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="宏盟二手车" src="images/202311071034474881479.png" alt="宏盟二手车" usemap="#imgHot1-5_16993292868071">
                </a>
    </div>
    </div>
<script>
    function imgHover (unique,hover,class_name){
        let nav=$('#add-picture-'+unique)
        if (hover){
            nav.addClass(class_name);
        } else {
            nav.removeClass(class_name);
        }
    }
</script>

    <style>
      .add-nav-1-7_16993292868082 a{
        display: inline-block;
        width: 100%;
        height: 100%;
      }
      .add-nav-1-7_16993292868082 .first-nav1-7_16993292868082 >.first-a{
        font-family:initial;color:rgba(204, 204, 204, 1);text-align:center;background-color:rgba(32, 32, 32, 0);background-position:center center;background-repeat:no-repeat;width:1.2rem;height:0.45rem;line-height:0.45rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem;      }
      .add-nav-1-7_16993292868082 .first-nav1-7_16993292868082:hover >.first-a{
        font-family:initial;color:rgba(55, 135, 255, 1);text-align:center;background-color:rgba(49, 180, 124, 0);background-position:center center;background-repeat:no-repeat;width:1.2rem;height:0.45rem;line-height:0.45rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem;      }
      .add-nav-1-7_16993292868082 .second-li1-7_16993292868082>.second-a{
        font-family:initial;color:#fff;text-align:center;background-color:#31b47c;background-position:center center;background-repeat:no-repeat;width:1.2rem;height:0.45rem;line-height:0.45rem;font-size:0.12rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem;        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .add-nav-1-7_16993292868082 .second-li1-7_16993292868082:hover>.second-a{
      font-family:initial;color:#fff;text-align:center;background-color:#31b47c;background-position:center center;background-repeat:no-repeat;width:1.2rem;height:0.45rem;line-height:0.45rem;font-size:0.12rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem;      }
      .add-nav-1-7_16993292868082 .nav-active>.first-a{
        font-family:initial;color:rgba(55, 135, 255, 1);text-align:center;background-color:rgba(49, 180, 124, 0);background-position:center center;background-repeat:no-repeat;width:1.2rem;height:0.45rem;line-height:0.45rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem;      }
    </style>
    <div data-left="5.54" data-top="0.13" belongid="1-1_16993292868070" unique="1-7_16993292868082" class="add-nav add-nav-1-7_16993292868082 " data-to_detail_h="0" id="jz1-7_16993292868082" style="position:absolute;width:6.27rem;left:5.54rem;top:0.13rem;height:0.45rem;" data-animation="">
        <div style="width: 100%!important;height: 100%!important;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.05rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 0);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" class="add-nav add-nav-h-1-7_16993292868082 ">
<ul class="add-nav-ul ">
            <li class="nav-group first-nav-0-1-7_16993292868082 first-nav1-7_16993292868082">
                <a class="first-a" href="index.html" style="" target="_self">
                    首页                </a>
                                            </li>
                    <li class="nav-group first-nav-1-1-7_16993292868082 first-nav1-7_16993292868082">
                <a class="first-a" href="20672.html" style="" target="_self">
                    宏盟汽车集团                </a>
                                            </li>
                    <li class="nav-group first-nav-2-1-7_16993292868082 first-nav1-7_16993292868082">
                <a class="first-a" href="20675.html" style="" target="_self">
                    通知公告                </a>
                                            </li>
                    <li class="nav-group first-nav-3-1-7_16993292868082 first-nav1-7_16993292868082">
                <a class="first-a" href="20673.html" style="" target="_self">
                    企业资讯                </a>
                                            </li>
                    <li class="nav-group first-nav-4-1-7_16993292868082 first-nav1-7_16993292868082 nav-active">
                <a class="first-a" href="20674.html" style="" target="_self">
                    活动风采                </a>
                                            </li>
            </ul>
</div>
    </div>
    <script type="text/javascript">
      $(document).ready(function () {
        let url_nav = window.location.pathname
        let a = $('.first-nav1-7_16993292868082 .first-a')
        let l = a.length
        for (var i = 0; i < l; i++) {
          if (a.eq(i).attr('href') == url_nav || a.eq(i).attr('href') == url_nav + '/') {
            $('.first-nav1-7_16993292868082').eq(i).addClass('nav-active')
          } else {
            $('.first-nav1-7_16993292868082').eq(i).removeClass('nav-active')
          }
        }
        let sa = $('.second-li1-7_16993292868082 .second-a')
        let sl = sa.length
        for (var j = 0; j < sl; j++) {
          if (a.eq(j).attr('href') == url_nav || a.eq(j).attr('href') == url_nav + '/') {
            $('.first-nav1-7_16993292868082').eq(j).parent().addClass('nav-active')
          } else {
            $('.first-nav1-7_16993292868082').eq(j).parent().siblings().removeClass('nav-active')
          }
        }
      })
    </script>
  <style>
 .add-wide1-1_16993292868083 .add-wide-div{
    background-position:center center;background-color:rgba(19, 32, 50, 1);background-attachment:scroll;background-size:contain;background-repeat:repeat; }
 .add-wide1-1_16993292868083.fixTop .add-wide-div{
    background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;}
 .add-wide .wide-play-btn {
     position: absolute;
     width: 110px;
     height: 110px;
     bottom: 10%;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
 }
 .add-wide .wide-play-btn::before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px dashed white;
     animation: rounds 5s linear infinite;
 }
 .add-wide .wide-play-btn .glyphicon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 32px;
     color: rgba(255, 255, 255, 0.5);
     transform: translate(-50%, -50%);
 }
 @keyframes rounds {
     from {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 .add-wide.wide-full-screen {
     width: 100% !important;
     height: 100vh !important;
 }
 .add-wide.wide-full-screen .add-wide-div {
     width: 100vw !important;
     height: 100vh !important;
 }
</style>

<div data-left="0" data-top="41.63" class="add-wide1-1_16993292868083 add-wide  " data-to_detail_h="0" unique="1-1_16993292868083" id="jz1-1_16993292868083" style="position:absolute;width:100%;left:0;top:41.63rem;height:0.67rem;">
    <div class="add-wide-div" style="background-position:center center;background-color:rgba(19, 32, 50, 1);background-attachment:scroll;background-size:contain;background-repeat:repeat;">
                <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div>
    </div>
</div>


<!--  <style>-->
<!--    .add-text .add-text-inner p {-->
<!--      word-break: normal;-->
<!--    }-->
<!--  </style>-->
  <div data-left="0" data-top="41.85" class="  add-text    " id="jz1-3_16993292868084" data-to_detail_h="0" unique="1-3_16993292868084" -data-animation="" style="position:absolute;width:12rem;left:0rem;top:41.85rem;height:0.23rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongid="1-1_16993292868083">
    <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_16993292868084" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;transition:none;">
          <p style="text-align: center;"><span style="color: #AAAAAA; font-size: 0.14rem;">版权所有©成都宏盟二手车交易市场管理有限公司 &nbsp;<a href="http://beian.miit.gov.cn/" title="" target="_blank" style="color: rgb(170, 170, 170); text-decoration: underline;"><span style="font-size: 0.14rem; color: #AAAAAA;"> 蜀ICP备2021022726号-1</span></a></span></p>    </div>
  </div>
<div class="preview-inner" style="display: none;" onclick="closePreviewBox()">
    <h4><span id="preview_img_index">1</span> / <span id="preview_img_count"></span></h4>
    <div id="preview_inner_container" class="swiper-container">
        <div id="preview_inner_wrapper" class="swiper-wrapper">

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

<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.min.js?v=1.0.3"></script>
<script src="js/wow.min.js"></script>
<script src="js/common.js?v=1.83"></script>
<script src="js/download2.js"></script>
<script src="js/html5zoo.js"></script>
<script src="js/address.js"></script>
<script>
    class scrollNum {
        constructor(el,type,isRepeat=0) {
            this.obj = el
            this.getElOffset();
            if(type == 2) {
                el.mouseover((e)=>{
                    this.action($(e.currentTarget))
                })
                el.mouseout((e)=>{
                    $(e.currentTarget).attr('data-use',null)
                })
            }else{
                $(document).scroll(()=>{
                    this.elOffset.forEach((v,k)=>{
                        if (this.checkIsView(v.elTop, v.elHeight)) {
                            this.action(this.obj.eq(k),isRepeat)
                        }
                    })
                })
                this.elOffset.forEach((v,k)=>{
                    if (this.checkIsView(v.elTop, v.elHeight)) {
                        this.action(this.obj.eq(k),isRepeat)
                    }
                })
            }

        }
        getElOffset() {
            this.elOffset = []
            this.obj.each((k,v)=>{
                this.elOffset[k] = { 'elTop': $(v).offset().top, 'elHeight': $(v).height()}
            })
        }
        checkIsView(elTop,elHeight) {
            const scrollTop = $(document).scrollTop()
            const winHeight = $(window).height()
            if ((scrollTop + winHeight) >= (elTop +elHeight)) {
                return true
            }else{
                return false
            }
        }
        // isRepeat是否重复
        action(el,isRepeat=0) {
            var isUse = el.data('use')
            if (!isUse || isRepeat == 1) {
                const ele = el.find('.draggable-inner-div')
                var num = parseInt(ele.attr('data-num'));
                var duration = parseInt(ele.attr('data-duration'));
                el.attr('data-use',1)
                var durationStep = 100;
                var l = Math.ceil(duration / durationStep)
                var i=0;
                this.setNum(ele,i,l,durationStep,num)
            }
        }
        setNum(ele,i,l,durationStep,num){
            ele.html(Math.ceil(num * (i + 1) / l));
            setTimeout(() => {
                i++;
                if(i<l){
                    this.setNum(ele,i,l,durationStep,num)
                }
            }, durationStep)
        }
    }
    class unitJslider{
        constructor(unique,data,w,directionSpeed){
            this.index = 0;
            this.unique = unique;
            this.data = data;
            this.W = w;
            this.obj = $(".jslider-"+unique);
            this.directionSpeed = directionSpeed;
            this.autoplay = $(".jslider-"+unique).data('autoplay');
            this.timeout = '';
            this.init();
            if(this.autoplay){
                this.timeOut();
            }else{
                this.index = -1;
                this.task();
            }
            this.obj.mouseenter((e)=>{
                this.mouseenter($(e.currentTarget).data('key'));
            });
            this.obj.mouseleave((e)=>{
                this.mouseleave();
            });
        }
        timeOut() {
            this.timeout = setInterval(()=>{
                $(".jslider-"+this.unique).css('transition','all 0.8s ease-out');
                if (this.index < this.data - 1) {
                    this.index++;
                } else {
                    this.index = 0
                }
                for(var i=0;i<this.data;i++){
                    var css = this.getStyle(i);
                    //jslider-active class的显示
                    if(this.index==i){
                        $(".jslider-"+this.unique).removeClass('jslider-active');
                        $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active');
                    }
                    $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css);
                }
            },this.directionSpeed*1000);
        }
        init() {
            // $(".jslider-"+unique).css('transition','none');
            for(var i=0;i<this.data;i++){
                var css = this.getStyle(i);
                //jslider-active class的显示
                if(this.index==i){
                    $(".jslider-"+this.unique).removeClass('jslider-active');
                    $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active');
                }
                $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css);
            }
            $(".jslider-style3").css('display','block');
        }
        task() {
            $(".jslider-"+this.unique).css('transition','all 0.8s ease-out');
            if (this.index < this.data - 1) {
                this.index++;
            } else {
                this.index = 0
            }

            console.log(this.index);
            for(var i=0;i<this.data;i++){
                var css = this.getStyle(i);
                //jslider-active class的显示
                if(this.index==i){
                    $(".jslider-"+this.unique).removeClass('jslider-active');
                    $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active');
                }
                $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css);
            }
        }
        getStyle (l) {
            var len = this.data;
            if (this.index == -1) {
                var Gap = parseInt(this.W / len)
                return `translateX(${l * Gap + 'px'})`;
            } else {
                if (l <= this.index) {
                    return `translateX(${l * 40 + 'px'})`;
                } else {
                    return `translateX(${this.W - (len - l) * 40 + 'px'})`;
                }
            }
        }
        mouseenter(key) {
            //暂停轮播
            this.index = key;
            if(this.timeout){
                clearInterval(this.timeout);
            }
            for(var i=0;i<this.data;i++){
                var css = this.getStyle(i);
                //jslider-active class的显示
                if(this.index==i){
                    $(".jslider-"+this.unique).removeClass('jslider-active');
                    $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active');
                }
                $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css);
            }
        }
        mouseleave() {
            this.index = -1;
            for(var i=0;i<this.data;i++){
                var css = this.getStyle(i);
                //jslider-active class的显示
                $(".jslider-"+this.unique).removeClass('jslider-active');
                $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css);
            }
            if(this.autoplay){
                this.timeOut();
            }else{
                this.index = 0;
                this.init();
            }
        }
    }
     function container() {
        //容器绑定组件，动画同步
        var dom = $(".unit-container");
        dom.each((index,val)=>{
        var que = $(val).attr('unique');
        var left = $(val).data('left');
        var top = $(val).data('top');
        var box = document.getElementsByClassName('container');
        var sum_dom = box[0].getElementsByTagName("div");
        for(let i=0;i<sum_dom.length;i++){
            var belongs = $(sum_dom[i]).attr('belongid');
            var flag = $(sum_dom[i]).hasClass("add-nav");//导航除外
            if(que == belongs && !flag){
                var left1 = $(sum_dom[i]).data('left');
                var top1  = $(sum_dom[i]).data('top');
                var new_left = parseFloat(left1) - parseFloat(left);
                var new_top  = parseFloat(top1) - parseFloat(top);
                $(sum_dom[i]).css('top',new_top+'rem');
                $(sum_dom[i]).css('left',new_left+'rem');
                var son_dom = $(sum_dom[i]);
                if(son_dom.find('a').attr('href') === 'javascript:void(0)'){
                    son_dom.find('a').attr('href', $(val).attr('href'))
                }
                $(sum_dom[i]).remove();
                $(val).append(son_dom);
            }
        }
    })
    $('#container').css('opacity',1);
         $(".container").attr('data-index',1);
    }
</script>
<script>
        var wow = null
        function initWow() {
            wow = new WOW({ live: true })
            wow.init()
        }
        function wowInit() {
            let full_screen_current=$('.dot-active').data('show_key');
            let box =$(".full-item-inner").eq(full_screen_current).children("div[data-animation]")
            for (let i = 0; i < box.length; i++) {
                let animation_class_name = box.eq(i).data("animation")
                box.eq(i).removeClass(animation_class_name)
            }
            setTimeout(() => {
                for (let i = 0; i < box.length; i++) {
                    let animation_class_name = box.eq(i).data("animation")
                    box.eq(i).addClass(animation_class_name)
                }
            }, 100);
        }
        if ($('.unit-fullscreen').length >0){
           wowInit();
        } else {
            initWow()
            var current = 0
            var last = 0
            var toTop = false
            var timer = null
            $(window).scroll(function (e) {
                if (!timer) {
                    current = $(this).scrollTop()
                    let currentTop = false
                    if (last <= current) {
                        currentTop = false
                    } else {
                        currentTop = true
                    }
                    last = current
                    if (!currentTop && toTop) {
             //           initWow()
                    }
                    if (toTop !== currentTop) {
                        toTop = currentTop
                    }
                    timer = setTimeout(() => {
                        timer = null
                    }, 500)
                }
            })
        }
</script>
<script>
  $(document).ready(function() {
    var boole = false;
    var pro_top=0;
    var news_top=0;
    var pro_try =0;
    var news_try =0;
      var pro_top_l=0;
      var news_top_l=0;
      var pro_try_l =0;
      var news_try_l =0;
    var timer = setInterval(function () {
        let dd = checkHeight()
        if (dd.pro == pro_top){
            if (pro_try >4){
                setFooterTop();
                clearInterval(timer)
            }
            pro_try +=1;

        }
        pro_top = dd.pro
    }, 100)
      var timer_news =setInterval(function(){
          let dd = checkHeight()
          if (news_top == dd.news){
              if(news_try>4){
                  setFooterTop();
                  clearInterval(timer_news);
              }
              news_try +=1;
          }
          news_top= dd.news
      },100)
  })
  function setFooterTop() {
      let w=document.getElementsByTagName('html')[0].clientWidth;
      let pr=1;
      let base = $('#container').data('base');
      if(!checkIsPc()){
          pr=w/320;
      }else{
          pr=w/base;
      }
      if ($(".unit-product-detail").length >0) {
          let detail_h=$('.unit-product-detail>div')[0].scrollHeight
          let detail_t=$('.unit-product-detail')[0].offsetTop
          let ButtomTop = (detail_h+detail_t)/100/pr
          let new_detail_h = checkLevel(detail_t/100/pr,ButtomTop,pr);
          if(new_detail_h > 0){
              detail_h = new_detail_h*100*pr;
          }
          let detail_bottoms=$('.detail_bottom')
          // if (checkIsPc()) {
              let minTop = Number.MAX_SAFE_INTEGER
              detail_bottoms.each((index,val)=>{
                  if($(val).attr('data-to_detail_h')){
                    const attr = $(val).data('to_detail_h').split('&');
                    const value = parseFloat(attr[1])
                    if (value < minTop) {
                      minTop = value
                    }
                  }
          })
          let max_bt = 0;
          detail_bottoms.each((index,val)=>{
              if($(val).attr('data-to_detail_h')){
                const attr = $(val).data('to_detail_h').split('&');
                const value = parseFloat(attr[1])
                const diffY = value - minTop
                $(val).css('top',(detail_t+detail_h)+ diffY*100*pr +'px');
                const max_bt_1 = (detail_t+detail_h)+ diffY*100*pr ;
                if(max_bt_1 > max_bt) {
                  max_bt = max_bt_1;
                }
                $(val).show()
              }

          })
          $(".unit-product-detail").css('height','initial');
        //   $('.container').css('height','auto')
           $('.container').css('height',max_bt+'px')
      }
      if ($(".unit-news-detail").length >0) {
          let detail_h=$('.unit-news-detail>div')[0].scrollHeight
          let detail_t=$('.unit-news-detail')[0].offsetTop
          let ButtomTop = (detail_h+detail_t)/100/pr;
          let new_detail_h = checkLevel(detail_t/100/pr,ButtomTop,pr);
          if(new_detail_h > 0){
              detail_h = new_detail_h*100*pr;
          }
          let detail_bottoms=$('.detail_bottom')
          let minTop = Number.MAX_SAFE_INTEGER;
          let max_bt = 0;
          detail_bottoms.each((index,val)=>{
            const attr = $(val).data('to_detail_h').split('&');
            const value = parseFloat(attr[1])
            if (value < minTop) {
              minTop = value
            }
          })
          detail_bottoms.each((index,val)=>{
              const attr = $(val).data('to_detail_h').split('&');
              const value = parseFloat(attr[1])
              const diffY = value - minTop
              $(val).css('top',(detail_t+detail_h)+ diffY*pr*100 +'px');
              const max_bt_1 = (detail_t+detail_h)+ diffY*100*pr ;
            if(max_bt_1 > max_bt) {
              max_bt = max_bt_1;
            }
              $(val).show()
          })
          $(".unit-news-detail").css('height','initial');
        //   $('.container').css('height','auto')
           $('.container').css('height',max_bt+'px');
      }
      if(window.boole){
          container();
      }else{
          window.boole = true;
      }
  }
  //遍历div找出与新闻、产品左右侧的组件
  function checkLevel(dataTop,dataButtonTop,pr) {
      let box = document.getElementsByClassName('container');
      let sum_dom = box[0].getElementsByTagName("div");
      let arr = [];
      for(let i=0;i<sum_dom.length;i++){
          if($(sum_dom[i]).data('top') && $(sum_dom[i]).css('display')!=='none'&&(!$(sum_dom[i]).attr('data-to_detail_h')||$(sum_dom[i]).attr('data-to_detail_h')=='0')){
              let top  = $(sum_dom[i]).data('top');
              let height = (($(sum_dom[i]).height())/100/pr).toFixed(1);
              let buttomTop = (parseFloat(top)+parseFloat(height)).toFixed(1);
              let val = calTop(dataTop,dataButtonTop,top,buttomTop,$(sum_dom[i]));
              if(val > 0){
                  arr.push(val);
              }
          }
      }
      if(arr.length>0){
          return Math.max(...arr);
      }else{
          return 0;
      }
  }
  //找出与新闻产品详情有高度有交集的组件
  function calTop(dataTop,dataButtonTop,top,buttomTop,a) {
      const arr1 = [dataTop, dataButtonTop];
      const arr2 = [top, buttomTop];
      let start = [Math.min(...arr1),Math.min(...arr2)];//区间的两个最小值
      let end = [Math.max(...arr1),Math.max(...arr2)];//区间的两个最大值
      if(Math.max(...start) <= Math.min(...end)) {
            if(dataButtonTop < buttomTop){
                return buttomTop-top;
            }else{
                return 0;
            }
      }else{
          return 0;
      }
  }



    function checkHeight() {
        let detail_h_pro=0;
        let detail_h_news=0;
        let detail_h_pro_list=0;
        let detail_h_news_list=0;
        if ($(".unit-product-detail").length >0) {
           detail_h_pro=$('.unit-product-detail')[0].scrollHeight
        }
        if ($(".unit-news-detail").length >0) {
            detail_h_news=$('.unit-news-detail')[0].scrollHeight
        }
        if ($(".unit-product-list").length >0) {
            detail_h_pro_list=$('.unit-product-list')[0].scrollHeight
        }
        if ($(".unit-news-list").length >0) {
            detail_h_news_list=$('.unit-news-list')[0].scrollHeight
        }
        return {'pro':detail_h_pro,'news':detail_h_news,'p_l':detail_h_pro_list,'n_l':detail_h_news_list}
    }
    function checkIsPc() {
        if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
            /*window.location.href="你的手机版地址";*/
            return false;
        }else{
            return true;
        }
    }
</script>
<script>
    if($('.unit-news-detail').length>0){
        if($('.unit-news-detail').attr('belongid'))
        {
            var h=$('.unit-news-detail')[0].scrollHeight;
            var t=$('.unit-news-detail')[0].offsetTop;
            var belongid= $('.unit-news-detail').attr('belongid');
            if($('.add-wide'+belongid).length>0){
                    var kt=$('.add-wide'+belongid)[0].offsetTop
                    $('.add-wide'+belongid).eq(0).css('height',(t-kt+h)+'px');
            }
            var ut=$('#jz'+belongid)[0].offsetTop;
            $('#jz'+belongid).css('height',(t-ut+h)+'px');
        }
    }
</script>
<script type="text/javascript">
    </script>


</body></html>