{"id":134,"date":"2020-04-21T21:04:40","date_gmt":"2020-04-21T13:04:40","guid":{"rendered":"http:\/\/qyu7688120001.my3w.com\/?page_id=134"},"modified":"2020-08-26T10:20:43","modified_gmt":"2020-08-26T02:20:43","slug":"human-resources","status":"publish","type":"page","link":"https:\/\/www.cdslkj.com\/en\/human-resources\/","title":{"rendered":"Talents"},"content":{"rendered":"<style>\n.link_area{ display:block; width: 100%; height: 780px; background: #1b1f25;}\n.link_area .link_hook{ display:block; width:1440px; height: 780px; margin:0px auto;}\n.link_area .link_tab{ display:block; width: 36%; height: 100%; float: left;}\n.link_area .tab_list{ display:block; height: 100%;}\n.link_area .tab_list li{ display:block; height: 33.3%; opacity: 0.4; position: relative;}\n.link_area .tab_list .tit{ display:block; font-size: 30px; color: #fff; position: absolute; left: 50%; margin-left: -32%; top: 50%; margin-top: -4.9%; transition: margin-left 0.3s ease-out;font-family: 'TencentSansw7';right: 32px; text-shadow: 0 0 5px black;}\n.link_area .tab_list .txt{ display:block; font-size: 16px; color: #fff; position: absolute; left: 50%; margin-left: -32%; top: 50%; margin-top: 5.8%; transition: margin-left 0.3s ease-out;font-family: 'TencentSansw3';right: 30px; text-shadow: 0 0 5px black;}\n.link_area .tab_list .icon{ display:block; height: 16px; width: 54px; background: url(\/wp-content\/uploads\/2020\/05\/icon_arrow_r.png) no-repeat 0 0; position: absolute; left: 50%; \/*margin-left: -21.5%;*\/ margin-left: -32%; top: 50%; margin-top: 14.8%; opacity: 0; transition: margin-left 0.3s ease-out,opacity 0.3s ease-out;background-size: 100% 100%;}\n.link_area .tab_list li.list_item_2 .icon{ margin-top: 9.0%; }\n.link_area .tab_list li.list_item_3 .icon{ margin-top: 3.8%; }\n.link_area .tab_list .tit:after{ display:block; content:\"\"; height: 70px; width: 6px; background: #0085ba; position: absolute; left: 50%; margin-left: -62%; top: 18%; opacity:0; transform: translate(-20px,0px); transition: opacity 0.3s ease-out,transform 0.3s ease-out;}\n.link_area .tab_list li.list_item_2 .tit{ margin-top: -10.9%; }\n.link_area .tab_list li.list_item_2 .txt{margin-top: -0.2%; }\n.link_area .tab_list li.list_item_3 .tit{ margin-top: -16.3%; }\n.link_area .tab_list li.list_item_3 .txt{margin-top: -6.2%; }\n.link_area .tab_list li.current{opacity: 1;}\n.link_area .tab_list li.current .tit{ margin-left: -28%; }\n.link_area .tab_list li.current .txt{ margin-left: -28%; }\n.link_area .tab_list li.current .tit:after{ opacity:1; transform: translate(0px,0px);}\n.link_area .tab_list li.current .icon{ opacity:1; margin-left: -27.5%; }\n.link_area .link_content{ display:block; width: 64%; height: 780px; margin-left: 36%; overflow: hidden;}\n.link_area .link_content .con{ display:none; width: 100%; height: 100%;}\n.link_area .link_content .con_1{ display:block;}\n.link_area .link_con_list{ display:block; width: 100%; height: 100%;}\n.link_area .link_con_list li{ display:block; width: 100%; float: left; height: 100%; background: url(..\/data\/index\/index_link_1_1.jpg) no-repeat center center; background-size: cover; overflow: hidden;}\n.link_area .link_con_list li a{ display:block; width: 100%; height: 100%; position: relative;}\n.link_area .con_1 .link_con_list li.item_1{ background-image: url(\/wp-content\/uploads\/2020\/06\/\u7532\u9187\u5236\u6c22\u50ac\u5316\u5242.jpg);}\n.link_area .con_1 .link_con_list li.item_2{ background-image: url(\/wp-content\/uploads\/2020\/06\/\u7532\u9187\u5236\u6c22\u50ac\u5316\u5242.jpeg); }\n.link_area .con_1 .link_con_list li.item_3{ background-image: url(\/wp-content\/uploads\/2020\/06\/\u9ad8\u4e2d\u538b\u5408\u6210\u7532\u9187\u50ac\u5316\u5242.jpg); width: 100%; }\n.link_area .con_2 .link_con_list li.item_1{ background-image: url(\/wp-content\/uploads\/2020\/06\/PSA\u5236\u6c22\u4e13\u7528\u5206\u5b50\u7b5b.jpg); }\n.link_area .con_2 .link_con_list li.item_2{ background-image: url(\/wp-content\/uploads\/2020\/06\/PSA\u5236\u6c27\u4e13\u7528\u5206\u5b50\u7b5b.jpg); }\n.link_area .con_2 .link_con_list li.item_3{ background-image: url(\/wp-content\/uploads\/2020\/06\/3A.jpg); width: 100%;}\n.link_area .con_3 .link_con_list li.item_1{ background-image: url(\/wp-content\/uploads\/2020\/06\/\u7532\u9187\u88c2\u89e3\u5236\u6c22.png); }\n.link_area .con_3 .link_con_list li.item_2{ background-image: url(\/wp-content\/uploads\/2020\/06\/\u5929\u6c14\u70ed\u5236\u6c22.png); }\n.link_area .con_3 .link_con_list li.item_3{ background-image: url(\/wp-content\/uploads\/2020\/06\/\u5206\u5b50\u7b5b\u8131\u6c34\u5236\u65e0\u6c34\u4e59\u9187.jpeg); width: 100%; }\n.link_area .link_con_list .script{ display:block; width: 100%; height: 30%; position: absolute; left: 0px; bottom: 0px; background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.4),rgba(0,0,0,0)); }\n.link_area .link_con_list .script .tit{ display:block; margin-left:43px; margin-top: 119px; font-size: 24px; color: #fff; transition: margin-top 0.3s ease-out;}\n.link_area .link_con_list .script .txt{ display:block; margin-left:43px; margin-top: 9px; line-height: 1.8; font-size: 16px; color: #fff; opacity: 0; transform: translate(0px,15px); transition: opacity 0.3s ease-out;margin-right: 43px;}\n.link_area .link_con_list .script .icon{ display:block;  height: 14px; width: 31px; background: url(\/wp-content\/uploads\/2020\/05\/icon_arrow_r.png) no-repeat 0 0; position: absolute; right: 71px; top: 71px; opacity: 0; transition: all 0.3s ease-out;background-size: 100% 100%;}\n.link_area .link_con_list li a:hover .script .tit{ margin-top: 59px; }\n.link_area .link_con_list li a:hover .script .txt{ opacity: 1; transform: translate(0px,0);}\n.link_area .link_con_list li a:hover .script .icon{animation: a_arrow_r 0.2s linear forwards; }\n@keyframes a_arrow_r {\n    0%{ opacity: 0; right: 71px;}\n    100%{opacity: 1; right: 51px;}\n}\n@media screen and (max-width: 768px) {\n    .link_area{ height:auto; background: #fbfbfb; width: 100%; margin-bottom: 0;padding: 0 24px;box-sizing: border-box;overflow: hidden;padding-bottom: 20px;}\n    .link_area .link_hook{ width: 100%; height: 100%;}\n    .link_area .link_tab{ width: 100%;}\n    .link_area .tab_list li{ display: block; height: 240px; width: 100%; background:url('\/wp-content\/uploads\/2020\/06\/\u7532\u9187\u5236\u6c22\u50ac\u5316\u5242.jpg') no-repeat center center; background-size: cover; margin: 12px auto 0; opacity: 1;}\n    .link_area .tab_list li:nth-child(1){\n        margin-top: 20px;\n    }\n    .link_area .tab_list li.list_item_2{ background-image:url('\/wp-content\/uploads\/2020\/06\/PSA\u5236\u6c22\u4e13\u7528\u5206\u5b50\u7b5b.jpg');}\n    .link_area .tab_list li.list_item_3{ background-image:url('\/wp-content\/uploads\/2020\/06\/\u7532\u9187\u88c2\u89e3\u5236\u6c22.png');}\n    .link_area .tab_list .icon{ display:none;}\n    .link_area .tab_list .tit:after{ display:none;}\n    .link_area .tab_list li .tit{ margin-left:0px; font-size:24px;}\n    .link_area .tab_list li .txt{ margin-left:0px;}\n    .link_area .tab_list li.current .tit{ margin-left:0px;font-size: 24px;}\n    .link_area .tab_list li.current .txt{ margin-left:0px;}\n    .link_area .tab_list .tit{ left:32px; margin-top: 0px; top: auto; bottom: 57px; font-size: 24px;}\n    .link_area .tab_list .txt{ left:32px; margin-top: 0px; top: auto; bottom: 32px; font-size: 14px;}\n    .link_area .tab_list li.list_item_2 .tit{ margin-top: 0px;}\n    .link_area .link_content{ display:none;}\n}\n<\/style>\n<div class=\"link_area\">\n<div class=\"link_hook\">\n<div class=\"link_tab\">\n<ul class=\"tab_list\">\n<li class=\"list_item_1 current\" data-num=\"1\">\n                    <a class=\"block-link\" href=\"sales\/\"><\/p>\n<h3 class=\"tit\">Recruitment<\/h3>\n<p class=\"txt\">\u6211\u4eec\u7684\u96c7\u5458<\/p>\n<p>                        <i class=\"icon icon_arrow_r\"><\/i><br \/>\n                    <\/a>\n                <\/li>\n<li class=\"list_item_2\" data-num=\"2\">\n                    <a class=\"block-link\" href=\"sales\/\"><\/p>\n<h3 class=\"tit\">\u6b63\u5728\u62db\u8058<\/h3>\n<p class=\"txt\">\u6211\u4eec\u6b63\u9700\u8981<\/p>\n<p>                        <i class=\"icon icon_arrow_r\"><\/i><br \/>\n                    <\/a>\n                <\/li>\n<li class=\"list_item_3\" data-num=\"3\">\n                    <a class=\"block-link\" href=\"activities\/\"><\/p>\n<h3 class=\"tit\">Employee Activity<\/h3>\n<p class=\"txt\">\u6211\u4eec\u7684\u6d3b\u52a8<\/p>\n<p>                        <i class=\"icon icon_arrow_r\"><\/i><br \/>\n                    <\/a>\n                <\/li>\n<\/ul><\/div>\n<div class=\"link_content\">\n<div class=\"con con_1\" style=\"display: block;\">\n<ul class=\"link_con_list\">\n<li class=\"item_1\">\n                        <a href=\"sales\/\"><\/p>\n<div class=\"script\">\n<h4 class=\"tit\">\u6211\u4eec\u7684\u96c7\u5458<\/h4>\n<p class=\"txt\">\u9500\u552e\/\u6280\u672f\/\u751f\u4ea7\/\u7efc\u5408\/\u8d22\u52a1\/\u91c7\u8d2d<\/p>\n<p>                                <i class=\"icon icon_arrow_r\"><\/i>\n                            <\/div>\n<p>                        <\/a>\n                    <\/li>\n<\/ul><\/div>\n<div class=\"con con_2\" style=\"display: none;\">\n<ul class=\"link_con_list\">\n<li class=\"item_1\">\n                        <a href=\"sales\/\"><\/p>\n<div class=\"script\">\n<h4 class=\"tit\">\u6211\u4eec\u6b63\u9700\u8981<\/h4>\n<p class=\"txt\">\u9500\u552e\/\u6280\u672f\/\u751f\u4ea7\/\u7efc\u5408\/\u8d22\u52a1\/\u91c7\u8d2d<\/p>\n<p>                                <i class=\"icon icon_arrow_r\"><\/i>\n                            <\/div>\n<p>                        <\/a>\n                    <\/li>\n<\/ul><\/div>\n<div class=\"con con_3\" style=\"display: none;\">\n<ul class=\"link_con_list\">\n<li class=\"item_1\">\n                        <a href=\"activities\/\"><\/p>\n<div class=\"script\">\n<h4 class=\"tit\">\u6211\u4eec\u7684\u6d3b\u52a8<\/h4>\n<p class=\"txt\">\u6d3b\u52a8\u8be6\u60c5<\/p>\n<p>                                <i class=\"icon icon_arrow_r\"><\/i>\n                            <\/div>\n<p>                        <\/a>\n                    <\/li>\n<\/ul><\/div><\/div><\/div>\n<\/div>\n<p><script>\njQuery('.tab_list li').hover(function(){\n    jQuery('.tab_list li').removeClass('current');\n    jQuery(this).addClass('current');\n    var displayNum = jQuery(this).attr('data-num');\n    jQuery('.link_area .con').css('display','none');\n    jQuery('.link_area .con_' + displayNum).css('display','block');\n})\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>\u5c97\u4f4d\u5c55\u793a \u6211\u4eec\u7684\u96c7\u5458 \u6b63\u5728\u62db\u8058 \u6211\u4eec\u6b63\u9700\u8981 \u6d3b\u52a8\u5efa\u8bbe \u6211\u4eec\u7684\u6d3b\u52a8 \u6211\u4eec\u7684\u96c7\u5458 \u9500\u552e\/\u6280\u672f\/&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full_width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/pages\/134"}],"collection":[{"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":5,"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":772,"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/pages\/134\/revisions\/772"}],"wp:attachment":[{"href":"https:\/\/www.cdslkj.com\/en\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}