{"id":75,"date":"2025-06-05T21:52:26","date_gmt":"2025-06-05T13:52:26","guid":{"rendered":"https:\/\/www.yn5656.cn\/?page_id=75"},"modified":"2025-06-07T17:46:53","modified_gmt":"2025-06-07T09:46:53","slug":"%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"https:\/\/www.yn5656.cn\/index.php\/%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac\/","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n \u8054\u7cfb\u6211\u4eec – \u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');\n \n body {\n font-family: 'Noto Sans SC', sans-serif;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n padding: 20px;\n }\n \n .contact-card {\n background: white;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n width: 100%;\n max-width: 500px;\n overflow: hidden;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.6s ease-out forwards;\n transition: all 0.3s ease;\n }\n \n .contact-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n }\n \n .contact-header {\n background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);\n color: white;\n padding: 25px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .contact-header::after {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);\n transform: rotate(30deg);\n animation: shine 6s infinite linear;\n }\n \n .contact-header h2 {\n margin: 0;\n font-size: 24px;\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n \n .contact-body {\n padding: 30px;\n }\n \n .contact-item {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n transition: all 0.3s ease;\n padding: 10px;\n border-radius: 8px;\n }\n \n .contact-item:hover {\n background-color: #f8f9fa;\n transform: translateX(5px);\n }\n \n .contact-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 20px;\n color: #1a73e8;\n font-size: 20px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n }\n \n .contact-item:hover .contact-icon {\n transform: scale(1.1);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\n }\n \n .contact-info h3 {\n margin: 0 0 5px 0;\n font-size: 16px;\n font-weight: 500;\n color: #555;\n }\n \n .contact-info p {\n margin: 0;\n font-size: 18px;\n font-weight: 700;\n color: #333;\n }\n \n .contact-info a {\n color: #1a73e8;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n \n .contact-info a:hover {\n color: #0d47a1;\n text-decoration: underline;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes shine {\n from {\n transform: rotate(30deg) translateX(-100%);\n }\n to {\n transform: rotate(30deg) translateX(100%);\n }\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(26, 115, 232, 0.4);\n }\n 70% {\n box-shadow: 0 0 0 15px rgba(26, 115, 232, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(26, 115, 232, 0);\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"contact-card\">\n <div class=\"contact-header\">\n <h2><i class=\"fa fa-envelope-o\" style=\"margin-right: 10px;\"><\/i> \u8054\u7cfb\u6211\u4eec<\/h2>\n <\/div>\n <div class=\"contact-body\">\n <div class=\"contact-item\">\n <div class=\"contact-icon pulse\">\n <i class=\"fa fa-user\"><\/i>\n <\/div>\n <div class=\"contact-info\">\n <h3>\u8054\u7cfb\u4eba<\/h3>\n <p>\u9ad8\u539f<\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fa fa-phone\"><\/i>\n <\/div>\n <div class=\"contact-info\">\n <h3>\u624b\u673a\/\u7535\u8bdd<\/h3>\n <p><a href=\"tel:0871-63333356\">0871-63333356<\/a><\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fa fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-info\">\n <h3>\u90ae\u7bb1<\/h3>\n <p><a href=\"mailto:postmaster@yn5656.cn\">postmaster@yn5656.cn<\/a><\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fa fa-building\"><\/i>\n <\/div>\n <div class=\"contact-info\">\n <h3>\u516c\u53f8<\/h3>\n <p>\u4e91\u5357\u7701\u7269\u6d41\u884c\u4e1a\u534f\u4f1a\u5b98\u7f51<\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fa fa-map-marker\"><\/i>\n <\/div>\n <div class=\"contact-info\">\n <h3>\u5730\u5740<\/h3>\n <p>\u4e91\u5357\u7701\u6606\u660e\u5e02\u5448\u8d21\u533a\u6597\u5357\u8857\u9053\u9526\u82d1\u4e91\u82b1\u7269\u6d41\u4e2d\u5fc3<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n \/\/ \u4e3a\u6bcf\u4e2a\u8054\u7cfb\u9879\u6dfb\u52a0\u5ef6\u8fdf\u52a8\u753b\n document.querySelectorAll('.contact-item').forEach((item, index) => {\n item.style.animationDelay = `${index * 0.1}s`;\n item.style.animation = 'fadeInUp 0.5s ease-out forwards';\n item.style.opacity = '0';\n });\n \n \/\/ \u70b9\u51fb\u8054\u7cfb\u4eba\u56fe\u6807\u65f6\u7684\u6548\u679c\n document.querySelectorAll('.contact-icon').forEach(icon => {\n icon.addEventListener('click', function() {\n this.classList.add('animate__animated', 'animate__rubberBand');\n setTimeout(() => {\n this.classList.remove('animate__animated', 'animate__rubberBand');\n }, 1000);\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8054\u7cfb\u6211\u4eec – \u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a \u8054\u7cfb\u6211\u4eec \u8054\u7cfb\u4eba \u9ad8\u539f \u624b\u673a\/\u7535\u8bdd 0871-63333356 \u90ae […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":7,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}