加入我们 – 绿色和平

<!DOCTYPE html> <html class="no-js" lang="" onclick > <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <link rel="manifest" href="/site.webmanifest"> <link rel="apple-touch-icon" href="/icon.png">  <meta name="theme-color" content="#fafafa"> <title>加入我们 – 绿色和平</title> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.greenpeace.org.cn\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.0.1"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.greenpeace.org.cn/wp-includes/css/dist/block-library/style.min.css?ver=6.0.1' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel='stylesheet' id='pb-accordion-blocks-style-css' href='https://www.greenpeace.org.cn/wp-content/plugins/accordion-blocks/build/index.css?ver=1.5.0' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://www.greenpeace.org.cn/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.6' type='text/css' media='all' /> <link rel='stylesheet' id='email-subscribers-css' href='https://www.greenpeace.org.cn/wp-content/plugins/email-subscribers/lite/public/css/email-subscribers-public.css?ver=5.3.8' type='text/css' media='all' /> <link rel='stylesheet' id='swiper_style-css' href='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/vendor/swiper/swiper-bundle.min.css?ver=6.0.1' type='text/css' media='all' /> <link rel='stylesheet' id='glightbox_style-css' href='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/vendor/glightbox/css/glightbox.min.css?ver=6.0.1' type='text/css' media='all' /> <link rel='stylesheet' id='iconfont-css' href='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/fonts/iconfont.css?ver=6.0.1' type='text/css' media='all' /> <link rel='stylesheet' id='animate_style-css' href='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/vendor/wow/css/libs/animate.css?ver=6.0.1' type='text/css' media='all' /> <link rel='stylesheet' id='main_styles_min-css' href='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/css/styles.min.css?ver=6.0.1' type='text/css' media='all' /> <link rel='stylesheet' id='ctn-stylesheet-css' href='https://www.greenpeace.org.cn/wp-content/plugins/current-template-name/assets/css/ctn-style.css?ver=6.0.1' type='text/css' media='all' /> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <script type='text/javascript' id='tc_csca-country-auto-script-js-extra'> /* <![CDATA[ */ var tc_csca_auto_ajax = {"ajax_url":"https:\/\/www.greenpeace.org.cn\/wp-admin\/admin-ajax.php","nonce":"43489a816a"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/plugins/country-state-city-auto-dropdown/assets/js/script.min.js?ver=6.0.1' id='tc_csca-country-auto-script-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/vendor/wow/dist/wow.min.js?ver=6.0.1' id='wow-js-js'></script> <link rel="https://api.w.org/" href="https://www.greenpeace.org.cn/wp-json/" /><link rel="alternate" type="application/json" href="https://www.greenpeace.org.cn/wp-json/wp/v2/pages/163" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.greenpeace.org.cn/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.greenpeace.org.cn/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 6.0.1" /> <link rel="canonical" href="https://www.greenpeace.org.cn/join/" /> <link rel='shortlink' href='https://www.greenpeace.org.cn/?p=163' /> <link rel="alternate" type="application/json+oembed" href="https://www.greenpeace.org.cn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.greenpeace.org.cn%2Fjoin%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.greenpeace.org.cn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.greenpeace.org.cn%2Fjoin%2F&format=xml" /> <link rel="icon" href="https://www.greenpeace.org.cn/wp-content/uploads/2022/05/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.greenpeace.org.cn/wp-content/uploads/2022/05/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.greenpeace.org.cn/wp-content/uploads/2022/05/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.greenpeace.org.cn/wp-content/uploads/2022/05/cropped-favicon-270x270.png" /> <style> #wp-admin-bar-ctn_adminbar_menu .ab-item { background: ; color: !important; } #wp-admin-bar-ctn_adminbar_menu .ab-item .ctn-admin-item { color: #6ef791; } .ctn-admin-item { color: #6ef791; } .ab-submenu { } </style> <link rel='stylesheet' id='sweetalert-css' href='/wp-content/themes/qnz/assets/css/sweetalert.css' type='text/css' media='all' /> <script type='text/javascript' src='/wp-content/themes/qnz/assets/js/libs/sweetalert.min.js' id='sweetalert-js'></script> <script> new WOW().init(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-48DPKS7Z9E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-48DPKS7Z9E'); </script> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-3355226-21', 'auto', {'allowLinker': true}); ga('require', 'linker'); ga('linker:autoLink', ['greenpeace.org/china'] ); ga('send', 'pageview'); var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?cad118ed3eca3773aaf6e5f24117d986"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </head> <body> <header class="site-header" id="site-header"> <div class="container"> <div class="row align-items-center"> <div class="col-auto"> <a class="logo" href="https://www.greenpeace.org.cn"> <img class="logo_color" src="https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/img/logo.svg" alt="绿色和平"> </a> </div> <div class="col"> <div class="menu-%e4%b8%bb%e5%af%bc%e8%88%aa-container"><ul id="menu-%e4%b8%bb%e5%af%bc%e8%88%aa" class="mainav"><li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-25"><a href="https://www.greenpeace.org.cn/about/">关于我们</a> <ul class="sub-menu"> <li id="menu-item-492" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-492"><a href="/about/">我们是谁</a></li> <li id="menu-item-401" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-401"><a href="https://www.greenpeace.org.cn/about/mission-and-value/">使命与价值</a></li> <li id="menu-item-402" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-402"><a href="https://www.greenpeace.org.cn/about/history/">历史故事</a></li> </ul> </li> <li id="menu-item-243" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-243"><a href="/climate-and-energy/">关注</a> <ul class="sub-menu"> <li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="https://www.greenpeace.org.cn/climate-and-energy/">气候与能源</a></li> <li id="menu-item-245" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-245"><a href="https://www.greenpeace.org.cn/biodiversity/">保护生物多样性</a></li> <li id="menu-item-244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-244"><a href="https://www.greenpeace.org.cn/live-sustainably/">可持续生活</a></li> </ul> </li> <li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="https://www.greenpeace.org.cn/news/">动态</a></li> <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="https://www.greenpeace.org.cn/voice/">声音</a></li> <li id="menu-item-166" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-163 current_page_item menu-item-166"><a href="https://www.greenpeace.org.cn/join/" aria-current="page">加入我们</a></li> </ul></div> </div> <div class="col-auto langbox"> <div class="lang-switcher"> <div class="current-lang" href="#"><i class="iconfont icon-earth"></i></div> <ul class="languages"> <li class="lang-active"><a href="http://www.greenpeace.org.cn/">East Asia | 中文简体</a></li> <li><a href="http://www.greenpeace.org/international/">Global</a></li> <li><a href="http://www.greenpeace.org/africa/en/">Africa</a></li> <li><a href="http://www.greenpeacearabic.org/">Arabic</a></li> <li><a href="https://www.greenpeace.org/argentina/">Argentina</a></li> <li><a href="https://www.greenpeace.org.au/">Australia</a></li> <li><a href="https://news.greenpeace.at/">Austria</a></li> <li><a href="http://www.greenpeace.org/belgium/nl/">Belgium</a></li> <li><a href="http://www.greenpeace.org/brasil/pt/">Brazil</a></li> <li><a href="https://www.greenpeace.org/bulgaria/">Bulgaria</a></li> <li><a href="http://www.greenpeace.org/canada/en/">Canada</a></li> <li><a href="https://www.greenpeace.org/chile/">Chile</a></li> <li><a href="http://www.greenpeace.org/colombia/es/">Colombia</a></li> <li><a href="https://www.greenpeace.org/croatia/">Croatia</a></li> <li><a href="https://www.greenpeace.org/czech/">Czech Republic</a></li> <li><a href="http://www.greenpeace.org/denmark/da/">Denmark</a></li> <li><a href="https://www.greenpeace.org/eu-unit/">EU</a></li> <li><a href="http://www.greenpeace.org/finland/fi/">Finland</a></li> <li><a href="https://www.greenpeace.fr/">France</a></li> <li><a href="http://www.greenpeace.de/">Germany</a></li> <li><a href="https://www.greenpeace.org/greece/">Greece</a></li> <li><a href="http://www.greenpeace.org/hungary/hu/">Hungary</a></li> <li><a href="http://www.greenpeace.org/india/en/">India</a></li> <li><a href="https://www.greenpeace.org/indonesia/">Indonesia</a></li> <li><a href="https://www.greenpeace.org/international/">International</a></li> <li><a href="http://www.greenpeace.org/israel/he/">Israel</a></li> <li><a href="https://www.greenpeace.org/italy/">Italy</a></li> <li><a href="https://www.greenpeace.org/japan/">Japan</a></li> <li><a href="http://www.greenpeace.org/luxembourg/fr/">Luxembourg</a></li> <li><a href="https://www.greenpeace.org/mexico/">Mexico</a></li> <li><a href="https://www.greenpeace.org/nl/">Netherlands</a></li> <li><a href="https://www.greenpeace.org/aotearoa/">New Zealand</a></li> <li><a href="http://www.greenpeace.org/norway/no/">Norway</a></li> <li><a href="http://www.greenpeace.org/peru/es/">Peru</a></li> <li><a href="https://www.greenpeace.org/philippines/">Philippines</a></li> <li><a href="https://www.greenpeace.org/poland/">Poland</a></li> <li><a href="http://www.greenpeace.org/romania/ro/">Romania</a></li>  <li><a href="http://www.greenpeace.org/slovakia/sk/">Slovakia</a></li> <li><a href="https://www.greenpeace.org/slovenia/">Slovenia</a></li> <li><a href="http://www.greenpeace.org/seasia/">Southeast Asia</a></li> <li><a href="http://www.greenpeace.org/espana/es/">Spain</a></li> <li><a href="http://www.greenpeace.org/sweden/se/">Sweden</a></li> <li><a href="http://www.greenpeace.org/switzerland/de/">Switzerland</a></li> <li><a href="https://www.greenpeace.org/thailand/">Thailand</a></li> <li><a href="http://www.greenpeace.org/turkey/tr/">Turkey</a></li> <li><a href="http://www.greenpeace.org.uk/">UK</a></li> <li><a href="http://www.greenpeace.org/usa/">USA</a></li> <li><a href="http://www.greenpeace.org/eastasia/">East Asia | English</a></li> <li><a href="http://www.greenpeace.org/hk/">East Asia | 繁體</a></li> <li><a href="http://www.greenpeace.org/taiwan/zh/">East Asia | 正體</a></li> <li><a href="http://www.greenpeace.org/korea/">East Asia | 한국어</a></li> </ul> </div> </div> <div class="col-auto mobilemenu"> <div class="menu-toggle"> <div class="one"></div> <div class="two"></div> <div class="three"></div> </div> </div> </div> </div> <div class="langAndSearch"> <div class="row g-0 align-items-center"> <div class="col-auto"> <div class="lang-switcher"> <div class="current-lang" href="#"><i class="iconfont icon-earth"></i></div> <ul class="languages"> <li class="lang-active"><a href="http://www.greenpeace.org.cn/">East Asia | 中文简体</a></li> <li><a href="http://www.greenpeace.org/international/">Global</a></li> <li><a href="http://www.greenpeace.org/africa/en/">Africa</a></li> <li><a href="http://www.greenpeacearabic.org/">Arabic</a></li> <li><a href="https://www.greenpeace.org/argentina/">Argentina</a></li> <li><a href="https://www.greenpeace.org.au/">Australia</a></li> <li><a href="https://news.greenpeace.at/">Austria</a></li> <li><a href="http://www.greenpeace.org/belgium/nl/">Belgium</a></li> <li><a href="http://www.greenpeace.org/brasil/pt/">Brazil</a></li> <li><a href="https://www.greenpeace.org/bulgaria/">Bulgaria</a></li> <li><a href="http://www.greenpeace.org/canada/en/">Canada</a></li> <li><a href="https://www.greenpeace.org/chile/">Chile</a></li> <li><a href="http://www.greenpeace.org/colombia/es/">Colombia</a></li> <li><a href="https://www.greenpeace.org/croatia/">Croatia</a></li> <li><a href="https://www.greenpeace.org/czech/">Czech Republic</a></li> <li><a href="http://www.greenpeace.org/denmark/da/">Denmark</a></li> <li><a href="https://www.greenpeace.org/eu-unit/">EU</a></li> <li><a href="http://www.greenpeace.org/finland/fi/">Finland</a></li> <li><a href="https://www.greenpeace.fr/">France</a></li> <li><a href="http://www.greenpeace.de/">Germany</a></li> <li><a href="https://www.greenpeace.org/greece/">Greece</a></li> <li><a href="http://www.greenpeace.org/hungary/hu/">Hungary</a></li> <li><a href="http://www.greenpeace.org/india/en/">India</a></li> <li><a href="https://www.greenpeace.org/indonesia/">Indonesia</a></li> <li><a href="https://www.greenpeace.org/international/">International</a></li> <li><a href="http://www.greenpeace.org/israel/he/">Israel</a></li> <li><a href="https://www.greenpeace.org/italy/">Italy</a></li> <li><a href="https://www.greenpeace.org/japan/">Japan</a></li> <li><a href="http://www.greenpeace.org/luxembourg/fr/">Luxembourg</a></li> <li><a href="https://www.greenpeace.org/mexico/">Mexico</a></li> <li><a href="https://www.greenpeace.org/nl/">Netherlands</a></li> <li><a href="https://www.greenpeace.org/aotearoa/">New Zealand</a></li> <li><a href="http://www.greenpeace.org/norway/no/">Norway</a></li> <li><a href="http://www.greenpeace.org/peru/es/">Peru</a></li> <li><a href="https://www.greenpeace.org/philippines/">Philippines</a></li> <li><a href="https://www.greenpeace.org/poland/">Poland</a></li> <li><a href="http://www.greenpeace.org/romania/ro/">Romania</a></li>  <li><a href="http://www.greenpeace.org/slovakia/sk/">Slovakia</a></li> <li><a href="https://www.greenpeace.org/slovenia/">Slovenia</a></li> <li><a href="http://www.greenpeace.org/seasia/">Southeast Asia</a></li> <li><a href="http://www.greenpeace.org/espana/es/">Spain</a></li> <li><a href="http://www.greenpeace.org/sweden/se/">Sweden</a></li> <li><a href="http://www.greenpeace.org/switzerland/de/">Switzerland</a></li> <li><a href="https://www.greenpeace.org/thailand/">Thailand</a></li> <li><a href="http://www.greenpeace.org/turkey/tr/">Turkey</a></li> <li><a href="http://www.greenpeace.org.uk/">UK</a></li> <li><a href="http://www.greenpeace.org/usa/">USA</a></li> <li><a href="http://www.greenpeace.org/eastasia/">East Asia | English</a></li> <li><a href="http://www.greenpeace.org/hk/">East Asia | 繁體</a></li> <li><a href="http://www.greenpeace.org/taiwan/zh/">East Asia | 正體</a></li> <li><a href="http://www.greenpeace.org/korea/">East Asia | 한국어</a></li> </ul> </div> </div> <div class="col"> <form class="searchbox" action="/" method="get"> <div class="form-container"> <div class="row g-0"> <div class="col"> <input class="form-control" type="search" name="s"> </div> <div class="col-auto"> <button type="submit"> <i class="iconfont icon-search"></i></button> </div> </div> </div> </form> </div> </div> </div> <div class="menu-over" id="overmenu"> <div class="menu-%e4%b8%bb%e5%af%bc%e8%88%aa-container"><ul id="menu-%e4%b8%bb%e5%af%bc%e8%88%aa-1" class="mobilenav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-25"><a href="https://www.greenpeace.org.cn/about/">关于我们</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-492"><a href="/about/">我们是谁</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-401"><a href="https://www.greenpeace.org.cn/about/mission-and-value/">使命与价值</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-402"><a href="https://www.greenpeace.org.cn/about/history/">历史故事</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-243"><a href="/climate-and-energy/">关注</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="https://www.greenpeace.org.cn/climate-and-energy/">气候与能源</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-245"><a href="https://www.greenpeace.org.cn/biodiversity/">保护生物多样性</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-244"><a href="https://www.greenpeace.org.cn/live-sustainably/">可持续生活</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="https://www.greenpeace.org.cn/news/">动态</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="https://www.greenpeace.org.cn/voice/">声音</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-163 current_page_item menu-item-166"><a href="https://www.greenpeace.org.cn/join/" aria-current="page">加入我们</a></li> </ul></div> </div> </header>  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="robots" content="index,follow" /> <meta name="renderer" content="webkit" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> <title>绿色和平</title> <link href="/wp-content/themes/qnz/assets/css/style2.css" rel="stylesheet" type="text/css" />  <script src="https://unpkg.com/vue@3"></script>  <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">  <script src="https://unpkg.com/@element-plus/icons-vue"></script> <script src="https://unpkg.com/element-plus"></script> <style> </style> <script></script> </head> <body>  <div id="app"> <div class="wrap"> <div class="center"> <div class="bg-one"> <picture> <source srcset="/wp-content/themes/qnz/assets/img/images/top1.png" media="(min-width: 992px)" /> <img class="bg" src="/wp-content/themes/qnz/assets/img/images/phone/bg/top1.png" alt="" /> </picture> <div class="void" @click="handelVoid"> <el-icon :size="isPhone==true? 50: 80" color="#fff"><video-play /></el-icon> </div> <div class="joinUs" > <el-breadcrumb :separator-icon="ArrowRight" color="#fff"> <el-breadcrumb-item @click="navigate()" >加入我们</el-breadcrumb-item> <el-breadcrumb-item>我们的团队</el-breadcrumb-item> </el-breadcrumb> </div> </div> <picture> <source srcset="/wp-content/themes/qnz/assets/img/images/bg3.png" media="(min-width: 992px)" /> <img class="bg" src="/wp-content/themes/qnz/assets/img/images/phone/bg/slogan.png" alt="" /> </picture>   <div class="post1"> <div class="part1-font"> <p> 我们期待你对世界充满好奇与天真，也能成熟承担职务与责任；我们期待你能够勇敢面对挑战，也具备韧性去拥抱挫折；我们寻找一起扬帆起航的伙伴，团结志同道合的力量，共同成就非凡。 </p> </div> <div class="post1-items"> <div v-for="(item,index) in postArr" :key="item.id" class="post1-item" @mouseenter="mouseenter(item,index)" @mouseleave="mouseleave(item,index)" @click="onClick(item,index,postArr), joinUsClick(item,index)" > <picture v-show="item.isShow"> <source :srcset="item.src1" media="(min-width: 992px)" /> <img :src="item.src3" /> </picture> <picture v-show="!item.isShow"> <source :srcset="item.src2" media="(min-width: 992px)" /> <img :src="item.src4" /> </picture> </div> </div> </div> <div class="part2"> <div class="part2-img "> <picture> <source srcset="/wp-content/themes/qnz/assets/img/images/part2-1.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/bg/phone-bg_2.png" /> </picture> </div>  </div>  <div class="part3"> <div class="part3-items"> <div v-for="(item,index) in treatmentArr" :key="item.id" class="part3-item" @mouseenter="mouseenter(item,index)" @mouseleave="mouseleave(item,index)" @click="onClick(item,index,treatmentArr)" > <picture v-show="item.isShow"> <source :srcset="item.src1" media="(min-width: 992px)" /> <img :src="item.src3" /> </picture> <picture v-show="!item.isShow"> <source :srcset="item.src2" media="(min-width: 992px)" /> <img :src="item.src4" /> </picture> </div> </div> </div>  <div class="part5"> <div class="part5-font" :style="isPhone==true? 'margin-top:4rem': '' " > <p> 我们提供各类学习渠道和资源，致力打造灵活包容的职业发展体系，全力支持你和机构的共同成长。 </p> </div> <div class="part5-items"> <div class="part5-items-one"> <div v-for="(item,index) in listArr" :key="item.id" class="part5-item" @mouseenter="mouseenter(item,index)" @mouseleave="mouseleave(item,index)" @click="onClick(item,index,listArr)" > <picture v-show="item.isShow"> <source :srcset="item.src1" media="(min-width: 992px)" /> <img :src="item.src3" /> </picture> <picture v-show="!item.isShow"> <source :srcset="item.src2" media="(min-width: 992px)" /> <img :src="item.src4" /> </picture> </div> </div>  </div> </div>  <div class="part6"> <div class="part6-items"> <div class="item" @mouseenter="mouseenter1(1)" @mouseleave="mouseleave1(1)" @click="onClick1(1)" > <div class="part-one"> <picture v-show="treatmentState1"> <source srcset="/wp-content/themes/qnz/assets/img/images/p_53.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_02.png" /> </picture> <picture v-show="!treatmentState1"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_91.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_02.png" /> </picture> </div> <div class="part-two"> <p :style="treatmentState1==true? '': 'color: #e7e7e7' " :class="isPhone==true? 'is-p': '' " > <span> 我们坐落在绿植环绕的二环胡同,</span> <span> 坐拥"蕉"&"绿",远离焦虑 </span> </p> </div> <div class="part-thr"> <picture v-show="treatmentState5"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_50.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_11.png" /> </picture> <picture v-show="!treatmentState5"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_90.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_11.png" /> </picture>  </div> </div> <div class="item" @mouseenter="mouseenter1(2)" @mouseleave="mouseleave1(2)" @click="onClick1(2)" > <div class="part-two work-hard"> <p :style="treatmentState2==true? '': 'color: #e7e7e7' " :class="isPhone==true? 'is-p': '' " > 工作累了,来茶水间喝杯咖啡,收获美食与灵感的双重投喂 </p> </div> <div class="part-one"> <picture v-show="treatmentState6"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_01.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_05.png" /> </picture> <picture v-show="!treatmentState6"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_56.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_05.png" /> </picture>  </div> <div class="part-thr"> <picture v-show="treatmentState2"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_02.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_09.png" /> </picture> <picture v-show="!treatmentState2"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_65.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_09.png" /> </picture>  </div> </div> <div class="item" @mouseenter="mouseenter1(3)" @mouseleave="mouseleave1(3)" @click="onClick1(3)" > <div class="part-one"> <picture v-show="treatmentState3"> <source srcset="/wp-content/themes/qnz/assets/img/images/p_50.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_15.png" /> </picture> <picture v-show="!treatmentState3"> <source srcset="/wp-content/themes/qnz/assets/img/images/activ_17.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_15.png" /> </picture>  </div> <div class="part-two hide"> <p :style="treatmentState3==true? '': 'color: #e7e7e7' " :class="isPhone==true? 'is-p': '' " > 可站、可坐、可躺的办公"姿势",怎么舒服怎么来 </p> </div> <div class="part-thr"> <picture v-show="treatmentState7"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_04.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_24.png" /> </picture> <picture v-show="!treatmentState7"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_60.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_24.png" /> </picture>  </div> <div class="part-two show"> <p :style="treatmentState3==true? '': 'color: #e7e7e7' " :class="isPhone==true? 'is-p': '' " > 可站、可坐、可躺的办公"姿势",怎么舒服怎么来 </p> </div> </div> <div class="item" @mouseenter="mouseenter1(4)" @mouseleave="mouseleave1(4)" @click="onClick1(4)" > <div class="part-two hide"> <p :style="treatmentState4==true? '': 'color: #e7e7e7' " :class="isPhone==true? 'is-p': '' " > 不定期组织脑洞大开的体验活动,拒绝无趣 </p> </div> <div class="hide"></div> <div class="part-one"> <picture v-show="treatmentState8"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_04 (2).png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_18.png" /> </picture> <picture v-show="!treatmentState8"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_53.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_18.png" /> </picture>  </div> <div class="part-two show"> <p style="text-align: right" :style="treatmentState4==true? '': 'color: #e7e7e7' " :class="isPhone==true? 'is-p': '' " > 不定期组织脑洞大开的体验活动，拒绝无趣 </p> </div> <div class="part-thr"> <picture v-show="treatmentState4"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_05.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part6-active_23.png" /> </picture> <picture v-show="!treatmentState4"> <source srcset="/wp-content/themes/qnz/assets/img/images/active_67.png" media="(min-width: 992px)" /> <img src="/wp-content/themes/qnz/assets/img/images/phone/part8/phone-part8_23.png" /> </picture>  </div> </div> </div> </div> <div class="part7"> <div class="part7-items"> <div v-for="(item,index) in sayArr" :key="item.id" class="part7-item" @mouseenter="mouseenter(item,index)" @mouseleave="mouseleave(item,index)" @click="onClick(item,index,sayArr)" > <picture v-show="item.isShow"> <source :srcset="item.src1" media="(min-width: 992px)" /> <img :src="item.src3" /> </picture> <picture v-show="!item.isShow"> <source :srcset="item.src2" media="(min-width: 992px)" /> <img :src="item.src4" /> </picture> <div class="person display-none"> <span class="font-one">{{item.name}} </span> <span class="font-two"> {{item.post}}</span> </div> </div> </div> </div> <div class="feedback-suggestion"> <div class="content"> <p> 你好，欢迎浏览绿色和平招聘官网！本问卷旨在收集用户对绿色和平招聘官网的满意度和体验反馈，以便我们不断优化网站，为你提供更好的求职体验。 </p> </div> </div>  <div class="participation-feedback"> <span @click="handelClick" class="button-style"></span> </div> </div> </div> <el-dialog v-model="centerDialogVisible" width="100%" :fullscreen="true" center destroy-on-close> <video style="height:95vh" src="/wp-content/uploads/2024/12/01/1.%E5%93%81%E7%89%8C%E7%BA%AA%E5%BD%95%E7%89%87.mp4" width="100%" autoplay controls> </video> </el-dialog> </div> </body> <script type="text/javascript"> const { createApp, ref,components } = Vue; const { VideoPlay, ArrowRight } = ElementPlusIconsVue; const app = createApp({ components: { VideoPlay: VideoPlay, ArrowRight: ArrowRight, }, setup() { const show = ref(true); const isShow = ref(true); const listArr = ref([ { id: 0, src1: "/wp-content/themes/qnz/assets/img/images/p_37.png", src2: "/wp-content/themes/qnz/assets/img/images/p_16.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4_30.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4-active_30.png", isShow: true, }, { id: 1, src1: "/wp-content/themes/qnz/assets/img/images/p_33.png", src2: "/wp-content/themes/qnz/assets/img/images/p_18.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4_31.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4-active_31.png", isShow: true, }, { id: 2, src1: "/wp-content/themes/qnz/assets/img/images/p_36.png", src2: "/wp-content/themes/qnz/assets/img/images/p_19.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4_33.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4-active_33.png", isShow: true, }, { id: 3, src1: "/wp-content/themes/qnz/assets/img/images/p_43.png", src2: "/wp-content/themes/qnz/assets/img/images/p_25.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4_36.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4-active_36.png", isShow: true, }, { id: 4, src1: "/wp-content/themes/qnz/assets/img/images/p_32.png", src2: "/wp-content/themes/qnz/assets/img/images/p_27.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4_38.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4-active_38.png", isShow: true, }, ]); const isPhone=ref(Number(window.innerWidth)<749) const listArr2 = ref([ { id: 0, src1: "/wp-content/themes/qnz/assets/img/images/p_43.png", src2: "/wp-content/themes/qnz/assets/img/images/p_25.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4_30.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4-active_30.png", isShow: true, }, { id: 1, src1: "/wp-content/themes/qnz/assets/img/images/p_32.png", src2: "/wp-content/themes/qnz/assets/img/images/p_27.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4_30.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part4/phone-part4-active_30.png", isShow: true, }, ]); /* 我们提供的岗位 */ const postArr = ref([ { id: 0, src1: "/wp-content/themes/qnz/assets/img/images/p1.png", src2: "/wp-content/themes/qnz/assets/img/images/active_07.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part1/phone-part1_04.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part1/phone-part1-active_04.png", link:'https://careers.gpeastasia.org/go/Beijing-Office-Job/4569510/', isShow: true, }, { id: 1, src1: "/wp-content/themes/qnz/assets/img/images/p2.png", src2: "/wp-content/themes/qnz/assets/img/images/active_09.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part1/phone-part1_06.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part1/phone-part1-active_06.png", link:'https://greenpeace.zhiye.com/home', isShow: true, }, { id: 2, src1: "/wp-content/themes/qnz/assets/img/images/p3.png", src2: "/wp-content/themes/qnz/assets/img/images/active_11.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part1/phone-part1_07.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part1/phone-part1-active_07.png", link:'/join/become-a-volunteer/', isShow: true, }, ]); /* 待遇 */ const treatmentArr = ref([ { id: 0, src1: "/wp-content/themes/qnz/assets/img/images/part3/part3_20.png", src2: "/wp-content/themes/qnz/assets/img/images/part3/part3-active_20.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3_12.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3-active_12.png", isShow: true, }, { id: 1, src1: "/wp-content/themes/qnz/assets/img/images/part3/part3_23.png", src2: "/wp-content/themes/qnz/assets/img/images/part3/part3-active_23.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3_14.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3-active_14.png", isShow: true, }, { id: 2, src1: "/wp-content/themes/qnz/assets/img/images/part3/part3_25.png", src2: "/wp-content/themes/qnz/assets/img/images/part3/part3-active_25.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3_19.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3-active_19.png", isShow: true, }, { id: 3, src1: "/wp-content/themes/qnz/assets/img/images/part3/part3_28.png", src2: "/wp-content/themes/qnz/assets/img/images/part3/part3-active_28.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3_22.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part3/phone-part3-active_22.png", isShow: true, }, ]); const sayArr = ref([ { id: 0, src1: "/wp-content/themes/qnz/assets/img/images/part6/part6_36.png", src2: "/wp-content/themes/qnz/assets/img/images/part6/part6-active_36.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6_42.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6-active_42.png", isShow: true, name: "张安琪", post: "传播官员", }, { id: 1, src1: "/wp-content/themes/qnz/assets/img/images/part6/part6_38.png", src2: "/wp-content/themes/qnz/assets/img/images/part6/part6-active_38.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6_43.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6-active_43.png", isShow: true, name: "王杨", post: "船员能力建设经理", }, { id: 2, src1: "/wp-content/themes/qnz/assets/img/images/part6/part6_40.png", src2: "/wp-content/themes/qnz/assets/img/images/part6/part6-active_40.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6_48.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6-active_48.png", isShow: true, name: "陈姝璇", post: "高级项目主任", }, { id: 3, src1: "/wp-content/themes/qnz/assets/img/images/part6/part6_42.png", src2: "/wp-content/themes/qnz/assets/img/images/part6/part6-active_42.png", src3: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6_50.png", src4: "/wp-content/themes/qnz/assets/img/images/phone/part7/phone-part6-active_50.png", isShow: true, name: "雪莹", post: "高级项目主任", }, ]); const mouseenter = (item, index) => { if(Number(window.innerWidth)>992){ if (index === item.id) { item.isShow = false; } } }; const mouseleave = (item, index) => { if(Number(window.innerWidth)>992){ if (index === item.id) { item.isShow = true; }} }; const onClick = (item, index, arr) => { if (Number(window.innerWidth) <= 992) { arr.forEach(element => { if (element.id == index) { element.isShow = !element.isShow; } else { element.isShow = true } }); // if (index == item.id) { // item.isShow = !item.isShow; // } } }; const joinUsClick = (item, index) => { window.open(item.link, '_blank') }; const treatmentState1 = ref(true); const treatmentState2 = ref(true); const treatmentState3 = ref(true); const treatmentState4 = ref(true); const treatmentState5= ref(false); const treatmentState6= ref(false); const treatmentState7= ref(false); const treatmentState8= ref(false); const onClick1 = (index) => { if (Number(window.innerWidth) <= 992) { if (index == "1") { treatmentState1.value = !treatmentState1.value; treatmentState2.value = false; treatmentState3.value = false; treatmentState4.value = false; treatmentState5.value = treatmentState1.value ; treatmentState6.value = false; treatmentState7.value = false; treatmentState8.value = false; } if (index == "2") { treatmentState2.value = !treatmentState2.value; treatmentState1.value = false; treatmentState3.value = false; treatmentState4.value = false; treatmentState5.value = false; treatmentState6.value = treatmentState2.value; treatmentState7.value = false; treatmentState8.value = false; } if (index == "3") { treatmentState3.value = !treatmentState3.value; treatmentState1.value = false; treatmentState2.value = false; treatmentState4.value = false; treatmentState5.value = false; treatmentState6.value = false; treatmentState7.value = treatmentState3.value; treatmentState8.value = false; } if (index == "4") { treatmentState4.value = !treatmentState4.value; treatmentState1.value = false; treatmentState2.value = false; treatmentState3.value = false; treatmentState5.value = false; treatmentState8.value = treatmentState4.value; treatmentState7.value = false; treatmentState6.value = false; } } }; const mouseenter1 = (index) => { if (Number(window.innerWidth) > 992) { if (index == "1") { treatmentState1.value = true; treatmentState5.value = true; treatmentState2.value = false; treatmentState3.value = false; treatmentState4.value = false; treatmentState6.value = false; treatmentState7.value = false; treatmentState8.value = false; } if (index == "2") { treatmentState2.value = true; treatmentState5.value = false; treatmentState1.value = false; treatmentState3.value = false; treatmentState4.value = false; treatmentState6.value = true; treatmentState7.value = false; treatmentState8.value = false; } if (index == "3") { treatmentState3.value = true; treatmentState1.value = false; treatmentState2.value = false; treatmentState4.value = false; treatmentState5.value = false; treatmentState6.value = false; treatmentState7.value = true; treatmentState8.value = false; } if (index == "4") { treatmentState4.value = true; treatmentState1.value = false; treatmentState2.value = false; treatmentState3.value = false; treatmentState5.value = false; treatmentState6.value = false; treatmentState7.value = false; treatmentState8.value = true; } } }; const mouseleave1 = (index) => { if (Number(window.innerWidth) > 992) { treatmentState1.value = true; treatmentState2.value = true; treatmentState3.value = true; treatmentState4.value = true; treatmentState5.value = false; treatmentState6.value = false; treatmentState7.value = false; treatmentState8.value = false; } }; //点击显示弹窗 const centerDialogVisible = ref(false) const handelVoid = () => { console.log('22') centerDialogVisible.value = true } const navigate=()=>{ // window.location.href = "https://lxi.me/XuFeia"; } const handelClick=()=>{ // console.log('参与反馈') window.open('https://lxi.me/XuFeia', '_blank'); } return { centerDialogVisible, handelVoid, show, onClick1, mouseenter, mouseleave, mouseenter1, mouseleave1, onClick, navigate, joinUsClick, isShow, listArr, listArr2, postArr, treatmentArr, sayArr, treatmentState1, treatmentState2, treatmentState3, treatmentState4, treatmentState5, treatmentState6, treatmentState7, treatmentState8, isPhone, VideoPlay, ArrowRight, handelClick, }; }, }); app.use(ElementPlus); app.mount("#app"); </script> </html>  <footer class="site-footer" id="pageFooter"><img class="overly" src="https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/img/section-overly.svg" alt="遮层"> <div class="container"> <div class="bot_logo"><img src="https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/img/logo-white.svg" alt="绿色和平"></div> <div class="row pt-media-3 pb-media-3"> <div class="col-lg"> <div class="menu-%e9%a1%b5%e8%84%9a%e5%af%bc%e8%88%aa-container"><ul id="menu-%e9%a1%b5%e8%84%9a%e5%af%bc%e8%88%aa" class="menus-footer"><li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-34"><a href="https://www.greenpeace.org.cn/about/">关于我们</a> <ul class="sub-menu"> <li id="menu-item-493" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-493"><a href="/about/">我们是谁</a></li> <li id="menu-item-162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-162"><a href="https://www.greenpeace.org.cn/about/mission-and-value/">使命与价值</a></li> <li id="menu-item-161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-161"><a href="https://www.greenpeace.org.cn/about/history/">历史故事</a></li> </ul> </li> <li id="menu-item-240" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-240"><a href="#">关注</a> <ul class="sub-menu"> <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="https://www.greenpeace.org.cn/climate-and-energy/">气候与能源</a></li> <li id="menu-item-242" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-242"><a href="https://www.greenpeace.org.cn/biodiversity/">保护生物多样性</a></li> <li id="menu-item-241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-241"><a href="https://www.greenpeace.org.cn/live-sustainably/">可持续生活</a></li> </ul> </li> <li id="menu-item-560" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-560"><a href="/news/">动态</a> <ul class="sub-menu"> <li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a href="https://www.greenpeace.org.cn/news/">动态</a></li> <li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="https://www.greenpeace.org.cn/voice/">声音</a></li> </ul> </li> <li id="menu-item-165" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-163 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-165"><a href="https://www.greenpeace.org.cn/join/" aria-current="page">加入我们</a> <ul class="sub-menu"> <li id="menu-item-561" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-561"><a href="/join/#s1" aria-current="page">组织架构</a></li> <li id="menu-item-562" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-562"><a href="/join/#s3" aria-current="page">工作机会</a></li> <li id="menu-item-593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-593"><a href="https://www.greenpeace.org.cn/join/become-a-volunteer-old/">成为志愿者</a></li> </ul> </li> <li id="menu-item-392" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-392"><a>友情链接</a> <ul class="sub-menu"> <li id="menu-item-393" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-393"><a target="_blank" rel="noopener" href="https://gpeadatahub.greenpeace.org.cn/carbon_tracker">碳中和追踪</a></li> <li id="menu-item-394" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-394"><a target="_blank" rel="noopener" href="https://gpeadatahub.greenpeace.org.cn/">数据中心</a></li> <li id="menu-item-395" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-395"><a target="_blank" rel="noopener" href="https://media.greenpeace.org/">媒体库</a></li> </ul> </li> </ul></div> </div> <div class="col-lg-auto"> <div id="block-11" class="widget_block qr"><div class="row"> <div class="col"> <div class="qr"> <p>绿色和平行动派</p> <figure><img src="/wp-content/uploads/2022/03/qrcode.png" alt="绿色和平行动派"></figure> <p></p></div> <p></p></div> <div class="col"> <div class="qr"> <p>绿色和平发布</p> <figure><img src="/wp-content/themes/qnz/assets/img/qrcode2.png" alt="绿色和平发布"></figure> <p></p></div> <p></p></div> <p></p></div> <p class="des">关注公众号了解更多</p></div> </div> </div> <div class="row gx-0"> <div class="col-lg-auto"> <div class="menu-%e9%a1%b5%e8%84%9a%e5%af%bc%e8%88%aa2-container"><ul id="menu-%e9%a1%b5%e8%84%9a%e5%af%bc%e8%88%aa2" class="menus_bot"><li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="https://www.greenpeace.org.cn/copyright/">版权政策</a></li> <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="https://www.greenpeace.org.cn/privacypolicy/">隐私政策</a></li> <li id="menu-item-551" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-551"><a href="https://www.greenpeace.org.cn/reports/">报告中心</a></li> <li id="menu-item-552" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-552"><a href="https://www.greenpeace.org.cn/about/info/">合规信息</a></li> </ul></div> </div> <div class="col-lg"> <div id="block-8" class="widget_block copyright"><p>© Greenpeace East Asia 2019</p></div> </div> <div class="col-lg-auto"> <div id="block-9" class="widget_block social"><p><a href="https://space.bilibili.com/453806972" target="_blank"> <i class="iconfont icon-bilibili"></i></a><a href="https://v.douyin.com/NCNt5E5/" target="_blank" > <i class="iconfont icon-douyin"></i></a><a href="https://weibo.com/greenpeace" target="_blank" > <i class="iconfont icon-sina"></i></a></p></div> </div> </div> </div> </footer> <a class="toTop" id="toTop" href="#"><i class="iconfont icon-top"></i></a> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/plugins/accordion-blocks/js/accordion-blocks.min.js?ver=1.5.0' id='pb-accordion-blocks-frontend-script-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.greenpeace.org.cn\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.6' id='contact-form-7-js'></script> <script type='text/javascript' id='email-subscribers-js-extra'> /* <![CDATA[ */ var es_data = {"messages":{"es_empty_email_notice":"Please enter email address","es_rate_limit_notice":"You need to wait for sometime before subscribing again","es_single_optin_success_message":"Successfully Subscribed.","es_email_exists_notice":"Email Address already exists!","es_unexpected_error_notice":"Oops.. Unexpected error occurred.","es_invalid_email_notice":"Invalid email address","es_try_later_notice":"Please try after some time"},"es_ajax_url":"https:\/\/www.greenpeace.org.cn\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/plugins/email-subscribers/lite/public/js/email-subscribers-public.js?ver=5.3.8' id='email-subscribers-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/vendor/swiper/swiper-bundle.min.js?ver=6.0.1' id='swiper-js-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/vendor/glightbox/js/glightbox.min.js?ver=6.0.1' id='glightbox-js-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/vendor/jquery-3.4.1.min.js?ver=6.0.1' id='jquery-js-js'></script> <script type='text/javascript' src='https://www.greenpeace.org.cn/wp-content/themes/qnz/assets/js/app.js?ver=0.37846200%201744047981' id='main-qnz-js-js'></script> <script type="text/javascript"> //ctn loadtime display (function($) { $(document).on('ready', function () { $('.ctn_load_time_in_sec').text(-0.021 + " seconds"); }); })(jQuery) </script> </body> </html>

CINXE.COM

加入我们 – 绿色和平