{"id":122,"date":"2026-05-26T12:58:23","date_gmt":"2026-05-26T04:58:23","guid":{"rendered":"http:\/\/139.199.182.234\/?page_id=122"},"modified":"2026-06-16T13:29:59","modified_gmt":"2026-06-16T05:29:59","slug":"engineering-plastics","status":"publish","type":"page","link":"https:\/\/dghtj.com\/us\/engineering-plastics\/","title":{"rendered":"Engineering plastics"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"122\" class=\"elementor elementor-122\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f5b88b7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4f5b88b7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63cadf41\" data-id=\"63cadf41\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a4ae67c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4ae67c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3efae73\" data-id=\"3efae73\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc12963 elementor-widget elementor-widget-html\" data-id=\"dc12963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');\r\n\r\n.htj-modern-sol-wrapper {\r\n    max-width: 1360px;\r\n    margin: 80px auto;\r\n    display: flex;\r\n    align-items: center; \/* \u4fdd\u6301\u5782\u76f4\u5c45\u4e2d\u5bf9\u9f50 *\/\r\n    font-family: 'Noto Sans SC', sans-serif;\r\n    padding: 0 20px;\r\n    position: relative;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u56fe\u7247\uff1a\u52a0\u5bbd\u5e76\u4f5c\u4e3a\u80cc\u666f\u886c\u6258 *\/\r\n.htj-modern-image {\r\n    width: 60%;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.htj-modern-image img {\r\n    width: 100%;\r\n    height: 560px; \/* \u6838\u5fc3\u8c03\u6574\uff1a\u4ece 520px \u589e\u52a0\u5230 620px\uff0c\u5f3a\u5236\u56fe\u7247\u6bd4\u6587\u5b57\u5361\u7247\u9ad8\uff0c\u4ece\u800c\u7559\u51fa\u4e0a\u4e0b\u8fb9\u8ddd *\/\r\n    object-fit: cover;\r\n    border-radius: 12px;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* \u53f3\u4fa7\u6587\u672c\uff1a\u91c7\u7528\u60ac\u6d6e\u5361\u7247\u8bbe\u8ba1\uff0c\u5411\u5de6\u8986\u76d6\u5728\u56fe\u7247\u4e0a *\/\r\n.htj-modern-content {\r\n    width: 50%;\r\n    margin-left: -10%; \r\n    background: #ffffff;\r\n    padding: 45px 50px; \/* \u5fae\u8c03\u5185\u8fb9\u8ddd\uff0c\u4f7f\u5361\u7247\u5185\u90e8\u770b\u8d77\u6765\u66f4\u7d27\u51d1\u4e00\u70b9 *\/\r\n    border-radius: 12px;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\r\n    position: relative;\r\n    z-index: 2;\r\n    border-top: 5px solid #015CA3;\r\n}\r\n\r\n\/* \u6807\u9898\u8bbe\u8ba1 *\/\r\n.htj-modern-content h2 {\r\n    font-size: 34px;\r\n    font-weight: 900;\r\n    color: #222;\r\n    margin: 0 0 25px 0;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* \u6807\u9898\u5de6\u4fa7\u7684\u5c0f\u7ad6\u7ebf\u4fee\u9970 *\/\r\n.htj-modern-content h2::before {\r\n    content: '';\r\n    display: inline-block;\r\n    width: 6px;\r\n    height: 28px;\r\n    background-color: #015CA3;\r\n    margin-right: 15px;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* \u6b63\u6587\u63cf\u8ff0 *\/\r\n.htj-modern-content p {\r\n    font-size: 15px;\r\n    color: #555;\r\n    line-height: 1.8;\r\n    margin-bottom: 35px;\r\n    text-align: justify;\r\n}\r\n\r\n\/* \u5217\u8868\u5bb9\u5668\uff1a\u7f51\u683c\u6807\u7b7e\u5757 *\/\r\n.htj-modern-tags {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 15px;\r\n}\r\n\r\n\/* \u5355\u4e2a\u573a\u666f\u6807\u7b7e\u5757 *\/\r\n.htj-modern-tag-item {\r\n    background: #f4f8fb; \r\n    color: #333;\r\n    padding: 14px 18px;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    display: flex;\r\n    align-items: center;\r\n    border-left: 3px solid #015CA3; \r\n    transition: all 0.3s ease;\r\n    cursor: default;\r\n}\r\n\r\n\/* \u6807\u7b7e\u5757\u5185\u7f6e\u7684\u7bad\u5934\u5c0f\u56fe\u6807 *\/\r\n.htj-modern-tag-item::before {\r\n    content: '\u276f';\r\n    color: #015CA3;\r\n    font-size: 12px;\r\n    margin-right: 10px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* \u9f20\u6807\u60ac\u505c\u52a8\u6548\uff1a\u80cc\u666f\u53d8\u84dd\uff0c\u6587\u5b57\u53d8\u767d *\/\r\n.htj-modern-tag-item:hover {\r\n    background: #015CA3;\r\n    color: #ffffff;\r\n    box-shadow: 0 8px 20px rgba(1, 92, 163, 0.2);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.htj-modern-tag-item:hover::before {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u8c03\u6574\uff1a\u5e73\u677f\u7535\u8111\uff08\u6539\u4e3a\u4e0a\u4e0b\u5c42\u53e0\uff09 *\/\r\n@media (max-width: 1024px) {\r\n    .htj-modern-sol-wrapper {\r\n        flex-direction: column;\r\n        margin: 60px auto;\r\n    }\r\n    .htj-modern-image {\r\n        width: 100%;\r\n    }\r\n    .htj-modern-image img {\r\n        height: 450px; \/* \u5e73\u677f\u7aef\u56fe\u7247\u9ad8\u5ea6\u5fae\u8c03 *\/\r\n    }\r\n    .htj-modern-content {\r\n        width: 90%;\r\n        margin-left: 0;\r\n        margin-top: -80px; \r\n        padding: 40px 30px;\r\n    }\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u8c03\u6574\uff1a\u624b\u673a *\/\r\n@media (max-width: 600px) {\r\n    .htj-modern-image img {\r\n        height: 300px; \/* \u624b\u673a\u7aef\u56fe\u7247\u9ad8\u5ea6\u8c03\u5c0f *\/\r\n    }\r\n    .htj-modern-content {\r\n        width: 95%;\r\n        margin-top: -50px;\r\n        padding: 30px 20px;\r\n    }\r\n    .htj-modern-tags {\r\n        grid-template-columns: 1fr; \r\n    }\r\n    .htj-modern-content h2 {\r\n        font-size: 26px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"htj-modern-sol-wrapper\">\r\n    \r\n    <!-- \u5de6\u4fa7\uff1a\u5927\u89c6\u91ce\u573a\u666f\u56fe -->\r\n    <div class=\"htj-modern-image\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/\u5de5\u7a0b\u5851\u6599\u884c\u4e1a.webp\" alt=\"\u5de5\u7a0b\u5851\u6599\u963b\u71c3\u5e94\u7528\u573a\u666f\">\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\uff1a\u60ac\u6d6e\u5185\u5bb9\u5361\u7247 -->\r\n    <div class=\"htj-modern-content\">\r\n        <h2>\u5de5\u7a0b\u5851\u6599<\/h2>\r\n        \r\n        <p>\u5de5\u7a0b\u5851\u6599\u6db5\u76d6\u4e86 PA\u3001PP\u3001PBT\u3001PC \u7b49\u4f17\u591a\u6539\u6027\u6750\u6599\uff0c\u88ab\u5e7f\u6cdb\u5e94\u7528\u4e8e\u6c7d\u8f66\u3001\u7535\u5b50\u7535\u5668\u3001\u667a\u80fd\u5bb6\u7535\u7b49\u5bf9\u6027\u80fd\u8981\u6c42\u6781\u9ad8\u7684\u9886\u57df\u3002\u7531\u4e8e\u7535\u5b50\u4ea7\u54c1\u53ca\u8bbe\u5907\u5185\u90e8\u5b58\u5728\u4f17\u591a\u53d1\u70ed\u5143\u4ef6\uff0c\u5f53\u8bbe\u5907\u6545\u969c\u6216\u77ed\u8def\u65f6\u6781\u6613\u917f\u6210\u706b\u707e\u3002\u56e0\u6b64\uff0c\u5728\u6539\u6027\u5851\u6599\u4e2d\u52a0\u5165\u9ad8\u6027\u80fd\u963b\u71c3\u5242\uff0c\u4e0d\u4ec5\u80fd\u6ee1\u8db3\u4e25\u683c\u7684\u9632\u706b\u6807\u51c6\uff08\u5982 UL94 V-0\uff09\uff0c\u8fd8\u80fd\u5728\u963b\u6b62\u706b\u52bf\u8513\u5ef6\u7684\u540c\u65f6\uff0c\u6700\u5927\u9650\u5ea6\u5730\u4fdd\u6301\u6750\u6599\u539f\u672c\u7684\u529b\u5b66\u6027\u80fd\u548c\u5916\u89c2\u52a0\u5de5\u6027\u3002<\/p>\r\n        \r\n        <!-- \u5e94\u7528\u573a\u666f\uff1a\u73b0\u4ee3\u5316\u7f51\u683c\u6807\u7b7e -->\r\n        <div class=\"htj-modern-tags\">\r\n            <div class=\"htj-modern-tag-item\">\u65b0\u80fd\u6e90\u6c7d\u8f66-\u7535\u6c60\u652f\u67b6\u53ca\u5916\u58f3<\/div>\r\n            <div class=\"htj-modern-tag-item\">\u7535\u5b50\u7535\u5668-\u65ad\u8def\u5668\u53ca\u63a5\u89e6\u5668<\/div>\r\n            <div class=\"htj-modern-tag-item\">\u667a\u80fd\u5bb6\u7535-\u6696\u98ce\u673a\u53ca\u7535\u89c6\u540e\u76d6<\/div>\r\n            <div class=\"htj-modern-tag-item\">\u6c7d\u8f66\u5de5\u4e1a-\u53d1\u52a8\u673a\u5468\u8fb9\u90e8\u4ef6<\/div>\r\n            <div class=\"htj-modern-tag-item\">\u901a\u8baf\u8bbe\u5907-\u57fa\u7ad9\u5929\u7ebf\u7f69\u53ca\u8fde\u63a5\u5668<\/div>\r\n            <div class=\"htj-modern-tag-item\">\u7167\u660e\u8bbe\u5907-LED\u706f\u5ea7\u53ca\u53cd\u5149\u676f<\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3803653 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3803653\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd00703\" data-id=\"dd00703\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3be0ad3 elementor-widget elementor-widget-html\" data-id=\"3be0ad3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   \u5e94\u7528\u6848\u4f8b - \u8f6e\u64ad\u677f\u5757\u6837\u5f0f (\u5b8c\u7f8e\u4fee\u590d\u7248)\r\n========================================= *\/\r\n.htj-cases-section {\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background-color: #fcfcfc; \/* \u6781\u6d45\u7684\u7070\u5e95\uff0c\u886c\u6258\u767d\u8272\u5361\u7247 *\/\r\n    font-family: 'Noto Sans SC', sans-serif;\r\n    box-sizing: border-box;\r\n    \/* \u6838\u5fc3\u4fee\u590d\uff1a\u5df2\u7ecf\u5220\u9664\u4e86 overflow: hidden; \u89e3\u9664\u88c1\u526a\u5c01\u5370 *\/\r\n}\r\n\r\n.htj-cases-container {\r\n    max-width: 1360px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n\/* --- \u6807\u9898\u533a\u57df --- *\/\r\n.htj-cases-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.htj-cases-header h2 {\r\n    font-size: 32px;\r\n    font-weight: 900;\r\n    color: #333;\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.htj-cases-divider {\r\n    width: 40px;\r\n    height: 3px;\r\n    background-color: #009B4C; \/* \u54c1\u724c\u7eff\u70b9\u7f00 *\/\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* --- \u8f6e\u64ad\u8f68\u9053\u4e0e\u89c6\u53e3 --- *\/\r\n.htj-cases-viewport {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding: 20px 0; \/* \u4e3a\u5361\u7247\u7684\u60ac\u6d6e\u9634\u5f71\u7559\u51fa\u7a7a\u95f4 *\/\r\n}\r\n\r\n.htj-cases-track {\r\n    display: flex;\r\n    gap: 24px;\r\n    width: max-content;\r\n    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    will-change: transform;\r\n}\r\n\r\n\/* --- \u6848\u4f8b\u5361\u7247\u8bbe\u8ba1 --- *\/\r\n.htj-case-card {\r\n    \/* \u684c\u9762\u7aef\u9ed8\u8ba4\u663e\u793a 3 \u4e2a\u5361\u7247\uff0c\u51cf\u53bb gap \u7684\u5bbd\u5ea6 *\/\r\n    width: calc((1360px - 48px) \/ 3); \r\n    background: #ffffff;\r\n    border: 1px solid #f0f0f0;\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.htj-case-card:hover {\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n    transform: translateY(-5px);\r\n    border-color: #e5e5e5;\r\n}\r\n\r\n\/* \u5361\u7247\u56fe\u7247 *\/\r\n.htj-case-img-box {\r\n    width: 100%;\r\n    height: 240px;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5; \/* \u6dfb\u52a0\u4e00\u4e2a\u6d45\u7070\u5e95\u8272\uff0c\u9632\u6b62\u56fe\u7247\u52a0\u8f7d\u6162\u65f6\u96be\u770b *\/\r\n}\r\n\r\n.htj-case-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.htj-case-card:hover .htj-case-img-box img {\r\n    transform: scale(1.05); \/* \u60ac\u505c\u65f6\u56fe\u7247\u5fae\u653e\u5927 *\/\r\n}\r\n\r\n\/* \u5361\u7247\u6587\u672c\u5185\u5bb9 *\/\r\n.htj-case-content {\r\n    padding: 30px 25px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.htj-case-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #222;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.htj-case-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.htj-case-list li {\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    color: #666; \/* \u7070\u8272\u6807\u7b7e *\/\r\n    margin-bottom: 8px;\r\n    display: flex;\r\n}\r\n\r\n.htj-case-list li span {\r\n    color: #333; \/* \u6df1\u8272\u6570\u503c\uff0c\u5f62\u6210\u5bf9\u6bd4 *\/\r\n    margin-left: 5px;\r\n}\r\n\r\n\/* --- \u5de6\u53f3\u63a7\u5236\u7bad\u5934 --- *\/\r\n.htj-cases-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    pointer-events: none; \/* \u8ba9\u9f20\u6807\u7a7f\u900f\uff0c\u9632\u6b62\u6321\u4f4f\u5361\u7247 *\/\r\n    z-index: 10;\r\n}\r\n\r\n.htj-nav-btn {\r\n    width: 50px;\r\n    height: 50px;\r\n    background-color: #ffffff;\r\n    border: 1px solid #eee;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n    pointer-events: auto; \/* \u6062\u590d\u6309\u94ae\u81ea\u8eab\u7684\u70b9\u51fb *\/\r\n    transition: all 0.3s ease;\r\n    color: #666;\r\n    \/* \u6838\u5fc3\u4fee\u590d\uff1a\u8c03\u5927\u8d1f\u8fb9\u8ddd\uff0c\u8ba9\u6309\u94ae\u5b8c\u5168\u72ec\u7acb\u5728\u5361\u7247\u5916\u4fa7 *\/\r\n    margin: 0 -60px; \r\n}\r\n\r\n.htj-nav-btn:hover {\r\n    background-color: #015CA3;\r\n    color: #ffffff;\r\n    border-color: #015CA3;\r\n    box-shadow: 0 8px 20px rgba(1, 92, 163, 0.3);\r\n}\r\n\r\n.htj-nav-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n\/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\r\n@media (max-width: 1550px) {\r\n    \/* \u5c4f\u5e55\u4e0d\u591f\u5927\u65f6\uff0c\u8ba9\u6309\u94ae\u5411\u5185\u6536\u7f29\u4e00\u70b9\uff0c\u9632\u6b62\u8dd1\u5230\u5c4f\u5e55\u5916\u9762\u53bb *\/\r\n    .htj-nav-btn { margin: 0 -25px; }\r\n}\r\n\r\n@media (max-width: 1400px) {\r\n    .htj-cases-container { max-width: 1140px; }\r\n    .htj-case-card { width: calc((1140px - 48px) \/ 3); }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .htj-cases-container { max-width: 90%; }\r\n    .htj-case-card { width: calc((100vw * 0.9 - 24px) \/ 2); } \/* \u5e73\u677f\u663e\u793a 2 \u4e2a *\/\r\n    .htj-nav-btn { display: none; } \/* \u5e73\u677f\u53ca\u4ee5\u4e0b\u9690\u85cf\u4fa7\u8fb9\u7bad\u5934\uff0c\u5168\u9760\u81ea\u52a8\u8f6e\u64ad *\/\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .htj-cases-section { padding: 50px 15px; }\r\n    .htj-case-card { width: calc(100vw - 30px); } \/* \u624b\u673a\u7aef\u663e\u793a 1 \u4e2a *\/\r\n    .htj-case-img-box { height: 200px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"htj-cases-section\">\r\n    <div class=\"htj-cases-container\">\r\n        \r\n        <!-- \u6807\u9898\u533a -->\r\n        <div class=\"htj-cases-header\">\r\n            <h2>\u5e94\u7528\u6848\u4f8b<\/h2>\r\n            <div class=\"htj-cases-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u8f6e\u64ad\u6838\u5fc3\u533a -->\r\n        <div class=\"htj-cases-viewport\" id=\"htj-cases-viewport\">\r\n            <div class=\"htj-cases-track\" id=\"htj-cases-track\">\r\n                \r\n                <!-- \u5361\u7247 1 -->\r\n                <div class=\"htj-case-card\">\r\n                    <div class=\"htj-case-img-box\">\r\n                        <!-- \u6ce8\u610f\uff1a\u8bf7\u5c06\u8fd9\u91cc\u7684 src \u66ff\u6362\u4e3a\u60a8 WordPress \u540e\u53f0\u771f\u5b9e\u7684\u56fe\u7247\u94fe\u63a5 -->\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/\u5c3c\u9f99\u963b\u71c3\u6539\u6027\u5851\u6599.webp\" alt=\"\u5c3c\u9f99\u963b\u71c3\u6539\u6027\u5851\u6599\">\r\n                    <\/div>\r\n                    <div class=\"htj-case-content\">\r\n                        <h3 class=\"htj-case-title\">\u5c3c\u9f99\u963b\u71c3\u6539\u6027\u5851\u6599<\/h3>\r\n                        <ul class=\"htj-case-list\">\r\n                            <li>\u884c\u4e1a\uff1a<span>\u7535\u5b50\u7535\u5668\u4ef6<\/span><\/li>\r\n                            <li>\u4e3b\u8981\u539f\u6750\u6599\uff1a<span>PA6\/PA66<\/span><\/li>\r\n                            <li>\u963b\u71c3\u7b49\u7ea7\uff1a<span>V0<\/span><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u5361\u7247 2 -->\r\n                <div class=\"htj-case-card\">\r\n                    <div class=\"htj-case-img-box\">\r\n                        <!-- \u6ce8\u610f\uff1a\u8bf7\u5c06\u8fd9\u91cc\u7684 src \u66ff\u6362\u4e3a\u60a8 WordPress \u540e\u53f0\u771f\u5b9e\u7684\u56fe\u7247\u94fe\u63a5 -->\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/\u7eba\u4e1d\u5316\u7ea4.webp\" alt=\"\u7eba\u4e1d\u5316\u7ea4\">\r\n                    <\/div>\r\n                    <div class=\"htj-case-content\">\r\n                        <h3 class=\"htj-case-title\">\u7eba\u4e1d\u5316\u7ea4<\/h3>\r\n                        <ul class=\"htj-case-list\">\r\n                            <li>\u884c\u4e1a\uff1a<span>\u5316\u7ea4\u7eba\u7ec7<\/span><\/li>\r\n                            <li>\u4e3b\u8981\u539f\u6750\u6599\uff1a<span>PET<\/span><\/li>\r\n                            <li>\u963b\u71c3\u7b49\u7ea7\uff1a<span>V0<\/span><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u5361\u7247 3 -->\r\n                <div class=\"htj-case-card\">\r\n                    <div class=\"htj-case-img-box\">\r\n                        <!-- \u6ce8\u610f\uff1a\u8bf7\u5c06\u8fd9\u91cc\u7684 src \u66ff\u6362\u4e3a\u60a8 WordPress \u540e\u53f0\u771f\u5b9e\u7684\u56fe\u7247\u94fe\u63a5 -->\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/3C\u7535\u5668\u5916\u58f3.webp\" alt=\"3C\u7535\u5668\u5916\u58f3\">\r\n                    <\/div>\r\n                    <div class=\"htj-case-content\">\r\n                        <h3 class=\"htj-case-title\">3C\u7535\u5668\u5916\u58f3<\/h3>\r\n                        <ul class=\"htj-case-list\">\r\n                            <li>\u884c\u4e1a\uff1a<span>\u5bb6\u7535\/\u65b0\u80fd\u6e90<\/span><\/li>\r\n                            <li>\u4e3b\u8981\u539f\u6750\u6599\uff1a<span>PP\/PE\/PVC<\/span><\/li>\r\n                            <li>\u963b\u71c3\u7b49\u7ea7\uff1a<span>V0<\/span><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u5361\u7247 4 -->\r\n                <div class=\"htj-case-card\">\r\n                    <div class=\"htj-case-img-box\">\r\n                        <!-- \u6ce8\u610f\uff1a\u8bf7\u5c06\u8fd9\u91cc\u7684 src \u66ff\u6362\u4e3a\u60a8 WordPress \u540e\u53f0\u771f\u5b9e\u7684\u56fe\u7247\u94fe\u63a5 -->\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/\u6570\u636e\u7ebf\u8fde\u63a5\u5668.webp\" alt=\"\u6570\u636e\u7ebf\/\u8fde\u63a5\u5668\">\r\n                    <\/div>\r\n                    <div class=\"htj-case-content\">\r\n                        <h3 class=\"htj-case-title\">\u6570\u636e\u7ebf\/\u8fde\u63a5\u5668<\/h3>\r\n                        <ul class=\"htj-case-list\">\r\n                            <li>\u884c\u4e1a\uff1a<span>\u65b0\u80fd\u6e90<\/span><\/li>\r\n                            <li>\u4e3b\u8981\u539f\u6750\u6599\uff1a<span>PP\/PE\/PVC<\/span><\/li>\r\n                            <li>\u963b\u71c3\u7b49\u7ea7\uff1a<span>V0<\/span><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u5de6\u53f3\u5bfc\u822a\u6309\u94ae -->\r\n        <div class=\"htj-cases-nav\">\r\n            <div class=\"htj-nav-btn htj-cases-prev\" id=\"htj-cases-prev\">\r\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n            <\/div>\r\n            <div class=\"htj-nav-btn htj-cases-next\" id=\"htj-cases-next\">\r\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    function initCasesCarousel() {\r\n        const track = document.getElementById('htj-cases-track');\r\n        const prevBtn = document.getElementById('htj-cases-prev');\r\n        const nextBtn = document.getElementById('htj-cases-next');\r\n        let originalCards = document.querySelectorAll('.htj-case-card');\r\n        const viewport = document.getElementById('htj-cases-viewport');\r\n\r\n        if (!track || !prevBtn || !nextBtn || originalCards.length === 0 || !viewport) return;\r\n\r\n        const totalOriginal = originalCards.length;\r\n        const gap = 24; \r\n        const autoplaySpeed = 3000; \r\n        let autoplayInterval; \r\n        let isPaused = false; \r\n        let currentIndex = 0;\r\n        let isTransitioning = false; \r\n\r\n        \/\/ \u514b\u9686\u5361\u7247\u4ee5\u5b9e\u73b0\u65e0\u7f1d\u5faa\u73af\r\n        originalCards.forEach(card => {\r\n            const clone = card.cloneNode(true);\r\n            clone.classList.add('htj-clone-card');\r\n            track.appendChild(clone);\r\n        });\r\n\r\n        function getScrollAmount() {\r\n            return originalCards[0].offsetWidth + gap;\r\n        }\r\n\r\n        function updateTrackPosition(animate = true) {\r\n            if (animate) {\r\n                track.style.transition = 'transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1)';\r\n            } else {\r\n                track.style.transition = 'none';\r\n            }\r\n            const scrollAmount = getScrollAmount();\r\n            track.style.transform = 'translateX(-' + (currentIndex * scrollAmount) + 'px)';\r\n        }\r\n\r\n        function slideNext() {\r\n            if (isTransitioning) return;\r\n            isTransitioning = true;\r\n            currentIndex++;\r\n            updateTrackPosition(true);\r\n\r\n            if (currentIndex === totalOriginal) {\r\n                setTimeout(() => {\r\n                    currentIndex = 0;\r\n                    updateTrackPosition(false);\r\n                    isTransitioning = false;\r\n                }, 500);\r\n            } else {\r\n                setTimeout(() => { isTransitioning = false; }, 500);\r\n            }\r\n        }\r\n\r\n        function slidePrev() {\r\n            if (isTransitioning) return;\r\n            isTransitioning = true;\r\n\r\n            if (currentIndex === 0) {\r\n                currentIndex = totalOriginal;\r\n                updateTrackPosition(false);\r\n                track.offsetHeight; \/\/ \u5f3a\u5236\u91cd\u6392\r\n                currentIndex--;\r\n                updateTrackPosition(true);\r\n                setTimeout(() => { isTransitioning = false; }, 500);\r\n            } else {\r\n                currentIndex--;\r\n                updateTrackPosition(true);\r\n                setTimeout(() => { isTransitioning = false; }, 500);\r\n            }\r\n        }\r\n\r\n        function startAutoplay() {\r\n            stopAutoplay(); \r\n            autoplayInterval = setInterval(function() {\r\n                if (!isPaused) slideNext();\r\n            }, autoplaySpeed);\r\n        }\r\n\r\n        function stopAutoplay() {\r\n            if (autoplayInterval) clearInterval(autoplayInterval);\r\n        }\r\n\r\n        \/\/ \u4e8b\u4ef6\u7ed1\u5b9a\r\n        nextBtn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            slideNext();\r\n            startAutoplay(); \r\n        });\r\n\r\n        prevBtn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            slidePrev();\r\n            startAutoplay(); \r\n        });\r\n\r\n        viewport.addEventListener('mouseenter', function() { isPaused = true; });\r\n        viewport.addEventListener('mouseleave', function() { isPaused = false; });\r\n\r\n        window.addEventListener('resize', function() {\r\n            currentIndex = 0;\r\n            updateTrackPosition(false);\r\n            startAutoplay();\r\n        });\r\n        \r\n        startAutoplay();\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initCasesCarousel);\r\n    } else {\r\n        initCasesCarousel();\r\n    }\r\n    \r\n    \/\/ \u517c\u5bb9 Elementor\r\n    if (window.jQuery) {\r\n        jQuery(window).on('elementor\/frontend\/init', function() {\r\n            elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', initCasesCarousel);\r\n        });\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5de5\u7a0b\u5851\u6599 \u5de5\u7a0b\u5851\u6599\u6db5\u76d6\u4e86 PA\u3001PP\u3001PBT\u3001PC \u7b49\u4f17\u591a\u6539\u6027\u6750\u6599\uff0c\u88ab\u5e7f\u6cdb\u5e94\u7528\u4e8e\u6c7d\u8f66\u3001\u7535\u5b50\u7535\u5668\u3001\u667a\u80fd\u5bb6\u7535\u7b49\u5bf9\u6027 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-122","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/pages\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":13,"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/pages\/122\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/dghtj.com\/us\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}