CINXE.COM

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="zh-CN" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <meta name="keywords" content="产业化、科技化、国际化、数字化、平台化" /> <meta name="description" content="正泰集团股份有限公司始创于1984年，是全球知名的智慧能源系统解决方案提供商。创立39年来，正泰始终聚精会神干实业、一门心思创品牌，深入践行“产业化、科技化、国际化、数字化、平台化”战略举措，形成了“绿色能源、智能电气、智慧低碳”三大板块和“正泰国际、科创孵化”两大平台，业务遍及140多个国家和地区，全球员工4万余名，2022年集团营业收入1237亿元，连续二十余年上榜中国企业 500强。" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>正泰集团股份有限公司</title> <link href="favicon.ico" rel="shortcut icon"> <link href="css/hamburgers.css" rel="stylesheet" type="text/css" /> <link href="css/boc_reset.css" rel="stylesheet" type="text/css" /> <link href="js/swiper/swiper.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.transit.js"></script> <script type="text/javascript" src="js/html5.js"></script> <script type="text/javascript" src="js/new_bocfe.js"></script> <script type="text/javascript" src="js/swiper/swiper.min.js"></script> <script type="text/javascript" src="js/vue.min.js"></script> <script type="text/javascript" src="js/axios.min.js"></script> <script type="text/javascript" src="./inc/header.js"></script> <script type="text/javascript" src="./inc/comm.js"></script> <style> @media(max-width: 767px){ .ibanner .text { top: 16.66vh; } } @media(max-width: 767px){ .ibanner .banner1 { margin: 90% 30% 3rem } } @media(max-width: 380px){ .ibanner .banner1 { margin: 80% 30% 3rem } </style> <script>var _hmt =_hmt ||[];(function() {var hm =document.createElement("script");hm.src ="https://hm.baidu.com/hm.js?9571b87493481178fdebc0af4b77b5fa";var s =document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script> <script>function _howxm(){_howxmQueue.push(arguments)} window._howxmQueue=window._howxmQueue||[];_howxm('setAppID','b5241de5-45ce-4249-ae5d-7bbc425ba336');(function(){var scriptId='howxm_script';if(!document.getElementById(scriptId)){var e=document.createElement('script'),t=document.getElementsByTagName('script')[0];e.setAttribute('id',scriptId);e.type='text/javascript';e.async=!0;e.src='https://static.howxm.com/sdk.js';t.parentNode.insertBefore(e,t)}})();</script> </head> <body class="cssanimations"> <div class="loading-fix"> <img class="img1" src="./img/loading.png" alt=""> <img class="img2" src="./img/loading2.png" alt=""> <div class="loadingnum tit-18 col-333 text-center tran-middle" style="top:55%;"><span>0</span>%</div> </div> <div id="header"></div> <div id="app" v-cloak> <div class="ibanner por ovh"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in banner" :key="i"> <div class="slide-inner"> <video class="video pc-block" x5-playsinline playsinline webkit-playsinline muted="" preload="" :poster="v.photo" :src="v.files" v-if="v.files.length>0"></video> <div class="bg img-cover" :style="{backgroundImage:'url('+v.photo+')'}" v-else></div> <div class="bg img-cover m-block" :style="{backgroundImage:'url('+v.mphoto+')'}"></div> <div class="text w1600"> <div class="tit2 tit-50 line-2 col-fff text-bold" v-html="v.title"></div> <div class="tit3 tit-24 line-2 col-fff" v-html="v.subtitle"></div> <div class="m-block-767" style="display:none;"> <div class="videobtn f-no-c-center " :data-video="v.files" data-dialog="somedialog"> <svg class="svgs" viewBox="0 0 54 54"> <path class="path-loop-bg" d="M27,2A25,25,0,1,1,2,27,25,25,0,0,1,27,2" style="fill: none;stroke: #fff;stroke-width: 2px;opacity: 0.5; "></path> <path class="path-loop" d="M27,2A25,25,0,1,1,2,27,25,25,0,0,1,27,2" style="fill: none; stroke: #fff;stroke-width: 2px; "></path> </svg> <svg t="1685413982009" class="icon tram-middle" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2424" width="200" height="200"><path d="M897.143467 597.051733l-464.648534 311.5264c-46.976 31.488-110.592 18.944-142.08-28.023466A102.4 102.4 0 0 1 273.066667 823.5264V200.4736c0-56.5504 45.8496-102.4 102.4-102.4a102.4 102.4 0 0 1 57.028266 17.348267l464.64 311.5264c46.976 31.488 59.528533 95.104 28.032 142.08a102.4 102.4 0 0 1-28.023466 28.023466z" p-id="2425"></path></svg> </div> </div> <a :href="v.link ? v.link :'javascript:;'" :target="v.link=='' ? v.link :'_blank'" title="" class="more tit-16 f-no-c-center line-1" v-if="v.link" :style="i>1 ? 'margin: 3.5rem 0px 0px':''" id='banner'>查看更多</a> </div> </div> </div> </div> <div class="banner-pagination f-no-c-center"></div> </div> <div class="ilist1"> <div class="contentbox"> <div class="textbox f-no-b-start"> <div class="title col-000 tit-50 line-1 text-bold por anim_emt r_to_l a-del1">{{itembox.title}}</div> <div class="text anim_emt l_to_r a-del2"> <div class="p tit-15" v-html="itembox.content"> </div> </div> </div> <div class="warpbox f-no-b-center"> <a href="green_energy.html" class="li por anim_emt r_to_l a-del2"> <img class="img m-block" src="img/i2img.jpg" alt=""> <video class="img pc-block" loop muted autoplay src="video/lsny.mp4"></video> <div class="dianbox f-no-b-center"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center"><div class="txt">绿色能源</div> <svg t="1686832176259" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24509" width="200" height="200"><path d="M853.333333 507.733333H128v42.666667h733.866667l-145.066667 145.066667 29.866667 29.866666 192-192L746.666667 341.333333l-29.866667 29.866667 136.533333 136.533333z" p-id="24510"></path></svg></div> </div> </a> <a href="smart_electric.html" class="li por active anim_emt r_to_l a-del3"> <img class="img m-block" src="img/i2img1.jpg" alt=""> <video class="img pc-block" loop muted autoplay src="video/zndq2.mp4"></video> <div class="dianbox f-no-b-center"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center"><div class="txt">智能电气</div> <svg t="1686832176259" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24509" width="200" height="200"><path d="M853.333333 507.733333H128v42.666667h733.866667l-145.066667 145.066667 29.866667 29.866666 192-192L746.666667 341.333333l-29.866667 29.866667 136.533333 136.533333z" p-id="24510"></path></svg></div> </div> </a> <a href="smart_low_carbon.html" class="li por anim_emt r_to_l a-del4"> <img class="img m-block" src="img/i2img3.jpg" alt=""> <video class="img pc-block" loop muted autoplay src="video/zhdt.mp4"></video> <div class="dianbox f-no-b-center"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center"><div class="txt">智慧低碳</div> <svg t="1686832176259" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24509" width="200" height="200"><path d="M853.333333 507.733333H128v42.666667h733.866667l-145.066667 145.066667 29.866667 29.866666 192-192L746.666667 341.333333l-29.866667 29.866667 136.533333 136.533333z" p-id="24510"></path></svg></div> </div> </a> </div> <div class="tabul f-no-b-start anim_emt b_to_t a-del3"> <a href="chint_global.html" title="" class="li"> <img src="img/i1bg.jpg" alt=""> <span class="tit3 tit-20 col-000 line-2">正泰国际</span> </a> <a href="innovation_incubation.html" title="" class="li"> <img src="img/i2bg.jpg" alt=""> <span class="tit3 tit-20 col-000 line-2">科创孵化</span> </a> </div> </div> </div> <div class="ilist2 por ovh"> <div class="bg img-cover" v-for="(v,i) in item1list" :key="i" :style="{backgroundImage:'url('+v.photo+')'}"></div> <div class="contentbox"> <div class="warptitle anim_emt b_to_t a-del1"> <div class="title col-fff tit-50 line-1 text-bold por">{{item1listitem.subtitle}}</div> <div class="tit3 tit-24 col-fff line-4">{{item1listitem.intro}}</div> <div class="tit4 tit-18 col-fff line-4">{{item1listitem.digit}}</div> </div> <div class="ul anim_emt b_to_t a-del2"> <div class="swiper-wrapper"> <div class="swiper-slide f-no-col" v-for="(v,i) in item1list" :key="i" :data-bg="v.photo" :data-title="v.subtitle" :data-tit3="v.intro" :data-tit4="v.digit" :data-href="v.link"> <div class="text"> <div class="textbg"></div> <img :src="v.mphoto" alt="" class="icon"> <div class="tit5 tit-20 text-center line-4 col-fff">{{v.title}}</div> <div class="tit4 tit-15 col-fff text-center" v-html="v.content"></div> <a :href="v.link" title="" class="more tit-16 f-no-c-center line-1">查看更多</a> </div> </div> </div> <div class="swiper-pagination m-block-767 f-no-c-center"></div> </div> </div> </div> <div class="ilist3 por ovh"> <div class="contentbox"> <div class="textbox f-no-b-start"> <div class="title col-000 tit-50 line-1 text-bold por anim_emt b_to_t a-del1">科技创新</div> <div class="text anim_emt b_to_t a-del2"> <div class="p tit-15 " v-html="item3box.content"> </div> <a href="innovation.html" title="" class="more text-bold tit-16 f-no-c-center line-1">发现更多</a> </div> </div> <div class="img-container por ovh anim_emt b_to_t a-del3"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item3list" :key="i"> <div class="img por ovh"> <img class="img1" :src="v.photo" alt=""> <img src="" alt="" class="bg poa" style="变色background: linear-gradient(0deg, #1E50E6 0%, transparent 80%)"> <div class="titbox"> <div class="tit3 enfon tit-50 col-fff text-bold line-1"><span>{{v.subtitle}}</span></div> <div class="tit4 tit-18 col-fff line-2">{{v.title}}</div> </div> </div> </div> </div> </div> </div> </div> <div class="ilist4 por ovh"> <div class="contentbox"> <div class="topbox f-no-b-center anim_emt b_to_t a-del1"> <div class="lefttop f-no-s-center"> <div class="title col-000 tit-50 line-1 text-bold por">新闻中心</div> <div class="tabul"> <a href="javascript:;" class="li tit-18">公司新闻</a> <a href="javascript:;" class="li tit-18">媒体报道</a> <a href="javascript:;" class="li tit-18">展会活动</a> <a href="chint_videos.html" class="li tit-18">正泰视频</a> <a href="chint_newspaper.html" class="li tit-18">正泰报刊 </a> </div> </div> <a href="news.html" title="" class="more text-bold tit-16 f-no-c-center line-1">发现更多</a> </div> <div class="ulbox anim_emt b_to_t a-del2"> <div class="ulitem f-no-b-start"> <a :href="'news_info.html?id='+ v.id" class="li" v-for="(v,i) in news1list" :key="i" v-if="i===0"> <img :src="v.photo" alt="" v-if="v.photo.length>0"> <img src="img/newsbg.jpg" alt="" v-else> <div class="text"> <div class="time enfont tit-24 line-2 col-fff">{{timelineway(v.timeline)}}</div> <div class="tip tit-12 col-fff line-2 f-no-c-center">公司新闻</div> <div class="tit3 tit-24 line-2 col-fff text-bold">{{v.title}}</div> <div class="tit4 tit-15 col-fff" v-html="v.content"></div> </div> </a> <div class="rightbox"> <a :href="'news_info.html?id='+ v.id" class="item f-no-b-center" v-for="(v,i) in news1list" :key="i" v-if="i >= 1"> <div class="img"> <img :src="v.photo" alt="" v-if="v.photo.length>0"> <img src="img/newsbg.jpg" alt="" v-else> </div> <div class="text f-no-col-c-start"> <div class="tit4 tit-22 col-000 text-bold line-2">{{v.title}}</div> <div class="tit5 tit-16 line-2" v-html="v.content"></div> <div class="botbox f-no-s-center"> <div class="tipbtn tit-12 f-no-c-center line-1">公司新闻</div> <div class="time tit-16 col-000 line-2">{{timelineway(v.timeline)}}</div> </div> </div> </a> </div> </div> <div class="ulitem f-no-b-start"> <a :href="'media_info.html?id='+ v.id" class="li" v-for="(v,i) in news2list" :key="i" v-if="i===0"> <img :src="v.photo" alt=""> <div class="text"> <div class="time enfont tit-24 line-2 col-fff">{{timelineway(v.timeline)}}</div> <div class="tip tit-12 col-fff line-2 f-no-c-center">媒体报道</div> <div class="tit3 tit-24 line-2 col-fff text-bold">{{v.title}}</div> <div class="tit4 tit-15 col-fff" v-html="v.content"></div> </div> </a> <div class="rightbox"> <a :href="'media_info.html?id='+ v.id" class="item f-no-b-center" v-for="(v,i) in news2list" :key="i" v-if="i >= 1"> <div class="img"> <img :src="v.photo" alt="" v-if="v.photo.length>0"> <img src="img/newsbg.jpg" alt="" v-else> </div> <div class="text f-no-col-c-start"> <div class="tit4 tit-22 col-000 text-bold line-2">{{v.title}}</div> <div class="tit5 tit-16 line-2" v-html="v.content"></div> <div class="botbox f-no-s-center"> <div class="tipbtn tit-12 f-no-c-center line-1">媒体报道</div> <div class="time tit-16 col-000 line-2">{{timelineway(v.timeline)}}</div> </div> </div> </a> </div> </div> <div class="ulitem f-no-b-start"> <a :href="'exhibition_info.html?id='+ v.id" class="li" v-for="(v,i) in news3list" :key="i" v-if="i===0"> <img :src="v.photo" alt=""> <div class="text"> <div class="time enfont tit-24 line-2 col-fff">{{timelineway(v.timeline)}}</div> <div class="tip tit-12 col-fff line-2 f-no-c-center">展会活动</div> <div class="tit3 tit-24 line-2 col-fff text-bold">{{v.title}}</div> <div class="tit4 tit-15 col-fff" v-html="v.content"></div> </div> </a> <div class="rightbox"> <a :href="'exhibition_info.html?id='+ v.id" class="item f-no-b-center" v-for="(v,i) in news3list" :key="i" v-if="i >= 1"> <div class="img"> <img :src="v.photo" alt="" v-if="v.photo.length>0"> <img src="img/newsbg.jpg" alt="" v-else> </div> <div class="text f-no-col-c-start"> <div class="tit4 tit-22 col-000 text-bold line-2">{{v.title}}</div> <div class="tit5 tit-16 line-2" v-html="v.content"></div> <div class="botbox f-no-s-center"> <div class="tipbtn tit-12 f-no-c-center line-1">展会活动</div> <div class="time tit-16 col-000 line-2">{{timelineway(v.timeline)}}</div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="ilist5 por ovh f-no-col-c-center"> <div class="bg img-cover" :style="{backgroundImage:'url('+item6box.photo+')'}"></div> <div class="contentbox"> <div class="tit3 tit-50 line-1 col-fff text-bold text-center anim_emt b_to_t a-del1">{{item6box.title}}</div> <div class="tit4 tit-20 col-fff text-center anim_emt b_to_t a-del2" v-html="item6box.content"></div> <a href="company_culture.html" title="" class="more tit-16 f-no-c-center line-1 anim_emt b_to_t a-del3">查看更多</a> </div> </div> <div class="ilist6 por ovh f-no-col-c-center"> <div class="bg img-cover" :style="{backgroundImage:'url('+item7box.photo+')'}"></div> <div class="contentbox"> <div class="tit3 tit-50 line-1 col-000 text-bold text-center anim_emt b_to_t a-del1">{{item7box.title}}</div> <div class="tit4 tit-20 col-000 text-center anim_emt b_to_t a-del2" v-html="item7box.content"></div> <a href="join_us.html" title="" class="more tit-16 f-no-c-center line-1 anim_emt b_to_t a-del3">查看更多</a> </div> </div> </div> <div class="warpfooter" include="inc/footer.html"></div> <div id="somedialog" class="dialog"> <div class="dialog__overlay"></div> <div class="dialog__content"> <div class="video"> <video muted autoplay loop controls src=""></video> </div> <button class="action closebtn f-no-c-center" data-dialog-close><svg t="1615443457830" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10004" width="200" height="200"> <path d="M801.62816 222.37184a30.72 30.72 0 0 1 0 43.43808L555.43808 512l246.19008 246.21056a30.72 30.72 0 1 1-43.43808 43.43808L512 555.43808 265.8304 801.62816a30.72 30.72 0 1 1-43.45856-43.43808L468.54144 512l-246.1696-246.1696a30.72 30.72 0 1 1 43.43808-43.45856L512 468.54144l246.21056-246.1696a30.72 30.72 0 0 1 43.43808 0z" p-id="10005"></path> </svg> </button> </div> </div> <script type="text/javascript" src="js/main.js"></script> <script type="text/javascript" src="js/data.js"></script> <link rel="stylesheet" href="alert/css/dialog.css"> <link rel="stylesheet" href="alert/css/dialog-sandra.css"> <script type="text/javascript" src="alert/js/modernizr.custom.js"></script> <script type="text/javascript" src="alert/js/classie.js"></script> <script type="text/javascript" src="alert/js/dialogFx.js"></script> <script type="text/javascript">if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {$("#banner").addClass("banner1");}else{$('#banner').css('margin','8rem 45% 3rem');} var isClosed =/(^|;| )ggclose=1/.test(document.cookie);if (isClosed) {$(".loading-fix").remove();$("body,html").removeClass("ovh");}else{$("body,html").addClass("ovh");var loadTime =_loaded =0;function loadTotal(){_loaded++;if(_loaded<43){_time =15;}if(_loaded<57){_time =20;}else if(_loaded<73){_time =40;}else if(_loaded<82){_time =60;}else if(_loaded<92){_time =80;}else if(_loaded<99){_time =100;} if(_loaded>99){clearInterval(loadTime);var d =new Date();d.setHours(d.getHours() + 168);document.cookie ='ggclose=1;expires=' + d.toGMTString();}else{$(".loadingnum span").html(_loaded);loadTime =setTimeout("loadTotal()",_time);} } loadTotal();} var index =new Vue({el:'#app',data:{banner:{0:{'files':'','link':'','mphoto':'','photo':'','subtitle':'','title':'' } },itembox:{},item3box:{},item1list:{},item1listitem:{},item3list:{},news1list:{},news2list:{},news3list:{},item6box:{},item7box:{},},mounted() {const url =baseURL + 'welcome';axios.get(url).then(res =>{var alldata =res.data;this.banner =res.data.banner this.itembox.title =alldata.item.title;this.itembox.content =alldata.item.content;this.item1list =alldata.item1_list;this.item1listitem =alldata.item1_list[0];this.item3box.content =alldata.item3.content;this.item3list =alldata.item3_list;this.news1list =alldata.item4;this.news2list =alldata.item5;this.news3list =alldata.item6;this.item6box.title =alldata.item7.title;this.item6box.content =alldata.item7.content;this.item6box.photo =alldata.item7.photo;this.item7box.title =alldata.item8.title;this.item7box.content =alldata.item8.content;this.item7box.photo =alldata.item8.photo;this.$nextTick(function () {setTimeout(function (){$(".loading-fix").addClass("active") $("body,html").removeClass("ovh");},1200) setTimeout(function (){$(".loading-fix").remove();},1800) scrollAni();function playVideo() {if (video.paused) {video.play();} } if ($(window).width()<=1024) {$(".ibanner .slide-inner video").remove();$(".ilist1 .warpbox .li video").remove();} var interleaveOffset =0.5;var bannerswiper =new Swiper('.ibanner',{slidesPerView:1,spaceBetween:0,speed:1200,pagination:'.banner-pagination',paginationClickable :true,autoplay:3500,autoplayDisableOnInteraction :false,loop:true,parallax:true,onInit:function(swiper){if ($('.ibanner .video').length >0 &&$(window).width()>1024) {$('.ibanner .swiper-slide').eq(0).find(".video")[0].play();$('.ibanner .swiper-slide').eq(0).find(".video").click(function(){if ($(this)[0].paused) {$(this)[0].play();} }).click();swiper.stopAutoplay();$('.ibanner .swiper-slide').eq(0).find(".video").on('ended',function() {swiper.slideNext();swiper.startAutoplay();swiper.params.autoplay =5000;}) } },onSlideChangeEnd:function(swiper) {var videoIndex =$('.ibanner .indexvideo').index();var activeIndex =$(".ibanner .swiper-slide.swiper-slide-active").index();$(".ibanner .video").each(function(){$(this)[0].pause();}) if ($('.swiper-slide.swiper-slide-active .video').length >0 &&$(window).width()>1024) {$('.ibanner .swiper-slide').eq(activeIndex).find(".video")[0].play();$('.ibanner .swiper-slide').eq(activeIndex).find(".video").click(function(){if ($(this)[0].paused) {$(this)[0].play();} }).click();$(".ibanner .video").each(function(){$(this)[0].playbackRate =1;$(this)[0].currentTime =0;}) swiper.stopAutoplay();$('.ibanner .swiper-slide').eq(activeIndex).find(".video").on('ended',function() {setTimeout(function(){swiper.slideNext();},1000) }) } },onProgress:function(swiper,progress){for (var i =0;i < swiper.slides.length;i++) {var slideProgress =swiper.slides[i].progress;var innerOffset =swiper.width *interleaveOffset;var innerTranslate =slideProgress *innerOffset;swiper.slides[i].querySelector(".slide-inner").style.transform ="translate3d(" + innerTranslate + "px, 0, 0)";} },onTouchStart:function (swiper) {for (var i =0;i < swiper.slides.length;i++) {swiper.slides[i].style.transition ="";} },onSetTransition:function (swiper,transiton) {for (var i =0;i < swiper.slides.length;i++) {swiper.slides[i].style.transition =transiton + "ms";swiper.slides[i].querySelector(".slide-inner").style.transition =transiton + "ms";} },onTransitionStart:function(swiper){for(i=0;i<swiper.slides.length;i++){slide=swiper.slides.eq(i);slide.removeClass('ani-slide');} },onTransitionEnd:function(swiper){slide=swiper.slides.eq(swiper.activeIndex);slide.addClass('ani-slide');} }) $(".ibanner .videobtn").on("click",function(){var dlgtrigger =$(this).attr("data-dialog");var dlgvideo =$(this).attr("data-video");var somedialog =$('#'+dlgtrigger)[0];$("#somedialog video").attr("src",dlgvideo);var dlg =new DialogFx(somedialog,{onOpenDialog :function(instance ) {$('#somedialog video').get(0).play();},onCloseDialog :function(instance ) {$('#somedialog video').get(0).pause();} });dlg.toggle(dlg) }) var img3swiper =new Swiper('.ilist3 .img-container',{slidesPerView:2.3,spaceBetween:60,speed:800,paginationClickable :true,loop:true,loopAdditionalSlides :2,autoplay:3500,autoplayDisableOnInteraction :false,centeredSlides :true,breakpoints:{767:{slidesPerView:1.5,spaceBetween:30 },425:{slidesPerView:1.2,spaceBetween:20 } } }) var i2swiper =new Swiper('.ilist2 .ul',{slidesPerView:5,spaceBetween:0,speed:800,paginationClickable :true,onlyExternal :true,pagination:'.ilist2 .swiper-pagination',breakpoints:{1024:{slidesPerView:3,onlyExternal :false },767:{slidesPerView:1,onlyExternal :false,onInit:function(swiper){var bgsrc =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-bg");var title =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-title");var tit3 =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-tit3");var tit4 =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-tit4");var href =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-href");$(".ilist2 .warptitle .title").html(title);$(".ilist2 .warptitle .tit3").html(tit3);$(".ilist2 .warptitle .tit4").html(tit4);$(".ilist2 .warptitle .more").attr("href",href);$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).addClass("active").siblings().removeClass("active");$(".ilist2 .bg").eq(swiper.activeIndex).addClass("active").siblings().removeClass("active");},onTransitionStart:function(swiper){var bgsrc =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-bg");var title =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-title");var tit3 =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-tit3");var tit4 =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-tit4");var href =$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).attr("data-href");$(".ilist2 .warptitle .title").html(title);$(".ilist2 .warptitle .tit3").html(tit3);$(".ilist2 .warptitle .tit4").html(tit4);$(".ilist2 .warptitle .more").attr("href",href);$(".ilist2 .ul .swiper-slide").eq(swiper.activeIndex).addClass("active").siblings().removeClass("active");$(".ilist2 .bg").eq(swiper.activeIndex).addClass("active").siblings().removeClass("active");} } } }) $(".ilist2 .ul .textbg").hover(function(){var bgsrc =$(this).parents(".swiper-slide").attr("data-bg");var title =$(this).parents(".swiper-slide").attr("data-title");var tit3 =$(this).parents(".swiper-slide").attr("data-tit3");var tit4 =$(this).parents(".swiper-slide").attr("data-tit4");var href =$(this).parents(".swiper-slide").attr("data-href");$(".ilist2 .warptitle .title").html(title);$(".ilist2 .warptitle .tit3").html(tit3);$(".ilist2 .warptitle .tit4").html(tit4);$(".ilist2 .warptitle .more").attr("href",href);$(".ilist2 .swiper-slide").eq($(this).parents(".swiper-slide").index()).addClass("active").siblings().removeClass("active");$(".ilist2 .bg").eq($(this).parents(".swiper-slide").index()).addClass("active").siblings().removeClass("active");}) $(".ilist2 .bg").eq(0).addClass("active") $(".ilist4 .tabul .li").on("click",function(){$(this).addClass("cur").siblings().removeClass("cur");$(".ilist4 .ulitem").eq($(this).index()).addClass("on").siblings().removeClass("on") }) $(".ilist4 .tabul .li").eq(0).click();$(".ilist1 .warpbox .li").hover(function(){$(this).addClass("active").siblings().removeClass("active");}) }) }) },methods:{timelineway(day){return parseTime(day,'{y}-{m}-{d}');} },watch:{},}) </script> </body> </html>