{"id":1497,"date":"2026-04-28T11:04:45","date_gmt":"2026-04-28T11:04:45","guid":{"rendered":"https:\/\/www.essence-carpet.com\/?page_id=1497"},"modified":"2026-09-12T18:35:06","modified_gmt":"2026-09-12T18:35:06","slug":"customization","status":"publish","type":"page","link":"https:\/\/www.essence-carpet.com\/en\/customization\/","title":{"rendered":"Project Cases"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1497\" class=\"elementor elementor-1497\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-897a5af e-flex e-con-boxed e-con e-parent\" data-id=\"897a5af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-462e19a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"462e19a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n\r\n<div class=\"eg-linked-gallery\">\r\n  <div class=\"eg-main-swiper swiper\">\r\n    <button class=\"eg-main-arrow eg-main-prev\" type=\"button\" aria-label=\"\u4e0a\u4e00\u5f20\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M11 6L5 12L11 18\"><\/path><path d=\"M17 6L11 12L17 18\"><\/path><\/svg><\/button>\r\n    <button class=\"eg-main-arrow eg-main-next\" type=\"button\" aria-label=\"\u4e0b\u4e00\u5f20\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 6L13 12L7 18\"><\/path><path d=\"M13 6L19 12L13 18\"><\/path><\/svg><\/button>\r\n    <div class=\"swiper-wrapper\">\r\n            <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingzhouji\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingzhouji-1.jpg\" alt=\"\u5317\u4eac\u6d32\u9645\u9152\u5e97\">\r\n      <\/div>\r\n<div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingzhouji\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingzhouji-2.jpg\" alt=\"\u5317\u4eac\u6d32\u9645\u9152\u5e97\">\r\n      <\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingzhouji\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingzhouji-3.jpg\" alt=\"\u5317\u4eac\u6d32\u9645\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingzhouji\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingzhouji-4.jpg\" alt=\"\u5317\u4eac\u6d32\u9645\u9152\u5e97\"><\/div>\r\n            <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"hangzhoudiaoyutai\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/hangzhoudiaoyutai-1.jpg\" alt=\"\u676d\u5dde\u6cdb\u6d77\u9493\u9c7c\u53f0\u9152\u5e97\">\r\n      <\/div>\r\n<div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"hangzhoudiaoyutai\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/hangzhoudiaoyutai-2.jpg\" alt=\"\u676d\u5dde\u6cdb\u6d77\u9493\u9c7c\u53f0\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"hangzhoudiaoyutai\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/hangzhoudiaoyutai-3.jpg\" alt=\"\u676d\u5dde\u6cdb\u6d77\u9493\u9c7c\u53f0\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"hangzhoudiaoyutai\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/hangzhoudiaoyutai-4.jpg\" alt=\"\u676d\u5dde\u6cdb\u6d77\u9493\u9c7c\u53f0\u9152\u5e97\"><\/div>\r\n            <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"nanjinghuayi\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/nanjinghuayi-1.jpg\" alt=\"\u5357\u4eac\u534e\u9091\u9152\u5e97\">\r\n      <\/div>\r\n<div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"nanjinghuayi\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/nanjinghuayi-2.jpg\" alt=\"\u5357\u4eac\u534e\u9091\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"nanjinghuayi\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/nanjinghuayi-3.jpg\" alt=\"\u5357\u4eac\u534e\u9091\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"nanjinghuayi\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/nanjinghuayi-4.jpg\" alt=\"\u5357\u4eac\u534e\u9091\u9152\u5e97\"><\/div>\r\n            <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"shanghaiouli\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaiouli-1.jpg\" alt=\"\u4e0a\u6d77\u6d77\u9e25\u4e3d\u6676\u9152\u5e97\">\r\n      <\/div>\r\n<div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"shanghaiouli\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaiouli-2.jpg\" alt=\"\u4e0a\u6d77\u6d77\u9e25\u4e3d\u6676\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"shanghaiouli\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaiouli-3.jpg\" alt=\"\u4e0a\u6d77\u6d77\u9e25\u4e3d\u6676\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"shanghaiouli\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaiouli-4.jpg\" alt=\"\u4e0a\u6d77\u6d77\u9e25\u4e3d\u6676\u9152\u5e97\"><\/div>\r\n            <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingguili\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingguili-1.jpg\" alt=\"\u5317\u4eac\u7470\u4e3d\u9152\u5e97\">\r\n      <\/div>\r\n<div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingguili\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingguili-2.jpg\" alt=\"\u5317\u4eac\u7470\u4e3d\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingguili\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingguili-3.jpg\" alt=\"\u5317\u4eac\u7470\u4e3d\u9152\u5e97\"><\/div>\r\n      <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"beijingguili\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingguili-4.jpg\" alt=\"\u5317\u4eac\u7470\u4e3d\u9152\u5e97\"><\/div>\r\n            <div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"shanghaihuaerdaofu\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaihuaerdaofu-2.jpg\" alt=\"\u4e0a\u6d77\u534e\u5c14\u9053\u592b\">\r\n      <\/div>\r\n<div class=\"swiper-slide eg-flat-main-slide\" data-hotel-key=\"shanghaihuaerdaofu\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaihuaerdaofu-1.jpg\" alt=\"\u4e0a\u6d77\u534e\u5c14\u9053\u592b\"><\/div>\r\n    <\/div>\r\n    <div class=\"eg-gallery-pagination\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"eg-thumb-section\">\r\n    <button class=\"eg-thumb-arrow eg-thumb-prev\" type=\"button\" aria-label=\"\u4e0a\u4e00\u5f20\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M11 6L5 12L11 18\"><\/path><path d=\"M17 6L11 12L17 18\"><\/path><\/svg><\/button>\r\n    <button class=\"eg-thumb-arrow eg-thumb-next\" type=\"button\" aria-label=\"\u4e0b\u4e00\u5f20\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 6L13 12L7 18\"><\/path><path d=\"M13 6L19 12L13 18\"><\/path><\/svg><\/button>\r\n    <div class=\"eg-thumb-swiper swiper\">\r\n      <div class=\"swiper-wrapper\">\r\n        <div class=\"swiper-slide eg-thumb-slide\" data-hotel-key=\"beijingzhouji\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingzhouji-1.jpg\" alt=\"\u5317\u4eac\u6d32\u9645\u9152\u5e97\">\r\n          <div class=\"eg-thumb-title\">\u5317\u4eac\u6d32\u9645\u9152\u5e97<\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide eg-thumb-slide\" data-hotel-key=\"hangzhoudiaoyutai\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/hangzhoudiaoyutai-1.jpg\" alt=\"\u676d\u5dde\u6cdb\u6d77\u9493\u9c7c\u53f0\u9152\u5e97\">\r\n          <div class=\"eg-thumb-title\">\u676d\u5dde\u6cdb\u6d77\u9493\u9c7c\u53f0\u9152\u5e97<\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide eg-thumb-slide\" data-hotel-key=\"nanjinghuayi\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/nanjinghuayi-1.jpg\" alt=\"\u5357\u4eac\u534e\u9091\u9152\u5e97\">\r\n          <div class=\"eg-thumb-title\">\u5357\u4eac\u534e\u9091\u9152\u5e97<\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide eg-thumb-slide\" data-hotel-key=\"shanghaiouli\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaiouli-1.jpg\" alt=\"\u4e0a\u6d77\u6d77\u9e25\u4e3d\u6676\u9152\u5e97\">\r\n          <div class=\"eg-thumb-title\">\u4e0a\u6d77\u6d77\u9e25\u4e3d\u6676\u9152\u5e97<\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide eg-thumb-slide\" data-hotel-key=\"beijingguili\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/beijingguili-1.jpg\" alt=\"\u5317\u4eac\u7470\u4e3d\u9152\u5e97\">\r\n          <div class=\"eg-thumb-title\">\u5317\u4eac\u7470\u4e3d\u9152\u5e97<\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide eg-thumb-slide\" data-hotel-key=\"shanghaihuaerdaofu\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.essence-carpet.com\/wp-content\/uploads\/2026\/06\/shanghaihuaerdaofu-2.jpg\" alt=\"\u4e0a\u6d77\u534e\u5c14\u9053\u592b\">\r\n          <div class=\"eg-thumb-title\">\u4e0a\u6d77\u534e\u5c14\u9053\u592b<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"eg-thumb-dots\" aria-label=\"\u8f6e\u64ad\u5bfc\u822a\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .eg-linked-gallery {\r\n    --main-ratio: 16 \/ 9;\r\n    --thumb-image-height: 260px;\r\n\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    overflow: visible;\r\n  }\r\n\r\n  .eg-linked-gallery *,\r\n  .eg-linked-gallery *::before,\r\n  .eg-linked-gallery *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .eg-linked-gallery .swiper,\r\n  .eg-linked-gallery .swiper-wrapper,\r\n  .eg-linked-gallery .swiper-slide {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-swiper {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    aspect-ratio: var(--main-ratio);\r\n    height: auto;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    position: relative;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-swiper > .swiper-wrapper,\r\n  .eg-linked-gallery .eg-flat-main-slide,\r\n  .eg-linked-gallery .eg-inner-swiper,\r\n  .eg-linked-gallery .eg-inner-swiper .swiper-wrapper,\r\n  .eg-linked-gallery .eg-inner-swiper .swiper-slide,\r\n  .eg-linked-gallery .eg-inner-swiper a {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-inner-swiper a {\r\n    display: block;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-swiper img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    display: block;\r\n    object-fit: cover;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n  }\r\n\r\n  \/* \u4e3b\u56fe\u7bad\u5934\uff1a48px \u5706\u5f62\uff0c\u6781\u6d45\u900f\u660e\u6df1\u8272\u5e95 + \u7070\u767d\u7ec6\u63cf\u8fb9 + \u6781\u8f7b\u9634\u5f71\uff08\u4e0e\u9996\u9875\u8f6e\u64ad\u6309\u94ae\u7edf\u4e00\uff09 *\/\r\n  .eg-linked-gallery .eg-main-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    z-index: 10;\r\n    width: 48px;\r\n    height: 48px;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    border-radius: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(0, 0, 0, 0.28);\r\n    -webkit-backdrop-filter: blur(3px);\r\n    backdrop-filter: blur(3px);\r\n    color: #fff;\r\n    font-size: 0;\r\n    line-height: 0;\r\n    font-family: Arial, sans-serif;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);\r\n    transition: background-color .25s ease, border-color .25s ease;\r\n  }\r\n\r\n  \/* \u60ac\u505c\uff1a\u4ec5\u80cc\u666f\u900f\u660e\u5ea6\u4e0e\u8fb9\u6846\u4eae\u5ea6\u5fae\u63d0\uff0c\u65e0\u7f29\u653e *\/\r\n  .eg-linked-gallery .eg-main-swiper:hover .eg-main-arrow,\r\n  .eg-linked-gallery .eg-main-swiper:focus-within .eg-main-arrow {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-arrow:hover {\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border-color: rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-prev {\r\n    left: 20px;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-next {\r\n    right: 20px;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-section {\r\n    position: relative;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    margin: 30px 0 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    overflow: visible;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-swiper {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-swiper .swiper-wrapper {\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-slide {\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    cursor: pointer;\r\n    overflow: visible;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-slide img {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    display: block;\r\n    object-fit: contain;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    opacity: .88;\r\n    transition: opacity .25s ease, filter .25s ease;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-slide:hover img,\r\n  .eg-linked-gallery .eg-thumb-slide.swiper-slide-thumb-active img {\r\n    opacity: 1;\r\n    filter: contrast(1.04) saturate(1.04);\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-title {\r\n    width: 100%;\r\n    margin: 9px 0 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 600;\r\n    color: #111;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  \/* \u7f29\u7565\u56fe\u7bad\u5934\uff1a48px \u5706\u5f62\uff0c\u4e0e\u4e3b\u56fe\u7bad\u5934\u540c\u4e00\u5957\u89c4\u683c *\/\r\n  .eg-linked-gallery .eg-thumb-arrow {\r\n    position: absolute;\r\n    top: calc(var(--thumb-image-height) \/ 2);\r\n    z-index: 10;\r\n    width: 48px;\r\n    height: 48px;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    border-radius: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(0, 0, 0, 0.28);\r\n    -webkit-backdrop-filter: blur(3px);\r\n    backdrop-filter: blur(3px);\r\n    color: #fff;\r\n    font-size: 0;\r\n    line-height: 0;\r\n    font-family: Arial, sans-serif;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);\r\n    transition: background-color .25s ease, border-color .25s ease;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-section:hover .eg-thumb-arrow,\r\n  .eg-linked-gallery .eg-thumb-section:focus-within .eg-thumb-arrow {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-arrow:hover {\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border-color: rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-prev {\r\n    left: 20px;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-next {\r\n    right: 20px;\r\n  }\r\n\r\n  \/* \u53cc\u7bad\u5934\u56fe\u6807\uff08\u6309\u94ae\u5185\u8054 SVG\uff0c\u767d\u8272 stroke 2.5\uff0c\u4e0e\u9996\u9875\u8f6e\u64ad\u6309\u94ae\u4e00\u81f4\uff09 *\/\r\n  .eg-linked-gallery .eg-main-arrow svg,\r\n  .eg-linked-gallery .eg-thumb-arrow svg {\r\n    display: block;\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    fill: none;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-dots {\r\n    width: 100%;\r\n    margin: 14px 0 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 7px;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: #c8c8c8;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-thumb-dot.is-active {\r\n    background: #222;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-gallery-pagination {\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    z-index: 10;\r\n    width: 100%;\r\n    height: 4px !important;\r\n    min-height: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    background: rgba(255, 255, 255, .45);\r\n  }\r\n\r\n  .eg-linked-gallery .eg-gallery-pagination.swiper-pagination-progressbar {\r\n    top: auto !important;\r\n    bottom: 0 !important;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-gallery-pagination .swiper-pagination-progressbar-fill {\r\n    background: #222;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .eg-linked-gallery {\r\n      --main-ratio: 16 \/ 10;\r\n    }\r\n\r\n    .eg-linked-gallery .eg-thumb-section {\r\n      margin-top: 22px !important;\r\n    }\r\n\r\n    .eg-linked-gallery .eg-thumb-title {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .eg-linked-gallery {\r\n      --main-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .eg-linked-gallery .eg-thumb-section {\r\n      margin-top: 16px !important;\r\n    }\r\n\r\n    .eg-linked-gallery .eg-main-arrow,\r\n    .eg-linked-gallery .eg-thumb-arrow {\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    .eg-linked-gallery .eg-main-arrow svg,\r\n    .eg-linked-gallery .eg-thumb-arrow svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    .eg-linked-gallery .eg-thumb-title {\r\n      margin-top: 7px !important;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-swiper > .swiper-wrapper > .eg-flat-main-slide {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .eg-linked-gallery .eg-main-swiper > .swiper-wrapper > .eg-flat-main-slide img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    display: block;\r\n    object-fit: cover;\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n(function () {\r\n  var IMAGE_DELAY = 3000;\r\n\r\n  function setThumbArrowHeight(gallery) {\r\n    var img = gallery.querySelector('.eg-thumb-slide img');\r\n    if (!img) return;\r\n    function update() {\r\n      var height = img.getBoundingClientRect().height;\r\n      if (height > 0) gallery.style.setProperty('--thumb-image-height', height + 'px');\r\n    }\r\n    if (img.complete) update();\r\n    img.addEventListener('load', update);\r\n    setTimeout(update, 80);\r\n    setTimeout(update, 400);\r\n  }\r\n\r\n  function initGallery(gallery) {\r\n    if (!gallery || gallery.dataset.egInited === 'true' || typeof Swiper === 'undefined') return;\r\n\r\n    var groups = Array.prototype.slice.call(gallery.querySelectorAll('.eg-flat-main-slide'));\r\n    var thumbs = Array.prototype.slice.call(gallery.querySelectorAll('.eg-thumb-slide'));\r\n    var dots = gallery.querySelector('.eg-thumb-dots');\r\n    var keys = thumbs.map(function (thumb) { return thumb.getAttribute('data-hotel-key'); });\r\n    if (!groups.length || keys.length !== 6) return;\r\n    gallery.dataset.egInited = 'true';\r\n\r\n    var imagePositions = {};\r\n    groups.forEach(function (group, imageIndex) {\r\n      var key = group.getAttribute('data-hotel-key');\r\n      if (!imagePositions[key]) imagePositions[key] = [];\r\n      imagePositions[key].push(imageIndex);\r\n    });\r\n\r\n    if (dots) {\r\n      dots.innerHTML = keys.map(function (_, index) {\r\n        return '<button class=\"eg-thumb-dot\" type=\"button\" aria-label=\"\u8df3\u8f6c\u5230\u7b2c ' + (index + 1) + ' \u5bb6\u9152\u5e97\"><\/button>';\r\n      }).join('');\r\n    }\r\n\r\n    var activeHotel = 0;\r\n    var activeImage = 0;\r\n    var advanceTimer = null;\r\n    var generation = 0;\r\n    var paused = false;\r\n\r\n    function clearTimer() {\r\n      if (advanceTimer) {\r\n        clearTimeout(advanceTimer);\r\n        advanceTimer = null;\r\n      }\r\n    }\r\n\r\n    function updateHotelState() {\r\n      thumbs.forEach(function (thumb, index) {\r\n        thumb.classList.toggle('swiper-slide-thumb-active', index === activeHotel);\r\n      });\r\n      gallery.querySelectorAll('.eg-thumb-dot').forEach(function (dot, index) {\r\n        dot.classList.toggle('is-active', index === activeHotel);\r\n        dot.setAttribute('aria-current', index === activeHotel ? 'true' : 'false');\r\n      });\r\n    }\r\n\r\n    var mainSwiper = new Swiper(gallery.querySelector('.eg-main-swiper'), {\r\n      effect: 'fade',\r\n      fadeEffect: { crossFade: true },\r\n      speed: 650,\r\n      allowTouchMove: false,\r\n      observer: true,\r\n      observeParents: true,\r\n      resizeObserver: true,\r\n      pagination: { el: gallery.querySelector('.eg-gallery-pagination'), type: 'progressbar' },\r\n      autoplay: false\r\n    });\r\n\r\n    var thumbSwiper = new Swiper(gallery.querySelector('.eg-thumb-swiper'), {\r\n      slidesPerView: 5,\r\n      spaceBetween: 8,\r\n      rewind: true,\r\n      watchSlidesProgress: true,\r\n      slideToClickedSlide: false,\r\n      observer: true,\r\n      observeParents: true,\r\n      resizeObserver: true,\r\n      breakpoints: {\r\n        0: { slidesPerView: 2, spaceBetween: 8 },\r\n        768: { slidesPerView: 3, spaceBetween: 8 },\r\n        1025: { slidesPerView: 5, spaceBetween: 8 }\r\n      },\r\n      on: {\r\n        init: function () { setThumbArrowHeight(gallery); },\r\n        resize: function () { setThumbArrowHeight(gallery); },\r\n        imagesReady: function () { setThumbArrowHeight(gallery); }\r\n      }\r\n    });\r\n\r\n    function getActiveSequence() {\r\n      return imagePositions[keys[activeHotel]] || [];\r\n    }\r\n\r\n    function showActiveImage(position, speed) {\r\n      var sequence = getActiveSequence();\r\n      if (!sequence.length) return;\r\n      activeImage = (position + sequence.length) % sequence.length;\r\n      mainSwiper.slideTo(sequence[activeImage], speed, true);\r\n      mainSwiper.updateSlidesClasses();\r\n    }\r\n\r\n    function scheduleNext(token) {\r\n      clearTimer();\r\n      if (paused) return;\r\n      advanceTimer = setTimeout(function () {\r\n        advanceTimer = null;\r\n        if (token !== generation || paused) return;\r\n\r\n        var sequence = getActiveSequence();\r\n        if (activeImage + 1 < sequence.length) {\r\n          showActiveImage(activeImage + 1, 650);\r\n          scheduleNext(token);\r\n        } else {\r\n          selectHotel(activeHotel + 1, false);\r\n        }\r\n      }, IMAGE_DELAY);\r\n    }\r\n\r\n    function selectHotel(index, manual, imagePosition) {\r\n      activeHotel = (index + keys.length) % keys.length;\r\n      generation += 1;\r\n      var token = generation;\r\n      clearTimer();\r\n      var sequence = getActiveSequence();\r\n      if (!sequence.length) return;\r\n\r\n      activeImage = typeof imagePosition === 'number'\r\n        ? Math.max(0, Math.min(imagePosition, sequence.length - 1))\r\n        : 0;\r\n      showActiveImage(activeImage, manual ? 0 : 650);\r\n      thumbSwiper.slideTo(activeHotel, 0, false);\r\n      updateHotelState();\r\n      setThumbArrowHeight(gallery);\r\n      scheduleNext(token);\r\n    }\r\n\r\n    function selectCurrentHotelImage(step) {\r\n      var sequence = getActiveSequence();\r\n      if (!sequence.length) return;\r\n\r\n      \/\/ \u4e0a\u65b9\u6309\u94ae\u6cbf\u7740\u5b8c\u6574\u7684\u201c\u9152\u5e97 -> \u5b50\u56fe\u201d\u5e8f\u5217\u8fde\u7eed\u524d\u8fdb\u6216\u540e\u9000\u3002\r\n      if (step > 0 && activeImage >= sequence.length - 1) {\r\n        selectHotel(activeHotel + 1, true, 0);\r\n        return;\r\n      }\r\n\r\n      if (step < 0 && activeImage <= 0) {\r\n        var previousHotel = (activeHotel - 1 + keys.length) % keys.length;\r\n        var previousSequence = imagePositions[keys[previousHotel]] || [];\r\n        selectHotel(previousHotel, true, Math.max(0, previousSequence.length - 1));\r\n        return;\r\n      }\r\n\r\n      generation += 1;\r\n      clearTimer();\r\n      showActiveImage(activeImage + step, 650);\r\n      updateHotelState();\r\n      if (!paused) scheduleNext(generation);\r\n    }\r\n\r\n    thumbs.forEach(function (thumb, index) {\r\n      thumb.addEventListener('click', function (event) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        selectHotel(index, true);\r\n      });\r\n    });\r\n    gallery.querySelectorAll('.eg-thumb-dot').forEach(function (dot, index) {\r\n      dot.addEventListener('click', function (event) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        selectHotel(index, true);\r\n      });\r\n    });\r\n\r\n    gallery.querySelector('.eg-main-prev').addEventListener('click', function (event) {\r\n      event.preventDefault();\r\n      selectCurrentHotelImage(-1);\r\n    });\r\n    gallery.querySelector('.eg-main-next').addEventListener('click', function (event) {\r\n      event.preventDefault();\r\n      selectCurrentHotelImage(1);\r\n    });\r\n    gallery.querySelector('.eg-thumb-prev').addEventListener('click', function (event) {\r\n      event.preventDefault();\r\n      selectHotel(activeHotel - 1, true);\r\n    });\r\n    gallery.querySelector('.eg-thumb-next').addEventListener('click', function (event) {\r\n      event.preventDefault();\r\n      selectHotel(activeHotel + 1, true);\r\n    });\r\n\r\n    gallery.addEventListener('mouseenter', function () {\r\n      paused = true;\r\n      clearTimer();\r\n    });\r\n    gallery.addEventListener('mouseleave', function () {\r\n      paused = false;\r\n      scheduleNext(generation);\r\n    });\r\n\r\n    gallery.querySelectorAll('img').forEach(function (img) {\r\n      img.addEventListener('load', function () {\r\n        thumbSwiper.update();\r\n        mainSwiper.update();\r\n        setThumbArrowHeight(gallery);\r\n      });\r\n    });\r\n    window.addEventListener('resize', function () {\r\n      thumbSwiper.update();\r\n      mainSwiper.update();\r\n      setThumbArrowHeight(gallery);\r\n    });\r\n\r\n    selectHotel(0, true);\r\n  }\r\n\r\n  function bootGallery() {\r\n    document.querySelectorAll('.eg-linked-gallery').forEach(initGallery);\r\n  }\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', bootGallery);\r\n  } else {\r\n    bootGallery();\r\n  }\r\n  if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n    window.elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', bootGallery);\r\n  }\r\n})();\r\n<\/script>\r\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>InterContinental Beijing Hotel Hangzhou Pan Pacific Fishing Terrace Hotel Nanjing Hualuxe Hotel Shanghai Seagull Regent Hotel Beijing Rosewood Hotel Shanghai Waldorf Astoria<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_aseo_title":"","_aseo_desc":"","_aseo_noindex":false,"_aseo_og_image":0,"_aseo_schema_type":""},"class_list":["post-1497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.essence-carpet.com\/en\/wp-json\/wp\/v2\/pages\/1497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.essence-carpet.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.essence-carpet.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.essence-carpet.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.essence-carpet.com\/en\/wp-json\/wp\/v2\/comments?post=1497"}],"version-history":[{"count":0,"href":"https:\/\/www.essence-carpet.com\/en\/wp-json\/wp\/v2\/pages\/1497\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.essence-carpet.com\/en\/wp-json\/wp\/v2\/media?parent=1497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}