<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Youcco - Custom Bag Manufacturer &amp; Wholesale Backpack Supplier</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="custom bag manufacturer,bags manufacturer in china,wholesale backpack supplier">
    <meta name="description" content="Since 2014, Youcco is the best custom bag manufacturer in China, provides a vast range of bags for customers, welcome to contact Youcco wholesale backpack supplier/ manufacturer.">
    <meta property="og:title" content="Youcco - Custom Bag Manufacturer &amp; Wholesale Backpack Supplier" />
    <meta property="og:description" content="Since 2014, Youcco is the best custom bag manufacturer in China, provides a vast range of bags for customers, welcome to contact Youcco wholesale backpack supplier/ manufacturer." />
    <meta property="og:url" content="https://www.youcco.com" />
            <meta property="og:image" content="https://img001.video2b.com/229/file1594348207861.png" />
                    <meta property="og:image:width" content="700">
                            <meta property="og:image:height" content="211">
                
        <meta name="google-site-verification" content="V0Dyk7iTK8LGGiflLEVbXQ1zWcALxzRk8IQ0_ykUkkg" />
<meta name="yandex-verification" content="2797f4eb8fe0d281" />

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WHQWBHT');</script>
<!-- End Google Tag Manager -->
                <meta name="csrf-ip" content="139.177.246.188">
        <meta name="csrf-token" content="iiD3MlgoIwArhRhIDc72p9CAEzntIC8FlsPoA2fl">
        <meta http-equiv="x-dns-prefetch-control" content="on">
        <link rel="canonical" href="https://www.youcco.com" />
        <link rel="preconnect" href="https://www.youcco.com">
    <link rel="preconnect" href="https://img001.video2b.com">
        <link rel="dns-prefetch" href="https://www.youcco.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.youcco.com/ar"/>
                    <link rel="alternate" hreflang="be" href="https://www.youcco.com/be"/>
                    <link rel="alternate" hreflang="bn" href="https://www.youcco.com/bn"/>
                    <link rel="alternate" hreflang="cs" href="https://www.youcco.com/cs"/>
                    <link rel="alternate" hreflang="da" href="https://www.youcco.com/da"/>
                    <link rel="alternate" hreflang="de" href="https://www.youcco.com/de"/>
                    <link rel="alternate" hreflang="en" href="https://www.youcco.com"/>
                    <link rel="alternate" hreflang="es" href="https://www.youcco.com/es"/>
                    <link rel="alternate" hreflang="fi" href="https://www.youcco.com/fi"/>
                    <link rel="alternate" hreflang="fr" href="https://www.youcco.com/fr"/>
                    <link rel="alternate" hreflang="ga" href="https://www.youcco.com/ga"/>
                    <link rel="alternate" hreflang="hi" href="https://www.youcco.com/hi"/>
                    <link rel="alternate" hreflang="hu" href="https://www.youcco.com/hu"/>
                    <link rel="alternate" hreflang="it" href="https://www.youcco.com/it"/>
                    <link rel="alternate" hreflang="ja" href="https://www.youcco.com/ja"/>
                    <link rel="alternate" hreflang="ko" href="https://www.youcco.com/ko"/>
                    <link rel="alternate" hreflang="nl" href="https://www.youcco.com/nl"/>
                    <link rel="alternate" hreflang="pl" href="https://www.youcco.com/pl"/>
                    <link rel="alternate" hreflang="pt" href="https://www.youcco.com/pt"/>
                    <link rel="alternate" hreflang="ru" href="https://www.youcco.com/ru"/>
                    <link rel="alternate" hreflang="sv" href="https://www.youcco.com/sv"/>
                    <link rel="alternate" hreflang="tr" href="https://www.youcco.com/tr"/>
                    <link rel="alternate" hreflang="zu" href="https://www.youcco.com/zu"/>
                <link rel="icon" href="https://img001.video2b.com/229/file1594348366622.png" type="image/x-icon" />
    <link rel="shortcut icon" href="https://img001.video2b.com/229/file1594348366622.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.youcco.com",
        "logo": "https:\/\/img001.video2b.com\/229\/file1594348207861.png",
        "name": "Xiamen Youcco Import & Export Co., Ltd.",
        "alternateName": "YOUCCO",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+86-592-2133175",
            "email": "Bella@youcco.com"
        },
        "sameAs": [
            "https:\/\/www.youtube.com\/channel\/UCXy58PTGBbpHv5loj4eleZw",
            "https:\/\/www.facebook.com\/profile.php?id=100068625172608",
            "https:\/\/twitter.com\/toochoi",
            "https:\/\/www.instagram.com\/sarahchoi0505\/",
            "https:\/\/www.linkedin.com\/company\/13329872\/admin\/",
            "https:\/\/www.pinterest.com\/sarahchoiy"
        ]
    }
]</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:#2C9024}.container{max-width:1440px}.top_title,.title{font-family:BarlowCondensed-Regular,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:14px;padding-top:13px;border-color:#2C9024;border-style:solid;border-width:1px;padding-left:50px;padding-right:50px;padding-bottom:13px;text-transform:capitalize;background-color:#2C9024;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:#2C9024;border-style:solid;border-width:1px;padding-left:50px;padding-right:50px;padding-bottom:13px;text-transform:capitalize;background-color:#2C9024;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(89, 89, 89, 1);font-size:14px;border-color:rgba(248, 248, 248, 1);border-style:solid;border-width:1px;background-color:rgba(248, 248, 248, 1);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(241, 241, 241, 1);color:rgba(51, 51, 51, 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(241, 241, 241, 1);color:rgba(102, 102, 102, 1);padding-top:3vw;padding-bottom:3vw;}#v6204b90d5e9f4 .container{}#v6204b90d5e9f4 .btn_box{text-align:left}  </style>                                      <style mos-id="v620cc6248778a">                .public_inquiry_tem_1 .inquiry_attachment{position:relative;margin-bottom: 10px;}                .public_inquiry_tem_1 .inquiry_attachment [type="file"]{display:none;}                .public_inquiry_tem_1 .inquiry_attachment .tit{margin-bottom:6px;display:block;text-align: left;padding:0 10px;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_box{padding:10px;overflow:hidden;display:flex;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn{width:100px;height:100px;border:1px dashed;border-color:inherit;cursor:pointer;position:relative;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::before,                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::after{content:"";display:block;position:absolute;border:1px solid;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::before{top:30px;bottom:30px;right:50%;left:50%;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::after{right:30px;left:30px;top:50%;bottom:50%;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_ul{width:calc(100% - 100px);padding-left:20px;padding-right:20px;font-size:12px;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_ul li{overflow:hidden;}                .public_inquiry_tem_1 .inquiry_attachment .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;float:left;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_ul .operations{position:absolute;top:0;right:0;width:140px;padding-left:20px;}                .public_inquiry_tem_1 .inquiry_attachment .operations .iconfont{margin-left:10px;cursor:pointer;}                @media (max-width: 1024px){                    .public_inquiry_tem_1 .inquiry_attachment .attachment_ul .file_txt{padding-right:100px;width:100%;float:none;text-align:left;}                    .public_inquiry_tem_1 .inquiry_attachment .attachment_ul .operations{width:100px;padding:0;text-align:right;}                    .public_inquiry_tem_1 .inquiry_attachment .attachment_ul{padding-right:0;padding-left:8px;}                    .public_inquiry_tem_1 .inquiry_attachment .operations .iconfont{margin-left:4px;}                }                </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:contain;background-color:rgba(0,0,0,0);color:rgba(51, 51, 51, 1);text-align:center;padding-top:4vw;padding-bottom:4vw;}#v620cc6248778a .container{}#v620cc6248778a .btn_box{text-align:center}    </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-attachment:fixed;background-position:50% 50%;background-repeat:no-repeat;background-size:auto;background-color:rgba(241, 241, 241, 1);padding-top:4vw;padding-bottom:4vw;}#v620367e026b5c .container{}#v620367e026b5c .btn_box{text-align:left}#v620367e026b5c [direction]{align-items:center}    </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-attachment:fixed;background-repeat:no-repeat;background-size:auto;background-color:rgba(241, 241, 241, 1);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="v634dfb3f4854a">    .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;}    }    #v634dfb3f4854a{text-align:center;}#v634dfb3f4854a .container{}#v634dfb3f4854a li .title{font-size:20px}#v634dfb3f4854a li .title{color:rgba(51, 51, 51, 1)}#v634dfb3f4854a li .describe{color:rgba(102, 102, 102, 1)}    </style>                <style mos-id="v634dfa84d6053">    .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;}    }    #v634dfa84d6053{background-color:rgba(241, 241, 241, 1);color:#fff;text-align:left;}#v634dfa84d6053 .container{max-width:100%;padding-left:6vw;}#v634dfa84d6053 .btn_box{text-align:left}#v634dfa84d6053 li .title{font-size:5vw}#v634dfa84d6053 li .subtitle,#v634dfa84d6053 .top_subtitle{font-size:18px}#v634dfa84d6053 li .describe{font-size:22px}@media (max-width: 768px){#v634dfa84d6053 li .title{font-size:22px!important}#v634dfa84d6053 li .subtitle,#v634dfa84d6053 .top_subtitle{font-size:16px!important}}#v634dfa84d6053 li .title{color:rgba(51, 51, 51, 1)}#v634dfa84d6053 li .describe{color:rgba(51, 51, 51, 1)}@media (max-width: 768px){#v634dfa84d6053 li .subtitle,#v634dfa84d6053 li .title{text-align:left!important; }}@media (max-width: 1200px){#v634dfa84d6053 .top_subtitle, #v634dfa84d6053 .top_title {text-align:left!important;}}    </style>                <style mos-id="v620213a2c7301">    .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;        }    }    #v620213a2c7301{background-color:rgba(241, 241, 241, 1);color:rgba(51, 51, 51, 1);padding-top:0vw;}#v620213a2c7301 .container{max-width:100%;padding-left:6vw;padding-right:6vw;}    </style>        <style></style>    <!-- css end -->

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

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

                            
                            <li class=" ">
                                <a  href="/news" >NEWS &amp; CASES</a>
                                                            </li>

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

                            
                            <li class=" ">
                                <a  href="/cases" >FAQ</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="v634dfa84d6053" module_id="5054" bg_img_url=""  module_type="module">
                
    
    <ul class="text top_text" modular-edit="custom" >
        <li class="container">
            <div class="top_subtitle">
                <div
                    class="align_con width_50 width_mobile_60">
                    <section template-edit="subtitle_languages" module_name="module"></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"></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"></section>
                </div>
            </div>
            <div class="btn_box "
                btn_show="0">
                                                                                <a href="/products" target="_self">
                    <div class="btn" btn-types="deep">
                        <section template-edit="btn_languages" module_name="module"><p><span style="color:#000000;">LEARN</span>​​​​​​​<span style="color:#000000;"> MOR<span style="background-color:#008000;">​​​​​​​</span>E</span></p></section>
                    </div>
                </a>
                                            </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/229/file_01674982131396.jpg" img_preview_gif="" alt="banner3x" >
                                                        <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"  display_none >
                            <div class="container">
                                <div  display_none  class="subtitle align_con">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                <div  class="title  align_con" title_lengths="">
                                    <div class=" width_50  width_mobile_60">
                                        banner3x
                                    </div>
                                </div>
                                <div  display_none  class="describe  align_con ">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                                                <div class="btn_box" btn_show="0">
                                    <div class=" width_50">
                                                                                <div >
                                            <div class="btn"  btn-types="deep">
                                                LEARN MORE
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
                        <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/229/file_01674982140478.jpg" img_preview_gif="" alt="banner1" >
                                                        <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"  display_none >
                            <div class="container">
                                <div  display_none  class="subtitle align_con">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                <div  class="title  align_con" title_lengths="">
                                    <div class=" width_50  width_mobile_60">
                                        banner1
                                    </div>
                                </div>
                                <div  display_none  class="describe  align_con ">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                                                <div class="btn_box" btn_show="0">
                                    <div class=" width_50">
                                                                                <div >
                                            <div class="btn"  btn-types="deep">
                                                LEARN MORE
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
                        <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/229/file_01674981890515.jpg" img_preview_gif="" alt="banner2" >
                                                        <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"  display_none >
                            <div class="container">
                                <div  display_none  class="subtitle align_con">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                <div  class="title  align_con" title_lengths="">
                                    <div class=" width_50  width_mobile_60">
                                        banner2
                                    </div>
                                </div>
                                <div  display_none  class="describe  align_con ">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                                                <div class="btn_box" btn_show="0">
                                    <div class=" width_50">
                                                                                <div >
                                            <div class="btn"  btn-types="deep">
                                                LEARN MORE
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
                                </ul>
    </div>
            </div>

        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v634dfb3f4854a" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p>Main Products</p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><h1 class="editorh1"><span style="color:#808080;">As a custom bag manufacturer in China,&nbsp;Youcco&nbsp;wholesale backpack with more than 10 years’ experience in bag field.</span><br></h1><p><span style="color:#808080;">Youcco backpack manufacturer is professional in supplying a vast range of bags, like &nbsp;travel duffle bags, organizer bags, travel accessories, shopping bags etc…As we are also a wholesale backpack supplier and custom bag manufacturer in China, we welcome bulk order inquiries. Our mission is to make your travel and life easily !</span></p></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Waterproof Custom Wholesale Sling Bag Design DS220612" href="/products-detail-1048277" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/capture/229/1667887390783_cover_img_png.jpg" img_preview_gif="" alt="Waterproof Custom Wholesale Sling Bag Design DS220612">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/229/file_01667887326573.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01667887326573.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Waterproof Custom Wholesale Sling Bag Design DS220612
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Waterproof Custom Wholesale Sling Bag Design, even though it’s small size, there’s large capacity and lightweight for daily and travel usage. It’s used with high quality material and fashion design, fitting your daily demand. Multiple zipper pockets to hold your essentials. The pockets are well positioned make it easy to access. This sling bag design is quite suitable outdoor walking, running, bike riding, travel, business and other occasions. It’s also very useful as every day pack or on the go bag. Also ideal as gift for boyfriend, family and friends on Valentine&#039;s Day, Birthday or Christmas.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Quality Best Casual Designer Cross body Bag With Customized Logo 220613 Manufacturer | YOUCCO" href="/products-detail-2258564" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/capture/229/1677132480120_cover_img_png.jpg" img_preview_gif="" alt="Quality Best Casual Designer Cross body Bag With Customized Logo 220613 Manufacturer | YOUCCO">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/229/file_01677131522569.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01677131522569.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Quality Best Casual Designer Cross body Bag With Customized Logo 220613 Manufacturer | YOUCCO
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Best Casual Designer Cross body Bag with Customized Logo, it is a classic style with a superior storage design that frees your hands and can be carried across your chest. The easy to adjust fixed strap design is paired with YOUCCO logo print for an ideal choice for everyday carrying. Main pocket and accessory pocket to help organize equipment.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Best Travel Shoe Bag Waterproof Easy Wipe-Clean For Travel Sneaker Bag Shoe Organizer 220611" href="/products-detail-977640" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/capture/229/1666853124706_cover_img_png.jpg" img_preview_gif="" alt="Best Travel Shoe Bag Waterproof Easy Wipe-Clean For Travel Sneaker Bag Shoe Organizer 220611">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/229/file_01666853088412.m4v" 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="1">
                                    Best Travel Shoe Bag Waterproof Easy Wipe-Clean For Travel Sneaker Bag Shoe Organizer 220611
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    The Best Shoe Bag Waterproof Easy Wipe-Clean For Travel Sneaker Bag Shoe Organizer, it is in lightweight and fashion style, can be used as handbag, shoulder bag or crossbody bag with a variety of storage options&amp;organization features. Simple Design is more convenient to carry, Built-in Handle Lightweight Shoes Bag. Youcco still has other shoe bags academic. You’re welcome to visit our website www.youcco.com for more details.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Stylish Lightweight Daily Casual Backpacks &amp;amp; Daypacks DS220610 Products | YOUCCO" href="/products-detail-2021073" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/capture/229/1674961199800_cover_img_png.jpg" img_preview_gif="" alt="Stylish Lightweight Daily Casual Backpacks &amp; Daypacks DS220610 Products | YOUCCO">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/229/file_01674960999693.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01674960999693.m3u8" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Stylish Lightweight Daily Casual Backpacks &amp; Daypacks DS220610 Products | YOUCCO
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    In daily life, it is very important to have a backpack, which can be used when you go to work, shopping, traveling and sports. It must be practical, stylish and light. This backpack has everything you want, and the bag is designed for both boys and girls.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

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

        <div class="picture_con">
            <ul class="picture_ul" direction="2" direction-phone="4">
                <li class="picture_li">
                    <div class="sticky_box" modular-edit="custom">
                        <div class="img_par no_img_src" img_type="" >
                            <img video-img="https://img001.video2b.com/229/file_01674983257361.jpg" alt="OEM backpack">
                            <span display_none video-type="1" video-src="https://img001.video2b.com/m3u8/file_01674982614852.m3u8" video-m3u8src="" playback_mode=""></span>
                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                        </div>
                    </div>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><p>OEM SERVICE</p></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><div style="line-height:1.9;"><p>YOUCCO&nbsp;is&nbsp;a&nbsp;professional&nbsp;OEM&nbsp;&amp;&nbsp;ODM&nbsp;bag&nbsp;manufacturer,&nbsp;which&nbsp;sets&nbsp;a&nbsp;special&nbsp;research&nbsp;and&nbsp;development&nbsp;department.&nbsp;We&nbsp;have&nbsp;kept&nbsp;long&nbsp;term&nbsp;business&nbsp;relationship&nbsp;with&nbsp;over&nbsp;hundreds&nbsp;brands&nbsp;all&nbsp;over&nbsp;the&nbsp;world.&nbsp;&nbsp;We&nbsp;can&nbsp;help&nbsp;customer&nbsp;research&nbsp;the&nbsp;product&nbsp;from&nbsp;beginning&nbsp;to&nbsp;finish.&nbsp;You&nbsp;can&nbsp;just&nbsp;have&nbsp;rough&nbsp;ideas&nbsp;and&nbsp;budget,&nbsp;then&nbsp;we&nbsp;can&nbsp;help&nbsp;make&nbsp;some&nbsp;adjustment&nbsp;but&nbsp;not&nbsp;affect&nbsp;the&nbsp;function&nbsp;accordingly.&nbsp;If&nbsp;you&nbsp;are&nbsp;looking&nbsp;for&nbsp;OEM&nbsp;bag&nbsp;manufacturer,&nbsp;contact&nbsp;us!</p><p><span style="color:#006400;"><span style="font-size:16px;"></span></span><br></p><p><span style="color:#006400;"><span style="font-size:16px;">Process:</span></span></p><p>1. Inquiry&nbsp;receving.<br>2. Negotiate&nbsp;to&nbsp;know&nbsp;exact&nbsp;demand,&nbsp;quantity,&nbsp;budget.<br>3. Rough&nbsp;cost&nbsp;quoting&nbsp;based&nbsp;on&nbsp;pic&nbsp;or&nbsp;description.<br>4. Starting&nbsp;construction&nbsp;sample&nbsp;before&nbsp;official&nbsp;sample.<br>5. Artworks&nbsp;in&nbsp;PDF,&nbsp;AI,&nbsp;EPS&nbsp;format&nbsp;for&nbsp;printing.<br>6. 5-7&nbsp;days&nbsp;for&nbsp;official&nbsp;samples.<br>7. &nbsp;Taking&nbsp;pics&nbsp;and&nbsp;shipping&nbsp;out&nbsp;the&nbsp;samplels.</p><p><br></p></div></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"><div style="line-height:1.9;"><br></div></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                                                <a href="/service" target="_blank">
                                <div class="btn" btn-types="shallow">
                                    <section template-edit="btn_languages" module_name="module"><p>READ MORE</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/229/file_01666055294144.jpg"  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/229/file_01666056516184.jpg" alt="wholesale backpack supplier">
                            <span display_none video-type="1" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/cfcd2084-1024/hls/2023-2/UXQHGK27-SWKP-RNOG/a41dbd-b5cd-3b08-a83701-6704-b10e55.m3u8" video-m3u8src="" playback_mode=""></span>
                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                        </div>
                    </div>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><div>About Us</div><span style="color:rgba(241, 126, 10, 1);"></span></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><div style="line-height:1.9;"><p><span style="color:#696969;">Xiamen Youcco Import &amp; Export Co., Ltd. is established in year 2014. As the best ODM &amp; OEM bag manufacturer in China, we are professional in supplying a vast range of bags, like backpack, duffle bags, organizer bags, accessories and shopping bags.</span></p><p><br></p><p><span style="color:#696969;">With years exporting experience in bag field, we are quite familiar with the demand in the market. The material we use are eco-friendly and reusable, it can pass the testing standard based on customer’s special request.</span></p><p><br></p><p><span style="color:#696969;">With our attractive designs, competitive price, advanced technology, superior quality and excellent service, we enjoy a good reputation from our customers, mostly from Europe, USA, Canada, Asia. Our factory is located in Xiamen. It’s about 3000 square meter and 80 workers. There are complete producing equipment for cutting, sewing, inspecting, packing and shipment. Welcome to inquire about wholesale backpack prices, we are the best choice of ODM &amp; OEM bag manufacturer.</span></p></div></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"><p>​​​​​​​</p></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_inquiry_tem_1 no_bg_src content-section" module_center="center" id="v620cc6248778a" module_id="5014" bg_img_url=""  module_type="module">
                <div class="container">
        <div class="text top_text" modular-edit="custom">
            <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="font-size:60px;"></span>Contact us for a free quote now！<span style="font-size:60px;"><span style="color:rgba(241, 126, 10, 1);"></span></span></p></section>
            </div>
            <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:#696969;"><span style="font-size:16px;"></span></span><span style="color:#696969;">You will get reply within 24 hours from Youcco backpack manufacturer professional service team, including our latest catalogue &amp; best price!</span><span style="color:#696969;"><span style="font-size:16px;"></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="====1784057838====">
                <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"  required  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"  required  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="">
                        <label class="enquiry_label form_inp " inp-types="shallow">
                                                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" placeholder="Please select Quantity"  data-input-select="{&quot;type&quot;:&quot;multi_select&quot;,&quot;required&quot;:false,&quot;options&quot;:[&quot;200pcs&quot;,&quot;300pcs&quot;,&quot;500pcs&quot;,&quot;1000pcs&quot;]}" name="define_1" id="define_1_v620cc6248778a" title oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
                                                            <span class="required_span">Quantity</span>
                        </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="inquiry_attachment form_inp" inp-types="shallow">
                    <span class="tit">Attachment:</span>
                    <div class="attachment_box">
                        <label class="attachment_btn " title="Support formats：PDF, Word, Excel, Txt, JPG, PNG, BMP, GIF, RAR, ZIP, It is recommended to upload up to 5, and the single size must not exceed 20M.">
                            <input type="file" id="inquiry_attachment" onchange="inquiry_attachment_change_fun($(this))" accept=''>
                        </label>
                        <input type="hidden" name="attach" id="attach_v620cc6248778a" value="">
                        <ul class="attachment_ul"></ul>
                    </div>
                </div>
                                                <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><a data-cke-saved-href="/#" href="/#" rel=""><img data-cke-saved-src="https://img001.video2b.com/229/file1594348207861.png?x-oss-process=image/resize,m_lfit,w_768/format,webp" src="https://img001.video2b.com/229/file1594348207861.png?x-oss-process=image/resize,m_lfit,w_768/format,webp" alt="YOUCCO" style="width: 199px; height: 60px;"></a>​​​​​​​</p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt1_languages" module_name="footer">
              <p><span style="color:#696969;">As the best ODM &amp; OEM bag manufacturer in China, we are professional in supplying a vast range of bags, like backpack, duffle bags, organizer bags, accessories and shopping bags.</span><span style="color:#FFFFFF;"></span></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:#000000;">QUICK LINKS</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt3_languages" module_name="footer">
              <p><a data-cke-saved-href="/#" href="/#" rel="">Home</a></p><p><a data-cke-saved-href="/products" href="/products" rel="">Products</a></p><p><a data-cke-saved-href="/service" href="/service" rel="">OEM&amp;ODM Service</a><br></p><p><a data-cke-saved-href="https://www.youcco.com/news" href="https://www.youcco.com/news">News &amp; Cases</a></p><p><a data-cke-saved-href="/about-us" href="/about-us" rel="">About Us</a><br></p><p><a data-cke-saved-href="https://www.youcco.com/cases" href="https://www.youcco.com/cases">FAQ</a><br></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:#000000;">CONTACT US</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt5_languages" module_name="footer">
              <p><a data-cke-saved-href="https://www.youcco.com/products-13099" href="https://www.youcco.com/products-13099">Backpack Bag</a><br><a data-cke-saved-href="https://www.youcco.com/products-13099" href="https://www.youcco.com/products-13099"></a></p><p><a data-cke-saved-href="https://www.youcco.com/products-2655" href="https://www.youcco.com/products-2655">Cooler Ba</a>g<a data-cke-saved-href="https://www.youcco.com/products-2655" href="https://www.youcco.com/products-2655"></a><br><a data-cke-saved-href="https://www.youcco.com/products-2656" href="https://www.youcco.com/products-2656"></a></p><p><a data-cke-saved-href="https://www.youcco.com/products-2657" href="https://www.youcco.com/products-2657">Daily Bag</a><br><a data-cke-saved-href="https://www.youcco.com/products-2657" href="https://www.youcco.com/products-2657"></a></p><p><a data-cke-saved-href="https://www.youcco.com/products-11965" href="https://www.youcco.com/products-11965">Home Storage Ba</a><br><a data-cke-saved-href="https://www.youcco.com/products-11965" href="https://www.youcco.com/products-11965"></a></p><p><a data-cke-saved-href="https://www.youcco.com/products-39490" href="https://www.youcco.com/products-39490">Travel Ba</a>g<br><a data-cke-saved-href="https://www.youcco.com/products-39490" href="https://www.youcco.com/products-39490"></a></p><p><a data-cke-saved-href="https://www.youcco.com/products-36174" href="https://www.youcco.com/products-36174">Small MOQ Custom Bag</a><br><a data-cke-saved-href="https://www.youcco.com/products-36174" href="https://www.youcco.com/products-36174"></a></p>
            </section>
          </div>
        </li>

        <li class="footer_li">
          <div class="li_head">
            <section template-edit="common_footer_txt6_languages" module_name="footer">
              <p><span style="color:#000000;">If you have any question, please contact us.</span></p>
            </section>
          </div>

          <div class="con_ul">
            <section template-edit="common_footer_txt7_languages" module_name="footer">
              <ul id="menu-footer-iii-column"><li id="menu-item-29"><p><strong>Fax:&nbsp;</strong>+86-592-2133175<br><strong>Telephone:&nbsp;</strong>+86-592-2133175<br><strong>Email:</strong><a data-cke-saved-href="mailto: Bella@youcco.com" href="mailto: Bella@youcco.com" rel=""> Bella@youcco.com</a><br><strong>Phone:</strong> +86-15160079258</p></li><li id="menu-item-32"><strong>Add:</strong>&nbsp;Xing Lin Wan Lu Jimei District, Xiamen, Fujian, China</li></ul>
            </section>
          </div>

          <div class="btn_con_box" >
            <div class="btn_box" btn_show="0">
                                                <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 Xiamen Youcco Import &amp; Export Co., Ltd. - www.youcco.com All Rights Reserved.
                                                   <span style="display: inline-flex;align-items: baseline">
                                                    <span>&nbsp;</span>
                            <div style="
                                height:12px;
                                color:rgba(51,51,51,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(51,51,51,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:'1',color:'#2C9024'};
    $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);})
    </script>
            <svg style="position:absolute;bottom:100%;right:100%" width="1" height="1">
            <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox">
                <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/>
            </clipPath>
        </svg>
        <div id="chat_online_box" class="chat_online_box fun_scr_hide chat-online-style1" lang="en" v_id="">
                <svg viewBox="-1 -1 2 2" width="64" height="64" class="chat-online-bg">
            <path fill="var(--chatonline-color)" d="M-0.10000000000000002 -0.939955572004279A0.2 0.2 0 0 1 0.09999999999999999 -0.9399555720042789 L0.7640254037844385 -0.5565803263805834A0.2 0.2 0 0 1 0.8640254037844386 -0.3833752456236957 L0.8640254037844387 0.38337524562369535A0.2 0.2 0 0 1 0.7640254037844386 0.5565803263805831 L0.1000000000000001 0.9399555720042789A0.2 0.2 0 0 1 -0.0999999999999999 0.939955572004279 L-0.7640254037844384 0.5565803263805837A0.2 0.2 0 0 1 -0.8640254037844385 0.383375245623696 L-0.8640254037844386 -0.3833752456236957A0.2 0.2 0 0 1 -0.7640254037844385 -0.5565803263805834z" />
        </svg>
        <svg width="22" height="22" viewBox="0 0 22 22" class="chat-online-icon">
            <path fill="rgba(255,255,255,.7)" d="M 19.7902 0 C 21.0106 0 22 0.991154 22 2.2138 L 22 15.4966 C 22 16.7192 21.0106 17.7104 19.7902 17.7104 L 8.71475 17.7104 L 5.81379 21.6045 C 5.48937 22.04 4.87398 22.1296 4.43929 21.8046 C 4.19077 21.6186 4.04447 21.3264 4.04454 21.016 L 4.04454 17.7104 L 2.20982 17.7104 C 0.989362 17.7104 0 16.7192 0 15.4966 L 0 2.2138 C 0 0.991154 0.989362 0 2.20982 0 L 19.7902 0 Z" />
        </svg>
            </div>
        <div class="share_fun_box fun_scr_hide">
        <ul>
            <li class="">
                <div class="text network_bg" data-network="linkedin">
                    <a href="https://www.linkedin.com/shareArticle/?title=Youcco+-+Custom+Bag+Manufacturer+%26+Wholesale+Backpack+Supplier&url=https://www.youcco.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.youcco.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.youcco.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=Youcco+-+Custom+Bag+Manufacturer+%26+Wholesale+Backpack+Supplier&u=https://www.youcco.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=Youcco+-+Custom+Bag+Manufacturer+%26+Wholesale+Backpack+Supplier&url=https://www.youcco.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="====1784057838====">
            <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" required  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" required  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" inp-types="shallow">
                                                    <input type="text" class="bottom-inquiry-box__input" placeholder="Please select Quantity"  data-input-select="{&quot;type&quot;:&quot;multi_select&quot;,&quot;required&quot;:false,&quot;options&quot;:[&quot;200pcs&quot;,&quot;300pcs&quot;,&quot;500pcs&quot;,&quot;1000pcs&quot;]}" name="define_1" title oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
                                                    <span class="bottom-inquiry-box__tip">Quantity</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 class="bottom-inquiry-box__attachment">
                    Attachment:
                    <div class="bottom-inquiry-box__attachment-box attachment_box">
                    <label class="bottom-inquiry-box__file">
                        <input type="file" />
                    </label>
                    <input type="hidden" name="attach" value="">
                    <ul class="attachment_ul"></ul>
                    </div>
                </div>
                                            </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="v620367e026b5c">
      $("#v620367e026b5c_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v620367e026b5c')
      })
    </script>
                            <script mos-id="v620c693d99bd2">
      $("#v620c693d99bd2_pricture_1").on("click",function(){
        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v620c693d99bd2')
      })
    </script>
                    <script mos-id="v634dfb3f4854a">
    fun_scr_arr.push({
        name:5,
        fun:function () {
            window["fun_v634dfb3f4854a"]();
        }
    })
        function fun_v634dfb3f4854a(){
        var generate_id = "v634dfb3f4854a",
            box = $('#'+generate_id);
        if(box.length==0){
            var design_iframe = $('#design_iframe'),
                dom = design_iframe.contents(),
            box = dom.find('#'+generate_id);
        }

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

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

        var loop = "",
            speed = "300",
            autoplay = "4000",
            pauseOnMouse = +autoplay && "0" === '1',
            autoHide = "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="v620213a2c7301">
    var generate_id = "v620213a2c7301",
        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-HCD2RVDVRV" async></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments) }
        gtag('js', new Date());
        gtag('config', 'G-HCD2RVDVRV');
    </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="/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="/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="/ko" class="language_modal_a " title="한국어" style="display: flex;flex-direction: column;align-items: center;">

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

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

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

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

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

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

                <div class="icon-zu"></div>
                <span>Zulu</span>
            </a>
                                                            <a href="/be" class="language_modal_a " title="Беларуская" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-be"></div>
                <span>Беларуская</span>
            </a>
                                                            <a href="/pl" class="language_modal_a " title="Polski" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-pl"></div>
                <span>Polski</span>
            </a>
                                                            <a href="/bn" class="language_modal_a " title="বাংলা" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-bn"></div>
                <span>বাংলা</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="/da" class="language_modal_a " title="dansk" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-da"></div>
                <span>dansk</span>
            </a>
                                                            <a href="/cs" class="language_modal_a " title="čeština" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-cs"></div>
                <span>čeština</span>
            </a>
                                                            <a href="/nl" class="language_modal_a " title="Nederlands" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-nl"></div>
                <span>Nederlands</span>
            </a>
                                                            <a href="/sv" class="language_modal_a " title="svenska" style="display: flex;flex-direction: column;align-items: center;">

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

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

                <div class="icon-ga"></div>
                <span>Gaeilgenah</span>
            </a>
                                                            <a href="/hu" class="language_modal_a " title="Magyar" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-hu"></div>
                <span>Magyar</span>
            </a>
                                                            <a href="/hi" class="language_modal_a " title="हिन्दी" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-hi"></div>
                <span>हिन्दी</span>
            </a>
                                                            <a href="/tr" class="language_modal_a " title="Türkçe" style="display: flex;flex-direction: column;align-items: center;">

                <div class="icon-tr"></div>
                <span>Türkçe</span>
            </a>
                                </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 >
                            <i class="red">*</i>                             Phone
                        </label>
                        <input 
                                                        required
                                                                                    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: "====1784057838====",
            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>
