h5切换

844682916@qq.co · 发表于 2018-11-27 11:37:47

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="Keywords" Content="找车找泵砼车帮">
<meta name="Description" Content="找车找泵砼车帮">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>砼车邦ERP一个单纯的撩机小指引，戳进来！</title>

<link rel="stylesheet" type="text/css" href="styles/base.css" />
<link rel="stylesheet" type="text/css" href="styles/swiper-4.2.2.min.css">
<link rel="stylesheet" type="text/css" href="styles/animate.min.css">
<link rel="stylesheet" type="text/css" href="styles/main02.css">
<script type="text/javascript" src="scripts/rem.js"></script>
</head>
<body>
  <div id='wx_logo' style='margin:0 auto;display:none;'>
   <img src='imgs/icon.jpg' width="0" height="0" />
  </div>
  <div class="content_outer">
<a class="music-icon music-play"></a>
<audio id="bgAudio" autoplay="" loop="loop">

</audio>
<div class="loading-page">
      <div class="loader">
         <span></span>
         <p class="percentage">0%</p>
      </div>
</div>
<div class="swiper-container" id="content_wrap">
         <div class="swiper-wrapper">
            
            <div class="swiper-slide item01">
                  <div data-background="imgs/index_main.jpg" class="index_top swiper-lazy ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s">
                     <img src="" data-src="imgs/index_logo.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.2s" swiper-animate-delay="0.3s">
                     <div class="swiper-lazy-preloader"></div>
                  </div>
                  <div class="index_main">
                     <div class="tit01">
                        <img src="" data-src="imgs/title01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="tit02 ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><span><img src="" data-src="imgs/title02.png" alt="" title="" class="swiper-lazy"></span></div>
                     <p>找车找泵砼车帮</p>
                     <p class="swiper-lazy ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"></p>
                  </div>
            </div>
               
            <div class="swiper-slide item02">
                  <div class="top">
                     <div>
                        <img src="" data-src="imgs/index_logo.png" alt="" title="" class="swiper-lazy ani bounceInDown animated" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.3s" swiper-animate-delay="0s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/saoma.jpg" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.6s" swiper-animate-delay="0.3s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                  </div>
                  <div class="main">
                     <div class="showTitle">
                        <img src="" data-src="imgs/textb01.png" alt="" title="" class="swiper-lazy ani bounceInLeft animated" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".9s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="showArea">

                        <img src="" data-src="imgs/picb01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                  </div>
            </div>
               
            <div class="swiper-slide item03">
                     <h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">BOSS</span></h2>
                     <h2 class="maintit_sub pt35">
                                    <img class="swiper-lazy ani fadeInDown animated" src="" data-src="imgs/check_tit.png" alt="" title="" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
                                    <div class="swiper-lazy-preloader"></div>
                     </h2>
                     <div class="check_info01">
                                    <div>
                                          <img src="" data-src="imgs/picdc01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
                                          <div class="swiper-lazy-preloader"></div>
                                    </div>
                                    <div>
                                          <img src="" data-src="imgs/picdc02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                                          <div class="swiper-lazy-preloader"></div>
                                          <img src="" data-src="imgs/picdc03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
                                          <div class="swiper-lazy-preloader"></div>
                                    </div>
                     </div>
                     <div class="check_info02">
                                          <img src="" data-src="imgs/picdc04.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
                                          <div class="swiper-lazy-preloader"></div>
                     </div>
                     <h2 class="maintit_sub maintit_sub02">
                                    <img class="swiper-lazy ani fadeInDown animated" src="" data-src="imgs/titledc01.png" alt="" title="" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
                                    <div class="swiper-lazy-preloader"></div>
                     </h2>
                     <div class="dataInfo01">
                                    <img class="swiper-lazy ani zoomIn animated" src="" data-src="imgs/picdc05.gif" alt="" title="" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
                                    <div class="swiper-lazy-preloader"></div>
                     </div>
                     <h2 class="maintit_sub maintit_sub03">
                                    <img class="swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_tit.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
                                    <div class="swiper-lazy-preloader"></div>
                     </h2>
                     <div class="events_info clearfix">
                           <div class="events01_lf">
                           <img class="events01_pic01 swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_pic01.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="4.3s">
                           <img class="events01_intro01 swiper-lazy ani fadeInRight animated" src="" data-src="imgs/bigEvents_intro01.png" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s">
                           <img class="events01_intro02 swiper-lazy ani fadeInRight animated" src="" data-src="imgs/bigEvents_intro02.png" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="5.3s">
                           <img class="events01_point swiper-lazy ani fadeIn animated" src="" data-src="imgs/events_point01.gif" alt="" title="" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="5.8s">
                           </div>
                           <div class="events01_rh">
                           <img class="events01_pic02 swiper-lazy ani fadeInRight animated" src="" data-src="imgs/bigEvents_pic02.png" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="5.8s">
                           </div>
                           <div class="clearfix"></div>
                           <div class="events01_detail01">
                           <img class="events01_pic03 swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_pic03.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6.3s">
                           <img class="events01_detail_point swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/events_point02.gif" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6.8s">
                        </div>
                        <div class="events01_detail02">
                              <img class="events01_pic04 swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_pic04.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="7.3s">
                        </div>
                     </div>
                     <div class="subtit_center">
                                    <img class="swiper-lazy ani bounceIn animated" src="" data-src="imgs/titlemaindc.png" alt="" title="" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
                                    <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="opedataInfo">
                                    <img class="swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/picdc06.jpg" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s">
                                    <div class="swiper-lazy-preloader"></div>
                     </div>
               </div>
               
               <div class="swiper-slide item04">
                     <div>
                           <img src="" data-src="imgs/transition_tita01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                           <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_tita02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                           <img src="" data-src="imgs/transition_pica01.png" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                           <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_pica02.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                        <div class="swiper-lazy-preloader"></div>
                           <img src="" data-src="imgs/transition_pica03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                           <div class="swiper-lazy-preloader"></div>
                     </div>
               </div>
               
               <div class="swiper-slide item05">
                     <h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span>服务中心</span></h2>
                     <div class="maincontent">
                        <div class="subitem01">
                              <h3>
                                    <img src="" data-src="imgs/titledd01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                                    <div class="swiper-lazy-preloader"></div>
                              </h3>
                              <div>
                                    <img src="" data-src="imgs/picdd01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
                                    <div class="swiper-lazy-preloader"></div>
                              </div>
                        </div>
                        <div class="subitem02">
                                 <h3>
                                    <img src="" data-src="imgs/titledd02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                                    <div class="swiper-lazy-preloader"></div>
                                 </h3>
                                 <div>
                                    <img src="" data-src="imgs/picdd02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
                                    <div class="swiper-lazy-preloader"></div>
                                 </div>
                        </div>
                     </div>
                  </div>
                  
                  <div class="swiper-slide item06">
                     <div>
                        <img src="" data-src="imgs/transition_titb01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_titb02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_picb01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picb02.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picb03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picb04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                  </div>
                  
                  <div class="swiper-slide item07">
                     <h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">安全中心</span></h2>
                     <div class="maincontent">
                        <div class="subitem01">
                           <h3>
                              <img src="" data-src="imgs/titlede01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                              <div class="swiper-lazy-preloader"></div>
                           </h3>
                           <div>
                              <img src="" data-src="imgs/picde01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
                              <div class="swiper-lazy-preloader"></div>
                           </div>
                        </div>
                        <div class="subitem02">
                           <h3>
                                 <img src="" data-src="imgs/titlede02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                                 <div class="swiper-lazy-preloader"></div>
                              </h3>
                           <div>
                                 <img src="" data-src="imgs/picde02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
                                 <div class="swiper-lazy-preloader"></div>
                              </div>
                        </div>
                        <div class="subitem03">
                              <h3>
                                 <img src="" data-src="imgs/titlede03.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
                                 <div class="swiper-lazy-preloader"></div>
                              </h3>
                              <div>
                                 <img src="" data-src="imgs/picde03.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
                                 <div class="swiper-lazy-preloader"></div>
                              </div>
                        </div>
                     </div>
               </div>
               
               <div class="swiper-slide item08">
                     <div>
                        <img src="" data-src="imgs/transition_titc01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_titc02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_picc01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picc02.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picc03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
               </div>
               
               <div class="swiper-slide item09">
                     <h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">生产中心</span></h2>
                     <div class="maincontent">
                        <div class="subitem01">
                           <h3>
                              <img src="" data-src="imgs/titledf01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                              <div class="swiper-lazy-preloader"></div>
                           </h3>
                           <div>
                              <img src="" data-src="imgs/picdf01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
                              <div class="swiper-lazy-preloader"></div>
                           </div>
                        </div>
                        <div class="subitem02">
                           <h3>
                                 <img src="" data-src="imgs/titledf02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                                 <div class="swiper-lazy-preloader"></div>
                              </h3>
                           <div>
                                 <img src="" data-src="imgs/picdf02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
                                 <div class="swiper-lazy-preloader"></div>
                              </div>
                        </div>
                        <div class="subitem03">
                              <h3>
                                 <img src="" data-src="imgs/titledf03.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
                                 <div class="swiper-lazy-preloader"></div>
                              </h3>
                              <div>
                                 <img src="" data-src="imgs/picdf03.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
                                 <div class="swiper-lazy-preloader"></div>
                              </div>
                        </div>
                     </div>
               </div>
               
               <div class="swiper-slide item10">
                     <div>
                        <img src="" data-src="imgs/transition_titd01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_titd02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_picc01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picd01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picd02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picd03.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picd04.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
               </div>
               
               <div class="swiper-slide item11">
                     <h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">驾驶员</span></h2>
                     <div class="maincontent">
                        <div class="subitem01">
                           <h3>
                              <img src="" data-src="imgs/titledg01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                              <div class="swiper-lazy-preloader"></div>
                           </h3>
                           <div>
                              <img src="" data-src="imgs/picdg01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
                              <div class="swiper-lazy-preloader"></div>
                           </div>
                        </div>
                        <div class="subitem02">
                           <h3>
                                 <img src="" data-src="imgs/titledg02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                                 <div class="swiper-lazy-preloader"></div>
                              </h3>
                           <div>
                                 <img src="" data-src="imgs/picdg02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
                                 <div class="swiper-lazy-preloader"></div>
                              </div>
                        </div>

                     </div>
            </div>
            
            <div class="swiper-slide item12">
                        <div>
                              <img src="" data-src="imgs/transition_tite01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                              <div class="swiper-lazy-preloader"></div>
                        </div>
                        <div>
                              <img src="" data-src="imgs/transition_tite02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
                              <div class="swiper-lazy-preloader"></div>
                        </div>
                        <div>
                              <img src="" data-src="imgs/transition_pice01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                              <div class="swiper-lazy-preloader"></div>
                              <img src="" data-src="imgs/transition_pice03.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                              <div class="swiper-lazy-preloader"></div>
                              <img src="" data-src="imgs/transition_pice02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                              <div class="swiper-lazy-preloader"></div>
                              <img src="" data-src="imgs/transition_pice04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                              <div class="swiper-lazy-preloader"></div>
                              <img src="" data-src="imgs/transition_pice05.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                              <div class="swiper-lazy-preloader"></div>
                     </div>
            </div>
            
            <div class="swiper-slide item13">
                     <h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">数据录入</span></h2>
                     <h3 class="mainsub_tit">
                        <img src="" data-src="imgs/titledh01.gif" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                        <div class="swiper-lazy-preloader"></div>
                     </h3>
                     <div class="data_entry01">
                        <img src="" data-src="imgs/picdh01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/wzdh01.gif" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="data_entry02">
                        <img src="" data-src="imgs/picdh02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <h3 class="mainsub_tit">
                        <img src="" data-src="imgs/titledh02.gif" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
                        <div class="swiper-lazy-preloader"></div>
                     </h3>
                     <div class="project_manage01">
                        <img src="" data-src="imgs/picdh03.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="project_manage02">
                        <img src="" data-src="imgs/picdh04.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="project_manage03">
                        <img src="" data-src="imgs/wzdh02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/wzdh03.gif" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="4.3s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <h3 class="mainsub_tit">
                        <img src="" data-src="imgs/titledh03.gif" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s">
                        <div class="swiper-lazy-preloader"></div>
                     </h3>
                     <div class="income_manage01">
                        <img src="" data-src="imgs/picdh05.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="5.3s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="income_manage02">
                        <img src="" data-src="imgs/picdh06.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="5.8s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div class="income_manage03">
                        <img src="" data-src="imgs/wzdh04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6.3s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
               </div>
               
               <div class="swiper-slide item14">
                     <div>
                        <img src="" data-src="imgs/transition_titf01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_titf02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_picf01.png" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/transition_picf02.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                        <div class="swiper-lazy-preloader"></div>
                        <img src="" data-src="imgs/transition_picf03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
               </div>
               
               <div class="swiper-slide item15">
                  <h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">财务中心</span></h2>
                  <div class="maincontent">
                     <h3 class="maintit_sub">
                        <img src="" data-src="imgs/check_tit.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                        <div class="swiper-lazy-preloader"></div>
                     </h3>
                     <div class="check_info">
                        <div>
                           <img src="" data-src="imgs/picdi01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
                           <div class="swiper-lazy-preloader"></div>
                           <img src="" data-src="imgs/picdi02.gif" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                           <div class="swiper-lazy-preloader"></div>
                        </div>
                        <div>
                           <img src="" data-src="imgs/picdi03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
                           <div class="swiper-lazy-preloader"></div>
                        </div>
                        </div>
                        <h3 class="maintit_sub">
                              <img src="" data-src="imgs/titledi01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
                              <div class="swiper-lazy-preloader"></div>
                     </h3>
                     <div class="money_plan">
                        <div>
                           <img src="" data-src="imgs/picdi04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
                           <div class="swiper-lazy-preloader"></div>
                           <img src="" data-src="imgs/picdi05.gif" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
                           <div class="swiper-lazy-preloader"></div>
                        </div>
                        <div>
                           <img src="" data-src="imgs/picdi06.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
                           <div class="swiper-lazy-preloader"></div>
                        </div>
                        </div>

                  </div>
               </div>
               
               <div class="swiper-slide item16">
                  <div>
                     <img src="" data-src="imgs/transition_titj01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                     <div class="swiper-lazy-preloader"></div>
                  </div>
                  <div>
                     <img src="" data-src="imgs/transition_titj02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
                     <div class="swiper-lazy-preloader"></div>
                  </div>
                  <div>
                     <img src="" data-src="imgs/transition_pice01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                     <div class="swiper-lazy-preloader"></div>
                     <img src="" data-src="imgs/transition_picj01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                     <div class="swiper-lazy-preloader"></div>
                     <img src="" data-src="imgs/transition_picj02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                     <div class="swiper-lazy-preloader"></div>
                     <img src="" data-src="imgs/transition_picj03.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                     <div class="swiper-lazy-preloader"></div>
                     <img src="" data-src="imgs/transition_picj04.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                     <div class="swiper-lazy-preloader"></div>
                  </div>
               </div>
               
               <div class="swiper-slide item17">
                     <div>
                        <img src="" data-src="imgs/end.gif" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
                     <div>
                        <img src="" data-src="imgs/end_btm.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                        <div class="swiper-lazy-preloader"></div>
                     </div>
               </div>
         </div>
</div>
  </div>
<div class="layer_mask">
   <div class="layer_conttent"></div>
  </div>
   <script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script>
   <script type="text/javascript" src="scripts/imgLoader.js"></script>
<script type="text/javascript" src="scripts/swiper-4.2.2.min.js"></script>
   <script type="text/javascript" src="scripts/swiper.animate1.0.3.min.js"></script>
   <script type="text/javascript" src="scripts/jweixin-1.2.0.js"></script>
<script type="text/javascript">
window.onload= function(){

            //初始化图片的处理
   var imgArr=[
            'imgs/index_main.jpg',
            'imgs/index_logo.png',
            'imgs/title01.png',
            'imgs/title02.png'
            ]
   imgLoader(imgArr, function(percentage){
         console.log(percentage)
         var percent = '0%'
         if(percentage > 0) {
            percent = (percentage*100).toFixed(0) +'%'
         }
         // console.log(percent)
         $(".percentage").html(percent);
         if(percentage == 1) {
               $(".loading-page").hide();
               $('#content_wrap').show();
                  $('#bgAudio').append('<source src="music/Axero - Trip.mp3" type="audio/mpeg">');
                  var bgAudio=document.getElementById("bgAudio");
                  var musicIcon=document.querySelector(".music-icon");
               audioAutoPlay('bgAudio');
            //鎺у埗鑳屾櫙闊充箰
         musicIcon.addEventListener("click",function(){
                  event.stopPropagation();
                  if(bgAudio.paused){
                     this.className="music-icon music-play";
                     bgAudio.play();
                  }else{
                     bgAudio.pause();
                     this.className="music-icon music-pause";
                  }
            })
               //swiper初始化
               var guideSwiper = new Swiper ('.swiper-container', {
                  direction: 'vertical', // 垂直切换选项
                  autoHeight:true,
                  touchRatio : 0.5,
                  iOSEdgeSwipeDetection : true,
                  followFinger : false,
                  lazy: {
                           loadPrevNext: true,
                           loadOnTransitionStart: true
                  },
                  on:{
                              init: function(){
                                    swiperAnimateCache(this); //隐藏动画元素
                                    swiperAnimate(this); //初始化完成开始动画

                              },
                              slideChangeTransitionEnd: function(){
                                    swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                              }
                  }
               })
               var startScroll, touchStart, touchCurrent;
         guideSwiper.slides.on('touchstart', function (e) {
            startScroll = this.scrollTop;
            touchStart = e.targetTouches[0].pageY;
         }, true);
         guideSwiper.slides.on('touchmove', function (e) {
            touchCurrent = e.targetTouches[0].pageY;
            var touchesDiff = touchCurrent - touchStart;
            var slide = this;
            var onlyScrolling =
                     ( slide.scrollHeight > slide.offsetHeight ) &&
                     (
                        ( touchesDiff < 0 && startScroll === 0 ) ||
                        ( touchesDiff > 0 && startScroll === ( slide.scrollHeight - slide.offsetHeight ) ) ||
                        ( startScroll > 0 && startScroll < ( slide.scrollHeight - slide.offsetHeight ) )
                     );
            if (onlyScrolling) {
                  e.stopPropagation();
            }
            })

                  //第二屏底部图片的处理
                  var winH = $(window).height();
                  var offsetTop = $(".item02 div.top").outerHeight();
                  var showTitleH = $('.item02 div.main div.showTitle').outerHeight();
                  var imgH = $(".showArea img").outerHeight();
                  console.log(winH,offsetTop,showTitleH,imgH);
                  console.log(winH-offsetTop-showTitleH-imgH);
                  $(".item02 div.showArea").css("padding-top",winH-offsetTop-showTitleH-imgH + "px");
                  $(".swiper-container,.swiper-wrapper,.swiper-slide").height($(window).height());

            }
      })


         //分享的信息
            $('#bgAudio').append('<source src="music/Axero - Trip.mp3" type="audio/mpeg">');

            var currentUrl = window.location.href;

            $.post(
            'http://39.108.175.219:8080/bdyErp/weixin/shifts/zhengshu',
            {url:currentUrl},
            function(res){

                  console.log(res);
                  var res = JSON.parse(res);
                  console.log(res);
                  wx.config({
                        beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: res.appid, // 必填，企业微信的corpID
                        timestamp: res.signature.timestamp, // 必填，生成签名的时间戳
                        nonceStr: res.signature.noncestr, // 必填，生成签名的随机串
                        signature: res.signature.signature,// 必填，签名，见附录1
                        jsApiList: [  'onMenuShareTimeline',
   'onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                  });
                  wx.ready(function(){
                  wx.onMenuShareAppMessage({
                        title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
                        desc: '找车找泵砼车帮', // 分享描述
                        link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接，该链接域名必须与当前企业的可信域名一致
                        imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
                        type: '', // 分享类型,music、video或link，不填默认为link
                        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                        success: function () {
                              // 用户确认分享后执行的回调函数
                        },
                        cancel: function () {
                              // 用户取消分享后执行的回调函数
                        }
                     });
                     wx.onMenuShareTimeline({
                        title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
                        desc: '找车找泵砼车帮', // 分享描述
                        link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
                        imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
                        success: function (res) {
                           console.log(res);
                        },
                        cancel: function (res) {
                              console.log(res);
                        }
                     })
                     wx.onMenuShareQQ({
                        title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
                        desc: '找车找泵砼车帮', // 分享描述
                        link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
                        imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
                        success: function () {
                           // 用户确认分享后执行的回调函数
                        },
                        cancel: function () {
                           // 用户取消分享后执行的回调函数
                        }
                     });
                     wx.onMenuShareWeibo({
                        title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
                        desc: '找车找泵砼车帮', // 分享描述
                        link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
                        imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
                        success: function () {
                           // 用户确认分享后执行的回调函数
                        },
                        cancel: function () {
                           // 用户取消分享后执行的回调函数
                        }
                  });
                     wx.onMenuShareQZone({
                        title: '砼车帮ERP信息管理系统新手使用指南', // 分享标题
                        desc: '找车找泵砼车帮', // 分享描述
                        link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
                        imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
                        success: function () {
                           // 用户确认分享后执行的回调函数
                        },
                        cancel: function () {
                              // 用户取消分享后执行的回调函数
                        }
                     });
                  })

            })
      function commonLayer(msg){

            var html = $('#layer').html();

            if(!html){
                     html += '<div class="layer" id="layer">';
                     html += '<div class="layer_box">';
                     html +=    '<p>'+msg+'</p>';
                     html += '</div>';
                     html += '</div>';

                  $('body').append(html);

                  setTimeout(function(){

                  $('#layer').css('display','none');

                  window.location.reload();

                  },1500);

            }
            else{

                  $('#layer').css('display','block');

                  setTimeout(function(){

                     $('#layer').css('display','none');

                     window.location.reload();

                  },1500);

            }
      }
      //点击显示大图
      $('.item03').on('click','.opedataInfo img',function(){

            var src = $(this).attr('src');

            var index = src.indexOf('.');

            src = src.slice(0,index);

            console.log(src,index);

            $('.layer_mask').css('display','block');

            $('.layer_mask').find('.layer_conttent').html('<img src="'+src+'b.png">');

            $('.item03').css('overflow','hidden');
      })
      $('.layer_mask').on('click',function(e){

         var target  = $(e.target);

         $('.layer_mask').hide();

         e.stopPropagation();

         $('.item03').css('overflow','scroll');
      })
      //音乐播放
         function audioAutoPlay(id){
            var audio = document.getElementById(id);
            audio.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                  audio.play();
            }, false);
            document.addEventListener('YixinJSBridgeReady', function() {
               audio.play();
            }, false);

      }
}

</script>
</body>
</html>