{"version":3,"sources":["webpack:///./src/components/Swipe2.vue?5799","webpack:///./src/views/Human.vue?52d9","webpack:///./src/components/StaffItem.vue?63d8","webpack:///src/components/StaffItem.vue","webpack:///./src/components/StaffItem.vue?d582","webpack:///./src/components/StaffItem.vue","webpack:///./src/components/Swipe2.vue?5dee","webpack:///src/components/Swipe2.vue","webpack:///./src/components/Swipe2.vue?3651","webpack:///./src/components/Swipe2.vue","webpack:///src/views/Human.vue","webpack:///./src/views/Human.vue?62c3","webpack:///./src/views/Human.vue","webpack:///./src/components/Hero.vue?2b02","webpack:///src/components/Hero.vue","webpack:///./src/components/Hero.vue?6b8c","webpack:///./src/components/Hero.vue","webpack:///./src/components/Hero.vue?bc60","webpack:///./src/views/Human.vue?5c05","webpack:///./src/components/StaffItem.vue?2e0b"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Swipe2_vue_vue_type_style_index_0_id_3408c10f_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Swipe2_vue_vue_type_style_index_0_id_3408c10f_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","backimg","title","$t","sub","_v","_s","_m","_l","item","key","ID","img","SMALLPIC","PRONAME","info","MS","date","NOTETIME","staticRenderFns","src","alt","StaffItemvue_type_template_id_4935b726_scoped_true_render","on","click","gotoPage","data-lazyload","_f","StaffItemvue_type_template_id_4935b726_scoped_true_staticRenderFns","StaffItemvue_type_script_lang_js_","props","String","methods","$router","push","concat","components_StaffItemvue_type_script_lang_js_","component","Object","componentNormalizer","StaffItem","Swipe2vue_type_template_id_3408c10f_scoped_true_render","ref","options","swiperOption","$event","gotoJob","domProps","innerHTML","MEMO","slot","Swipe2vue_type_template_id_3408c10f_scoped_true_staticRenderFns","Swipe2vue_type_script_lang_js_","components","swiper","vue_awesome_swiper","swiperSlide","data","speed","slidesPerView","slidesPerGroup","spaceBetween","navigation","nextEl","prevEl","breakpoints","768","items","mounted","fechData","_this","url","util_url","$store","state","lang","axios_default","a","get","then","res","proarr","length","components_Swipe2vue_type_script_lang_js_","Swipe2_component","Swipe2","Humanvue_type_script_lang_js_","Hero","document","$nextTick","window","scrollBar","scrollTop","views_Humanvue_type_script_lang_js_","Human_component","__webpack_exports__","mousemove","style","data-depth","data-split","Herovue_type_script_lang_js_","SeaDive","setTimeout","$refs","dive","start","ratio","x","y","depth","mouse","w","h","update","toFixed","bg","transform","webkitTransform","components_Herovue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Hero_vue_vue_type_style_index_0_id_e4804034_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Hero_vue_vue_type_style_index_0_id_e4804034_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Human_vue_vue_type_style_index_0_id_2aced2e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Human_vue_vue_type_style_index_0_id_2aced2e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StaffItem_vue_vue_type_style_index_0_id_4935b726_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StaffItem_vue_vue_type_style_index_0_id_4935b726_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-3334752b.7218dbe1.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swipe2.vue?vue&type=style&index=0&id=3408c10f&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swipe2.vue?vue&type=style&index=0&id=3408c10f&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\",attrs:{\"id\":\"human\"}},[_c('Hero',{attrs:{\"backimg\":\"background-image:url(/images/hero-human.png)\",\"title\":_vm.$t('human.banner'),\"sub\":\"\"}}),_c('div',{staticClass:\"color-change\"},[_c('div',{staticClass:\"text-center wrap-1500\"},[_c('div',{staticClass:\"base-title ft-30\"},[_vm._v(_vm._s(_vm.$t('human.content.title')))]),_c('div',{staticClass:\"base-sub-2 ft-14\"},[_vm._v(_vm._s(_vm.$t('human.content.sub')))])]),_c('div',{staticClass:\"base-wrap wrap-1500 align-center\"},[_vm._m(0),_c('div',{staticClass:\"item right base-title-wrap\"},[_c('div',{staticClass:\"base-title ft-30\"},[_vm._v(_vm._s(_vm.$t('human.content.text')))]),_c('div',{staticClass:\"base-sub-2 ft-14\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('human.content.info'))+\"\\n          \")])])]),_c('div',{staticClass:\"text-center wrap-1500\"},[_c('div',{staticClass:\"base-title ft-30\"},[_vm._v(_vm._s(_vm.$t('human.title1')))])]),_c('div',{staticClass:\"wrap-1500\"},[_c('div',{staticClass:\"productlist\"},_vm._l((_vm.items),function(item){return _c('div',{key:item.ID,staticClass:\"productitem\"},[_c('StaffItem',{attrs:{\"id\":item.ID,\"img\":item.SMALLPIC,\"title\":item.PRONAME,\"info\":item.MS,\"date\":item.NOTETIME}})],1)}),0)]),_c('div',{staticClass:\"text-center wrap-1500\"},[_c('div',{staticClass:\"base-title ft-30\"},[_vm._v(_vm._s(_vm.$t('human.title2')))])]),_c('Swipe2')],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item left\"},[_c('div',{staticClass:\"img-uncover human1\"},[_c('img',{attrs:{\"src\":\"/images/human1.png\",\"alt\":\"\"}})])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"staff-item slider-selection-item\",on:{\"click\":_vm.gotoPage}},[_c('div',{staticClass:\"slider-selection-card change-page\"},[_c('div',{staticClass:\"slider-selection-card-img img-lazyload-container\"},[_c('img',{staticClass:\"img-lazyload\",attrs:{\"data-lazyload\":\"true\",\"src\":_vm._f(\"imgFilter\")(_vm.img),\"alt\":\"Landmannalaugar\",\"title\":\"Randonn\"}})]),_c('div',{staticClass:\"slider-selection-card-content\"},[_c('h4',{staticClass:\"slider-selection-card-title ft-16\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"slider-selection-card-price\"},[_vm._v(_vm._s(_vm._f(\"substrFilter\")(_vm.info)))]),_c('div',{staticClass:\"date ft-12\"},[_vm._v(_vm._s(_vm._f(\"dateFilter\")(_vm.date)))]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"readmore ft-12\"},[_vm._v(\"Read More\")])]),_vm._m(0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"anim-line\"},[_c('div',{staticClass:\"anim\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"staff-item slider-selection-item\"\r\n    @click=\"gotoPage\">\r\n    <div class=\"slider-selection-card change-page\">\r\n      <div class=\"slider-selection-card-img img-lazyload-container\">\r\n        <img\r\n          class=\"img-lazyload\"\r\n          data-lazyload=\"true\"\r\n          :src=\"img | imgFilter\"\r\n          alt=\"Landmannalaugar\"\r\n          title=\"Randonn\"\r\n        >\r\n      </div>\r\n      <div class=\"slider-selection-card-content\">\r\n        <h4 class=\"slider-selection-card-title ft-16\">{{ title }}</h4>\r\n        <div\r\n          class=\"slider-selection-card-price\"\r\n        >{{ info | substrFilter }}</div>\r\n        <div class=\"date ft-12\">{{ date | dateFilter }}</div>\r\n        <div class=\"line\"></div>\r\n        <div class=\"readmore ft-12\">Read More</div>\r\n      </div>\r\n      <!-- <div class=\"slider-selection-card-button\">\r\n        <span>深入了解</span>\r\n      </div> -->\r\n      <div class=\"anim-line\">\r\n        <div class=\"anim\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    id: String,\r\n    img: String,\r\n    title: String,\r\n    info: String,\r\n    date: String\r\n  },\r\n\r\n  methods: {\r\n    gotoPage () {\r\n      this.$router.push(`/sangle1/${this.id}`)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.slider-selection-item {\r\n  cursor: pointer;\r\n  // display: inline-block;\r\n  width: 320px;\r\n  // padding: 0 38px;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  // position: absolute;\r\n  // left: 0;\r\n  // z-index: 1020;\r\n}\r\n\r\n.slider-selection-card {\r\n  text-decoration: none;\r\n  min-height: 405px;\r\n  font-size: 14px;\r\n  color: #242a3a;\r\n  width: 100%;\r\n  display: block;\r\n  position: relative;\r\n  background-color: #fff;\r\n  overflow: hidden;\r\n  // background-color: #242a3a;\r\n  -webkit-box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.15);\r\n  box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.slider-selection-card-img {\r\n  width: 100%;\r\n  height: 179px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  overflow: hidden;\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n}\r\n\r\n.slider-selection-card-img img {\r\n  width: 100%;\r\n  opacity: 1;\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n  -webkit-transform: scale(1);\r\n  transform: scale(1);\r\n  -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.slider-selection-card-content {\r\n  height: 280px;\r\n  background-color: #fff;\r\n  padding: 24px 30px 24px 30px;\r\n  white-space: auto;\r\n}\r\n\r\n.slider-selection-card-title {\r\n  // font-size: 24px;\r\n  line-height: 26px;\r\n}\r\n\r\n.slider-selection-card-desc {\r\n  margin-bottom: 10px;\r\n  color: #80c7de;\r\n}\r\n\r\n.slider-selection-card-infos {\r\n  line-height: 20px;\r\n}\r\n\r\n.slider-selection-card-infos-item {\r\n  display: inline-block;\r\n  width: 110px;\r\n}\r\n\r\n.slider-selection-card-infos .icon {\r\n  width: 14px;\r\n  height: 14px;\r\n  fill: #242a3a;\r\n  vertical-align: middle;\r\n  display: inline-block;\r\n  margin-right: 10px;\r\n}\r\n\r\n.slider-selection-card-price {\r\n  border-top: 1px solid #eaeaea;\r\n  padding-top: 18px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.slider-selection-card-price strong {\r\n  color: #96daf0;\r\n  display: block;\r\n  font-size: 36px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.slider-selection-card-nbtravels {\r\n  border-top: 1px solid #eaeaea;\r\n  padding-top: 8px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.slider-selection-card-nbtravels strong {\r\n  color: #96daf0;\r\n  display: block;\r\n  font-size: 20px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.slider-selection-card-button {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  height: 30px;\r\n  background-color: #242a3a;\r\n  color: #fff;\r\n  z-index: 1050;\r\n  overflow: hidden;\r\n  -webkit-transform: translateY(20px);\r\n  transform: translateY(20px);\r\n  -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\r\n  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.slider-selection-card-button span {\r\n  display: block;\r\n  position: absolute;\r\n  text-align: center;\r\n  font-size: 12px;\r\n  left: 0;\r\n  width: 100%;\r\n  -webkit-transform: translateY(80px);\r\n  transform: translateY(80px);\r\n  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s,\r\n    -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n}\r\n\r\n.slider-selection-card:hover .slider-selection-card-button {\r\n  background-color: #96daf0;\r\n  -webkit-transform: translateY(0);\r\n  transform: translateY(0);\r\n  -webkit-transition: background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    background 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n    -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n.slider-selection-card:hover .slider-selection-card-button span {\r\n  -webkit-transform: translateY(6px);\r\n  transform: translateY(6px);\r\n  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n  transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s,\r\n    -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0s;\r\n}\r\n\r\n.slider-selection-card:hover .slider-selection-card-img img {\r\n  -webkit-transform: scale(1.15);\r\n  transform: scale(1.15);\r\n}\r\n\r\n.date {\r\n  line-height: 32px;\r\n}\r\n\r\n.line {\r\n  height: 1px;\r\n  width: 10px;\r\n  background-color: #000;\r\n  margin: 16px;\r\n}\r\n.readmore {\r\n  font-style: italic;\r\n}\r\n\r\n.anim-line {\r\n  .anim {\r\n    width: 0;\r\n    height: 2px;\r\n    background-color: #03192f;\r\n    transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n}\r\n\r\n.slider-selection-card:hover .anim-line {\r\n  .anim {\r\n    width: 100%;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StaffItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StaffItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StaffItem.vue?vue&type=template&id=4935b726&scoped=true&\"\nimport script from \"./StaffItem.vue?vue&type=script&lang=js&\"\nexport * from \"./StaffItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StaffItem.vue?vue&type=style&index=0&id=4935b726&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4935b726\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-max-wrap\"},[_c('div',{staticClass:\"p-max-1500\"},[_c('swiper',{ref:\"mySwiper\",attrs:{\"options\":_vm.swiperOption}},_vm._l((_vm.items),function(item){return _c('swiper-slide',{key:item.ID},[_c('div',{staticClass:\"conent-wrap\",on:{\"click\":function($event){return _vm.gotoJob(item.ID)}}},[_c('div',{staticClass:\"article\"},[_c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"big ft-25\"},[_vm._v(_vm._s(item.PRONAME))]),_c('span',{staticClass:\"small ft-16\"},[_vm._v(\"(\"+_vm._s(item.MS)+\")\")])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"desc ft-14\",domProps:{\"innerHTML\":_vm._s(item.MEMO)}}),_c('div',{staticClass:\"line\"})]),_c('div',{staticClass:\"btn-wrap\"},[_c('div',{staticClass:\"btn-know ft-16\"},[_vm._v(_vm._s(_vm.$t('btn4')))])])])])}),1),_c('div',{staticClass:\"swiper-button-prev swiper-button-black\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next swiper-button-black\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"p-max-wrap\">\r\n    <div class=\"p-max-1500\">\r\n      <swiper ref=\"mySwiper\"\r\n        :options=\"swiperOption\">\r\n        <swiper-slide v-for=\"item in items\"\r\n          :key=\"item.ID\">\r\n          <div class=\"conent-wrap\"\r\n            @click=\"gotoJob(item.ID)\">\r\n            <div class=\"article\">\r\n              <div class=\"title\">\r\n                <span class=\"big ft-25\">{{ item.PRONAME }}</span>\r\n                <span class=\"small ft-16\">({{ item.MS }})</span>\r\n              </div>\r\n              <div class=\"line\"></div>\r\n              <div class=\"desc ft-14\" v-html=\"item.MEMO\"></div>\r\n              <div class=\"line\"></div>\r\n            </div>\r\n\r\n            <div class=\"btn-wrap\">\r\n              <div class=\"btn-know ft-16\">{{$t('btn4')}}</div>\r\n            </div>\r\n          </div>\r\n        </swiper-slide>\r\n      </swiper>\r\n\r\n      <div class=\"swiper-button-prev swiper-button-black\"\r\n        slot=\"button-prev\"></div>\r\n      <div class=\"swiper-button-next swiper-button-black\"\r\n        slot=\"button-next\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport 'swiper/dist/css/swiper.css'\r\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\r\nimport { getJobsUrl } from '@/util/url.js'\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  components: {\r\n    swiper,\r\n    swiperSlide\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      swiperOption: {\r\n        // Basic 一般选项\r\n        speed: 1600,\r\n        // Loop 环路\r\n        // loop: true,\r\n        /* 组件 */\r\n        // Autoplay 自动切换\r\n        // autoplay: {\r\n        //   // 用户操作swiper之后，是否禁止autoplay\r\n        //   disableOnInteraction: false\r\n        // },\r\n        // 如果需要前进后退按钮\r\n        // grid\r\n        // centeredSlides: true,\r\n        slidesPerView: 4,\r\n        slidesPerGroup: 4,\r\n        spaceBetween: 2,\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev'\r\n        },\r\n        breakpoints: {\r\n          768: {\r\n            slidesPerView: 1\r\n          }\r\n        }\r\n        // pagination: {\r\n        //   el: '.swiper-pagination',\r\n        //   type: 'fraction'\r\n        // }\r\n      },\r\n      items: [\r\n        // {\r\n        //   ID: '0',\r\n        //   title: '网店美工',\r\n        //   sub: '电商部',\r\n        //   desc: '<div>2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   ID: '1',\r\n        //   title: '网店美工',\r\n        //   sub: '电商部',\r\n        //   desc: '<div>2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   ID: '2',\r\n        //   title: '网店美工',\r\n        //   sub: '电商部',\r\n        //   desc: '<div>2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   ID: '3',\r\n        //   title: '网店美工',\r\n        //   sub: '电商部',\r\n        //   desc: '<div>2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   ID: '4',\r\n        //   title: '网店美工',\r\n        //   sub: '电商部',\r\n        //   desc: '<div>2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // },\r\n        // {\r\n        //   ID: '5',\r\n        //   title: '网店美工',\r\n        //   sub: '电商部',\r\n        //   desc: '<div>2008年汶川大地震，我们向灾区捐款捐物共计217万元。2010年玉树地震，我们向灾区捐款捐物共计50多万元。累计向市残联助残活动捐赠善款30万元。<br>招收残疾员工200多人，被市政府授予“残疾人就业基地”的荣誉称号。<br>与国家重点院校签订定向班，每年向200余大学生提供“阳光学子”就业培训，多年来共解决千余人的就业问题。为行业输送制造、设计、营销、物流仓储、管理等高端人才200多人。<div>'\r\n        // }\r\n      ]\r\n    }\r\n  },\r\n\r\n  mounted () {\r\n    this.fechData()\r\n  },\r\n\r\n  methods: {\r\n    fechData () {\r\n      const url = getJobsUrl(this.$store.state.lang)\r\n      axios.get(url).then(res => {\r\n        // console.log(res)\r\n        if (res && res.data && res.data.proarr && res.data.proarr.length > 0) {\r\n          this.items = res.data.proarr\r\n        }\r\n      })\r\n    },\r\n\r\n    gotoJob (id) {\r\n      this.$router.push(`/job/${id}`)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.p-max-1500 {\r\n  margin: 0 80px;\r\n  position: relative;\r\n}\r\n\r\n.btn-wrap {\r\n  margin-top: 24px;\r\n}\r\n\r\n.conent-wrap {\r\n  cursor: pointer;\r\n  padding: 30px;\r\n  color: #03192f;\r\n  background-color: #cfe8f8;\r\n  transition: background-color 1.6s cubic-bezier(.77,.15,0,.99),\r\n    color 1.6s cubic-bezier(.77,.15,0,.99);\r\n\r\n  .btn-know {\r\n    // cursor: pointer;\r\n    width: 166px;\r\n    height: 64px;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #03192f;\r\n    border-color: #03192f;\r\n    background-color: #cfe8f8;\r\n  }\r\n\r\n  .article {\r\n    padding-top: 68px;\r\n    width: 100%;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n\r\n    .title {\r\n      // text-align: center;\r\n      // color: #03192f;\r\n      line-height: 50px;\r\n      margin-bottom: 24px;\r\n\r\n      span {\r\n        display: inline-block;\r\n        margin-right: 16px;\r\n      }\r\n    }\r\n\r\n    .line {\r\n      height: 1px;\r\n      background-color: #cfe8f8;\r\n    }\r\n\r\n    .desc {\r\n      // color: #3c546e;\r\n      line-height: 40px;\r\n      display: -webkit-box;\r\n      -webkit-box-orient: vertical;\r\n      -webkit-line-clamp: 8;\r\n      overflow: hidden;\r\n      height:350px;\r\n    }\r\n  }\r\n}\r\n\r\n.conent-wrap:hover {\r\n  color: #cfe8f8;\r\n  background-color: #03192f;\r\n}\r\n\r\n.swiper-button-prev {\r\n  transform: translateX(-60px)\r\n}\r\n.swiper-button-next {\r\n  transform: translateX(60px)\r\n}\r\n@media(max-width: 768px){\r\n  .p-max-1500{\r\n    margin: 0 30px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swipe2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swipe2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Swipe2.vue?vue&type=template&id=3408c10f&scoped=true&\"\nimport script from \"./Swipe2.vue?vue&type=script&lang=js&\"\nexport * from \"./Swipe2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Swipe2.vue?vue&type=style&index=0&id=3408c10f&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3408c10f\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"human\" class=\"main\">\r\n    <Hero backimg=\"background-image:url(/images/hero-human.png)\"\r\n      :title=\"$t('human.banner')\"\r\n      sub=\"\" />\r\n\r\n    <div class=\"color-change\">\r\n      <div class=\"text-center wrap-1500\">\r\n        <div class=\"base-title ft-30\">{{$t('human.content.title')}}</div>\r\n<!--        <div class=\"base-sub ff-dr ft-16\">-->\r\n<!--          What is the most important in the 21st century?-->\r\n<!--        </div>-->\r\n        <div class=\"base-sub-2 ft-14\">{{$t('human.content.sub')}}</div>\r\n\r\n        <!-- <div class=\"img-uncover base1\">\r\n          <img src=\"/images/base1.png\" alt=\"\">\r\n        </div> -->\r\n      </div>\r\n\r\n      <div class=\"base-wrap wrap-1500 align-center\">\r\n        <div class=\"item left\">\r\n          <div class=\"img-uncover human1\">\r\n            <img src=\"/images/human1.png\" alt=\"\">\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"item right base-title-wrap\">\r\n          <div class=\"base-title ft-30\">{{$t('human.content.text')}}</div>\r\n<!--          <div class=\"base-sub ff-br ft-16\">-->\r\n<!--            Both ability and political integrity, with morality first-->\r\n<!--          </div>-->\r\n          <div class=\"base-sub-2 ft-14\">\r\n            {{$t('human.content.info')}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center wrap-1500\">\r\n        <div class=\"base-title ft-30\">{{$t('human.title1')}}</div>\r\n<!--        <div class=\"base-sub ff-dr ft-16\">-->\r\n<!--          Staff style-->\r\n<!--        </div>-->\r\n      </div>\r\n\r\n      <div class=\"wrap-1500\">\r\n        <div class=\"productlist\">\r\n          <div class=\"productitem\"\r\n            v-for=\"item in items\"\r\n            :key=\"item.ID\">\r\n            <StaffItem\r\n              :id=\"item.ID\"\r\n              :img=\"item.SMALLPIC\"\r\n              :title=\"item.PRONAME\"\r\n              :info=\"item.MS\"\r\n              :date=\"item.NOTETIME\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center wrap-1500\">\r\n        <div class=\"base-title ft-30\">{{$t('human.title2')}}</div>\r\n<!--        <div class=\"base-sub ff-dr ft-16\">-->\r\n<!--          Jobs-->\r\n<!--        </div>-->\r\n      </div>\r\n\r\n      <Swipe2 />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Hero from '@/components/Hero.vue'\r\nimport StaffItem from '@/components/StaffItem.vue'\r\nimport Swipe2 from '@/components/Swipe2.vue'\r\nimport { getStaffUrl } from '@/util/url.js'\r\nimport axios from 'axios'\r\n\r\n// const mockData = [\r\n//   {\r\n//     ID: '0',\r\n//     SMALLPIC: '/images/human2.png',\r\n//     PRONAME: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     MS: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     NOTETIME: '2019.3.1'\r\n//   },\r\n//   {\r\n//     ID: '1',\r\n//     img: '/images/human2.png',\r\n//     title: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     info: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     date: '2019.3.1'\r\n//   },\r\n//   {\r\n//     ID: '2',\r\n//     img: '/images/human2.png',\r\n//     title: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     info: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     date: '2019.3.1'\r\n//   },\r\n//   {\r\n//     ID: '3',\r\n//     img: '/images/human2.png',\r\n//     title: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     info: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     date: '2019.3.1'\r\n//   },\r\n//   {\r\n//     ID: '4',\r\n//     img: '/images/human2.png',\r\n//     title: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     info: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     date: '2019.3.1'\r\n//   },\r\n//   {\r\n//     ID: '5',\r\n//     img: '/images/human2.png',\r\n//     title: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     info: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     date: '2019.3.1'\r\n//   },\r\n//   {\r\n//     ID: '6',\r\n//     img: '/images/human2.png',\r\n//     title: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     info: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     date: '2019.3.1'\r\n//   },\r\n//   {\r\n//     ID: '7',\r\n//     img: '/images/human2.png',\r\n//     title: '今日食品2019年年度大会在宁波香格里拉...',\r\n//     info: '为了进一步增强员工的团队凝聚力和战斗力，在开展业绩提升培训的同时，公司也组织大家进行了一次大连深度游玩',\r\n//     date: '2019.3.1'\r\n//   }\r\n// ]\r\n\r\nexport default {\r\n  components: {\r\n    Hero,\r\n    StaffItem,\r\n    Swipe2\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      items: []\r\n    }\r\n  },\r\n\r\n  mounted () {\r\n    document.title = `${this.$t('nav.human')}-${this.$t('title')}`\r\n    this.$nextTick(() => {\r\n      if (window.scrollBar) window.scrollBar.scrollTop = 0\r\n\r\n      // setTimeout(() => {\r\n      //   this.loader.hide()\r\n      // }, 300)\r\n    })\r\n\r\n    this.fechData()\r\n  },\r\n\r\n  methods: {\r\n    fechData () {\r\n    //   setTimeout(() => {\r\n    //     this.items = mockData\r\n    //   }, 1000)\r\n\r\n      const url = getStaffUrl(this.$store.state.lang)\r\n      axios.get(url).then(res => {\r\n        // console.log(res)\r\n        if (res && res.data && res.data.proarr && res.data.proarr.length > 0) {\r\n          this.items = res.data.proarr\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.main, .color-change {\r\n  background: linear-gradient(#cae6f9, #cae6f9, #fff);\r\n}\r\n\r\n.wrap-1500 {\r\n  max-width: 1500px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.text-center {\r\n  text-align: center;\r\n  padding: 100px 30px 30px 30px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n\r\n  // .img-uncover {\r\n  //   margin-top: 48px;\r\n  // }\r\n}\r\n\r\n.base-title {\r\n  line-height: 60px;\r\n  color: #09192a\r\n}\r\n.base-sub {\r\n  line-height: 32px;\r\n  color: #82a6be;\r\n}\r\n.base-sub-2 {\r\n  line-height: 32px;\r\n  color: #82a6be;\r\n}\r\n\r\n.base-wrap.align-center {\r\n  padding: 40px 30px;\r\n  align-items: center;\r\n}\r\n.base-wrap {\r\n  padding: 40px 30px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n\r\n  .down {\r\n    margin-top: 120px;\r\n  }\r\n  .item {\r\n    flex: 1;\r\n  }\r\n  .left {\r\n    margin-right: 32px;\r\n\r\n    .img-uncover img {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .right {\r\n    margin-left: 32px;\r\n  }\r\n\r\n  .base-info {\r\n    line-height: 28px;\r\n    color: #3c546e;\r\n  }\r\n}\r\n\r\n.productlist {\r\n  padding: 30px 0;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n.productitem {\r\n  width: 25%;\r\n  padding: 32px 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n@media(max-width: 768px){\r\n  .base-wrap{\r\n    flex-wrap: wrap;\r\n    .item{\r\n      width: 100%;\r\n      flex: auto;\r\n      &.left{\r\n        margin-right: 0;\r\n      }\r\n      &.right{\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  }\r\n  .productitem{\r\n    width: 100%;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Human.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Human.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Human.vue?vue&type=template&id=2aced2e5&scoped=true&\"\nimport script from \"./Human.vue?vue&type=script&lang=js&\"\nexport * from \"./Human.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Human.vue?vue&type=style&index=0&id=2aced2e5&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2aced2e5\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"hero\",attrs:{\"id\":\"hero\"},on:{\"mousemove\":_vm.mousemove}},[_c('div',{staticClass:\"scene scene--parallax\"},[_c('div',{ref:\"bg\",staticClass:\"scene__item scene__item--bg\",style:(_vm.backimg),attrs:{\"data-depth\":\"-5\"}})]),_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-7 col-tabletW-11 offset-1 offset-tabletW-0\"},[_c('h1',{staticClass:\"title anim--split ft-40\",attrs:{\"data-split\":\"chars\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.title)+\"\\n        \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6 col-tabletW-11 offset-1 offset-tabletW-0\"},[_c('p',{staticClass:\"lines text--medium color--bluelight anim--split ff-dr ft-25\",attrs:{\"data-split\":\"lines\"}},[_vm._v(_vm._s(_vm.sub))])])])]),_c('SeaDive',{ref:\"dive\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <section id=\"hero\" class=\"hero\"\r\n    @mousemove=\"mousemove\">\r\n    <div class=\"scene scene--parallax\">\r\n      <div\r\n        class=\"scene__item scene__item--bg\"\r\n        data-depth=\"-5\"\r\n        :style=\"backimg\"\r\n        ref=\"bg\"\r\n      ></div>\r\n    </div>\r\n\r\n    <div class=\"wrapper\">\r\n      <div class=\"row\">\r\n        <div class=\"col-7 col-tabletW-11 offset-1 offset-tabletW-0\">\r\n          <h1 class=\"title anim--split ft-40\" data-split=\"chars\">\r\n            {{ title }}\r\n          </h1>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-6 col-tabletW-11 offset-1 offset-tabletW-0\">\r\n          <p class=\"lines text--medium color--bluelight anim--split ff-dr ft-25\" data-split=\"lines\">{{ sub }}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <SeaDive ref=\"dive\" />\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport SeaDive from './SeaDive.vue'\r\n\r\nexport default {\r\n  components: {\r\n    SeaDive\r\n  },\r\n\r\n  props: {\r\n    backimg: String,\r\n    title: String,\r\n    sub: String\r\n  },\r\n\r\n  mounted () {\r\n    setTimeout(() => {\r\n      this.$refs.dive.start()\r\n    }, 1000)\r\n\r\n    this.ratio = {\r\n      x: 0,\r\n      y: 0\r\n    }\r\n\r\n    this.depth = -5\r\n  },\r\n\r\n  methods: {\r\n    mousemove () {\r\n      this.ratio.x += 0.05 * (window.mouse.x / window.w * 2 - 1 - this.ratio.x)\r\n      this.ratio.y += 0.05 * (window.mouse.y / window.h * 2 - 1 - this.ratio.y)\r\n      this.update()\r\n    },\r\n\r\n    update () {\r\n      const x = (50 * this.ratio.x / this.depth).toFixed(2)\r\n      const y = (50 * this.ratio.y / this.depth).toFixed(2)\r\n\r\n      this.render(x, y)\r\n    },\r\n\r\n    render (x, y) {\r\n      this.$refs.bg.style.transform =\r\n        this.$refs.bg.style.webkitTransform =\r\n          `translateX(${x}px) translateY(${y}px) rotateZ(0.01deg)`\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.hero {\r\n  width: 100%;\r\n  height: 100vh;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -ms-flex-pack: start;\r\n  justify-content: flex-start;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  color: #fff;\r\n}\r\n\r\n.title {\r\n  line-height: 80px;\r\n}\r\n\r\n.lines {\r\n  line-height: 50px;\r\n  max-width: 660px;\r\n}\r\n\r\n.hero .title,\r\n.hero .title--small,\r\n.hero .title--smallest,\r\n.hero h2,\r\n.hero h3,\r\n.hero h4,\r\n.hero h5 {\r\n  max-width: 685px;\r\n}\r\n@media (max-width: 1366px){\r\n  .title{\r\n    line-height: 55px;\r\n  }\r\n}\r\n@media (min-width: 1441px) {\r\n  .hero .title,\r\n  .hero .title--small,\r\n  .hero .title--smallest,\r\n  .hero h2,\r\n  .hero h3,\r\n  .hero h4,\r\n  .hero h5 {\r\n    max-width: none;\r\n  }\r\n}\r\n\r\n.hero .title--big {\r\n  max-width: none;\r\n}\r\n\r\n.hero p {\r\n  margin: 0;\r\n}\r\n\r\n.hero:not(.hero--expedition) {\r\n  height: calc(100vh + 150px);\r\n}\r\n\r\n@media (max-width: 979px) {\r\n  .hero:not(.hero--expedition) {\r\n    height: calc(100vh + 100px);\r\n  }\r\n}\r\n\r\n.hero:not(.hero--expedition) .scene {\r\n  top: -25px;\r\n  left: -25px;\r\n  width: calc(100% + 50px);\r\n  height: calc(100% + 50px);\r\n  overflow: hidden;\r\n}\r\n\r\n.hero:not(.hero--expedition) .scene:after {\r\n  content: \"\";\r\n  width: 100%;\r\n  height: 410px;\r\n  left: 0;\r\n  bottom: -1px;\r\n  background: url(/images/hero-radial-gradiant.png) no-repeat center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n@media (min-width: 1921px) {\r\n  .hero:not(.hero--expedition) .scene:after {\r\n    background-position: center top;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero:not(.hero--expedition) .wrapper {\r\n    margin-top: -75px;\r\n  }\r\n}\r\n\r\n.hero:not(.hero--expedition) + .section {\r\n  margin-top: -80px;\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n  .hero:not(.hero--expedition) + .section {\r\n    margin-top: -50px;\r\n  }\r\n}\r\n\r\n.hero--expedition {\r\n  overflow: hidden;\r\n}\r\n\r\n.hero--expedition canvas {\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n}\r\n\r\n.hero--expedition .scene {\r\n  transform-origin: center;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n  .hero--expedition .scene {\r\n    top: -25px;\r\n    left: -25px;\r\n    width: calc(100vw + 50px);\r\n    height: calc(100vh + 50px);\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition .scene {\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh !important;\r\n  }\r\n}\r\n\r\n.hero--expedition .scene:after {\r\n  content: \"\";\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  background: radial-gradient(ellipse at center, transparent 0, #041324 70%);\r\n  background-size: 100% 100%;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition .scene:after {\r\n    background: url(/images/hero-expedition-radial-gradiant.png) no-repeat\r\n      center;\r\n    background-size: 100% 100%;\r\n  }\r\n}\r\n\r\n.hero--expedition .scene__item {\r\n  background-position: center;\r\n}\r\n\r\n.page--404 .hero--expedition .scene__item {\r\n  opacity: 0.5;\r\n}\r\n\r\n.page--404 .hero--expedition .scene {\r\n  background-color: #0b1539;\r\n}\r\n\r\n.hero--expedition .title,\r\n.hero--expedition .title--small,\r\n.hero--expedition .title--smallest,\r\n.hero--expedition h2,\r\n.hero--expedition h3,\r\n.hero--expedition h4,\r\n.hero--expedition h5 {\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition .title,\r\n  .hero--expedition .title--small,\r\n  .hero--expedition .title--smallest,\r\n  .hero--expedition h2,\r\n  .hero--expedition h3,\r\n  .hero--expedition h4,\r\n  .hero--expedition h5 {\r\n    font-size: 9.5vw;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero--expedition .title,\r\n  .hero--expedition .title--small,\r\n  .hero--expedition .title--smallest,\r\n  .hero--expedition h2,\r\n  .hero--expedition h3,\r\n  .hero--expedition h4,\r\n  .hero--expedition h5 {\r\n    font-size: 8.5vw;\r\n  }\r\n}\r\n\r\n.hero--expedition .button {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  bottom: -90px;\r\n  display: -ms-inline-flexbox;\r\n  display: inline-flex;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition .button {\r\n    left: 0;\r\n    right: 0;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n.hero--expedition .dive {\r\n  top: calc(50% + 100vw / 5.4 - 12px);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition .dive {\r\n    top: 100vh;\r\n    transform: translateY(-100%);\r\n  }\r\n}\r\n\r\n.hero--expedition__navigation {\r\n  transition: all 0.4s;\r\n}\r\n\r\n.hero--expedition__navigation--hidden {\r\n  visibility: hidden;\r\n  opacity: 0;\r\n}\r\n\r\n.hero--expedition__navigation a {\r\n  position: absolute;\r\n  top: calc(50vh - 5px);\r\n  color: #fff;\r\n  z-index: 1001;\r\n}\r\n\r\n.hero--expedition__navigation a i.icon-arrow-left,\r\n.hero--expedition__navigation a i.icon-arrow-right {\r\n  font-size: 2.3rem;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition__navigation a i.icon-arrow-left,\r\n  .hero--expedition__navigation a i.icon-arrow-right {\r\n    font-size: 1.7rem;\r\n  }\r\n}\r\n\r\n.hero--expedition__navigation__left {\r\n  left: 80px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition__navigation__left {\r\n    left: 45px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition__navigation__left {\r\n    left: 15px;\r\n  }\r\n}\r\n\r\n.hero--expedition__navigation__right {\r\n  right: 80px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition__navigation__right {\r\n    right: 45px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero--expedition__navigation__right {\r\n    right: 15px;\r\n  }\r\n}\r\n\r\n.hero--expedition__fill {\r\n  position: absolute;\r\n  background: #cae6f9;\r\n  z-index: 900;\r\n}\r\n\r\n.hero--expedition__fill--left,\r\n.hero--expedition__fill--right {\r\n  height: 100vh;\r\n  top: 0;\r\n  width: calc((100vw - 1280px + 36px) * 0.5 + 10px);\r\n}\r\n\r\n@media (min-width: 1441px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: calc((100vw - 1360px + 36px) * 0.5 + 10px);\r\n  }\r\n}\r\n\r\n@media (min-width: 1681px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: calc((100vw - 1600px + 36px) * 0.5 + 10px);\r\n  }\r\n}\r\n\r\n@media (min-width: 1921px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: calc((100vw - 1840px + 36px) * 0.5 + 10px);\r\n  }\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n  .hero--expedition__fill--left,\r\n  .hero--expedition__fill--right {\r\n    width: 28px;\r\n  }\r\n}\r\n\r\n.hero--expedition__fill--left {\r\n  left: -10px;\r\n  transform-origin: left;\r\n}\r\n\r\n.hero--expedition__fill--right {\r\n  right: -10px;\r\n  transform-origin: right;\r\n}\r\n\r\n.hero--expedition__fill--bottom,\r\n.hero--expedition__fill--top {\r\n  width: 100%;\r\n  height: calc((100vh - 548px) / 2 + 10px);\r\n  left: 0;\r\n}\r\n\r\n@media (min-width: 1441px) {\r\n  .hero--expedition__fill--bottom,\r\n  .hero--expedition__fill--top {\r\n    height: calc((100vh - 680px) / 2 + 10px);\r\n  }\r\n}\r\n\r\n@media (min-width: 1681px) {\r\n  .hero--expedition__fill--bottom,\r\n  .hero--expedition__fill--top {\r\n    height: calc((100vh - 740px) / 2 + 10px);\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hero--expedition__fill--bottom,\r\n  .hero--expedition__fill--top {\r\n    height: calc((100vh - 520px) / 2 + 10px);\r\n  }\r\n}\r\n\r\n.hero--expedition__fill--top {\r\n  transform-origin: top;\r\n  top: -10px;\r\n}\r\n\r\n.hero--expedition__fill--bottom {\r\n  transform-origin: bottom;\r\n  bottom: -10px;\r\n}\r\n@media(max-width: 768px){\r\n  .hero .title{\r\n    font-size: 30px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Hero.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Hero.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Hero.vue?vue&type=template&id=e4804034&scoped=true&\"\nimport script from \"./Hero.vue?vue&type=script&lang=js&\"\nexport * from \"./Hero.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Hero.vue?vue&type=style&index=0&id=e4804034&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e4804034\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Hero.vue?vue&type=style&index=0&id=e4804034&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Hero.vue?vue&type=style&index=0&id=e4804034&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Human.vue?vue&type=style&index=0&id=2aced2e5&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Human.vue?vue&type=style&index=0&id=2aced2e5&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StaffItem.vue?vue&type=style&index=0&id=4935b726&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StaffItem.vue?vue&type=style&index=0&id=4935b726&lang=scss&scoped=true&\""],"sourceRoot":""}