锘?!DOCTYPE html> 瀹????板?杩??烘?????????/title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <link href="/images/pro05.png" rel="shortcut icon"> <link rel="stylesheet" href="/css/bootstrap.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="/css/mobile.css" type="text/css" media="screen" charset="utf-8"> <script src="/js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script> <script src="/js/bootstrap.js" type="text/javascript" charset="utf-8"></script> <script src="/js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script> <script src="/js/jquery.transit.js" type="text/javascript" charset="utf-8"></script> <script src="/js/html5.min.js" type="text/javascript" charset="utf-8"></script> <script src="/js/bocfe.js" type="text/javascript" charset="utf-8"></script> <script src="/js/plug.preload.js" type="text/javascript" charset="utf-8"></script> <script src="/js/share.js" type="text/javascript" charset="utf-8"></script> <script src="/js/tweenmax.min.js" type="text/javascript" charset="utf-8"></script> </head> <body> <header class="f-cb"> <a href="/" class="logo fl"> <img src="/picture/logo01.png" alt="" class="one"> <img src="/picture/logo02.png" alt="" class="two"> </a> <nav class="tit"> <span class="line01 span01"></span> <span class="line02 span02"></span> <span class="line01 span03"></span> </nav> <div class="bdsharebuttonbox"> <a href="mailTo:20493945@qq.com" class="bds_em"></a> <a href="javascript:;" class="bds_weixin"></a> </div> <div class="weixin-box"> <img src="/picture/ewm.png" alt="" class="weixin-pic"> <span class="close"></span> </div> <ul class="nav-list"> <li><a href="/a/guanyuwomen/" class="t">?充???浠?/a></li> <li><a href="/a/chanpinzhongxin/" class="t">浜у??涓??</a></li> <li><a href="/a/yingyongshili/" class="t">搴??ㄥ?渚?</a></li> <li><a href="/a/xinwenzhongxin/" class="t">?伴?讳腑蹇?</a></li> <li><a href="/a/lianxiwomen/" class="t">??绯绘??浠?/a></li> </ul> <div class="nav-box"> <div class="bg"></div> <div class="nav-list-box"> <div class="search-box search-two"> <form action="/plus/search.php"> <input type="text" placeholder="SEARCH" name="q" id="skey" class="text"> <input type="submit" value="" class="submit"> </form> </div> <ul> <li> <h2><span>01</span><a href="/a/guanyuwomen/">?充???浠?/a></h2> <p><a href='/a/guanyuwomen/gongsijianjie/'>???哥?浠?</a></p> <p><a href='/a/guanyuwomen/rongyuzizhi/'>?h?璧?璐?/a></p> <p><a href='/a/guanyuwomen/fuwuchengnuo/'>???℃?胯?</a></p> <p><a href='/rencaizhaopin/'>浜烘??????</a></p> </li><li> <h2><span>02</span><a href="/a/chanpinzhongxin/">浜у??涓??</a></h2> <p><a href='/a/chanpinzhongxin/maiguabanshusongji/'>?????胯?????/a></p> <p><a href='/a/chanpinzhongxin/doushitishengji/'>??寮???????/a></p> <p><a href='/a/chanpinzhongxin/LDxingliandoushusongji/'>LD???炬??杈?????/a></p> <p><a href='/luoxuanshusongji/'>?烘??杈?????/a></p> <p><a href='/daishishusongji/'>甯﹀?杈?????/a></p> <p><a href='/qitaleishusongji/'>?朵?绫昏?????/a></p> <p><a href='/peijian/'>??浠?/a></p> </li><li> <h2><span>03</span><a href="/a/yingyongshili/">搴??ㄥ?渚?</a></h2> <p><a href='/a/yingyongshili/dianlixingye/'>?靛??琛?涓?</a></p> <p><a href='/a/yingyongshili/yelianxingye/'>?剁?艰?涓?</a></p> <p><a href='/a/yingyongshili/huanbaoxingye/'>???琛?涓?</a></p> <p><a href='/huagong_jiancaixingye/'>??宸ャ??寤烘??琛?涓?</a></p> <p><a href='/liangshiqinggongxingye/'>绮??杞诲伐琛?涓?</a></p> </li><li> <h2><span>04</span><a href="/a/xinwenzhongxin/">?伴?讳腑蹇?</a></h2> <p><a href='/a/xinwenzhongxin/gongsixinwen/'>???告?伴??/a></p> <p><a href='/a/xinwenzhongxin/xingyedongtai/'>琛?涓??ㄦ??</a></p> </li><li> <h2><span>05</span><a href="/a/lianxiwomen/">??绯绘??浠?/a></h2> </li> </ul> </div> </div> </header> <script> function check (){ var key = $("#skey").val(); if(key.trim()==''||key==''){ return false; } return true; } $(function(){ csx(); $(window).resize(function(){ csx(); }) function csx(){ var win = $(window).width(); if (win > 1024) { $('.search-box').hover(function(){ $('.search-box').addClass("on"); },function(){ $('.search-box').removeClass("on"); }) } } $('.bds_weixin').on('click',function(){ $('.weixin-box').fadeIn(); }) $('.weixin-box .close').on('click',function(){ $('.weixin-box').fadeOut(); }) $('.search-box-btn').click(function(){ if ($(this).hasClass('on')) { $('.search-box').removeClass('on'); $(this).removeClass('on'); $('.search-box .submit').hide() }else{ $('.search-box').addClass('on'); $(this).addClass('on'); setTimeout(function(){ $('.search-box .submit').fadeIn() },300) } }) }) </script> <div id="i-wrap"> <div class="i-wrap i-wrap1 section1 i-ban"> <ul class="slides"> <li style="background:url(/images/15066548856913jfim7.jpg) no-repeat center;"> <a target="_blank" href="/plus/list.php?tid=1"> <img src="/picture/151254040508k3rjg.png" alt="2" class="bg"> <p class="more">浜?瑙f?村?</p> </a> </li> <li style="background:url(/images/15066548856913jfim7.jpg) no-repeat center;"> <a target="_blank" href="/plus/list.php?tid=1"> <img src="/picture/151254040508k3rjg.png" alt="2" class="bg"> <p class="more">浜?瑙f?村?</p> </a> </li> </ul> <div class="w1200 i-ban-link"> <ul> <li> <a href="/a/guanyuwomen/"> <h2>?充???浠?/h2> <p>浠ヤ汉涓烘? 寮?????? 璇?瀹?瀹?淇 ???$ぞ浼?</p> </a> <span class="bg"></span> </li> <li> <a href="/a/chanpinzhongxin/"> <h2>浜у??涓??</h2> <p>?g?剁?╂??杈???绯荤??????璁惧?</p> </a> <span class="bg"></span> </li> <li> <a href="/a/yingyongshili/"> <h2>搴??ㄥ?渚?</h2> <p>涓哄??锋??渚??撮?浠峰?肩????????????/p> </a> <span class="bg"></span> </li> </ul> </div> </div> <div class="i-wrap i-wrap2 section2" style="background:url(/images/wel06.png ) no-repeat center;"> <div class="w1200 f-cb"> <div class="left"> <a href="javascript:;" class="walk">?充???浠?/a> <h2>???哥?浠?</h2> <p> 瀹????板?杩??烘????????告???瀹朵?浜??g?剁?╂??杈???绯荤??????璁惧?绛?绯诲??浜у??璁捐??堕????绯荤???????涓?涓???瀹讹?宸查??杩?ISO9001:2015璐ㄩ??淇?璇?浣?绯昏?璇????藉?璐ㄩ?????????f?诲???浜ц????璁よ?锛????????楂??版?????涓???婀?????瀹??ㄧ???璁よ?浼?涓???涓昏?浜у?????????胯????恒????寮??????恒???炬??杈????恒???垮?杈????恒???烘??杈????恒???惧?杈????虹?锛?????宸插舰??骞翠骇1000?帮?濂?锛??f??杈???璁惧?????浜ц?藉???? ???镐富瑕??村??浜??f??杈???璁惧????轰?搴?寮??╁???绯荤???宸ヤ???...</p> <a href="/a/guanyuwomen/" class="more">浜?瑙f?村?</a> </div> <div class="rigth"> <img src="/picture/a17.jpg" alt="" class="bg"> <img src="/picture/150846123147538a2cy.png" class="pic"> </div> </div> </div> <div class="i-wrap i-wrap3 section3" id="hero-area"> <div class="inliner-banner"> <ul> <li style="background:url(/images/15037519643228vwvpo.jpg) no-repeat center;background-size:cover;"> <a href="/a/guanyuwomen/"> </a> </li> <li style="background:url(/images/150668206877646b0tw.jpg) no-repeat center;background-size:cover;"> <a href="/a/chanpinzhongxin/"> </a> </li> <li style="background:url(/images/1506483502575w8xym.jpg) no-repeat center;background-size:cover;"> <a href="/a/yingyongshili/"> </a> </li> </ul> </div> <div class="inliner-bg"> <span class="one"></span> <span class="two"></span> </div> <div class="inliner-list"> <span class="bg"></span> <span class="bg"></span> <span class="bg"></span> <ul class="box"> <li class="li0"></li> <li class="li1"></li> <li class="li2"></li> </ul> </div> <div class="inliner-banner-con"> <ul> <li> <a href="/a/guanyuwomen/"> <span class="con"> <h3>?充???浠?/h3> <h2>~ABOUT US~</h2> <i></i> <p class="font">瀹????板?杩??烘????????告???瀹朵?浜??g?剁?╂??杈???绯荤??????璁惧?绛?绯诲??浜у??璁捐??堕????绯荤???????涓?涓???瀹躲??</p> <p class="more">浜?瑙f?村?</p> </span> </a> </li> <li> <a href="/a/chanpinzhongxin/"> <span class="con"> <h3>浜у??涓??</h3> <h2>~PRODUCTS~</h2> <i></i> <p class="font">涓昏?浜у?????????胯????恒????寮??????恒???炬??杈????恒???垮?杈????恒???烘??杈????恒???惧?杈?????/p> <p class="more">浜?瑙f?村?</p> </span> </a> </li> <li> <a href="/a/yingyongshili/"> <span class="con"> <h3>搴??ㄥ?渚?</h3> <h2>~APPLICATION EXAMPLE~</h2> <i></i> <p class="font">???镐富瑕??村??浜??f??杈???璁惧????轰?搴?寮??╁???绯荤???宸ヤ???姘?????澶???绯荤????ゅ???姹℃按姹℃偿澶???绯荤???????????涓?璁惧???浜?/p> <p class="more">浜?瑙f?村?</p> </span> </a> </li> </ul> </div> </div> <div class="i-wrap i-wrap4 section4" style="background:#fff;"> <div class="box f-cb"> <div class="left"> <h1>~NEWS CENTER~</h1> <h2>?伴?讳腑蹇?</h2> <p>瀹??舵?存?版???板?ㄦ??锛?浜?瑙e????板?杩???</p> <div class="btns f-cb"> <a href="javascript:;" class="prev"></a> <a href="javascript:;" class="next"></a> <i></i> </div> <a href="/a/xinwenzhongxin/" class="more">浜?瑙f?村?</a> </div> <div class="right"> <ul> <li> <a href="/a/xinwenzhongxin/gongsixinwen/20191116/5.html"> <p class="day">28</p> <p class="data">2019-11</p> <h2>瀹????板?杩??烘????????哥?浠?</h2> <p class="latest">Latest News</p> <p class="pic"><img src="/images/img1.jpg" ></p> <p class="font">瀹????板?杩??烘????????告???瀹朵?浜??g?剁?╂??杈???绯荤??????璁惧?绛?绯诲??浜у??璁捐??堕????绯荤?...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/gongsixinwen/20191116/6.html"> <p class="day">28</p> <p class="data">2019-11</p> <h2>瀹????板?杩??烘????????告???℃?胯?</h2> <p class="latest">Latest News</p> <p class="pic"><img src="/images/img1.jpg" ></p> <p class="font">1?? ?????稿?ㄥ?ㄥ?藉??澶х????甯?????不?哄??璁炬????浜?澶?锛???父骞翠负骞垮ぇ瀹㈡?锋??渚??????ㄨ???????...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/gongsixinwen/20191128/10.html"> <p class="day">17</p> <p class="data">2018-10</p> <h2>???芥?灞??充???甯??ㄥ???芥?绉???瑁?澶?浼?涓???浜у????褰???????/h2> <p class="latest">Latest News</p> <p class="pic"><img src="/images/defaultpic.gif" ></p> <p class="font">??甯?宸????寸?甯??????恒???垮??灞??归?╁?锛??芥?灞?????锛?锛????抽?ㄩ???浼?涓?????浣?锛? 涓鸿?涓?姝ユ??..</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/gongsixinwen/20191128/11.html"> <p class="day">06</p> <p class="data">2015-09</p> <h2>瀹?????浜??洪?????涓???寤哄伐浣?绾??</h2> <p class="latest">Latest News</p> <p class="pic"><img src="/images/defaultpic.gif" ></p> <p class="font">涓?涓???寮烘????????缁?缁?瀵逛??????涓????崇??浠?涔?锛???濂藉????寤鸿?瀵逛??????涓?????灞?浼?甯︽?ヤ?...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/gongsixinwen/20191128/12.html"> <p class="day">13</p> <p class="data">2018-11</p> <h2>婀???????ず浼?涓?????腑蹇???璁ゅ????? 瀹???浜?瀹舵????腑蹇?涓?姒?</h2> <p class="latest">Latest News</p> <p class="pic"><img src="/images/defaultpic.gif" ></p> <p class="font">???璁??璁拌?????筹?11??12?ワ??????瑰?瀵?018骞达?绗?4?癸?婀?????浼?涓?????腑蹇???璁ゅ?????杩?琛?...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/gongsixinwen/20191128/13.html"> <p class="day">26</p> <p class="data">2018-12</p> <h2>瀹???甯?7瀹跺???板钩?板?ラ??婀?????绾у????</h2> <p class="latest">Latest News</p> <p class="pic"><img src="/images/defaultpic.gif" ></p> <p class="font">杩??ワ?璁拌??浠?瀹???甯????瑰??锋??锛??ㄦ???????甯??????充????2018骞存?????浼?涓?????腑蹇???????...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/20191128/32.html"> <p class="day">28</p> <p class="data">2019-11</p> <h2>瀹????板?杩??烘????????镐骇??灞?绀?/h2> <p class="latest">Latest News</p> <p class="pic"><img src="/uploads/allimg/191128/1-19112Q942380-L.jpg" ></p> <p class="font">...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/20191128/33.html"> <p class="day">28</p> <p class="data">2019-11</p> <h2>瀹????板?杩??烘????????镐骇??灞?绀?</h2> <p class="latest">Latest News</p> <p class="pic"><img src="/uploads/allimg/191128/1-19112Q943380-L.jpg" ></p> <p class="font">...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/xingyedongtai/20191129/84.html"> <p class="day">29</p> <p class="data">2019-11</p> <h2>涓?俊寤烘??锛?宸ョ??烘?琛?涓?2020骞磋?灏?淇???姝e???/h2> <p class="latest">Latest News</p> <p class="pic"><img src="/uploads/allimg/191129/1-191129110T40-L.png" ></p> <p class="font">璇??告?舵?????歌?锛?涓?俊寤烘???烘?棣?甯?????甯???濞?????绉帮??ㄥ?哄缓涓?琛????颁骇?ф?х??????涓?锛?浠?..</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/xingyedongtai/20191129/85.html"> <p class="day">29</p> <p class="data">2019-11</p> <h2>骞胯タ??2900涓?????????璺?缓璁?/h2> <p class="latest">Latest News</p> <p class="pic"><img src="/uploads/allimg/191129/1-1911291110370-L.jpg" ></p> <p class="font">??璧?瑕??癸? ???ㄥ??哄??椤 ?????娌?繁 300 涓?璺? 0.89%锛??充??烘?璁惧??垮??涓?璺? 1.49%锛?璺?杈?澶х??...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/20191202/129.html"> <p class="day">02</p> <p class="data">2019-12</p> <h2>??浜??哄?藉?楂??版?????涓?绗???圭?虫?ラ??杩?????/h2> <p class="latest">Latest News</p> <p class="pic"><img src="/uploads/allimg/191202/1-1912021054010-L.png" ></p> <p class="font">...</p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="/a/xinwenzhongxin/20191223/130.html"> <p class="day">23</p> <p class="data">2019-12</p> <h2>瀹????板?杩?瑙?棰?灞?绀?/h2> <p class="latest">Latest News</p> <p class="pic"><img src="/images/defaultpic.gif" ></p> <p class="font">瑙?棰?灞?绀猴?...</p> <p class="more"></p> <p class="bg"></p> </a> </li> </ul> </div> </div> </div> </div> <div class="wel-number"> <span class="num">01</span> / 04 </div> <div class="wel-page f-cb"> <ul> <li> <span class="line"></span> </li> <li> <span class="line"></span> </li> <li> <span class="n">Home</span> <span class="line"></span> </li> <li> <span class="n">?充???浠?/span> <span class="line"></span> </li> <li> <span class="n">涓昏??稿?</span> <span class="line"></span> </li> <li> <span class="n">?伴?讳腑蹇?</span> <span class="line"></span> </li> <li> <span class="line"></span> </li> <li> <span class="line"></span> </li> </ul> </div> <footer> <div class="w1200 f-cb"> <p class="fl"> Copyright 漏 2019 瀹????板?杩??烘???? ???????? </p> <p class="fr">?板??锛?婀?????瀹???甯???浜??洪?㈡ˉ璺?58??/p> </div> </footer> <script src="/js/main.js" type="text/javascript" charset="utf-8"></script> <script src="/js/jquery.mousewheel.js" type="text/javascript" charset="utf-8"></script> <script src="/js/jquery.flexslider.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="/css/flexslider.css" type="text/css" media="screen" charset="utf-8"><script src="/js/touch.js" type="text/javascript" charset="utf-8"></script> <script src="/js/plug.preload.js" type="text/javascript" charset="utf-8"></script> <script src="/js/product_banner.js" type="text/javascript" charset="utf-8"></script> <script> (function(a,b){ var winH=function(){ return b.documentElement.clientHeight || b.document.body.clientHeight; } var h=winH(),wrap=a('#i-wrap'),section=wrap.children('.i-wrap'),bottom=a('footer'),bH=bottom[0].offsetHeight,index=1,timer=null,nav=function(){ var nav=document.createElement('ul'); nav.setAttribute('id','i-navli'); var liHtml='' for (var i = 0; i < section.length; i++) { liHtml += '<li></li>' }; nav.innerHTML=liHtml; document.body.appendChild(nav); a('#i-navli').find('li').eq(0).addClass('current'); }; function setH(h){ a.each(section,function(i,n){ a(n).height(h) }) } //document.body.style.height=h+'px', var windowWidth = $(window).width(); if (windowWidth > 1024) { a("body,html").addClass('ovh'); setH(winH()),nav(),a(document).on('mousewheel',wheel); setTimeout(function(){ a('body,html').animate({scrollTop:0}, 1) },230) }else{ a("body,html").removeClass('ovh'); a(".i-wrap").attr("style",""); } function wheel(e, a){ timer || (timer=setTimeout(function(){ timer=null },500),goPage(a)) } a('#i-navli').on('click','li',function(){ index=a('#i-navli').find('li').index(this)+1; setNav.call(null,index) TS.call(null,index) $(this).siblings().find('span').hide(); getinto(index) }) var TS=function(i){ if(i==section.length+1){ var h=scrollTops(i,true); top.call(document,h) }else { var h=scrollTops(i); top.call(document,h) } },top=function(h){ a('html,body').stop().animate({scrollTop:h},800,"easeInOutExpo") },setNav=function(i){ if(i>=0 && i<2) { a('#i-navli').find('li').removeClass('current'); a('#i-navli').find('li').eq(0).addClass('current') }else if(i>=section.length && i<section.length+2){ a('#i-navli').find('li').removeClass('current'); a('#i-navli').find('li').eq(section.length-1).addClass('current') }else { a('#i-navli').find('li').removeClass('current'); a('#i-navli').find('li').eq(i-1).addClass('current') } },scrollTops=function(i,b){ var obj=$('.section'+i); if (b) { if($('footer').length > 0){ return $('footer').offset().top } }else if(obj.length >0){ return obj.offset().top } },goPage=function(num){ if (num>0) { index--; if(index<1){ index = 1; return false; } }else { index++; if(index> section.length+1){ index = section.length+1; return false; } } setNav.call(null,index) TS.call(b,index); getinto(index); } window.onresize=function(){ var h=winH(); var width = $(window).width(); if (width > 1024) { setH(h),scrollTops(),TS(index); a(document).on('mousewheel',wheel); $("body,html").addClass('ovh'); setH(winH()) }else{ $("body,html").removeClass('ovh'); a(document).off("mousewheel"); a(".i-wrap").attr("height","auto"); } },a(document).on('keyup',function(e){ var width = $(window).width(); if (width > 1024) { setH(h),scrollTops(),TS(index); a(document).on('mousewheel',wheel); if (e.keyCode == 40 || e.keyCode==39) { index++; if(index>=section.length+1) index=section.length+1 TS.call(null,index),setNav(index); getinto(index); }else if(e.keyCode==37 || e.keyCode==38){ index--; if (index<=0) index=0; TS.call(null,index),setNav(index); getinto(index); } }else{ $("body,html").removeClass('ovh'); a(document).off("mousewheel"); } }) })(jQuery,document); var $window = $(window), flexslider = { vars:{} }; function getinto(index){ if (index == 1) { $('header').addClass("one"); $('footer').hide(); setTimeout(function(){ $('.i-ban .slides li.flex-active-slide img').stop().animate({top:0,opacity:1},800); $('.i-ban .slides li.flex-active-slide .more').stop().animate({top:0,opacity:1},800) $('.i-ban-link li').each(function(){ var index = $(this).index(); $(this).delay(index * 200).animate({top:0,opacity:1},400); }) $('.wel-page li').eq(index + 1).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({top:0},300); },700) }else{ $('header').removeClass("one"); $('footer').show(); $('.i-ban .slides li.flex-active-slide img').stop().animate({top:0,opacity:1},800); $('.i-ban .slides li.flex-active-slide .more').stop().animate({top:0,opacity:1},800) $('.i-ban-link li').each(function(){ var index = $(this).index(); $(this).delay(index * 200).animate({top:50,opacity:0},400); }) } if (index == 1 || index == 3) { $('#i-navli').addClass("one"); $('.wel-page').addClass("one"); }else{ $('#i-navli').removeClass("one"); $('.wel-page').removeClass("one") } if (index == 2 || index == 4 || index == 5){ $('.wel-number').addClass("on"); }else{ $('.wel-number').removeClass("on"); } if (index == 2) { $('.wel-number .num').html('0'+ index); setTimeout(function(){ $('.i-wrap2 .left').stop().animate({left:0,opacity:1},1000) $('.i-wrap2 .rigth').stop().animate({right:0,opacity:1},500,function(){ $('.i-wrap2 .rigth .pic').transition({'transform':'scale(1)'},500) }) $('.wel-page li').eq(index + 1).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({top:-(28)},800); },700) }else{ $('.i-wrap2 .left').stop().animate({left:-50,opacity:0},800) $('.i-wrap2 .rigth .pic').transition({'transform':'scale(0)'},500) $('.i-wrap2 .rigth').stop().animate({right:-50,opacity:0},800) } if (index == 3) { $('.wel-number .num').html('0'+ index); $('footer').addClass("one"); setTimeout(function(){ $('.inliner-banner-con li .con').transition({'transform':' scale(1)'},800) $('.i-wrap3 .inliner-list').transition({'transform':' scale(1)'},800) $('.i-wrap3 .inliner-bg').transition({'transform':' scale(1)'},1000) $('.wel-page li').eq(index + 1).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({top:-56},500); },700) }else{ $('footer').removeClass("one"); $('.inliner-banner-con li .con').transition({'transform':' scale(0)'},500) $('.i-wrap3 .inliner-bg').transition({'transform':' scale(0)'},600) $('.i-wrap3 .inliner-list').transition({'transform':' scale(0)'},500) } if (index == 4 || index == 5) { $('.wel-number .num').html('0'+ 4); $('footer').addClass("two"); $('header').addClass("the"); setTimeout(function(){ $('.i-wrap4 .left').stop().animate({left:0,opacity:1},800); $('.i-wrap4 .right li').each(function(){ var index = $(this).index(); $(this).delay(index * 200).animate({left:0,opacity:1},500); }) $('.wel-page li').eq(5).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({top:-84},500); },700) }else{ $('footer').removeClass("two"); $('header').removeClass("the"); $('.i-wrap4 .left').stop().animate({left:-50,opacity:0},500); $('.i-wrap4 .right li').each(function(){ var index = $(this).index(); $(this).delay(index * 100).animate({left:50,opacity:0},300); }) } } $(function(){ $('footer .w1200').css('width','85%'); sizew() window.onresize = function(){ sizew() }; $('.i-ban').flexslider({ animation: 'slide', easing:"easeInOutExpo", slideshowSpeed: 5000, animationSpeed: 1000, touch: true, start: function(slider){ flexslider = slider; } }); $('.i-ban-link li').each(function(){ var index = $(this).index(); $(this).addClass('li' + index); }) setTimeout(function(){ $('.i-ban .slides li.flex-active-slide img').stop().animate({top:0,opacity:1},800); $('.i-ban .slides li.flex-active-slide .more').stop().animate({top:0,opacity:1},800) $('.i-ban-link li').each(function(){ var index = $(this).index(); $(this).delay(index * 200).animate({top:0,opacity:1},400); }) },800) // 浜у??棰???椤 jquery 缁??? function sizew(){ var ww = $('.i-wrap4 .right').width(); if ($(window).width() > 1024) { var hei = $(window).height(); $('.i-wrap4 .right a').css('height',hei*0.96); $('header').addClass('flex'); $('footer').addClass('flex'); $('footer').hide(); $('.wel-page').addClass('one') $('.wel-page li').eq(2).addClass("on"); $('header').addClass("one"); $('#i-navli').addClass("one"); $('.nav-box').addClass("flex"); }else{ $('header').removeClass('flex'); $('header').removeClass("one"); $('#i-navli').removeClass("one"); $('.wel-page').removeClass('one') $('footer').show(); $('.nav-box').removeClass("flex"); $('footer').removeClass('flex'); } $('.i-wrap4 .right li').eq(2).addClass('on'); if ($(window).width() > 580) { $('.i-wrap4 .right li').width(ww /3); var liw = $('.i-wrap4 .right li').width(); }else{ $('.i-wrap4 .right li').width(ww - 2); var liw = $('.i-wrap4 .right li').width() + 2; } var sc = 0; var size = $('.i-wrap4 .right li').size(); if ($(window).width() < 580) { touch.on('.i-wrap4 .right', 'swipeleft swiperight', function(ev){ console.log(sc); if (ev.type == 'swipeleft') { if (sc == size - 1) { return false; }else{ sc ++; sizes(); $('.i-wrap4 .right li').removeClass('on'); } }else{ if (sc == 0) { return false; }else{ sc --; sizes(); $('.i-wrap4 .right li').removeClass('on'); } } }); }else{ if ($(window).width() < 1025) { touch.on('.i-wrap4 .right', 'swipeleft swiperight', function(ev){ if (ev.type == 'swipeleft') { if (sc == size - 3) { return false; }else{ sc ++; sizes(); } }else{ if (sc == 0) { return false; }else{ sc --; sizes(); } } }); } $('.i-wrap4 .btns a.prev').on('click',function(){ if (sc == 0) { return false; }else{ sc --; sizes(); } }) $('.i-wrap4 .btns a.next').on('click',function(){ if (sc == size - 3) { return false; }else{ sc ++; sizes(); } }) } var win = $(window).width(); if (win < 1025) { $(window).scroll(function(){ var scro = $(window).scrollTop(); var wrap2 = $('.i-wrap2').offset().top - ($(window).height()/2); var wrap3 = $('.i-wrap3').offset().top - ($(window).height()/2); var wrap4 = $('.i-wrap4').offset().top - ($(window).height()/2); if(scro > wrap2){ $('.i-wrap2 .left').stop().animate({left:0,opacity:1},300) $('.i-wrap2 .rigth').stop().animate({right:0,opacity:1},300,function(){ $('.i-wrap2 .rigth .pic').transition({'transform':' scale(1)'},500) }) } if(scro > wrap3){ $('.inliner-banner li .con').transition({'transform':' scale(1)'},500) $('.i-wrap3 .inliner-list').transition({'transform':' scale(1)'},500) } if(scro > wrap4){ $('.i-wrap4 .left').stop().animate({left:0,opacity:1},500); $('.i-wrap4 .right li').each(function(){ var index = $(this).index(); $(this).delay(index * 100).animate({left:0,opacity:1},300); }) } }) var h = $('.i-ban .slides li').height(); $('.i-wrap1').height(h); } function sizes(){ $('.i-wrap4 .right ul').stop().animate({'margin-left':-(sc * liw)},300); $('.i-wrap4 .right li').eq(sc + 2).addClass('on').siblings('li').removeClass('on'); } _PreLoadImg([ "156757915049tbm73.jpg", "1565744647330tx76.jpg", "154460168666pvdh3.jpg", "154261873961jaeen.jpg", "154235368886qlltp.png", ],function(){ var imgh = $('.i-wrap4 .right li').eq(0).find('img').height(); $('.i-wrap4 .right li').find('img').height(imgh); }) } $('.inliner-banner li').eq(0).show(); }) </script> </body> </html>