{"id":221,"date":"2026-01-21T20:37:00","date_gmt":"2026-01-21T20:37:00","guid":{"rendered":"https:\/\/121.43.134.170\/?page_id=221"},"modified":"2026-02-14T22:37:49","modified_gmt":"2026-02-14T22:37:49","slug":"ksms","status":"publish","type":"page","link":"https:\/\/siluyouyue.cn\/en\/ksms\/","title":{"rendered":"Kashgar Homestays"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"221\" class=\"elementor elementor-221\">\n\t\t\t\t<div class=\"elementor-element elementor-element-445f3d10 e-con-full e-flex e-con e-parent\" data-id=\"445f3d10\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;triangle&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M500,98.9L0,6.1V0h1000v6.1L500,98.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa970cb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5aa970cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        :root {\r\n            --hero-title-size: clamp(32px, 5vw, 44px);\r\n            --hero-title-color: #FFFFFF;\r\n            --hero-title-spacing: 4px;\r\n            \r\n            --hero-subtitle-size: clamp(14px, 1.5vw, 18px);\r\n            --hero-subtitle-color: #FFFFFF;\r\n        }\r\n\r\n        body, html {\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .hero-section-container {\r\n            position: relative;\r\n            width: 100vw;\r\n            height: 75vh;\r\n            min-height: 550px;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            margin-top: -20px;\r\n            margin-bottom: 0;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n            box-shadow: none;\r\n            background-color: #ffffff;\r\n            border: none;\r\n            outline: none;\r\n        }\r\n\r\n        .hero-slider {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .slider-item {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            opacity: 0;\r\n            transition: opacity 1.5s ease-in-out;\r\n            z-index: 0;\r\n        }\r\n\r\n        .slider-item.active {\r\n            opacity: 1;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content-wrapper {\r\n            position: absolute;\r\n            top: 45%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: 2;\r\n            text-align: center;\r\n            width: 100%;\r\n            padding: 0 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .hero-title {\r\n            font-family: 'xique', sans-serif;\r\n            font-size: var(--hero-title-size);\r\n            color: var(--hero-title-color);\r\n            font-weight: bold;\r\n            margin: 0 0 20px 0;\r\n            letter-spacing: var(--hero-title-spacing);\r\n            text-shadow: 0 4px 15px rgba(0,0,0,0.4);\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeUpTitle 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-family:'xique', sans-serif;\r\n            font-size: var(--hero-subtitle-size);\r\n            color: var(--hero-subtitle-color);\r\n            font-weight: 500;\r\n            margin: 0;\r\n            letter-spacing: 10px;\r\n            text-transform: uppercase;\r\n            opacity: 0;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.4);\r\n            animation: fadeUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;\r\n        }\r\n\r\n        @keyframes fadeUp {\r\n            to {\r\n                opacity: 0.9;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        @keyframes fadeUpTitle {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .hero-section-container {\r\n                height: 60vh;\r\n                min-height: 450px;\r\n            }\r\n            .hero-subtitle {\r\n                letter-spacing: 5px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"hero-section-container\">\r\n    <div class=\"hero-slider\" id=\"heroSlider\">\r\n    <\/div>\r\n\r\n    <div class=\"hero-content-wrapper\">\r\n        <h1 class=\"hero-title\">\u5580\u4ec0\u5f88\u8fdc \u5580\u4ec0\u4eba\u5f88\u8fd1<\/h1>\r\n        <p class=\"hero-subtitle\">\u505a\u4e00\u56de\u5580\u4ec0\u53e4\u57ce\u5ead\u9662\u7684\u4e3b\u4eba<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const sliderContainer = document.getElementById('heroSlider');\r\n        const baseUrl = '\/wp-content\/uploads\/2026\/02\/4\u53f7';\r\n        const fileExt = '-scaled.webp';\r\n        const totalImages = 1;\r\n        let currentIndex = 0;\r\n\r\n        for (let i = 1; i <= totalImages; i++) {\r\n            const slide = document.createElement('div');\r\n            slide.classList.add('slider-item');\r\n            if (i === 1) slide.classList.add('active');\r\n            slide.style.backgroundImage = `url('${baseUrl}${i}${fileExt}')`;\r\n            sliderContainer.appendChild(slide);\r\n        }\r\n\r\n        const slides = document.querySelectorAll('.slider-item');\r\n\r\n        function nextSlide() {\r\n            slides[currentIndex].classList.remove('active');\r\n            currentIndex = (currentIndex + 1) % totalImages;\r\n            slides[currentIndex].classList.add('active');\r\n        }\r\n\r\n        setInterval(nextSlide, 5000);\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dffb0fc e-flex e-con-boxed e-con e-child\" data-id=\"5dffb0fc\" 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-166b9c38 elementor-widget elementor-widget-html\" data-id=\"166b9c38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .feature-section-container {\r\n        --title-size: 28px;\r\n        --desc-size: 14px;\r\n        --grid-gap: 40px;\r\n        --icon-width: 130px;\r\n        --header-gap: -30px;\r\n    }\r\n\r\n    .feature-section-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 10px;\r\n        box-sizing: border-box;\r\n        background-color: transparent;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .feature-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: var(--grid-gap);\r\n        align-items: start;\r\n    }\r\n\r\n    .feature-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n\r\n    .feature-header {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        align-items: flex-end;\r\n        gap: var(--header-gap);\r\n        margin-bottom: 25px;\r\n        box-sizing: content-box;\r\n    }\r\n\r\n    .feature-title {\r\n        font-size: var(--title-size);\r\n        color: #1A1A1A;\r\n        font-weight: 800;\r\n        margin: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .feature-icon-img {\r\n        width: var(--icon-width);\r\n        height: auto;\r\n        object-fit: contain;\r\n        display: block;\r\n        margin: 0;\r\n    }\r\n\r\n    .feature-desc {\r\n        color: #4A4A4A;\r\n        font-size: var(--desc-size);\r\n        line-height: 1.2;\r\n        text-align: justify;\r\n    }\r\n\r\n    .feature-desc p {\r\n        margin: 0 0 10px 0;\r\n    }\r\n    \r\n    .feature-desc p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .feature-grid {\r\n            gap: 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .feature-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"feature-section-container\">\r\n    <div class=\"feature-grid\">\r\n        \r\n        <div class=\"feature-card\">\r\n            <div class=\"feature-header\">\r\n                <h3 class=\"feature-title\">\u53e4\u8001\u5ead\u9662<\/h3>\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/ksms11.png\" alt=\"Icon\" class=\"feature-icon-img\">\r\n            <\/div>\r\n            <div class=\"feature-desc\">\r\n                <p>\u4e1d\u8def\u6709\u7ea6\u7684\u7cbe\u9009\u53e4\u8001\u5ead\u9662<\/p>\r\n                <p>\u662f\u5580\u4ec0\u53e4\u57ce\u5c45\u6c11\u5ba2\u5385\u7684\u5ef6\u7eed<\/p>\r\n                <p>\u4e00\u65b9\u5929\u5730\u6709\u7740\u4eba\u95f4\u70df\u706b\uff0c\u6b22\u6b4c\u7b11\u8bed<\/p>\r\n                <p>\u662f\u5728\u661f\u5149\u4e0b\uff0c\u8352\u6f20\u8fb9<\/p>\r\n                <p>\u7eff\u6d32\u4eba\u62b5\u6321\u5bc2\u5bde\u7684\u5730\u65b9<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n            <div class=\"feature-header\">\r\n                <h3 class=\"feature-title\">\u7ba1\u5bb6\u670d\u52a1<\/h3>\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/ksms13.png\" alt=\"Icon\" class=\"feature-icon-img\">\r\n            <\/div>\r\n            <div class=\"feature-desc\">\r\n                <p>\u4e1d\u8def\u6709\u7ea6\u914d\u5907\u4e13\u5c5e\u7ba1\u5bb6\u56e2\u961f<\/p>\r\n                <p>\u4ed6\u4eec\u662f\u5f53\u5730\u571f\u751f\u571f\u957f\u7684\u672c\u5730\u4eba<\/p>\r\n                <p>\u4e3a\u60a8\u63d0\u4f9b\u4e13\u4e1a\u7684\u670d\u52a1\u4e0e\u5e2e\u52a9<\/p>\r\n                <p>\u50cf\u5bb6\u4eba\u822c\u966a\u60a8\u63a2\u5bfb\u5df7\u964c\u8857\u9053<\/p>\r\n                <p>\u4e0e\u8fdc\u9053\u800c\u6765\u7684\u60a8\u5206\u4eab\u53e4\u57ce\u52a8\u4eba\u7684\u6545\u4e8b<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feature-card\">\r\n            <div class=\"feature-header\">\r\n                <h3 class=\"feature-title\">\u8fdc\u4eb2\u8fd1\u90bb<\/h3>\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/ksms12.png\" alt=\"Icon\" class=\"feature-icon-img\">\r\n            <\/div>\r\n            <div class=\"feature-desc\">\r\n                <p>\u5580\u4ec0\u5f88\u8fdc\uff0c\u5580\u4ec0\u4eba\u5f88\u8fd1<\/p>\r\n                <p>\u5750\u843d\u4e8e\u53e4\u57ce\u5df7\u5f04\u91cc\u7684\u5ead\u9662<\/p>\r\n                <p>\u5de6\u90bb\u53f3\u820d\u7686\u4e3a\u53e4\u57ce\u5c45\u6c11<\/p>\r\n                <p>\u7cd5\u70b9\u5e97\uff0c\u88c1\u7f1d\u94fa\uff0c\u73a9\u800d\u7684\u5b69\u7ae5<\/p>\r\n                <p>\u65f6\u95f4\u5728\u8fd9\u91cc\u53d8\u5f97\u67d4\u8f6f<\/p>\r\n                <p>\u613f\u4e3a\u60a8\u8fd4\u7a0b\u540e\u4f9d\u65e7\u8426\u7ed5\u7684\u96be\u5fd8\u56de\u5fc6<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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<div class=\"elementor-element elementor-element-7420dea6 e-flex e-con-boxed e-con e-parent\" data-id=\"7420dea6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-125f09bd elementor-widget elementor-widget-html\" data-id=\"125f09bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    :root {\r\n        --card-img-height: 260px;\r\n        --content-overlap: -40px; \r\n        --content-padding: 30px 20px;\r\n        \r\n        --main-title-size: 32px;\r\n        --card-title-size: 18px;\r\n        --card-title-color: #000000;\r\n        \r\n        --text-location-size: 13px;\r\n        --text-location-color: #888888;\r\n        --text-info-size: 12px;\r\n        --text-info-color: #666666;\r\n\r\n        --btn-bg-color: #DCA944;\r\n        --btn-text-color: #ffffff;\r\n        --btn-hover-text: #F2F2F2;\r\n        --btn-font-size: 13px;\r\n    }\r\n\r\n    .homestay-section {\r\n        width: 100%;\r\n        padding: 60px 10px;\r\n        background-color: transparent; \r\n        box-sizing: border-box;\r\n        font-family: inherit; \r\n    }\r\n\r\n    .homestay-inner {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .homestay-header {\r\n        margin-bottom: 60px;\r\n        padding-left: 10px;\r\n        text-align: left;\r\n    }\r\n\r\n    .homestay-header h2 {\r\n        color: #2D2D2D;\r\n        font-size: var(--main-title-size);\r\n        font-weight: bold;\r\n        margin: 0;\r\n        display: inline-block;\r\n        font-family: inherit; \r\n    }\r\n\r\n    .homestay-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 40px 30px; \r\n        align-items: start;\r\n    }\r\n\r\n    .homestay-card {\r\n        position: relative;\r\n        width: 100%;\r\n        cursor: pointer;\r\n        isolation: isolate; \r\n        background: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform 0.3s ease;\r\n        filter: drop-shadow(0 5px 15px rgba(0,0,0,0.05));\r\n    }\r\n\r\n    .homestay-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .house-img-wrapper {\r\n        width: 100%;\r\n        height: var(--card-img-height);\r\n        border-radius: 8px 8px 0 0; \r\n        overflow: hidden;\r\n        position: relative;\r\n        z-index: 1;\r\n        background: rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .house-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        display: block;\r\n    }\r\n\r\n    .homestay-card:hover .house-img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .content-block-wrapper {\r\n        position: relative;\r\n        width: 100%; \r\n        margin-top: var(--content-overlap);\r\n        z-index: 10;\r\n        background-color: #ffffff;\r\n        border-radius: 0 0 8px 8px;\r\n        padding: var(--content-padding);\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 180px; \r\n    }\r\n\r\n    .card-title {\r\n        font-size: var(--card-title-size);\r\n        color: var(--card-title-color);\r\n        margin: 0 0 10px 0;\r\n        font-weight: 800;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .card-location {\r\n        font-size: var(--text-location-size);\r\n        color: var(--text-location-color); \r\n        margin-bottom: 15px;\r\n        font-weight: 400;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .card-footer {\r\n        width: 100%;\r\n        padding-top: 15px;\r\n        border-top: 1px dashed rgba(0,0,0,0.1); \r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .info-text {\r\n        font-size: var(--text-info-size);\r\n        color: var(--text-info-color);\r\n    }\r\n\r\n    .homestay-book-btn {\r\n        display: inline-block;\r\n        background-color: var(--btn-bg-color);\r\n        color: var(--btn-text-color);\r\n        font-size: var(--btn-font-size);\r\n        font-weight: bold;\r\n        padding: 8px 24px;\r\n        border-radius: 20px;\r\n        text-decoration: none !important;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .homestay-book-btn:hover {\r\n        background-color: #c99839;\r\n        color: var(--btn-hover-text);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .homestay-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .homestay-header {\r\n            text-align: center;\r\n        }\r\n        .homestay-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px; \r\n        }\r\n        .house-img-wrapper {\r\n            height: 220px;\r\n        }\r\n        .content-block-wrapper {\r\n            width: 100%;\r\n            padding: 25px 15px;\r\n            min-height: auto; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"homestay-section\">\r\n    <div class=\"homestay-inner\">\r\n        \r\n        <div class=\"homestay-header\">\r\n            <h2>\u4e1d\u8def\u6709\u7ea6\u00b7\u5580\u4ec0\u6c11\u5bbf<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"homestay-grid\">\r\n            \r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/1\u53f7\u5ead\u9662.LR_-1.webp\" alt=\"1\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">1\u53f7\u5ead\u9662\u00b7\u75d5\u8ff9<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\uff0c\u8fd1\u5f69\u8679\u5df7\u3001\u8001\u8336\u9986<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u5305\u542b2\u95f4\u5ba2\u623f<\/span>\r\n                        <a href=\"\/1hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2\u53f7\u5ead\u9662.LR_-1.webp\" alt=\"2\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">2\u53f7\u5ead\u9662\u00b7\u8fc7\u5ba2<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u4e1c\u57ce\uff0c\u8fd1\u7a7a\u4e2d\u82b1\u56ed<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u72ec\u4eab\u6574\u4e2a\u5957\u95f4<\/span>\r\n                        <a href=\"\/2hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/3\u53f7\u5ead\u9662.LR_.webp\" alt=\"3\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">3\u53f7\u5ead\u9662\u00b7\u6625\u82b1<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u4e1c\u57ce\uff0c\u8fd1\u4e70\u4e70\u63d0\u7684\u8001\u623f\u5b50\u5e97<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u5305\u542b3\u95f4\u5ba2\u623f<\/span>\r\n                        <a href=\"\/3hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/4\u53f7\u5ead\u9662.webp\" alt=\"4\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">4\u53f7\u5ead\u9662\u00b7\u4e1c\u65b9\u5370\u8ff9<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\uff0c\u8fd1\u53e4\u4e3d\u7684\u4e00\u5929\u5e97<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u5305\u542b5\u95f4\u5ba2\u623f<\/span>\r\n                        <a href=\"\/4hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/5\u53f7\u5ead\u9662\u69b4\u6708.webp\" alt=\"5\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">5\u53f7\u5ead\u9662\u00b7\u69b4\u6708<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\uff0c\u8fd1\u7237\u7237\u7684\u7237\u7237\u7684\u7238\u7238\u7684\u9995\u5e97<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u5305\u542b2\u95f4\u5ba2\u623f\uff0c\u5b9c\u559c\u9759\u7684\u670b\u53cb<\/span>\r\n                        <a href=\"\/5hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/6\u53f7\u5ead\u9662.LR_.webp\" alt=\"6\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">6\u53f7\u5ead\u9662\u00b7\u597d\u8fd0<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\uff0c\u8fd1\u53e4\u8463\u5df7\u5e97<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u62e5\u67093\u95f4\u5ba2\u623f<\/span>\r\n                        <a href=\"\/6hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/7\u53f7\u5ead\u9662.LR_.webp\" alt=\"7\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">7\u53f7\u5ead\u9662\u00b7\u8f7b\u98df\u9152\u9986<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\uff0c\u8fd1\u53e4\u8463\u5df7\u5e97<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u5e72\u676f\u5427\u670b\u53cb<\/span>\r\n                        <a href=\"\/7hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/8\u53f7\u5ead\u9662.LR_.webp\" alt=\"8\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">8\u53f7\u5ead\u9662\u00b7\u751f\u547d\u4e4b\u6811<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u4e1c\u57ce\uff0c\u8fd1\u6c57\u5df4\u624e<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u62e5\u67092\u95f4\u5ba2\u623f<\/span>\r\n                        <a href=\"\/8hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"homestay-card\">\r\n                <div class=\"house-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/9\u53f7\u5ead\u9662.webp\" alt=\"9\u53f7\u5ead\u9662\" class=\"house-img\">\r\n                <\/div>\r\n                <div class=\"content-block-wrapper\">\r\n                    <h3 class=\"card-title\">9\u53f7\u5ead\u9662\u00b7\u827a\u672f\u5df4\u624e<\/h3>\r\n                    <div class=\"card-location\">\u4f4d\u4e8e\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\uff0c\u8fd1\u7a7a\u4e2d\u82b1\u56ed<\/div>\r\n                    <div class=\"card-footer\">\r\n                        <span class=\"info-text\">\u65b0\u7586\u7684\u793c\u7269<\/span>\r\n                        <a href=\"\/9hty\" class=\"homestay-book-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d90b91a e-flex e-con-boxed e-con e-parent\" data-id=\"4d90b91a\" 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-50d60d30 elementor-widget elementor-widget-html\" data-id=\"50d60d30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    :root {\r\n        --slider-offset-y: 60px; \r\n        --btn-top-pos: 50%;\r\n        --btn-side-margin: -25px;\r\n        --btn-size: 50px;\r\n\r\n        --title-size: 32px;\r\n        --desc-size: 14px;\r\n        --grid-gap: 50px;\r\n    }\r\n\r\n    .map-section-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 10px;\r\n        box-sizing: border-box;\r\n        background-color: transparent !important;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .map-grid-wrapper {\r\n        display: grid;\r\n        grid-template-columns: 3fr 2fr; \r\n        gap: var(--grid-gap);\r\n        align-items: center; \r\n    }\r\n\r\n    .content-side {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .map-header {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .map-title {\r\n        color: #1A1A1A;\r\n        font-size: var(--title-size);\r\n        font-weight: bold;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .map-desc {\r\n        color: #666;\r\n        font-size: var(--desc-size);\r\n        line-height: 1.8;\r\n        margin: 0;\r\n    }\r\n\r\n    .map-image-box {\r\n        width: 100%;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .map-img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .slider-side {\r\n        position: relative;\r\n        width: 100%;\r\n        z-index: 1;\r\n        transform: translateY(var(--slider-offset-y)) translateZ(0); \r\n        overflow: visible;\r\n    }\r\n\r\n    .slider-inner-mask {\r\n        position: relative;\r\n        width: 100%;\r\n        aspect-ratio: 4 \/ 3; \r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        isolation: isolate;\r\n        background-color: #222; \r\n    }\r\n\r\n    .slide-item {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        transition: opacity 0.8s ease-in-out;\r\n        z-index: 0;\r\n    }\r\n\r\n    .slide-item.active {\r\n        opacity: 1;\r\n        z-index: 1;\r\n    }\r\n\r\n    .slide-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 50%;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);\r\n        pointer-events: none;\r\n        z-index: 1;\r\n    }\r\n\r\n    .slide-img {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        min-height: 100% !important;\r\n        object-fit: cover !important;\r\n        object-position: center !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        display: block !important;\r\n        border: none !important;\r\n        transform: scale(1.01); \r\n    }\r\n\r\n    .slide-caption {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 20px;\r\n        z-index: 2;\r\n        color: #fff;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .slide-name {\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        margin-bottom: 4px;\r\n        display: block;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .slider-nav-btn {\r\n        position: absolute;\r\n        top: var(--btn-top-pos);\r\n        transform: translateY(-50%);\r\n        background: transparent !important;\r\n        border: none;\r\n        cursor: pointer;\r\n        z-index: 20;\r\n        padding: 0;\r\n        width: var(--btn-size);\r\n        height: var(--btn-size);\r\n        transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;\r\n        filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.3)); \r\n        -webkit-tap-highlight-color: transparent;\r\n        outline: none;\r\n        opacity: 0.9; \r\n    }\r\n\r\n    .slider-nav-btn:hover {\r\n        transform: translateY(-50%) scale(1.1);\r\n        filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.5));\r\n        opacity: 1;\r\n    }\r\n\r\n    .slider-nav-btn img {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .slider-nav-btn.prev { left: var(--btn-side-margin); }\r\n    .slider-nav-btn.next { right: var(--btn-side-margin); }\r\n\r\n    @keyframes nudge-right {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(3px); }\r\n    }\r\n    @keyframes nudge-left {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(-3px); }\r\n    }\r\n\r\n    .slider-nav-btn.next:hover img {\r\n        animation: nudge-right 1.5s ease-in-out infinite;\r\n    }\r\n    .slider-nav-btn.prev:hover img {\r\n        animation: nudge-left 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .map-grid-wrapper {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n        \r\n        .map-header {\r\n            text-align: center;\r\n        }\r\n        \r\n        .map-image-box {\r\n            max-width: 90%;\r\n            margin: 20px auto 0;\r\n        }\r\n\r\n        .slider-side {\r\n            transform: translateY(0) translateZ(0);\r\n        }\r\n        \r\n        .slider-inner-mask {\r\n            aspect-ratio: 4 \/ 3;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"map-section-container\">\r\n    <div class=\"map-grid-wrapper\">\r\n        \r\n        <div class=\"content-side\">\r\n            <div class=\"map-header\">\r\n                <h2 class=\"map-title\">\u9690\u4e8e\u5e02\u4e95 \u5962\u4e8e\u4f53\u9a8c<\/h2>\r\n                <p class=\"map-desc\">\r\n                    \u6563\u843d\u5728\u5580\u4ec0\u53e4\u57ce\u7684\u5341\u4e2a\u72ec\u7acb\u5178\u85cf\u7ea7\u5ead\u9662\u6c11\u5bbf<br>\r\n                    \u4e0e\u5f53\u5730\u5c45\u6c11\u4e3a\u5de6\u90bb\u53f3\u820d\uff0c\u4e0e\u7f51\u7ea2\u6253\u5361\u70b9\u8fd1\u5728\u54ab\u5c3a\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"map-image-box\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/map.webp\" alt=\"Map\" class=\"map-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slider-side\" id=\"courtyardSlider\">\r\n            \r\n            <button class=\"slider-nav-btn prev\" id=\"sliderPrevBtn\" aria-label=\"Previous\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/scrollleft.png\" alt=\"Previous\">\r\n            <\/button>\r\n            <button class=\"slider-nav-btn next\" id=\"sliderNextBtn\" aria-label=\"Next\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/scrollright.png\" alt=\"Next\">\r\n            <\/button>\r\n\r\n            <div class=\"slider-inner-mask\">\r\n                <div class=\"slide-item active\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/1\u53f7\u5ead\u9662.LR_-1.webp\" alt=\"Courtyard 1\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">1\u53f7\u5ead\u9662 \u00b7 \u75d5\u8ff9<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2\u53f7\u5ead\u9662.LR_-1.webp\" alt=\"Courtyard 2\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">2\u53f7\u5ead\u9662 \u00b7 \u8fc7\u5ba2<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/3\u53f7\u5ead\u9662.LR_.webp\" alt=\"Courtyard 3\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">3\u53f7\u5ead\u9662 \u00b7 \u6625\u82b1<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/4\u53f7\u5ead\u9662.webp\" alt=\"Courtyard 4\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">4\u53f7\u5ead\u9662 \u00b7 \u4e1c\u65b9\u5370\u8ff9<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/5\u53f7\u5ead\u9662\u69b4\u6708.webp\" alt=\"Courtyard 5\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">5\u53f7\u5ead\u9662 \u00b7 \u60dc\u6708<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/6\u53f7\u5ead\u9662.LR_.webp\" alt=\"Courtyard 6\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">6\u53f7\u5ead\u9662 \u00b7 \u597d\u8fd0<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/7\u53f7\u5ead\u9662.LR_.webp\" alt=\"Courtyard 7\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">7\u53f7\u5ead\u9662 \u00b7 \u8f7b\u98df\u9152\u9986<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/8\u53f7\u5ead\u9662.LR_.webp\" alt=\"Courtyard 8\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">8\u53f7\u5ead\u9662 \u00b7 \u751f\u547d\u4e4b\u6811<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/9\u53f7\u5ead\u9662.webp\" alt=\"Courtyard 9\" class=\"slide-img\">\r\n                    <div class=\"slide-caption\">\r\n                        <span class=\"slide-name\">9\u53f7\u5ead\u9662 \u00b7 \u827a\u672f\u5df4\u624e<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        const slider = document.getElementById('courtyardSlider');\r\n        if (!slider) return;\r\n        \r\n        const slides = slider.querySelectorAll('.slide-item');\r\n        const prevBtn = document.getElementById('sliderPrevBtn');\r\n        const nextBtn = document.getElementById('sliderNextBtn');\r\n        \r\n        if (slides.length < 2) {\r\n            if(prevBtn) prevBtn.style.display = 'none';\r\n            if(nextBtn) nextBtn.style.display = 'none';\r\n            return;\r\n        }\r\n\r\n        let currentIndex = 0;\r\n        const intervalTime = 4000;\r\n        let slideInterval;\r\n\r\n        function updateSlide() {\r\n            slides.forEach(slide => slide.classList.remove('active'));\r\n            slides[currentIndex].classList.add('active');\r\n        }\r\n\r\n        function nextSlide() {\r\n            currentIndex = (currentIndex + 1) % slides.length;\r\n            updateSlide();\r\n        }\r\n\r\n        function prevSlide() {\r\n            currentIndex = (currentIndex - 1 + slides.length) % slides.length;\r\n            updateSlide();\r\n        }\r\n\r\n        function startInterval() {\r\n            slideInterval = setInterval(nextSlide, intervalTime);\r\n        }\r\n\r\n        function resetInterval() {\r\n            clearInterval(slideInterval);\r\n            startInterval();\r\n        }\r\n\r\n        if (nextBtn) {\r\n            nextBtn.addEventListener('click', () => {\r\n                nextSlide();\r\n                resetInterval();\r\n            });\r\n        }\r\n\r\n        if (prevBtn) {\r\n            prevBtn.addEventListener('click', () => {\r\n                prevSlide();\r\n                resetInterval();\r\n            });\r\n        }\r\n\r\n        startInterval();\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb96c5d e-flex e-con-boxed e-con e-parent\" data-id=\"7fb96c5d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74d0a871 elementor-widget elementor-widget-html\" data-id=\"74d0a871\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    :root {\r\n\r\n        --img-col-ratio: 3fr;  \r\n        --info-col-ratio: 1.4fr; \r\n\r\n\r\n        --btn-img-height: 40px;\r\n    }\r\n\r\n    .service-section-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 10px;\r\n        box-sizing: border-box;\r\n        background-color: transparent;\r\n    }\r\n\r\n    .service-header {\r\n        margin-bottom: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .service-main-title {\r\n        font-size: 28px;\r\n        color: #1A1A1A;\r\n        font-weight: 800;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .service-carousel-main {\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        height: 550px;\r\n        border-radius: 12px;\r\n        background-color: #fff;\r\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .service-slide-item {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;\r\n        z-index: 0;\r\n        display: grid;\r\n        grid-template-columns: var(--img-col-ratio) var(--info-col-ratio);\r\n        gap: 0;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .service-slide-item.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 1;\r\n    }\r\n\r\n    .service-img-wrapper {\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n        background-color: #f0f0f0;\r\n        position: relative;\r\n    }\r\n\r\n    .service-img {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        object-position: center;\r\n        transition: transform 0.8s ease;\r\n    }\r\n\r\n    .service-slide-item:hover .service-img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .service-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        padding: 40px 50px;\r\n        justify-content: center;\r\n        box-sizing: border-box;\r\n        background-color: #fff;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 26px;\r\n        color: #1A1A1A;\r\n        font-weight: bold;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .service-intro {\r\n        font-size: 15px;\r\n        color: #666;\r\n        margin: 0 0 25px 0;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .service-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .tag-pill {\r\n        display: inline-block;\r\n        padding: 5px 14px;\r\n        font-size: 12px;\r\n        color: #FFFFFF;\r\n        border-radius: 4px;\r\n        line-height: 1.5;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .tag-orange { background-color: #E08E79; }\r\n    .tag-blue { background-color: #778899; }\r\n    .tag-purple { background-color: #938E9F; }\r\n\r\n    .service-desc-box {\r\n        margin-bottom: 30px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .service-desc-text {\r\n        font-size: 14px;\r\n        color: #444;\r\n        line-height: 1.8;\r\n        margin: 0 0 10px 0;\r\n        text-align: justify;\r\n    }\r\n\r\n    .service-footer {\r\n        display: flex;\r\n        justify-content: flex-end; \r\n        align-items: center;\r\n        margin-top: auto;\r\n        border-top: 1px solid #f0f0f0;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    .service-btn-link {\r\n        display: inline-block;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease, opacity 0.3s ease;\r\n        line-height: 0; \/* \u9632\u6b62\u6587\u5b57\u884c\u9ad8\u5f71\u54cd\u56fe\u7247 *\/\r\n    }\r\n\r\n    .service-btn-img {\r\n        display: block;\r\n        \/* \u5f3a\u5236\u751f\u6548 *\/\r\n        height: var(--btn-img-height) !important;\r\n        width: auto !important;\r\n        max-width: none !important; \/* \u9632\u6b62\u4e3b\u9898\u9650\u5236\u5bbd\u5ea6 *\/\r\n        object-fit: contain;\r\n        margin: 0;\r\n        padding: 0;\r\n        border: none;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .service-btn-link:hover {\r\n        transform: scale(1.05);\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .carousel-indicators {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .indicator-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: #e0e0e0;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .indicator-dot.active {\r\n        background-color: #FF6600;\r\n        width: 30px;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .service-carousel-main {\r\n            height: auto;\r\n            min-height: auto;\r\n            box-shadow: none;\r\n            background-color: transparent;\r\n        }\r\n\r\n        .service-slide-item {\r\n            position: relative;\r\n            display: none;\r\n            grid-template-columns: 1fr;\r\n            grid-template-rows: auto auto;\r\n            gap: 0;\r\n            opacity: 1;\r\n            visibility: visible;\r\n            background-color: #fff;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        .service-slide-item.active {\r\n            display: grid;\r\n        }\r\n\r\n        .service-img-wrapper {\r\n            width: 100%;\r\n            height: 250px !important;\r\n        }\r\n\r\n        .service-content {\r\n            padding: 25px 20px;\r\n        }\r\n        \r\n        .service-header {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n        \r\n        .service-main-title {\r\n            font-size: 24px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"service-section-container\">\r\n    \r\n    <div class=\"service-header\">\r\n        <h2 class=\"service-main-title\">\u670d\u52a1\u7b80\u4ecb<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"service-carousel-main\" id=\"serviceCarousel\">\r\n        \r\n        <div class=\"service-slide-item active\">\r\n            <div class=\"service-img-wrapper\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\u897f\u57df\u53e4\u6cd5\u62a4\u53d1.webp\" alt=\"\u897f\u57df\u53e4\u6cd5\u517b\u751f\u62a4\u53d1\" class=\"service-img\">\r\n            <\/div>\r\n            <div class=\"service-content\">\r\n                <h3 class=\"service-title\">\u897f\u57df\u53e4\u6cd5\u517b\u751f\u62a4\u53d1 - \u6d53\u5bc6\u9ed1\u53d1\u7684\u79d8\u6cd5<\/h3>\r\n                <p class=\"service-intro\">\u4f20\u627f\u5343\u5e74\u7684\u7ef4\u543e\u5c14\u65cf\u62a4\u53d1\u667a\u6167\uff0c\u4f7f\u7528\u5929\u7136\u8349\u672c\u79d8\u65b9\uff0c\u4e3a\u60a8\u7684\u79c0\u53d1\u5e26\u6765\u6df1\u5c42\u6ecb\u517b\u4e0e\u7115\u65b0\u3002<\/p>\r\n                <div class=\"service-tags\">\r\n                    <span class=\"tag-pill tag-orange\">\u5929\u7136\u8349\u672c<\/span>\r\n                    <span class=\"tag-pill tag-blue\">\u53e4\u6cd5\u79d8\u5236<\/span>\r\n                    <span class=\"tag-pill tag-purple\">\u6df1\u5c42\u517b\u62a4<\/span>\r\n                <\/div>\r\n                <div class=\"service-desc-box\">\r\n                    <p class=\"service-desc-text\">\u91c7\u7528\u65af\u4e9a\u65e6\u6cb9\u3001\u5965\u65af\u66fc\u8349\u7b49\u65b0\u7586\u7279\u6709\u690d\u7269\u7cbe\u534e\uff0c\u7ed3\u5408\u4f20\u7edf\u6309\u6469\u624b\u6cd5\uff0c\u4e0d\u4ec5\u80fd\u6539\u5584\u53d1\u8d28\uff0c\u66f4\u80fd\u8212\u7f13\u5934\u90e8\u538b\u529b\uff0c\u4f53\u9a8c\u53e4\u8001\u897f\u57df\u7684\u517b\u751f\u4e4b\u9053\u3002\u5728\u9759\u8c27\u7684\u6c1b\u56f4\u4e2d\uff0c\u611f\u53d7\u8349\u672c\u7684\u6e05\u9999\u4e0e\u6280\u5e08\u7684\u4e13\u4e1a\u624b\u6cd5\uff0c\u8ba9\u8eab\u5fc3\u56de\u5f52\u81ea\u7136\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"service-footer\">\r\n                    <a href=\"#\" class=\"service-btn-link\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u6709\u7ea6\u4f53\u9a8c-2.png\" alt=\"\u9884\u7ea6\u4f53\u9a8c\" class=\"service-btn-img\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-slide-item\">\r\n            <div class=\"service-img-wrapper\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\u53e4\u57ce\u5bfc\u89c8\u4e13\u4eba\u8bb2\u89e3.webp\" alt=\"\u53e4\u57ce\u5bfc\u89c8\u4e13\u4eba\u8bb2\u89e3\" class=\"service-img\">\r\n            <\/div>\r\n            <div class=\"service-content\">\r\n                <h3 class=\"service-title\">\u53e4\u57ce\u5bfc\u89c8\u4e13\u4eba\u8bb2\u89e3 - \u6df1\u5ea6\u6587\u65c5\u4f53\u9a8c<\/h3>\r\n                <p class=\"service-intro\">\u62d2\u7edd\u8d70\u9a6c\u89c2\u82b1\uff0c\u672c\u5730\u8d44\u6df1\u5411\u5bfc\u5e26\u60a8\u7a7f\u68ad\u5df7\u5f04\uff0c\u8046\u542c\u6bcf\u4e00\u5757\u7816\u74e6\u80cc\u540e\u7684\u5386\u53f2\u56de\u54cd\u3002<\/p>\r\n                <div class=\"service-tags\">\r\n                    <span class=\"tag-pill tag-orange\">\u6df1\u5ea6\u4eba\u6587<\/span>\r\n                    <span class=\"tag-pill tag-blue\">\u672c\u5730\u5411\u5bfc<\/span>\r\n                    <span class=\"tag-pill tag-purple\">\u5b9a\u5236\u8def\u7ebf<\/span>\r\n                <\/div>\r\n                <div class=\"service-desc-box\">\r\n                    <p class=\"service-desc-text\">\u4ece\u767e\u5e74\u8001\u8336\u9986\u7684\u6545\u4e8b\u5230\u7f51\u7ea2\u6253\u5361\u70b9\u7684\u6700\u4f73\u673a\u4f4d\uff0c\u4ece\u5efa\u7b51\u98ce\u683c\u7684\u6f14\u53d8\u5230\u6c11\u4fd7\u98ce\u60c5\u7684\u89e3\u8bfb\uff0c\u4e3a\u60a8\u5448\u73b0\u4e00\u4e2a\u9c9c\u6d3b\u3001\u7acb\u4f53\u7684\u5580\u4ec0\u53e4\u57ce\u3002\u65e0\u8bba\u662f\u5bfb\u627e\u9690\u79d8\u7684\u89d2\u843d\uff0c\u8fd8\u662f\u4e86\u89e3\u5f53\u5730\u4eba\u7684\u751f\u6d3b\uff0c\u6211\u4eec\u90fd\u5c06\u4e3a\u60a8\u63d0\u4f9b\u6700\u4e13\u4e1a\u7684\u6307\u5f15\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"service-footer\">\r\n                    <a href=\"#\" class=\"service-btn-link\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u6709\u7ea6\u4f53\u9a8c-2.png\" alt=\"\u9884\u7ea6\u4f53\u9a8c\" class=\"service-btn-img\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-slide-item\">\r\n            <div class=\"service-img-wrapper\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\u897f\u57df\u7ecf\u5178\u4e0b\u5348\u8336.webp\" alt=\"\u897f\u57df\u7ecf\u5178\u4e0b\u5348\u8336\" class=\"service-img\">\r\n            <\/div>\r\n            <div class=\"service-content\">\r\n                <h3 class=\"service-title\">\u897f\u57df\u7ecf\u5178\u4e0b\u5348\u8336 - \u6d41\u52a8\u7684\u76db\u5bb4<\/h3>\r\n                <p class=\"service-intro\">\u5728\u6d12\u6ee1\u9633\u5149\u7684\u5ead\u9662\u91cc\uff0c\u54c1\u5473\u5730\u9053\u7684\u836f\u8336\u4e0e\u7cbe\u81f4\u7cd5\u70b9\uff0c\u4eab\u53d7\u4e00\u6bb5\u6175\u61d2\u60ec\u610f\u7684\u5348\u540e\u65f6\u5149\u3002<\/p>\r\n                <div class=\"service-tags\">\r\n                    <span class=\"tag-pill tag-orange\">\u7279\u8272\u836f\u8336<\/span>\r\n                    <span class=\"tag-pill tag-blue\">\u624b\u5de5\u7cd5\u70b9<\/span>\r\n                    <span class=\"tag-pill tag-purple\">\u5ead\u9662\u4f11\u95f2<\/span>\r\n                <\/div>\r\n                <div class=\"service-desc-box\">\r\n                    <p class=\"service-desc-text\">\u7cbe\u9009\u65b0\u7586\u5e72\u679c\u3001\u81ea\u5236\u9178\u5976\u3001\u4f20\u7edf\u836f\u8336\u4ee5\u53ca\u5404\u7c7b\u897f\u57df\u7279\u8272\u751c\u70b9\uff0c\u642d\u914d\u7cbe\u7f8e\u7684\u6c11\u65cf\u98ce\u5668\u76bf\uff0c\u4e0d\u4ec5\u662f\u5473\u857e\u7684\u4eab\u53d7\uff0c\u66f4\u662f\u89c6\u89c9\u7684\u76db\u5bb4\u3002\u5728\u5149\u5f71\u6591\u9a73\u7684\u8461\u8404\u67b6\u4e0b\uff0c\u4e0e\u4e09\u4e94\u597d\u53cb\u95f2\u8bdd\u5bb6\u5e38\uff0c\u611f\u53d7\u5580\u4ec0\u6162\u751f\u6d3b\u7684\u72ec\u7279\u9b45\u529b\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"service-footer\">\r\n                    <a href=\"#\" class=\"service-btn-link\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u6709\u7ea6\u4f53\u9a8c-2.png\" alt=\"\u9884\u7ea6\u4f53\u9a8c\" class=\"service-btn-img\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-slide-item\">\r\n            <div class=\"service-img-wrapper\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\u519c\u7267\u6c11\u975e\u9057\u624b\u4f5c.webp\" alt=\"\u519c\u7267\u6c11\u975e\u9057\u624b\u4f5c\" class=\"service-img\">\r\n            <\/div>\r\n            <div class=\"service-content\">\r\n                <h3 class=\"service-title\">\u519c\u7267\u6c11\u975e\u9057\u624b\u4f5c - \u5730\u9053\u7684\u4f20\u7edf\u4eba\u6587\u4f53\u9a8c<\/h3>\r\n                <p class=\"service-intro\">\u4eb2\u624b\u89e6\u6478\u4f20\u7edf\u5de5\u827a\u7684\u6e29\u5ea6\uff0c\u4e0e\u975e\u9057\u4f20\u627f\u4eba\u9762\u5bf9\u9762\uff0c\u5236\u4f5c\u4e00\u4efd\u72ec\u4e00\u65e0\u4e8c\u7684\u897f\u57df\u624b\u4fe1\u3002<\/p>\r\n                <div class=\"service-tags\">\r\n                    <span class=\"tag-pill tag-orange\">\u975e\u9057\u4f20\u627f<\/span>\r\n                    <span class=\"tag-pill tag-blue\">\u4eb2\u5b50\u4e92\u52a8<\/span>\r\n                    <span class=\"tag-pill tag-purple\">\u5320\u5fc3\u624b\u4f5c<\/span>\r\n                <\/div>\r\n                <div class=\"service-desc-box\">\r\n                    <p class=\"service-desc-text\">\u4f53\u9a8c\u571f\u9676\u5236\u4f5c\u3001\u4e50\u5668\u6253\u78e8\u6216\u6c11\u65cf\u523a\u7ee3\uff0c\u4e86\u89e3\u8fd9\u4e9b\u6280\u827a\u80cc\u540e\u7684\u6587\u5316\u6e0a\u6e90\u3002\u5728\u52a8\u624b\u5236\u4f5c\u7684\u8fc7\u7a0b\u4e2d\uff0c\u611f\u53d7\u5320\u4eba\u7684\u4e13\u6ce8\u4e0e\u4f20\u7edf\u7684\u9b45\u529b\u3002\u8fd9\u4e0d\u4ec5\u662f\u4e00\u6b21\u624b\u5de5\u4f53\u9a8c\uff0c\u66f4\u662f\u4e00\u6b21\u4e0e\u53e4\u8001\u6587\u660e\u7684\u5bf9\u8bdd\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"service-footer\">\r\n                    <a href=\"#\" class=\"service-btn-link\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u6709\u7ea6\u4f53\u9a8c-2.png\" alt=\"\u9884\u7ea6\u4f53\u9a8c\" class=\"service-btn-img\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-slide-item\">\r\n            <div class=\"service-img-wrapper\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\u72ec\u4eab\u897f\u57df\u5ead\u9662\u6b4c\u821e-scaled.webp\" alt=\"\u72ec\u4eab\u897f\u57df\u5ead\u9662\u6b4c\u821e\" class=\"service-img\">\r\n            <\/div>\r\n            <div class=\"service-content\">\r\n                <h3 class=\"service-title\">\u72ec\u4eab\u897f\u57df\u5ead\u9662\u6b4c\u821e - \u5728\u65b0\u7586\u5feb\u4e50\u53ea\u9700\u8282\u62cd<\/h3>\r\n                <p class=\"service-intro\">\u65e0\u9700\u62e5\u6324\uff0c\u5728\u79c1\u5bc6\u5ead\u9662\u4e2d\u72ec\u4eab\u4e00\u573a\u70ed\u60c5\u7684\u6b4c\u821e\u8868\u6f14\uff0c\u968f\u97f3\u4e50\u5f8b\u52a8\uff0c\u91ca\u653e\u8eab\u5fc3\u3002<\/p>\r\n                <div class=\"service-tags\">\r\n                    <span class=\"tag-pill tag-orange\">\u79c1\u4eba\u5b9a\u5236<\/span>\r\n                    <span class=\"tag-pill tag-blue\">\u6b4c\u821e\u8868\u6f14<\/span>\r\n                    <span class=\"tag-pill tag-purple\">\u6c89\u6d78\u4e92\u52a8<\/span>\r\n                <\/div>\r\n                <div class=\"service-desc-box\">\r\n                    <p class=\"service-desc-text\">\u4e13\u4e1a\u7684\u6c11\u95f4\u827a\u4eba\u4e3a\u60a8\u732e\u4e0a\u5341\u4e8c\u6728\u5361\u59c6\u7247\u6bb5\u6216\u6b22\u5feb\u7684\u9ea6\u897f\u6765\u752b\uff0c\u60a8\u53ef\u4ee5\u8fb9\u54c1\u8336\u8fb9\u6b23\u8d4f\uff0c\u751a\u81f3\u52a0\u5165\u5176\u4e2d\u5171\u821e\uff0c\u611f\u53d7\u65b0\u7586\u4eba\u9aa8\u5b50\u91cc\u7684\u70ed\u60c5\u4e0e\u5954\u653e\u3002\u8fd9\u662f\u4e00\u573a\u4e13\u5c5e\u7684\u827a\u672f\u76db\u5bb4\uff0c\u4e5f\u662f\u4e00\u6b21\u5fc3\u7075\u7684\u72c2\u6b22\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"service-footer\">\r\n                    <a href=\"#\" class=\"service-btn-link\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u6709\u7ea6\u4f53\u9a8c-2.png\" alt=\"\u9884\u7ea6\u4f53\u9a8c\" class=\"service-btn-img\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-slide-item\">\r\n            <div class=\"service-img-wrapper\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\u679c\u56ed\u65f6\u4ee4\u74dc\u679c\u91c7\u6458.webp\" alt=\"\u679c\u56ed\u65f6\u4ee4\u6c34\u679c\u91c7\u6458\" class=\"service-img\">\r\n            <\/div>\r\n            <div class=\"service-content\">\r\n                <h3 class=\"service-title\">\u679c\u56ed\u65f6\u4ee4\u6c34\u679c\u91c7\u6458 - \u74dc\u679c\u4e4b\u4e61\u7684\u9999\u751c\u4e4b\u65c5<\/h3>\r\n                <p class=\"service-intro\">\u8d70\u8fdb\u7855\u679c\u7d2f\u7d2f\u7684\u679c\u56ed\uff0c\u4eb2\u624b\u6458\u4e0b\u6700\u65b0\u9c9c\u7684\u751c\u871c\uff0c\u4f53\u9a8c\u4e30\u6536\u7684\u559c\u60a6\u3002<\/p>\r\n                <div class=\"service-tags\">\r\n                    <span class=\"tag-pill tag-orange\">\u65f6\u4ee4\u9c9c\u679c<\/span>\r\n                    <span class=\"tag-pill tag-blue\">\u7530\u56ed\u98ce\u5149<\/span>\r\n                    <span class=\"tag-pill tag-purple\">\u73b0\u6458\u73b0\u5403<\/span>\r\n                <\/div>\r\n                <div class=\"service-desc-box\">\r\n                    <p class=\"service-desc-text\">\u6839\u636e\u5b63\u8282\u4e0d\u540c\uff0c\u91c7\u6458\u65e0\u82b1\u679c\u3001\u77f3\u69b4\u3001\u8461\u8404\u6216\u751c\u74dc\u3002\u5728\u679c\u9999\u56db\u6ea2\u7684\u56ed\u5b50\u91cc\uff0c\u54c1\u5c1d\u4ece\u679d\u5934\u5230\u820c\u5c16\u7684\u7b2c\u4e00\u53e3\u9c9c\u751c\uff0c\u611f\u53d7\u74dc\u679c\u4e4b\u4e61\u7684\u9988\u8d60\u3002\u8fd9\u4e0d\u4ec5\u662f\u5473\u89c9\u7684\u6ee1\u8db3\uff0c\u66f4\u662f\u4e0e\u5927\u81ea\u7136\u4eb2\u5bc6\u63a5\u89e6\u7684\u7f8e\u597d\u65f6\u5149\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"service-footer\">\r\n                    <a href=\"#\" class=\"service-btn-link\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u6709\u7ea6\u4f53\u9a8c-2.png\" alt=\"\u9884\u7ea6\u4f53\u9a8c\" class=\"service-btn-img\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-slide-item\">\r\n            <div class=\"service-img-wrapper\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\u4e13\u5c5e\u5ead\u9662\u7ba1\u5bb6\u670d\u52a1.webp\" alt=\"\u5bb6\u8bbf\u4f53\u9a8c\" class=\"service-img\">\r\n            <\/div>\r\n            <div class=\"service-content\">\r\n                <h3 class=\"service-title\">\u5bb6\u8bbf\u4f53\u9a8c - \u4e00\u8d77\u53bb\u60a8\u7684\u5de6\u90bb\u53f3\u820d\u5bb6\u505a\u5ba2<\/h3>\r\n                <p class=\"service-intro\">\u8d70\u8fdb\u5f53\u5730\u4eba\u5bb6\uff0c\u50cf\u8001\u670b\u53cb\u4e00\u6837\u559d\u8336\u804a\u5929\uff0c\u771f\u5b9e\u611f\u53d7\u5580\u4ec0\u53e4\u57ce\u5c45\u6c11\u7684\u65e5\u5e38\u751f\u6d3b\u3002<\/p>\r\n                <div class=\"service-tags\">\r\n                    <span class=\"tag-pill tag-orange\">\u6c11\u4fd7\u63a2\u8bbf<\/span>\r\n                    <span class=\"tag-pill tag-blue\">\u5730\u9053\u751f\u6d3b<\/span>\r\n                    <span class=\"tag-pill tag-purple\">\u6587\u5316\u4ea4\u6d41<\/span>\r\n                <\/div>\r\n                <div class=\"service-desc-box\">\r\n                    <p class=\"service-desc-text\">\u53d7\u9080\u8fdb\u5165\u5f53\u5730\u5c45\u6c11\u88c5\u9970\u7cbe\u7f8e\u7684\u5bb6\u4e2d\uff0c\u54c1\u5c1d\u4e3b\u4eba\u51c6\u5907\u7684\u5e72\u679c\u8336\u70b9\uff0c\u542c\u4ed6\u4eec\u8bb2\u8ff0\u5bb6\u65cf\u7684\u6545\u4e8b\u548c\u53e4\u57ce\u7684\u53d8\u8fc1\uff0c\u4f53\u9a8c\u6700\u6df3\u6734\u7684\u5f85\u5ba2\u4e4b\u9053\u3002\u5728\u8fd9\u91cc\uff0c\u60a8\u4e0d\u662f\u6e38\u5ba2\uff0c\u800c\u662f\u8fdc\u9053\u800c\u6765\u7684\u5f52\u4eba\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"service-footer\">\r\n                    <a href=\"#\" class=\"service-btn-link\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u6709\u7ea6\u4f53\u9a8c-2.png\" alt=\"\u9884\u7ea6\u4f53\u9a8c\" class=\"service-btn-img\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"carousel-indicators\" id=\"serviceIndicators\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const carousel = document.getElementById('serviceCarousel');\r\n        const items = carousel.querySelectorAll('.service-slide-item');\r\n        const indicatorsContainer = document.getElementById('serviceIndicators');\r\n        const intervalTime = 4000; \r\n        let currentIndex = 0;\r\n        let slideInterval;\r\n\r\n        items.forEach((_, index) => {\r\n            const dot = document.createElement('div');\r\n            dot.classList.add('indicator-dot');\r\n            if (index === 0) dot.classList.add('active');\r\n            \r\n            dot.addEventListener('click', () => {\r\n                goToSlide(index);\r\n                resetInterval();\r\n            });\r\n            \r\n            indicatorsContainer.appendChild(dot);\r\n        });\r\n\r\n        const dots = indicatorsContainer.querySelectorAll('.indicator-dot');\r\n\r\n        function updateState(index) {\r\n            items[currentIndex].classList.remove('active');\r\n            dots[currentIndex].classList.remove('active');\r\n            \r\n            currentIndex = index;\r\n            items[currentIndex].classList.add('active');\r\n            dots[currentIndex].classList.add('active');\r\n        }\r\n\r\n        function nextSlide() {\r\n            const nextIndex = (currentIndex + 1) % items.length;\r\n            updateState(nextIndex);\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            updateState(index);\r\n        }\r\n\r\n        function startInterval() {\r\n            slideInterval = setInterval(nextSlide, intervalTime);\r\n        }\r\n\r\n        function resetInterval() {\r\n            clearInterval(slideInterval);\r\n            startInterval();\r\n        }\r\n\r\n        startInterval();\r\n        \r\n        carousel.addEventListener('mouseenter', () => clearInterval(slideInterval));\r\n        carousel.addEventListener('mouseleave', startInterval);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e627c72 e-flex e-con-boxed e-con e-parent\" data-id=\"e627c72\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-526de17 elementor-widget elementor-widget-html\" data-id=\"526de17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .cta-anchor-section {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 0;\r\n        z-index: 10;\r\n    }\r\n\r\n    .silk-floating-cta {\r\n        position: absolute;\r\n        top: 0; \r\n        left: 50%; \r\n        transform: translate(-50%, -50%);\r\n        \r\n        width: 90%;\r\n        max-width: 1100px;\r\n        \r\n        background-color: #E6A725;\r\n        border-radius: 8px;\r\n        padding: 40px 50px;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25); \r\n        \r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .cta-text-group h3 {\r\n        color: #fff;\r\n        font-size: 15px;\r\n        margin: 0 0 8px 0;\r\n        font-weight: 400;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .cta-text-group p {\r\n        color: rgba(255, 255, 255, 0.9);\r\n        font-size: 15px;\r\n        margin: 0;\r\n        font-weight: 400;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cta-action-btn {\r\n        background-color: transparent;\r\n        padding: 0;\r\n        border-radius: 4px;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        display: block;\r\n        line-height: 0;\r\n    }\r\n\r\n    .cta-action-btn img {\r\n        height: 52px; \r\n        width: auto;\r\n        display: block;\r\n    }\r\n\r\n    .cta-action-btn:hover {\r\n        transform: translateY(-2px);\r\n        filter: drop-shadow(0 5px 15px rgba(0,0,0,0.2));\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .silk-floating-cta {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 20px;\r\n            padding: 30px;\r\n            width: 92%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cta-anchor-section\">\r\n    <div class=\"silk-floating-cta\">\r\n        <div class=\"cta-text-group\">\r\n            <h3>\u4e00\u6b21\u76f8\u9047\uff0c\u4e00\u751f\u6709\u7ea6<\/h3>\r\n            <p>\u6df1\u5ea6\u5728\u5730\u5b9a\u5236 \u00b7 \u897f\u57df\u6587\u5316\u5de1\u6e38<\/p>\r\n        <\/div>\r\n        <a href=\"tel:19351321868\" class=\"cta-action-btn\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/callcenter.webp\" alt=\"\u670d\u52a1\u70ed\u7ebf\">\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\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>\u5580\u4ec0\u5f88\u8fdc \u5580\u4ec0\u4eba\u5f88\u8fd1 \u505a\u4e00\u56de\u5580\u4ec0\u53e4\u57ce\u5ead\u9662\u7684\u4e3b\u4eba \u53e4\u8001\u5ead\u9662 \u4e1d\u8def\u6709\u7ea6\u7684\u7cbe\u9009\u53e4\u8001\u5ead\u9662 \u662f\u5580\u4ec0\u53e4\u57ce\u5c45\u6c11\u5ba2\u5385\u7684\u5ef6\u7eed \u4e00 [&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-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":97,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":1942,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages\/221\/revisions\/1942"}],"wp:attachment":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}