<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Springletile High-end Custom Luxury Decorative Tiles Manufacturer &amp; Supplier</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="luxury tiles, tiles manufacturer, custom decorative tiles">
    <meta name="description" content="Springletile is a custom decorative tiles manufacturer focus on interior decoration brick since 2001, you can find the best luxury tiles in here. Contact us!">
    <meta property="og:title" content="Springletile High-end Custom Luxury Decorative Tiles Manufacturer &amp; Supplier" />
    <meta property="og:description" content="Springletile is a custom decorative tiles manufacturer focus on interior decoration brick since 2001, you can find the best luxury tiles in here. Contact us!" />
    <meta property="og:url" content="https://www.springletile.com" />
            <meta property="og:image" content="https://img001.video2b.com/567/file1609926659380.jpg" />
                    <meta property="og:image:width" content="1000">
                            <meta property="og:image:height" content="1000">
                
        <meta name="yandex-verification" content="3fb238749a300358" />
<meta name="google-site-verification" content="680QyLY2smB2PM0tyDqaIcWiLCurTj8xcL5dVewaAKY" />
<meta name="msvalidate.01" content="328B2E4522924078CE2E9DB2A16DA88C" />
                <meta name="csrf-ip" content="34.83.250.14">
        <meta name="csrf-token" content="M3EWmGWUxm2uXfiqHATzJY6d7ffGjR3jct1NiCoi">
        <meta http-equiv="x-dns-prefetch-control" content="on">
        <link rel="canonical" href="https://www.springletile.com" />
        <link rel="preconnect" href="https://www.springletile.com">
    <link rel="preconnect" href="https://img001.video2b.com">
        <link rel="dns-prefetch" href="https://www.springletile.com">
    <link rel="dns-prefetch" href="https://img001.video2b.com">
    <link rel="dns-prefetch" href="https://www.googleadservices.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="https://g.alicdn.com">
    <!--<link/>-->
                        <link rel="alternate" hreflang="ar" href="https://www.springletile.com/ar"/>
                    <link rel="alternate" hreflang="da" href="https://www.springletile.com/da"/>
                    <link rel="alternate" hreflang="de" href="https://www.springletile.com/de"/>
                    <link rel="alternate" hreflang="el" href="https://www.springletile.com/el"/>
                    <link rel="alternate" hreflang="en" href="https://www.springletile.com"/>
                    <link rel="alternate" hreflang="es" href="https://www.springletile.com/es"/>
                    <link rel="alternate" hreflang="fa" href="https://www.springletile.com/fa"/>
                    <link rel="alternate" hreflang="fi" href="https://www.springletile.com/fi"/>
                    <link rel="alternate" hreflang="fr" href="https://www.springletile.com/fr"/>
                    <link rel="alternate" hreflang="hi" href="https://www.springletile.com/hi"/>
                    <link rel="alternate" hreflang="id" href="https://www.springletile.com/id"/>
                    <link rel="alternate" hreflang="it" href="https://www.springletile.com/it"/>
                    <link rel="alternate" hreflang="iw" href="https://www.springletile.com/iw"/>
                    <link rel="alternate" hreflang="ja" href="https://www.springletile.com/ja"/>
                    <link rel="alternate" hreflang="ko" href="https://www.springletile.com/ko"/>
                    <link rel="alternate" hreflang="ky" href="https://www.springletile.com/ky"/>
                    <link rel="alternate" hreflang="la" href="https://www.springletile.com/la"/>
                    <link rel="alternate" hreflang="ms" href="https://www.springletile.com/ms"/>
                    <link rel="alternate" hreflang="pl" href="https://www.springletile.com/pl"/>
                    <link rel="alternate" hreflang="pt" href="https://www.springletile.com/pt"/>
                    <link rel="alternate" hreflang="ro" href="https://www.springletile.com/ro"/>
                    <link rel="alternate" hreflang="ru" href="https://www.springletile.com/ru"/>
                    <link rel="alternate" hreflang="sr" href="https://www.springletile.com/sr"/>
                    <link rel="alternate" hreflang="th" href="https://www.springletile.com/th"/>
                    <link rel="alternate" hreflang="tl" href="https://www.springletile.com/tl"/>
                    <link rel="alternate" hreflang="tr" href="https://www.springletile.com/tr"/>
                    <link rel="alternate" hreflang="uk" href="https://www.springletile.com/uk"/>
                    <link rel="alternate" hreflang="vi" href="https://www.springletile.com/vi"/>
                <link rel="icon" href="https://img001.video2b.com/567/file1608797818025.png" type="image/x-icon" />
    <link rel="shortcut icon" href="https://img001.video2b.com/567/file1608797818025.png" type="image/x-icon" />
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('consent', 'default', {
            'ad_storage': 'granted',
            'ad_user_data': 'granted',
            'ad_personalization': 'granted',
            'analytics_storage': 'granted'
        });
        console.log('granted_ad_storage_cookie init:','granted');
    </script>
    <script type="application/ld+json">[
    {
        "@context": "https:\/\/schema.org",
        "@type": "Organization",
        "url": "https:\/\/www.springletile.com",
        "logo": "https:\/\/img001.video2b.com\/567\/file1609926659380.jpg",
        "name": "SP Building Material Co., Ltd.",
        "alternateName": "Springletile",
        "email": "info@springletile.com",
        "sameAs": [
            "https:\/\/www.facebook.com\/Springletile\/",
            "https:\/\/www.youtube.com\/channel\/UC4_KxAACtLYs-Sj0F_vcKrQ",
            "https:\/\/www.linkedin.com\/company\/springletile",
            "https:\/\/twitter.com\/springletile",
            "https:\/\/www.instagram.com\/springletile6\/",
            "https:\/\/www.pinterest.com.au\/springletile\/"
        ]
    }
]</script>
    <!-- css -->
    <link rel="stylesheet" href="/css/common_3.css?v=1717671614">
    <style>
        .iconfenxiang_boxs_m ul {
            flex-wrap: wrap;
        }

        .iconfenxiang_boxs_m li {
            margin-bottom: 8px;
        }

        .iconfenxiang_boxs_m .iconfenxiang_wauto {
            margin: 0 -6px
        }

        .iconfenxiang_boxs_m .iconfenxiang_wauto li:first-child {
            padding-left: 6px;
        }
        .cookie-tip {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1001;
            background: rgba(0,0,0,.8);
            color:#fff;
            transition:.3s;
            display:flex;
            align-items: center;
            justify-content: center;
            padding:24px 9px;
            min-height: 80px;
        }

        .cookie-tip--hidden {
            opacity: 0;
            transform: translateY(300px)
        }

        .cookie-tip__container {flex-grow: 1;display: flex;align-items: center;width: 100%;margin: 0;}

        .cookie-tip__text {flex-grow: 1;margin-right: 24px;}

        .cookie-tip__btn {
            margin: -4px 5px;
        }
        .cookie-tip__flex {
            display: flex;
            justify-content: space-between;
        }

        @media (max-width:768px) {
            .cookie-tip__container {
                flex-direction:column;
            }

            .cookie-tip__text{
                align-self:stretch;
                margin:0 0 20px
            }
        }

        .bottom-inquiry-box {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99998;
            transition: .3s;
        }

        .bottom-inquiry-box--hidden {
            visibility: hidden;
            opacity: 0;
        }

        .bottom-inquiry-box__bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.4);
        }

        .bottom-inquiry-box__form {
            position: absolute;
            background: #fff;
            border-radius: 16px 16px 0 0;
            box-shadow: 0 0 8px rgba(0,0,0,.1);
            top:48px;
            left: 0;
            width: 100%;
            bottom: 0;
            color: rgba(0,0,0,.8);
            display: flex;
            flex-direction: column;
            transition: .2s;
        }

        .bottom-inquiry-box--hidden .bottom-inquiry-box__form {
            transform: translateY(100%);
        }

        .bottom-inquiry-box__close {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 10px;
            background: transparent;
            outline: 0;
            border: 0;
            border-radius: 0;
            color: rgba(0,0,0,.8);
            transition: .3s;
            cursor: pointer;
        }

        .bottom-inquiry-box__title {
            font-weight: 700;
            font-size: 16px;
            margin: 16px 20px 8px;
        }

        .bottom-inquiry-box__scroll {
            overflow: auto;
            padding: 0 20px;
        }

        .bottom-inquiry-box__label {
            display: block;
            margin: 12px 0 20px;
            position: relative;
        }

        .bottom-inquiry-box__label--error {
            color: #ff4000;
        }

        .bottom-inquiry-box__input {
            width: 100%;
            display: block;
            padding: 9px 0;
            font-size: 14px;
            line-height: 1.5;
            border: 0;
            border-bottom: 1px solid rgba(0,0,0,.1);
            border-radius: 0;
            outline: 0;
            color: inherit;
            transition: .3s;
            resize: none;
        }

        .bottom-inquiry-box__input:hover,.bottom-inquiry-box__input:focus {
            border-color: var(--c-color);
        }

        .bottom-inquiry-box__label--error .bottom-inquiry-box__input {
            border-color: currentColor;
        }

        .bottom-inquiry-box__input::-webkit-input-placeholder {
            color: transparent;
            transition: .2s;
        }

        .bottom-inquiry-box__input:focus::-webkit-input-placeholder, .js-select-open .bottom-inquiry-box__input::-webkit-input-placeholder {
            color: rgba(0,0,0,.4);
        }

        .bottom-inquiry-box__tip {
            position: absolute;
            top: 9px;
            left: 0;
            opacity: .55;
            transition: .2s;
            transform-origin: left;
        }

        :required+.bottom-inquiry-box__tip:before {
            content: '*';
            color: #ff4000;
        }

        .bottom-inquiry-box__input:focus+.bottom-inquiry-box__tip,.bottom-inquiry-box__input--active+.bottom-inquiry-box__tip, .js-select-open .bottom-inquiry-box__tip {
            transform: translateY(-1.5em) scale(.85);
        }

        .bottom-inquiry-box__error {
            position: absolute;
            top: -1.5em;
            margin-top: 9px;
            right: 0;
            opacity: 0;
            visibility: hidden;
            transition: .2s;
        }

        .bottom-inquiry-box__label--error .bottom-inquiry-box__error {
            visibility: visible;
            opacity: 1;
        }

        .bottom-inquiry-box__attachment {
            color: rgba(0,0,0,.4);
            margin: 20px 0;
        }

        .bottom-inquiry-box__attachment-box {
            display: flex;
        }

        .bottom-inquiry-box__file {
            width: 100px;
            height: 100px;
            border: 1px dashed;
            position: relative;
            overflow: hidden;
            margin-top: 4px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            cursor: pointer;
        }

        .bottom-inquiry-box__file:before {
            content: '+';
            font-size: 40px;
        }

        .bottom-inquiry-box__file:hover {
            color: rgba(0,0,0,.8);
        }

        .bottom-inquiry-box__file input {
            opacity: 0;
            position: absolute;
        }

        .bottom-inquiry-box__attachment-box .attachment_ul {
            flex-grow: 1;
        }

        .bottom-inquiry-box__attachment-box .attachment_ul .file_txt{padding-right:140px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;max-width:100%;height:20px;display: block;}
        .bottom-inquiry-box__attachment-box .attachment_ul .operations{position:absolute;top:0;right:0;width:140px;padding-left:20px;}


        .bottom-inquiry-box__subscribe {
            margin-bottom: 16px;
        }

        .bottom-inquiry-box__check {
            vertical-align: middle;
            margin-right: 4px;
            margin-bottom: 2px;
        }

        .bottom-inquiry-box__btn {
            display: block;
            height: 36px;
            line-height: 36px;
            color: #fff;
            border: 0;
            padding: 0;
            border-radius: 6px;
            outline: 0;
            transition: .3s;
            cursor: pointer;
            margin: 8px 20px 16px;
            flex-shrink: 0;
        }

        .bottom-inquiry-box__btn:hover,.bottom-inquiry-box__btn:focus,.bottom-inquiry-box__close:hover,.bottom-inquiry-box__close:focus {
            opacity: .8;
        }

        .bottom-inquiry-box__btn:active,.bottom-inquiry-box__close:active {
            opacity: 1;
        }

        .external-chat-box {
            position: fixed;
            top: 50%;
            left:0;
            transform: translateY(-50%);
            width: 48px;
            padding: 4px 8px;
            background: rgba(0,0,0,.35);
            border-radius: 0 4px 4px 0;
            transition: .2s;
            z-index: 9999;
        }

        .external-chat-box--collapse {
            transform: translateY(-50%) translateX(-100%);
        }

        .external-chat-box__toggle {
            position: absolute;
            top: 50%;
            left: 100%;
            border-radius: 0 4px 4px 0;
            color: #fff;
            background: inherit;
            margin-top: -20px;
            padding: 0 4px;
            line-height: 40px;
            font-size: 14px;
            cursor: pointer;
            /*transition: .3s;*/
            border: 0;
            outline: 0;
        }

        .external-chat-box__toggle:hover,.external-chat-box__toggle:focus {
            /* background-color: rgba(0,0,0,.45); */
        }

        .external-chat-box__item {
            display: block;
            text-decoration: none;
            width: 32px;
            height: 32px;
            margin: 12px 0;
            background: center no-repeat;
            border-radius: 99px;
            transition: .3s;
        }

        .external-chat-box__item--qq {
            background-color: #1890ff;
            background-image: url(/images/chat-icons/qq.svg);
            background-size: 14px;
        }

        .external-chat-box__item--qq:hover,.external-chat-box__item--qq:focus {
            background-color: #40a9ff;
        }

        .external-chat-box__item--wechat {
            background-color: #46bb36;
            background-image: url(/images/chat-icons/wechat.svg);
            background-size: 17px;
        }

        .external-chat-box__item--wechat:hover,.external-chat-box__item--wechat:focus {
            background-color: #70ca63;
        }

        .external-chat-box__item--skype {
            background-color: #00aff0;
            background-image: url(/images/chat-icons/skype.svg);
            background-size: 16px;
        }

        .external-chat-box__item--skype:hover,.external-chat-box__item--skype:focus {
            background-color: #30c8f3;
        }

        .external-chat-box__item--whatsapp {
            background-color: #1dd367;
            background-image: url(/images/chat-icons/whatsapp.svg);
            background-size: 18px;
        }

        .external-chat-box__item--whatsapp:hover,.external-chat-box__item--whatsapp:focus {
            background-color: #44e388;
        }

        .external-chat-popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            transition: .3s;
        }

        .external-chat-popup--hidden {
            visibility: hidden;
            opacity: 0;
        }

        .external-chat-popup__bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.4);
        }

        .external-chat-popup__dialog {
            width: 300px;
            max-width: 100%;
            margin: 15vh auto;
            padding: 30px;
            background: #fff;
            text-align: center;
            position: relative;
            border-radius: 2px;
            box-shadow: 0 4px 14px rgba(0,0,0,.06), 0 0 6px rgba(0,0,0,.1);
            transition: .2s;
        }

        .external-chat-popup--hidden .external-chat-popup__dialog {
            transform: translateY(-100%);
        }

        .external-chat-popup__text {
            font-size: 18px;
            margin-bottom: 20px;
        }
    </style>
    
        <style link-color-css>:root {--c-color:#ff5100;--c-line-height:1.4;--c-font-size:14px;}a:hover,.font-color-a a,.font-color-a a:hover,.font-color,.font-color-hover:hover,.font-color-before:before,.font-color-hover-before:hover:before,.font-color-after:after,.font-color-hover-after:hover:after{color:var(--c-color)!important}.border_color,.border-color,.btn-primary:focus,.btn-primary,.btn-primary:hover,.border-color-a a,.border-color-a a:hover,.border-color-hover:hover,.border-color-before:before,.border-color-hover-before:hover:before,.border-color-after:after,.border-color-hover-after:hover:after{border-color:var(--c-color)!important;}.bg-color,.btn-primary,.btn-primary:hover,.bg-color-a a,.bg-color-a a:hover,.bg-color-hover:hover,.bg-color-before:before,.bg-color-hover-before:hover:before,.bg-color-after:after,.bg-color-hover-after:hover:after{background-color:var(--c-color)!important}.bg-color-h a{color:var(--c-color)!important}.bg-color-h a:hover{background-color:var(--c-color)!important;color:#fff !important;}.swiper-pagination-bullet:hover,.swiper-pagination-bullet-active{background-color:var(--c-color)!important}.btn-bg:hover,.tem-btn-1,.tem-btn-2,.tem-btn-3,.tem-btn-4,.tem-btn-5,.tem-btn-6,.tem-btn-7,.tem-btn-8,.tem-btn-9{color:var(--c-color)!important}.btn-bg,.tem-btn-1,.tem-btn-2,.tem-btn-3,.tem-btn-4,.tem-btn-5,.tem-btn-6,.tem-btn-7,.tem-btn-8,.tem-btn-9,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{border-color:var(--c-color)}.btn-bg,.btn-bg:hover,.tem-btn-3:before,.tem-btn-4:before,.tem-btn-5:before,.tem-btn-6:before,.tem-btn-7:before,.tem-btn-7:after,.tem-btn-8:before,.tem-btn-8:after,.tem-btn-9:before,.tem-btn-9:after,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{background-color:var(--c-color)}.tem-btn-1,.tem-btn-2{background:-webkit-linear-gradient(left,var(--c-color),var(--c-color)) no-repeat;background:linear-gradient(to right,var(--c-color),var(--c-color)) no-repeat}.tem-btn-1:hover,.tem-btn-2:hover,.tem-btn-3:hover,.tem-btn-4:hover,.tem-btn-5:hover,.tem-btn-6:hover,.tem-btn-7:hover,.tem-btn-8:hover,.tem-btn-9:hover,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{color:#FFF}.btn-bg:hover{border-color:#FFF}.swiper-container .swiper-pagination-bullet{background:#bbb;opacity:.5;}.swiper-pagination-bullet-active{opacity:1!important;}[playback_mode="current"]+.video_js_play_btn{z-index: 24!important}[playback_mode="global"]+.video_js_play_btn{z-index: 24!important}[playback_mode="popup"]+.video_js_play_btn{z-index: 24!important}[playback_mode="current"]~.prism-player{z-index: 24!important}[playback_mode="global"]~.prism-player{z-index: 24!important}[playback_mode="popup"]~.prism-player{z-index: 24!important}</style><style>:root{--c-color:#E2A23B}.container{max-width:1440px}.top_title,.title{font-family:Arial,Arial,myanmar_font}body,html,.body_color_bgs{font-family:Arial,Arial,myanmar_font}:root {                --btn-style-deep:solid;--btn-color-deep:#fff;--btn-bg-color-deep:var(--c-color);--btn-border-color-deep:var(--c-color);--btn-radius-deep:0px;--btn-width-deep:1px;                --btn-style-shallow:solid;--btn-color-shallow:var(--c-color);--btn-bg-color-shallow:#fff;--btn-border-color-shallow:#fff;--btn-radius-shallow:0px;--btn-width-shallow:1px;                }.btn[btn-types="shallow"]{color:#FF8429;font-size:14px;border-top:none!important;border-left:none!important;padding-top:14px;border-color:#FFFFFF;border-right:none!important;border-style:solid;border-width:1px;padding-left:40px;border-bottom:none!important;padding-right:40px;padding-bottom:14px;background-color:#FFFFFF;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.btn[btn-types="deep"]{color:#FFFFFF;font-size:14px;border-top:none!important;border-left:none!important;padding-top:14px;border-color:#ff5100;border-right:none!important;border-style:solid;border-width:1px;padding-left:40px;border-bottom:none!important;padding-right:40px;padding-bottom:14px;background-color:#FF8429;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}:root {                --inp-style-deep:solid;--inp-color-deep:var(--c-color);--inp-bg-color-deep:transparent;--inp-border-color-deep:var(--c-color);--inp-radius-deep:0;--inp-width-deep:0 0 1px 0;                --inp-style-shallow:solid;--inp-color-shallow:#fff;--inp-bg-color-shallow:transparent;--inp-border-color-shallow:#fff;--inp-radius-shallow:0;--inp-width-shallow:0 0 1px 0;                }.form_inp[inp-types="shallow"]{color:rgba(165, 165, 165, 1);font-size:14px;border-top:none!important;border-left:none!important;border-color:rgba(165, 165, 165, 1);border-right:none!important;border-style:solid;border-width:1px;background-color:rgba(0,0,0,0);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.form_inp[inp-types="deep"]{color:rgba(178, 178, 178, 1);font-size:14px;border-top:none!important;border-left:none!important;border-color:rgba(178, 178, 178, 1);border-right:none!important;border-style:solid;border-width:1px;background-color:rgba(0,0,0,0);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.share_fun_box{display:none;}.share_fun_box2 ul li[data-network="share"]{display:none;}[direction]{align-items:stretch;}.there_video_icons{background-image:url(/images/video_play_1.png);}.there_video_icons{opacity:1;}</style><style mos-id="v623af3ee21aff">.tem01_copyright{text-align:center;padding-top:10px;padding-bottom:10px;border-top:1px solid rgba(144,144,144,.2);}#v623af3ee21aff{background-color:rgba(11, 6, 6, 1);color:rgba(255, 255, 255, 0.6);text-align:center;}#v623af3ee21aff .container{}</style>    <style mos-id="v623d372378436">    .flex {display: flex; align-items: center; justify-content: start;}    .tem_footer_section_03 {padding: 20px 0; background: #000; color: #fff;}    .tem_footer_03 {position: relative;}    .tem_footer_03 .mt10 {margin-top: 10px;}    /* .tem_footer_03 .iconfenxiang_wauto {justify-content: center;} */    .tem_footer_03 .iconfenxiang_boxs_m{padding-bottom: 20px;}    .tem_footer_03 .iconfenxiang_boxs_m .go_fast {color: inherit;}    .tem_footer_03 .footer_li {flex: 1; padding-right: 90px; position: relative;}    .tem_footer_03 .footer_li:last-child {padding-right: 0;}    .tem_footer_03 .li_head {font-size: 16px; font-weight: bold; margin-bottom: 10px;}    .tem_footer_03 .con_ul {font-size: 14px; line-height: 26px;}    .tem_footer_03 .con_ul a {display: initial;}    .tem_footer_03 .logo {height: 60px; line-height: 60px; min-width: 200px; padding-right: 40px; font-size: 0;}    .tem_footer_03 .logo a {width: 100%; height: 100%; display: block;}    .tem_footer_03 .logo img {max-height: 100%; display: inline-block; vertical-align: middle;}    /* .tem_footer_03 .logo img:hover{border:2px solid transparent;border-image: url(/images/border-bg.png) 2 2 round;} */    .tem_footer_03 .iconfenxiang_boxs {display: none; padding-right: 10px;}    .tem_footer_03 .sitemap {        font-size: 14px;        letter-spacing: 0;        font-weight: 400;    }    .tem_footer_03 .sitemap-line {        display: inline-block;        width: 1px;        height: 16px;        background-color: rgba(216,216,216,.5);        margin: 0 8px;    }    @media (min-width: 768px){      /* .tem_footer_03 .iconfenxiang_boxs_m {display: none !important;} */      .tem_footer_03 .footer_ul {display: flex; align-items: start; flex-wrap: wrap;}      .tem_footer_03 .sitemap-box {display: none;}    }    @media (max-width: 770px){      .tem_footer_03 .footer_ul {display: none !important;}    }    #v623d372378436{background-color:rgba(11, 6, 6, 1);color:rgba(255, 255, 255, 0.6);padding-top:5vw;padding-bottom:3vw;}#v623d372378436 .container{}  </style>              <style mos-id="v623af3ee21ab4">    .public_inquiry_tem_1{position:relative;color:#fff;}    .public_inquiry_tem_1 .top_text{position:relative;}    .public_inquiry_tem_1 .top_title{margin-bottom:16px;}    .public_inquiry_tem_1 .top_details{margin-bottom:40px;}    .public_inquiry_tem_1 .con{position:relative;overflow:hidden;}    @media (max-width:768px){    .public_inquiry_tem_1 .top_title{margin-bottom:10px;}    .public_inquiry_tem_1 .top_details{margin-bottom:20px;}    }    .public_inquiry_tem_1 input.enquiry_inp_placeholder::-webkit-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:-moz-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder::-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder::-moz-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:-ms-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:-ms-input-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus::-webkit-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-webkit-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-webkit-input-placeholder,    .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder::-webkit-input-placeholder,    .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus:-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus:-moz-placeholder,    .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder:-moz-placeholderr,    .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder:-moz-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus::-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-moz-placeholder,    .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder::-moz-placeholderr,    .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder::-moz-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 .js-select-open .enquiry_inp_placeholder:-ms-input-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 .enquiry_box{position:relative;}    .public_inquiry_tem_1 .enquiry_box .row_small{margin-left:-10px;margin-right:-10px;overflow:hidden;}    .public_inquiry_tem_1 .enquiry_box .row_small li{padding-left:10px;padding-right:10px;width:50%;float: left;margin-bottom:15px;}    .public_inquiry_tem_1 .enquiry_box .row_small .li-fill{width: 100%;}    .public_inquiry_tem_1 .enquiry_box .enquiry_label{padding:24px 8px 8px;display:block;position:relative;user-select:none}    .public_inquiry_tem_1 .enquiry_box .enquiry_inp{background:0 0;border:none;outline:0;color:inherit;height:20px;display:block;width:100%;font-size:inherit;box-shadow:none}    .public_inquiry_tem_1 .enquiry_box textarea.enquiry_inp{height:auto;resize:none}    .public_inquiry_tem_1 .enquiry_box .required_span{position:absolute;height:20px;line-height:20px;left:8px;top:15px;display:block;pointer-events:none;transition:.1s;opacity:.8;font-size:14px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_inp:focus+.required_span,.public_inquiry_tem_1 .enquiry_box .enquiry_label.js-select-open .required_span{top:4px;font-size:12px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_inp[required]+.required_span::before{content:"*";color:red}    .public_inquiry_tem_1 .enquiry_box .enquiry_label.active .required_span{top:4px;opacity:.6;font-size:12px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box{text-align:center;padding:20px 0;}    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box .read_more_a{background:0 0}    .public_inquiry_tem_1 .enquiry_box .required_tips{margin:0;position:absolute;right:20px;top:0;font-size:12px;display:none;pointer-events:none;padding:0 8px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_label.errors .required_tips{display:block}    .public_inquiry_tem_1 .enquiry_box .enquiry_label.errors{border-color:#d90000;color:#d90000;}    @media (max-width:1024px){    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box{padding:20px 0}    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box .read_more_a{width:100%}    }    @media (max-width:768px){    .public_inquiry_tem_1 .enquiry_box .row_small li{width:100%;}    }    #v623af3ee21ab4{background-position:50% 50%;background-repeat:repeat;background-size:auto;background-color:rgba(246, 246, 246, 1);color:rgba(20, 20, 20, 1);text-align:center;}#v623af3ee21ab4 .container{padding-left:6vw;padding-right:6vw;}#v623af3ee21ab4 .btn_box{text-align:center}    </style>                <style mos-id="v623bde6884523">    .public_lists_tem_1{position:relative;}    .public_lists_tem_1 .top_text{position:relative;}    .public_lists_tem_1 .top_title{margin-bottom:16px;}    .public_lists_tem_1 .top_details{margin-bottom:40px;}    .public_lists_tem_1 .con{position:relative;overflow:hidden;padding-bottom: 17px}    .public_lists_tem_1 .con li .text{padding:10px 0px;width:100%;display: block;}    .public_lists_tem_1 .con li .text .title{display:block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_1 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;}    .public_lists_tem_1 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_1 .left_icon,    .public_lists_tem_1 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_1 .left_icon{left:0;}    .public_lists_tem_1 .right_icon{right:0;}    .public_lists_tem_1 .left_icon.swiper-button-disabled,    .public_lists_tem_1 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_1 .swiper-pagination{display:none;}    .public_lists_tem_1 .swiper-pagination-bullet{width:14px;height:14px;opacity:.3;}    .public_lists_tem_1 .swiper-pagination-bullet-active{background:#fff!important;border:1px solid;border-color: var(--c-color)!important;}    .public_lists_tem_1 .img_par{width:100%;margin-bottom: 10px;}    .public_lists_tem_1 img{border:0}    .public_lists_tem_1 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_1 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_1 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_1 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_1 .img_par[img_type="2"] img,    .public_lists_tem_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_1 a:hover .title,.public_lists_tem_1 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_1 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_1 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_1 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_1 .top_title{margin-bottom:10px;}    .public_lists_tem_1 .top_details{margin-bottom:20px;}    .public_lists_tem_1 .con li{margin-bottom:20px;}    .public_lists_tem_1 .con li:last-child{margin-bottom:0;}    .public_lists_tem_1 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_1 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v623bde6884523{text-align:center;padding-top:4vw;padding-bottom:4vw;}#v623bde6884523 .container{}#v623bde6884523 li .title{font-size:18px}#v623bde6884523 li .describe{font-size:14px}#v623bde6884523 li .title{color:rgba(20, 20, 20, 1)}#v623bde6884523 li .describe{color:rgba(102, 102, 102, 1)}    </style>                <style mos-id="v623af3ee21aaf">    .tem_picture_1{position:relative; }    .tem_picture_1 .picture_con{position:relative;}    .tem_picture_1 .picture_ul{display: flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;flex-direction:row-reverse;}    .tem_picture_1 .picture_li{width:50%;min-width:50%;max-width:50%;padding-left:15px;padding-right:15px;position:relative;}    .tem_picture_1 .top_title{margin-bottom:20px;}    .tem_picture_1 .top_describe{margin-bottom:20px;}    .tem_picture_1 .top_subtitle{position:relative;}    .tem_picture_1 .btn_box{line-height:1.4;padding-top:20px;}    .tem_picture_1 .picture_ul[direction="1"]{flex-direction:row-reverse;}    .tem_picture_1 .picture_ul[direction="2"]{flex-direction:row;}    .tem_picture_1 .picture_ul[direction="3"]{flex-direction:column-reverse;}    .tem_picture_1 .picture_ul[direction="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction="3"] .picture_li,    .tem_picture_1 .picture_ul[direction="4"] .picture_li{width:100%;min-width:100%;max-width:100%;margin-bottom:20px;}    .tem_picture_1 .sticky_box{position:sticky;top:0;}    .tem_picture_1 .img_par[img_type="1"] img{width:auto;display:block;}    .tem_picture_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_picture_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_picture_1 .img_par[img_type="2"] img,    .tem_picture_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    @media (max-width:768px){    .tem_picture_1 .picture_ul{display:flex;margin:0;}    .tem_picture_1 .picture_li{width:100%;min-width:100%;max-width:100%;padding-left:0;padding-right:0;margin-bottom:20px;}        .tem_picture_1 .picture_ul[direction-phone="3"]{flex-direction:column-reverse;}        .tem_picture_1 .picture_ul[direction-phone="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction-phone="4"] .picture_li:last-child{margin-bottom:0!important;}    .tem_picture_1 .picture_ul[direction-phone="3"] .picture_li:first-child{margin-bottom:0!important;}    }    #v623af3ee21aaf{background-attachment:fixed;background-position:100% 50%;background-repeat:no-repeat;background-size:auto;background-color:rgba(246, 246, 246, 1);}#v623af3ee21aaf .container{max-width:100%;}#v623af3ee21aaf .btn_box{text-align:left}#v623af3ee21aaf [direction]{align-items:center}    </style>                <style mos-id="v623c2b07499d2">    .public_lists_tem_1{position:relative;}    .public_lists_tem_1 .top_text{position:relative;}    .public_lists_tem_1 .top_title{margin-bottom:16px;}    .public_lists_tem_1 .top_details{margin-bottom:40px;}    .public_lists_tem_1 .con{position:relative;overflow:hidden;padding-bottom: 17px}    .public_lists_tem_1 .con li .text{padding:10px 0px;width:100%;display: block;}    .public_lists_tem_1 .con li .text .title{display:block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_1 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;}    .public_lists_tem_1 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_1 .left_icon,    .public_lists_tem_1 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_1 .left_icon{left:0;}    .public_lists_tem_1 .right_icon{right:0;}    .public_lists_tem_1 .left_icon.swiper-button-disabled,    .public_lists_tem_1 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_1 .swiper-pagination{display:none;}    .public_lists_tem_1 .swiper-pagination-bullet{width:14px;height:14px;opacity:.3;}    .public_lists_tem_1 .swiper-pagination-bullet-active{background:#fff!important;border:1px solid;border-color: var(--c-color)!important;}    .public_lists_tem_1 .img_par{width:100%;margin-bottom: 10px;}    .public_lists_tem_1 img{border:0}    .public_lists_tem_1 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_1 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_1 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_1 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_1 .img_par[img_type="2"] img,    .public_lists_tem_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_1 a:hover .title,.public_lists_tem_1 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_1 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_1 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_1 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_1 .top_title{margin-bottom:10px;}    .public_lists_tem_1 .top_details{margin-bottom:20px;}    .public_lists_tem_1 .con li{margin-bottom:20px;}    .public_lists_tem_1 .con li:last-child{margin-bottom:0;}    .public_lists_tem_1 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_1 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v623c2b07499d2{text-align:center;padding-top:4vw;padding-bottom:4vw;}#v623c2b07499d2 .container{}#v623c2b07499d2 li .title{font-size:18px}#v623c2b07499d2 li .describe{font-size:14px}#v623c2b07499d2 li .title{color:rgba(20, 20, 20, 1)}#v623c2b07499d2 li .describe{color:rgba(102, 102, 102, 1)}    </style>                <style mos-id="v623c1c616e010">    .public_lists_tem_2{position:relative;}    .public_lists_tem_2 .top_text{position:relative;}    .public_lists_tem_2 .top_title{margin-bottom:16px;}    .public_lists_tem_2 .top_details{margin-bottom:40px;}    .public_lists_tem_2 .con{position:relative;overflow:hidden;}    .public_lists_tem_2 .con li .text{padding:20px 0px 10px;width:100%;display: block;}    .public_lists_tem_2 .con li .text .title{display:block;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_2 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_2 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_2 .left_icon,    .public_lists_tem_2 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_2 .left_icon{left:0;}    .public_lists_tem_2 .right_icon{right:0;}    .public_lists_tem_2 .left_icon.swiper-button-disabled,    .public_lists_tem_2 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_2 .swiper-pagination{display:none;}    .public_lists_tem_2 .img_par{width:100%;}    .public_lists_tem_2 img{border:0}    .public_lists_tem_2 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_2 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_2 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_2 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_2 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_2 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_2 .img_par[img_type="2"] img,    .public_lists_tem_2 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_2 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_2 a:hover .title,.public_lists_tem_2 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_2 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_2 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_2 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_2 .top_title{margin-bottom:10px;}    .public_lists_tem_2 .top_details{margin-bottom:20px;}    .public_lists_tem_2 .con ul{margin-bottom:-20px;}    .public_lists_tem_2 .con li{max-width:none;margin-bottom:20px;}    .public_lists_tem_2 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_2 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_2 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v623c1c616e010{background-position:50% 0%;background-repeat:repeat;background-size:auto;background-color:rgba(11, 6, 6, 1);text-align:center;margin-top:0vw;padding-top:5vw;padding-bottom:4vw;}#v623c1c616e010 .container{max-width:100%;padding-left:4vw;padding-right:4vw;}#v623c1c616e010 li .title{font-size:18px}#v623c1c616e010 li .describe{font-size:14px}#v623c1c616e010 li .title{color:rgba(255, 255, 255, 1)}#v623c1c616e010 li .describe{color:rgba(255, 255, 255, 0.5)}    </style>                <style mos-id="v65dffc9d916ec">    .tem_picture_1{position:relative; color: #333}    .tem_picture_1 .picture_con{position:relative;}    .tem_picture_1 .picture_ul{display: flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;flex-direction:row-reverse;}    .tem_picture_1 .picture_li{width:50%;min-width:50%;max-width:50%;padding-left:15px;padding-right:15px;position:relative;}    .tem_picture_1 .top_title{margin-bottom:20px;}    .tem_picture_1 .top_describe{margin-bottom:20px;opacity: .8;line-height: 1.9;}    .tem_picture_1 .top_subtitle{position:relative;font-size: 18px;}    .tem_picture_1 .btn_box{line-height:1.4;padding-top:20px;}    .tem_picture_1 .picture_ul[direction="1"]{flex-direction:row-reverse;}    .tem_picture_1 .picture_ul[direction="2"]{flex-direction:row;}    .tem_picture_1 .picture_ul[direction="3"]{flex-direction:column-reverse;}    .tem_picture_1 .picture_ul[direction="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction="3"] .picture_li,    .tem_picture_1 .picture_ul[direction="4"] .picture_li{width:100%;min-width:100%;max-width:100%;margin-bottom:20px;}    .tem_picture_1 .sticky_box{position:sticky;top:0;}    .tem_picture_1 .img_par[img_type="1"] img{width:auto;display:block;}    .tem_picture_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_picture_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_picture_1 .img_par[img_type="2"] img,    .tem_picture_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    @media (max-width:768px){    .tem_picture_1 .picture_ul{display:flex;margin:0;}    .tem_picture_1 .picture_li{width:100%;min-width:100%;max-width:100%;padding-left:0;padding-right:0;margin-bottom:20px;}        .tem_picture_1 .picture_ul[direction-phone="3"]{flex-direction:column-reverse;}        .tem_picture_1 .picture_ul[direction-phone="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction-phone="4"] .picture_li:last-child{margin-bottom:0!important;}    .tem_picture_1 .picture_ul[direction-phone="3"] .picture_li:first-child{margin-bottom:0!important;}    }    #v65dffc9d916ec{color:color: #333;}#v65dffc9d916ec .container{}#v65dffc9d916ec .btn_box{text-align:left}#v65dffc9d916ec [direction]{align-items:center}    </style>                <style mos-id="v623af3ee21aac">    .public_lists_tem_1{position:relative;}    .public_lists_tem_1 .top_text{position:relative;}    .public_lists_tem_1 .top_title{margin-bottom:16px;}    .public_lists_tem_1 .top_details{margin-bottom:40px;}    .public_lists_tem_1 .con{position:relative;overflow:hidden;padding-bottom: 17px}    .public_lists_tem_1 .con li .text{padding:10px 0px;width:100%;display: block;}    .public_lists_tem_1 .con li .text .title{display:block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_1 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;}    .public_lists_tem_1 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_1 .left_icon,    .public_lists_tem_1 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_1 .left_icon{left:0;}    .public_lists_tem_1 .right_icon{right:0;}    .public_lists_tem_1 .left_icon.swiper-button-disabled,    .public_lists_tem_1 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_1 .swiper-pagination{display:none;}    .public_lists_tem_1 .swiper-pagination-bullet{width:14px;height:14px;opacity:.3;}    .public_lists_tem_1 .swiper-pagination-bullet-active{background:#fff!important;border:1px solid;border-color: var(--c-color)!important;}    .public_lists_tem_1 .img_par{width:100%;margin-bottom: 10px;}    .public_lists_tem_1 img{border:0}    .public_lists_tem_1 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_1 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_1 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_1 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_1 .img_par[img_type="2"] img,    .public_lists_tem_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_1 a:hover .title,.public_lists_tem_1 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_1 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_1 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_1 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_1 .top_title{margin-bottom:10px;}    .public_lists_tem_1 .top_details{margin-bottom:20px;}    .public_lists_tem_1 .con li{margin-bottom:20px;}    .public_lists_tem_1 .con li:last-child{margin-bottom:0;}    .public_lists_tem_1 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_1 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v623af3ee21aac{text-align:center;padding-top:0vw;padding-bottom:0vw;}#v623af3ee21aac .container{max-width:100%;padding-left:0vw;padding-right:0vw;}#v623af3ee21aac li .title{font-size:18px}#v623af3ee21aac li .describe{font-size:14px}#v623af3ee21aac li .title{color:rgba(20, 20, 20, 1)}#v623af3ee21aac li .describe{color:rgba(102, 102, 102, 1)}    </style>                <style mos-id="v623af3f42e5c3">    .tem_banner_2{position:relative;color:#fff;}    .tem_banner_2 .top_text{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none;transition:.2s}    .tem_banner_2 .top_text--hidden{opacity: 0;visibility:hidden}    .tem_banner_2 .top_text a,.tem_banner_2 .top_text .btn{pointer-events:auto;}    /* this is interpreted by php  */    .tem_banner_2 .top_title{margin-bottom:16px; line-height: 1.3;}    .tem_banner_2 .top_details, .tem_banner_2 .top_subtitle {line-height: 1.9;}    .tem_banner_2 .con{position:relative;overflow:hidden;}    .tem_banner_2 .con li .text{padding:0;width:100%;position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:20;pointer-events:none;}    .tem_banner_2 .con li .text a,.tem_banner_2 .con li .text .btn{pointer-events:auto;}    .tem_banner_2 .con li .text .title{display:block;margin-bottom:10px;overflow: hidden;font-size:3.2vw; line-height: 1.3;}    .tem_banner_2 .con li .text .describe{overflow: hidden; line-height: 1.9;}    .tem_banner_2 .con li .text .subtitle{overflow: hidden; line-height: 1.9;}    /* .tem_banner_2 .con li .text a{color:inherit!important;} */    .tem_banner_2 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:19;}    .tem_banner_2 .left_icon,    .tem_banner_2 .right_icon{position: absolute;top:50%;width:40px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:28px;cursor:pointer;display:none;z-index:6;}    .tem_banner_2 .left_icon[btn_show="1"],    .tem_banner_2 .right_icon[btn_show="1"]{display:block;}    .tem_banner_2 .left_icon{left:0;}    .tem_banner_2 .right_icon{right:0;}    .tem_banner_2 .left_icon.swiper-button-disabled,    .tem_banner_2 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .tem_banner_2 .img_par{width:100%;background:none!important;}    .tem_banner_2 .img_par[img_type="1"]{position:relative;height:100vh;}    .tem_banner_2 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_banner_2 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_banner_2 .img_par[img_type="1"] img,    .tem_banner_2 .img_par[img_type="2"] img,    .tem_banner_2 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}    .tem_banner_2 .list_row_ul.swiper-wrapper{flex-wrap:nowrap;margin:0;width:100%;}    .tem_banner_2 .img_par.no_img_src{width:100%;min-height:100px;}    .tem_banner_2 .con .swiper-pagination[w_page_type="1"] .swiper-pagination-bullet{width:30px;border-radius:0;height:6px;margin:0 3px;border:0}    .tem_banner_2 .btn_box{margin-top:30px;}    .tem_banner_2 .pc_btn {display: inline-block;}    .tem_banner_2 .mobile_btn {display: none;}    .tem_banner_2 .con .swiper-pagination {pointer-events:none;}    .tem_banner_2 .con .swiper-pagination .swiper-pagination-bullet {width: 16px;height: 16px;border:4px solid transparent;pointer-events:auto;margin:-4px 1px;background-clip:content-box}    @media (min-width: 1065px){        .tem_banner_2 .width_50 {width: 50%; display: inline-block; text-align: left;}    }    @media (max-width: 1064px) {        .tem_banner_2 .width_mobile_60 {width: 60%; display: inline-block; text-align: left;}    }    @media (max-width:768px){        /* .tem_banner_2 .con li .text .title{font-size:22px!important;} */        /* .tem_banner_2 .con li .text .describe,        .tem_banner_2 .con li .text .subtitle, */        /* .tem_banner_2 .top_details,        .tem_banner_2 .top_subtitle {font-size:16px!important;} */        .tem_banner_2 .top_title{margin-bottom:10px;}        .tem_banner_2 .left_icon,        .tem_banner_2 .right_icon{display:none!important;}        .tem_banner_2 .top_details,        .tem_banner_2 .con li .text .describe, .tem_banner_2 .btn_box {display: none;}        .tem_banner_2 .pc_btn {display: none;}        .tem_banner_2 .mobile_btn {display: inline-block;}    }    #v623af3f42e5c3{background-color:rgba(22, 23, 24, 1);color:#fff;text-align:center;}#v623af3f42e5c3 .container{}#v623af3f42e5c3 .btn_box{text-align:center}#v623af3f42e5c3 li .subtitle,#v623af3f42e5c3 .top_subtitle{font-size:18px}#v623af3f42e5c3 li .describe{font-size:14px}@media (max-width: 768px){#v623af3f42e5c3 li .subtitle,#v623af3f42e5c3 li .title{text-align:center!important; }}@media (max-width: 1200px){#v623af3f42e5c3 .top_subtitle, #v623af3f42e5c3 .top_title {text-align:center!important;}}    </style>                <style mos-id="v623af3ee21acd">    .head_sousuos_active{overflow:hidden;}    ._header{width:100%;position:relative;height:0;z-index:999;color:#fff;font-size:16px;background-color:#000;padding-top:116px;--header-offset: -40px;}    ._header ul,    ._header li{margin:0;}    ._header_box{position:absolute;left:0;top:0;width:100%;}    ._header_con--bottom {padding-top:6px;padding-bottom:6px;}    .iconfenxiang_boxs{padding-right:10px;}    ._head_top{display:flex;line-height:40px;}    ._head_top .head_h1{flex:1;overflow:hidden;font-size:14px;margin:0;padding:0;padding-right:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;line-height:inherit;}    ._head_top .icon_bx{display:flex;align-items: center;}    ._head_top .icon_bx.iconfenxiang_boxs{align-self: center;}    ._head_top .head_i{cursor:pointer;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;font-weight:bold;}    ._head_bottom{display:flex;}    ._header .logo{height:60px;padding-right:40px;min-width:200px;line-height:60px;font-size:0;}    ._header .logo a{display:block;height:100%;width:100%;}    ._header .logo img{max-height:100%;display:inline-block;vertical-align:middle;}    ._header nav{flex:1;overflow:hidden;line-height:60px;display:flex;flex-direction:row-reverse;position:relative;height:60px;font-weight:bold;}    ._header .nav_box{overflow:hidden;line-height:60px;position:relative;transition:.3s;}    ._header .nav{display:flex;white-space:nowrap;}    ._header .nav li{padding:0 20px;border-color:inherit;}    ._header .nav li a{padding:4px 0;display:inline;background:none;}    ._header .nav li.active>a{border-bottom:2px solid;border-color:inherit;}    ._header .nav_ul{display:none;}    ._header nav.add{padding-right:20px;padding-left:20px;}    ._header .nav_btns{position:absolute;top:50%;height:30px;width:20px;margin-top:-15px;line-height:30px;text-align:center;font-size:14px;cursor:pointer;border-radius:2px;user-select:none;display:none;color:#fff;}    ._header nav.add .nav_btns{display:block;}    ._header .btn_l{left:0;}    ._header .btn_r{right:0;}    ._header .disabled{opacity:.5;cursor:no-drop;}    ._header .nav_button{outline:none;border:0;width:40px;height:50px;padding:10px;transition:all .45s;z-index:99;display:block;background:0;float:left;position:relative;z-index:4;margin-top:5px;cursor:pointer;display:none;color:inherit;}    ._header .nav_button_icon{position:absolute;width:20px;height:16px;left:0;top:0;right:0;bottom:0;margin:auto;}    ._header .nav_button_icon span{display:block;position:absolute;right:0;left:0;height:0px;transition:all .15s;border-bottom:2px solid;}    ._header .nav_button_icon span:nth-child(1){top: 50%;transform: translate3d(0,-50%,0);}    ._header .nav_button_icon span:nth-child(2){top: 0px;transform: translateZ(0) rotate(0) scaleX(1);}    ._header .nav_button_icon span:nth-child(3){bottom: 0px;transform: translateZ(0) rotate(0) scaleX(1);}    ._header .head_lan_txt{font-size:14px;padding-right:20px;}    .header_nav_li_box{position:absolute;left:0;top:0;background:#faf7f2;z-index:999;box-shadow:0 0 4px rgba(122,122,122,.8);display:none;border-radius:2px;color:#666;white-space:nowrap;}    .header_nav_li_box .nav_ul{padding:4px 0;display:block!important;}    .header_nav_li_box .nav_ul .nav_ul{display:none!important;}    .header_nav_li_box li{position:relative;}    .header_nav_li_box li.xia a{padding-right:30px;}    .header_nav_li_box li.xia .i_con{position: absolute;right: 8px;top: 50%;transform: translateY(-50%) rotate(-90deg);}    .header_nav_li_box a{display:block;padding:10px 14px;}    .header_nav_li_box a.font-color,    .header_nav_li_box a:hover{background:#fff;}    .header_nav_li_box ul,    .header_nav_li_box li{margin:0;}    @media (min-width:1026px){        ._header .nav_ul{display:none!important;}        ._header.head_fixed ._header_box{position:fixed;top:0;left:0;width:100%;background:inherit;transition:.3s;z-index:99;}        [switch_fixed=nav]._header.head_fixed ._header_box{top:var(--header-offset)}    }    .m_iconfenxiang_boxs.iconfenxiang_boxs{display:none!important;padding:0;}    .m_iconfenxiang_boxs.iconfenxiang_boxs ul{overflow:auto;}    @media (max-width:1025px){        .head_nav_active{overflow:hidden;}        .m_iconfenxiang_boxs.iconfenxiang_boxs{display:block!important;}        .m_iconfenxiang_boxs.iconfenxiang_boxs[btn_show="0"]{display:none!important;}        ._header .head_lan_txt{display:none;}        .header_nav_li_box{display:none!important;}        body ._header{height:60px;z-index:999;padding-top:0!important;padding-bottom:0!important;}        ._header_box{z-index:999;position:fixed;background:inherit;}        ._head_top .head_h1{display:none;}        ._head_top .head_i{height:60px;line-height:60px;}        ._head_bottom{position:absolute;display:block;left:0;top:0;height:60px;width:100%;background:inherit;}        ._header_con{padding:0!important;height:100%;position:relative;background:inherit;}        ._header .logo{width:200px;padding:4px 0;margin:auto;text-align:center;line-height:50px;}        ._header .logo img{margin:auto;}        ._header .nav_button{display:block;}        body.head_nav_active ._header .nav_button_icon span:nth-child(1){opacity:0;}        body.head_nav_active ._header .nav_button_icon span:nth-child(2){transform: rotate(45deg) translate3d(5px,5px,0);top:0}        body.head_nav_active ._header .nav_button_icon span:nth-child(3){transform: rotate(-45deg) translate3d(5px,-5px,0);bottom:0;}        ._header .nav_btns{display:none!important;}        ._header nav.add,        ._header nav{display:block;position:fixed;padding:0;top:61px;left:0;right:0;bottom:0;z-index:998;background-color:inherit;transform-origin:20px 0;transform:scale(0);overflow:hidden;transition:.3s;pointer-events:none;visibility:hidden;height:auto;font-weight:500;}        ._header .nav{display:block;line-height:1.4;font-size:16px;white-space:initial;}        ._header .nav li{padding:10px 20px;position:relative;padding:0;}        ._header .nav li a{padding:0;border:none;padding:10px 20px;display:inline-block;margin-right:40px;}        ._header .nav_ul{background:rgba(122,122,122,.06);margin-bottom:10px;}        ._header .nav_box .nav_ul li{padding-left:10px;padding-right:10px;}        ._header .nav li .i_con{position:absolute;right: 12px;top:10px;transition:.2s;}        body.head_nav_active ._header nav{transform:scale(1);visibility:visible;pointer-events:initial;padding-bottom:50px;}        ._header .nav_box{overflow:auto;width: 100%;height:100%;}        ._header .nav li.draw_act>.i_con{transform:rotate(-180deg);}        .header-slogan-box {            position: absolute;            right: 0;            top: 0;            height: 100%;            background-color: transparent!important;            z-index: 4;        }    }    #v623af3ee21acd{background-color:rgba(11, 6, 6, 1);color:#FFFFFF;padding-top:0vw;}#v623af3ee21acd .container{}    </style>        <style></style>    <!-- css end -->

    <!-- header style start -->
            <style>
<link rel="stylesheet" id="construction-fonts-css" href="//fonts.googleapis.com/css?family=Poppins%3A100%2C400%2C700%2C900%7C" type="text/css" media="all">
body {font-family: 'Poppins';}
.top_title{font-family: 'Poppins'; font-weight:400;}
.tem_banner_2 .top_title{font-size:3vw;  font-weight:500;}
._head_top .head_h1{opacity:0.8; }
._header .nav li a{font-weight:normal;}
#v623af3f42e5c3 .top_subtitle{display:none; }
.new_u_body .top_describe, .new_u_body .top_describe *, .new_u_body .top_details, .new_u_body .top_details *, .describe, .describe *{line-height:1.8; }
.top_subtitle, .top_subtitle *{line-height:2.2; }

#v623c0dedc87a2 .img_par img{width:auto;}
#v623c25a92237c .btn_box{margin-top:2vw; }
#v623c25a92237c .top_details{opacity:0.85; }
#v623af3f42e5c3 li .describe{opacity:0.85; }


@media (min-width: 1366px) and (max-width: 1440px) {
#v623af3ee21aaf .picture_li:nth-child(2){padding-right:4vw !important; }
#v623af3ee21aaf {padding-top:4vw !important; padding-bottom:4vw !important; }
#v623da21bd5e18 .picture_li:nth-child(2){padding-right:4vw !important; }
#v623da21bd5e18 {padding-top:4vw !important; padding-bottom:4vw !important; }

#v623af3f42e5c3 .top_title{padding-left:30vw; padding-right:30vw; }
#v623af3f42e5c3 li .describe{padding-left:22vw !important; padding-right:22vw !important; }
#v623af3ee21aac .top_details{padding-left:20vw !important; padding-right:20vw !important;  }
#v623c0dedc87a2{  margin-top: 23vw !important;}
#v623c0dedc87a2 .container{margin-top:-24vw !important; }
}

@media (min-width: 1200px) {
#v623af3f42e5c3 li .describe{padding-left:18vw; padding-right:18vw; }
.tem_banner_2 .top_title{    padding-left: 18vw;  padding-right: 18vw; font-size: 3vw;}
.top_title{font-size:2.6vw; text-transform: capitalize; }
.top_details{padding-left:14vw; padding-right:14vw; }

#v623af3ee21aac .top_details{padding-left:26vw; padding-right:26vw; }
#v623c0dedc87a2{  margin-top: 21vw;}
#v623c0dedc87a2 .container{margin-top:-22vw; }
#v623af3ee21aaf{padding:0px; }
#v623af3ee21aaf .picture_li:nth-child(1){padding-left:0px; }
#v623af3ee21aaf .picture_li:nth-child(2){padding-left:3vw; padding-right:12vw;  }

#v623da21bd5e18{padding:0px; }
#v623da21bd5e18 .picture_li:nth-child(1){padding-left:0px; }
#v623da21bd5e18 .picture_li:nth-child(2){padding-left:3vw; padding-right:12vw;  }

.tem_footer_03 .footer_li:nth-child(2){padding-left:8vw; }

}
@media (min-width: 769px) and  (max-width: 1024px) {
#v623af3f42e5c3 .top_title{padding-left:30vw; padding-right:30vw; }
#v623af3f42e5c3 li .describe{padding-left:20vw; padding-right:20vw; }
#v623c0dedc87a2{  margin-top: 36vw !important;}
#v623c0dedc87a2 .container{margin-top:-36vw; }
#v623c25a92237c .top_details{padding-left:10vw; padding-right:10vw; }
.top_details{padding-left:4vw; padding-right:4vw; }
}

@media (min-width: 1025px) and  (max-width: 1200px) {
#v623af3f42e5c3 .top_title{padding-left:34vw; padding-right:34vw; }
#v623af3f42e5c3 li .describe{padding-left:26vw; padding-right:26vw; }
#v623af3ee21aac .top_details{padding-left:12vw; padding-right:12vw; }
#v623c0dedc87a2{  margin-top: 28vw !important;}
#v623c0dedc87a2 .container{margin-top:-28vw; }
#v623af3ee21aaf .picture_li:nth-child(2){padding-right:4vw; }
#v623af3ee21aaf {padding-top:6vw; padding-bottom:6vw;}

#v623da21bd5e18 .picture_li:nth-child(2){padding-right:4vw; }
#v623da21bd5e18  {padding-top:6vw; padding-bottom:6vw;}
}
@media (max-width: 768px) {
#v623af3f42e5c3 li .title, #v623af3f42e5c3 li .title *{font-size:32px !important; }
#v623af3f42e5c3 .top_title{width:50%; margin:0 auto; }
.top_title, .top_title *{font-size:26px !important; }
.public_lists_tem_1 .con li .text .title{font-size:16px !important; }
#v623c0dedc87a2{  margin-top: 30vw !important;}
#v623c0dedc87a2 .container{margin-top:-36vw; }
#v623c0dedc87a2 .con li{width:100% !important; min-width:100% !important; }
#v623c0dedc87a2 .img_par img{width:100% !important; }
.public_lists_tem_2 .con li{width:50%; }
#v623c1c616e010 .con li{width:50%; }
.public_lists_tem_2 .con li .text .title{font-size:16px !important; }
#v623c25a92237c .top_details{padding-left:6vw; padding-right:6vw; }
.public_lists_tem_4#v623d39ebc1b23 .list_row_lis{width:180px; }
#v623c0dedc87a2{  margin-top: 30vw !important;}
#v623c0dedc87a2 .container{margin-top:-36vw; }
}


@media (max-width: 640px) {
#v623af3f42e5c3 li .title, #v623af3f42e5c3 li .title *{font-size:24px !important; }
#v623af3f42e5c3 .top_title{width:80%; margin:0 auto; }
.top_title, .top_title *{font-size:22px !important; }
/*#v623c0dedc87a2{  margin-top: 0 !important; padding-top:6vw !important;}
#v623c0dedc87a2 .container{margin-top:0; }
#v623c0dedc87a2 .top_title *, #v623c0dedc87a2 .top_title {color:#fff !important; }
#v623c0dedc87a2 .top_details *, #v623c0dedc87a2 .top_details {color:#ffffff99 !important; }*/
#v623c0dedc87a2{  margin-top: 80vw !important;}
#v623c0dedc87a2 .container{margin-top:-80vw; }
#v623c25a92237c .top_details{padding-left:0; padding-right:0; }
}


</style>
        <!-- header style end -->

    
    <script type="text/javascript">
        var hasInquiry = 1;
        var inquiryStyle = "1";
        var inquiryColor = "#fff";
    </script>

</head>
<body class=" new_u_body  body_color_bgs body_pages_index" id="html_body">
    <input type="hidden" id="videoDefinition" value="auto">
    <input type="hidden" id="verification_open_inp" value="1">
    <input type="hidden" id="chat_is_open" value="1">
    <input type="hidden" id="chat_is_form" value="1">
    <input type="hidden" id="chat_prompt" value="Welcome, please leave your name and email here before chat online so that we won&#039;t miss your message and contact you smoothly.">
    <input type="hidden" id="chat_prompt_phone" value="">
    <input type="hidden" id="inquire_success_herf" value="/inquire/success">
    <input type="hidden" id="compress_webp_onoff" value="1">
    <input type="hidden" id="compress_capture_onoff" value="1">
    <input type="hidden" id="compress_onoff" value="1">
    <input type="hidden" id="img_compress" value="80">
    <input type="hidden" id="set_playback_mode" value="current">
    <input type="hidden" id="bannerCompress" value="">
    <input type="hidden" id="bannerCompressQuality" value="80">
    <input type="hidden" id="video_dialog_open_btn" value="0">
    <input type="hidden" id="video_autoplay_open" value="0">
    <input type="hidden" id="timed_inquiry_open" value="0">
    <input type="hidden" id="dialog_page" value="0">
    <input type="hidden" id="dialog_frequency" value="0">
    <input type="hidden" id="uniqueness" value="0">
    <input type="hidden" id="timed_inquiry_style" value="1">
    <input type="hidden" id="timed_inquiry_color" value="#007eff">
        <script data-static="false" src="/libs/jquery-2.1.3.min.js"></script>
        <!-- no model-viewer loaded -->
            <script data-static="false" type="text/javascript">
        var inquiryFormTexts = {"company_field_hint":"Enter your company name","company_field_name":"Company Name","content_field_hint":"Enter the content of your inquiry","content_field_name":"Content","cookie_tips":"Privacy & use of cookies. We use cookies to optimise and continuously improve our website for you. Through your continued use of our website, you consent to the use of cookies.","email_field_alias":"","email_field_hint":"Enter your e-mail","email_field_name":"E-mail","name_field_hint":"Enter your name","name_field_name":"Name","phone_field_alias":"\/WhatsApp\/Skype","phone_field_hint":"Enter your phone","phone_field_name":"Phone","subscribe_hint":"Subscribe to be hear about our latest arrivals!","success_submit_msg":"INQUIRY SUCCESS","success_submit_service_msg":"Thanks your interest on our service! We will reply you within 24 hours. Sincerely hope to serve your company!"};
        var imgLazyLoad_bol = document.createElement('canvas').toDataURL('image/webp', 0.5).indexOf('data:image/webp') === 0;
        var _langs_json = {"Products_Detail":"Products Detail","Download_Free":"Download Free","Please_enter_the_Email":"Please enter the E-mail","More_than_you_think":"Just tell us your requirements, we can do more than you can imagine.","Send_your_inquiry":"Send your inquiry","Submit":"Submit","Contact_Details":"Contact Details","replay":"Replay","come_from":"come from","PREV":"PREV","NEXT":"NEXT","Download":"Download","thanks_you_company":"Thanks your interest on our service! We will reply you within 24 hours. Sincerely hope to serve your company!","INQUIRY_SUCCESS":"INQUIRY SUCCESS","BACK":"BACK","Enter_name":"Enter your name","Enter_phone":"Enter your phone","Enter_e_mail":"Enter your e-mail","Enter_company_name":"Enter your company name","Enter_inquiry":"Enter the content of your inquiry","Search Result in":"Search Result in","No Result in":"No Result in","Choose a different language":"Choose a different language","Current language":"Current language","content_max_800":"Comment content is limited to 800 characters","Please_content":"Please enter comment content","Sumbit":"Sumbit","comment":"Comment","thank_comment":"Thank you for your comment,the comment will be displayed after approval","Email_format_error":"Email format error","please_enter_content":"Please enter the content","LOAD MORE":"LOAD MORE","Add_comment":"Add a comment","Language":"Language","Links":"Links","attachment_hover2":"It is recommended to upload up to 5, and the single size must not exceed 20M.","attachment_hover1":"Support formats\uff1a","Re_upload":"The upload may fail due to network delay. Please upload again","Upload failed":"Upload failed","max_to5":"Recommended to upload up to 5","max_20m":"Single file size must not exceed 20M","not_supported":"The file type is not supported","Attachment":"Attachment","Go_fast":"Go fast","Mobile_Whatsapp":"Mobile\/Whatsapp","Successful operation":"Successful operation","Failure to submit":"Failure to submit","network error":"network error","Cannot be empty, please re-enter":"Cannot be empty, please re-enter","Enter keywords to search":"Enter keywords to search","Choose your country or region":"Choose your country or region","READ MORE":"READ MORE","send inquiry now":"SEND INQUIRY NOW","major product":"Major product","detail tell":"TELL","detail phone":"PHONE","detail address":"ADDRESS","ADDRESS":"ADDRESS","views":"views","Country":"Country","TEL":"TEL","No more":"No more","LIKE":"LIKE","DISLIKE":"DISLIKE","SHARE":"SHARE","READ MORE ABOUT US":"READ MORE ABOUT US","ABOUT US":"ABOUT US","Recommended":"Recommended","Format error":"Format error","Content":"Content","Company Name":"Company Name","Phone":"Phone","products":"products","E-mail":"E-mail","Email":"Email","Name":"Name","Surname":"Name","Contacts":"Contacts","Company_Name":"Company Name","Telephone":"Telephone","Fax":"Fax","Website":"Website","Male":"Male","Female":"Female","Gender":"Gender","SEARCH":"SEARCH","Major product":"Major product","CONTACT US NOW":"CONTACT US NOW","Just leave your email or phone number in the contact form so we can send you a free quote for our wide range of designs!":"Just leave your email or phone number in the contact form so we can send you a free quote for our wide range of designs!","GET IN TOUCH WITH US":"GET IN TOUCH WITH US","If you have more questions,write to us":"If you have more questions,write to us","CONTACT US":"CONTACT US","Contact_US":"Contact US","BRANCH OFFICE":"BRANCH OFFICE","Do you have questions?":"Do you have questions?","We are committed to producing the best quality products at the most competitive prices. Therefore, we sincerely invite all interested companies to contact us for more information.":"We are committed to producing the best quality products at the most competitive prices. Therefore, we sincerely invite all interested companies to contact us for more information.","User login":"User login","Account":"account","Password":"password","Tags_1":"You\u2019re in the right place for","Tags_2":"By now you already know that, whatever you are looking for, you\u2019re sure to find it on","Tags_3":"we guarantee that it\u2019s here on","Tags_4":"We aim to provide the highest quality","Tags_5":"for our long-term customers and we will actively cooperate with our customers to offer effective solutions and cost benefits.","Home":"Home","Cases":"Cases","News":"News","Abouts":"Abouts","ODM OEM Service":"ODM & OEM Service","OEM Service":"ODM,OEM Service","Get Quote":"Get Quote! Find Details About Company Profile, ","Contact Get Quote":"Get Quote!","In":" in ","Please contact us":", Please contact us.","Main products":". Main products: ","manufacturer in China":" manufacturer in China, ","Provide Cases":" Provide Cases, ","Provide ODM,OEM Service":" Provide ODM,OEM Service, ","Is the best":" is the best ","Manufacturers Suppliers":" manufacturers & Suppliers","BRANCH":"BRANCH","BRANDS":"BRANDS","Follow Us":"Follow Us","Products Details":"Products Details","Company Profile":"Company Profile","Basic Information":"Basic Information","Company Video":"Company Video","Certifications":"Certifications","Year Established":"Year Established","Business Type":"Business Type","Country \/ Region":"Country \/ Region","Main Industry":"Main Industry","Main Products":"Main Products","Enterprise Legal Person":"Enterprise Legal Person","Total Employees":"Total Employees","Annual Output Value":"Annual Output Value","Export Market":"Export Market","Cooperated Customers":"Cooperated Customers","Manufacturing Industry":"Manufacturing Industry","Sourcing Company":"Sourcing Company","Factory":"Factory","Wholesaler":"Wholesaler","Government Agency":"Government Agency","Business Service":"Business Service","Trade Companies":"Trade Companies","Association":"Association","Others":"Others","Chinese Mainland":"Chinese Mainland","European Union":"European Union","Middle East":"Middle East","Eastern Europe":"Eastern Europe","Latin America":"Latin America","Africa":"Africa","Oceania":"Oceania","Hong Kong and Macao and Taiwan":"Hong Kong and Macao and Taiwan","Japan":"Japan","Southeast Asia":"Southeast Asia","America":"America","Issue by":"Issue by","People":"People","More than 1000 people":"More than 1000 people","Click to chat":"Click to chat","submitted_subscribe_success_tips":"You have successfully submitted from your Preferences.","unsubscribe_success_tips":"You have successfully unsubscribed from general email promotions.","Dont Miss Out":"Don't Miss Out","sure_miss_out_tips":"Are you sure you want to miss out on all e-mail sent by the system about the website content\uff1f","change_your_preferences_tips":"To receive these emails again in the future, you can change your Preferences.","Content interested":"Content interested","Content release time":"Content release time","Sending frequency":"Sending frequency","Continue to unsubscribe":"Continue to unsubscribe","not_unsubscribe_tips":"This will not unsubscribe you from administ emails.","Regular_FAQ":"Regular FAQ","FAQs":"FAQs","ERROR_TIP":"Oops! That page can\u2019t be found.","ERROR_TIP_1":"Please enter keywords to search or go back to the Home Page.","ERROR_TIP_SEARCH":"keyword","ERROR_HOT_PRODUCT":"Hot Products","in_china":"in china","manufacturer":"manufacturer","company":"company","factory":"factory","price":"price","Tags":"Tags","Related Article":"Related Article","Accept":"Accept","cookie_tips":"Privacy & use of cookies. We use cookies to optimise and continuously improve our website for you. Through your continued use of our website, you consent to the use of cookies. ","Sitemap":"Sitemap","Total":"Total","Quick Attribute Index":"Quick Attribute Index","Attribute Index":"Attribute Index","Index":"Index","Other":"Other","More":"More","Please fill in this field":"Please fill in this field","Go Back":"Go Back","The page will automatically be redirected to Home in":"The page will automatically be redirected to Home in","seconds. You can also":"seconds. You can also","Send Your Inquiry":"Send Your Inquiry","Send Inquiry Now":"Send Inquiry Now","Share With":"share with","Your_E-mail":"Your E-mail","Privacy_Policy":"Privacy Policy","WhatsApp_Skype":"\/WhatsApp\/Skype","select_material":"Select Material","country_region":"Country\/Region","width":"Width","height":"Height","choose_file_to_upload":"Choose file(s) to upload","month01":"January","month02":"February","month03":"March","month04":"April","month05":"May","month06":"June","month07":"July","month08":"August","month09":"September","month10":"October","month11":"November","month12":"December","Refuse":"Refuse"},
            fun_scr_arr = [];
        var _verification_type = 0;
        var kk;
        var _is_lighthouse = false;
    </script>
    <script type="text/javascript">
        fun_scr_arr.push({name:'script',url:"/libs/swiper/swiper.min.js",type:"text/javascript"});
        fun_scr_arr.push({name:'link',url:"/libs/aliplayer/aliplayer-min.css",rel:"stylesheet"});
//         fun_scr_arr.push({name:'script',url:"https://turing.captcha.qcloud.com/TCaptcha.js",type:"text/javascript"});
        fun_scr_arr.push({name:'script',url:"/libs/aliplayer/aliplayer-min.js",type:"text/javascript"});
                                    _verification_type = "3";
                        </script>
    <!-- 引用内容 start -->
<div class="header_con_box">
            <header id="v623af3ee21acd" module_id="5010" class="_header no_bg_src" header_edit="114" no_index_edit module_type="header" bg_img_url=""  switch_fixed="0">
                <div class="_header_box no_bg_src" header_id="5010" style="">
        <div class="nav_button" id="head_button">
            <div class="nav_button_icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
                <div style="background-color: transparent;" class="header-slogan-box">
            <div class="_header_con container" container="">
                <div class="_head_top" modular-edit="custom">
                    <div class="head_h1">
                        <section template-edit="title_languages" module_name="header"><p>Springletile focus on R&amp;D and production of Golden luxury decorative tiles for 22&nbsp;years.</p></section>
                    </div>
                    <div class="icon_bx iconfenxiang_boxs"
                        btn_show="1"></div>

                    <div class="icon_bx">
                        <span class="head_i iconfont iconsousuo head_shousuos"
                            btn_show="1"></span>
                        <div class="language_modal_click icon_bx"
                            btn_show="1">
                            <span class="head_i iconfont icondiqu"></span><span
                                class="head_lan_txt">Language</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="_header_con _header_con--bottom container" container="">
            <div class="_head_bottom">
                <div class="logo">
                    <a href="/">
                                            <img head_logo_src="https://img001.video2b.com/567/file1609926659380.jpg" alt="Springletile">
                                        </a>
                </div>
                <nav>
                    <div class="nav_btns btn_l bg-color iconfont iconchaopimiaotuangou-" data-left="-80"></div>
                    <div class="nav_btns btn_r bg-color iconfont iconleft" data-left="80"></div>
                    <div class="nav_box">

                        <ul class="nav border-color">

                                                        
                            <li class="  active ">
                                <a  href="/" >HOME</a>
                                                            </li>

                            
                            <li class=" xia  ">
                                <a  href="/products" >PRODUCT</a>
                                                                <i class="i_con iconfont iconxiala1"></i>
                                <ul class="nav_ul">
                                                                        <li class="  ">
                                        <a  href="/products-8607" >bathroom luxury tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-8608" >Living Room Tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-8609" >Bedroom Tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-8610" >Kitchen Tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-8611" >Hallway Tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-8612" >Stairs Tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-22283" >border tile design</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-22824" >Marble look tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-22959" >Wood look porcelain tile</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-27588" >Mosaic tile</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-27589" >Art mosaic murals and floor</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-27652" >chandeliers &amp; pendant lights</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-27686" >Sanitary ware</a>
                                                                            </li>
                                                                        <li class=" xia   ">
                                        <a  href="/products-39316" >Decorative mirror tiles</a>
                                                                                <i class="i_con iconfont iconxiala1"></i>
                                        <ul class="nav_ul">
                                                                                        <li class=" ">
                                                <a  href="/products-77376" >Large slab decorative tiles</a>
                                                                                            </li>
                                                                                    </ul>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-39608" >Luxury gemstone tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-83871" >Artistic wall tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-38913" >Marble table furniture</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-82870" >Bar Counter</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-83042" >Island table</a>
                                                                            </li>
                                                                    </ul>
                                                            </li>

                            
                            <li class=" ">
                                <a  href="/service" >SOLUTION</a>
                                                            </li>

                            
                            <li class=" xia  ">
                                <a  href="/cases" >PROJECT</a>
                                                                <i class="i_con iconfont iconxiala1"></i>
                                <ul class="nav_ul">
                                                                        <li class="  ">
                                        <a  href="/cases-25252" >villa fit-out solution</a>
                                                                            </li>
                                                                    </ul>
                                                            </li>

                            
                            <li class=" xia  ">
                                <a  href="/news" >NEWS</a>
                                                                <i class="i_con iconfont iconxiala1"></i>
                                <ul class="nav_ul">
                                                                        <li class="  ">
                                        <a  href="/news-27580" >construction cases</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/news-27581" >Hot selling luxury decorative tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/news-27587" >Latest design of Springletile tiles</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/news-27582" >Springletile company culture</a>
                                                                            </li>
                                                                    </ul>
                                                            </li>

                            
                            <li class=" ">
                                <a  href="/about-us" >ABOUT US</a>
                                                            </li>

                                                        
                        </ul>
                    </div>
                    <div class="m_iconfenxiang_boxs iconfenxiang_boxs" btn_show="1"></div>
                </nav>
            </div>
        </div>
    </div>

            </header>
        </div>

<div class="content_box">
            <div class="tem_banner_2 no_bg_src" module_center="center" id="v623af3f42e5c3" module_id="5054" bg_img_url=""  module_type="module">
                
    
    <ul class="text top_text" modular-edit="custom" >
        <li class="container">
            <div class="top_subtitle">
                <div
                    class="align_con  ">
                    <section template-edit="subtitle_languages" module_name="module"></section>
                </div>
            </div>
            <div class="top_title title">
                <div
                    class="align_con  ">
                    <section template-edit="title_languages" module_name="module"><p><span style="font-size:36px;"><strong><span style="font-family:verdana,geneva,sans-serif;">SPRINGLETILE PROVIDES ONE-STOP SOLUTION SERVICE FOR HIGH-END CUSTOMIZATION OF LUXURY CERAMIC TILES</span></strong></span></p></section>
                </div>
            </div>
            <div class="top_details describe">
                <div class="align_con   ">
                    <section template-edit="describe_languages" module_name="module"></section>
                </div>
            </div>
            <div class="btn_box "
                btn_show="0">
                                                                <div class="is_btn_box ">
                    <div class="btn pc_btn" btn-types="deep">
                        <section template-edit="btn_languages" module_name="module"><p>READ MORE</p></section>
                    </div>
                    <div class="btn mobile_btn" btn-types="deep">
                        <section template-edit="btn_languages" module_name="module"><p>READ MORE</p></section>
                    </div>
                </div>
                                            </div>
        </li>
    </ul>
    <div class="iconfont iconios-arrow-back left_icon bg-color" btn_show="0"></div>
    <div class="iconfont iconios-arrow-forward right_icon bg-color" btn_show="0"></div>
    <div class="con swiper-container">
        <div class="swiper-pagination" btn_show="0" w_page_type=""></div>
        <ul class="list_row_ul swiper-wrapper">
                                                <li class="swiper-slide" modular-edit="custom">
                <div class="list_box">
                    <div class="list_con">
                                                <div data-banner="1" class="img_par no_img_src" img_type="">
                            <img class="" video-img="https://img001.video2b.com/567/file_01709342895979.jpg" img_preview_gif="" alt="" >
                                                        <span editable="video" video-type="0" video-src="https://www.youtube.com/embed/jx0QQJaIcPU" video-m3u8src="" playback_mode=""></span>
                        </div>
                        <div class="text videos_js_icons" >
                            <div class="container">
                                <div  display_none  class="subtitle align_con">
                                    <div class="   ">
                                        
                                    </div>
                                </div>
                                <div  display_none  class="title  align_con" title_lengths="">
                                    <div class="   ">
                                        
                                    </div>
                                </div>
                                <div  display_none  class="describe  align_con ">
                                    <div class="   ">
                                        
                                    </div>
                                </div>
                                                                <div class="btn_box" btn_show="0">
                                    <div class=" ">
                                                                                <div >
                                            <div class="btn"  btn-types="deep">
                                                <p>READ MORE</p>
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
                                </ul>
    </div>
            </div>

        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v623af3ee21aac" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#141414;">PRODUCT CENTER</span></p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><span style="font-size:12px;"><span style="color:#666;"></span></span><pre data-placeholder="Translation" id="tw-target-text" data-ved="2ahUKEwjl6qvr0c-EAxWKPUQIHTQ_AyMQ3ewLegQICRAU" dir="ltr"><span style="font-size:14px;"><span style="font-family:arial,helvetica,sans-serif;">Springletile provides one-stop solutions for high-end customized K gold luxury tiles for star hotel owners, well-known brand real <br>estate agents, famous architects, designers, etc. for luxury hotels, villas, clubs, KTV, restaurants, and apartment projects.</span></span></pre><span style="font-size:12px;"><span style="color:#666;"></span></span></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile Border Tiles Bathroom Border Tiles For Floor Ceramic Luxury Gold Black Border Tiles" href="/products-detail-197397" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/8c1e177fcef3687bb853157cd9cc828a/2118c02b8ec1c3470d9e527f6a1c4021.jpg" img_preview_gif="" alt="Springletile Border Tiles Bathroom Border Tiles For Floor Ceramic Luxury Gold Black Border Tiles">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/6f8c6f606ef9bec07efeca1be5609768.mp4" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile Border Tiles Bathroom Border Tiles For Floor Ceramic Luxury Gold Black Border Tiles
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile 600x1200 Bathroom Ceramic Black And Gold Golden Luxury For Villa Decorative Wall Tiles" href="/products-detail-197225" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/82d13fd00055cd1fa21767f78eaf825f/5e6514d4bc4b7b0d8304773a2b601e4f.jpg" img_preview_gif="" alt="Springletile 600x1200 Bathroom Ceramic Black And Gold Golden Luxury For Villa Decorative Wall Tiles">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/02c5aecce29ded44da81ede989c36703.mp4" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile 600x1200 Bathroom Ceramic Black And Gold Golden Luxury For Villa Decorative Wall Tiles
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="China karakata gold marble floor price panda white marble tiles with grey vein White Marble Step Tiles For Stair" href="/products-detail-197387" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/54c417ace5078aee514f276910c03ef1/99a2a326a311ad0ba4a179d535d1adf3.jpg" img_preview_gif="" alt="China karakata gold marble floor price panda white marble tiles with grey vein White Marble Step Tiles For Stair">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/2f19f3204ada3f1bc336f3a75720be0d.mp4" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    China karakata gold marble floor price panda white marble tiles with grey vein White Marble Step Tiles For Stair
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile calacatta marble step grey tile ceramic stair treads" href="/products-detail-496773" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01650074172733.jpg" img_preview_gif="" alt="Springletile calacatta marble step grey tile ceramic stair treads">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01650074159624.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01650074159624.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile calacatta marble step grey tile ceramic stair treads
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile 60x120 3d Ceramic Wall Decorative Golden Living Room Luxury Decoration Tile" href="/products-detail-197342" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/5785df1f8c004a48806f2a7283a388ec/d3c2c48fcbea348b65ca589a7f8d630f.jpg" img_preview_gif="" alt="Springletile 60x120 3d Ceramic Wall Decorative Golden Living Room Luxury Decoration Tile">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/74802fe44e70042b55cfc46e963efba2.mp4" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile 60x120 3d Ceramic Wall Decorative Golden Living Room Luxury Decoration Tile
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile custom luxury pattern gold vein ceramic wall lobby classic tiles" href="/products-detail-39303" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="http://img001.aivideo8.com/ai_video/U755/2021-05-04/img/1620119376423.jpg" img_preview_gif="" alt="Springletile custom luxury pattern gold vein ceramic wall lobby classic tiles">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/video/2021-5/mp4/L3E4-8081-5b7a-67a7-5f51-e1ae.mp4" video-m3u8src="https://img001.aivideo8.com/tvHr5q-i9Yw/cfcd2084-1024/hls/2021-5/NW7LQEXI-3OJ8-AARV/ae2e7c-701d-26a0-cc6f5f-06f5-fd7795.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile custom luxury pattern gold vein ceramic wall lobby classic tiles
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Fantasy cloud series blue onyx tiles interior decoration glazed  porcelain luxury polish ceramic anti slip floor tiles" href="/products-detail-4909654" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/capture/567/1731653480485_cover_img_png.jpg" img_preview_gif="" alt="Fantasy cloud series blue onyx tiles interior decoration glazed  porcelain luxury polish ceramic anti slip floor tiles">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01731653464962.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01731653464962.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Fantasy cloud series blue onyx tiles interior decoration glazed  porcelain luxury polish ceramic anti slip floor tiles
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile - 60x120 solid color wall ceramic modern home flooring tiles white polished glazed porcelain tiles 600x1200 mm" href="/products-detail-197427" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/09550613e724a4b9f000f22dc39ca250/34e5f7fb7397a2df9f2a1df7d2f6e124.jpg" img_preview_gif="" alt="Springletile - 60x120 solid color wall ceramic modern home flooring tiles white polished glazed porcelain tiles 600x1200 mm">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/7b3c231de8a05ce066c7266a2859351f.mp4" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile - 60x120 solid color wall ceramic modern home flooring tiles white polished glazed porcelain tiles 600x1200 mm
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile - Springletile gold luxury ceramic carpet floor latest bathroom tiles walls and floors design 600x1200 mm" href="/products-detail-197345" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/640e30166c18da6f559a8ec57dc6fff9/63ff39ff1ef42b047b44fb66754581bc.jpg" img_preview_gif="" alt="Springletile - Springletile gold luxury ceramic carpet floor latest bathroom tiles walls and floors design 600x1200 mm">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://imgbd.weyesimg.com/prod/moving/img/2214c4325e7b29f4bfe6dde11e72f89d/36edfe095317e757a5d12af98ac603d9.mp4" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile - Springletile gold luxury ceramic carpet floor latest bathroom tiles walls and floors design 600x1200 mm
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Springletile custom marble table supplier - how to assemble and pack the product" href="/products-detail-466525" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01649578923221.jpg" img_preview_gif="https://img001.video2b.com/567/file_016495785196871649579228868-exam.gif" alt="Springletile custom marble table supplier - how to assemble and pack the product">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01649578519687.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01649578519687.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile custom marble table supplier - how to assemble and pack the product
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="tem_picture_1 no_bg_src content-section" id="v65dffc9d916ec" module_id="5004" bg_img_url=""  module_type="module">
            
                <div class="container">

        <div class="picture_con">
            <ul class="picture_ul" direction="1" direction-phone="4">
                <li class="picture_li">
                    <div class="sticky_box" modular-edit="custom">
                        <div class="img_par no_img_src" img_type="" >
                            <img video-img="https://img001.video2b.com/567/file_01709341839798.jpg" alt="">
                            <span display_none video-type="1" video-src="https://img001.video2b.com/m3u8/file_01709286040195.m3u8" video-m3u8src="" playback_mode=""></span>
                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                        </div>
                    </div>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><p><span style="color:#DAA520;">CUSTOMIZED ONE-STOP SOLUTION SERVICES</span></p></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><p>Springletile specializes in providing luxury tile high-end customized one-stop solution services for the owners of star hotels, Well-known brand real estate developers, famous architects and designers</p><p>&nbsp; Springletile is a company that Professional supplies luxury hotels, villas, Clubhouse, KTV, Restaurant, apartments project high-end custom one-Stop Solution of k gold luxury ceramic tile for the owners of star hotels, Well-known brand real estate developers, famous architects, designers and so on. We will walk you through the entire solution creation process, From pre-sale communication, design, raw materials selection, manufacture, package, shipment to the installation. Pays a lot of attention to product quality. we always perform strict quality control while following the international production system, saving time and cost for both parties and bringing maximum benefits to you.&nbsp;</p></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"><p><img data-cke-saved-src="/images_2/icon/checked.png" src="/images_2/icon/checked.png" width="20" height="20"> We will review budgets, plans and drawings,and conduct site visits and assessments to determine the scope and needs of the project to propose the best approach;</p><p><img data-cke-saved-src="/images_2/icon/checked.png" src="/images_2/icon/checked.png" width="20" height="20"> Trial Production &amp; Sample Confirmation<br></p><p><img data-cke-saved-src="/images_2/icon/checked.png" src="/images_2/icon/checked.png" width="20" height="20">&nbsp;Our designated project managers will guide and keep projects on track by identifying and arranging needed resources.</p><p><img data-cke-saved-src="/images_2/icon/checked.png" src="/images_2/icon/checked.png" width="20" height="20"> We aim to understand your needs thoroughly to minimize project risk<br></p></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                    <div>
                                <div class="btn" btn-types="deep">
                                    <section template-edit="btn_languages" module_name="module">READ MORE</section>
                                </div>
                            </div>
                                                                                </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
        <div class="public_lists_tem_2 no_bg_src content-section" module_center="center" id="v623c1c616e010" module_id="5016" bg_img_url="https://img001.video2b.com/1412/file_01648105871545.png"  module_type="module">
            
    <div class="container">
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color" btn_show="1"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color" btn_show="1"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="0">
                                                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <div    class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1412/file_01648108542010.png" img_preview_gif="" alt="&lt;p&gt;Industry experience&lt;/p&gt;">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>Industry experience</p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>22years' professional building stone factory Since 2001.&nbsp;Exported to 90 Countries 1000 Customers.</p>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <div    class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1412/file_01648108573248.png" img_preview_gif="" alt="&lt;p&gt;Customized solution&lt;/p&gt;">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>Customized solution</p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>One-Stop Stone Production Solution..&nbsp;</p>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <div    class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1412/file_01648108598600.png" img_preview_gif="" alt="&lt;p&gt;Environmentally friendly materials&lt;/p&gt;">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>Environmentally friendly materials</p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>100% guarantee the materials do no harm to the environment.&nbsp;Huge Saving for Your Construction Source</p>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <div    class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1412/file_01648108615063.png" img_preview_gif="" alt="&lt;p&gt;Quality Control&lt;/p&gt;">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>Quality Control</p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>Strong Supply Chain Based on Strict QC ISO9001 System.&nbsp;ISO 9001 Quality Certification and CE by SGS. &nbsp;</p>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v623c2b07499d2" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#141414;">SUCCESSFUL PROJECT CASE</span></p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><span style="color:#666;"></span><pre data-placeholder="Translation" id="tw-target-text" data-ved="2ahUKEwjl6qvr0c-EAxWKPUQIHTQ_AyMQ3ewLegQICRAU" dir="ltr"><span style="font-size:14px;"><span style="font-family:arial,helvetica,sans-serif;">Springletile provides partners with the best and highest quality product design customization and services, and drives the <br>international market. Over the years, we have cooperated with real estate developers,architects, designers, owners and <br>star-rated brands in Canada, Australia, Dubai, Pakistan, India, Japan, Philippines, Brunei, Turkey, Kazakhstan, Cameroon, <br>Mauritius and other countries. </span></span></pre><span style="color:#666;"></span></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="2" mobile_list_cols="">
                                        <a  title="Springletile luxury stone tile best green marble garden elevation wall tiles for living room" href="/products-detail-3263284" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01687333675036.jpeg" img_preview_gif="https://img001.video2b.com/567/file_016873336945261687336332915-exam.gif" alt="Springletile luxury stone tile best green marble garden elevation wall tiles for living room">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01687333694526.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01687333694526.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile luxury stone tile best green marble garden elevation wall tiles for living room
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    The best green luxury marble tiles are suitable for living rooms, bathrooms, walls, or floors. The texture of the tile is clear and natural, and 4 pieces are one layout. If you want to know more details, please contact us
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="2" mobile_list_cols="">
                                        <a  title="Springletile one stop solution interior decoration company-Decoration effect display" href="/products-detail-466881" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01649682235170.jpg" img_preview_gif="https://img001.video2b.com/567/file_016496822417001649682883655-exam.gif" alt="Springletile one stop solution interior decoration company-Decoration effect display">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01649682241700.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01649682241700.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile one stop solution interior decoration company-Decoration effect display
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Springletile is a one stop solution interior decoration company.We supply luxury custom ceramic tiles, lighting, interior define furniture, natural handmade stone carvings and other interior decoration products.We have our own tile and furniture factory and complete interior decoration supply chain. At the same time, it has its own professional R&amp;D and design team and an excellent foreign trade team. We are not only an interior decoration company, but also a one-stop solution company.This is our engineering client water jet custom ceramic tiles, hotel screens, marble furniture and luxury large crystal stainless steel lighting. From the design drawing to the production of the actual product, we strictly control and constantly adjust it. Customer satisfaction is our aim.Welcome consultation and cooperation!
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="2" mobile_list_cols="">
                                        <a  title="Springletile staircase hall design flower marble and luxury ceiling lighting" href="/products-detail-172765" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01637335521443.jpg" img_preview_gif="" alt="Springletile staircase hall design flower marble and luxury ceiling lighting">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01637335387289.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01637335387289.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile staircase hall design flower marble and luxury ceiling lighting
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Springletile fashionable design and luxurious European style staircase hall decoration building.Use natural flower marble tile to pave and paste in the staircase hall design, with exclusive custom luxury ceiling lighting and furniture decoration.The natural flower marble tiles are processed with natural marble.This is the staircase hall design in the villa, designed and built by Springletile for the guests.We provide all fashion luxury ceiling lighting and furniture decoration.Springletile is a stone furniture integration company as well as a construction contracting company.We have 20 years of experience in undertaking construction projects.Springletile looks forward to cooperating with you.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="tem_picture_1 no_bg_src content-section" id="v623af3ee21aaf" module_id="5004" bg_img_url="https://img001.video2b.com/1412/file_01648188781511.jpg"  module_type="module">
            
                <div class="container">

        <div class="picture_con">
            <ul class="picture_ul" direction="2" direction-phone="4">
                <li class="picture_li">
                    <div class="sticky_box" modular-edit="custom">
                        <div class="img_par no_img_src" img_type="" >
                            <img video-img="https://img001.video2b.com/567/file_01709286771029.jpg" alt="">
                            <span display_none video-type="0" video-src="https://www.youtube.com/embed/jx0QQJaIcPU" video-m3u8src="" playback_mode=""></span>
                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                        </div>
                    </div>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><p><span style="color:#141414;">ABOUT US</span></p></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><p>Springletile factory was established in 2001, with 22years of factory history, industry technology, and market experience; Springletile factory's own brand (Springletile) was established on March 9, 2010. Springletile factory is located in the prestigious Foshan, Guangdong The Ceramic Capital of the World". The Springletile factory has a production area of ​​20,000 square meters and has a complete R&amp;D, design, production, sales and export service, professional team. The Springletile factory mainly produces and exports stylish, classic, and design interior decorative tiles, as well as a full set of tiles for walls and floors. Products are mainly exported to North America, Northern Europe, Europe, Middle East, South Asia, North Africa, and other markets. The Springletile factory is good at planning and product innovation and has invested a lot of money and product technology in product development, design, and production. Since 2011, the Springletile factory has obtained and applied for 6 product technology patents, including invention patent certificates such as "utility model patent certificate" and "national ceramic product invention patent certificate". The Springletile factory has a proprietary core technology position in the industry, has achieved major successes and breakthroughs in R&amp;D and production, and completed the independent innovation, precipitation, and accumulation of the company's brand. The Springletile factory has been scientifically and rationally planned. The recycling system of industrial wastewater and exhaust gas, the use of clean industrial energy, and the scientific management of factories and the environment have created more employment opportunities for society. The optimization and upgrading of company structure and system can better adapt to the trend of world integration, and jointly create a world with a common future. New factory goal: to make our brand products all over the world!</p></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"><p><img alt="" data-cke-saved-src="https://img001.video2b.com/1412/file_01648120859387.png" src="https://img001.video2b.com/1412/file_01648120859387.png" style="width: 20px; height: 20px;">&nbsp;22&nbsp;Years' Process Experience<br><img alt="" data-cke-saved-src="https://img001.video2b.com/1412/file_01648120859387.png" src="https://img001.video2b.com/1412/file_01648120859387.png" style="width: 20px; height: 20px;"> Professional production and sales team<br><img alt="" data-cke-saved-src="https://img001.video2b.com/1412/file_01648120859387.png" src="https://img001.video2b.com/1412/file_01648120859387.png" style="width: 20px; height: 20px;">&nbsp;Springletile factory has a production area of ​​20,000 square meters&nbsp;<br><img alt="" data-cke-saved-src="https://img001.video2b.com/1412/file_01648120859387.png" src="https://img001.video2b.com/1412/file_01648120859387.png" style="width: 20px; height: 20px;">​​​​​​​&nbsp;Springletile factory has obtained and applied for 6 product technology patents</p></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                                                <a href="/about-us" target="_self">
                                <div class="btn" btn-types="deep">
                                    <section template-edit="btn_languages" module_name="module">READ MORE</section>
                                </div>
                            </a>
                                                                                </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v623bde6884523" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#141414;">LATEST NEWS</span></p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:#666;">Building materials create a wide range of trusted innovative solutions for house from the front door to the back yard and everything in between from paving stones, wall stone and swimming pool coping to counter tops and fireplace and statues etc.</span></p></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Fashion Luxury glossy Waterproof wall tiles design for  indoor custom Springletile" href="/products-detail-112795" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.aivideo8.com/ai_video/U755/2021-04-27/img/1619498566687.jpg" img_preview_gif="" alt="Fashion Luxury glossy Waterproof wall tiles design for  indoor custom Springletile">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/video/2021-7/mp4/en/HGEF-2232-f5e0-f6ae-3bb8-4259.mp4" video-m3u8src="https://img001.aivideo8.com/tvHr5q-i9Yw/cfcd2084-1024/hls/2021-7/3CUUGQ5S-YAGR-350I/757595-b860-b678-0dc03a-805e-52be00.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Fashion Luxury glossy Waterproof wall tiles design for  indoor custom Springletile
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Springletile company has focused on the production and customization services of Indoor tiles, Luxury tiles, and decorative tiles for 20 years. Fashion tiles, classic and luxurious design ideas, the latest hot glossy tile designs are online, including 1. The latest hot agate gem wall tiles, 2.60x120mm golden dragon pattern interior wall tiles design, 3. Fashion leopard pattern exterior ceramic tiles, 4. Natural marble Textured gold quicksand indoor tile series design, 5. Bionic crocodile texture bathroom decorative wall tiles, 6. Back character pattern classic interior tile design, 7.30x90mm animal pattern bathroom wall tiles, 15x30border tile design, 8.60x60mm Waterproof tiles classic antique flowers and wood Textured exterior light wall and floor tiles, 9.glossy tiles golden flower pattern carpet decoration tiles and wall decoration tiles, 10. Fashion creative letter wall and floor tile series design, 11.30x90mm luxury bathroom waterproof tiles, 15x30mm border tile wall tiles, 12. Letter creative glossy tiles Customized design, 13, bathroom hand-made wall tiles matching design. Mainly used for large-scale hotels, villa projects, home interior tile decoration.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Springletile tile manufacturer-how to print custom ceramic tile" href="/products-detail-528815" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01650362758975.jpg" img_preview_gif="" alt="Springletile tile manufacturer-how to print custom ceramic tile">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01650362741856.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01650362741856.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile tile manufacturer-how to print custom ceramic tile
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Springletile tile manufacturer exclusive custom ceramic tile printing process.We provide high-end luxury custom services for ceramic tiles.We offer 2 ways to print tile patterns for custom ceramic tiles. One is screen printing and the other is inkjet automatic printing.Screen printing is a long-established process in China. Whether it is color and durability, Springletile tile manufacturer perfectly inherits our traditional Chinese craftsmanship.Inkjet printing adopts modern advanced automation technology, we have professional engineers for machine coding, which greatly improves the printing efficiency of custom ceramic tiles and increases the diversification of patterns.Springletile is a one-stop interior decoration company.We have our own tile and furniture factory and complete interior decoration supply chain,at the same time have a professional designer team.Springletile specializes in providing high-end customization services and one-stop interior decoration services!
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Springletile washroom tiles design test blue gold tile manufacturers" href="/products-detail-23588" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01610094278178.jpg" img_preview_gif="" alt="Springletile washroom tiles design test blue gold tile manufacturers">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/video/2021-1/mp4/M18M4QD4-TZ8E-4205-9ce968f6-692a-424f-ad28-9258575eb2e7-ce968f.mp4" video-m3u8src="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/hls/2021-1/V3CNTG5R-9C60-ZY8K/0e3e03-6015-fb21-5d12e9-434b-69b132.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile washroom tiles design test blue gold tile manufacturers
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Springletile washroom tiles design has a unique charm, Premium tile manufacturers. Blue gold tiles have been tested and shown: anti-fouling, non-slip, anti-corrosion, wear-resistant, convex gold does not fall off, high hardness, and good toughness. If you have other ideas? We can show you more...
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Springletile tile company internal team competition scene" href="/products-detail-29748" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/image/2021-2/jpg/Q2QI-7919-75da-edb9-a0b1-0ae7.jpg" img_preview_gif="" alt="Springletile tile company internal team competition scene">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/video/2021-2/mp4/CMR5-2088-f1a7-dc97-29c5-549a.mp4" video-m3u8src="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/hls/2021-2/HWUQGTSO-2LEF-OISH/ec923a-be77-2ea9-d763d7-f14f-f0c95f.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile tile company internal team competition scene
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    The first round of activities at the tile company’s annual meeting: the R&amp;D and design team competed with the foreign trade team. Coins were clamped on the knees and dropped into a plastic cup 2 meters away.Which group has the most coins put in is the first place. The scene was passionate and full of vitality. Have a young, dynamic and creative team.The second round of topic activities: the company team members are divided into 6 groups, each group gives the group a resounding group name, and design the group&#039;s LOGO within 3 minutes,When writing a slogan for this group, see which group finishes the fastest, and the best in the inner cage is the first place, and the worst group will receive corresponding small punishments. Cultivate teamwork Innovative and creative thinking promotes the company&#039;s development in a higher direction.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Springletile custom small tiles letter art tile test from China" href="/products-detail-127627" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01631009700831.jpg" img_preview_gif="https://img001.video2b.com/567/file_01631005362203-exam.gif" alt="Springletile custom small tiles letter art tile test from China">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01631005362203.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01631005362203.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile custom small tiles letter art tile test from China
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Springletile new small tiles alphabet series ceramic tile test. We have done anti-fouling and abrasion tests on this art tile. The surface adopts matte glaze technology, which is more non-slip.Product size:150x200x10mm.The design of small tiles is to be more flexible and allow customers to independently match. We can also provide customized services, luxury customized services are the core of our Springletile.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="OME agate tiles bathroom tiles background brick springletile" href="/products-detail-128806" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01631270653511.jpg" img_preview_gif="https://img001.video2b.com/567/file_01631270398030-exam.gif" alt="OME agate tiles bathroom tiles background brick springletile">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01631270398030.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01631270398030.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    OME agate tiles bathroom tiles background brick springletile
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    This is an agate tiles bathroom tiles background brick, which can be used in bathrooms, background walls, etc. How long can the tiles last? Ceramic flooring is one of the strongest and most durable flooring on the market. If properly maintained, glazed high-end ceramic floors can last for more than 100 years. With only basic household cleaners and mops, the tiles can easily maintain their new appearance.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="springletile custom kitchen tiles white and golden tiles new design" href="/products-detail-128850" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01631346475346.jpg" img_preview_gif="https://img001.video2b.com/567/file_01631323829213-exam.gif" alt="springletile custom kitchen tiles white and golden tiles new design">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01631323829213.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01631323829213.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    springletile custom kitchen tiles white and golden tiles new design
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    This is a newly made bathroom tiles, white kitchen tiles Golden tiles, this product uses fish scales as a pattern. The concave gold design shows the three-dimensional effect of the tiles. The microcrystalline surface makes the tiles wear-resistant and scratch-resistant, reducing dirt and making it easier to clean.0.5% water absorption, greatly improving the life of ceramic tilesThe tiles are made stronger by the fire
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Springletile new design wood grain porcelain tile and marble effect tile" href="/products-detail-138545" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.video2b.com/567/file_01634133242125.jpg" img_preview_gif="https://img001.video2b.com/567/file_01634133196912-exam.gif" alt="Springletile new design wood grain porcelain tile and marble effect tile">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/567/file_01634133196912.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01634133196912.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile new design wood grain porcelain tile and marble effect tile
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Springletile&#039;s new design tiles are on the market. We have newly launched wood grain porcelain tile series and marble effect tile series this time.Springletile imitation wood grain porcelain tiles in the production process.Will go through multiple processes such as inkjet and embossing.Make the pattern more natural and realistic.The marble effect tile uses Springletile&#039;s exclusive innovative technology.Perfectly reproduced the texture of natural marble.Both of these two series use Springletile&#039;s exclusive bronzing process.The surface is a layer of golden sand with a golden texture.Wear-resistant and guaranteed not to drop gold.Want to know more about our 2 series of new design tiles. You can move to our official website to view. Springletile has focused on high-end custom ceramic tiles for 20 years, has a professional designer team and advanced automation equipment. Welcome to cooperate and join us!
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Springletile interior decoration company custom mansion house design" href="/products-detail-198686" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
                                <img  class="" video-img="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/image/2021-12/jpg/MRUE-8986-c9d3-829a-333f-3d27.jpg" img_preview_gif="https://aivideo8.oss-accelerate.aliyuncs.com/ai_video/U755/2021-12-08/img/1638962185136.gif" alt="Springletile interior decoration company custom mansion house design">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/ccb09896-1779/video/2021-12/mp4/en/HRU4-8471-383c-b880-9b4c-2384.mp4" video-m3u8src="https://img001.aivideo8.com/tvHr5q-i9Yw/cfcd2084-1024/hls/2021-12/BNI5HMGC-5ESL-E3TB/16f6c1-7065-6b3e-c0069d-fb78-f6c6e4.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Springletile interior decoration company custom mansion house design
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    First episode!How Springletile interior decoration company conducts mansion house design and construction decoration.Our design architect will follow up and shoot how to build a rough room into a dream kingdom in the mind of the client.Springletile is a interior decoration company that has focused on design and construction for 20 years. We have our own team of top designers and 3D modeling team, we will provide mansion house design drawings and 3D modeling effect display.At the same time,Springletile also a building material and furniture integration company.We can also provide a full set of building materials and interior decoration furniture.The supply chain involves exterior stone carving, natural stone, interior wall panels, door cabinets, curtain fabrics, furniture and lighting, bathroom elements and kitchen elements, etc.The needs of customers are the direction we think about. Our aim is: to maximize the realization of the customer&#039;s dream kingdom.Springletile hopes that through our efforts, the world will retain more beautiful scenery and more desirable habitats.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="public_inquiry_tem_1 no_bg_src content-section" module_center="center" id="v623af3ee21ab4" module_id="5014" bg_img_url="https://img001.video2b.com/1412/file_01648120147754.jpg"  module_type="module">
                <div class="container">
        <div class="text top_text" modular-edit="custom">
            <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#DAA520;"><strong>&nbsp;Do you have questions? contact Us</strong></span></p></section>
            </div>
            <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="font-size:16px;"><span style="color:#DAA520;"></span>We are committed to producing the best quality products at the most competitive prices. Therefore, we sincerely invite all interested companies to contact us for more information<span style="color:#DAA520;">.</span></span><br></p><span style="color:#666;"></span></section>
            </div>
        </div>
        <div class="con enquiry_box">
                                <form no_form_enovation action="/add-enquiry" class="row_small_box" onsubmit="return form_submit(this);">
                <input type="hidden" name="enquiry_type" id="enquiry_type_v623af3ee21ab4" value="0">
                <input type="hidden" name="visitlength" id="visitlength_v623af3ee21ab4" value="====1788583142====">
                <input type="hidden" name="source" id="source_v623af3ee21ab4" value="0">
                <input type="hidden" name="id" id="id_v623af3ee21ab4" value="0">
                                <ul class="row_small">
                    <li class="">
                        <label class="enquiry_label form_inp " inp-types="shallow">
                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="name" id="name_v623af3ee21ab4" title placeholder="Enter your name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
                            <span class="required_span">Name</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                    <li class="">
                        <label class="enquiry_label form_inp " inp-types="shallow">
                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="email" id="email_v623af3ee21ab4" title  placeholder="Enter your e-mail" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
                            <span class="required_span">E-mail</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                                        <li class="">
                        <label class="enquiry_label form_inp " inp-types="shallow">
                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" name="phone" id="phone_v623af3ee21ab4"  oninput="this.value=this.value.replace(/[^\d]/,'');setCustomValidity('')" title  placeholder="Enter your phone" oninvalid="setCustomValidity('Please fill in this field')">
                            <span class="required_span">Phone/WhatsApp/Skype</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                                                            <li class="">
                        <label class="enquiry_label form_inp " inp-types="shallow">
                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off"  name="company" id="company_v623af3ee21ab4" title  placeholder="Enter your company name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
                            <span class="required_span">Company Name</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                                                            <li class="li-fill" style="width:100%;">
                        <label class="enquiry_label form_inp " inp-types="shallow">
                            <textarea class="enquiry_inp enquiry_inp_placeholder" rows="4" autocorrect="off" autocomplete="off" required name="msg" id="msg_v623af3ee21ab4" title  placeholder="Enter the content of your inquiry" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea>
                            <span class="required_span">Content</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                </ul>
                                                <div class="enquiry_btn_box btn_box " >
                    <button id="submit_v623af3ee21ab4" type="submit" class="btn" btn-types="deep">
                        <div template-edit="btn_languages" module_name="module">SEND INQUIRY NOW</div>
                    </button>
                </div>
            </form>
        </div>
    </div>
            </div>
        </div>

<div>
            <div
  id="v623d372378436"
  module_id="5053"
  bg_img_url=""
  
  class="tem_footer_section_03 no_bg_src boxs_m_show"
  module_type="footer"
  no_index_edit
>
        
  <div class="tem_footer_03">
    <div class="container">
              <div class="iconfenxiang_boxs_m" style="display: none;">
          <!-- <div class="go_fast">Go fast</div> -->
          <div class="iconfenxiang_wauto flex"></div>
        </div>
            <a href="/sitemap/a1.html" target="_blank" class="sitemap-box">
          <span class="sitemap" style="vertical-align:middle;">Sitemap</span>
      </a>
            <ul class="footer_ul flex">
        <li class="footer_li">
          <div class="li_head">
            <div class="logo" template-logo-edit="common_footer_logo" module_name="footer">
              <a href="/">
                                  <img head_logo_src="https://img001.video2b.com/567/file1609926659380.jpg" alt="Springletile">
                              </a>
            </div>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt0_languages" module_name="footer">
              <p>Springletile focus on R&amp;D and production of Golden luxury decorative tiles for 20 years.</p><p><br></p><p><span style="color:#ff8429;">READ MORE&gt;&gt;</span></p>
            </section>
          </div>

          <div class="footer_ul">
                          <div class="iconfenxiang_boxs footer" footer-social-media="true"></div>
                      </div>
        </li>

        <li class="footer_li">
          <div class="li_head">
            <section template-edit="common_footer_txt1_languages" module_name="footer">
              <p><span style="color:#FFFFFF;">PRODUCTS</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt2_languages" module_name="footer">
              <p><a data-cke-saved-href="https://www.springletile.com/products-8607" href="https://www.springletile.com/products-8607">bathroom luxury tiles</a></p><p><a data-cke-saved-href="https://www.springletile.com/products-8608" href="https://www.springletile.com/products-8608">Living Room Tiles</a></p><p><a data-cke-saved-href="https://www.springletile.com/products-8609" href="https://www.springletile.com/products-8609">Bedroom Tiles</a></p><p><a data-cke-saved-href="https://www.springletile.com/products-8610" href="https://www.springletile.com/products-8610">Kitchen Tiles</a></p><p><a data-cke-saved-href="https://www.springletile.com/products-8611" href="https://www.springletile.com/products-8611">Hallway Tiles</a></p><p><a data-cke-saved-href="https://www.springletile.com/products-8612" href="https://www.springletile.com/products-8612">Stairs Tiles</a></p><p><a data-cke-saved-href="https://www.springletile.com/products-22283" href="https://www.springletile.com/products-22283">border tile design</a></p><p><a data-cke-saved-href="https://www.springletile.com/products-22824" href="https://www.springletile.com/products-22824">Marble look tiles</a></p>
            </section>
          </div>
        </li>

        <li class="footer_li">
          <div class="li_head">
            <section template-edit="common_footer_txt3_languages" module_name="footer">
              <p><span style="color:#FFFFFF;">QUICK LINKS</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt4_languages" module_name="footer">
              <p><a data-cke-saved-href="/" href="/" rel="">Home</a></p><p><a data-cke-saved-href="/products" href="/products" rel="">Products</a></p><p><a data-cke-saved-href="/service" href="/service" rel="">Service</a></p><p><a data-cke-saved-href="/cases" href="/cases" rel="">Case</a></p><p><a data-cke-saved-href="/news" href="/news" rel="">News</a></p><p><a data-cke-saved-href="/about-us" href="/about-us" rel="">About Us</a></p><p><a data-cke-saved-href="/contact-us" href="/contact-us" rel="">Contact Us</a></p>
            </section>
          </div>
        </li>

        <li class="footer_li">
          <div class="li_head">
            <section template-edit="common_footer_txt5_languages" module_name="footer">
              <p><span style="color:#FFFFFF;">CONTACT US</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt6_languages" module_name="footer">
              <p>Email:<span style="color:#ff8429;"> <a data-cke-saved-href="mailto:service@lifisher.com" href="mailto:service@lifisher.com">info@springletile.com</a></span></p><p>Tel: +86-13425791384</p><p>Office: Building B1, Yingke Yijia, Jihua 4th Road, Shiwan Town, Chancheng District, Foshan City</p>
            </section>
          </div>

          <div class="footer_ul mt10">
                          <div class="lan_a">
                <a href="javascript:;" class="icon_bx language_modal_click">
                  <span class="iconfont icondiqu" style="vertical-align:middle;"></span>
                  <span class="visible_lgss" style="vertical-align:middle;">
                    Language
                  </span>
                </a>
                <a href="/sitemap/a1.html" target="_blank">
                    <span class="sitemap-line" style="vertical-align:middle;"></span>
                    <span class="sitemap" style="vertical-align:middle;">Sitemap</span>
                </a>
                              </div>
                      </div>
        </li>
      </ul>
    </div>
  </div>

        </div>
        <div class="tem01_copyright no_bg_src" id="v623af3ee21aff" module_id="5012" no_index_edit module_type="footer" module_type1="copy" bg_img_url="" >
    <div class="container">
                <div class="copyright_text">
            <div modular-edit="custom">
                <div editable="footer_text">
                                            Copyright © 2026 SP Building Material Co., Ltd. - www.springletile.com All Rights Reserved.
                                                   <span style="display: inline-flex;align-items: baseline">
                                                    <span>&nbsp;</span>
                            <div style="
                                height:12px;
                                color:rgba(255,255,255,0.6);
                                                                display:inline-block;"
                            >
                                <svg style="width: auto; overflow:visible" viewBox="0 0 5717 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1811" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" class="icon">
                                    <g transform="translate(0, 113)">
                                        <path fill="currentColor" d="M1435.409496 881.779793l68.607028-161.789708h361.46688L1934.090432 881.779793h129.022172L1749.773043 164.989947H1625.870798L1309.459281 881.779793h125.950215z m383.99456-269.308185H1549.071886l135.166085-318.459489 135.166085 318.459489zM2209.542529 251.004729c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM2267.909703 881.779793V337.01951h-116.734347V881.779793h116.734347z m420.858037 0l208.893041-544.760283h-117.758332l-149.501882 429.049922-151.549853-429.049922h-122.878259L2566.913467 881.779793h121.854273z m349.179054-630.775064c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM3096.313967 881.779793V337.01951h-116.734346V881.779793h116.734346z m383.99456 5.119927c87.038767 0 152.573839-34.815507 191.485287-98.302607V881.779793h117.758332V121.982556h-117.758332V431.226175c-39.935434-63.487101-105.470506-99.326593-193.533258-99.326592-153.597824 0-259.06833 111.614419-259.06833 275.452097 0 165.88565 104.44652 279.54804 261.116301 279.54804z m24.575652-98.302607c-99.326593 0-166.909635-73.726956-167.933621-177.149491 1.023985-104.44652 69.631014-179.197461 167.933621-179.197461s166.909635 73.726956 166.909635 179.197461c0 103.422535-68.607028 177.14949-166.909635 177.149491z m691.190208 97.278622c94.206665 0 172.029563-33.791521 225.276808-92.158695l-62.463115-66.559057c-39.935434 40.95942-94.206665 63.487101-153.597824 63.487101-86.014781 0-150.525868-52.22326-168.957606-136.190071h411.642168c14.335797-196.605215-63.487101-321.531445-254.972388-321.531445-161.789708 1.023985-275.452098 112.638404-275.452097 277.500069 0 163.837679 110.590433 275.452098 278.524054 275.452098z m149.501882-317.435503h-311.29159c12.287826-87.038767 73.726956-141.309998 159.741737-141.309999 89.086738 0 147.453911 53.247246 151.549853 141.309999z m458.745501 317.435503c167.933621 0 283.643982-112.638404 283.643982-277.500069 0-163.837679-115.710361-275.452098-283.643982-275.452098-168.957606 0-284.667967 111.614419-284.667967 275.452098 0 164.861664 115.710361 277.500069 284.667967 277.500069z m0-98.302608c-98.302607 0-166.909635-71.678985-166.909635-177.14949 0-104.44652 68.607028-177.14949 166.909635-177.149491 97.278622 0 165.88565 72.70297 165.88565 177.149491 0 105.470506-68.607028 177.14949-165.88565 177.14949z m635.894992 99.326593c167.933621 0 273.404127-78.846883 273.404126-206.84507 0-86.014781-54.271231-152.573839-140.286012-182.269418 64.511086-28.671594 104.44652-83.96681 104.44652-152.573838 0-115.710361-91.134709-186.36536-238.58862-186.36536-145.40594 0-237.564635 69.631014-237.564634 181.245432 0 69.631014 41.983405 126.974201 110.590433 157.693766-89.086738 29.695579-145.40594 97.278622-145.40594 184.317389 0 126.974201 105.470506 204.797099 273.404127 204.797099z m0-430.073907c-86.014781 0-136.190071-38.911449-136.190071-105.470506s50.175289-105.470506 136.190071-105.470506 135.166085 38.911449 135.166085 105.470506-49.151304 105.470506-135.166085 105.470506z m0 334.843256c-101.374564 0-159.741737-44.031376-159.741737-122.878259 0-74.750941 58.367173-117.758332 158.717751-117.758332 101.374564 0 160.765722 44.031376 160.765722 118.782317 0 77.822898-59.391159 121.854274-159.741736 121.854274z" p-id="1812"></path><path fill="currentColor" d="M72.683913 2.944243A99.298149 99.298149 0 0 1 121.437 3.143351l835.06017 217.312477c49.976181 13.027371 78.420222 62.292451 63.543988 110.021552a91.646702 91.646702 0 0 1-25.770301 40.191431l-161.107051 147.453911-421.882023-130.842591a112.410852 112.410852 0 0 0-59.647155-1.991083l-0.654213 0.142221c-61.069357 15.103786-96.709741 76.969576-82.487721 137.583828l0.455105 1.820419 104.190524 414.25902-13.254923 12.117162c-37.972795 34.758619-97.733727 34.388846-133.487887-0.853321A85.815673 85.815673 0 0 1 203.242063 910.223834L2.56935 112.311582C-9.462479 64.44026 21.911299 15.488065 72.683913 2.944243z" p-id="1813"></path><path fill="currentColor" d="M868.121533 675.47516c6.371465-6.371465 10.950956-14.449573 13.283367-23.409446 7.338563-27.988937-8.675433-57.485408-35.782604-65.876401l-452.942917-140.229124a49.009083 49.009083 0 0 0-26.25385-0.796433c-27.16406 6.68435-43.348719 35.185279-36.180821 63.629321l119.521863 474.418168c2.275523 9.016761 6.769682 17.322421 13.055815 24.063659 19.768609 21.333031 51.967264 22.385461 71.906537 2.389299l333.364166-334.189043z" p-id="1814">
                                        </path>
                                    </g>
                                </svg>
                            </div>
                            <span>&nbsp;Design</span>
                                                                            </span>
                                    </div>
            </div>
        </div>

    </div>
</div>
<script type="text/javascript">

function initFooter() {
    console.log('initFooter123');
    let show = `1`;
    let size = `12px` || '15px';
    let color = `rgba(255,255,255,0.6)` || 'inherit';
    let title = `Design`;
    let href = ``
    const section = $(`#v623af3ee21aff`).find('section').first()
    let customFooter = 0;
    if( customFooter == 1) {
        if(section.size() > 0 && show == '1') {
            const p = section.find('p').last()
            const spanDom = `
            <span><span>&nbsp;</span>
                 ${href ? `<a href="${href}" target="_blank">`:''}
                <div style="
                    height: ${size};
                    color: ${color};
                    ${color == 'inherit' ? 'opacity: 0.6;' : ''}
                    display:inline-block;"  >
                    <svg style="width: auto; overflow:visible" viewBox="0 0 5717 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1811" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" class="icon">
                        <g transform="translate(0, 113)">
                            <path fill="currentColor" d="M1435.409496 881.779793l68.607028-161.789708h361.46688L1934.090432 881.779793h129.022172L1749.773043 164.989947H1625.870798L1309.459281 881.779793h125.950215z m383.99456-269.308185H1549.071886l135.166085-318.459489 135.166085 318.459489zM2209.542529 251.004729c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM2267.909703 881.779793V337.01951h-116.734347V881.779793h116.734347z m420.858037 0l208.893041-544.760283h-117.758332l-149.501882 429.049922-151.549853-429.049922h-122.878259L2566.913467 881.779793h121.854273z m349.179054-630.775064c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM3096.313967 881.779793V337.01951h-116.734346V881.779793h116.734346z m383.99456 5.119927c87.038767 0 152.573839-34.815507 191.485287-98.302607V881.779793h117.758332V121.982556h-117.758332V431.226175c-39.935434-63.487101-105.470506-99.326593-193.533258-99.326592-153.597824 0-259.06833 111.614419-259.06833 275.452097 0 165.88565 104.44652 279.54804 261.116301 279.54804z m24.575652-98.302607c-99.326593 0-166.909635-73.726956-167.933621-177.149491 1.023985-104.44652 69.631014-179.197461 167.933621-179.197461s166.909635 73.726956 166.909635 179.197461c0 103.422535-68.607028 177.14949-166.909635 177.149491z m691.190208 97.278622c94.206665 0 172.029563-33.791521 225.276808-92.158695l-62.463115-66.559057c-39.935434 40.95942-94.206665 63.487101-153.597824 63.487101-86.014781 0-150.525868-52.22326-168.957606-136.190071h411.642168c14.335797-196.605215-63.487101-321.531445-254.972388-321.531445-161.789708 1.023985-275.452098 112.638404-275.452097 277.500069 0 163.837679 110.590433 275.452098 278.524054 275.452098z m149.501882-317.435503h-311.29159c12.287826-87.038767 73.726956-141.309998 159.741737-141.309999 89.086738 0 147.453911 53.247246 151.549853 141.309999z m458.745501 317.435503c167.933621 0 283.643982-112.638404 283.643982-277.500069 0-163.837679-115.710361-275.452098-283.643982-275.452098-168.957606 0-284.667967 111.614419-284.667967 275.452098 0 164.861664 115.710361 277.500069 284.667967 277.500069z m0-98.302608c-98.302607 0-166.909635-71.678985-166.909635-177.14949 0-104.44652 68.607028-177.14949 166.909635-177.149491 97.278622 0 165.88565 72.70297 165.88565 177.149491 0 105.470506-68.607028 177.14949-165.88565 177.14949z m635.894992 99.326593c167.933621 0 273.404127-78.846883 273.404126-206.84507 0-86.014781-54.271231-152.573839-140.286012-182.269418 64.511086-28.671594 104.44652-83.96681 104.44652-152.573838 0-115.710361-91.134709-186.36536-238.58862-186.36536-145.40594 0-237.564635 69.631014-237.564634 181.245432 0 69.631014 41.983405 126.974201 110.590433 157.693766-89.086738 29.695579-145.40594 97.278622-145.40594 184.317389 0 126.974201 105.470506 204.797099 273.404127 204.797099z m0-430.073907c-86.014781 0-136.190071-38.911449-136.190071-105.470506s50.175289-105.470506 136.190071-105.470506 135.166085 38.911449 135.166085 105.470506-49.151304 105.470506-135.166085 105.470506z m0 334.843256c-101.374564 0-159.741737-44.031376-159.741737-122.878259 0-74.750941 58.367173-117.758332 158.717751-117.758332 101.374564 0 160.765722 44.031376 160.765722 118.782317 0 77.822898-59.391159 121.854274-159.741736 121.854274z" p-id="1812"></path><path fill="currentColor" d="M72.683913 2.944243A99.298149 99.298149 0 0 1 121.437 3.143351l835.06017 217.312477c49.976181 13.027371 78.420222 62.292451 63.543988 110.021552a91.646702 91.646702 0 0 1-25.770301 40.191431l-161.107051 147.453911-421.882023-130.842591a112.410852 112.410852 0 0 0-59.647155-1.991083l-0.654213 0.142221c-61.069357 15.103786-96.709741 76.969576-82.487721 137.583828l0.455105 1.820419 104.190524 414.25902-13.254923 12.117162c-37.972795 34.758619-97.733727 34.388846-133.487887-0.853321A85.815673 85.815673 0 0 1 203.242063 910.223834L2.56935 112.311582C-9.462479 64.44026 21.911299 15.488065 72.683913 2.944243z" p-id="1813"></path><path fill="currentColor" d="M868.121533 675.47516c6.371465-6.371465 10.950956-14.449573 13.283367-23.409446 7.338563-27.988937-8.675433-57.485408-35.782604-65.876401l-452.942917-140.229124a49.009083 49.009083 0 0 0-26.25385-0.796433c-27.16406 6.68435-43.348719 35.185279-36.180821 63.629321l119.521863 474.418168c2.275523 9.016761 6.769682 17.322421 13.055815 24.063659 19.768609 21.333031 51.967264 22.385461 71.906537 2.389299l333.364166-334.189043z" p-id="1814">
                            </path>
                        </g>
                    </svg>
                </div>
                ${title}
                ${href ? `</a>`:''}
            </span>`
            if(p.size() > 0) {
                const span = p.find('span').last()
                if(span.size()) {
                    span.append(spanDom)
                    return
                }
                p.append(spanDom)
            } else {
                section.append(spanDom)
            }
        }
    }
}

initFooter()
</script>
        </div>
<!-- 引用内容 end -->
    <div id="backTop_click" onclick="backtop_click_fun()" ta_click="top" class="back_top font-color"><i class="iconfont iconxiangshang1"></i></div>
    <script>
        var backtop_click_fun_bol = true;
        function backtop_click_fun(){
            if (backtop_click_fun_bol) {
                backtop_click_fun_bol = false;
                $('body,html,*').stop().animate({scrollTop:0},500,function(){backtop_click_fun_bol = true;});
            }return false;
        }
    </script>
            <script>
    window.ChatOnlineConfig = {styleId:'1',color:'#007eff'};
    $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);})
    </script>
            <svg style="position:absolute;bottom:100%;right:100%" width="1" height="1">
            <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox">
                <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/>
            </clipPath>
        </svg>
        <div id="chat_online_box" class="chat_online_box fun_scr_hide chat-online-style1" lang="en" v_id="">
                <svg viewBox="-1 -1 2 2" width="64" height="64" class="chat-online-bg">
            <path fill="var(--chatonline-color)" d="M-0.10000000000000002 -0.939955572004279A0.2 0.2 0 0 1 0.09999999999999999 -0.9399555720042789 L0.7640254037844385 -0.5565803263805834A0.2 0.2 0 0 1 0.8640254037844386 -0.3833752456236957 L0.8640254037844387 0.38337524562369535A0.2 0.2 0 0 1 0.7640254037844386 0.5565803263805831 L0.1000000000000001 0.9399555720042789A0.2 0.2 0 0 1 -0.0999999999999999 0.939955572004279 L-0.7640254037844384 0.5565803263805837A0.2 0.2 0 0 1 -0.8640254037844385 0.383375245623696 L-0.8640254037844386 -0.3833752456236957A0.2 0.2 0 0 1 -0.7640254037844385 -0.5565803263805834z" />
        </svg>
        <svg width="22" height="22" viewBox="0 0 22 22" class="chat-online-icon">
            <path fill="rgba(255,255,255,.7)" d="M 19.7902 0 C 21.0106 0 22 0.991154 22 2.2138 L 22 15.4966 C 22 16.7192 21.0106 17.7104 19.7902 17.7104 L 8.71475 17.7104 L 5.81379 21.6045 C 5.48937 22.04 4.87398 22.1296 4.43929 21.8046 C 4.19077 21.6186 4.04447 21.3264 4.04454 21.016 L 4.04454 17.7104 L 2.20982 17.7104 C 0.989362 17.7104 0 16.7192 0 15.4966 L 0 2.2138 C 0 0.991154 0.989362 0 2.20982 0 L 19.7902 0 Z" />
        </svg>
            </div>
        <div class="share_fun_box fun_scr_hide">
        <ul>
            <li class="">
                <div class="text network_bg" data-network="linkedin">
                    <a href="https://www.linkedin.com/shareArticle/?title=Springletile+High-end+Custom+Luxury+Decorative+Tiles+Manufacturer+%26+Supplier&url=https://www.springletile.com" target="_blank" rel="nofollow">
                        <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">linkedin</div>
                    </a>
                </div>
            </li><li class="share_m_hide">
                    <div class="text network_bg" data-network="whatsapp">
                        <a href="https://web.whatsapp.com/send?text=https://www.springletile.com" target="_blank" rel="nofollow">
                            <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div>
                        </a>
                    </div>
                </li><li class="share_pc_hide">
                    <div class="text network_bg" data-network="whatsapp">
                        <a href="whatsapp://send?text=https://www.springletile.com" target="_blank" rel="nofollow">
                            <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div>
                        </a>
                    </div>
                </li><li class="">
                <div class="text network_bg" data-network="facebook">
                    <a href="https://www.facebook.com/sharer.php?t=Springletile+High-end+Custom+Luxury+Decorative+Tiles+Manufacturer+%26+Supplier&u=https://www.springletile.com" target="_blank" rel="nofollow">
                        <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">facebook</div>
                    </a>
                </div>
            </li><li class="">
                <div class="text network_bg" data-network="twitter">
                    <a href="https://twitter.com/intent/tweet?text=Springletile+High-end+Custom+Luxury+Decorative+Tiles+Manufacturer+%26+Supplier&url=https://www.springletile.com" target="_blank" rel="nofollow">
                        <div class="share_img_box">
                            
                            <img src="/images/media_img/twitter.svg" alt="" style="width: 24px;height: 24px;margin-top:0;">
                        </div>
                        <div class="tit">twitter</div>
                    </a>
                </div>
            </li><li>
                <div class="text network_bg" data-network="share">
                    <a href="javascript:;"><div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">share</div></a>
                </div>
            </li><li class="network_click_li">
                <div class="img icon_bgs"></div>
            </li>
        </ul>
    </div>
    <div class="share_fun_box2 switch_module_no fun_scr_hide" id="bottomShareBox">
        <ul>
            <li data-network="share">
                <button type="button" class="share_fun_box2__share">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="share_fun_box2__icon">
                        <path d="M13.576 17.271l-5.11-2.787a3.5 3.5 0 1 1 0-4.968l5.11-2.787a3.5 3.5 0 1 1 .958 1.755l-5.11 2.787a3.514 3.514 0 0 1 0 1.458l5.11 2.787a3.5 3.5 0 1 1-.958 1.755z"/>
                    </svg>
                    Share
                </button>
            </li>
            <li class="share_fun_box2__btn-box">
                <button type="button" class="btn share_fun_box2__inquiry" id="showInquiry" btn-types="deep">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18" class="share_fun_box2__icon">
                        <path d="M17.125839,9.93057662 C17.3305824,9.87918721 17.5475837,9.92518095 17.7138749,10.0552117 C17.8801661,10.1852424 17.9771275,10.3847506 17.9766253,10.5958441 L17.9766253,17.1637402 C17.9766253,17.5427532 17.6704208,17.8479584 17.2924052,17.8479584 L0.707594815,17.8479584 C0.525955926,17.8479584 0.35177103,17.7757347 0.223426519,17.6472031 C0.0950820074,17.5186715 0.0231118462,17.3443816 0.0233758954,17.1627429 L0.0233758954,10.5958441 C0.0233758954,10.1510026 0.442285714,9.82385454 0.874161029,9.93157402 L8.83343376,13.0444675 C8.94314805,13.0713974 9.05685195,13.0713974 9.16556882,13.0444675 L17.125839,9.93257144 L17.125839,9.93057662 Z M15.9818182,8.68282597 L8.90025975,11.4177039 L1.81969869,8.68282597 L1.81969869,1.59628053 C1.82069611,0.728540269 2.52486234,0.0233766234 3.39459741,0.0233766234 L14.4059221,0.0233766234 C15.2766546,0.0233766234 15.9818182,0.726545455 15.9818182,1.59628053 L15.9818182,8.68282597 Z M7.25753767,5.13705974 L13.5511481,5.13705974 L13.5511481,3.56315844 L7.25753767,3.56315844 L7.25753767,5.13705974 Z M4.46082078,8.25892986 L6.03472208,8.25892986 L6.03472208,6.68502856 L4.46082078,6.68502856 L4.46082078,8.25793247 L4.46082078,8.25892986 Z M4.46082078,5.13705974 L6.03472208,5.13705974 L6.03472208,3.56315844 L4.46082078,3.56315844 L4.46082078,5.13705974 Z M7.25753767,8.25892986 L13.5511481,8.25892986 L13.5511481,6.68502856 L7.25753767,6.68502856 L7.25753767,8.25793247 L7.25753767,8.25892986 Z"/>
                    </svg>
                    <span>Send Inquiry</span>
                </button>
            </li>
                        <li class="share_fun_box2__btn-box">
                <button type="button" class="btn chat_online_clicks" btn-types="deep">
                    <svg width="20" height="17" viewBox="0 0 20 17" class="share_fun_box2__icon">
                        <path d="M8.34648449,7.37780455 C9.75187587,6.81309866 10.7478925,5.4388328 10.7478925,3.83394163 C10.7478925,1.72748494 9.03421028,0.0138026772 6.92805002,0.0138026772 C4.82188976,0.0138026772 3.10791106,1.72778138 3.10791106,3.83394163 C3.10791106,5.4388328 4.10422417,6.81309864 5.50961557,7.37780455 C2.37572024,8.03410839 0.0149235827,10.8182121 0.0149235827,14.1439 C0.0149235827,14.9573136 0.584075965,15.2258824 1.04176933,15.4419824 L1.06844835,15.4532469 C2.90900415,16.1030292 5.57127372,16.2764428 6.85394163,16.2764428 C8.25310791,16.2764428 10.9912645,16.0496711 12.8104771,15.421232 C13.4940528,15.1588884 13.84088,14.7290597 13.84088,14.1441964 C13.8411765,10.8182121 11.4800834,8.03410837 8.34648449,7.37780455 L8.34648449,7.37780455 Z M18.947837,0.165873091 L13.5886151,0.165873091 C12.9592867,0.165873091 12.7671978,0.833737835 12.7671978,1.41652616 L12.7671978,2.55186661 C12.7671978,2.95116258 12.5333117,3.41270961 12.4434924,3.54284392 C12.3776841,3.63740622 11.8918295,4.01535898 11.5248448,4.3082353 C11.4362112,4.37908291 11.3733673,4.49498843 11.4027142,4.60466882 C11.4317647,4.71375636 11.5103196,4.79586844 11.6223715,4.81306159 C11.9392589,4.86197313 12.3029829,4.92837423 12.5101899,4.97610004 C12.5134507,5.62558593 13.1267717,5.62558593 13.3588791,5.62558593 L18.8971468,5.62380732 C19.5083928,5.62380732 19.8816026,5.21591478 19.8816026,4.63194071 L19.8816026,1.4168226 C19.8816026,0.831366378 19.5685688,0.165873091 18.947837,0.165873091 L18.947837,0.165873091 Z M16.6208337,4.31594256 L14.2493655,4.31594256 C14.086327,4.31594256 13.9529319,4.18254746 13.9529319,4.01950904 C13.9529319,3.85647061 14.086327,3.72307549 14.2493655,3.72307549 L16.6208337,3.72307549 C16.7838722,3.72307549 16.9172672,3.85647059 16.9172672,4.01950904 C16.9172672,4.18254748 16.7835757,4.31594256 16.6208337,4.31594256 Z M17.8065679,3.13020843 L14.2493655,3.13020843 C14.086327,3.13020843 13.9529319,2.99681333 13.9529319,2.8337749 C13.9529319,2.67073648 14.086327,2.53734136 14.2493655,2.53734136 L17.8065679,2.53734136 C17.9696063,2.53734136 18.1030014,2.67073646 18.1030014,2.8337749 C18.1030014,2.99681335 17.9693099,3.13020843 17.8065679,3.13020843 Z M18.6958685,1.94447429 L14.2493655,1.94447429 C14.086327,1.94447429 13.9529319,1.81107919 13.9529319,1.64804077 C13.9529319,1.48500234 14.086327,1.35160722 14.2493655,1.35160722 L18.6958685,1.35160722 C18.8589069,1.35160722 18.992302,1.48500232 18.992302,1.64804077 C18.992302,1.81107921 18.8586105,1.94447429 18.6958685,1.94447429 Z" />
                    </svg>
                    <span>Chat Now</span>
                </button>
            </li>
                    </ul>
    </div>
        <div id="bottomInquiry" class="bottom-inquiry-box bottom-inquiry-box--hidden">
        <div class="bottom-inquiry-box__bg" data-inquiry-close></div>
        <form action="/add-enquiry" class="bottom-inquiry-box__form">
            <button type="button" data-inquiry-close class="bottom-inquiry-box__close iconfont iconguanbi"></button>
            <h4 class="bottom-inquiry-box__title">Send your inquiry</h4>
            <input type="hidden" name="enquiry_type" value="0">
            <input type="hidden" name="visitlength" value="====1788583142====">
            <input type="hidden" name="source" value="0">
            <input type="hidden" name="id" value="0">
            <div class="bottom-inquiry-box__scroll">
                                <label class="bottom-inquiry-box__label">
                    <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="name" placeholder="Enter your name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/>
                    <span class="bottom-inquiry-box__tip">Name</span>
                </label>
                <label class="bottom-inquiry-box__label">
                    <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="email" type="email" placeholder="Enter your e-mail" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/>
                    <span class="bottom-inquiry-box__tip">E-mail</span>
                    <span class="bottom-inquiry-box__error">Format error</span>
                </label>
                                <label class="bottom-inquiry-box__label">
                    <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off"  name="phone" placeholder="Enter your phone" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/>
                    <span class="bottom-inquiry-box__tip">Phone/WhatsApp/Skype</span>
                </label>
                                                <label class="bottom-inquiry-box__label">
                    <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off"  name="company" placeholder="Enter your company name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/>
                    <span class="bottom-inquiry-box__tip">Company Name</span>
                </label>
                                                <label class="bottom-inquiry-box__label">
                    <textarea class="bottom-inquiry-box__input" rows="3" title autocorrect="off" autocomplete="off" required name="msg" placeholder="Enter the content of your inquiry" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea>
                    <span class="bottom-inquiry-box__tip">Content</span>
                </label>
                                            </div>
            <button type="submit" class="bottom-inquiry-box__btn bg-color" id="submit_main">SEND INQUIRY NOW</button>
        </form>
    </div>
          
              <script mos-id="v623af3ee21ab4">
    (function(){
        var generate_id = "v623af3ee21ab4",
            box = $('#'+generate_id),
            inp = box.find('.enquiry_inp');

        inp.bind('input propertychange', function () {
            var that = $(this),
                par = that.parent(),
                name = that.attr("name"),
                val = that.val();
            if (val) {
                par.addClass("active");
            } else {
                par.removeClass("active");
            }
        });

        inp.change(function () {
            var that = $(this),
                par = that.parent(),
                name = that.attr("name"),
                val = that.val(),
                bol = false;
            if (val) {
                if (name == "email") {
                    // rao@iqo.uni-hannover.de
                    var strRegex = /^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/;
                    if (!strRegex.test(val)) {
                        bol = true;
                    }
                }
            }
            if (bol) {
                par.addClass("errors");
            } else {
                par.removeClass("errors");
            }
        });

        $(function() {
            box.find('[data-input-select]').length > 0 && box.find('[data-input-select]').inputSelectable()
        });
    })();
    </script>
                <script mos-id="v623bde6884523">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v623bde6884523"]();
        }
    })
        function fun_v623bde6884523(){
        var generate_id = "v623bde6884523",
            box = $('#'+generate_id);
        if(box.length==0){
            var design_iframe = $('#design_iframe'),
                dom = design_iframe.contents(),
            box = dom.find('#'+generate_id);
        }

        function noop(){}
        box.find('[data-zoomable]').click(noop);

        var list_cols = "3",
            mobileListCols = +"2",
            loop = "1",
            speed = "300",
            autoplay = "4000",
            swiper_switch = box.find('[swiper_switch="1"]');
        if(loop == "1"){
            loop = true;
        }else{
            loop = false;
        }
        if(swiper_switch.length == 0){return false;}
        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
            // autoHeight: true,
            autoplay: parseInt(autoplay),
            speed: parseInt(speed),
            loop: loop,
            autoplayDisableOnInteraction: false,
            slidesPerView : list_cols,
            spaceBetween : 20,
            prevButton: '#'+generate_id+' .swiper-container .left_icon',
            nextButton: '#'+generate_id+' .swiper-container .right_icon',
            pagination : '#'+generate_id+' .swiper-pagination',
            paginationClickable: true,
            onInit:function(mySwiper){
                slide_top_btn();
                box.find('.swiper-container')[0].swipers = function(type){
                    // 当前播放禁止轮播
                    if (autoplay=='0') {return}
                    if (type == 'play') {
                        mySwiper.stopAutoplay();
                    }else{
                        mySwiper.startAutoplay();
                    }
                }
                var top = $(document).scrollTop();
                $(document).scrollTop((top+100));
                $(document).scrollTop((top-100));
                $(document).scrollTop(top);
            },
            onSlideChangeStart:function(swiper){
                box.find('.swiper-container .swiper-slide video').each(function(){
                    $(this)[0].pause();
                })
            },onSlideChangeEnd:function(){
                slide_top_btn();
            },
            breakpoints: {
                768: {
                    slidesPerView: mobileListCols || 2
                },
                500: {
                    slidesPerView: 1
                },
            }
        })
        function slide_top_btn(){
            if(list_cols>=box.find('.list_row_li').length){return}
            var box_h = box.height(),
                txt = box.find('.con li .text'),
                h = 0,
                direction = "4";
            txt.each(function(){
                var that = $(this),
                    that_h = that.outerHeight()
                if(that_h>h){
                    if(direction == "3"){
                        h = -that_h;
                    }else{
                        h = that_h;
                    }
                }
            })
            box_h = box_h - h;
            box.find('.right_icon,.left_icon').css({
                top:  "calc(50% - "+h/2+"px)"
            }).show();
            box.find('.swiper-pagination').show();
        }
    }
    </script>
                        <script mos-id="v623af3ee21aaf">
      $("#v623af3ee21aaf_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v623af3ee21aaf')
      })
    </script>
                    <script mos-id="v623c2b07499d2">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v623c2b07499d2"]();
        }
    })
        function fun_v623c2b07499d2(){
        var generate_id = "v623c2b07499d2",
            box = $('#'+generate_id);
        if(box.length==0){
            var design_iframe = $('#design_iframe'),
                dom = design_iframe.contents(),
            box = dom.find('#'+generate_id);
        }

        function noop(){}
        box.find('[data-zoomable]').click(noop);

        var list_cols = "2",
            mobileListCols = +"2",
            loop = "1",
            speed = "300",
            autoplay = "4000",
            swiper_switch = box.find('[swiper_switch="1"]');
        if(loop == "1"){
            loop = true;
        }else{
            loop = false;
        }
        if(swiper_switch.length == 0){return false;}
        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
            // autoHeight: true,
            autoplay: parseInt(autoplay),
            speed: parseInt(speed),
            loop: loop,
            autoplayDisableOnInteraction: false,
            slidesPerView : list_cols,
            spaceBetween : 20,
            prevButton: '#'+generate_id+' .swiper-container .left_icon',
            nextButton: '#'+generate_id+' .swiper-container .right_icon',
            pagination : '#'+generate_id+' .swiper-pagination',
            paginationClickable: true,
            onInit:function(mySwiper){
                slide_top_btn();
                box.find('.swiper-container')[0].swipers = function(type){
                    // 当前播放禁止轮播
                    if (autoplay=='0') {return}
                    if (type == 'play') {
                        mySwiper.stopAutoplay();
                    }else{
                        mySwiper.startAutoplay();
                    }
                }
                var top = $(document).scrollTop();
                $(document).scrollTop((top+100));
                $(document).scrollTop((top-100));
                $(document).scrollTop(top);
            },
            onSlideChangeStart:function(swiper){
                box.find('.swiper-container .swiper-slide video').each(function(){
                    $(this)[0].pause();
                })
            },onSlideChangeEnd:function(){
                slide_top_btn();
            },
            breakpoints: {
                768: {
                    slidesPerView: mobileListCols || 2
                },
                500: {
                    slidesPerView: 1
                },
            }
        })
        function slide_top_btn(){
            if(list_cols>=box.find('.list_row_li').length){return}
            var box_h = box.height(),
                txt = box.find('.con li .text'),
                h = 0,
                direction = "4";
            txt.each(function(){
                var that = $(this),
                    that_h = that.outerHeight()
                if(that_h>h){
                    if(direction == "3"){
                        h = -that_h;
                    }else{
                        h = that_h;
                    }
                }
            })
            box_h = box_h - h;
            box.find('.right_icon,.left_icon').css({
                top:  "calc(50% - "+h/2+"px)"
            }).show();
            box.find('.swiper-pagination').show();
        }
    }
    </script>
                <script mos-id="v623c1c616e010">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v623c1c616e010"]();
        }
    })
        function fun_v623c1c616e010(){
        var generate_id = "v623c1c616e010",
            box = $('#'+generate_id);
        if(box.length==0){
            var design_iframe = $('#design_iframe'),
                dom = design_iframe.contents(),
            box = dom.find('#'+generate_id);
        }

        function noop(){}
        box.find('[data-zoomable]').click(noop);

        var list_cols = "4",
            mobileListCols = +"2",
            loop = "",
            speed = "300",
            autoplay = "4000",
            swiper_switch = box.find('[swiper_switch="1"]');
        if(loop == "1"){
            loop = true;
        }else{
            loop = false;
        }
        if(swiper_switch.length == 0){return false;}
        new Swiper('#'+generate_id+' .swiper-container', {
            // autoHeight: true,
            autoplay: parseInt(autoplay),
            speed: parseInt(speed),
            loop: loop,
            slidesPerView : list_cols,
            spaceBetween : 20,
            prevButton: '#'+generate_id+' .swiper-container .left_icon',
            nextButton: '#'+generate_id+' .swiper-container .right_icon',
            pagination : '#'+generate_id+' .swiper-pagination',
            onInit:function(mySwiper){
                slide_top_btn();
                box.find('.swiper-container')[0].swipers = function(type){
                    // 当前播放禁止轮播
                    if (autoplay=='0') {return}
                    if (type == 'play') {
                        mySwiper.stopAutoplay();
                    }else{
                        mySwiper.startAutoplay();
                    }
                }
                var top = $(document).scrollTop();
                $(document).scrollTop((top+100));
                $(document).scrollTop((top-100));
                $(document).scrollTop(top);
            },
            onSlideChangeStart:function(swiper){
                box.find('.swiper-container .swiper-slide video').each(function(){
                    $(this)[0].pause();
                })
            },onSlideChangeEnd:function(){
                slide_top_btn();
            },
            breakpoints: {
                768: {
                    slidesPerView: mobileListCols || 2
                },
                // 500: {
                //     slidesPerView: 1
                // },
            }
        })
        function slide_top_btn(){
            if(list_cols>=box.find('.list_row_li').length){return}
            var box_h = box.height(),
                txt = box.find('.con li .text'),
                h = 0;
            txt.each(function(){
                var that = $(this),
                    that_h = that.outerHeight()
                if(that_h>h){
                    // h = that_h;
                }
            })
            box_h = box_h - h;
            box.find('.right_icon,.left_icon').css({
                top:  "calc(50% - "+h/2+"px)"
            }).show();
            box.find('.swiper-pagination').show();
        }
    }
    </script>
                        <script mos-id="v65dffc9d916ec">
      $("#v65dffc9d916ec_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v65dffc9d916ec')
      })
    </script>
                    <script mos-id="v623af3ee21aac">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v623af3ee21aac"]();
        }
    })
        function fun_v623af3ee21aac(){
        var generate_id = "v623af3ee21aac",
            box = $('#'+generate_id);
        if(box.length==0){
            var design_iframe = $('#design_iframe'),
                dom = design_iframe.contents(),
            box = dom.find('#'+generate_id);
        }

        function noop(){}
        box.find('[data-zoomable]').click(noop);

        var list_cols = "4",
            mobileListCols = +"2",
            loop = "1",
            speed = "300",
            autoplay = "3000",
            swiper_switch = box.find('[swiper_switch="1"]');
        if(loop == "1"){
            loop = true;
        }else{
            loop = false;
        }
        if(swiper_switch.length == 0){return false;}
        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
            // autoHeight: true,
            autoplay: parseInt(autoplay),
            speed: parseInt(speed),
            loop: loop,
            autoplayDisableOnInteraction: false,
            slidesPerView : list_cols,
            spaceBetween : 20,
            prevButton: '#'+generate_id+' .swiper-container .left_icon',
            nextButton: '#'+generate_id+' .swiper-container .right_icon',
            pagination : '#'+generate_id+' .swiper-pagination',
            paginationClickable: true,
            onInit:function(mySwiper){
                slide_top_btn();
                box.find('.swiper-container')[0].swipers = function(type){
                    // 当前播放禁止轮播
                    if (autoplay=='0') {return}
                    if (type == 'play') {
                        mySwiper.stopAutoplay();
                    }else{
                        mySwiper.startAutoplay();
                    }
                }
                var top = $(document).scrollTop();
                $(document).scrollTop((top+100));
                $(document).scrollTop((top-100));
                $(document).scrollTop(top);
            },
            onSlideChangeStart:function(swiper){
                box.find('.swiper-container .swiper-slide video').each(function(){
                    $(this)[0].pause();
                })
            },onSlideChangeEnd:function(){
                slide_top_btn();
            },
            breakpoints: {
                768: {
                    slidesPerView: mobileListCols || 2
                },
                500: {
                    slidesPerView: 1
                },
            }
        })
        function slide_top_btn(){
            if(list_cols>=box.find('.list_row_li').length){return}
            var box_h = box.height(),
                txt = box.find('.con li .text'),
                h = 0,
                direction = "4";
            txt.each(function(){
                var that = $(this),
                    that_h = that.outerHeight()
                if(that_h>h){
                    if(direction == "3"){
                        h = -that_h;
                    }else{
                        h = that_h;
                    }
                }
            })
            box_h = box_h - h;
            box.find('.right_icon,.left_icon').css({
                top:  "calc(50% - "+h/2+"px)"
            }).show();
            box.find('.swiper-pagination').show();
        }
    }
    </script>
            
    <script mos-id="v623af3f42e5c3">
        $("#v623af3f42e5c3_banner").on("click",function(){
            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v623af3f42e5c3')
        })
        $('.click_inquiry').on("click",function(){
            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v623af3f42e5c3')
        })
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v623af3f42e5c3"]();
        }
    })
        function fun_v623af3f42e5c3(){
        var generate_id = "v623af3f42e5c3",
            box = $('#'+generate_id),
            isMouseOver = false;
        if(box.length==0){
            var design_iframe = $('#design_iframe'),
                dom = design_iframe.contents(),
            box = dom.find('#'+generate_id);
        }

        var loop = "",
            speed = "300",
            autoplay = "4000",
            pauseOnMouse = +autoplay && "0" === '1',
            autoHide = "0" === '1';
        if(loop == "1"){
            loop = true;
        }else{
            loop = false;
        }
        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
            autoHeight: true,
            autoplay: parseInt(autoplay),
            speed: parseInt(speed),
            loop: loop,
            autoplayDisableOnInteraction: false,
            slidesPerView : 1,
            // spaceBetween : 20,
            prevButton: '#'+generate_id+' .left_icon',
            nextButton: '#'+generate_id+' .right_icon',
            pagination : '#'+generate_id+' .swiper-pagination',
            paginationClickable :true,
            onInit:function(mySwiper){
                // slide_top_btn();
                box.find('.swiper-container')[0].swipers = function(type){
                    // 当前播放禁止轮播
                    if (autoplay=='0') {return}
                    if (type == 'play') {
                        mySwiper.stopAutoplay();
                    }else{
                        if(!isMouseOver) {
                            mySwiper.startAutoplay();
                        }
                    }
                }
                var top = $(document).scrollTop();
                $(document).scrollTop((top+100));
                $(document).scrollTop((top-100));
                $(document).scrollTop(top);
            },
            onSlideChangeStart:function(swiper){
                box.trigger('togglevideo');
                box.find('.swiper-container .swiper-slide video').each(function(){
                    $(this)[0].pause();
                });

                box.find('.swiper-container .swiper-slide iframe').each(function(){
                    if(/^youtube/.test(this.id) && typeof window.YT !=='undefined') {
                        YT.get(this.id).pauseVideo();
                    }
                });
            },onSlideChangeEnd:function(){
                // slide_top_btn();
            },
        });

        if (pauseOnMouse) {
            box.on('mouseenter', function() {
                swiper_ids.stopAutoplay();
                isMouseOver = true;
            }).on('mouseleave', function() {
                isMouseOver = false;
                var done = false;
                box.find('.swiper-container .swiper-slide iframe').each(function(){
                    if(/^youtube/.test(this.id) && typeof window.YT !=='undefined') {
                        var player = YT.get(this.id);
                        if (player.getPlayerState() === 1) {
                            done=true;
                        }
                    }
                });
                box.find('.swiper-container .swiper-slide video').each(function(){
                    if(!$(this)[0].paused) {
                        done=true;
                    }
                });
                if (!done) {
                    swiper_ids.startAutoplay();
                }
            });
        }

        if (autoHide) {
            box.on('togglevideo', function() {
                var cover = box.find('.top_text');
                if(box.find('.swiper-wrapper').children().eq(swiper_ids.activeIndex).find('video,iframe').is(':visible')) {
                    cover.addClass('top_text--hidden');
                } else {
                    cover.removeClass('top_text--hidden');
                }
            });
        }

        box.on('lazyload', function() {
            setTimeout(() => {
                swiper_ids.updateAutoHeight();
            }, 200);
        });
    }
    </script>
                <script mos-id="v623af3ee21acd">
    var generate_id = "v623af3ee21acd",
        head_s = $('#'+generate_id);
    function head_nav_w(){
        var nav = head_s.find('.nav'),
            sw = nav[0].scrollWidth,
            w = nav.width(),
            nav_box = head_s.find('nav');
        if(sw > w){
            nav_box.addClass('add');
        }else{
            nav_box.removeClass('add');
        }
        head_s.find('.nav_box')[0].scrollLeft = 0;
        head_s.find('.btn_l').addClass('disabled');
        head_s.find('.btn_r').removeClass('disabled');

        var sloganHeight = head_s.find('.header-slogan-box').outerHeight();
        head_s[0].style.setProperty('--header-offset',-sloganHeight+'px');
    }

    function handleScroll() {
        var thresholds = {
            1: 0,
            nav: 40
        }, key = head_s.attr('switch_fixed');
        if (key in thresholds) {
            var curThreshold = thresholds[key];
            if (typeof curThreshold === "function") {
                curThreshold = curThreshold();
            }
            var top = $(window).scrollTop();
            if (top > curThreshold) {
                head_s.addClass('head_fixed');
            } else {
                head_s.removeClass('head_fixed');
            }
        }
    }

    $(window).on('scroll', handleScroll).trigger('scroll');

    window.addEventListener('resize',head_nav_w);
    head_s.mouseenter(function(){
        if (!this.head_bol) {
            head_nav_w();
            this.head_bol = true;
        }
    })
    head_s.find('#head_button').click(function(){
        $("body,html").toggleClass("head_nav_active");
    })

    head_s.find('.nav_btns').click(function(){
        if ($(this).hasClass('disabled')) {return}
        var nav = head_s.find('.nav'),
            sw = nav[0].scrollWidth,
            w = nav.width(),
            sl_box = head_s.find('.nav_box'),
            sl = sl_box[0].scrollLeft,
            l = $(this).data('left'),
            btn_r = head_s.find('.btn_r'),
            btn_l = head_s.find('.btn_l');
        sl += l;
        if ((sl+w)>sw) {
            btn_r.addClass('disabled');
        }else{
            btn_r.removeClass('disabled');
        }
        if (0>=sl) {
            btn_l.addClass('disabled');
        }else{
            btn_l.removeClass('disabled');
        }
        sl_box.stop().animate({
            scrollLeft: sl
        },200)
    })

    head_s.on('click','.nav li',function(e){
        e.stopPropagation();
        var li = $(this),
            ul = li.find('>ul'),
            tan = e.target;
        if(tan.localName=="a"||$(tan).parents('a').length){
            return
        }else{
            li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act');
            ul.toggle(200);
        }
        return false;
    })

    head_s.on('mouseenter','.nav>li',function(){
        add_nav_li22($(this));
    })
    function par_box_fun(par,fun){
        var id = par.attr('id'),
            li = $('[li_id="'+id+'"]'),
            header_nav_li_box = li.closest('.header_nav_li_box');
        fun(par,li);
        if (header_nav_li_box.length) {
            par_box_fun(header_nav_li_box,fun);
        }
    }
    function add_nav_li22(that,objs){
        if(head_s.find('.nav').css('display')=="block"){return}
        var id = that.attr("li_id"),
            boxs = null;
            ul = that.find('>ul');
        if (ul.length == 0) {
            return;
        }
        var show_fun = function(){
            boxs.stop().fadeIn(200);
            that.addClass("font-color");
            var ids_ = boxs.attr('id');
            if (objs) {
                par_box_fun(objs.par_box,function(id_box,li){
                    id_box.stop().fadeIn(200);
                    li.addClass("font-color");
                })
            }
        }
        var hide_fun = function(n){
            boxs.stop().fadeOut(200);
            that.removeClass("font-color");
            if (objs&&n==2) {
                par_box_fun(objs.par_box,function(id_box,li){
                    id_box.stop().fadeOut(200);
                    li.removeClass("font-color");
                })
            }
        }
        if (id) {
            boxs = $('#'+id);
        }else{
            id = 'li_id_'+new Date().getTime()
            that.attr("li_id",id);
            boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>');
            var clone_ul = ul.clone();
            boxs.append(clone_ul);
            $('body').append(boxs);
            that.mouseleave(function(){
                hide_fun(1);
            })
            boxs.mouseleave(function(){
                hide_fun(2);
            })
            boxs.mouseenter(function(){
                show_fun();
            })
            clone_ul.find('li').mouseenter(function(){
                add_nav_li22($(this),{
                    par_box: boxs
                });
            })
        }
        show_fun();
        var top = that.offset().top + that.height(),
            left = that.offset().left;
        if (objs) {
            var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px','');
            top = top - that.height() - pts;
            left = left + that.width();
        }
        if (left+boxs.width()+20>=$(window).width()) {
            if (objs) {
                left = that.offset().left - boxs.width();
            }else{
                left = $(window).width() - boxs.width() -10;
            }
        }
        var box_objs = {
            top: top,
            left: left
        }
        box_objs.minWidth = objs?0:that.outerWidth();
        boxs.css(box_objs)
    }

    $(head_nav_w);

    window['teardown' + generate_id] = function () {
        window.removeEventListener('resize', head_nav_w);
        $(window).off('scroll', handleScroll);
    }
    </script>
        
    <!-- 统计 -->
    <!-- Google Analytics Begin-->
    <script src="https://www.googletagmanager.com/gtag/js?id=G-RJ8ERSM3SX" async></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments) }
        gtag('js', new Date());
        gtag('config', 'G-RJ8ERSM3SX');
    </script>
<!-- Google Analytics End -->
<!-- Create one update function for each consent parameter -->
<script>
    function consentGrantedAdStorage() {
        console.log('consentGrantedAdStorage granted');
        gtag('consent', 'update', {
            'ad_storage': 'granted',
            'ad_user_data': 'granted',
            'ad_personalization': 'granted',
            'analytics_storage': 'granted'
        });
    }
    function refuseGrantedAdStorage() {
        console.log('consentGrantedAdStorage denied');
        gtag('consent', 'update', {
            'ad_storage': 'denied',
            'ad_user_data': 'denied',
            'ad_personalization': 'denied',
            'analytics_storage': 'denied'
        });
    }
</script>
<!-- Invoke your consent functions when a user interacts with your banner -->
    <style>
    .head_sousuos_modal{position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;color:#333;display:none;}
    .head_sousuos_modal .mengban{position:absolute;left:0;top:0;width:100%;height:100%;}
    .head_sousuos_active .head_sousuos_modal{display:block;}
    .head_sousuos_modal .search_cons{padding:0 15px;position:relative;}
    .head_sousuos_modal .sousuos_box{max-width:100%;width:1400px;position:absolute;left:0;top:140px;right:0;margin:auto;z-index:4;}
    .head_sousuos_modal .sousuos_box input{display:block;background: rgba(255,255,255,.8);outline: 0;padding: 0 40px;border: 1px solid;border-color: #fff;color: inherit;border-radius: 20px;width:100%;height:40px;padding-right:70px;}
    .head_sousuos_modal .sousuos_box i{position: absolute;left: 15px;top: 0;height: 40px;width: 40px;border: none;background: 0;outline: 0;font-size: 18px;color: inherit;line-height: 40px;text-align: center;pointer-events: none;}
    .head_sousuos_modal .sousuos_box button{position: absolute;right: 15px;top: 1px;height: 38px;display: block;text-align: center;line-height: 38px;font-size: 24px;cursor: pointer;transition: .3s;font-style: initial;border-radius: 20px;padding: 0 20px;border: none;outline: 0;color: #fff;}
    .head_sousuos_modal .sousuos_box .btn_txt{display:none;}
    .head_sousuos_modal .sousuos_box span{font-size:inherit;}
    @media (max-width:1025px){
    .head_sousuos_modal{background: rgba(0,0,0,.8);}
    .head_sousuos_modal .sousuos_box{position:relative;transform:none;top:0;left:0;padding-top:80px;}
    .head_sousuos_modal .sousuos_box button{display:block;position:relative;transform:none;top:0;left:0;right:0;}
    .head_sousuos_modal .sousuos_box span{display:none;}
    .head_sousuos_modal .sousuos_box .btn_txt{display:block;font-size:16px;}
    .head_sousuos_modal .sousuos_box button{width:100%;margin-top:20px;}
    .head_sousuos_modal .close_btn{position: absolute;right:10px;top:10px;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;font-size:26px;z-index:9;cursor:pointer;font-weight:bold;}
    }



    /* 前台公共语言弹框内容 */
    .language_con{display:flex;flex-wrap:wrap;}
    .language_modal_a{width:16.6666%;display:flex;padding:15px 10px;color:inherit;}
    .language_modal_a img{width:30px;height:30px;display:block;min-width:30px;border-radius:50%;}
    .language_modal_a span{display:block;padding-left:6px;overflow:hidden;text-overflow:ellipsis;line-height:30px;white-space:nowrap;}
    .language_modal_a img[lans-src]{display:none;}
    .language_modal_blade .lang_head{font-size:38px!important;}
    @media (max-width:1025px){
    .language_modal_blade .language_con{width:240px!important;float:right;color:#fff;}
    .language_modal_a{width:100%;}
    .language_modal_blade{background: rgba(0,0,0,.7)!important;}
    .language_modal_blade .lang_head{color:#fff;}
    .language_modal_blade .lang_head{font-size:30px!important;}
    }

    .language_modal_blade {display: none}
    .language_modal_mask_body {overflow: hidden !important;width: 100%;height: 100%}
    body.language_modal_mask_body .language_modal_blade {display: block}
    .language_modal_mask {display: none}

    @media (min-width:1025px) {
    .language_modal_blade {position: fixed;width: 1000px;max-width: 100%;height: 80%;background: #fff;border-radius: 15px;box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);z-index: 1021;left: 0;right: 0;margin: auto;top: 10%;color: #000;display: none}
    .language_modal_blade .lang_head {height: 100px;line-height: 98px;font-size: 48px;overflow: hidden;padding: 0 30px;border-bottom: 1px solid #ddd;font-weight: 700}
    .language_modal_blade .lang_head .head_close_box {float: right;line-height: 98px}
    .language_modal_blade .lang_head .head_close {width: 50px;height: 50px;display: inline-block;line-height: 50px;text-align: center;cursor: pointer}
    .language_modal_blade .lang_head .head_close:hover {opacity: .4}
    .language_modal_blade .language_con {padding: 30px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto}
    .language_modal_blade .lan_ul {overflow: hidden;margin-left: -10px;margin-right: -10px}
    .language_modal_blade .lan_ul li {float: left;width: 16.6666%;padding: 0 10px;margin-bottom: 30px;color: #444}
    .language_modal_blade .lan_ul li.active {color: inherit;font-weight: 700}
    .language_modal_blade .lan_ul li:hover a {color: #000}
    .language_modal_blade .lan_ul .lan_img {float: left;display: block;width: 30px;height: 30px}
    .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;border-radius: 50%}
    .language_modal_blade .lan_ul .lan_txt {line-height: 30px;margin-left: 36px;font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .language_modal_mask {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 999}
    body.language_modal_mask_body .language_modal_mask {display: block}
    }

    @media (max-width:1025px) {
    .language_modal_blade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 999;padding-top: 60px}
    .language_modal_blade .lang_head {position: absolute;right: 0;top: 0;line-height: 50px;height: 50px;padding-right: 50px;font-size: 40px}
    .language_modal_blade .lang_head>span {display: none}
    .language_modal_blade .language_con {height: 100%;width: 100%;overflow: auto;padding-bottom: 50px}
    .language_modal_blade .language_con .lan_ul {float: right;padding: 0 20px}
    .language_modal_blade .language_con .lan_ul a {color: inherit;display: block}
    .language_modal_blade .language_con .lan_ul li {color: #fff;overflow: hidden;margin-bottom: 10px}
    .language_modal_blade .language_con .lan_ul li.active {color: inherit}
    .language_modal_blade .language_con .lan_img {display: block;float: left;width: 40px;height: 40px}
    .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;object-fit: contain}
    .language_modal_blade .language_con .lan_txt {line-height: 40px;margin-left: 50px;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 200px}
    }


    div.language_modal_blade .language_con{display:block;}
    div.language_modal_blade .active_locale_v{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    @media (min-width: 1025px){
    div.language_modal_blade .language_con{bottom:40px;display:block;}
    .language_modal_a{float:left;display:block;}
    .language_modal_a img{margin:auto;}
    .language_modal_a span{padding-left:0;text-align:center;}
    }
    .language_modal_a img{width:50px;height:auto;;border-radius:0;min-width:50px;}
    @media (max-width: 1025px){div.language_modal_blade{padding-bottom:40px;}div.language_modal_blade .active_locale_v{color:#fff;}}

    </style>

<div class="language_modal_mask"></div>
<div class="language_modal_blade">
    <div class="lang_head title">
        <span>Choose a different language</span>
        <div class="head_close_box" onclick="$('.language_modal_mask').click();">
            <span class="head_close">╳</span>
        </div>
    </div>
    <div class="language_con">
                                                        <a href="/" class="language_modal_a  font-color" title="English" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-en"></div>
                <span>English</span>
            </a>
                                                            <a href="/uk" class="language_modal_a " title="Українська" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-uk"></div>
                <span>Українська</span>
            </a>
                                                            <a href="/tl" class="language_modal_a " title="Pilipino" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-tl"></div>
                <span>Pilipino</span>
            </a>
                                                            <a href="/pl" class="language_modal_a " title="Polski" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-pl"></div>
                <span>Polski</span>
            </a>
                                                            <a href="/fa" class="language_modal_a " title="فارسی" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-fa"></div>
                <span>فارسی</span>
            </a>
                                                            <a href="/el" class="language_modal_a " title="Ελληνικά" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-el"></div>
                <span>Ελληνικά</span>
            </a>
                                                            <a href="/ru" class="language_modal_a " title="русский" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-ru"></div>
                <span>русский</span>
            </a>
                                                            <a href="/pt" class="language_modal_a " title="Português" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-pt"></div>
                <span>Português</span>
            </a>
                                                            <a href="/it" class="language_modal_a " title="italiano" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-it"></div>
                <span>italiano</span>
            </a>
                                                            <a href="/fr" class="language_modal_a " title="français" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-fr"></div>
                <span>français</span>
            </a>
                                                            <a href="/es" class="language_modal_a " title="Español" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-es"></div>
                <span>Español</span>
            </a>
                                                            <a href="/de" class="language_modal_a " title="Deutsch" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-de"></div>
                <span>Deutsch</span>
            </a>
                                                            <a href="/ar" class="language_modal_a " title="العربية" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-ar"></div>
                <span>العربية</span>
            </a>
                                                            <a href="/tr" class="language_modal_a " title="Türkçe" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-tr"></div>
                <span>Türkçe</span>
            </a>
                                                            <a href="/vi" class="language_modal_a " title="Tiếng Việt" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-vi"></div>
                <span>Tiếng Việt</span>
            </a>
                                                            <a href="/th" class="language_modal_a " title="ภาษาไทย" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-th"></div>
                <span>ภาษาไทย</span>
            </a>
                                                            <a href="/sr" class="language_modal_a " title="Српски" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-sr"></div>
                <span>Српски</span>
            </a>
                                                            <a href="/hi" class="language_modal_a " title="हिन्दी" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-hi"></div>
                <span>हिन्दी</span>
            </a>
                                                            <a href="/iw" class="language_modal_a " title="עִברִית" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-iw"></div>
                <span>עִברִית</span>
            </a>
                                                            <a href="/id" class="language_modal_a " title="bahasa Indonesia" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-id"></div>
                <span>bahasa Indonesia</span>
            </a>
                                                            <a href="/ms" class="language_modal_a " title="Bahasa Melayu" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-ms"></div>
                <span>Bahasa Melayu</span>
            </a>
                                                            <a href="/ky" class="language_modal_a " title="Кыргызча" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-ky"></div>
                <span>Кыргызча</span>
            </a>
                                                            <a href="/fi" class="language_modal_a " title="Suomi" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-fi"></div>
                <span>Suomi</span>
            </a>
                                                            <a href="/ko" class="language_modal_a " title="한국어" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-ko"></div>
                <span>한국어</span>
            </a>
                                                            <a href="/la" class="language_modal_a " title="Latin" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-la"></div>
                <span>Latin</span>
            </a>
                                                            <a href="/ja" class="language_modal_a " title="日本語" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-ja"></div>
                <span>日本語</span>
            </a>
                                                            <a href="/da" class="language_modal_a " title="dansk" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-da"></div>
                <span>dansk</span>
            </a>
                                                            <a href="/ro" class="language_modal_a " title="Română" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-ro"></div>
                <span>Română</span>
            </a>
                                </div>
    <div class="active_locale_v">Current language：English</div>
</div>
<div class="head_sousuos_modal">
    <div class="mengban head_sousuos_close"></div>
    <div class="close_btn head_sousuos_close  iconfont iconguanbi4"></div>
    <form action="/search" class="sousuos_box" onsubmit="return head_form_fun(this);">
        <div class="search_cons">
            <input type="text" name="search" placeholder="SEARCH" required autocomplete="off" autocorrect="off">
            <button class="bg-color">
                <span class="iconfont iconsousuo"></span>
                <span class="btn_txt">SEARCH</span>
            </button>
            <i class="iconfont iconsousuo"></i>
        </div>
    </form>
</div>

<script>
function head_form_fun(that) {
    var form = $(that),
        url = form.attr("action"),
        search = form.find('[name="search"]').val();
    search = encodeURIComponent(search)
    if (0){
        window.location.href = search + '_c0_ss'
    } else {
        window.location.href = getUrl_fun(url, "search", search);
    }
    return false;
}

function getUrl_fun(url, field, value) {
    if (url.indexOf("?") != -1) {
        if (url.indexOf(field) != -1) {
            return changeURLArg_fun(url, field, value);
        } else {
            return url + '&' + field + '=' + value;
        }
    } else {
        return url + '?' + field + '=' + value;
    }
}

function changeURLArg_fun(url, arg, arg_val) {
    var pattern = arg + '=([^&]*)';
    var replaceText = arg + '=' + arg_val;
    if (url.match(pattern)) {
        var tmp = '/(' + arg + '=)([^&]*)/gi';
        tmp = url.replace(eval(tmp), replaceText);
        return tmp;
    } else {
        if (url.match('[\?]')) {
            return url + '&' + replaceText;
        } else {
            return url + '?' + replaceText;
        }
    }
}


$('.head_shousuos').click(function(){
    $('body').addClass('head_sousuos_active');
    $('.head_sousuos_modal .sousuos_box input').focus();
})
$('.head_sousuos_close').click(function(){
    $('body').removeClass('head_sousuos_active');
})

</script>

<script data-static="false">
(function () {
$.ajaxSetup({cache: true})
var head_logo_src = $('[head_logo_src]');
$('.fun_scr_hide').removeClass('fun_scr_hide');

head_logo_src.each(function(){
    var img = $(this),
        src = img.attr('head_logo_src');
    if (src.indexOf('http') !== -1 && src.indexOf('?') == -1) {
        if (src.includes('/tos/')) {
            src += '?x-tos-process=image/resize,m_lfit,w_768'
            if (imgLazyLoad_bol) {
                src = src+'/format,webp';
            }
        } else {
            src = src+'?x-oss-process=image/resize,m_lfit,w_768';
            if (imgLazyLoad_bol) {
                src = src+'/format,webp';
            }
        }
    }
    img.attr('src',src).removeAttr('head_logo_src');
})
var
    public_js_src = "/scripts/public_js.js?v=1740647842",
    public_js = $(
        '<link rel="stylesheet" href="/libs/swiper/swiper.min.css">'+
        '<script src="'+public_js_src+'" async><\/script>'
        );
$("body").append(public_js);
var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll'];
for (var i = 0; i < arr.length; i++) {
    document.addEventListener(arr[i],fn,false);
}

var fn_bol = false;
function fn(e) {
    if(fn_bol){return}
    fn_bol = true;
    var d_arr = fun_scr_arr,
        f_arr = [];
    for (var i = 0; i < d_arr.length; i++) {
        var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name);
        if (val.name == 5||val.delay) {
            f_arr.push(val)
        }else if (val.name == 'link') {
            dom.href = val.url; dom.rel = val.rel;
            val.id ? dom.id = val.id : '';
            document.querySelector('body').appendChild(dom);
        }else{
            if(!document.querySelector('#'+val.id)){
                $('body').append('<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>');
            }
        }
    }
    for (var f = 0; f < f_arr.length; f++) {
        outs(f_arr[f])
    }
    function outs(val){
        var n = val.delay||300;
        setTimeout(function () {
            if (val.name==5) {
                val.fun&&val.fun();
            }else{
                var dom = document.createElement(val.name);
                if (val.name == 'link') {
                    dom.href = val.url; dom.rel = val.rel;
                }else{
                    dom.src = val.url;dom.type = val.type;
                }
                document.querySelector('body').appendChild(dom);
            }
        },n);
    }
    document.querySelector('.share_fun_box2').style.display = 'block';
    var swiper_src = document.querySelectorAll('[swiper_src]');
    for (var im = 0; im < swiper_src.length; im++) {
        swiper_src[im].src = swiper_src[im].getAttribute('swiper_src');
    }
    for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);}
}
$(function(){
    function handleScroll() {
        var btn = $('[data-product-inquiry]').filter(':visible').first();
        if(btn.length) {
            var off = btn.offset().top;
            var top = $(window).scrollTop() + 60;
            $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top);
        }
    }
    function handleResize() {
        $('.list_link_artboard').each(function() {
            var highlight = $(this).find('.border-color');
            var outerOffset = $(this).offset().left;
            if (highlight.length && highlight.is(':visible')) {
                $(this).find('.hidden_box').stop().animate({
                    scrollLeft: highlight.offset().left - outerOffset - 10
                });
            }
        });
    }
    
    var bottomInquiry = $('#bottomInquiry');

    $('#showInquiry').on('click', function() {
        bottomInquiry.removeClass('bottom-inquiry-box--hidden');
    });

    bottomInquiry
        .on('click', '[data-inquiry-close]', function() {
            $('#bottomInquiry').addClass('bottom-inquiry-box--hidden');
        })
        .find('.bottom-inquiry-box__input').on('input', function() {
            $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value);
        })
        .end().find('input[type="file"]').on('change', function() {
            inquiry_attachment_change_fun($(this));
        })
        .end().find('input[name="email"]').on('change', function() {
            $(this).parent().toggleClass('bottom-inquiry-box__label--error', this.value && !/^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/.test(this.value));
        })
        .end().find('form').on('submit', function() {
            return form_submit(this);
        });

    bottomInquiry.find('[data-input-select]').inputSelectable();

    if($('[data-product-inquiry]').length) {
        $(window).scroll(handleScroll);
        handleScroll();
    }
    if($('.list_link_artboard').length) {
        $(window).resize(handleResize);
        handleResize();
    }
    // 这里加载特定滚动加载
    
});
})()
</script>

<style>
    .external-chat-box {
        padding: 0;
    }

    .external-chat-box-right {
        position: fixed;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 48px;
        padding: 4px 0;
        background: rgba(0, 0, 0, .35);
        border-radius: 4px 0 0 4px;
        transition: .2s;
        z-index: 9999;
    }

    .external-chat-box-right__toggle {
        position: absolute;
        top: 50%;
        right: 100%;
        border-radius: 0 4px 4px 0;
        color: #fff;
        transform: translateY(-50%);
        background: inherit;
        padding: 0 4px;
        line-height: 40px;
        font-size: 14px;
        cursor: pointer;
        /*transition: .3s;*/
        border: 0;
        outline: 0;
    }

    .external-chat-box-right--collapse {
        transform: translateY(-50%) translateX(100%);
    }

    .external-chat-box__item1 {
        padding: 8px 0;
        text-align: center;
        display: block;
        position: relative;
    }

    .chatIconPanel1 {
        border-radius: 0 4px 4px 0;
    }

    .chatIconPanel1-right {
        border-radius: 4px 0 0 4px;
    }

    .chatIconPanel2 {
        border-radius: 24px;
    }

    .chatIconPanel3 {
        border-radius: 4px;
        margin: 0;
    }

    .chatIconPanel4 {
        border-radius: 0 0 24px 24px;
    }

    .chatIconPanel5 {
        border-radius: 0 14px 0 14px;
    }

    .chatIconPanel6 {
        border-radius: 4px;
        width: 60px !important;
    }

    .share-icon {
        position: absolute;
        width: 100%;
        bottom: -55px;
        padding: 8px;
        border-radius: 4px;
        left: 0;
        text-align: center;
    }

    .external-chat-box--label {
        font-size: 12px;
        white-space: nowrap;
        transform: scale(0.83333);
        position: absolute;
        bottom: 2px;
        width: 100%;
    }
</style>
<script>
    const PositionLeft = 1
    const PositionRight = 2
    // 颜色 16进制转rgb
    const hex2rgb = (hexColor) => {
        hexColor = hexColor
            .substring(1)
            .toLowerCase()
        let b = new Array()
        for (let x = 0; x < 3; x++) {
            b[0] = hexColor.substr(x * 2, 2)
            b[3] = '0123456789abcdef'
            b[1] = b[0].substr(0, 1)
            b[2] = b[0].substr(1, 1)
            b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2])
        }
        return b[20] + ',' + b[21] + ',' + b[22]
    }
    // 初始化
    const initContactPanel = async () => {
        const data = await getContactData()
        if (!data) return
        const {config, list} = data
        const {color, is_expand, location, style, opacity} = config
        const displayList = formatData(list, style)
        const DOMs = getDOMs(displayList, style)
        const shareBoxDiv = $('.share_fun_box')
        const hasShareBox = shareBoxDiv.is(':visible')
        const isYueRong = false;
        // 分享判断
        if (location == PositionRight && hasShareBox && !isYueRong) {
            showShareIcon(shareBoxDiv, color, opacity, DOMs)
        }
        const dom = $('<div />')
            .attr({id: 'contactPanel'})
            .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`})
            .addClass(getPositionClassName(location, style, is_expand))
            .append(DOMs)
            .appendTo('body')
        // 展开收起判断
        if (is_expand == 1)
            getCollapseDiv(location).appendTo(dom)
        // 定制处理
        customized(location, hasShareBox, isYueRong)
    }
    // 除了和分享冲突
    const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => {
        shareBoxDiv.hide()
        const shareIcon = $('<div />')
            .addClass('share-icon')
            .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`})
            .on('click', () => window.customFunc.modal_show())
            .append($('<img />')
                .attr({src: '/images/chatIcon/share.png', width: '32px'}))
        DOMs.push(shareIcon)
    }
    // 定制处理
    const customized = (location, hasShareBox, isYueRong) => {
        if (location == PositionRight && hasShareBox && isYueRong) {
            $('.share_fun_box').css('top', '32%')
            $('.external-chat-box-right').css('top', '65%')
        }
    }
    // 收起处理
    const getCollapseDiv = (location) => {
        const div = $('<div />').addClass('iconfont iconleft')
        const contactPanelDiv = $('#contactPanel')
        if (location == PositionLeft) {
            div
                .addClass('external-chat-box__toggle')
                .on('click', function () {
                    if (contactPanelDiv.hasClass('external-chat-box--collapse')) {
                        contactPanelDiv.removeClass('external-chat-box--collapse')
                        $(this)
                            .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'})
                    } else {
                        contactPanelDiv.addClass('external-chat-box--collapse')
                        $(this).css({transform: '', borderRadius: '0 4px 4px 0'})
                    }
                })
        } else {
            div
                .addClass('external-chat-box-right__toggle')
                .css({transform: 'rotate(180deg) translateY(50%)'})
                .on('click', function () {
                    if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) {
                        contactPanelDiv.removeClass('external-chat-box-right--collapse')
                        $(this).css({transform: '', borderRadius: '4px 0 0 4px'})
                    } else {
                        contactPanelDiv.addClass('external-chat-box-right--collapse')
                        $(this).css({
                            transform: 'rotate(180deg) translateY(50%)',
                            borderRadius: '0 4px 4px 0'
                        })
                    }
                })
        }
        return div
    }
    // 数据格式化化
    const formatData = (list, style) => {
        return list.map(i => {
            let attrs
            try {attrs = getAttrs(i, style)}
            catch(err) {
                attrs = {}
            }
            return {
                ...i,
                attrs
            }
        })
    }
    // 属性拼接
    const getAttrs = (item, style) => {
        let attrs
        switch (item?.name) {
            case 'QQ':
                attrs = {
                    target: '_blank',
                    href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value,
                    className: 'external-chat-box__item--qq',
                    src: `/images/chatIcon/QQ${style}.png`
                }
                break;
            case 'WeChat':
                attrs = {
                    target: '_self',
                    href: '#',
                    className: 'external-chat-box__item--wechat',
                    src: `/images/chatIcon/WeChat${style}.png`
                }
                break;
            case 'WhatsApp':
                attrs = {
                    target: '_blank',
                    href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value),
                    className: 'external-chat-box__item--whatsapp',
                    src: `/images/chatIcon/WhatsApp${style}.png`
                }
                break;
            default:
                attrs = null
        }
        return attrs
    }
    // 生成DOM
    const getDOMs = (list, style) => {
        let DOMs = []
        list.forEach((i, index) => {
            if (i.attrs)
                DOMs.push(createItem(i, style, index == list.length - 1))
        })
        return DOMs
    }
    // 创建对应的A标签
    const createItem = (item, style, isLast) => {
        const {href, target, src} = item.attrs
        let ALabel = $(`<a/>`)
            .attr({href, target, title: item.user_name})
            .addClass('external-chat-box__item1')
            .on('click', () => {
                if (item.name == 'WeChat')
                    showWeChatDialog(item.value)
            })
        if (style == 4 && !isLast) {
            ALabel.css({borderBottom: '1px solid #fff'})
        }
        if (style == 6 && !isLast) {
            ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'})
        }
        let img = $('<img/>').attr({src,width:'32px'})
        ALabel.append(img)
        if (style == 6) {
            let div = $('<div />')
                .addClass('external-chat-box--label')
                .text(item.name)
            ALabel.append(div)
        }
        return ALabel
    }
    // 微信特殊处理
    const showWeChatDialog = (text) => {
        let input = $('<input>')
            .css({
                position: 'absolute',
                left: -99,
                top: -99,
                width: 20,
                height: 20
            })
            .attr('readonly', 'readonly')
            .val(text).appendTo('body');
        let popup = $('<div>')
            .addClass('external-chat-popup external-chat-popup--hidden')
            .appendTo('body');
        $('<div>')
            .addClass('external-chat-popup__bg')
            .on('click', () => {
                popup.addClass('external-chat-popup--hidden');
            }).appendTo(popup);
        $('<div>').addClass('external-chat-popup__dialog')
            .append(
                $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text),
                $('<button>')
                    .attr({
                        type: 'button',
                        'btn-types': 'deep'
                    })
                    .addClass('btn')
                    .text('Copy')
                    .on('click', function () {
                        input[0].select();
                        document.execCommand('copy');
                        popup.addClass('external-chat-popup--hidden');
                        prompt_box_fun({
                            type: 'success',
                            text: 'WeChat ID was copied. We&rsquo;re redirecting you to WeChat. If WeChat is not opened, you can also open it manually and paste the copied ID.'
                        });
                        location.href = 'weixin://';
                    })
            ).appendTo(popup);
        popup.removeClass('external-chat-popup--hidden');
    }
    // 获取数据
    const getContactData = async () => {
        const res = await $.get('/contact/get-config')
        if (res.status != 200) return false
        const {config, list} = res.data
        const hasContactInfo = config && config.on == 1 && list.length
        if (hasContactInfo) return res.data
        return false
    }
    // 拼接类名
    const getPositionClassName = (position, style, is_expand) => {
        let className = `chatIconPanel${style}`
        if (position == PositionRight && style == 1) {
            className += '-right'
        }
        className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right'
        if (is_expand == 1) {
            className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse'
        }
        return className
    }
    initContactPanel()
</script>

<div class="import_template_box">
    <script type="text/javascript" defer>
    var onloadCallback = function () {
        grecaptcha.render('google_dialog', {
            'sitekey': '6LeRzl0hAAAAANDTBWTCnzV0cPhM2kR9KMactfK0',
            callback: gooble_callback
        });
    };
</script>
<div class="google_dialog_box" id='google_dialog_box'>
    <div class="google_dialog_box__dialog">
        <div id="google_dialog"></div>
    </div>
</div>
<style>
    .google_dialog_box {
        visibility: hidden;
    }

    .google_dialog_box__dialog {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99999
    }
</style></div>
<style>
     .el-dialog__footer {
        padding: 10px 20px 20px;
        text-align: right;
        box-sizing: border-box;
    }
    #inquiry-dialog {
        position: fixed;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        /* opacity: .5; */
        background: rgba(0,0,0,.5);
    }
    .inquiry-dialog{
        position: relative;
        margin: 0 auto 50px;
        margin-top: 15vh;
        width: 400px;
        background: #fff;
        
    }
    .inquiry-dialog .form-group {
        margin-bottom: 10px;
    }
    .inquiry-dialog .red {
        font-style: normal;
        color: red;
    }
    .inquiry-dialog .form-group label {
        padding: 0;
        line-height: 28px;
        display: block;
        font-size: 14px;
        color: #606266;
    }
    .inquiry-dialog .form-control{
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.07);
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        margin-bottom: 0;
        border: 1px solid #e7eef5;
        outline: 0;
    }
    .inquiry-dialog .form-control:hover, .form-control:focus{
        border-color: #007eff;
    }
    #inquiry-dialog .dialog-footer {
        /* padding: 10px 0 20px; */
            /* background: #666;
            color: #fff;
            text-align:center;
            height: 40px;
            line-height: 40px;
            border-radius: 10px; */
        }
    #inquiry-dialog .el-form-item {
        margin-bottom: 10px;
    }
    #inquiry-dialog .el-form-item__label{
        padding: 0;
        line-height: 28px;
    }
    #inquiry-dialog .dialog-foot-btn {
        width: 100%;
        border-radius: 10px;
        font-weight: 500;
        padding: 0 20px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        text-align: center;
        border: 1px;
    }
    .inquiry-dialog {
        border-radius: 16px!important;
    }
    .inquiry-dialog .el-dialog__body {
        padding: 0;
    }
    .inquiry-dialog .body {
        padding: 0;
    }
    .inquiry-dialog .el-dialog__header {
        font-size: 20px;
        border-radius: 16px 16px 0 0;
    }
    .inquiry-dialog .header {
        font-size: 20px;
        border-radius: 16px 16px 0 0;
        padding: 20px 20px 10px;

        /* color: #fff;
        background: #007eff; */
    }
    .inquiry-dialog .header_btn{
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 0;
        background: 0 0;
        border: none;
        outline: 0;
        cursor: pointer;
        line-height: 1;
    }
    .inquiry-dialog .el-dialog__close {
        font-size: 20px;
    }
    .inquiry-dialog--1 .el-dialog__header {
        color: #fff;
        background: #007eff;
    }
    .inquiry-dialog--1 .header {
        color: #fff;
        background: #007eff;
    }
    .inquiry-dialog--1 .el-dialog__close {
        color:#fff;
    }
    .inquiry-dialog--1 .el-dialog__close:hover {
        color:#fff;
    }
    .inquiry-dialog--1 .body
    {
        padding: 20px 20px 0;
    }
    .inquiry-dialog--1 .tips {
        word-break: break-word;
        padding: 14px 20px;
        margin: -20px -20px 20px;
        /* box-shadow: 0 2px 8px rgb(0 0 0 / 13%); */
    }
    .inquiry-dialog--1 .inquiry_from {
        /* padding:0 20px; */
    }
    .inquiry-dialog--1 .dialog-foot-btn{
        color: #fff!important;
        background:  #007eff!important;
        border-color: #007eff;
    }
    .inquiry-dialog--1 .dialog-foot-btn.is-disabled{
        color: #fff!important;
        background:  #007eff!important;
        border-color: #007eff!important;
    }

    .inquiry-dialog .el-input__inner:focus {
        border-color: #007eff;
    }
    .inquiry-dialog .el-input__inner:hover {
        border-color: #007eff;
    }
    .inquiry-dialog .el-textarea__inner:focus {
        border-color: #007eff;
    }
    .inquiry-dialog .el-textarea__inner:hover {
        border-color: #007eff;
    }
    .el-textarea

    .inquiry-dialog--2 .tips {
        padding: 10px 0px;
        word-break: break-word;
        /* border-top: 1px solid #e0e0e0; */
        margin:0 20px;
    }
    .inquiry-dialog--2 .inquiry_from {
        padding:0 20px;
        background: #f6f6f7;
        padding-bottom: 5px;
    }
    .inquiry-dialog--2 .el-dialog__footer {
        background: #f6f6f7;
    border-radius: 0 0 16px 16px;
    }
    .inquiry-dialog--2 .dialog-foot-btn{
        color: #fff!important;
        background:  #007eff!important;
        border-color: #007eff;
    }
    .inquiry-dialog--2 .dialog-foot-btn.is-disabled{
        color: #fff!important;
        background:  #007eff!important;
        border-color: #007eff!important;
    }

    .inquiry-dialog--3  {
        background: #02b57d;
        color: #Fff;
    }
    .inquiry-dialog--3 .el-dialog__close {
        color:#fff;
    }
    .inquiry-dialog--3 .el-dialog__close:hover {
        color:#fff;
    }
    .inquiry-dialog--3 .tips {
        padding: 10px 0px;
        word-break: break-word;
        /* border-top: 1px solid #fff; */
        margin:0 20px;
        color: #fff;
    }
    .inquiry-dialog--3 .inquiry_from {
        margin: 0 20px;
        padding: 20px 20px;
        background: #fff;
        border-radius: 16px;
    }
    .inquiry-dialog--3 .body {
        padding-bottom: 10px;
    }
    .inquiry-dialog--3 .dialog-foot-btn{
        color: #fff!important;
        background: #333;
        border-color: #333;
        text-align: left;
        position: relative;
    }
    .inquiry-dialog--3 .dialog-foot-btn.is-disabled{
        color: #fff!important;
        background: #333!important;
        border-color: #333!important;
        text-align: left;
        position: relative;
    }
    .inquiry-dialog--3 .dialog-foot-btn:before{
        content: '\2192';
        position: absolute;
        right: 12px;
        /* top: 50%;
        margin-top: -.75em; */
    }


    .inquiry-dialog--4  {
        background: #02b57d;
        color: #Fff;
    }
    .inquiry-dialog--4 .el-dialog__close {
        color:#fff;
    }
    .inquiry-dialog--4 .el-dialog__close:hover {
        color:#fff;
    }
    .inquiry-dialog--4 .tips {
        padding: 0 0 10px 0px;
        word-break: break-word;
        margin:0 20px;
        color: #fff;
    }
    .inquiry-dialog--4 .inquiry_from {
        margin: 0 20px;
        padding: 20px 20px;
        background: #fff;
        border-radius: 16px;
    }
    .inquiry-dialog--4 .el-input__inner{
       border: 0;
       border-radius: 0;
       border-bottom: 1px solid #DCDFE6;
    }
    .inquiry-dialog--4 .form-control{
        border: 0;
       border-radius: 0;
       border-bottom: 1px solid #DCDFE6;
       box-shadow: unset;
    }
    .inquiry-dialog--4 .body {
        padding-bottom: 10px;
    }
    .inquiry-dialog--4 .dialog-foot-btn{
        color: #fff!important;
        background: #333;
        border-color: #333;
    }
    .inquiry-dialog--4 .dialog-foot-btn.is-disabled{
        color: #fff!important;
        background: #333!important;
        border-color: #333!important;
    }



    .inquiry-dialog--5 {
        background: ##ffe201;
        color: #333;
    }
    .inquiry-dialog--5 .el-dialog__close {
        color: #333;
    }
    .inquiry-dialog--5 .el-dialog__close:hover {
        color:#333;
    }
    .inquiry-dialog--5 .tips {
        padding: 0 0 10px 0px;
        word-break: break-word;
        margin:0 20px;
        color: #666;
    }
    .inquiry-dialog--5 .el-form-item {
        background: #fff;
        margin-left: 20px;
        margin-right: 20px;
        padding: 12px 16px;
        border-radius: 16px;
    }
    .inquiry-dialog--5 .form-group {
        background: #fff;
        margin-left: 20px;
        margin-right: 20px;
        padding: 12px 16px;
        border-radius: 16px;
    }
    .inquiry-dialog--5 .el-input__inner{
       border: 0;
       padding: 0;
    }
    .inquiry-dialog--5 .form-control{
       border: 0;
       padding: 0;
       box-shadow: unset;
    }
    .inquiry-dialog--5 .body {
        padding-bottom: 10px;
    }
    .inquiry-dialog--5 .dialog-foot-btn{
        color: #fff!important;
        background: #333;
        border-color: #333;
        text-align: left;
        position: relative;
    }
    .inquiry-dialog--5 .dialog-foot-btn.is-disabled{
        color: #fff!important;
        background: #333!important;
        border-color: #333!important;
        text-align: left;
        position: relative;
    }
    .inquiry-dialog--5 .dialog-foot-btn:before{
        content: '\2192';
        position: absolute;
        right: 12px;
        /* top: 50%;
        margin-top: -.75em; */
    }

    .inquiry-dialog--6 .el-dialog__header {
        background: #007eff;
        color: #fff;
    }
    .inquiry-dialog--6 .header {
        background: #007eff;
        color: #fff;
    }
    .inquiry-dialog--6 .el-dialog__close {
        color:#fff;
    }
    .inquiry-dialog--6 .el-dialog__close:hover {
        color:#fff;
    }
    .inquiry-dialog--6 .tips {
        word-break: break-word;
        padding: 14px 20px;
        background: #f5f5f5;
    }
    .inquiry-dialog--6 .inquiry_from {
        padding:10px 20px;
    }
    .inquiry-dialog--6 .el-dialog__footer{
        padding:0;
    }
    .inquiry-dialog--6 .dialog-foot-btn{
        border-radius: 0 0 16px 16px!important;
        height: 48px;
        color: #fff!important;
        background:  #007eff!important;
        border-color: #007eff;
    }
    .inquiry-dialog--6 .dialog-foot-btn.is-disabled {
        border-radius: 0 0 16px 16px!important;
        height: 48px;
        color: #fff!important;
        background:  #007eff!important;
        border-color: #007eff!important;
    }

    .inquiry-dialog--0  .el-dialog__header {
        background:  #007eff!important;
        color:#fff;
    }
    .inquiry-dialog--0  .header {
        background:  #007eff!important;
        color:#fff;
    }

    .inquiry-dialog--0 .el-dialog__close {
        color:#fff;
    }
    .inquiry-dialog--0 .el-dialog__close:hover {
        color:#fff;
    }
    .inquiry-dialog--0 .tips {
        background:  #007eff!important;
        height: 40px;
        position: relative;
    }
    .inquiry-dialog--0 .tips:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 20px;
        clip-path: url(#chatOnlineFormPath);
        background-color: #fff;
     }
     .inquiry-dialog--0 .inquiry_from {
        padding:0 20px;
        padding-bottom: 5px;
    }
     .inquiry-dialog--0 .dialog-foot-btn{
        height: 48px;
        color: #fff!important;
        background:  #007eff!important;
        border-color: #007eff;
    }
   
</style>
<svg style="position:absolute;bottom:100%;right:100%" width="1" height="1">
    <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox">
        <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/>
    </clipPath>
</svg>
<div id="inquiry-dialog" style="display: none;">
    <div class="inquiry-dialog  inquiry-dialog--1">
        <div class="header">
            <div class="header-title">Send Your Inquiry</div>
            <div class="header_btn" onclick="onClose()">
                <i class="iframe_conceal iconfont iconguanbi4"></i>
            </div>
        </div>
        <form class=""  onsubmit="return inquiryDialogFromSubmit(this)">
            <div class="body">
                                <div class="inquiry_from">
                    <div class="form-group">
                        <label ><i class="red">*</i>Name</label>
                        <input 
                            type="text" 
                                                        class="form-control"
                            required  name="name" 
                            oninput="setCustomValidity('')" 
                            oninvalid="this.setCustomValidity('Please fill in this field')"/>
                    </div>
                    <div class="form-group">
                        <label >
                                                        Phone
                        </label>
                        <input 
                                                                                    type="text"  
                            class="form-control" 
                            oninput="setCustomValidity('')"  
                            name="phone" 
                            oninvalid="this.setCustomValidity('Please fill in this field')">
                    </div>
                    <div class="form-group">
                        <label ><i class="red">*</i>E-mail</label>
                        <input 
                            type="text"  
                                                        class="form-control" 
                            required 
                            oninput="setCustomValidity('')" 
                            onchange="checkemail(this)"  
                            name="email" 
                            oninvalid="checkemail(this,true)"/>
                    </div>
                    <div class="form-group">
                        <label ><i class="red">*</i>Content</label>
                        <textarea
                            class="form-control" 
                                                        required 
                            oninput="setCustomValidity('')"  
                            style="resize: none;height: auto;" 
                            name="content"></textarea>
                    </div>
                </div>
            </div>
            <div class="dialog-footer el-dialog__footer">
                <button  type="submit" id="submit_popup_inquiry" class="dialog-foot-btn">
                    Send Inquiry Now
                </button>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
        var hasInquiry = 1;
        var inquiryStyle = "1";
        var inquiryColor = "#fff";
    </script>
<script>
    function onClose() {
        const dialog = $('#inquiry-dialog')
        dialog.find('[name=name]').val('')
        dialog.find('[name=phone]').val('')
        dialog.find('[name=email]').val('')
        dialog.find('[name=content]').val('')
        dialog.hide()
    }
    function inquiryDialogFromSubmit(){
        inquiryDialogFromSubmit1()
        return false
    }
    function inquiryDialogFromSubmit1(){
        const dialog =$('#inquiry-dialog')
        const appid = appid_fun(dialog.find('[name=email]').val()).toString() || "";
        const params = {
            name: dialog.find('[name=name]').val(),
            phone: dialog.find('[name=phone]').val(),
            email: dialog.find('[name=email]').val(),
            msg: dialog.find('[name=content]').val(),
            previous_page: document.referrer || window.location.href,
            enquiry_type: 0,
            visitlength: "====1788583142====",
            source: 0,
            promote_id: 0,
            is_subscribe: 0,
            page_title: document.title || '',
            page_word: $('meta[name="keywords"]').attr("content"),
            is_subscribe: 0
        }
        if ($('#verification_open_inp').val() == "0") {
            addEnquiry(params)
            return false
        }
        if (appid) {
            if (_verification_type == 2) {
                grecaptcha.ready(function () {
                    grecaptcha.execute(appid, { action: 'validate_captcha' })
                        .then(function (token) {
                            var serialize = {
                                'g-recaptcha-response': token,
                                action: 'validate_captcha'
                            };
                            Object.assign(params, serialize)
                            addEnquiry(params,true)
                        });
                });
            } else if (_verification_type == 1) {
                function loadTCaptchaNow() {
                    return new Promise (resolve => {
                        if (typeof TencentCaptcha !== 'function') {
                            const script = document.createElement('script')
                            script.src = 'https://turing.captcha.qcloud.com/TCaptcha.js'
                            script.type = 'text/javascript'
                            script.onload = () =>{
                                resolve()
                            }
                            script.onreadystatechange =  ()=> {
                                if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") {
                                    script.onreadystatechange = null
                                    resolve()
                                }
                            }
                            document.getElementsByTagName('head')[0].appendChild(script);
                            return
                        }
                        resolve()
                    })
                }
                loadTCaptchaNow().then(() => {
                    var captcha1 = new TencentCaptcha(appid, function (res) {
                        Object.assign(params, res)
                        addEnquiry(params)
                    });
                    captcha1.show();
                })
            }
            if (_verification_type == 3) {
                CustomizedCaptcha.show().then(res=>{
                    Object.assign(params, res)
                    addEnquiry(params)
                }).catch(err=>{return})
            }
        } else {
            addEnquiry(params)
        }
       
        return false
    }
    function addEnquiry(params,challenge) {
        function successCallback() {
            window.location.href = '/inquire/success'
        }
        $.ajax({
            url: '/add-enquiry',
            type: 'POST',
            datatype: 'json',
            data: JSON.stringify(params),
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'Content-Type': 'application/json'
            },
            success: function(result) {
                // _this.submitBtnLoading = false
                if (result.status == 200) {
                    successCallback()
                } else {
                    if (challenge && result.status == 203) {
                        _getData = params
                        _form = $('<form>').attr({
                            action: "/add-enquiry",
                            method: 'POST'
                        });
                        $('.google_dialog_box').css('visibility', 'visible');
                        _globalCallback = function () {
                            $('.google_dialog_box').css('visibility', 'hidden');
                            successCallback();
                        };
                        return
                    }
                    prompt_box_fun({
                        type: 'error',
                        text: result.msg
                    });
                }
            }
        })
    }
    function checkemail(t,submit) {
        const email = $(t).val()
        const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;  
        if(regex.test(email)) {
            t.setCustomValidity('')
        } else if (email.trim() === '') {
            t.setCustomValidity('Please fill in this field')
        } else {
            t.setCustomValidity('Format error')
        }
        if(submit) return 
        t.reportValidity()

    }
    function input1(t) {
        t.setCustomValidity('')
    }
    const inquiryDialogInstance = {} 
    inquiryDialogInstance.showInquiryDialog = function(id) {
        if(!id) return
        const dom = $('#inquiry-dialog')
        dom.show()
    }
</script>
    <style>
      .captcha-dialog__wrapper {
        z-index: 1000005;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        margin: 0;
        display: flex;
        align-items: center;
      }
      .v-modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: #000;
      }
      .captcha-dialog {
        position: relative;
        margin: 0 auto 50px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        width: 700px;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden;
        /* margin-top: 30vh; */
      }
      .captcha-dialog__header {
        height: 60px;
        border-bottom: 1px solid #dfe5eb;
        padding: 20px 30px 10px;
        box-sizing: border-box;
      }
      .captcha-dialog__headerbtn {
        position: absolute;
        top: 20px;
        right: 30px;
        padding: 0;
        background: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        font-size: 16px;
      }
      .captcha-dialog__title {
        font-size: 18px;
        font-family: PingFang-SC-Bold, PingFang-SC;
        font-weight: bold;
        color: #202223;
        line-height: 25px;
      }
      .captcha-dialog__body {
        padding: 30px;
        padding-bottom: 10px;
      }
      .captcha-content {
        display: flex;
      }
      .captcha-content__code {
        margin-right: 20px;
        width: 330px;
        height: 40px;
        border-radius: 4px;
        padding: 6px 12px;
        border: 1px solid #dfe5eb;
        outline: none;
      }
      .captcha-content__code:focus {
        border: 1px solid #1890ff;
      }
      .captcha-content__box {
        width: 236px;
        height: 40px;
        border-radius: 4px;
        border: 1px solid #dfe5eb;
        display: flex;
        overflow: hidden;
      }
      .captcha-content__img {
       min-width:126px;
      }
      .captcha-content__img img{
        height: 38px;
        width: auto;
      }
      .captcha-content__refresh {
        flex: 1;
        background: #F4F4F4;
        display:flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        cursor: pointer;
      }
      .captcha-dialog__footer {
        padding: 0 30px 30px;
        display: flex;
        justify-content: end;
      }
      .captcha-dialog  .btn {
        width: 92px;
        height: 36px;
        background: #1890ff;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .captcha-dialog__phoneTitle {
        display: none;
      }
      .captcha-dialog__tips {
        color: red;
        /* display: none; */
        height: 21px;
      }
      .captcha-dialog__error {
        color: red;
        display: none;
      }
      @media (max-width: 768px) {
        .captcha-dialog__header {
          border-bottom:0 ;
        }
        .captcha-dialog__body{
          padding-top: 0;
        }
        .captcha-dialog {
          width: 80vw;
        }
        .captcha-dialog__title {
          display: none;
        }
        .captcha-dialog__phoneTitle {
          display: block;
          font-size: 18px;
          font-family: PingFang-SC-Bold, PingFang-SC;
          font-weight: bold;
          color: #202223;
          text-align: center;
          margin-bottom: 30px;
        }
        .captcha-content{
          flex-wrap: wrap;
        }
        .captcha-content__code{
          width: 100%;
          margin-right:0;
        }
        .captcha-content__box{
          width: 100%;
          margin-top: 15px;
        }
        
        .captcha-dialog  .btn-submit{
          width: 100%;
        }
      }
    </style>


<div
    class="v-modal"
    tabindex="0"
    style="z-index: 1000003 ; display: none"
></div>
<div
    id="captcha-dialog"
    class="captcha-dialog__wrapper"
    style="display: none"
>
    <div class="captcha-dialog">
    <div class="captcha-dialog__header">
        <span class="captcha-dialog__title">
        Please enter the calculation result.
        </span>
        <div class="captcha-dialog__headerbtn"><i class="iframe_conceal iconfont iconguanbi4"></i></div>
    </div>
    <div class="captcha-dialog__body">
        <div class="captcha-dialog__phoneTitle">
        Please enter the calculation result.
        </div>
        <div class="captcha-content">
        <input type="text" name="captchaCode" class="captcha-content__code" />
        <div class="captcha-content__box" style="display: flex">
            <div class="captcha-content__img"><img src="" alt=""></div>
            <div class="captcha-content__refresh"><img src="/images/refresh3.png" alt="" style="height:24px"></div>
        </div>
        </div>
        <div class="captcha-dialog__tips">
            <span class="captcha-dialog__error">Verification failed. Please re-enter. </span>
        </div>
    </div>
    <div class="captcha-dialog__footer">
        <div id="close2" class="btn btn-submit">
        <div style="font-weight: 400; color: #ffffff; line-height: 20px">
            submit
        </div>
        </div>
    </div>
    </div>
</div>

<script>
    const CustomizedCaptcha = {
      dom: null,
      img: "",
      key: "",
      reject: null,
      resolve:null,
      show: async function () {
        if (!this.dom) {
            console.log($("#captcha-dialog"));
            if(!$("#captcha-dialog")){
                return 
            }
          this.dom = $("#captcha-dialog");
          const _this = this
          this.dom.find('.captcha-content__refresh').click(() => {
            _this.refresh()
          })
          _this.dom.find(".captcha-dialog__headerbtn").click(() => {
            _this.dom.hide();
            $(".v-modal").hide();
            _this.reject("close");
          });
          _this.dom.find(".btn-submit").click(async () => {
            const res = await _this.verify()
            _this.dom.find('[name="captchaCode"]').val('')
            if(res) {
                _this.dom.hide();
                $(".v-modal").hide();
                _this.resolve(res.data);
            } else {
                _this.refresh()
            }
          });
          _this.dom.find('.captcha-content__code').on('input', () => {
            _this.dom.find('.captcha-dialog__error').hide()
          })
          _this.dom.find('[name="captchaCode"]').keypress((e) => {
              if (e.which == 13) { // Enter 键的键值为 13 
                console.log('123123');
                if(this.dom.find('[name="captchaCode"]').val().length === 0) return
                _this.dom.find(".btn-submit").click()
              }
            })
        }
        const res = await $.ajax({
            type: 'get',
            url: '/allweyescaptcha?captcha_type=3'
        })
        console.log('res',res);
        if (res.status !== 200) {
            console.log('接口异常')
            return
        } 
        const {img,key} = res.data
        this.img = img 
        this.key = key
        this.dom.find('.captcha-content__img img').attr("src", this.img)
        console.log(this.dom.find('.captcha-content__img img'))
        $(this.dom).show();
        $(".v-modal").show();
        const _this = this;
        return new Promise((resolve, reject) => {
          _this.reject = reject
          _this.resolve = resolve
        });
      },
      refresh: async function(){
        this.dom.find('.captcha-content__img img').hide()
        const res = await $.ajax({
            type: 'get',
            url: '/allweyescaptcha?captcha_type=3'
        })
        console.log('res',res);
        if (res.status !== 200) {
            console.log('接口异常')
            return
        } 
        const {img,key} = res.data
        this.img = img 
        this.key = key
        this.dom.find('.captcha-content__img img').attr("src", this.img)
        this.dom.find('.captcha-content__img img').show()
      },
      verify: async function(){
        if(this.dom.find('[name="captchaCode"]').val().length === 0) return
        const res = await $.ajax({
            type: "POST",
            url: "/check_allweyescaptcha",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: {captcha_type:3,captcha_key:this.key,captcha_value:this.dom.find('[name="captchaCode"]').val()}
        })
        console.log('res', res);
        if(res.status == 200) {
            return {data: res.data}
        } else {
            this.dom.find('.captcha-dialog__error').show()
            return false
        }
      }
    };
    // CustomizedCaptcha.show().then(res=>{console.log(res);});
  </script>    

</body>
</html>
