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="正泰不断深化“一云两网”战略，将“正泰云”作为智慧科技和数据应用载体，率先构建能源物联网、工业物联网平台，在绿色低碳发展新蓝海中争做探索者、倡导者、实践者。以“绿源、智网、降荷、新储”系统服务能力，打造平台型企业，构筑区域智慧能源产业生态圈，为公共机构、工商业及终端用户提供一揽子能源解决方案，实现节能降碳、加速能源转型。" /> <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> .nbanner .subbox a{ color:#000; opacity:.9; } .nbanner .subbox a:hover{ opacity:1; } .line-gradient{ background: linear-gradient(to right, #1E50E6 0%, transparent 80%); width: 100%; position: absolute; height: 100%; top:0; left:0; z-index:1; } </style> </head> <body class="cssanimations"> <div id="header"></div> <div id="app" v-cloak> <div class="nbanner"> <div class="bg img-cover pc-block-768 anim_emt scale_down a-del1" :style="{backgroundImage:'url('+banner.photo+')'}"></div> <div class="bg img-cover m-block-768 anim_emt scale_down a-del1" :style="{backgroundImage:'url('+banner.mphoto+')'}"></div> <div class="subbox ovh"> <div class="n-subbox n-subbox3 centerh f-no-b-center"> <a class="tit-17 line-1 col-999" href="about.html" title="">正泰简介</a> <a class="tit-17 line-1 col-999" href="one_cloud_two_nets.html" title="">一云两网</a> <a class="tit-17 line-1 col-999" href="chairman_introduction.html" title="">董事长简介</a> <a class="tit-17 line-1 col-999" href="company_culture.html" title="">企业文化</a> <a class="tit-17 line-1 col-999" href="integrity_and_compliance.html" title="">诚信合规</a> <a class="tit-17 line-1 col-999" href="party_building.html" title="">党群建设</a> <a class="tit-17 line-1 col-999" href="join_us.html" title="">加入我们</a> </div> </div> </div> <div class="n-join"> <div class="join-list1 por ovh"> <div class="title col-000 tit-36 line-1 text-bold por anim_emt b_to_t a-del1">成长和发展</div> <div class="ulbox f-no"> <div class="li anim_emt b_to_t" v-for="(v,i) in itemlist1" :class="'a-del'+(i+1)" :key="i"> <div class="tit4 f-no-s-center tit-30 col-000 line-2"> <img :src="v.photo" alt="" class="icon"> <span>{{v.title}}</span> </div> <div class="tit5 tit-16" v-html="v.content"></div> </div> </div> </div> <div class="join-list2 por ovh"> <div class="contentbox"> <div class="title col-000 tit-36 line-1 text-bold por anim_emt b_to_t a-del1">薪酬福利</div> <div class="ul f-no"> <div class="li por ovh anim_emt b_to_t" :class="'a-del'+(i+1)" v-for="(v,i) in photolist2" :key="i"> <img class="bgimg" :src="v.photo" alt=""> <div class="bg img-cover" style="background: linear-gradient(0deg, #1E50E6 0%, transparent 80%);"></div> <div class="text"> <div class="tit3 tit-24 text-center line-4 col-fff" v-html="v.title"></div> <div class="tit4 tit-16 col-fff text-center" v-html="v.content"></div> </div> </div> </div> <div class="ul2 f-no"> <div class="li anim_emt r_to_l" :class="'a-del'+(i+1)" v-for="(v,i) in itemlist2" :key="i"> <div class="tit4 tit-24 col-000 line-2 text-center">{{v.title}}</div> <div class="tit-16 col-666 text-center line-6">{{v.content}}</div> </div> </div> </div> </div> <div class="join-list3 por ovh"> <div class="contentbox"> <div class="title col-000 tit-36 line-1 text-bold por anim_emt b_to_t a-del1">文化氛围</div> <div class="textbox-container anim_emt b_to_t a-del2"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item2list" :key="i"> <div class="textbox f-no-s-center"> <div class="img"> <img :src="v.photo" alt=""> </div> <div class="text f-no-col-c-start"> <div class="tit3 tit-24 col-fff line-2">{{v.title}}</div> <div class="tit4 tit-16 col-fff" v-html="v.content"></div> </div> </div> </div> </div> </div> <div class="warptab por ovh anim_emt b_to_t a-del3"> <div class="tab-container por ovh"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item2list" :key="i"> <div class="item tit-20 col-999 line-2">{{v.title}}</div> </div> </div> </div> </div> </div> </div> <div class="join-list4 por ovh"> <div class="contentbox"> <div class="warptitle"> <div class="title col-000 tit-36 line-1 text-bold por anim_emt b_to_t a-del1">生活在正泰</div> </div> <div class="warpbox por ovh anim_emt b_to_t a-del2"> <div class="imgswiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item3list" :key="i"> <img src="img/join4img1.jpg" alt=""> <div class="bg img-cover" :style="{backgroundImage:'url('+v.photo+')'}"></div> <div class="text f-no-col-c-start"> <div class="tit3 tit-24 col-fff line-2">{{v.title}}</div> <div class="tit4 tit-16 col-fff" v-html="v.content"></div> </div> </div> </div> </div> </div> <div class="warptab por ovh anim_emt b_to_t a-del2"> <div class="tab-container por ovh"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item3list" :key="i"> <div class="item tit-20 col-999 line-2">{{v.title}}</div> </div> </div> </div> </div> </div> </div> <div class="join-list5 por ovh position"> <div class="contentbox f-no-b-start"> <div class="itembox anim_emt r_to_l a-del1"> <div class="title col-000 tit-36 line-1 text-bold por">校园招聘</div> <div class="item por ovh"> <div class="bg img-cover" style="background-image: url(/bocupload/2023/06/05/1685968892018zj4aa.jpg);"></div> <div class="line-gradient"></div> <div class="text"> <div class="tit3 tit-24 col-fff" v-html="item4.title"></div> <a :href="item4.link ? item4.link :'javascript:;'" :target="item4.link=='' ? item4.link :'_blank'" class="more tit-16 col-fff line-1 f-no-c-center">发现更多</a> </div> </div> </div> <div class="itembox anim_emt r_to_l a-del2"> <div class="title col-000 tit-36 line-1 text-bold por">社会招聘</div> <div class="item por ovh"> <div class="bg img-cover" :style="{backgroundImage:'url('+item5.photo+')'}"></div> <div class="line-gradient"></div> <div class="text"> <div class="tit3 tit-24 col-fff" v-html="item5.title"></div> <a :href="item5.link ? item5.link :'javascript:;'" :target="item5.link=='' ? item5.link :'_blank'" class="more tit-16 col-fff line-1 f-no-c-center">发现更多</a> </div> </div> </div> </div> </div> </div> </div> <div class="warpfooter" include="inc/footer.html"></div> <script type="text/javascript" src="js/main.js"></script> <script type="text/javascript">var join =new Vue({el:'#app',data:{banner:{},itemlist1:{},itemlist2:{},photolist2:{},item2list:{},item3list:{},item4:{},item5:{},},mounted() {const url =baseURL + 'about_join_us';axios.get(url).then(res =>{console.log(res.data);var alldata =res.data;this.banner =res.data.banner this.banner.photo =this.banner.photo this.banner.mobilePhoto =this.banner.mphoto this.banner.title =this.banner.title this.item =alldata.item;this.itemlist1 =alldata.item;this.itemlist2 =alldata.item1_list;this.photolist2 =alldata.item1_photo;this.item2list =alldata.item2;this.item3list =alldata.item3;this.item4.title =alldata.item4.title;this.item4.photo =alldata.item4.photo;this.item4.link =alldata.item4.link;this.item5.title =alldata.item5.title;this.item5.photo =alldata.item5.photo;this.item5.link =alldata.item5.link;this.$nextTick(function () {scrollAni();$(".nbanner .subbox a").eq(6).addClass("cur");var tecswiper =new Swiper('.join-list3 .tab-container',{slidesPerView:"auto",speed:1000,paginationClickable :true,preventClicks :false,breakpoints:{} }) var textboxswiper =new Swiper('.textbox-container',{slidesPerView:1,spaceBetween:0,speed:800,effect :'fade',onlyExternal :true,slidesPerGroup :1 }) $(".join-list3 .tab-container .swiper-slide").on("click",function(){$(this).addClass("cur").siblings().removeClass("cur");textboxswiper.slideTo($(this).index(),1000,false);}) $(".join-list3 .tab-container .swiper-slide").eq(0).click();var tecswiper2 =new Swiper('.join-list4 .tab-container',{slidesPerView:5,speed:1000,paginationClickable :true,preventClicks :false,breakpoints:{996:{slidesPerView:4,spaceBetween:10 },767:{slidesPerView:3,spaceBetween:10 } },}) var imgswiper =new Swiper('.join-list4 .imgswiper',{slidesPerView:2,spaceBetween:80,speed:600,paginationClickable :true,preventClicks :false,centeredSlides :true,slidesPerGroup :1,breakpoints:{1024:{slidesPerView:1.4,spaceBetween:40 },767:{slidesPerView:1.2,spaceBetween:20 } },onTransitionStart:function(swiper){$(".join-list4 .tab-container .swiper-slide").eq(swiper.activeIndex).addClass("cur").siblings().removeClass("cur");} }) $(".join-list4 .tab-container .swiper-slide").on("click",function(){$(this).addClass("cur").siblings().removeClass("cur");imgswiper.slideTo($(this).index(),1000,false);}) $(".join-list4 .tab-container .swiper-slide").eq(1).click();var _id =getUrlParam('md');if(_id){setTimeout(function(){$('html,body').stop().animate({scrollTop:$('.position').eq(_id).offset().top},500) },1000) } }) }) },methods:{},watch:{},}) </script> </body> </html>