<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vidadecor Outdoor Lighting Manufacturer | OEM Garden Lights</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="outdoor lighting manufacturer, OEM garden lights, outdoor garden light supplier">
    <meta name="description" content="Vidadecor is an outdoor lighting manufacturer in China with 20+ years of experience in OEM plastic, aluminum and solar garden lights. Request a quote.">
    <meta property="og:title" content="Vidadecor Outdoor Lighting Manufacturer | OEM Garden Lights" />
    <meta property="og:description" content="Vidadecor is an outdoor lighting manufacturer in China with 20+ years of experience in OEM plastic, aluminum and solar garden lights. Request a quote." />
    <meta property="og:url" content="https://www.golden-lights.com" />
            <meta property="og:image" content="https://img.yfisher.com/tos/video-website/1664/file1763967566600.png" />
                    <meta property="og:image:width" content="985">
                            <meta property="og:image:height" content="158">
                
        <meta name="google-site-verification" content="sB6SPfvT0LQOKGxlthhZ0PCn6s4hE2crcDjrMqlJNIs" />
<meta name="msvalidate.01" content="4ABDB34E4F1A19BA4F1BDF88A4477DBB" />
<meta name="yandex-verification" content="c5572e8fb33d178b" />
                <meta name="csrf-ip" content="139.177.246.188">
        <meta name="csrf-token" content="x3YCpXrF7ctNKBF5skCZhqc5DpdiqqP8nwQ13d6C">
        <meta http-equiv="x-dns-prefetch-control" content="on">
        <link rel="canonical" href="https://www.golden-lights.com" />
        <link rel="preconnect" href="https://www.golden-lights.com">
    <link rel="preconnect" href="https://img001.video2b.com">
        <link rel="dns-prefetch" href="https://www.golden-lights.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.golden-lights.com/ar"/>
                    <link rel="alternate" hreflang="de" href="https://www.golden-lights.com/de"/>
                    <link rel="alternate" hreflang="en" href="https://www.golden-lights.com"/>
                    <link rel="alternate" hreflang="es" href="https://www.golden-lights.com/es"/>
                    <link rel="alternate" hreflang="fr" href="https://www.golden-lights.com/fr"/>
                    <link rel="alternate" hreflang="it" href="https://www.golden-lights.com/it"/>
                    <link rel="alternate" hreflang="pt" href="https://www.golden-lights.com/pt"/>
                    <link rel="alternate" hreflang="ru" href="https://www.golden-lights.com/ru"/>
                <link rel="icon" href="https://img.yfisher.com/tos/video-website/1664/file1763967561065.png" type="image/x-icon" />
    <link rel="shortcut icon" href="https://img.yfisher.com/tos/video-website/1664/file1763967561065.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.golden-lights.com",
        "logo": "https:\/\/img.yfisher.com\/tos\/video-website\/1664\/file1763967566600.png",
        "name": "EION LIGHTING TECHNOLOGY CO., LIMITED",
        "alternateName": "VIDADECOR",
        "email": "sales01@golden-lights.com",
        "sameAs": [
            "https:\/\/www.facebook.com\/Vdexterior\/",
            "https:\/\/www.youtube.com\/channel\/UC7Igjksfdiuxhju9oQCmkrw"
        ]
    }
]</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:rgba(241, 126, 10, 1)}.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:var(--c-color);--btn-bg-color-deep:transparent;--btn-border-color-deep:var(--c-color);--btn-radius-deep:0px;--btn-width-deep:1px;                --btn-style-shallow:solid;--btn-color-shallow:#fff;--btn-bg-color-shallow:transparent;--btn-border-color-shallow:#fff;--btn-radius-shallow:0px;--btn-width-shallow:1px;                }.btn[btn-types="shallow"]{color:rgba(255, 255, 255, 1);font-size:22px;font-weight:bold;padding-top:13px;border-color:rgba(241, 126, 10, 1);border-style:solid;border-width:1px;padding-left:50px;padding-right:50px;padding-bottom:13px;text-transform:capitalize;background-color:rgba(241, 126, 10, 1);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:rgba(255, 255, 255, 1);font-size:14px;padding-top:13px;border-color:rgba(181, 145, 117, 1);border-style:solid;border-width:1px;padding-left:50px;padding-right:50px;padding-bottom:13px;text-transform:capitalize;background-color:rgba(181, 145, 117, 1);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:1px;                --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:1px;                }.form_inp[inp-types="shallow"]{color:rgba(0, 0, 0, 0.8);font-size:14px;border-color:rgba(0,0,0,0);border-style:solid;border-width:1px;background-color:rgba(255, 255, 255, 0.8);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(89, 89, 89, 1);font-size:14px;border-color:rgba(141, 141, 141, 1);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:block;}.share_fun_box2 ul li[data-network="share"]{display:block;}[direction]{align-items:stretch;}.there_video_icons{background-image:url(/images/video_play_1.png);}.there_video_icons{opacity:1;}</style><style mos-id="v620213a2c7318">.tem01_copyright{text-align:center;padding-top:10px;padding-bottom:10px;border-top:1px solid rgba(144,144,144,.2);}#v620213a2c7318{background-color:rgba(26, 26, 26, 1);color:rgba(153, 153, 153, 1);text-align:center;}#v620213a2c7318 .container{}</style>    <style mos-id="v6204b90d5e9f4">    .flex {display: flex; align-items: center; justify-content: start;}    .tem_footer_section_02 {padding: 20px 0; background: #000; color: #fff;}    .tem_footer_02 {position: relative;}    .tem_footer_02 .iconfenxiang_boxs_m{padding-bottom: 20px;}    .tem_footer_02 .iconfenxiang_boxs_m .go_fast {color: inherit;}    .tem_footer_02 .footer_li {flex: 1; padding-right: 90px; position: relative;}    .tem_footer_02 .footer_li:last-child {padding-right: 0;}    .tem_footer_02 .li_head {font-size: 16px; font-weight: bold; margin-bottom: 10px;}    .tem_footer_02 .con_ul {font-size: 14px; line-height: 26px;}    .tem_footer_02 .con_ul a {display: initial;}    .tem_footer_02 .iconfenxiang_boxs {display: none; padding-right: 10px;}    .tem_footer_02 .btn_con_box {margin-top: 10px; color: #fff;}    .tem_footer_02 .btn {padding: 5px 40px;}    .tem_footer_02 .lan_a {padding-top: 10px;}    .tem_footer_02 .lan_a a {display: initial; cursor: pointer;}    .tem_footer_02 .sitemap {        font-size: 14px;        letter-spacing: 0;        font-weight: 400;    }    .tem_footer_02 .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_02 .iconfenxiang_boxs_m {display: none !important;} */      .tem_footer_02 .footer_ul {display: flex; align-items: start; flex-wrap: wrap;}      .tem_footer_02 .sitemap-box {display: none;}    }    @media (max-width: 770px){      .tem_footer_02 .iconfenxiang_boxs_m {justify-content: center;}      .tem_footer_02 .footer_ul {display: none !important;}    }    #v6204b90d5e9f4{background-color:rgba(26, 26, 26, 1);color:rgba(141, 141, 141, 1);padding-top:3vw;padding-bottom:3vw;}#v6204b90d5e9f4 .container{}#v6204b90d5e9f4 .btn_box{text-align:left}  </style>              <style mos-id="v620cc6248778a">    .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%;}    }    #v620cc6248778a{background-attachment:fixed;background-size:cover;background-color:rgba(32, 21, 19, 1);color:#fff;text-align:center;padding-top:3vw;padding-bottom:3vw;}#v620cc6248778a .container{}#v620cc6248778a .btn_box{text-align:center}    </style>                <style mos-id="v620324b642f7a">    .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;}    }    #v620324b642f7a{background-position:50% 0%;background-repeat:repeat;background-size:auto;background-color:rgba(248, 248, 248, 1);text-align:center;padding-top:3vw;padding-bottom:4vw;}#v620324b642f7a .container{}#v620324b642f7a li .title{font-size:22px}#v620324b642f7a li .describe{color:rgba(105, 105, 105, 1)}    </style>                <style mos-id="v620213a2c72eb">    .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;}    }    #v620213a2c72eb{text-align:center;padding-top:2vw;padding-bottom:3vw;}#v620213a2c72eb .container{}#v620213a2c72eb li .title{font-size:3vw}#v620213a2c72eb li .describe{font-size:18px}#v620213a2c72eb li .title{color:rgba(241, 126, 10, 1)}#v620213a2c72eb li .describe{color:rgba(105, 105, 105, 1)}    </style>                <style mos-id="v620367e026b5c">    .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;}    }    #v620367e026b5c{background-position:0% 50%;background-repeat:no-repeat;background-size:auto;padding-top:5vw;padding-bottom:1vw;}#v620367e026b5c .container{}#v620367e026b5c .btn_box{text-align:left}#v620367e026b5c [direction]{align-items:center}    </style>                <style mos-id="v62dfb8bfaca11">    .tem_picture_1{position:relative; rgba(26, 26, 26, 1)}    .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;}    }    #v62dfb8bfaca11{background-attachment:fixed;background-position:100% 0%;background-repeat:no-repeat;background-size:cover;background-color:rgba(32, 21, 19, 1);color:rgba(26, 26, 26, 1);padding-top:5vw;padding-bottom:7vw;}#v62dfb8bfaca11 .container{}#v62dfb8bfaca11{display:none;}@media (max-width: 768px){#v62dfb8bfaca11{display:block;}}#v62dfb8bfaca11 .btn_box{text-align:left}    </style>                <style mos-id="v62035b4123867">    .tem_picture_1{position:relative; rgba(26, 26, 26, 1)}    .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;}    }    #v62035b4123867{background-attachment:fixed;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;background-color:rgba(32, 21, 19, 1);color:rgba(26, 26, 26, 1);padding-top:5vw;padding-bottom:7vw;}#v62035b4123867 .container{}@media (max-width: 768px){#v62035b4123867{display:none;}}#v62035b4123867 .btn_box{text-align:left}    </style>                <style mos-id="v620cc7c041ea1">    .tem_button_1{position:relative;padding-top:10px;padding-bottom:10px;text-align:center;}    @media (max-width:769px){        .tem_button_1{margin:0!important;}    }    #v620cc7c041ea1{padding-top:10px;padding-bottom:4vw;}#v620cc7c041ea1 .container{}#v620cc7c041ea1 .btn_box{text-align:center}    </style>                <style mos-id="v620213a2c72e8">    .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;}    }    #v620213a2c72e8{background-color:rgba(0,0,0,0);text-align:center;padding-top:2vw;padding-bottom:0vw;}#v620213a2c72e8 .container{}#v620213a2c72e8 li .title{font-size:22px}#v620213a2c72e8 li .describe{color:rgba(105, 105, 105, 1)}    </style>                <style mos-id="v620cae795da9d">    .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;}    }    #v620cae795da9d{text-align:center;padding-top:0vw;padding-bottom:0vw;}#v620cae795da9d .container{max-width:100%;padding-left:0vw;padding-right:0vw;}#v620cae795da9d li .title{font-size:24px}#v620cae795da9d li .title{color:rgba(255, 255, 255, 1)}#v620cae795da9d li .describe{color:rgba(251, 251, 251, 1)}    </style>                <style mos-id="v620c693d99bd2">    .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;}    }    #v620c693d99bd2{background-color:rgba(0,0,0,0);padding-top:4vw;padding-bottom:4vw;}#v620c693d99bd2 .container{max-width:1440px;padding-left:0vw;}#v620c693d99bd2 .btn_box{text-align:left}#v620c693d99bd2 [direction]{align-items:center}    </style>                <style mos-id="v620c92fc173bf">    .tem_picture_3{position:relative;}    .tem_picture_3 .picture_con{position:relative;}    .tem_picture_3 .picture_ul{display: flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}    .tem_picture_3 .picture_li{width:50%;min-width:50%;max-width:50%;padding-left:15px;padding-right:15px;position:relative;}    .tem_picture_3 .picture_ul[direction="2"]{flex-direction:row-reverse;}    .tem_picture_3 .picture_ul[direction="1"]{flex-direction:row;}    .tem_picture_3 .picture_ul[direction="4"]{flex-direction:column-reverse;}    .tem_picture_3 .picture_ul[direction="3"]{flex-direction:column;}    .tem_picture_3 .picture_ul[direction="3"] .picture_li,    .tem_picture_3 .picture_ul[direction="4"] .picture_li{width:100%;min-width:100%;max-width:100%;}    .tem_picture_3 .sticky_box{position:sticky;top:0;}    .tem_picture_3 .top_title{margin-bottom:20px;}    .tem_picture_3 .top_describe{margin-bottom:20px;}    .tem_picture_3 .img_list{overflow:hidden;}    .tem_picture_3 .img_ul{display:flex;width:auto;margin-left:-10px;margin-right:-10px;flex-wrap:wrap;}    .tem_picture_3 .img_li{width:50%;min-width:50%;max-width:50%;padding:10px;}    .tem_picture_3 .img_li[list_cols="1"]{width:100%;max-width:100%;min-width:100%;}    .tem_picture_3 .img_li[list_cols="2"]{width:50%;max-width:50%;min-width:50%;}    .tem_picture_3 .img_li[list_cols="3"]{width:33.33333%;max-width:33.33333%;min-width:33.33333%;}    .tem_picture_3 .img_li[list_cols="4"]{width:25%;max-width:25%;min-width:25%;}    .tem_picture_3 .img_li[list_cols="5"]{width:20%;max-width:20%;min-width:20%;}    .tem_picture_3 .img_li[list_cols="6"]{width:16.66666666666667%;max-width:16.66666666666667%;min-width:16.66666666666667%;}    .tem_picture_3 .img_li .icon_img{width:auto;}    .tem_picture_3 .img_li .title{font-size: 18px;margin-top:10px;}    .tem_picture_3 .img_li .img_par[display_none]+ .title{margin-top:0;}    .tem_picture_3 .img_li .describe{opacity:.9;margin-top:10px;}    .tem_picture_3 .img_con{background:rgba(122,122,122,0.1);padding:30px 20px;}    .tem_picture_3 .loading_imgs_box,    .tem_picture_3 .img_par.no_img_src{padding-bottom:100px;}    .tem_picture_3 .img_li .img_par[img_type="1"] .icon_img{width:100%;}    .tem_picture_3 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_picture_3 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_picture_3 .img_par[img_type="2"] .icon_img,    .tem_picture_3 .img_par[img_type="3"] .icon_img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .tem_picture_3 .img_li .img_par[img_text_align="1"] .icon_img{margin:auto 0 0 0;}    .tem_picture_3 .img_li .img_par[img_text_align="2"] .icon_img{margin:auto;}    .tem_picture_3 .img_li .img_par[img_text_align="3"] .icon_img{margin:0 0 0 auto;}    @media (max-width:768px){    .tem_picture_3 .picture_ul{display:block;margin:0;}    .tem_picture_3 .picture_li{width:100%;min-width:100%;max-width:100%;padding-left:0;padding-right:0;margin-bottom:20px;}    .tem_picture_3 .picture_li:last-child{margin-bottom:0;}    .tem_picture_3 .top_describe{margin-bottom:10px;}    /* .tem_picture_3 .img_li[list_cols]{width:100%;min-width:100%;max-width:100%;} */    .tem_picture_3 .img_li[mobile_list_cols="1"]{width:100%;max-width:100%;min-width:100%;}    .tem_picture_3 .img_li[mobile_list_cols="2"]{width:50%;max-width:50%;min-width:50%;}    .tem_picture_3 .img_li[mobile_list_cols="3"]{width:33.33333%;max-width:33.33333%;min-width:33.33333%;}    .tem_picture_3 .img_li[mobile_list_cols="4"]{width:25%;max-width:25%;min-width:25%;}    .tem_picture_3 .img_li[mobile_list_cols="5"]{width:20%;max-width:20%;min-width:20%;}    .tem_picture_3 .img_li[mobile_list_cols="6"]{width:16.66666666666667%;max-width:16.66666666666667%;min-width:16.66666666666667%;}    .tem_picture_3 .img_con{padding:10px;}    }    #v620c92fc173bf{background-repeat:repeat;background-size:auto;text-align:center;padding-top:3vw;padding-bottom:3vw;}#v620c92fc173bf .container{}#v620c92fc173bf li .title{font-size:22px}#v620c92fc173bf li .describe{color:rgba(105, 105, 105, 1)}    </style>                <style mos-id="v62de399c6a4ea">    .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;}    }    #v62de399c6a4ea{color:#fff;text-align:left;}#v62de399c6a4ea .container{}#v62de399c6a4ea .btn_box{text-align:left}#v62de399c6a4ea li .subtitle,#v62de399c6a4ea .top_subtitle{font-size:18px}#v62de399c6a4ea li .describe{font-size:16px}@media (max-width: 768px){#v62de399c6a4ea li .title{font-size:22px!important}#v62de399c6a4ea li .subtitle,#v62de399c6a4ea .top_subtitle{font-size:16px!important}}#v62de399c6a4ea li .subtitle,#v62de399c6a4ea .top_subtitle{color:rgba(241, 126, 10, 1)}#v62de399c6a4ea li .describe{color:rgba(255, 255, 255, 0.8)}@media (max-width: 768px){#v62de399c6a4ea li .subtitle,#v62de399c6a4ea li .title{text-align:left!important; }}@media (max-width: 1200px){#v62de399c6a4ea .top_subtitle, #v62de399c6a4ea .top_title {text-align:left!important;}}    </style>                <style mos-id="v62ddefd21bf2d">    .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;        }    }    #v62ddefd21bf2d{background-color:rgba(75, 66, 61, 1);color:#FFFFFF;padding-top:0vw;}#v62ddefd21bf2d .container{}    </style>        <style></style>    <!-- css end -->

    <!-- header style start -->
            <style>
#v62e0a87d07162 .top_details{    margin-bottom: 10px;}

#v620c92fc173bf .img_con{    padding: 0px 20px !important;}

._header .nav li{    font-weight: 100 !important;}
#v62e09047cc929 .picture_li:nth-child(2){    padding-left: 3vw;}
#v620367e026b5c .picture_li:nth-child(2){    padding-right: 3vw;}
#v620c693d99bd2 .picture_li:nth-child(2){    padding-left: 3vw;}
#v620c92fc173bf .img_par[img_text_align="2"] .icon_img{width: auto !important;}
#v62df468278afd .top_details{width: 50% !important;}
#v62df468278afd .top_title{width: 50% !important;}

.tem_banner_2 .con li .text{    top: 50%;}
.tem_banner_2 .width_50{width: 53%;}

#v620213a2c72e0 .top_title { font-weight: 100;}
#v620213a2c72e0 .top_describe {    padding-right: 40vw;}
#v620213a2c72e0 .text {    top: 55%;}

#v620a08684f3ab .picture_li:nth-child(2){ padding: 3vw 13vw 3vw 1vw;}
#v620a08684f3ab .top_title {    padding-right: 6vw;}

#v620213a2c72e8 .top_details {    padding: 0 6vw;}
#v620c92fc173bf .top_describe {  padding: 0 6vw;}
#v620cc6248778a .top_details {    padding: 0 6vw;}
#v620cccac57305 .top_details {    padding: 0 6vw;}
#v620cce19095cf .top_details {    padding: 0 6vw;}
#v620db403ed788 .top_details {    padding: 0 6vw;}
#v620db87f89b6d .top_details {    padding: 0 6vw;}
#v620db9080adb2 .top_details {    padding: 0 6vw;}
#v620dbf3a47c09 .top_details {    padding: 0 6vw;}
#v620e04c30c07b .top_details {    padding: 0 6vw;}
#v620c59b198e51 .img_par[img_type="1"] img {    width: 38%;}
#v620c92fc173bf .img_par[img_text_align="2"] .icon_img {   width: 20%;}
 #v620db403ed788 .img_par[img_text_align="2"] .icon_img {   width: 20%;}
#v620213a2c72eb .list_row_li {    border-right: 1px solid rgba(0,0,0,0.1);}
#v620db403ed788 .list_row_li {    border-right: 1px solid rgba(0,0,0,0.1);}
#v620dbde815906 .list_row_li {    border-right: 1px solid rgba(0,0,0,0.1);}
#v620367e026b5c .picture_li:nth-child(1){width: 55%;    min-width: 55%;    max-width: 55%; padding-left: 0px;    padding-right: 30px;}
#v620367e026b5c .picture_li:nth-child(2){width: 45%;    min-width: 45%;    max-width: 45%;}
.tem_picture_3 .img_con {    background: rgb(122 122 122 / 0%);   }
#v620cae795da9d .list_row_li{    padding-left: 10px;    padding-right: 10px;    margin-bottom: 0px;}

#v6204b90d5e9f4 .footer_li:nth-child(2) {    padding: 0px 1px 0 5vw;}
#v6204b90d5e9f4 .footer_li:nth-child(3) {    padding: 0px 5vw 0 0vw;}
.rich_text_1 p {    margin-bottom: -5px;}

#v620cae795da9d .con li .text {       width: 100%;    padding: 14px 0px 0px;    position: absolute;    bottom: 0;    left: 0;}
#v620cae795da9d li .title {    height: 2.5em!important;}



@media (max-width: 1366px){
#v620367e026b5c .picture_li:nth-child(1){width: 50%;    min-width: 50%;    max-width: 50%; padding-left: 15px;    padding-right: 15px;}
#v620367e026b5c .picture_li:nth-child(2){width: 50%;    min-width: 50%;    max-width: 50%;}
#v620213a2c72eb .title * {    font-size: 42px!important;}


}
@media (max-width: 1200px){
#v620c92fc173bf  .img_li { width: 50%!important;min-width: 50%!important;max-width: 50%!important;}
#v620213a2c72e0 .top_title * {    font-size: 72px!important;}
#v620c92fc173bf .img_par[img_text_align="2"] .icon_img {    width: 15%;}
#v620213a2c72e0 .top_describe {    padding-right: 50vw;}
#v620db403ed788 .img_par[img_text_align="2"] .icon_img {    width: 15%;}
#v620db403ed788 .img_li { width: 50%!important;min-width: 50%!important;max-width: 50%!important;}
#v620cae795da9d li  .title * {    font-size: 24px!important;}

}

@media (max-width: 768px){
#v62dfb8bfaca11 .container{text-align: center;}
#v62dfb8bfaca11 .btn_box{text-align: center;}

#v620213a2c72e0 .top_title, .top_title * {    font-size: 30px!important;}
#v620213a2c72e0 .top_describe { display: none;}
#v620213a2c72e0 .btn_box { display: none;}
#v620c92fc173bf .top_describe {    padding: 0 0vw;}
#v620213a2c72e8 .top_details  {    padding: 0 0vw;}
#v620cc6248778a .top_details {    padding: 0 0vw;}
#v620cccac57305 .top_details {    padding: 0 0vw;}
#v620cce19095cf .top_details  {    padding: 0 0vw;}
#v620db403ed788 .top_details {    padding: 0 0vw;}
#v620db87f89b6d .top_details {    padding: 0 0vw;}
#v620db9080adb2 .top_details  {    padding: 0 0vw;}
#v620dbf3a47c09 .top_details {    padding: 0 0vw;}
#v620e04c30c07b .top_details {    padding: 0 0vw;}
#v620367e026b5c .picture_li:nth-child(1){width: 100%;    min-width: 100%;    max-width: 100%; padding-left: 15px;    padding-right: 15px;}
#v620367e026b5c .picture_li:nth-child(2){width: 100%;    min-width: 100%;    max-width: 100%;}
#v620c92fc173bf .img_par[img_text_align="2"] .icon_img {    width: 50%;}
#v620213a2c72e0 .top_title * {    font-size: 60px!important;}
#v620db403ed788 .img_par[img_text_align="2"] .icon_img {    width: 50%;}

#v620cae795da9d li  .title * {    font-size: 22px!important;}
}
@media (max-width: 500px){
#v620213a2c72e0 .top_title * {    font-size: 32px!important;}

}


</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="Hello, 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="0">
    <input type="hidden" id="compress_onoff" value="0">
    <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_hint":"Enter your e-mail","email_field_name":"E-mail","name_field_hint":"Enter your name","name_field_name":"Name","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!","email_field_alias":"","phone_field_alias":"\/WhatsApp\/Skype"};
        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="v62ddefd21bf2d" 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: rgba(0,0,0,0);" 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><span style="color:rgba(255,255,255,0.8);">Vidadecor, a professional household plastic resin led garden light manufacturer &amp; supplie</span><br></p><p><span style="color:rgba(255,255,255,0.8);"></span>Eion lighting technology company limited<br></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://img.yfisher.com/tos/video-website/1664/file1763967566600.png" alt="VIDADECOR">
                                        </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" >PRODUCTS</a>
                                                                <i class="i_con iconfont iconxiala1"></i>
                                <ul class="nav_ul">
                                                                        <li class=" xia   ">
                                        <a  href="/products-51850" >Plastic outdoor light</a>
                                                                                <i class="i_con iconfont iconxiala1"></i>
                                        <ul class="nav_ul">
                                                                                        <li class=" ">
                                                <a  href="/products-51851" >Plastic outdoor wall light</a>
                                                                                            </li>
                                                                                        <li class=" ">
                                                <a  href="/products-51852" >Plastic bollard light</a>
                                                                                            </li>
                                                                                        <li class=" ">
                                                <a  href="/products-51853" >Plastic globe light</a>
                                                                                            </li>
                                                                                    </ul>
                                                                            </li>
                                                                        <li class=" xia   ">
                                        <a  href="/products-51854" >Aluminum outdoor lights</a>
                                                                                <i class="i_con iconfont iconxiala1"></i>
                                        <ul class="nav_ul">
                                                                                        <li class=" ">
                                                <a  href="/products-51855" >Aluminum outdoor wall light</a>
                                                                                            </li>
                                                                                        <li class=" ">
                                                <a  href="/products-51856" >Aluminium bollard lights</a>
                                                                                            </li>
                                                                                        <li class=" ">
                                                <a  href="/products-51857" >Aluminum outdoor pillar light</a>
                                                                                            </li>
                                                                                    </ul>
                                                                            </li>
                                                                        <li class=" xia   ">
                                        <a  href="/products-51858" >Solar outdoor garden light</a>
                                                                                <i class="i_con iconfont iconxiala1"></i>
                                        <ul class="nav_ul">
                                                                                        <li class=" ">
                                                <a  href="/products-51859" >Solar street light</a>
                                                                                            </li>
                                                                                        <li class=" ">
                                                <a  href="/products-51860" >Solar bollard</a>
                                                                                            </li>
                                                                                        <li class=" ">
                                                <a  href="/products-51861" >Solar gate light</a>
                                                                                            </li>
                                                                                    </ul>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-52631" >Other lights</a>
                                                                            </li>
                                                                    </ul>
                                                            </li>

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

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

                            
                            <li class=" ">
                                <a  href="/news" >NEWS</a>
                                                            </li>

                            
                            <li class=" ">
                                <a  href="/download" >DOWNLOAD</a>
                                                            </li>

                            
                            <li class=" ">
                                <a  href="/contact-us" >CONTACT 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="left" id="v62de399c6a4ea" module_id="5054" bg_img_url=""  module_type="module">
                
    
    <ul class="text top_text" modular-edit="custom"  display_none >
        <li class="container">
            <div class="top_subtitle">
                <div
                    class="align_con width_50 width_mobile_60">
                    <section template-edit="subtitle_languages" module_name="module">They are all manufactured according to the strictest international standards. Our products have received favor from both domestic and foreign markets.<br> They are now widely exporting to 200 countries.</section>
                </div>
            </div>
            <div class="top_title title">
                <div
                    class="align_con width_50 width_mobile_60">
                    <section template-edit="title_languages" module_name="module">Range Of Premium Products</section>
                </div>
            </div>
            <div class="top_details describe">
                <div class="align_con width_50  width_mobile_60">
                    <section template-edit="describe_languages" module_name="module">They are all manufactured according to the strictest international standards. Our products have received favor from both domestic and foreign markets.<br> They are now widely exporting to 200 countries.</section>
                </div>
            </div>
            <div class="btn_box "
                btn_show="1">
                                                                <div class="is_btn_box width_50">
                    <div class="btn pc_btn" btn-types="shallow">
                        <section template-edit="btn_languages" module_name="module">LEARN MORE</section>
                    </div>
                    <div class="btn mobile_btn" btn-types="deep">
                        <section template-edit="btn_languages" module_name="module">LEARN MORE</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="1" 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/1664/file_01658835991477.jpg" img_preview_gif="" alt="&lt;p&gt;Dedicated In Garden Illumination For 20 Years&lt;/p&gt;" >
                                                        <a href="/products" class="href_id_a" target="_self"></a>
                                                        <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                        </div>
                        <div class="text videos_js_icons" >
                            <div class="container">
                                <div  class="subtitle align_con">
                                    <div class=" width_50  width_mobile_60">
                                        <p><strong>SINCE 2002</strong></p>
                                    </div>
                                </div>
                                <div  class="title  align_con" title_lengths="">
                                    <div class=" width_50  width_mobile_60">
                                        <p>Dedicated In Garden Illumination For 20 Years</p>
                                    </div>
                                </div>
                                <div  class="describe  align_con ">
                                    <div class=" width_50  width_mobile_60">
                                        <p>vidadecor specialized in injection and blow molding globe lights and custom led garden light with various materials, we are known as a dedicated manufacturer of all kinds of outdoor garden lights with different function.</p>
                                    </div>
                                </div>
                                                                <div class="btn_box" btn_show="1">
                                    <div class=" width_50">
                                                                                <a href="/products" target="_self">
                                            <div class="btn"  btn-types="shallow">
                                                LEARN MORE
                                            </div>
                                        </a>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
                                </ul>
    </div>
            </div>

        <div class="tem_picture_3 no_bg_src content-section" module_center="center" id="v620c92fc173bf" module_id="5020" bg_img_url="https://img001.video2b.com/1664/file_01658822527841.png"  module_type="module">
            
                <div class="container">
        <div class="picture_con">
            <ul class="picture_ul" direction="3">
                <li class="picture_li">
                    <div class="sticky_box " modular-edit="custom">
                        <div class="top_title">
                            <section template-edit="title_languages" module_name="module"><p><span style="font-size:48px;">Why&nbsp;<span style="color:rgba(241, 126, 10, 1);">Choose Us</span></span></p></section>
                        </div>
                        <div class="top_describe">
                            <section template-edit="describe_languages" module_name="module"><h1 class="editorh1"><span style="color:#696969;"><span style="font-size:16px;">Eion lighting technology company limited(Vidadecor) is a professional oem&nbsp;led garden light&nbsp;manufacturer, outdoor lighting suppliers and custom outdoor lighting solution provider for over 20 years.</span></span></h1><p><span style="color:#696969;"><span style="font-size:16px;">We have the ability to turn your idea of led outdoor garden&nbsp;light into an actual appealing product.As a garden light manufacturer &amp; supplier, allowing you to choose the color, shape, size, and brightness of your garden lights to match your specific needs and preferences, help you choose the best lighting solutions for your garden. We can also help with installation and maintenance questions.</span></span></p></section>
                        </div>
                        <div class="btn_box" btn_show="0">
                                                                                                                                    <div>
                                <div class="btn" btn-types="deep">
                                    <section template-edit="btn_languages" module_name="module"></section>
                                </div>
                            </div>
                                                                            </div>
                    </div>
                </li>
                <li class="picture_li ">
                    <div class="sticky_box">
                        <div class="img_list">
                            <ul class="img_ul">
                                                                                                                                <li class="img_li" list_cols="4" mobile_list_cols="">
                                    <div class="img_con">
                                        <div class="img_par no_img_src"  img_type="" img_text_align="2">
                                            <img class="icon_img" video-img="https://img001.video2b.com/1664/file_01658736644472.png">
                                        </div>
                                        <div class="title">
                                                                                        <p>Technical&nbsp;Experience</p>
                                                                                    </div>
                                        <div class="describe"><p>Our strength is that we have 20 years of experience in both plastic injection and blow moulding, and aluminum die-casting!&nbsp;</p></div>
                                    </div>
                                </li>
                                                                <li class="img_li" list_cols="4" mobile_list_cols="">
                                    <div class="img_con">
                                        <div class="img_par no_img_src"  img_type="" img_text_align="2">
                                            <img class="icon_img" video-img="https://img001.video2b.com/1664/file_01658736649796.png">
                                        </div>
                                        <div class="title">
                                                                                        <p>Products Quality<br></p>
                                                                                    </div>
                                        <div class="describe"><p>Our outdoor garden lights and globe outdoor lights products are with CE, RoHS, LVD, EMC&nbsp;certified and some are ETL listed.</p></div>
                                    </div>
                                </li>
                                                                <li class="img_li" list_cols="4" mobile_list_cols="">
                                    <div class="img_con">
                                        <div class="img_par no_img_src"  img_type="" img_text_align="2">
                                            <img class="icon_img" video-img="https://img001.video2b.com/1664/file_01658817435403.png">
                                        </div>
                                        <div class="title">
                                                                                        <p>Production Time</p>
                                                                                    </div>
                                        <div class="describe"><p>Tooling will take about 35-50days depend on the design, production will be done within 45-50days depend on variety and quantity.<br></p></div>
                                    </div>
                                </li>
                                                                <li class="img_li" list_cols="4" mobile_list_cols="">
                                    <div class="img_con">
                                        <div class="img_par no_img_src"  img_type="" img_text_align="2">
                                            <img class="icon_img" video-img="https://img001.video2b.com/1664/file_01658736654790.png">
                                        </div>
                                        <div class="title">
                                                                                        <p>After-sale</p>
                                                                                    </div>
                                        <div class="describe"><p>Our team will be in contact always to solve your problem, including but not only if any mistake or damage is made. Your benefit is what we concern.&nbsp;</p></div>
                                    </div>
                                </li>
                                                                                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
        <div class="tem_picture_1 no_bg_src content-section" id="v620c693d99bd2" module_id="5004" bg_img_url=""  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/1664/file_01692091678659.png" alt="">
                            <span display_none 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>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><div><span style="font-size:48px;">OEM</span></div></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><div style="line-height:1.9;"><br></div></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"><div style="line-height:1.9;"><div style="line-height:1.9;"><img data-cke-saved-src="https://img001.video2b.com/1326/file_01644997004485.png" src="https://img001.video2b.com/1326/file_01644997004485.png" alt="11.png">&nbsp;&nbsp;<span style="font-size:16px;"><strong>Our factory is BSCI, ISO9001, ISO14001 certified.</strong></span></div><div style="line-height:1;"><br></div><div style="line-height:1.9;"><img data-cke-saved-src="https://img001.video2b.com/1326/file_01644997004485.png" src="https://img001.video2b.com/1326/file_01644997004485.png" alt="11.png">&nbsp;&nbsp;<span style="font-size:16px;"><strong>Our products are CE, EMC, LVD, ROHS, ERP2.0, ETL certified, well qualified to export to most of the countries in the world.</strong></span></div><div style="line-height:1;"><br></div><div style="line-height:1.9;"><img data-cke-saved-src="https://img001.video2b.com/1326/file_01644997004485.png" src="https://img001.video2b.com/1326/file_01644997004485.png" alt="11.png">&nbsp;&nbsp;<span style="font-size:16px;"><strong>We have our own injection and die-casting machines, and production line, which guarantee the competitive price, reliable quality and short lead-time.</strong></span></div><div style="line-height:1;"><br></div><div style="line-height:1.9;"><img data-cke-saved-src="https://img001.video2b.com/1326/file_01644997004485.png" src="https://img001.video2b.com/1326/file_01644997004485.png" alt="11.png">&nbsp;&nbsp;<span style="font-size:16px;"><strong>Most of our products are originally designed and patented, in the meanwhile, we have more than 250 garden lighting items on the category for choosing.</strong></span></div><div style="line-height:1;"><br></div><div style="line-height:1.9;"><img data-cke-saved-src="https://img001.video2b.com/1326/file_01644997004485.png" src="https://img001.video2b.com/1326/file_01644997004485.png" alt="11.png">&nbsp;&nbsp;<span style="font-size:16px;"><strong>We can offer graphic design for all your packing material, such as color label, color box, laser carving on the products, instruction manual, etc.</strong></span></div><div style="line-height:1.9;"><img data-cke-saved-src="https://img001.video2b.com/1326/file_01644997004485.png" src="https://img001.video2b.com/1326/file_01644997004485.png" alt="11.png">&nbsp;&nbsp;<strong>We have we own lab to offer specification report for every model we sell.</strong></div><div style="line-height:1.9;"><img data-cke-saved-src="https://img001.video2b.com/1326/file_01644997004485.png" src="https://img001.video2b.com/1326/file_01644997004485.png" alt="11.png">&nbsp;&nbsp;<strong>We are well experienced working with chain store like HomeDepot, Lidl, Rewe, etc.</strong></div><span style="font-size:16px;"></span></div></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                                                <a href="/service" target="_self">
                                <div class="btn" btn-types="shallow">
                                    <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="v620cae795da9d" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p>As an oem outdoor garden lights manufacturer &amp; supplier,&nbsp;Vidadecor Lighting specialized in oem exterior garden lights manufacturing for 20 years,</p><p>including plastic outdoor lights, aluminum outdoor lights and solar outdoor garden light.Welcome to inquire our wholesale outdoor garden lights and driveway column lights.</p></section>
            </div>
                    </div>
        <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="3" mobile_list_cols="1">
                                        <a  title="Plastic Outdoor Light" href="/products-51850" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="1" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1664/file_01659659584211.jpg" img_preview_gif="" alt="Plastic Outdoor Light">
                                                                <span class="href_id_a"></span>
                                                                                                <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="2">
                                    Plastic Outdoor Light
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
                                        <a  title="Aluminum Outdoor Lights" href="/products-51854" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="1" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1664/file_01658825745717.jpg" img_preview_gif="" alt="Aluminum Outdoor Lights">
                                                                <span class="href_id_a"></span>
                                                                                                <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="2">
                                    Aluminum Outdoor Lights
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
                                        <a  title="Aluminum Outdoor Lights" href="/products-51858" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="1" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1664/file_01659659591092.jpg" img_preview_gif="" alt="Aluminum Outdoor Lights">
                                                                <span class="href_id_a"></span>
                                                                                                <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="2">
                                    Aluminum Outdoor Lights
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v620213a2c72e8" 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"><div><span style="font-size:48px;">&nbsp;Main&nbsp;<span style="color:rgba(241, 126, 10, 1);">Products</span></span></div></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:#696969;"><span style="font-size:16px;">Vidadecor Lighting is one of the most professional outdoor lighting suppliers in China, offering professional plastic outdoor lighting &amp;&nbsp;aluminum outdoor lighting service for muliti applications.Vidadecor&nbsp;led garden light manufacturer specialized in injection and blow molding globe lights,&nbsp;polycarbonate globe light,globe outdoor lights,gate pillar lights, modern driveway pillar lights and outdoor light with various materials, we are known as a dedicated led garden lights manufacturer, supplier of all kinds of custom outdoor garden lights with different function.&nbsp;</span></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="0">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Plastic outdoor wall light PUD018" href="/products-51855" target="_self"  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/1664/file_01658734104527.jpg" img_preview_gif="" alt="Plastic outdoor wall light PUD018">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Plastic outdoor wall light PUD018
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Simple design 3w aluminum housing bedside bathroom villa gate porch corridor outside led up down wall light
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Plastic outdoor lighting PW08" href="/products-51851" target="_self"  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/1664/file_01658734111329.jpg" img_preview_gif="" alt="Plastic outdoor lighting PW08">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Plastic outdoor lighting PW08
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    European modern home exterior luminaires plastic housing 12w 220 volts smd led garden round outside wall lights
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Plastic outdoor wall lights PW012" href="/products-51851" target="_self"  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/1664/file_01658734127463.jpg" img_preview_gif="" alt="Plastic outdoor wall lights PW012">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Plastic outdoor wall lights PW012
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Modern plastic gu10 2 head interior restaurant bedroom waterproof fixture sconce indoor led wall light for home
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Custom plastic porch lights PW018" href="/products" target="_self"  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/1664/file_01658734138972.jpg" img_preview_gif="" alt="Custom plastic porch lights PW018">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Custom plastic porch lights PW018
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    European Porch Entryway Front Door Garden ABS Anti-Rust Exterior Outdoor Led Wall Mount Sconce Lantern Light
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Black plastic outdoor wall lights PW019" href="/products" target="_self"  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/1664/file_01658734133266.jpg" img_preview_gif="" alt="Black plastic outdoor wall lights PW019">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Black plastic outdoor wall lights PW019
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    E27 led bulb european style black outside mount light sconce bulkhead retro vintage outdoor wall lamp
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Black plastic passage garden lawn lights BL02" href="/products-51852" target="_self"  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/1664/file_01658734331644.jpg" img_preview_gif="" alt="Black plastic passage garden lawn lights BL02">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Black plastic passage garden lawn lights BL02
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Modern European plastic passage garden lawn Lane landscape lamp outdoor LED bollard lamp
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="tem_button_1 no_bg_src" id="v620cc7c041ea1" module_id="5033" bg_img_url=""  module_type="module">
                            <div class="container">
        <div class="text">
            <div class="btn_box" btn_show="1">
                                                                                        <a href="/products" target="_self">
                    <div class="btn" btn-types="shallow">
                        <section template-edit="btn_languages" module_name="module">READ MORE</section>
                    </div>
                </a>
                                        </div>
        </div>
    </div>   
</div>

        <div class="tem_picture_1 no_bg_src content-section" id="v62035b4123867" module_id="5004" bg_img_url="https://img001.video2b.com/1664/file_01658808292918.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=""  display_none >
                            <img video-img="" alt="">
                            <span display_none 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>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><p><span style="font-size:56px;"><span style="color:#FFFFFF;"></span></span><span style="font-size:48px;"><span style="color:#FFFFFF;">For More Information About The </span><span style="color:rgba(241, 126, 10, 1);">Product Or Our Company</span></span><span style="font-size:56px;"><span style="color:rgba(241, 126, 10, 1);"></span></span></p></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><div style="line-height: 1.5;"><span style="color:rgba(255,255,255,0.8);"><span style="font-size:16px;">Vidadecor Lighting conduct strict quality inspections over each batch / product. We will try our best to serve you and hope to become one of your friends and business partners.&nbsp;</span></span>​​​​​​​</div></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                                                <a href="/contact-us" target="_self">
                                <div class="btn" btn-types="shallow">
                                    <section template-edit="btn_languages" module_name="module"><p>CONTACT US NOW !</p></section>
                                </div>
                            </a>
                                                                                </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
        <div class="tem_picture_1 no_bg_src content-section" id="v62dfb8bfaca11" module_id="5004" bg_img_url="https://img001.video2b.com/1664/file_01658808292918.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=""  display_none >
                            <img video-img="" alt="">
                            <span display_none 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>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><p><span style="font-size:48px;"><span style="color:#FFFFFF;">For More Information About The </span></span><br></p><p><span style="font-size:48px;"><span style="color:#FFFFFF;">​​​​​​​</span><span style="color:rgba(241, 126, 10, 1);">Product Or Our Company</span></span></p></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><div style="line-height: 1.5;"><span style="color:rgba(255,255,255,0.8);"><span style="font-size:16px;">We conduct strict quality inspections over each batch / product. </span></span><br></div><div style="line-height: 1.5;"><span style="color:rgba(255,255,255,0.8);"><span style="font-size:16px;">We will try our best to serve you and hope to become one of your friends and business partners.&nbsp;</span></span>​​​​​​​</div></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                                                <a href="/contact-us" target="_self">
                                <div class="btn" btn-types="shallow">
                                    <section template-edit="btn_languages" module_name="module"><p>CONTACT US NOW !</p></section>
                                </div>
                            </a>
                                                                                </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
        <div class="tem_picture_1 no_bg_src content-section" id="v620367e026b5c" module_id="5004" bg_img_url="https://img001.video2b.com/1664/file_01658820076077.png"  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/1664/file_01658882220417.jpg" alt="">
                            <span display_none 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>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><div><span style="font-size:48px;">About&nbsp;​​​​​​​<span style="color:rgba(241, 126, 10, 1);">Vidadecor Lighting</span></span></div></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><div style="line-height:1.9;"><strong><span style="font-size:16px;">Eion Lighting technology Company Limited located in Huangpu Town, Zhonshan Cit, 30minutes from Shunde port and Nansha port.</span></strong>​​​​​​</div></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"><div style="line-height:1.9;"><span style="font-size:16px;"><span style="color:#696969;">The led garden light factory&nbsp;covers 4000 square meters, with modern production equipment and bright working environment, consisting of material modification, R&amp;D, laboratory, production, assembly and quality control department.</span></span></div><div style="line-height:1.9;">​​​​​​​<br><span style="font-size:16px;"><span style="color:#696969;">As a garden light company, Eion Lighting focuses on garden illumination for 20 years, certified by ISO9001, BSCI. To meet requirement of global market, our products are with CE, RoHS, LVD, EMC certified and some are ETL listed.</span></span></div><div style="line-height:1.9;"><br><span style="font-size:16px;"><span style="color:#696969;">Vidadecor led garden light suppliers, manufacturers specialized in&nbsp;custom led garden lamp, globe outdoor lights, driveway pillar lights, injection and blow molding globe lights,&nbsp;polycarbonate lights and custom outdoor lighting with various materials, we are known as a dedicated manufacturer of all kinds of outdoor garden lights with different function. &nbsp;</span><ins>What’s more, we also offer OEM and ODM service for famous brands in more than 50 countries around the world.</ins></span>​​​​</div></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                                                <a href="/about-us" target="_self">
                                <div class="btn" btn-types="shallow">
                                    <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_2 no_bg_src content-section" module_center="center" id="v620213a2c72eb" module_id="5016" bg_img_url=""  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"  display_none  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1289/file_01644485928124.png" img_preview_gif="" alt="&lt;p&gt;20&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>20</p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>With 20 years of experience</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"  display_none  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1289/file_01644485932900.png" img_preview_gif="" alt="&lt;p&gt;100&lt;br&gt;&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>100<br></p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>We have a professional team</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"  display_none  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1289/file_01644485937512.png" img_preview_gif="" alt="&lt;p&gt;50&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>50</p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>Sold to 50 countries worldwide</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"  display_none  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1289/file_01644485943421.png" img_preview_gif="" alt="&lt;p&gt;4,000&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>4,000</p>
                                </div>
                                                                    <div  class="describe" title_lengths="">
                                        <p>Factory 4,000 square meters</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="v620324b642f7a" module_id="5015" bg_img_url="https://img001.video2b.com/1664/file_01658822527841.png"  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"><div><span style="font-size:48px;">Company Press <span style="color:rgba(241, 126, 10, 1);">Releases</span></span></div></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><div style="line-height:1.5;"><span style="color:#696969;"><span style="font-size:16px;">Our team of experts is committed to using top-grade raw materials and employing state-of-the-art manufacturing techniques to produce durable and visually appealing garden light that are perfect for exterior decoration, and more. With over 20 years of experience in the industry, our products have been tested rigorously for strength, safety compliance, and environmental sustainability. We offer a wide range of colors and styles to suit any design preference or project requirement.You can count on us for exceptional quality outdoor lighting fixtures that exceed your expectations!As one of the best custom outdoor lighting suppliers,&nbsp;Vidadecor<strong> garden light supplier</strong> focuses on garden illumination for 20 years, certified by ISO9001, BSCI. To meet requirement of global market, our products are with CE, RoHS, LVD, EMC certified and some are ETL listed.We also offer OEM and ODM service for famous brands in more than 50 countries around the world.</span></span></div></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="Exterior Landscape Lawn light IP65 Garden path light Column pillar lamp" href="/news-detail-1347282" target="_self"  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/1664/file_01679880257296.png" img_preview_gif="" alt="Exterior Landscape Lawn light IP65 Garden path light Column pillar lamp">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Exterior Landscape Lawn light IP65 Garden path light Column pillar lamp
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    The rust-proof cylindrical lawn lamp adopts the outdoor plastic lamp ABS body material acrylic lampshade, anti-corrosion and anti-rust. 48 Pcs 2835 smd LED light source, very high efficient lumen output. IP65 waterproof material is used to achieve high water resistance, so it can be used in all weather conditions.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Surface mounted indoor house light downlight gu10 spotlight" href="/news-detail-1539766" target="_self"  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/1664/file_01679880027550.png" img_preview_gif="" alt="Surface mounted indoor house light downlight gu10 spotlight">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Surface mounted indoor house light downlight gu10 spotlight
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Modern and Simple Ceiling Spotlights, It is as Simple Installation as Classic Ceiling Lamps and is an Excellent Alternative to Traditional Recessed Lamps.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Creative Hollow Cylindrical Shaped LED Lamp Post Lights Outdoor Lights Waterproof Outdoor Pole Light" href="/video/products-detail-1252622" target="_self"  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/1664/file_01679880036683.png" img_preview_gif="" alt="Creative Hollow Cylindrical Shaped LED Lamp Post Lights Outdoor Lights Waterproof Outdoor Pole Light">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Creative Hollow Cylindrical Shaped LED Lamp Post Lights Outdoor Lights Waterproof Outdoor Pole Light
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Here is the outdoor Die Cast Aluminum post light that hint at a traditional lantern design, yet the concept is determinedly modernist. Unusually, the light source is on the underside of the light frame, enabling a minimalist effect. The lights are available in small, medium, and large sizes. The small and medium sizes are ideal for your garden.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Modern Square Composite Resin Wall Sconce Light 3CCT Flush Mount Up Down Lamp" href="/video/products-detail-1156459" target="_self"  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/1664/file_01679880044357.png" img_preview_gif="" alt="Modern Square Composite Resin Wall Sconce Light 3CCT Flush Mount Up Down Lamp">
                                                                <span class="href_id_a"></span>
                                                                                                <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="">
                                    Modern Square Composite Resin Wall Sconce Light 3CCT Flush Mount Up Down Lamp
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Up down wall sconce is a beautiful outdoor lamp that is a true addition to your modern living style. This modern outdoor wall lamp fits perfectly against the fence, under the carport or on the terrace.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="public_inquiry_tem_1 no_bg_src content-section" module_center="center" id="v620cc6248778a" module_id="5014" bg_img_url="https://img001.video2b.com/1664/file_01658826461367.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="font-size:48px;">Get In Touch <span style="color:rgba(241, 126, 10, 1);">With Us</span></span></p></section>
            </div>
            <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:rgba(255,255,255,0.8);"><span style="font-size:16px;">&nbsp;If you need more information about our company, please feel free to contact us.</span></span></p></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_v620cc6248778a" value="0">
                <input type="hidden" name="visitlength" id="visitlength_v620cc6248778a" value="====1784748087====">
                <input type="hidden" name="source" id="source_v620cc6248778a" value="0">
                <input type="hidden" name="id" id="id_v620cc6248778a" 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_v620cc6248778a" 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_v620cc6248778a" 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_v620cc6248778a"  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_v620cc6248778a" 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_v620cc6248778a" 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_v620cc6248778a" type="submit" class="btn" btn-types="shallow">
                        <div template-edit="btn_languages" module_name="module">SEND INQUIRY NOW</div>
                    </button>
                </div>
            </form>
        </div>
    </div>
            </div>
        </div>

<div>
            <div
  id="v6204b90d5e9f4"
  module_id="5052"
  bg_img_url=""
  
  class="tem_footer_section_02 no_bg_src boxs_m_show"
  module_type="footer"
  no_index_edit
>
        
  <div class="tem_footer_02">
    <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">
            <section template-edit="common_footer_txt0_languages" module_name="footer">
              <p><span style="color:#FFFFFF;">QUICK LINKS</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt1_languages" module_name="footer">
              <p><a data-cke-saved-href="/products" href="/products" rel="">Products</a></p><p><a data-cke-saved-href="/service" href="/service" rel="">OEM&amp;ODM Service</a></p><p><a data-cke-saved-href="/cases" href="/cases" rel="">Cases</a></p><p><a data-cke-saved-href="/about-us" href="/about-us">About Vidadecor garden light manufacturer</a></p><p><a data-cke-saved-href="/news" href="/news" rel="">News</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_txt2_languages" module_name="footer">
              <p><span style="color:#FFFFFF;">PRODUCTS</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt3_languages" module_name="footer">
              <p><a data-cke-saved-href="/products-51850" href="/products-51850" rel="">Plastic outdoor light</a></p><p><a data-cke-saved-href="https://www.golden-lights.com/products-51851" href="https://www.golden-lights.com/products-51851" rel="">Plastic outdoor wall light</a><br></p><p><a data-cke-saved-href="https://www.golden-lights.com/products-51852" href="https://www.golden-lights.com/products-51852" rel="">Plastic bollard light</a><br></p><p><a data-cke-saved-href="https://www.golden-lights.com/products-51853" href="https://www.golden-lights.com/products-51853" rel="">Plastic globe light</a><br></p><p><a data-cke-saved-href="/products-51854" href="/products-51854" rel="">Aluminum outdoor lights</a>​​​​​​​<br></p><p><a data-cke-saved-href="/products-51858" href="/products-51858" rel="">Solar outdoor garden light</a></p><p><a data-cke-saved-href="/products-52631" href="/products-52631" rel="">Other lights</a></p>
            </section>
          </div>
        </li>

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

          <div class="con_ul">
            <section template-edit="common_footer_txt5_languages" module_name="footer">
              <ul id="menu-footer-iii-column"><li id="menu-item-29"><p>Contact: Teresa Ho<br></p></li><li><p>Email:&nbsp;<a data-cke-saved-href="mailto:sales01@golden-lights.com" href="mailto:sales01@golden-lights.com" rel="">sales01@golden-lights.com</a><br>Tel.: +86-13825562311</p></li><li><p>Add: No.46 PulingRd Dayan industrial zone, Huangpu, Zhongshan, Guangdong, China.</p></li></ul>
            </section>
          </div>
        </li>

        <li class="footer_li">
          <div class="li_head">
            <section template-edit="common_footer_txt6_languages" module_name="footer">
              <p><a data-cke-saved-href="https://n14tndcm.aivideo8.com/" href="https://n14tndcm.aivideo8.com/" rel=""><img data-cke-saved-src="https://img001.video2b.com/1664/file_01658805922049.png" src="https://img001.video2b.com/1664/file_01658805922049.png" style="height: 72px; width: 200px;"></a></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt7_languages" module_name="footer">
              <p>Being our partner, you are protected, valued and most importantly, profitable.&nbsp;</p>
            </section>
          </div>

          <div class="btn_con_box" >
            <div class="btn_box" btn_show="1">
                                                <a href="/contact-us" target="_self">
                  <div class="btn" btn-types="shallow">
                    <section template-edit="btn_languages" module_name="module">
                      CONTACT US
                    </section>
                  </div>
                </a>
                            </div>
          </div>

          <div>
                          <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 class="iconfenxiang_boxs footer" footer-social-media="true"></div>
                      </div>
        </li>
      </ul>
    </div>
  </div>

        </div>
        <div class="tem01_copyright no_bg_src" id="v620213a2c7318" 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 EION LIGHTING TECHNOLOGY CO., LIMITED - www.golden-lights.com All Rights Reserved.
                                                   <span style="display: inline-flex;align-items: baseline">
                                                    <span>&nbsp;</span>
                            <div style="
                                height:12px;
                                color:rgba(153,153,153,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(153,153,153,0.6)` || 'inherit';
    let title = `Design`;
    let href = ``
    const section = $(`#v620213a2c7318`).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:'5',color:'#0089f7'};
    $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);})
    </script>
        <div id="chat_online_box" class="chat_online_box fun_scr_hide chat-online-style5" lang="en" v_id="">
                <svg width="29" height="24" viewBox="0 0 29 24" class="chat-online-icon">
            <path fill="#fff" d="M 22.9956 9.72168 C 22.9956 4.36931 17.8406 0.0143985 11.5039 0.0143985 C 5.16706 0.0143985 0.0120673 4.36934 0.0120673 9.72168 C 0.0120673 12.0833 1.02563 14.359 2.84059 16.0997 C 3.06561 16.4504 3.09532 18.3404 2.90344 20.1438 L 2.74867 21.5959 L 3.97037 20.7966 C 5.36573 19.8829 7.15299 18.9046 7.64488 18.8701 C 8.88007 19.2411 10.1781 19.4296 11.5039 19.4296 C 17.8406 19.4296 22.9956 15.0746 22.9956 9.72168 Z M 5.99752 10.8873 C 5.26771 10.8907 4.6731 10.3007 4.67038 9.57098 C 4.66635 8.84118 5.25623 8.24659 5.98666 8.2425 C 6.71509 8.23916 7.31108 8.82972 7.3138 9.55881 C 7.31717 10.2899 6.72726 10.8839 5.99752 10.8873 Z M 11.5384 10.8873 C 10.8086 10.8907 10.2147 10.3007 10.2112 9.57098 C 10.2079 8.84118 10.7978 8.24659 11.5275 8.2425 C 12.2573 8.23916 12.852 8.82972 12.8546 9.55881 C 12.8581 10.2899 12.2688 10.8839 11.5384 10.8873 Z M 16.7973 10.8873 C 16.0675 10.8907 15.4735 10.3007 15.4701 9.57098 C 15.4668 8.84118 16.0567 8.24659 16.7864 8.2425 C 17.5162 8.23916 18.1108 8.82972 18.1136 9.55881 C 18.1169 10.2899 17.5277 10.8839 16.7973 10.8873 Z M 28.0121 12.0731 C 28.0121 9.35814 26.6552 6.74989 24.2889 4.91667 C 23.9862 4.68355 23.5523 4.73758 23.3179 5.04032 C 23.2523 5.12481 23.2152 5.2194 23.1942 5.31736 C 23.974 6.7161 24.4227 8.2716 24.4227 9.91764 C 24.4227 15.1685 19.9859 19.5587 14.1147 20.5581 C 14.0518 20.646 14.0025 20.7439 13.9856 20.8581 C 13.9316 21.2365 14.1937 21.5872 14.5721 21.6419 C 16.5121 21.921 18.5365 21.7743 20.3785 21.2209 C 20.8705 21.2554 22.6584 22.2338 24.0537 23.1474 L 25.2761 23.9474 L 25.1207 22.4946 C 24.9281 20.6918 24.9572 18.8025 25.1585 18.4802 C 26.9978 16.7106 28.0114 14.4348 28.0121 12.0731 Z" />
        </svg>
        Chat with Us
            </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=Vidadecor+Outdoor+Lighting+Manufacturer+%7C+OEM+Garden+Lights&url=https://www.golden-lights.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.golden-lights.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.golden-lights.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=Vidadecor+Outdoor+Lighting+Manufacturer+%7C+OEM+Garden+Lights&u=https://www.golden-lights.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=Vidadecor+Outdoor+Lighting+Manufacturer+%7C+OEM+Garden+Lights&url=https://www.golden-lights.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="====1784748087====">
            <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="v620cc6248778a">
    (function(){
        var generate_id = "v620cc6248778a",
            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="v620324b642f7a">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v620324b642f7a"]();
        }
    })
        function fun_v620324b642f7a(){
        var generate_id = "v620324b642f7a",
            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 = "",
            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="v620213a2c72eb">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v620213a2c72eb"]();
        }
    })
        function fun_v620213a2c72eb(){
        var generate_id = "v620213a2c72eb",
            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="v620367e026b5c">
      $("#v620367e026b5c_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v620367e026b5c')
      })
    </script>
                            <script mos-id="v62dfb8bfaca11">
      $("#v62dfb8bfaca11_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v62dfb8bfaca11')
      })
    </script>
                            <script mos-id="v62035b4123867">
      $("#v62035b4123867_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v62035b4123867')
      })
    </script>
                        <script mos-id="v620cc7c041ea1">
      $("#v620cc7c041ea1_button_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v620cc7c041ea1')
      })
    </script>
                <script mos-id="v620213a2c72e8">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v620213a2c72e8"]();
        }
    })
        function fun_v620213a2c72e8(){
        var generate_id = "v620213a2c72e8",
            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 = "",
            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="v620cae795da9d">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v620cae795da9d"]();
        }
    })
        function fun_v620cae795da9d(){
        var generate_id = "v620cae795da9d",
            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 = +"1",
            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;}
        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="v620c693d99bd2">
      $("#v620c693d99bd2_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v620c693d99bd2')
      })
    </script>
                        <script mos-id="v620c92fc173bf">
      $("#v620c92fc173bf_pricture_2").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v620c92fc173bf')
      })
    </script>

            
    <script mos-id="v62de399c6a4ea">
        $("#v62de399c6a4ea_banner").on("click",function(){
            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v62de399c6a4ea')
        })
        $('.click_inquiry').on("click",function(){
            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v62de399c6a4ea')
        })
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v62de399c6a4ea"]();
        }
    })
        function fun_v62de399c6a4ea(){
        var generate_id = "v62de399c6a4ea",
            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 = "0",
            autoplay = "0",
            pauseOnMouse = +autoplay && "0" === '1',
            autoHide = "1" === '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="v62ddefd21bf2d">
    var generate_id = "v62ddefd21bf2d",
        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-NGC0WFKET9" async></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments) }
        gtag('js', new Date());
        gtag('config', 'G-NGC0WFKET9');
    </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="/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>
                                </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: "====1784748087====",
            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>
