It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://haoyimai.com.cn/

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <title>Custom Private Label Personal Lubricant Manufacturer | HAOYIMAI</title>
  5.    <meta charset="UTF-8">
  6.    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  7.    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.    <meta name="keywords" content="personal lubricant manufacturer, private label personal lubricant manufacturer">
  9.    <meta name="description" content="Haoyimai Private Label Personal Lubricant Manufacturer can carry out OEM / ODM customized personal lubricant contract manufacturing, branding, design, procurement, packaging materials, and shipment of one-stop operation,  welcome to discuss!">
  10.    <meta property="og:title" content="Custom Private Label Personal Lubricant Manufacturer | HAOYIMAI" />
  11.    <meta property="og:description" content="Haoyimai Private Label Personal Lubricant Manufacturer can carry out OEM / ODM customized personal lubricant contract manufacturing, branding, design, procurement, packaging materials, and shipment of one-stop operation,  welcome to discuss!" />
  12.    <meta property="og:url" content="https://www.haoyimai.com.cn" />
  13.        <meta property="og:image" content="https://img001.video2b.com/564/file1608711269517.png" />
  14.                    <meta property="og:image:width" content="80">
  15.                            <meta property="og:image:height" content="80">
  16.                            <meta name="google-site-verification" content="UkeZyLFjrIVIXZ_aUPfWdE-s357CnGIwqYEDzJX2iNs" />
  17. <meta name="yandex-verification" content="44dfba119fd3209b" />
  18. <meta name="msvalidate.01" content="4ABDB34E4F1A19BA4F1BDF88A4477DBB" />
  19.                <meta name="csrf-ip" content="3.237.223.94">
  20.        <meta name="csrf-token" content="R01J4yOGuEygjXXVZjRcJ06Dyw0GYdKzk4BcZHeu">
  21.        <meta http-equiv="x-dns-prefetch-control" content="on">
  22.    <link rel="canonical" href="https://www.haoyimai.com.cn" />
  23.    <link rel="preconnect" href="https://www.haoyimai.com.cn">
  24.    <link rel="preconnect" href="https://img001.video2b.com">
  25.    <link rel="preconnect" href="https://www.googleadservices.com">
  26.    <link rel="preconnect" href="https://www.googletagmanager.com">
  27.    <link rel="preconnect" href="https://www.google-analytics.com">
  28.    <link rel="preconnect" href="https://g.alicdn.com">
  29.    <link rel="dns-prefetch" href="https://www.haoyimai.com.cn">
  30.    <link rel="dns-prefetch" href="https://img001.video2b.com">
  31.    <link rel="dns-prefetch" href="https://www.googleadservices.com">
  32.    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
  33.    <link rel="dns-prefetch" href="https://www.google-analytics.com">
  34.    <link rel="dns-prefetch" href="https://g.alicdn.com">
  35.    <link rel="stylesheet" href="/images/sprite/languages_icon.css?v=1675337283">
  36.                        <link href="https://www.haoyimai.com.cn/ar" hreflang="ar" rel="alternate"/>
  37.                    <link href="https://www.haoyimai.com.cn" hreflang="en" rel="alternate"/>
  38.                    <link href="https://www.haoyimai.com.cn/es" hreflang="es" rel="alternate"/>
  39.                    <link href="https://www.haoyimai.com.cn/fr" hreflang="fr" rel="alternate"/>
  40.                    <link href="https://www.haoyimai.com.cn/id" hreflang="id" rel="alternate"/>
  41.                    <link href="https://www.haoyimai.com.cn/la" hreflang="la" rel="alternate"/>
  42.                    <link href="https://www.haoyimai.com.cn/ms" hreflang="ms" rel="alternate"/>
  43.                    <link href="https://www.haoyimai.com.cn/nl" hreflang="nl" rel="alternate"/>
  44.                    <link href="https://www.haoyimai.com.cn/ru" hreflang="ru" rel="alternate"/>
  45.                    <link href="https://www.haoyimai.com.cn/th" hreflang="th" rel="alternate"/>
  46.                    <link href="https://www.haoyimai.com.cn/uk" hreflang="uk" rel="alternate"/>
  47.                    <link href="https://www.haoyimai.com.cn/vi" hreflang="vi" rel="alternate"/>
  48.                    <link href="https://www.haoyimai.com.cn/zh-CN" hreflang="zh" rel="alternate"/>
  49.                <link rel="icon" href="https://img001.video2b.com/564/file1608791762719.png?x-oss-process=image/resize,m_lfit,w_24" type="image/x-icon" />
  50.    <link rel="shortcut icon" href="https://img001.video2b.com/564/file1608791762719.png?x-oss-process=image/resize,m_lfit,w_24" type="image/x-icon" />
  51.        <script type="application/ld+json">[
  52.    {
  53.        "@context": "https:\/\/schema.org",
  54.        "@type": "Organization",
  55.        "url": "https:\/\/www.haoyimai.com.cn",
  56.        "logo": "https:\/\/img001.video2b.com\/564\/file1608711269517.png",
  57.        "name": "Guangzhou haoyimai Trading Co., Ltd.",
  58.        "alternateName": "cokelife",
  59.        "contactPoint": {
  60.            "@type": "ContactPoint",
  61.            "telephone": "+86 020-36488891",
  62.            "email": "hym@haoyimai.com.cn"
  63.        },
  64.        "sameAs": [
  65.            "https:\/\/www.youtube.com\/channel\/UCe1yWqxJNDLGKWunP6BZLqw",
  66.            "https:\/\/twitter.com\/LCokelife",
  67.            "https:\/\/www.facebook.com\/Cokelife-gzhaoyimai-100105145651120\/",
  68.            "https:\/\/www.instagram.com\/cokelife_lube\/"
  69.        ]
  70.    }
  71. ]</script>
  72.    <style link-color-css>
  73. a:hover,
  74. .font-color-a a,
  75. .font-color-a a:hover,
  76. .font-color,
  77. .font-color-hover:hover,
  78. .font-color-before:before,
  79. .font-color-hover-before:hover:before,
  80. .font-color-after:after,
  81. .font-color-hover-after:hover:after{color:#e65c91!important}
  82. .border_color,
  83. .border-color,
  84. .btn-primary:focus,
  85. .btn-primary,
  86. .btn-primary:hover,
  87. .border-color-a a,
  88. .border-color-a a:hover,
  89. .border-color-hover:hover,
  90. .border-color-before:before,
  91. .border-color-hover-before:hover:before,
  92. .border-color-after:after,
  93. .border-color-hover-after:hover:after{border-color:#e65c91!important;}
  94. .bg-color,
  95. .btn-primary,
  96. .btn-primary:hover,
  97. .bg-color-a a,
  98. .bg-color-a a:hover,
  99. .bg-color-hover:hover,
  100. .bg-color-before:before,
  101. .bg-color-hover-before:hover:before,
  102. .bg-color-after:after,
  103. .bg-color-hover-after:hover:after{background-color:#e65c91!important}
  104. .bg-color-h a{color:#e65c91!important}
  105. .bg-color-h a:hover{background-color:#e65c91!important;color:#fff !important;}
  106. .swiper-pagination-bullet:hover,
  107. .swiper-pagination-bullet-active,
  108. .owl-pagination-active-bg-color .owl-pagination .owl-page.active span{background-color:#e65c91!important}
  109. .owl-dot-AH-bg-color .owl-dot.active span,
  110. .owl-dot-AH-bg-color .owl-dot:hover span{background-color:#e65c91!important}
  111. .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:#e65c91!important}
  112. .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,
  113. .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:#e65c91}
  114. .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:#e65c91}
  115. .tem-btn-1,.tem-btn-2{background:-webkit-linear-gradient(left,#e65c91,#e65c91) no-repeat;background:linear-gradient(to right,#e65c91,#e65c91) no-repeat}
  116. .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}
  117. .btn-bg:hover{border-color:#FFF}
  118. :root{--main-color:#e65c91;--rgb-color:#e65c91;}
  119. .tag-list a {color:#e65c91!important;border-color:#e65c91!important;}
  120. </style>
  121.  
  122. <style>
  123. .news_lists_page{display:none;padding:15px 0;font-size: 16px;}
  124. .news_lists_page .pagination{display: inline-block;}
  125. .news_lists_page .form-control{border:1px solid rgba(144,144,144,.3) !important;}
  126. .news_lists_page .btn{display:inline-block;border:1px solid rgba(144,144,144,.3);cursor:pointer;}
  127. .news_lists_page .pagination>li{display: inline;}
  128. .news_lists_page .pull-right{float:right !important;}
  129. .news_lists_page .pull-left{float:left !important;}
  130. .news_lists_page .pagination>li>a,
  131. .news_lists_page .pagination>li>span{position: relative;float: left;padding: 0px 13px!important;margin-left: -1px;line-height:36px;color:inherit !important;text-decoration: none;background:none;border:2px solid transparent;margin:0 4px;border-radius: 10px !important;cursor:pointer;overflow:hidden;}
  132. .news_lists_page .ul_pager_box .pagination>li.active>span,
  133. .news_lists_page .ul_pager_box .pagination>li.active>a{border-color:inherit!important;opacity:1 !important;cursor: auto;background:none !important;}
  134. .news_lists_page .pagination>li.prev span::before,
  135. .news_lists_page .pagination>li.next span::before{position:relative;z-index:2;color:#fff;}
  136. .news_lists_page .pagination>li.prev span::after,
  137. .news_lists_page .pagination>li.next span::after{content:'';position:absolute;top:0;left:0;width:100%;border-top:100px solid #444;}
  138. .news_lists_page .btn:hover,
  139. .news_lists_page .pagination>li>a:hover,
  140. .news_lists_page .pagination>li>span:hover{opacity:.7;}
  141. .news_lists_page .pagination>.disabled>a,
  142. .news_lists_page .pagination>.disabled>a:focus,
  143. .news_lists_page .pagination>.disabled>a:hover,
  144. .news_lists_page .pagination>.disabled>span,
  145. .news_lists_page .pagination>.disabled>span:focus,
  146. .news_lists_page .pagination>.disabled>span:hover{cursor: not-allowed;color:inherit !important;opacity:.6;}
  147. .news_lists_page .prev.disabled,
  148. .news_lists_page .next.disabled{display:none;}
  149. @media (max-width: 768px){
  150. .news_lists_page .pagination li.prev,
  151. .news_lists_page .pagination li.next{display:none!important;}
  152. .news_lists_page .pull-left{display:none;}
  153. .news_lists_page .pull-left.ul_pager_box{display:block;}
  154. .news_lists_page .pagination>li>a,
  155. .news_lists_page .pagination>li>span{margin:0 1px;}
  156. }
  157. </style>
  158. <script>
  159. function new_list_pageing_fun(page_box, page_data, fun_name) {
  160.    if (parseInt(page_data.total)>parseInt(page_data.size)) {page_box.show()}
  161.    var page_box = page_box,
  162.        table_page = page_data,
  163.        min_page = (parseInt(table_page.current) - 1) * table_page.size + 1,
  164.        max_page = table_page.current * table_page.size,
  165.        current = parseInt(table_page.current),
  166.        count = Math.ceil(parseInt(table_page.total) / parseInt(table_page.size));
  167.    if (table_page.total == 0) {
  168.        page_box.html('');
  169.        return;
  170.    }
  171.    if (max_page > parseInt(table_page.total)) {
  172.        max_page = parseInt(table_page.total)
  173.    }
  174.    var footer = '<div class="clearfix">'+
  175.        '<div class="ul_pager_box pull-left"><ul class="pagination" style="margin:0;">';
  176.    if (current == 1) {
  177.        footer += '<li class="prev disabled"><a style="" class="iconfont iconchaopimiaotuangou-"></a></li>';
  178.    } else {
  179.        var page2 = current - 1;
  180.        footer += '<li class="prev" pages="' + page2 + '"><span style="" class="iconfont iconchaopimiaotuangou-"></span></li>';
  181.    }
  182.    var indexs = 0;
  183.    for (var i = 1; i <= count; i++) {
  184.        indexs++;
  185.        if (count > 5) {
  186.            if (current > 3 && i == 2) {
  187.                footer += '<li class="disabled"><a style="padding: 4px 0px;border:none;">...</a></li>';
  188.                if (current == count) {
  189.                    i = current - 2;
  190.                } else {
  191.                    i = current - 1;
  192.                }
  193.            }
  194.            if (indexs == 5 && i != count) {
  195.                footer += '<li class="disabled"><a style="padding: 4px 0px;border:none;">...</a></li>';
  196.                i = count;
  197.            }
  198.        }
  199.        if (current == i) {
  200.            footer += '<li class="active"><a class="" style="">' + i + '</a></li>';
  201.        } else {
  202.            footer += '<li pages="' + i + '"><a style="">' + i + '</a></li>';
  203.        }
  204.    }
  205.    if (count == current) {
  206.        footer += '<li class="next disabled"><span style="" class="iconfont iconleft"></span></li>';
  207.    } else {
  208.        var page3 = current + 1;
  209.        footer += '<li class="next" pages="' + page3 + '"><span style="" class="iconfont iconleft"></span></li>';
  210.    }
  211.    var select_box = '<select class="form-control pull-left page_select" style="margin-left:8px;width:auto;min-width:60px;border:1px solid rgba(231,238,245,1);border-radius:6px;padding:0px 0px 0px 10px;height:32px;">' +
  212.        (function name(params) {
  213.            if (!params) {
  214.                params = [10, 20, 30, 50];
  215.            }
  216.            var option = ''
  217.            for (var kk = 0; kk < params.length; kk++) {
  218.                option += '<option value="' + params[kk] + '">' + params[kk] + '条/页</option>'
  219.            }
  220.            return option;
  221.        })(table_page.size_arr) +
  222.        '</select><div class="pull-left" style="font-size:13px;margin-left:8px">跳至<input value="' + current + '" type="text" class="form-control page_inp" style="display:inline-block;width:50px;margin:0 8px;border:1px solid #E7EEF5;border-radius:6px;height:32px;padding:6px 12px;">页<span class="btn btn-default page_btn" style="padding: 0px 5px;height:auto;border-radius:6px;vertical-align: initial;margin-left:8px;line-height:30px;height:32px;">GO</span></div>';
  223.    if (table_page.size_hide) {
  224.        select_box = ''
  225.    }
  226.    footer += '</ul></div>' +
  227.        select_box +
  228.        '</div>';
  229.    page_box.html(footer);
  230.    var objs = {
  231.        page: current,
  232.        size: table_page.size
  233.    }
  234.    page_box.find("li").not(".disabled,.active").click(function () {
  235.        objs.page = $(this).attr("pages");
  236.        fun_name(objs);
  237.    })
  238.    page_box.find(".page_inp").change(function () {
  239.        var that = $(this),
  240.            val = that.val(),
  241.            new_val = val;
  242.        if (isNaN(val)) {
  243.            val = 1;
  244.            new_val = 1;
  245.        }
  246.        val = parseInt(val)
  247.        if (val > count) {
  248.            new_val = count;
  249.        } else if (val < 1) {
  250.            new_val = 1
  251.        }
  252.        that.val(new_val);
  253.        if (new_val != current) {
  254.            objs.page = new_val;
  255.        }
  256.    })
  257.    var before_page = objs.page;
  258.    page_box.find(".page_btn").click(function () {
  259.        if (before_page != objs.page) {
  260.            fun_name(objs);
  261.        }
  262.    })
  263.    page_box.find('.page_select').val(table_page.size).change(function () {
  264.        objs.size = $(this).val();
  265.        objs.page = 1;
  266.        fun_name(objs);
  267.    })
  268. }
  269. </script>    <link rel="stylesheet" href="/styles/common.css?v=1698990002" media="none" onload="this.media='all'">
  270.    <link rel="stylesheet" href="/libs/bootstrap/bootstrap_3.3.6.min.css?v=1605776166" media="none" onload="this.media='all'">
  271. <link rel="stylesheet" href="/styles/templates/third_home/common.css?v=1626342983">    <link rel="stylesheet" href="/styles/chat_online.css?v=1692865212">
  272.        <style>div.language_modal_blade .language_con{display:block;}.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;}.language_modal_blade .active_locale_v{color:#fff;}}</style><style>.tem01-contact .js-select-open.enquiry_label .required_span {margin-top: -25px;}.enquiry_form input.enquiry_inp_placeholder::-webkit-input-placeholder,.enquiry_form textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:transparent!important;font-size:12px!important;}.enquiry_form input.enquiry_inp_placeholder:-moz-placeholder,.enquiry_form textarea.enquiry_inp_placeholder:-moz-placeholder {color:transparent!important;font-size:12px!important;}.enquiry_form input.enquiry_inp_placeholder::-moz-placeholder,.enquiry_form textarea.enquiry_inp_placeholder::-moz-placeholder {color:transparent!important;font-size:12px!important;}.enquiry_form input.enquiry_inp_placeholder:-ms-input-placeholder,.enquiry_form textarea.enquiry_inp_placeholder:-ms-input-placeholder {color:transparent!important;font-size:12px!important;}.enquiry_form .enquiry_inp_placeholder:focus::-webkit-input-placeholder,.enquiry_form .js-select-open .enquiry_inp_placeholder::-webkit-input-placeholder {color:inherit!important;opacity:.6!important;}.enquiry_form .enquiry_inp_placeholder:focus:-moz-placeholder,.enquiry_form .js-select-open .enquiry_inp_placeholder:focus:-moz-placeholder {color:inherit!important;opacity:.6!important;}.enquiry_form .enquiry_inp_placeholder:focus::-moz-placeholder,.enquiry_form .js-select-open .enquiry_inp_placeholder:focus::-moz-placeholder {color:inherit!important;opacity:.6!important;}.enquiry_form .js-select-open .enquiry_inp_placeholder:-ms-input-placeholder {color:inherit!important;opacity:.6!important;}</style><style>.tem01-copyright .copyright_text{float: none;}</style><style>[module_bg_img="footer_1_bgimg"]{background-repeat:repeat;background-size:auto;background-position:0% 0%;background-attachment:scroll;}.tem01_footer{position:relative;padding-top:20px;padding-bottom:20px;line-height:1.42857143;}.tem01_footer .footer_ul{display:flex;flex-wrap:wrap;align-items: flex-start;}.tem01_footer .footer_li{flex: 1;padding:16px;}.tem01_footer .footer_li_box{position:relative;}.tem01_footer .li_head{font-size:16px;font-weight: bold;margin-bottom:10px;}.tem01_footer .con_ul{font-size:14px;line-height:26px;}.tem01_footer .con_ul a{display:initial}.tem01_footer .lan_a{padding-top:10px;padding-left:0px;}.tem01_footer .lan_a a{display:initial;cursor:pointer;}.tem01_footer .sitemap {    font-size: 14px;    letter-spacing: 0;    font-weight: 400;}.tem01_footer .sitemap-line {    display: inline-block;    width: 1px;    height: 16px;    background-color: rgba(216,216,216,.5);    margin: 0 8px;}.tem01_footer .iconfenxiang_boxs{display: none;padding-right:10px;}.tem01_footer .iconfenxiang_boxs ul{justify-content: left;}@media (max-width: 768px){.tem01_footer{display:none;}}</style><style>[module_bg_img="inquriy_bgimg"]{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;background-attachment:scroll;}</style><style>.preview_gif{display: none;}[module_bg_img="cases_bgimg"]{background-repeat:repeat;background-size:auto;background-position:0% 0%;background-attachment:scroll;}</style><style>[module_bg_img="about_us_bgimg"]{background-repeat:repeat;background-size:auto;background-position:0% 0%;background-attachment:scroll;}</style><style>[module_bg_img="service_bgimg"]{background-repeat:repeat;background-size:auto;background-position:0% 0%;background-attachment:scroll;}</style><style>.preview_gif{display: none;}</style><style>.body_pages_index .tem01-banner{color:#fff;}.body_pages_index .tem01-banner .banner_msg_box{color:inherit;}.banner_m_box_custom{display:none!important;}@media (max-width: 1024px){.banner_pc_box_custom{display:none!important;}.banner_m_box_custom{display:block!important;}}</style><link rel="stylesheet" href="/libs/swiper/swiper.min.css?v=1596709460" media="none" onload="this.media='all'"><link rel="stylesheet" href="/styles/templates/third_home/index.css?v=1637224628"><style>.about_section.tem01-about .prism-player:hover{z-index:444 !important;}</style>    <style>
  273.        img.preview_gif{background-color:#000;}
  274.        #age_modal .modal-dialog{
  275.            max-width: 565px;
  276.        }
  277.        #age_modal .modal-body{
  278.            text-align: center;
  279.        }
  280.        #age_modal .modal-body-title{
  281.            font-size: 36px;
  282.            font-weight: bold;
  283.            color: #333;
  284.        }
  285.        #age_modal .modal-body-desc{
  286.            font-size: 16px;
  287.            color: #666;
  288.            margin-top: 20px;
  289.            margin-bottom: 60px;
  290.        }
  291.        #age_modal .modal-body-btns .btn{
  292.            display: block;
  293.            width: 222px;
  294.            height: 43px;
  295.            line-height: 43px;
  296.            text-align: center;
  297.            font-size: 14px;
  298.            color: #fff;
  299.            border-radius: 20px;
  300.            margin: auto;
  301.            padding: 0;
  302.        }
  303.        #age_modal .modal-body-btns .yes_btn{
  304.            background-color: #de4a1e;
  305.            margin-bottom: 19px;
  306.        }
  307.  
  308.        #age_modal .modal-body-btns .no_btn{
  309.            background-color: #c5c8cd;
  310.        }
  311.  
  312.        .cookie-tip {
  313.            position: fixed;
  314.            bottom: 0;
  315.            left: 0;
  316.            right: 0;
  317.            z-index: 1001;
  318.            background: rgba(0,0,0,.8);
  319.            color:#fff;
  320.            transition:.3s;
  321.            display:flex;
  322.            align-items: center;
  323.            justify-content: center;
  324.            padding:24px 9px;
  325.            min-height: 80px;
  326.        }
  327.  
  328.        .cookie-tip--hidden {
  329.            opacity: 0;
  330.            transform: translateY(300px)
  331.        }
  332.  
  333.        .cookie-tip__container {flex-grow: 1;display: flex;align-items: center;width: 100%;margin: 0;}
  334.        .cookie-tip__text {flex-grow: 1;margin-right: 24px;}
  335.  
  336.        .cookie-tip__btn {
  337.            margin: -4px 5px;
  338.            padding: 10px 32px;
  339.            color: #333;
  340.            background: #fff;
  341.            border-radius: 5px;
  342.        }
  343.        .cookie-tip__shallow {
  344.            color: #FFF; /* 设置文字颜色为白色 */
  345.            background-color:rgba(255,255,255,.1)
  346.        }
  347.  
  348.        .cookie-tip__btn:hover,.cookie-tip__btn:focus {
  349.            background-color:rgba(255,255,255,.8);
  350.        }
  351.        
  352.  
  353.        .cookie-tip__flex {
  354.            display: flex;
  355.            justify-content: space-between;
  356.        }
  357.        @media (max-width:768px) {
  358.            .cookie-tip__container {
  359.                flex-direction:column;
  360.            }
  361.  
  362.            .cookie-tip__text{
  363.                align-self:stretch;
  364.                margin:0 0 20px
  365.            }
  366.        }
  367.  
  368.        .share_fun_box2__btn {display: flex;padding: 8px 0;}
  369.  
  370.        .bottom-inquiry-box {
  371.            position: fixed;
  372.            top: 0;
  373.            left: 0;
  374.            width: 100%;
  375.            height: 100%;
  376.            z-index: 99998;
  377.            transition: .3s;
  378.        }
  379.  
  380.        .bottom-inquiry-box--hidden {
  381.            visibility: hidden;
  382.            opacity: 0;
  383.        }
  384.  
  385.        .bottom-inquiry-box__bg {
  386.            position: absolute;
  387.            top: 0;
  388.            left: 0;
  389.            width: 100%;
  390.            height: 100%;
  391.            background: rgba(0,0,0,.4);
  392.        }
  393.  
  394.        .bottom-inquiry-box__form {
  395.            position: absolute;
  396.            background: #fff;
  397.            border-radius: 16px 16px 0 0;
  398.            box-shadow: 0 0 8px rgba(0,0,0,.1);
  399.            top:48px;
  400.            left: 0;
  401.            width: 100%;
  402.            bottom: 0;
  403.            color: rgba(0,0,0,.8);
  404.            display: flex;
  405.            flex-direction: column;
  406.            transition: .2s
  407.        }
  408.  
  409.        .bottom-inquiry-box--hidden .bottom-inquiry-box__form {
  410.            transform: translateY(100%);
  411.        }
  412.  
  413.        .bottom-inquiry-box__close {
  414.            position: absolute;
  415.            top: 10px;
  416.            right: 10px;
  417.            padding: 10px;
  418.            background: transparent;
  419.            outline: 0;
  420.            border: 0;
  421.            border-radius: 0;
  422.            color: rgba(0,0,0,.8);
  423.            transition: .3s;
  424.            cursor: pointer;
  425.        }
  426.  
  427.        .bottom-inquiry-box__title {
  428.            font-weight: 700;
  429.            font-size: 16px;
  430.            margin: 16px 20px 8px;
  431.        }
  432.  
  433.        .bottom-inquiry-box__scroll {
  434.            overflow: auto;
  435.            padding: 0 20px;
  436.        }
  437.  
  438.        .bottom-inquiry-box__label {
  439.            display: block;
  440.            margin: 12px 0 20px;
  441.            position: relative;
  442.        }
  443.  
  444.        .bottom-inquiry-box__label--error {
  445.            color: #ff4000;
  446.        }
  447.  
  448.        .bottom-inquiry-box__input {
  449.            width: 100%;
  450.            display: block;
  451.            padding: 9px 0;
  452.            font-size: 14px;
  453.            line-height: 1.5;
  454.            border: 0;
  455.            border-bottom: 1px solid rgba(0,0,0,.1);
  456.            border-radius: 0;
  457.            outline: 0;
  458.            color: inherit;
  459.            transition: .3s;
  460.            resize: none;
  461.        }
  462.  
  463.        .bottom-inquiry-box__input:hover,.bottom-inquiry-box__input:focus {
  464.            border-color: #007eff;
  465.        }
  466.  
  467.        .bottom-inquiry-box__label--error .bottom-inquiry-box__input {
  468.            border-color: currentColor;
  469.        }
  470.  
  471.        .bottom-inquiry-box__input::-webkit-input-placeholder {
  472.            color: transparent;
  473.            transition: .2s;
  474.        }
  475.  
  476.        .bottom-inquiry-box__input:focus::-webkit-input-placeholder {
  477.            color: rgba(0,0,0,.4);
  478.        }
  479.  
  480.        .bottom-inquiry-box__tip {
  481.            position: absolute;
  482.            top: 9px;
  483.            left: 0;
  484.            opacity: .55;
  485.            transition: .2s;
  486.            transform-origin: left;
  487.        }
  488.  
  489.        :required+.bottom-inquiry-box__tip:before {
  490.            content: '*';
  491.            color: #ff4000;
  492.        }
  493.  
  494.        .bottom-inquiry-box__input:focus+.bottom-inquiry-box__tip,.bottom-inquiry-box__input--active+.bottom-inquiry-box__tip {
  495.            transform: translateY(-1.5em) scale(.85);
  496.        }
  497.  
  498.        .bottom-inquiry-box__error {
  499.            position: absolute;
  500.            top: -1.5em;
  501.            margin-top: 9px;
  502.            right: 0;
  503.            opacity: 0;
  504.            visibility: hidden;
  505.            transition: .2s;
  506.        }
  507.  
  508.        .bottom-inquiry-box__label--error .bottom-inquiry-box__error {
  509.            visibility: visible;
  510.            opacity: 1;
  511.        }
  512.  
  513.        .bottom-inquiry-box__attachment {
  514.            color: rgba(0,0,0,.4);
  515.            margin: 20px 0;
  516.        }
  517.  
  518.        .bottom-inquiry-box__attachment-box {
  519.            display: flex;
  520.        }
  521.  
  522.        .bottom-inquiry-box__file {
  523.            width: 100px;
  524.            height: 100px;
  525.            border: 1px dashed;
  526.            position: relative;
  527.            overflow: hidden;
  528.            margin-top: 4px;
  529.            cursor: pointer;
  530.            display: flex;
  531.            align-items: center;
  532.            justify-content: center;
  533.            margin-right: 20px;
  534.            cursor: pointer;
  535.        }
  536.  
  537.        .bottom-inquiry-box__file:before {
  538.            content: '+';
  539.            font-size: 40px;
  540.        }
  541.  
  542.        .bottom-inquiry-box__file:hover {
  543.            color: rgba(0,0,0,.8);
  544.        }
  545.  
  546.        .bottom-inquiry-box__file input {
  547.            opacity: 0;
  548.            position: absolute;
  549.        }
  550.  
  551.        .bottom-inquiry-box__attachment-box .attachment_ul {
  552.            flex-grow: 1;
  553.        }
  554.  
  555.        .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;}
  556.        .bottom-inquiry-box__attachment-box .attachment_ul .operations{position:absolute;top:0;right:0;width:140px;padding-left:20px;}
  557.  
  558.  
  559.        .bottom-inquiry-box__subscribe {
  560.            margin-bottom: 16px;
  561.        }
  562.  
  563.        .bottom-inquiry-box__check {
  564.            vertical-align: middle;
  565.            margin-right: 4px;
  566.            margin-bottom: 2px;
  567.        }
  568.  
  569.        .bottom-inquiry-box__btn {
  570.            display: block;
  571.            height: 36px;
  572.            line-height: 36px;
  573.            color: #fff;
  574.            border: 0;
  575.            padding: 0;
  576.            border-radius: 6px;
  577.            outline: 0;
  578.            transition: .3s;
  579.            cursor: pointer;
  580.            margin: 8px 20px 16px;
  581.        }
  582.  
  583.        .bottom-inquiry-box__btn:hover,.bottom-inquiry-box__btn:focus,.bottom-inquiry-box__close:hover,.bottom-inquiry-box__close:focus {
  584.            opacity: .8;
  585.        }
  586.  
  587.        .bottom-inquiry-box__btn:active,.bottom-inquiry-box__close:active {
  588.            opacity: 1;
  589.        }
  590.  
  591.        @media (max-width:1024px){
  592.            .mobile-reverse{display:flex;flex-direction:column-reverse}
  593.            .tem01-list-product {
  594.                margin:20px 0
  595.            }
  596.        }
  597.  
  598.        @media (max-width:1026px){
  599.            .list_link_artboard ul.list_one{padding-right: 55px!important;}
  600.        }
  601.  
  602.        @media (max-width:768px){
  603.            [widget-modular="list_link"] {margin-top: 12px;}
  604.        }
  605.  
  606.        .external-chat-box {
  607.            position: fixed;
  608.            top: 50%;
  609.            left:0;
  610.            transform: translateY(-50%);
  611.            width: 48px;
  612.            padding: 4px 8px;
  613.            background: rgba(0,0,0,.35);
  614.            border-radius: 0 4px 4px 0;
  615.            transition: .2s;
  616.            z-index: 9999;
  617.        }
  618.  
  619.        .external-chat-box--collapse {
  620.            transform: translateY(-50%) translateX(-100%);
  621.        }
  622.  
  623.        .external-chat-box__toggle {
  624.            position: absolute;
  625.            top: 50%;
  626.            left: 100%;
  627.            border-radius: 0 4px 4px 0;
  628.            color: #fff;
  629.            background: inherit;
  630.            margin-top: -20px;
  631.            padding: 0 4px;
  632.            line-height: 40px;
  633.            font-size: 14px;
  634.            cursor: pointer;
  635.            /*transition: .3s;*/
  636.            border: 0;
  637.            outline: 0;
  638.        }
  639.  
  640.        .external-chat-box__toggle:hover,.external-chat-box__toggle:focus {
  641.            /* background-color: rgba(0,0,0,.45); */
  642.        }
  643.  
  644.        .external-chat-box__item {
  645.            display: block;
  646.            text-decoration: none;
  647.            width: 32px;
  648.            height: 32px;
  649.            margin: 12px 0;
  650.            background: center no-repeat;
  651.            border-radius: 99px;
  652.            transition: .3s;
  653.        }
  654.  
  655.        .external-chat-box__item--qq {
  656.            background-color: #1890ff;
  657.            background-image: url(/images/chat-icons/qq.svg);
  658.            background-size: 14px;
  659.        }
  660.  
  661.        .external-chat-box__item--qq:hover,.external-chat-box__item--qq:focus {
  662.            background-color: #40a9ff;
  663.        }
  664.  
  665.        .external-chat-box__item--wechat {
  666.            background-color: #46bb36;
  667.            background-image: url(/images/chat-icons/wechat.svg);
  668.            background-size: 17px;
  669.        }
  670.  
  671.        .external-chat-box__item--wechat:hover,.external-chat-box__item--wechat:focus {
  672.            background-color: #70ca63;
  673.        }
  674.  
  675.        .external-chat-box__item--skype {
  676.            background-color: #00aff0;
  677.            background-image: url(/images/chat-icons/skype.svg);
  678.            background-size: 16px;
  679.        }
  680.  
  681.        .external-chat-box__item--skype:hover,.external-chat-box__item--skype:focus {
  682.            background-color: #30c8f3;
  683.        }
  684.  
  685.        .external-chat-box__item--whatsapp {
  686.            background-color: #1dd367;
  687.            background-image: url(/images/chat-icons/whatsapp.svg);
  688.            background-size: 18px;
  689.        }
  690.  
  691.        .external-chat-box__item--whatsapp:hover,.external-chat-box__item--whatsapp:focus {
  692.            background-color: #44e388;
  693.        }
  694.  
  695.        .external-chat-popup {
  696.            position: fixed;
  697.            top: 0;
  698.            left: 0;
  699.            width: 100%;
  700.            height: 100%;
  701.            z-index: 9999;
  702.            transition: .3s;
  703.        }
  704.  
  705.        .external-chat-popup--hidden {
  706.            visibility: hidden;
  707.            opacity: 0;
  708.        }
  709.  
  710.        .external-chat-popup__bg {
  711.            position: absolute;
  712.            top: 0;
  713.            left: 0;
  714.            width: 100%;
  715.            height: 100%;
  716.            background: rgba(0,0,0,.4);
  717.        }
  718.  
  719.        .external-chat-popup__dialog {
  720.            width: 300px;
  721.            max-width: 100%;
  722.            margin: 15vh auto;
  723.            padding: 30px;
  724.            background: #fff;
  725.            text-align: center;
  726.            position: relative;
  727.            border-radius: 2px;
  728.            box-shadow: 0 4px 14px rgba(0,0,0,.06), 0 0 6px rgba(0,0,0,.1);
  729.            transition: .2s;
  730.        }
  731.  
  732.        .external-chat-popup--hidden .external-chat-popup__dialog {
  733.            transform: translateY(-100%);
  734.        }
  735.  
  736.        .external-chat-popup__text {
  737.            font-size: 18px;
  738.            margin-bottom: 20px;
  739.        }
  740.    </style>
  741.    <!-- header style start -->
  742.            <style>
  743. .tem01-about .rightbox .text .description {
  744.    opacity: .7;
  745.    line-height: 23px;
  746.    font-size: 10px;
  747.    margin: 10px 0;
  748. }
  749. </style>
  750.        <!-- header style end -->
  751.    <style>
  752.        .body_color_bgs .conn-big-title-font, .body_color_bgs .title:not(.no_title_family), .body_color_bgs [important_title]:not(.no_title_family), .select_title_font_box{font-family: CeraPRO-Regular,Arial,myanmar_font;}
  753.        .body_color_bgs, .select_body_font_box{font-family: Arial,Arial,myanmar_font;}
  754.        .kkkkkkk{}
  755.    </style>
  756. </head>
  757. <body class="body_color_bgs body_pages_index">
  758.    <script data-static="false" src="/libs/jquery-2.1.3.min.js"></script>
  759.                <input type="hidden" id="videoDefinition" value="hd">
  760.    <input type="hidden" id="is_share_bol" value="1">
  761.    <input type="hidden" id="verification_open_inp" value="1">
  762.    <input type="hidden" id="chat_is_open" value="0">
  763.    <input type="hidden" id="chat_is_form" value="1">
  764.    <input type="hidden" id="chat_prompt" value="">
  765.    <input type="hidden" id="chat_prompt_phone" value="">
  766.    <input type="hidden" id="inquire_success_herf" value="/inquire/success">
  767.    <input type="hidden" id="compress_webp_onoff" value="1">
  768.    <input type="hidden" id="compress_capture_onoff" value="1">
  769.    <input type="hidden" id="compress_onoff" value="1">
  770.    <input type="hidden" id="img_compress" value="80">
  771.    <input type="hidden" id="id_data_page_limit" value="12">
  772.    <input type="hidden" id="bannerCompress" value="">
  773.    <input type="hidden" id="bannerCompressQuality" value="80">
  774.    <input type="hidden" id="video_dialog_open_btn" value="0">
  775.    <input type="hidden" id="timed_inquiry_open" value="0">
  776.    <input type="hidden" id="dialog_page" value="0">
  777.    <input type="hidden" id="dialog_frequency" value="0">
  778.    <input type="hidden" id="uniqueness" value="0">
  779.    <input type="hidden" id="timed_inquiry_style" value="1">
  780.    <input type="hidden" id="timed_inquiry_color" value="#007eff">
  781.        <!-- 引用内容 start -->
  782. <div id="current_page_style" style="display:none;padding:0;margin:0;position: absolute;left:0;top:0;z-index:-22;">
  783. </div>
  784.  
  785. <div class="index">
  786.    <div>
  787.                                            <header class="_header">
  788.    <div class="_header_box">
  789.        <div class="_header_con">
  790.            <button class="nav_button" id="head_button">
  791.                <div class="nav_button_icon">
  792.                    <span></span>
  793.                    <span></span>
  794.                    <span></span>
  795.                </div>
  796.            </button>
  797.            <div class="_head_top" modular-edit="custom">
  798.                                <h1 class="head_h1" >
  799.                                    <span editable="input" edit-name="home_logo_title_languages">
  800.                                                    The most professional private label personal lubricant manufacturer &amp; sex lubricant manufacturer.
  801.                                            </span>
  802.                                </h1>
  803.                                <div class="icon_bx iconfenxiang_boxs" editable="switch" edit-switch-name="icons" edit-name="common_switch_head_icons" edit_switch="1"></div>
  804.                <div class="icon_bx">
  805.                    <span class="head_i iconfont iconsousuo head_shousuos"></span>
  806.                    <div class="language_modal_click" style="cursor:pointer;display:flex;" editable="switch" edit-switch-name="lans" edit-name="common_switch_head_lans" edit_switch="1">
  807.                        <span class="head_i iconfont icondiqu"></span><span class="head_lan_txt">Language</span>
  808.                    </div>
  809.                </div>
  810.            </div>
  811.            <div class="_head_bottom">
  812.                <div class="logo">
  813.                    <a href="/">
  814.                                            <img src="https://img001.video2b.com/564/file1608711269517.png?x-oss-process=image/resize,m_lfit,h_80" alt="cokelife">
  815.                                        </a>
  816.                </div>
  817.                <nav>
  818.                    <div class="nav_btns btn_l bg-color iconfont iconchaopimiaotuangou-" data-left="-80"></div>
  819.                    <div class="nav_btns btn_r bg-color iconfont iconleft" data-left="80"></div>
  820.                    <div class="nav_box">
  821.                        <ul class="nav border-color">
  822.                                                                                    <li class="  active ">
  823.                                                                <a  href="/" >Home</a>
  824.                                                                                            </li>
  825.                                                        <li class=" xia  ">
  826.                                                                <a  href="/products" >SEXUAL WELLNESS PRODUCT</a>
  827.                                                                                                <i class="i_con iconfont iconxiala1"></i>
  828.                                <ul class="nav_ul">
  829.                                                                        <li class="  ">
  830.                                        <a  href="/products-75068" >Hot Sells Lube</a>
  831.                                                                            </li>
  832.                                                                        <li class="  ">
  833.                                        <a  href="/products-74676" >Food Grade Lube</a>
  834.                                                                            </li>
  835.                                                                        <li class=" xia   ">
  836.                                        <a  href="/products-74679" >Anal lube</a>
  837.                                                                                <i class="i_con iconfont iconxiala1"></i>
  838.                                        <ul class="nav_ul">
  839.                                                                                        <li class=" ">
  840.                                                <a  href="/products-75069" >Painless Series</a>
  841.                                                                                            </li>
  842.                                                                                        <li class=" ">
  843.                                                <a  href="/products-75070" >Male Climax gel</a>
  844.                                                                                            </li>
  845.                                                                                    </ul>
  846.                                                                            </li>
  847.                                                                        <li class="  ">
  848.                                        <a  href="/products-75071" >Female Climax Gel</a>
  849.                                                                            </li>
  850.                                                                        <li class=" xia   ">
  851.                                        <a  href="/products-75073" >Water Based Lube</a>
  852.                                                                                <i class="i_con iconfont iconxiala1"></i>
  853.                                        <ul class="nav_ul">
  854.                                                                                        <li class=" ">
  855.                                                <a  href="/products-75074" >Vegetarian Grade</a>
  856.                                                                                            </li>
  857.                                                                                        <li class=" ">
  858.                                                <a  href="/products-75075" >Cosmetic Grade</a>
  859.                                                                                            </li>
  860.                                                                                        <li class=" ">
  861.                                                <a  href="/products-75076" >Medical Grade</a>
  862.                                                                                            </li>
  863.                                                                                    </ul>
  864.                                                                            </li>
  865.                                                                        <li class=" xia   ">
  866.                                        <a  href="/products-74678" >Silicon Based Lube</a>
  867.                                                                                <i class="i_con iconfont iconxiala1"></i>
  868.                                        <ul class="nav_ul">
  869.                                                                                        <li class=" ">
  870.                                                <a  href="/products-75077" >A Level Pure Silicon</a>
  871.                                                                                            </li>
  872.                                                                                        <li class=" ">
  873.                                                <a  href="/products-75078" >Mixed Silicone</a>
  874.                                                                                            </li>
  875.                                                                                    </ul>
  876.                                                                            </li>
  877.                                                                        <li class=" xia   ">
  878.                                        <a  href="/products-75079" >Oil</a>
  879.                                                                                <i class="i_con iconfont iconxiala1"></i>
  880.                                        <ul class="nav_ul">
  881.                                                                                        <li class=" ">
  882.                                                <a  href="/products-75080" >Blade Oil</a>
  883.                                                                                            </li>
  884.                                                                                        <li class=" ">
  885.                                                <a  href="/products-75081" >Massage Oil</a>
  886.                                                                                            </li>
  887.                                                                                    </ul>
  888.                                                                            </li>
  889.                                                                        <li class="  ">
  890.                                        <a  href="/products-75082" >Powder Lube</a>
  891.                                                                            </li>
  892.                                                                        <li class="  ">
  893.                                        <a  href="/products-75083" >Lube liquid customization</a>
  894.                                                                            </li>
  895.                                                                        <li class=" xia   ">
  896.                                        <a  href="/products-18410" >Male erection helper</a>
  897.                                                                                <i class="i_con iconfont iconxiala1"></i>
  898.                                        <ul class="nav_ul">
  899.                                                                                        <li class=" ">
  900.                                                <a  href="/products-18411" >Delay Spray</a>
  901.                                                                                            </li>
  902.                                                                                        <li class=" ">
  903.                                                <a  href="/products-18412" >Penis thickening cream</a>
  904.                                                                                            </li>
  905.                                                                                    </ul>
  906.                                                                            </li>
  907.                                                                        <li class=" xia   ">
  908.                                        <a  href="/products-75084" >Other Adult products</a>
  909.                                                                                <i class="i_con iconfont iconxiala1"></i>
  910.                                        <ul class="nav_ul">
  911.                                                                                        <li class=" ">
  912.                                                <a  href="/products-75085" >Condom</a>
  913.                                                                                            </li>
  914.                                                                                        <li class=" ">
  915.                                                <a  href="/products-75087" >SM</a>
  916.                                                                                            </li>
  917.                                                                                        <li class=" ">
  918.                                                <a  href="/products-75088" >Sex Toy cleaning</a>
  919.                                                                                            </li>
  920.                                                                                        <li class=" ">
  921.                                                <a  href="/products-75089" >Protection powder</a>
  922.                                                                                            </li>
  923.                                                                                        <li class=" ">
  924.                                                <a  href="/products-75091" >Pheromones perfume</a>
  925.                                                                                            </li>
  926.                                                                                    </ul>
  927.                                                                            </li>
  928.                                                                    </ul>
  929.                                                            </li>
  930.                                                        <li class=" ">
  931.                                                                <a  href="/service" >CUSTOMIZATION</a>
  932.                                                                                            </li>
  933.                                                        <li class=" xia  ">
  934.                                                                <a  href="/cases" >FACTORY</a>
  935.                                                                                                <i class="i_con iconfont iconxiala1"></i>
  936.                                <ul class="nav_ul">
  937.                                                                        <li class="  ">
  938.                                        <a  href="/cases-48319" >Detection</a>
  939.                                                                            </li>
  940.                                                                        <li class="  ">
  941.                                        <a  href="/cases-48320" >Shipment</a>
  942.                                                                            </li>
  943.                                                                    </ul>
  944.                                                            </li>
  945.                                                        <li class=" ">
  946.                                                                <a  href="/news" >NEWS</a>
  947.                                                                                            </li>
  948.                                                        <li class=" ">
  949.                                                                <a  href="/about-us" >ABOUT US</a>
  950.                                                                                            </li>
  951.                                                                                </ul>
  952.                    </div>
  953.                </nav>
  954.            </div>
  955.        </div>
  956.    </div>
  957. </header>
  958.                        </div>
  959.  
  960.    <div class="content">
  961.                                            <div class="tem01-banner" modular-edit="custom" widget-modular="banner-box" widget-style="color" style="">
  962.    <div data-banner="1" class="banner_img_box img_par no_img_src banner_pc_box_custom">
  963.                    <img class="no_contains" alt="" video-img="https://img001.video2b.com/564/file_01643088924483.jpg" editable="img" edit-name="banner-img">
  964.        
  965.                    <span controls editable="video" video-src="https://img001.video2b.com/m3u8/file_01704443178562.m3u8" edit-name="banner-video" banner_video_size="50"></span>
  966.        
  967.            </div>
  968.    <div data-banner="1" class="banner_img_box img_par no_img_src banner_m_box_custom">
  969.                                    <img class="no_contains videos_js_icons" src="" video-img="https://img001.video2b.com/564/file_01643088924483.jpg" editable="img" edit-name="banner-img">
  970.                    
  971.                    <span controls video-src="https://img001.video2b.com/m3u8/file_01704443178562.m3u8"></span>
  972.        
  973.            </div>
  974.    <div class="banner_pc_box_custom">
  975.        <div class="banner_msg_box videos_js_hides">
  976.            <div class="container banner_msg">
  977.                <div class="title conn-big-title-font" important_title="" editable="input" edit-name="home_banner_title_languages">
  978.                                    </div>
  979.                <div class="description conn-big-desc-font" important_describe="" editable="textarea" edit-name="home_banner_describe_languages">
  980.                                            <p style="margin-bottom: 0px;">Personal Lubricant Contract Manufacturing</p>
  981.                                    </div>
  982.            </div>
  983.        </div>
  984.    </div>
  985.    <div class="banner_m_box_custom">
  986.        <div class="banner_msg_box videos_js_hides">
  987.            <div class="container banner_msg">
  988.                <div class="title conn-big-title-font" editable="input" edit-name="home_banner_m_title_languages" edit_m="1">
  989.                                                                                </div>
  990.  
  991.                <div class="description conn-big-desc-font" editable="textarea" edit-name="home_banner_m_describe_languages" edit_m="1">
  992.                                                                      <p style="margin-bottom: 0px;">Personal Lubricant Contract Manufacturing</p>
  993.                                                         </div>
  994.            </div>
  995.        </div>
  996.    </div>
  997. </div>
  998.  
  999.                    
  1000.                                            <!-- 获取product数据 -->
  1001. <div limit_n_name="products_limit_n" limit_n="4" class="section tem01-product no_bg_src" module_sort="32" module_bg_img="product_bgimg" bg_img_url="" switch-title="products" switch-name="switch-products" switch-state="1" data-id="8454" widget-modular="products" widget-style="color background-color" style="color:rgb(255, 255, 255);background-color:rgb(0, 0, 0);">
  1002.    <div class="container">
  1003.        <div modular-edit="custom">
  1004.            <div class="big-title clearfix">
  1005.                <div class="title conn-title xs_btns_box no_title_family" important_title>
  1006.                    <div editable="input" edit-name="products_title_languages">
  1007.                                                    PRODUCTS
  1008.                                            </div>
  1009.                    <a class="border-color btn font-color" href="/products" rel="nofollow">READ MORE</a>
  1010.                </div>
  1011.                <div class="description conn-description conn-big-title-font">
  1012.                    <div important_title  editable="textarea" edit-name="products_describe_languages">
  1013.                                                    <p style="margin-bottom: 0px;">Haoyimai sex lubricant suppliers are fully immersed in supplying sex lubricant products.</p>
  1014.                                            </div>
  1015.                </div>
  1016.            </div>
  1017.        </div>
  1018.        <div class="items clearfix">
  1019.                                    <div class="item">
  1020.                <a target="_blank" href="/products-detail-2296913">
  1021.                    <div class="images img_par no_img_src">
  1022.                        <img class="preview_img" video-img="https://img001.video2b.com/capture/564/1684398271690_cover_img_png.jpg" alt="201102 Gay 85g">
  1023.                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1024.                                            </div>
  1025.                </a>
  1026.                <div class="text">
  1027.                    <a target="_blank" href="/products-detail-2296913">
  1028.                        <div class="title conn-title">201102 Gay 85g</div>
  1029.                    </a>
  1030.                    <div class="description conn-description">Gay 85g</div>
  1031.                </div>
  1032.            </div>
  1033.                        <div class="item">
  1034.                <a target="_blank" href="/products-detail-695475">
  1035.                    <div class="images img_par no_img_src">
  1036.                        <img class="preview_img" video-img="https://img001.video2b.com/capture/564/1684398197930_cover_img_png.jpg" alt="cokelifeDrop Ship Sex Shop Wholesale Sex Lubricant Water Base Lube Flower Rose Flavor Lube Sex Gel Hospital Laps">
  1037.                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1038.                                            </div>
  1039.                </a>
  1040.                <div class="text">
  1041.                    <a target="_blank" href="/products-detail-695475">
  1042.                        <div class="title conn-title">cokelifeDrop Ship Sex Shop Wholesale Sex Lubricant Water Base Lube Flower Rose Flavor Lube Sex Gel Hospital Laps</div>
  1043.                    </a>
  1044.                    <div class="description conn-description">Applied in our manufacturing process, the technologies have speeded up the whole process and guaranteed the product quality.In the application range(s) of Lubricants,24/7 Drop Ship Sex Shop Wholesale Sex Lubricant Water Base Lube Flower Rose Flavor Lube Sex Gel Hospital Laps OEM ODM COKELIFE is of great use.  </div>
  1045.                </div>
  1046.            </div>
  1047.                        <div class="item">
  1048.                <a target="_blank" href="/products-detail-3051550">
  1049.                    <div class="images img_par no_img_src">
  1050.                        <img class="preview_img" video-img="https://img001.video2b.com/capture/564/1685354154098_cover_img_png.jpg" alt="COKELIFE Pure Natural Spray Effective Promote Erection Personal Lubricant Promote Moist male spray for men Factory Price">
  1051.                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1052.                                            </div>
  1053.                </a>
  1054.                <div class="text">
  1055.                    <a target="_blank" href="/products-detail-3051550">
  1056.                        <div class="title conn-title">COKELIFE Pure Natural Spray Effective Promote Erection Personal Lubricant Promote Moist male spray for men Factory Price</div>
  1057.                    </a>
  1058.                    <div class="description conn-description">Best COKELIFE Pure Natural Spray Effective Promote Erection Personal Lubricant Promote Moist male spray for men Factory Price - cokelife Supplier &amp; manufacturers | cokelife</div>
  1059.                </div>
  1060.            </div>
  1061.                        <div class="item">
  1062.                <a target="_blank" href="/products-detail-3126007">
  1063.                    <div class="images img_par no_img_src">
  1064.                        <img class="preview_img" video-img="https://img001.video2b.com/capture/564/1690785715898_cover_img_png.jpg" alt="COKELIFE Sex Lubricant Water based Fruit Flavor Lubricants Sexual xylitol Lubricant">
  1065.                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1066.                                            </div>
  1067.                </a>
  1068.                <div class="text">
  1069.                    <a target="_blank" href="/products-detail-3126007">
  1070.                        <div class="title conn-title">COKELIFE Sex Lubricant Water based Fruit Flavor Lubricants Sexual xylitol Lubricant</div>
  1071.                    </a>
  1072.                    <div class="description conn-description">COKELIFE Sex Lubricant Water based Fruit Flavor Lubricants Sexual xylitol Lubricant</div>
  1073.                </div>
  1074.            </div>
  1075.                                </div>
  1076.    </div>
  1077. </div>
  1078.  
  1079.  
  1080. <script>
  1081.    $(function(){
  1082.        $(".img_par").hover(function(){
  1083.            if ($(this).find('.preview_gif').length) {
  1084.                $(this).find('.preview_img').hide()
  1085.                $(this).find('.there_video_icons').hide()
  1086.                if (!$(this).find('.preview_gif').attr("src")) {
  1087.                let src = $(this).find('.preview_gif').attr('data-src')
  1088.                $(this).find('.preview_gif').attr("src", src)
  1089.            }
  1090.            $(this).find('.preview_gif').fadeIn(1000)
  1091.            }
  1092.        },function(){
  1093.            if ($(this).find('.preview_gif').length) {
  1094.                $(this).find('.preview_img').show()
  1095.                $(this).find('.there_video_icons').show()
  1096.                $(this).find('.preview_gif').stop().fadeOut(0)
  1097.            }
  1098.        })
  1099.    })
  1100. </script>
  1101.  
  1102.                            <div class="section tem01-service service_section no_bg_src" module_sort="33" module_bg_img="service_bgimg" bg_img_url="" switch-title="SERVICE" switch-name="switch-service" switch-state="1" widget-modular="service" widget-style="color background-color" style="color:rgb(255, 255, 255);background-color:rgb(0, 0, 0);">
  1103.    <div class="container">
  1104.        <div class="flexBoxWrap clearfix">
  1105.            <div class="left col-md-6 col-sm-12" modular-edit="custom">
  1106.                <div class="service_img_box img_par no_img_src">
  1107.  
  1108.                                            <img alt="" video-img="https://img001.video2b.com/564/file_01620385074294.jpg" editable="img" edit-name="service-img" video_w="800">
  1109.                    
  1110.                                            <span controls src="https://img001.aivideo8.com/tvHr5q-i9Yw/cfcd2084-1024/hls/2021-3/KGN9ILUW-0Z1R-TZZV/272771-b39f-bf9a-622966-e443-aae3ac.m3u8" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/cfcd2084-1024/hls/2021-3/KGN9ILUW-0Z1R-TZZV/272771-b39f-bf9a-622966-e443-aae3ac.m3u8" editable="video" edit-name="service-video" style="display:none;"></span>
  1111.                    
  1112.                                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1113.                                    </div>
  1114.            </div>
  1115.            <div class="right col-md-6 col-sm-12">
  1116.                <div class="overflow-auto-box">
  1117.                    <div class="overflow-auto-h">
  1118.                        <div modular-edit="custom">
  1119.                            <div>
  1120.                                <a href="/service" class="title conn-title conn-big-title-font" editable="input" edit-name="service_title_languages">
  1121.                                                                            Customization
  1122.                                                                    </a>
  1123.                                <div class="subtitle conn-subtitle"  editable="textarea" edit-name="service_subtitle_languages">
  1124.                                                                            <p style="margin-bottom: 0px;">Our production scope includes: all kinds of sexual health products, such as wholesale sex lubricants, high tide liquid, mouthwash, disinfection water, disinfection wipes, utensils nonwashing disinfectant, female antibacterial lotion delay oil, and so on</p>
  1125.                                                                    </div>
  1126.                            </div>
  1127.                            <div class="overflow-auto">
  1128.                                <div class="description conn-description">
  1129.                                    <div class="block_list">
  1130.                                        <span important_process editable="textarea" edit-name="service_process_languages">
  1131.                                                                                            <p style="margin-bottom: 0px;">1. Professional personal lubricant manufacturers and personal care products.&nbsp;</p><p style="margin-bottom: 0px;"><br /></p><p style="margin-bottom: 0px;">2. Specializing in providing personalized custom sexual health products.</p><p style="margin-bottom: 0px;"><br /></p><p style="margin-bottom: 0px;">3. From brand, conception, and design, procurement, packaging materials, finished products, and shipment of one-stop operation.</p>
  1132.                                                                                    </span>
  1133.                                    </div>
  1134.                                </div>
  1135.                            </div>
  1136.                        </div>
  1137.                        <div class="moreBtn">
  1138.                            <a class="border-color bg-color btn font-color-hover" href="/service" rel="nofollow">READ MORE</a>
  1139.                        </div>
  1140.                    </div>
  1141.                </div>
  1142.            </div>
  1143.        </div>
  1144.        <div class="process_con">
  1145.            <ul class="clearfix">
  1146.                                <li>
  1147.                    <div class="iconbox">
  1148.                        <div class="liubianx liubianx01">
  1149.                            <div class="liubianx colorWhite liubianx02">
  1150.                                <div class="liubianx liubianx03">
  1151.                                    <span class="colorWhite"></span>
  1152.                                </div>
  1153.                            </div>
  1154.                        </div>
  1155.                    </div>
  1156.                    <div class="textbox"  modular-edit="custom">
  1157.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_01_languages">
  1158.                                                            Our Services
  1159.                                                    </div>
  1160.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_01_languages">
  1161.                                                            <p style="user-select: auto; margin-bottom: 0px;">Human body lubricant/sexual health products one-stop service</p>
  1162.                                                    </div>
  1163.                    </div>
  1164.                </li>
  1165.                
  1166.                                <li>
  1167.                    <div class="iconbox">
  1168.                        <div class="liubianx liubianx01">
  1169.                            <div class="liubianx colorWhite liubianx02">
  1170.                                <div class="liubianx liubianx03">
  1171.                                    <span class="colorWhite"></span>
  1172.                                </div>
  1173.                            </div>
  1174.                        </div>
  1175.                    </div>
  1176.                    <div class="textbox"  modular-edit="custom">
  1177.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_02_languages">
  1178.                                                            Cost Containment
  1179.                                                    </div>
  1180.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_02_languages">
  1181.                                                            <p style="margin-bottom: 0px;">Full control of regional market price system and products channel</p>
  1182.                                                    </div>
  1183.                    </div>
  1184.                </li>
  1185.                
  1186.                                <li>
  1187.                    <div class="iconbox">
  1188.                        <div class="liubianx liubianx01">
  1189.                            <div class="liubianx colorWhite liubianx02">
  1190.                                <div class="liubianx liubianx03">
  1191.                                    <span class="colorWhite"></span>
  1192.                                </div>
  1193.                            </div>
  1194.                        </div>
  1195.                    </div>
  1196.                    <div class="textbox"  modular-edit="custom">
  1197.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_03_languages">
  1198.                                                            Quality Assurance
  1199.                                                    </div>
  1200.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_03_languages">
  1201.                                                            <p style="margin-bottom: 0px;">Use imported raw materials, imported machinery and equipment</p>
  1202.                                                    </div>
  1203.                    </div>
  1204.                </li>
  1205.                
  1206.                                <li>
  1207.                    <div class="iconbox">
  1208.                        <div class="liubianx liubianx01">
  1209.                            <div class="liubianx colorWhite liubianx02">
  1210.                                <div class="liubianx liubianx03">
  1211.                                    <span class="colorWhite"></span>
  1212.                                </div>
  1213.                            </div>
  1214.                        </div>
  1215.                    </div>
  1216.                    <div class="textbox"  modular-edit="custom">
  1217.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_04_languages">
  1218.                                                            Export Trade
  1219.                                                    </div>
  1220.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_04_languages">
  1221.                                                            <p style="margin-bottom: 0px;">Various international certification,which benifit for export trade</p>
  1222.                                                    </div>
  1223.                    </div>
  1224.                </li>
  1225.                
  1226.                                <li>
  1227.                    <div class="iconbox">
  1228.                        <div class="liubianx liubianx01">
  1229.                            <div class="liubianx colorWhite liubianx02">
  1230.                                <div class="liubianx liubianx03">
  1231.                                    <span class="colorWhite"></span>
  1232.                                </div>
  1233.                            </div>
  1234.                        </div>
  1235.                    </div>
  1236.                    <div class="textbox"  modular-edit="custom">
  1237.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_05_languages">
  1238.                                                            Our Services
  1239.                                                    </div>
  1240.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_05_languages">
  1241.                                                            Professional entrepreneurial guidance team, highly potential intelligent + industrial chain development
  1242.                                                    </div>
  1243.                    </div>
  1244.                </li>
  1245.                
  1246.                                <li>
  1247.                    <div class="iconbox">
  1248.                        <div class="liubianx liubianx01">
  1249.                            <div class="liubianx colorWhite liubianx02">
  1250.                                <div class="liubianx liubianx03">
  1251.                                    <span class="colorWhite"></span>
  1252.                                </div>
  1253.                            </div>
  1254.                        </div>
  1255.                    </div>
  1256.                    <div class="textbox"  modular-edit="custom">
  1257.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_06_languages">
  1258.                                                            Cost Containment
  1259.                                                    </div>
  1260.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_06_languages">
  1261.                                                            It is vital for any contractor not to exceed the budget and that is why we pay utmost attention.
  1262.                                                    </div>
  1263.                    </div>
  1264.                </li>
  1265.                
  1266.                                <li>
  1267.                    <div class="iconbox">
  1268.                        <div class="liubianx liubianx01">
  1269.                            <div class="liubianx colorWhite liubianx02">
  1270.                                <div class="liubianx liubianx03">
  1271.                                    <span class="colorWhite"></span>
  1272.                                </div>
  1273.                            </div>
  1274.                        </div>
  1275.                    </div>
  1276.                    <div class="textbox"  modular-edit="custom">
  1277.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_07_languages">
  1278.                                                            Quality Assurance
  1279.                                                    </div>
  1280.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_07_languages">
  1281.                                                            Every project we work on is checked for quality assurance to satisfy the needs of the modern society.
  1282.                                                    </div>
  1283.                    </div>
  1284.                </li>
  1285.                
  1286.                                <li>
  1287.                    <div class="iconbox">
  1288.                        <div class="liubianx liubianx01">
  1289.                            <div class="liubianx colorWhite liubianx02">
  1290.                                <div class="liubianx liubianx03">
  1291.                                    <span class="colorWhite"></span>
  1292.                                </div>
  1293.                            </div>
  1294.                        </div>
  1295.                    </div>
  1296.                    <div class="textbox"  modular-edit="custom">
  1297.                        <div class="title conn-title conn-big-title-font" important_title="" editable="input" edit-name="service_process_title_08_languages">
  1298.                                                            Equipment Installation
  1299.                                                    </div>
  1300.                        <div class="description conn-description" important_describe="" editable="textarea" edit-name="service_process_description_08_languages">
  1301.                                                            Our professional team can install all kinds of equipment in the finished building as a part of post-construction services.
  1302.                                                    </div>
  1303.                    </div>
  1304.                </li>
  1305.                            </ul>
  1306.        </div>
  1307.    </div>
  1308. </div>
  1309.  
  1310.  
  1311.  
  1312.  
  1313.                            <div class="section about_section tem01-about no_bg_src" module_sort="35" module_bg_img="about_us_bgimg" bg_img_url="" switch-title="ABOUT US" switch-name="switch-about" switch-state="1"  data-id="0" widget-modular="about" widget-style="color background-color" style="color:rgb(0, 0, 0);background-color:rgb(245, 245, 245);">
  1314.    <div  modular-edit="custom">
  1315.        <div class="about_img_box img_par no_img_src">
  1316.  
  1317.                            <img alt="" video-img="https://img001.video2b.com/564/file_01620384863865.jpg" editable="img" edit-name="about-img">
  1318.            
  1319.                            <span video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/cfcd2084-1024/hls/2021-3/HEN02OK0-J4QL-347R/5011d9-a573-178a-c121b0-ac8d-bd6f1e.m3u8" editable="video" edit-name="about-video" style="display:none;"></span>
  1320.            
  1321.  
  1322.                            <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1323.                    </div>
  1324.    </div>
  1325.    <div class="container">
  1326.        <div class="bottom_con">
  1327.            <div class="flexBoxWrap flex-row-reverse">
  1328.                <div class="left col-md-6 col-sm-12">
  1329.                    <div class="text">
  1330.                        <div class="about_head" modular-edit="custom">
  1331.                            <a href="/about-us" class="title conn-title conn-big-title-font" editable="input" edit-name="home_about_head_languages">
  1332.                                                                    About Samuel
  1333.                                                            </a>
  1334.                        </div>
  1335.                        <ul class="about_ul clearfix">
  1336.                            <li modular-edit="custom">
  1337.                                <div class="about_li_tit title conn-title conn-big-title-font" important_title="" editable="input" edit-name="home_about_li_title01_languages">
  1338.                                                                            2000
  1339.                                                                    </div>
  1340.                                <div class="about_li_desc description conn-description" important_describe="" editable="input" edit-name="home_about_li_desc01_languages">
  1341.                                                                            Development
  1342.                                                                    </div>
  1343.                            </li>
  1344.                            <li modular-edit="custom">
  1345.                                <div class="about_li_tit title conn-title conn-big-title-font" important_title="" editable="input" edit-name="home_about_li_title02_languages">
  1346.                                                                            10000
  1347.                                                                    </div>
  1348.                                <div class="about_li_desc description conn-description" important_describe="" editable="input" edit-name="home_about_li_desc02_languages">
  1349.                                                                            Workshop area
  1350.                                                                    </div>
  1351.                            </li>
  1352.                            <li modular-edit="custom">
  1353.                                <div class="about_li_tit title conn-title conn-big-title-font" important_title="" editable="input" edit-name="home_about_li_title03_languages">
  1354.                                                                            200+
  1355.                                                                    </div>
  1356.                                <div class="about_li_desc description conn-description" important_describe="" editable="input" edit-name="home_about_li_desc03_languages">
  1357.                                                                            Sketch
  1358.                                                                    </div>
  1359.                            </li>
  1360.                        </ul>
  1361.                    </div>
  1362.                </div>
  1363.                <div class="right col-md-6 col-sm-12">
  1364.                    <div class="conbox" modular-edit="custom">
  1365.                        <div class="overflow-auto-box">
  1366.                            <div class="overflow-auto-h">
  1367.                                <div class="overflow-auto">
  1368.                                    <div class="subtitle conn-subtitle conn-big-title-font" important_title editable="input" edit-name="about_title_languages">
  1369.                                                                                    Guangzhou haoyimai Trading Co., Ltd.
  1370.                                                                            </div>
  1371.                                    <div class="description conn-description conn-part-text" important_describe editable="textarea" edit-name="about_describe_languages">
  1372.                                                                                    <p style="margin-bottom: 0px;">Haoyimai&nbsp;Is a professional sex lubricant manufacturer and sexual well-being products. After 20 years of development, the company has more than 10000 square meters of existing workshop area. The workshop belongs to GMP 100000 level medical dust-free workshop and has obtained the certification of [national environmental protection certification], [Guangzhou municipal inspection], [Xiaozi brand], [enterprise standard], FDA, CE, SGS, etc.</p><p style="margin-bottom: 0px;"><br /></p><p style="margin-bottom: 0px;">Our production scope includes all kinds of personal lubricant for sex, climax fluids, mouthwash, disinfectant water, disinfection wipes, utensils nonwashing disinfectant, female antibacterial lotion, delay oil/cream, condom oil, SM, and other sexual health products.</p>
  1373.                                                                            </div>
  1374.                                </div>
  1375.                            </div>
  1376.                        </div>
  1377.                    </div>
  1378.                </div>
  1379.            </div>
  1380.        </div>
  1381.    </div>
  1382. </div>
  1383.  
  1384.  
  1385.  
  1386.  
  1387.                            <div class="section tem01-case case_section no_bg_src" module_sort="34" module_bg_img="cases_bgimg" bg_img_url="" switch-title="CASE" switch-name="switch-case" switch-state="1" data-id="0" widget-modular="case" widget-style="color background-color" style="color:rgb(0, 0, 0);background-color:rgb(255, 255, 255);">
  1388.    <div class="container">
  1389.        <div modular-edit="custom">
  1390.            <div class="big-title clearfix">
  1391.                <div class="title conn-title xs_btns_box no_title_family" important_title>
  1392.                    <div editable="input" edit-name="cases_title_languages">
  1393.                                                    FACTORY
  1394.                                            </div>
  1395.                    <a class="border-color btn font-color" href="/cases" rel="nofollow">READ MORE</a>
  1396.                </div>
  1397.                <div class="description conn-description conn-big-title-font">
  1398.                    <div important_title  editable="textarea" edit-name="cases_describe_languages">
  1399.                                                    <p style="margin-bottom: 0px;">Haoyimai has become a mature private label personal lubricant manufacturer.</p>
  1400.                                            </div>
  1401.                </div>
  1402.            </div>
  1403.        </div>
  1404.        <div class="items clearfix">
  1405.            <div class="swiper-container indexPorSwiper">
  1406.                <div class="swiper-wrapper">
  1407.                                                            <div class="swiper-slide">
  1408.                        <div class="item">
  1409.                            <a target="_blank" href="/products-detail-31577">
  1410.                                <div class="images">
  1411.                                    <div class="img_par no_img_src">
  1412.                                        <img class="preview_img" video-img="https://img001.aivideo8.com/tvHr5q-i9Yw/a1d33d0d-1776/image/2021-3/jpg/0A7C-2798-85d3-0194-48ec-bfe1.jpg" alt="SGS TUV GMPc ISO9001 FDA 510K CE 100000 Grade Dust-free Factory Workshop Facility A Leading Personal Lubricant Manufacturer in China">
  1413.                                                                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1414.                                                                            </div>
  1415.                                </div>
  1416.                            </a>
  1417.                            <div class="text">
  1418.                                <a target="_blank" href="/products-detail-31577">
  1419.                                    <div class="title conn-title">SGS TUV GMPc ISO9001 FDA 510K CE 100000 Grade Dust-free Factory Workshop Facility A Leading Personal Lubricant Manufacturer in China</div>
  1420.                                </a>
  1421.                                <div class="description conn-description">GMP dust-free workshopGuangzhou haoyimai Trading Co., Ltd. Intro to GMP Sexual Wellness Products Companies Dust-free Workshop Guangzhou haoyimai Trading Co., Ltd.,Absolute control of the regional market and become the core partner of our company.Guangzhou haoyimai Trading Co., Ltd. Customized SGS TUV GMPc ISO9001 FDA 510K CE 100000 Grade Dust-free Factory Workshop Facility A Leading Personal Lubricant Manufacturer in China manufacturers From China,Priority can be obtained in any case.Any partner &#039;s market issues will be prioritized by us.</div>
  1422.                            
  1423.                            </div>
  1424.                        </div>
  1425.                    </div>
  1426.                                        <div class="swiper-slide">
  1427.                        <div class="item">
  1428.                            <a target="_blank" href="/products-detail-31566">
  1429.                                <div class="images">
  1430.                                    <div class="img_par no_img_src">
  1431.                                        <img class="preview_img" video-img="https://img001.aivideo8.com/tvHr5q-i9Yw/a1d33d0d-1776/image/2021-3/jpg/72C7-6571-e8b5-7eb0-4df7-0dfb.jpg" alt="Intelligent GMP Workshop Personal Lubricant Lube Auto-filling Machine Line China Factory">
  1432.                                                                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1433.                                                                            </div>
  1434.                                </div>
  1435.                            </a>
  1436.                            <div class="text">
  1437.                                <a target="_blank" href="/products-detail-31566">
  1438.                                    <div class="title conn-title">Intelligent GMP Workshop Personal Lubricant Lube Auto-filling Machine Line China Factory</div>
  1439.                                </a>
  1440.                                <div class="description conn-description">Guangzhou haoyimai Trading Co., Ltd. is a professional manufacturer of water based lubricants and toys . After 20 years of development, the company has more than 10000 square meters of existing workshop area. The workshop belongs to GMP  level medical dust-free workshop, and has obtained the certification of [national environmental protection certification], FDA, CE, SGS, ISO22716.Our production scope includes: all kinds of human body lubricants, climax fluids, mouthwash, disinfectant water, disinfection wipes, utensils non washing disinfectant, female antibacterial lotion, delay oil / cream, condom oil, SM and other products. Our products use all imported raw materials, imported machinery and equipment, layer by layer to ensure the safety of enterprise products in the hands of consumers. we have a professional business team, we can carry out OEM / ODM customized products according to customer needs, from brand, design, to procurement, packaging materials, finished products,.shipment of one-stop operation, is the preferred domestic partner, welcome to call to discuss!</div>
  1441.                            
  1442.                            </div>
  1443.                        </div>
  1444.                    </div>
  1445.                                        <div class="swiper-slide">
  1446.                        <div class="item">
  1447.                            <a target="_blank" href="/products-detail-31563">
  1448.                                <div class="images">
  1449.                                    <div class="img_par no_img_src">
  1450.                                        <img class="preview_img" video-img="https://img001.aivideo8.com/tvHr5q-i9Yw/a1d33d0d-1776/image/2021-3/jpg/PZDC-7725-c09f-588a-f799-0593.jpg" alt="Haoyimai the world&#039;s leading automatic production line of personal lubricant Cokelife Pink Night Kaya">
  1451.                                                                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1452.                                                                            </div>
  1453.                                </div>
  1454.                            </a>
  1455.                            <div class="text">
  1456.                                <a target="_blank" href="/products-detail-31563">
  1457.                                    <div class="title conn-title">Haoyimai the world&#039;s leading automatic production line of personal lubricant Cokelife Pink Night Kaya</div>
  1458.                                </a>
  1459.                                <div class="description conn-description">Guangzhou haoyimai Trading Co., Ltd. is a professional manufacturer of water based lubricants and toys . After 20 years of development, the company has more than 10000 square meters of existing workshop area. The workshop belongs to GMP  level medical dust-free workshop, and has obtained the certification of [national environmental protection certification], FDA, CE, SGS, ISO22716.Our production scope includes: all kinds of human body lubricants, climax fluids, mouthwash, disinfectant water, disinfection wipes, utensils non washing disinfectant, female antibacterial lotion, delay oil / cream, condom oil, SM and other products. Our products use all imported raw materials, imported machinery and equipment, layer by layer to ensure the safety of enterprise products in the hands of consumers. we have a professional business team, we can carry out OEM / ODM customized products according to customer needs, from brand, design, to procurement, packaging materials, finished products,.shipment of one-stop operation, is the preferred domestic partner, welcome to call to discuss!</div>
  1460.                            
  1461.                            </div>
  1462.                        </div>
  1463.                    </div>
  1464.                                        <div class="swiper-slide">
  1465.                        <div class="item">
  1466.                            <a target="_blank" href="/products-detail-32734">
  1467.                                <div class="images">
  1468.                                    <div class="img_par no_img_src">
  1469.                                        <img class="preview_img" video-img="https://img001.video2b.com/564/file_01615883283351.jpg" alt="China GMP 100000 level medical dust-free workshop manufacturers-Guangzhou haoyimai Trading Co., Ltd.">
  1470.                                                                                                                        <span class="there_video_icons videos_js_icons"><i class="iconfont iconbofang"></i></span>
  1471.                                                                            </div>
  1472.                                </div>
  1473.                            </a>
  1474.                            <div class="text">
  1475.                                <a target="_blank" href="/products-detail-32734">
  1476.                                    <div class="title conn-title">China GMP 100000 level medical dust-free workshop manufacturers-Guangzhou haoyimai Trading Co., Ltd.</div>
  1477.                                </a>
  1478.                                <div class="description conn-description">Guangzhou haoyimai Trading Co., Ltd.has more than 10000 square meters of existing workshop area. The workshop belongs to GMP 100000 level medical dust-free workshop, and has obtained the certification of [national environmental protection certification], [Guangzhou municipal inspection], [Xiaozi brand], [enterprise standard], FDA, CE, SGS, etc.Our products use all imported raw materials, imported machinery and equipment, layer by layer to ensure the safety of enterprise products in the hands of consumers.</div>
  1479.                            
  1480.                            </div>
  1481.                        </div>
  1482.                    </div>
  1483.                                                        </div>
  1484.                <div class="swiper-button-prev font-color iconfont iconjiantou_xiangzuo"></div>
  1485.                <div class="swiper-button-next font-color iconfont iconjiantou_xiangyou"></div>
  1486.                <div class="swiper-pagination"></div><!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
  1487.            </div>
  1488.        </div>
  1489.    </div>
  1490. </div>
  1491.  
  1492. <script>
  1493.    $(function(){
  1494.        $(".img_par").hover(function(){
  1495.            if ($(this).find('.preview_gif').length) {
  1496.                $(this).find('.preview_img').hide()
  1497.                $(this).find('.there_video_icons').hide()
  1498.                if (!$(this).find('.preview_gif').attr("src")) {
  1499.                let src = $(this).find('.preview_gif').attr('data-src')
  1500.                $(this).find('.preview_gif').attr("src", src)
  1501.            }
  1502.            $(this).find('.preview_gif').fadeIn(1000)
  1503.            }
  1504.        },function(){
  1505.            if ($(this).find('.preview_gif').length) {
  1506.                $(this).find('.preview_img').show()
  1507.                $(this).find('.there_video_icons').show()
  1508.                $(this).find('.preview_gif').stop().fadeOut(0)
  1509.            }
  1510.        })
  1511.    })
  1512. </script>
  1513.  
  1514.  
  1515.  
  1516.                    
  1517.                                            <div class="section tem01-contact no_bg_src" footer_sort module_bg_img="inquriy_bgimg" bg_img_url="/template/third_home/images/index_contact_bg.jpg" widget-style="background-color" widget-modular="contact" style="background-color:rgba(0, 0, 0, 0);">
  1518.    <div class="container">
  1519.        <div class="big-title colorWhite" widget-style="color" style="color:rgb(255, 255, 255);" modular-edit="custom">
  1520.            <div class="title no_title_family" important_title  editable="input" edit-name="home_enquiry_title_languages">
  1521.                                    CONTACT US
  1522.                            </div>
  1523.            <div class="description conn-big-title-font" important_describe editable="textarea" edit-name="home_enquiry_describe_languages">
  1524.                                    If you have more questions,write to us
  1525.                            </div>
  1526.        </div>
  1527.        <form action="/add-enquiry"
  1528.    data-inquiry-form="{&quot;system&quot;:[],&quot;fields&quot;:[{&quot;required&quot;:true,&quot;field_sign&quot;:&quot;define_1&quot;,&quot;field_name&quot;:&quot;MOQ&quot;,&quot;field_hint&quot;:&quot;Please select MOQ&quot;,&quot;type&quot;:&quot;multi_select&quot;,&quot;options&quot;:&quot;20-50 pcs\n50-100 pcs\n100-500 pcs&quot;,&quot;is_show&quot;:0}]}"
  1529.    data-inquiry-config="{&quot;phone&quot;:{&quot;field_name&quot;:&quot;Phone&quot;,&quot;field_hint&quot;:&quot;Enter your phone&quot;,&quot;type&quot;:&quot;single_text&quot;,&quot;required&quot;:false},&quot;company&quot;:{&quot;field_name&quot;:&quot;Company Name&quot;,&quot;field_hint&quot;:&quot;Enter your company name&quot;,&quot;type&quot;:&quot;single_text&quot;,&quot;required&quot;:false}}"
  1530.    class="enquiry_form flexBoxWrap row" onsubmit="return form_submit(this);">
  1531.    <input type="hidden" name="enquiry_type" id="ft_enquiry_enquiry_type" value="0">
  1532.    <input type="hidden" name="visitlength" id="ft_enquiry_visitlength" value="====1713899441====">
  1533.    <input type="hidden" name="source" id="ft_enquiry_source" value="0">
  1534.    <input type="hidden" name="id" id="ft_enquiry_id" value="0">
  1535.    <div class="col-sm-3 col-xs-12" data-input-copy>
  1536.        <div class="form-group enquiry_label">
  1537.            <input type="text" class="form-control enquiry_inp enquiry_inp_placeholder" title placeholder="Enter your name" required name="name" id="ft_enquiry_name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
  1538.            <span class="required_span" data-inquiry-label>Name</span>
  1539.        </div>
  1540.    </div>
  1541.    <div class="col-sm-3 col-xs-12">
  1542.        <div class="form-group enquiry_label">
  1543.            <input type="text" class="form-control enquiry_inp enquiry_inp_placeholder" title placeholder="Enter your e-mail" required name="email" id="ft_enquiry_email" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
  1544.            <span class="required_span">E-mail</span>
  1545.        </div>
  1546.    </div>
  1547.    <div class="col-sm-12 col-xs-12" data-textarea-copy>
  1548.        <div class="form-group enquiry_label">
  1549.            <textarea rows="4" class="form-control enquiry_inp enquiry_inp_placeholder" resize="none" required name="msg" id="ft_enquiry_msg" title placeholder="Enter the content of your inquiry" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea>
  1550.            <span class="required_span" data-inquiry-label>Content</span>
  1551.        </div>
  1552.    </div>
  1553.  
  1554.            <div class="col-sm-12 col-xs-12">
  1555.        <button type="submit" class="btn bg-color border-color font-color-hover" id="submit_enquiry">SEND INQUIRY NOW</button>
  1556.    </div>
  1557. </form>
  1558.    </div>
  1559. </div>                    
  1560.        <div class="iconfenxiang_boxs_m" style="display:none;padding-top:15px;padding-bottom:10px;">
  1561.            <div class="container">
  1562.                <div class="go_fast">Go fast</div>
  1563.                <div class="iconfenxiang_wauto"></div>
  1564.            </div>
  1565.        </div>
  1566.        <div>
  1567.                                                                                                </div>
  1568.  
  1569.        <!-- 底部 start -->
  1570.        <div class="tem01-copyright copyright_box" widget-modular="footer" widget-style="color background-color" style="color:rgb(255, 255, 255);background-color:rgb(0, 0, 0);">
  1571.            <div class="container">
  1572.        <div class="copyright_text">
  1573.        <div modular-edit="custom">
  1574.            <div footer_html_clone style="display:none;">Copyright © 2024 Guangzhou haoyimai Trading Co., Ltd. - www.haoyimai.com.cn All Rights Reserved.</div>
  1575.            <div editable="footer_text" footer_type="1" edit-name="common_footer_bottom" footer_text_align="1">
  1576.                                                            Copyright © 2024 Guangzhou haoyimai Trading Co., Ltd. - www.haoyimai.com.cn All Rights Reserved.
  1577.                                                </div>
  1578.        </div>
  1579.    </div>
  1580. </div>
  1581. <div class="language_modal_mask"></div>
  1582. <div class="language_modal_blade">
  1583.    <div class="lang_head title">
  1584.        <span>Choose a different language</span>
  1585.        <div class="head_close_box" onclick="$('.language_modal_mask').click();">
  1586.            <span class="head_close">╳</span>
  1587.        </div>
  1588.    </div>
  1589.    <div class="language_con">
  1590.                                                            <a href="/" class="language_modal_a  font-color" title="English" style="display: flex;flex-direction: column;align-items: center;">
  1591.  
  1592.                <div class="icon-en"></div>
  1593.                <span>English</span>
  1594.            </a>
  1595.                                                                <a href="/vi" class="language_modal_a " title="Tiếng Việt" style="display: flex;flex-direction: column;align-items: center;">
  1596.  
  1597.                <div class="icon-vi"></div>
  1598.                <span>Tiếng Việt</span>
  1599.            </a>
  1600.                                                                <a href="/uk" class="language_modal_a " title="Українська" style="display: flex;flex-direction: column;align-items: center;">
  1601.  
  1602.                <div class="icon-uk"></div>
  1603.                <span>Українська</span>
  1604.            </a>
  1605.                                                                <a href="/th" class="language_modal_a " title="ภาษาไทย" style="display: flex;flex-direction: column;align-items: center;">
  1606.  
  1607.                <div class="icon-th"></div>
  1608.                <span>ภาษาไทย</span>
  1609.            </a>
  1610.                                                                <a href="/nl" class="language_modal_a " title="Nederlands" style="display: flex;flex-direction: column;align-items: center;">
  1611.  
  1612.                <div class="icon-nl"></div>
  1613.                <span>Nederlands</span>
  1614.            </a>
  1615.                                                                <a href="/ms" class="language_modal_a " title="Bahasa Melayu" style="display: flex;flex-direction: column;align-items: center;">
  1616.  
  1617.                <div class="icon-ms"></div>
  1618.                <span>Bahasa Melayu</span>
  1619.            </a>
  1620.                                                                <a href="/zh-CN" class="language_modal_a " title="简体中文" style="display: flex;flex-direction: column;align-items: center;">
  1621.  
  1622.                <div class="icon-zh-CN"></div>
  1623.                <span>简体中文</span>
  1624.            </a>
  1625.                                                                <a href="/la" class="language_modal_a " title="Latin" style="display: flex;flex-direction: column;align-items: center;">
  1626.  
  1627.                <div class="icon-la"></div>
  1628.                <span>Latin</span>
  1629.            </a>
  1630.                                                                <a href="/id" class="language_modal_a " title="bahasa Indonesia" style="display: flex;flex-direction: column;align-items: center;">
  1631.  
  1632.                <div class="icon-id"></div>
  1633.                <span>bahasa Indonesia</span>
  1634.            </a>
  1635.                                                                <a href="/ru" class="language_modal_a " title="русский" style="display: flex;flex-direction: column;align-items: center;">
  1636.  
  1637.                <div class="icon-ru"></div>
  1638.                <span>русский</span>
  1639.            </a>
  1640.                                                                <a href="/fr" class="language_modal_a " title="français" style="display: flex;flex-direction: column;align-items: center;">
  1641.  
  1642.                <div class="icon-fr"></div>
  1643.                <span>français</span>
  1644.            </a>
  1645.                                                                <a href="/es" class="language_modal_a " title="Español" style="display: flex;flex-direction: column;align-items: center;">
  1646.  
  1647.                <div class="icon-es"></div>
  1648.                <span>Español</span>
  1649.            </a>
  1650.                                                                <a href="/ar" class="language_modal_a " title="العربية" style="display: flex;flex-direction: column;align-items: center;">
  1651.  
  1652.                <div class="icon-ar"></div>
  1653.                <span>العربية</span>
  1654.            </a>
  1655.                                </div>
  1656.    <div class="active_locale_v">Current language：English</div>
  1657. </div>
  1658. <div class="head_sousuos_modal">
  1659.    <div class="mengban head_sousuos_close"></div>
  1660.    <div class="close_btn head_sousuos_close  iconfont iconguanbi4"></div>
  1661.    <form action="/search" class="sousuos_box" onsubmit="return head_form_fun(this);">
  1662.        <div class="search_cons">
  1663.            <input type="text" name="search" placeholder="SEARCH" required autocomplete="off" autocorrect="off">
  1664.            <button class="bg-color">
  1665.                <span class="iconfont iconsousuo"></span>
  1666.                <span class="btn_txt">SEARCH</span>
  1667.            </button>
  1668.            <i class="iconfont iconsousuo"></i>
  1669.        </div>
  1670.    </form>
  1671. </div>
  1672.        </div>
  1673.        <!-- 底部 end -->
  1674.    </div>
  1675. </div>
  1676. <!-- 引用内容 end -->
  1677.    <div id="backTop_click" ta_click="top" class="back_top font-color"><i class="iconfont iconxiangshang1"></i></div>
  1678.            <div class="share_fun_box">
  1679.        <ul>
  1680.            <li class="">
  1681.                <div class="text network_bg" data-network="linkedin">
  1682.                    <a href="https://www.linkedin.com/shareArticle/?title=Custom+Private+Label+Personal+Lubricant+Manufacturer+%7C+HAOYIMAI&url=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  1683.                        <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">linkedin</div>
  1684.                    </a>
  1685.                </div>
  1686.            </li><li class="share_m_hide">
  1687.                    <div class="text network_bg" data-network="whatsapp">
  1688.                        <a href="https://web.whatsapp.com/send?text=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  1689.                            <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div>
  1690.                        </a>
  1691.                    </div>
  1692.                </li><li class="share_pc_hide">
  1693.                    <div class="text network_bg" data-network="whatsapp">
  1694.                        <a href="whatsapp://send?text=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  1695.                            <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div>
  1696.                        </a>
  1697.                    </div>
  1698.                </li><li class="">
  1699.                <div class="text network_bg" data-network="facebook">
  1700.                    <a href="https://www.facebook.com/sharer.php?t=Custom+Private+Label+Personal+Lubricant+Manufacturer+%7C+HAOYIMAI&u=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  1701.                        <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">facebook</div>
  1702.                    </a>
  1703.                </div>
  1704.            </li><li class="">
  1705.                <div class="text network_bg" data-network="twitter">
  1706.                    <a href="https://twitter.com/intent/tweet?text=Custom+Private+Label+Personal+Lubricant+Manufacturer+%7C+HAOYIMAI&url=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  1707.                        <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">twitter</div>
  1708.                    </a>
  1709.                </div>
  1710.            </li><li>
  1711.                <div class="text network_bg" data-network="share">
  1712.                    <a><div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">share</div></a>
  1713.                </div>
  1714.            </li><li class="network_click_li">
  1715.                <div class="img icon_bgs"></div>
  1716.            </li>
  1717.        </ul>
  1718.    </div>
  1719.           <div class="share_fun_box2 switch_module_no fun_scr_hide" id="bottomShareBox">
  1720.        <ul>
  1721.            <li data-network="share">
  1722.                <button type="button" class="share_fun_box2__share">
  1723.                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="share_fun_box2__icon">
  1724.                        <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"/>
  1725.                    </svg>
  1726.                    Share
  1727.                </button>
  1728.            </li>
  1729.            <li class="share_fun_box2__btn-box">
  1730.                <button type="button" class="font-color btn share_fun_box2__inquiry" id="showInquiry">
  1731.                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18" class="share_fun_box2__icon">
  1732.                        <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"/>
  1733.                    </svg>
  1734.                    <span>Send Inquiry</span>
  1735.                </button>
  1736.            </li>
  1737.                    </ul>
  1738.    </div>
  1739.        <div id="bottomInquiry" class="bottom-inquiry-box bottom-inquiry-box--hidden">
  1740.        <div class="bottom-inquiry-box__bg" data-inquiry-close></div>
  1741.        <form action="/add-enquiry" class="bottom-inquiry-box__form">
  1742.            <button type="button" data-inquiry-close class="bottom-inquiry-box__close iconfont iconguanbi"></button>
  1743.            <h4 class="bottom-inquiry-box__title">Send your inquiry</h4>
  1744.            <input type="hidden" name="enquiry_type" value="0">
  1745.            <input type="hidden" name="visitlength" value="====1713899441====">
  1746.            <input type="hidden" name="source" value="0">
  1747.            <input type="hidden" name="id" value="0">
  1748.            <div class="bottom-inquiry-box__scroll">
  1749.                <label class="bottom-inquiry-box__label">
  1750.                    <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('')"/>
  1751.                    <span class="bottom-inquiry-box__tip">Name</span>
  1752.                </label>
  1753.                <label class="bottom-inquiry-box__label">
  1754.                    <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('')"/>
  1755.                    <span class="bottom-inquiry-box__tip">E-mail</span>
  1756.                    <span class="bottom-inquiry-box__error">Format error</span>
  1757.                </label>
  1758.                                                                                                    <label class="bottom-inquiry-box__label">
  1759.                    <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>
  1760.                    <span class="bottom-inquiry-box__tip">Content</span>
  1761.                </label>
  1762.                                            </div>
  1763.            <button type="submit" class="bottom-inquiry-box__btn bg-color" id="submit_main">SEND INQUIRY NOW</button>
  1764.        </form>
  1765.    </div>
  1766.          
  1767.                <script data-static="false">
  1768.        function gurl(path) {return "/videolist";}
  1769.        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"},
  1770.            fun_scr_arr = [];
  1771.            var _verification_type = 0;
  1772.            var kk;
  1773.            var _is_lighthouse = false;
  1774.    </script>
  1775.    <script>
  1776.        fun_scr_arr.push({name:'link',url:"/libs/aliplayer/aliplayer-min.css",rel:"stylesheet"});
  1777. //         fun_scr_arr.push({name:'script',url:"https://turing.captcha.qcloud.com/TCaptcha.js",type:"text/javascript"});
  1778.        fun_scr_arr.push({name:'script',url:"/libs/aliplayer/aliplayer-min.js",type:"text/javascript"});
  1779.        fun_scr_arr.push({name:'script',url:"/js/ali-oss/dist/aliyun-oss-sdk.min.js?v=1587033760",type:"text/javascript"});
  1780.                            _verification_type = "3";
  1781.                        </script>
  1782.        <script>
  1783.  var hasInquiry = 1;
  1784.  var localLang = "/add-enquiry";
  1785.  var msgSuccess = "Successful operation";
  1786.  var msgFail = "Failure to submit";
  1787.  var magError = "network error";
  1788.  fun_scr_arr.push({name:'script',url:"/scripts/templates/third_home/enquiry.js?v=1700211901",type:"text/javascript"})
  1789. </script>
  1790.  
  1791.  
  1792.  
  1793.  
  1794.  
  1795.  
  1796.  
  1797. <script>
  1798. function head_form_fun(that) {
  1799.    var form = $(that),
  1800.        url = form.attr("action"),
  1801.        search = form.find('[name="search"]').val();
  1802.    search = encodeURIComponent(search)
  1803.    window.location.href = getUrl_fun(url, "search", search);
  1804.    return false;
  1805. }
  1806. function getUrl_fun(url, field, value) {
  1807.    if (url.indexOf("?") != -1) {
  1808.        if (url.indexOf(field) != -1) {
  1809.            return changeURLArg_fun(url, field, value);
  1810.        } else {
  1811.            return url + '&' + field + '=' + value;
  1812.        }
  1813.    } else {
  1814.        return url + '?' + field + '=' + value;
  1815.    }
  1816. }
  1817. function changeURLArg_fun(url, arg, arg_val) {
  1818.    var pattern = arg + '=([^&]*)';
  1819.    var replaceText = arg + '=' + arg_val;
  1820.    if (url.match(pattern)) {
  1821.        var tmp = '/(' + arg + '=)([^&]*)/gi';
  1822.        tmp = url.replace(eval(tmp), replaceText);
  1823.        return tmp;
  1824.    } else {
  1825.        if (url.match('[\?]')) {
  1826.            return url + '&' + replaceText;
  1827.        } else {
  1828.            return url + '?' + replaceText;
  1829.        }
  1830.    }
  1831. }
  1832. $('.head_shousuos').click(function(){
  1833.    $('body').addClass('head_sousuos_active');
  1834.    $('.head_sousuos_modal .sousuos_box input').focus();
  1835. })
  1836. $('.head_sousuos_close').click(function(){
  1837.    $('body').removeClass('head_sousuos_active');
  1838. })
  1839. function head_nav_w(){
  1840.    var nav = $('._header .nav'),
  1841.        sw = nav[0].scrollWidth,
  1842.        w = nav.width(),
  1843.        nav_box = $('._header nav');
  1844.    if(sw > w){
  1845.        nav_box.addClass('add');
  1846.    }else{
  1847.        nav_box.removeClass('add');
  1848.    }
  1849.    $('._header .nav_box')[0].scrollLeft = 0;
  1850.    $('._header .btn_l').addClass('disabled');
  1851.    $('._header .btn_r').removeClass('disabled');
  1852. }
  1853. window.addEventListener('resize',function(){
  1854.    head_nav_w();
  1855. })
  1856. $("._header").mouseenter(function(){
  1857.    if (!this.head_bol) {
  1858.        head_nav_w();
  1859.        this.head_bol = true;
  1860.    }
  1861. })
  1862. $('#head_button').click(function(){
  1863.    $("body,html").toggleClass("head_nav_active");
  1864. })
  1865. $('._header .nav_btns').click(function(){
  1866.    if ($(this).hasClass('disabled')) {return}
  1867.    var nav = $('._header .nav'),
  1868.        sw = nav[0].scrollWidth,
  1869.        w = nav.width(),
  1870.        sl_box = $('._header .nav_box'),
  1871.        sl = sl_box[0].scrollLeft,
  1872.        l = $(this).data('left'),
  1873.        btn_r = $('._header .btn_r'),
  1874.        btn_l = $('._header .btn_l');
  1875.    sl += l;
  1876.    if ((sl+w)>sw) {
  1877.        btn_r.addClass('disabled');
  1878.    }else{
  1879.        btn_r.removeClass('disabled');
  1880.    }
  1881.    if (0>=sl) {
  1882.        btn_l.addClass('disabled');
  1883.    }else{
  1884.        btn_l.removeClass('disabled');
  1885.    }
  1886.    sl_box.stop().animate({
  1887.        scrollLeft: sl
  1888.    },200)
  1889. })
  1890. $('._header').on('click','.nav li',function(e){
  1891.    e.stopPropagation();
  1892.    var li = $(this),
  1893.        ul = li.find('>ul'),
  1894.        tan = e.target;
  1895.    if(tan.localName=="a"||$(tan).parents('a').length){
  1896.        return
  1897.    }else{
  1898.        li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act');
  1899.        ul.toggle(200);
  1900.    }
  1901.    return false;
  1902. })
  1903. $('._header').on('mouseenter','.nav>li',function(){
  1904.    add_nav_li22($(this));
  1905. })
  1906. function par_box_fun(par,fun){
  1907.    var id = par.attr('id'),
  1908.        li = $('[li_id="'+id+'"]'),
  1909.        header_nav_li_box = li.closest('.header_nav_li_box');
  1910.    fun(par,li);
  1911.    if (header_nav_li_box.length) {
  1912.        par_box_fun(header_nav_li_box,fun);
  1913.    }
  1914. }
  1915. function add_nav_li22(that,objs){
  1916.    if($('._header .nav').css('display')=="block"){return}
  1917.    var id = that.attr("li_id"),
  1918.        boxs = null;
  1919.        ul = that.find('>ul');
  1920.    if (ul.length == 0) {
  1921.        return;
  1922.    }
  1923.    var show_fun = function(){
  1924.        boxs.stop().fadeIn(200);
  1925.        that.addClass("font-color");
  1926.        var ids_ = boxs.attr('id');
  1927.        if (objs) {
  1928.            par_box_fun(objs.par_box,function(id_box,li){
  1929.                id_box.stop().fadeIn(200);
  1930.                li.addClass("font-color");
  1931.            })
  1932.        }
  1933.    }
  1934.    var hide_fun = function(n){
  1935.        boxs.stop().fadeOut(200);
  1936.        that.removeClass("font-color");
  1937.        if (objs&&n==2) {
  1938.            par_box_fun(objs.par_box,function(id_box,li){
  1939.                id_box.stop().fadeOut(200);
  1940.                li.removeClass("font-color");
  1941.            })
  1942.        }
  1943.    }
  1944.    if (id) {
  1945.        boxs = $('#'+id);
  1946.    }else{
  1947.        id = 'li_id_'+new Date().getTime()
  1948.        that.attr("li_id",id);
  1949.        boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>');
  1950.        var clone_ul = ul.clone();
  1951.        boxs.append(clone_ul);
  1952.        $('body').append(boxs);
  1953.        that.mouseleave(function(){
  1954.            hide_fun(1);
  1955.        })
  1956.        boxs.mouseleave(function(){
  1957.            hide_fun(2);
  1958.        })
  1959.        boxs.mouseenter(function(){
  1960.            show_fun();
  1961.        })
  1962.        clone_ul.find('li').mouseenter(function(){
  1963.            add_nav_li22($(this),{
  1964.                par_box: boxs
  1965.            });
  1966.        })
  1967.    }
  1968.    show_fun();
  1969.    var top = that.offset().top + that.height(),
  1970.        left = that.offset().left;
  1971.    if (objs) {
  1972.        var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px','');
  1973.        top = top - that.height() - pts;
  1974.        left = left + that.width();
  1975.    }
  1976.    if (left+boxs.width()+20>=$(window).width()) {
  1977.        if (objs) {
  1978.            left = that.offset().left - boxs.width();
  1979.        }else{
  1980.            left = $(window).width() - boxs.width() -10;
  1981.        }
  1982.    }
  1983.    var box_objs = {
  1984.        top: top,
  1985.        left: left
  1986.    }
  1987.    box_objs.minWidth = objs?0:that.outerWidth();
  1988.    boxs.css(box_objs)
  1989. }
  1990. </script>
  1991. <script>
  1992. fun_scr_arr.push({name:'script',url:"/libs/swiper/swiper.min.js?v=1596709460",type:"text/javascript"})
  1993. fun_scr_arr.push({name:5,delay:600,fun:function(){
  1994.    new Swiper('.indexPorSwiper', {
  1995.        slidesPerView: 2.5,
  1996.        spaceBetween: 80,
  1997.        prevButton: '.tem01-case .swiper-button-prev',
  1998.        nextButton: '.tem01-case .swiper-button-next',
  1999.        pagination: {
  2000.            el: '.swiper-pagination',
  2001.            clickable: true,
  2002.        },
  2003.        breakpoints: {
  2004.            767: {
  2005.                slidesPerView: 1
  2006.            }
  2007.        }
  2008.    })
  2009. }})
  2010. </script>
  2011.    <!-- 统计 -->
  2012.    <!-- Google Analytics Begin-->
  2013. <script src="https://www.googletagmanager.com/gtag/js?id=G-7TPJME774P" async></script>
  2014. <script>
  2015.    window.dataLayer = window.dataLayer || [];
  2016.    function gtag() { dataLayer.push(arguments) }
  2017.    gtag('js', new Date());
  2018.    gtag('config', 'G-7TPJME774P');
  2019. </script>
  2020. <!-- Google Analytics End -->
  2021.  
  2022. <style>
  2023. ._header .nav li a {text-transform: uppercase;}
  2024. .big-title .description {    font-size: 22px!important;}
  2025. .tem01-contact-map .contact-text .contact-service .item .icon {    background-color: #000000;}
  2026. .tem01-product .big-title .description p:first-child { font-size: 38px;}
  2027. .tem01-contact-map .contact-text .contact-address .icon {    background-color: #000000;}
  2028. .tem01-list-service .items .item .rightbox .title {
  2029.    white-space: inherit;
  2030.    overflow: inherit;
  2031.    text-overflow: inherit;
  2032. }
  2033.  
  2034. @media(max-width:1024px){
  2035. .tem01-about .right .conbox {  color: #faf7f2!important;}
  2036. .tem01-banner .banner_msg_box .banner_msg .title { font-size: 4.5vw!important;  font-weight: 600 !important;  width: 60%!important;}
  2037. .banner_msg_box .container{padding-left:20px  !important; margin-left:0px !important;}
  2038. .tem01-banner .banner_msg_box .banner_msg .description {    font-size: 12px;width: 59%;}
  2039. .banner_msg_box .container { margin-left: 14px;}
  2040. .tem01-contact-map .contact-text .contact-address .p { color: #ffffff!important;}
  2041. .section { padding: 0vw 0;}
  2042. }
  2043. .product-detail{color:#f00}
  2044. .conn-title {    color: #ffffff!important;}
  2045. .conn-description {    color: #ffffff!important;}
  2046. .tem01-contact form .enquiry_label .required_span {    color: #ffffff;}
  2047. .tem01-crumbs .crumbs_text .p {    font-size: 62px;}
  2048. .m_video_detail {background: #000;}
  2049. .m_video_detail .m_video_left .m_video_bottom {background: #282828;}
  2050. .body_pages_products-detail .tem01-contact.section {padding: 5vw 0}
  2051. .tem01-copyright {    background: #000000;}
  2052. .tem01-crumbs a {text-transform: uppercase;}
  2053.  
  2054.  
  2055. @media (max-width: 768px){
  2056. .tem01-about .container { padding-left: 0;  padding-right: 0;}
  2057. .tem01-about .bottom_con .left {  padding-left: 15px;  padding-right: 15px;  padding-top: 20px;}
  2058. .banner_msg_box .container{padding-left:20px  !important; margin-left:0px !important;}
  2059. .tem01-banner .banner_msg_box .banner_msg .description {    font-size: 12px;width: 59%;}
  2060. .tem01-banner .banner_msg_box .banner_msg .description {  padding: 0px 0 !important;   line-height: 15px !important;}
  2061. .tem01-about .right .subtitle {    color: inherit!important;    font-size: 26px;    padding-bottom: 0;   padding: 10px 15px;}
  2062. .tem01-about .right .description {    padding: 20px 14px;}
  2063. .tem01-service .right .title {    color: #ffffff!important;}
  2064. .tem01-service .right .subtitle { color: #ffffff!important;}
  2065. .tem01-contact form .enquiry_label .required_span {    color: #ffffff; left: 12px;}
  2066. .tem01-service .flexBoxWrap .right {    padding: 30px 30px !important;}
  2067. .section.tem01-product {    padding: 30px 0 !important;}
  2068. .tem01-contact {    padding: 8% 0 !important;}
  2069. .section.tem01-product {    padding: 50px 0 !important;}
  2070. .tem01-service .flexBoxWrap.toptitle .description {color: #ffffff!important;}
  2071. .tem01-service .flexBoxWrap.toptitle .title {color: #ffffff!important;}
  2072. .tem01-contact-map .contact-text .contact-address {    background-color: #000000;!important;}
  2073. .tem01-service .item .icon {    background-color: #e65c91!important;}
  2074. .big-title .title {  color: #ffffff;}
  2075. .tem01-contact .big-title {    color: #ffffff;}
  2076. .tem01-service .text .description {    color: #ffffff!important;}
  2077. .tem01-service .text .title {    color: #ffffff!important;}
  2078. .tem01-service .flexBoxWrap .right{padding: 30px 0px !important;}
  2079. }
  2080. .tem01-banner .banner_msg_box .banner_msg .description { padding: 20px 0;line-height:45px;}
  2081. .banner_msg_box .container {margin-left: 120px;padding-left: 0px;}
  2082. .tem01-contact-map .contact-text .contact-service .item .icon {    background-color: #e65c91;}
  2083. .tem01-contact-map .contact-text .contact-address .icon {    background-color: #e65c91;}
  2084. .tem01-banner .banner_msg_box .banner_msg .title {font-size: 3.5vw;font-weight: 600;width: 80%;   overflow: initial;white-space: normal;color: #e65c91}
  2085. .tem01-service.service_section:before { background-color: #000000;}
  2086.  
  2087. .readmore_one {background-color: #e65c91!important; border: 0px solid var(--main-color);color: #fff !important;}
  2088.  
  2089. .readmore_one:hover {  color: #fff !important;background-color: #ae3362!important;}
  2090.  
  2091. .readmore_two {background-color: #e65c91 !important; border: 0px solid var(--main-color);color: #fff !important;display: inline-block; padding: 10px 24px; font-size: 14px;}
  2092.  
  2093. .readmore_two:hover {  color: #fff !important;background-color: #ae3362!important;}
  2094.  
  2095. .tem01-about .right .conbox {    background-color: #000000;}
  2096.  
  2097. .tem01-about {     color: #e65c91;}
  2098.  
  2099. .read_more_a {background-color: #e65c91!important; border: 0px solid var(--main-color);color: #fff !important;}
  2100.  
  2101. .read_more_a:hover {  color: #fff !important;background-color: #ae3362!important;}
  2102.  
  2103. .tem01-contact form .btn {  color: #fff !important;background-color: #e65c91!important;}
  2104.  
  2105. .module {    font-size: 18px; padding: 16px 0;}
  2106.  
  2107. .same_one_titles {margin: 20px 0!important;}
  2108.  
  2109. .tem01-contact form .enquiry_inp {background: #ffffff60;}
  2110.  
  2111. .tem01-contact{background: url(https://img001.video2b.com/564/file_01608788353781.jpg) !important;
  2112.    background-attachment: fixed !important;padding:  6% 0;}
  2113.  
  2114.  
  2115. .tem01-service .liubianx:after{    border-top-color: #e65c91 !important;}
  2116. .tem01-service .liubianx:before{border-bottom-color: #e65c91 !important;}
  2117. .tem01-service .liubianx03{    background: #e65c91 !important;}
  2118.  
  2119. .tem01-service .liubianx02:after{    border-bottom-color: #fff !important;}
  2120. .tem01-service .liubianx01{    background: #e65c91 !important;}
  2121. .tem01-service .liubianx03:after{    border-bottom-color: #e65c91 !important;}
  2122. .tem01-service .liubianx02{    background: #e65c91 !important;}
  2123.  
  2124. .tem01-service .process_con ul li:nth-child(4) ~ li {display: none}
  2125.  
  2126. .tem01-service.service_section:before {    background-image: none;}
  2127. .tem01-case .swiper-wrapper .item .text .description {
  2128.    height: 23px;}
  2129.  
  2130. .body_color_bgs { background: #ffffff!important;}
  2131.  
  2132. </style>
  2133.  
  2134. <!-- Google tag (gtag.js) -->
  2135. <script async src="https://www.googletagmanager.com/gtag/js?id=G-7TPJME774P"></script>
  2136. <script>
  2137.  window.dataLayer = window.dataLayer || [];
  2138.  function gtag(){dataLayer.push(arguments);}
  2139.  gtag('js', new Date());
  2140.  
  2141.  gtag('config', 'G-7TPJME774P');
  2142. </script>
  2143. <script data-static="false">
  2144. (function () {
  2145. $.ajaxSetup({cache: true})
  2146. $('body').append(
  2147. '<link rel="stylesheet" href="'+"/font-family/css/font.css?v=1705475650"+'">'+
  2148. '<script src="'+"/scripts/main.js?v=1700211901"+'" async><\/script><script src="'+"/scripts/common.js?v=1704361193"+'" async><\/script>'
  2149. );
  2150.  
  2151. var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll'];
  2152. for (var i = 0; i < arr.length; i++) {
  2153.    document.addEventListener(arr[i],fn,false);
  2154. }
  2155. var fn_bol = false;
  2156. function fn(e) {
  2157.    if(fn_bol){return}
  2158.    fn_bol = true;
  2159.    var d_arr = fun_scr_arr,
  2160.        f_arr = [];
  2161.    for (var i = 0; i < d_arr.length; i++) {
  2162.        var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name);
  2163.        if (val.name == 5||val.delay) {
  2164.            f_arr.push(val)
  2165.        }else if (val.name == 'link') {
  2166.            dom.href = val.url; dom.rel = val.rel;
  2167.            document.querySelector('body').appendChild(dom);
  2168.        }else{
  2169.            if(!document.querySelector('#'+val.id)){
  2170.                $('body').append('<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>');
  2171.            }
  2172.        }
  2173.    }
  2174.    for (var f = 0; f < f_arr.length; f++) {
  2175.        outs(f_arr[f])
  2176.    }
  2177.    function outs(val){
  2178.        var n = val.delay||300;
  2179.        setTimeout(function () {
  2180.            if (val.name==5) {
  2181.                val.fun&&val.fun();
  2182.            }else{
  2183.                var dom = document.createElement(val.name);
  2184.                if (val.name == 'link') {
  2185.                    dom.href = val.url; dom.rel = val.rel;
  2186.                }else{
  2187.                    dom.src = val.url;dom.type = val.type;
  2188.                }
  2189.                document.querySelector('body').appendChild(dom);
  2190.            }
  2191.        },n);
  2192.    }
  2193.    document.querySelector('.share_fun_box2').style.display = 'block';
  2194.    var swiper_src = document.querySelectorAll('[swiper_src]');
  2195.    for (var im = 0; im < swiper_src.length; im++) {
  2196.        swiper_src[im].src = swiper_src[im].getAttribute('swiper_src');
  2197.    }
  2198.    for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);}
  2199. }
  2200. })()
  2201.  
  2202.  
  2203. 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 MOQ","define_1_field_name":"MOQ","define_1_field_options":"20-50 pcs\n50-100 pcs\n100-500 pcs","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!"};
  2204. $(function(){
  2205.    function handleScroll() {
  2206.        var btn = $('[data-product-inquiry]').filter(':visible').first();
  2207.        if(btn.length) {
  2208.            var off = btn.offset().top;
  2209.            var top = $(window).scrollTop() + 60;
  2210.            $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top);
  2211.        }
  2212.    }
  2213.    function handleResize() {
  2214.        $('.list_link_artboard').each(function() {
  2215.            var highlight = $(this).find('.border-color');
  2216.            var outerOffset = $(this).offset().left;
  2217.            if (highlight.length && highlight.is(':visible')) {
  2218.                $(this).find('.hidden_box').stop().animate({
  2219.                    scrollLeft: highlight.offset().left - outerOffset - 10
  2220.                });
  2221.            }
  2222.        });
  2223.    }
  2224.    
  2225.    var bottomInquiry = $('#bottomInquiry');
  2226.  
  2227.    $('#showInquiry').on('click', function() {
  2228.        bottomInquiry.removeClass('bottom-inquiry-box--hidden');
  2229.    });
  2230.  
  2231.    bottomInquiry
  2232.        .on('click', '[data-inquiry-close]', function() {
  2233.            $('#bottomInquiry').addClass('bottom-inquiry-box--hidden');
  2234.        })
  2235.        .find('.bottom-inquiry-box__input').on('input', function() {
  2236.            $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value);
  2237.        })
  2238.        .end().find('input[type="file"]').on('change', function() {
  2239.            inquiry_attachment_change_fun($(this));
  2240.        })
  2241.        .end().find('input[name="email"]').on('change', function() {
  2242.            $(this).parent().toggleClass('bottom-inquiry-box__label--error', this.value && !/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(this.value));
  2243.        })
  2244.        .end().find('form').on('submit', function() {
  2245.            return form_submit(this);
  2246.        });
  2247.  
  2248.    bottomInquiry.find('[data-input-select]').inputSelectable();
  2249.  
  2250.    if($('[data-product-inquiry]').length) {
  2251.        $(window).scroll(handleScroll);
  2252.        handleScroll();
  2253.    }
  2254.    if($('.list_link_artboard').length) {
  2255.        $(window).resize(handleResize);
  2256.        handleResize();
  2257.    }
  2258. });
  2259. </script>
  2260. <style>
  2261.    .external-chat-box {
  2262.        padding: 0;
  2263.    }
  2264.  
  2265.    .external-chat-box-right {
  2266.        position: fixed;
  2267.        top: 50%;
  2268.        right: 0;
  2269.        transform: translateY(-50%);
  2270.        width: 48px;
  2271.        padding: 4px 0;
  2272.        background: rgba(0, 0, 0, .35);
  2273.        border-radius: 4px 0 0 4px;
  2274.        transition: .2s;
  2275.        z-index: 9999;
  2276.    }
  2277.  
  2278.    .external-chat-box-right__toggle {
  2279.        position: absolute;
  2280.        top: 50%;
  2281.        right: 100%;
  2282.        border-radius: 0 4px 4px 0;
  2283.        color: #fff;
  2284.        transform: translateY(-50%);
  2285.        background: inherit;
  2286.        padding: 0 4px;
  2287.        line-height: 40px;
  2288.        font-size: 14px;
  2289.        cursor: pointer;
  2290.        /*transition: .3s;*/
  2291.        border: 0;
  2292.        outline: 0;
  2293.    }
  2294.  
  2295.    .external-chat-box-right--collapse {
  2296.        transform: translateY(-50%) translateX(100%);
  2297.    }
  2298.  
  2299.    .external-chat-box__item1 {
  2300.        padding: 8px 0;
  2301.        text-align: center;
  2302.        display: block;
  2303.        position: relative;
  2304.    }
  2305.  
  2306.    .chatIconPanel1 {
  2307.        border-radius: 0 4px 4px 0;
  2308.    }
  2309.  
  2310.    .chatIconPanel1-right {
  2311.        border-radius: 4px 0 0 4px;
  2312.    }
  2313.  
  2314.    .chatIconPanel2 {
  2315.        border-radius: 24px;
  2316.    }
  2317.  
  2318.    .chatIconPanel3 {
  2319.        border-radius: 4px;
  2320.        margin: 0;
  2321.    }
  2322.  
  2323.    .chatIconPanel4 {
  2324.        border-radius: 0 0 24px 24px;
  2325.    }
  2326.  
  2327.    .chatIconPanel5 {
  2328.        border-radius: 0 14px 0 14px;
  2329.    }
  2330.  
  2331.    .chatIconPanel6 {
  2332.        border-radius: 4px;
  2333.        width: 60px !important;
  2334.    }
  2335.  
  2336.    .share-icon {
  2337.        position: absolute;
  2338.        width: 100%;
  2339.        bottom: -55px;
  2340.        padding: 8px;
  2341.        border-radius: 4px;
  2342.        left: 0;
  2343.        text-align: center;
  2344.    }
  2345.  
  2346.    .external-chat-box--label {
  2347.        font-size: 12px;
  2348.        white-space: nowrap;
  2349.        transform: scale(0.83333);
  2350.        position: absolute;
  2351.        bottom: 2px;
  2352.        width: 100%;
  2353.    }
  2354. </style>
  2355. <script>
  2356.    const PositionLeft = 1
  2357.    const PositionRight = 2
  2358.    // 颜色 16进制转rgb
  2359.    const hex2rgb = (hexColor) => {
  2360.        hexColor = hexColor
  2361.            .substring(1)
  2362.            .toLowerCase()
  2363.        let b = new Array()
  2364.        for (let x = 0; x < 3; x++) {
  2365.            b[0] = hexColor.substr(x * 2, 2)
  2366.            b[3] = '0123456789abcdef'
  2367.            b[1] = b[0].substr(0, 1)
  2368.            b[2] = b[0].substr(1, 1)
  2369.            b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2])
  2370.        }
  2371.        return b[20] + ',' + b[21] + ',' + b[22]
  2372.    }
  2373.    // 初始化
  2374.    const initContactPanel = async () => {
  2375.        const data = await getContactData()
  2376.        if (!data) return
  2377.        const {config, list} = data
  2378.        const {color, is_expand, location, style, opacity} = config
  2379.        const displayList = formatData(list, style)
  2380.        const DOMs = getDOMs(displayList, style)
  2381.        const shareBoxDiv = $('.share_fun_box')
  2382.        const hasShareBox = shareBoxDiv.is(':visible')
  2383.        const isYueRong = false;
  2384.        // 分享判断
  2385.        if (location == PositionRight && hasShareBox && !isYueRong) {
  2386.            showShareIcon(shareBoxDiv, color, opacity, DOMs)
  2387.        }
  2388.        const dom = $('<div />')
  2389.            .attr({id: 'contactPanel'})
  2390.            .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`})
  2391.            .addClass(getPositionClassName(location, style, is_expand))
  2392.            .append(DOMs)
  2393.            .appendTo('body')
  2394.        // 展开收起判断
  2395.        if (is_expand == 1)
  2396.            getCollapseDiv(location).appendTo(dom)
  2397.        // 定制处理
  2398.        customized(location, hasShareBox, isYueRong)
  2399.    }
  2400.    // 除了和分享冲突
  2401.    const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => {
  2402.        shareBoxDiv.hide()
  2403.        const shareIcon = $('<div />')
  2404.            .addClass('share-icon')
  2405.            .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`})
  2406.            .on('click', () => window.customFunc.modal_show())
  2407.            .append($('<img />')
  2408.                .attr({src: '/images/chatIcon/share.png', width: '32px'}))
  2409.        DOMs.push(shareIcon)
  2410.    }
  2411.    // 定制处理
  2412.    const customized = (location, hasShareBox, isYueRong) => {
  2413.        if (location == PositionRight && hasShareBox && isYueRong) {
  2414.            $('.share_fun_box').css('top', '32%')
  2415.            $('.external-chat-box-right').css('top', '65%')
  2416.        }
  2417.    }
  2418.    // 收起处理
  2419.    const getCollapseDiv = (location) => {
  2420.        const div = $('<div />').addClass('iconfont iconleft')
  2421.        const contactPanelDiv = $('#contactPanel')
  2422.        if (location == PositionLeft) {
  2423.            div
  2424.                .addClass('external-chat-box__toggle')
  2425.                .on('click', function () {
  2426.                    if (contactPanelDiv.hasClass('external-chat-box--collapse')) {
  2427.                        contactPanelDiv.removeClass('external-chat-box--collapse')
  2428.                        $(this)
  2429.                            .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'})
  2430.                    } else {
  2431.                        contactPanelDiv.addClass('external-chat-box--collapse')
  2432.                        $(this).css({transform: '', borderRadius: '0 4px 4px 0'})
  2433.                    }
  2434.                })
  2435.        } else {
  2436.            div
  2437.                .addClass('external-chat-box-right__toggle')
  2438.                .css({transform: 'rotate(180deg) translateY(50%)'})
  2439.                .on('click', function () {
  2440.                    if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) {
  2441.                        contactPanelDiv.removeClass('external-chat-box-right--collapse')
  2442.                        $(this).css({transform: '', borderRadius: '4px 0 0 4px'})
  2443.                    } else {
  2444.                        contactPanelDiv.addClass('external-chat-box-right--collapse')
  2445.                        $(this).css({
  2446.                            transform: 'rotate(180deg) translateY(50%)',
  2447.                            borderRadius: '0 4px 4px 0'
  2448.                        })
  2449.                    }
  2450.                })
  2451.        }
  2452.        return div
  2453.    }
  2454.    // 数据格式化化
  2455.    const formatData = (list, style) => {
  2456.        return list.map(i => {
  2457.            let attrs
  2458.            try {attrs = getAttrs(i, style)}
  2459.            catch(err) {
  2460.                attrs = {}
  2461.            }
  2462.            return {
  2463.                ...i,
  2464.                attrs
  2465.            }
  2466.        })
  2467.    }
  2468.    // 属性拼接
  2469.    const getAttrs = (item, style) => {
  2470.        let attrs
  2471.        switch (item?.name) {
  2472.            case 'QQ':
  2473.                attrs = {
  2474.                    target: '_blank',
  2475.                    href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value,
  2476.                    className: 'external-chat-box__item--qq',
  2477.                    src: `/images/chatIcon/QQ${style}.png`
  2478.                }
  2479.                break;
  2480.            case 'WeChat':
  2481.                attrs = {
  2482.                    target: '_self',
  2483.                    href: '#',
  2484.                    className: 'external-chat-box__item--wechat',
  2485.                    src: `/images/chatIcon/WeChat${style}.png`
  2486.                }
  2487.                break;
  2488.            case 'WhatsApp':
  2489.                attrs = {
  2490.                    target: '_blank',
  2491.                    href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value),
  2492.                    className: 'external-chat-box__item--whatsapp',
  2493.                    src: `/images/chatIcon/WhatsApp${style}.png`
  2494.                }
  2495.                break;
  2496.            default:
  2497.                attrs = null
  2498.        }
  2499.        return attrs
  2500.    }
  2501.    // 生成DOM
  2502.    const getDOMs = (list, style) => {
  2503.        let DOMs = []
  2504.        list.forEach((i, index) => {
  2505.            if (i.attrs)
  2506.                DOMs.push(createItem(i, style, index == list.length - 1))
  2507.        })
  2508.        return DOMs
  2509.    }
  2510.    // 创建对应的A标签
  2511.    const createItem = (item, style, isLast) => {
  2512.        const {href, target, src} = item.attrs
  2513.        let ALabel = $(`<a/>`)
  2514.            .attr({href, target, title: item.user_name})
  2515.            .addClass('external-chat-box__item1')
  2516.            .on('click', () => {
  2517.                if (item.name == 'WeChat')
  2518.                    showWeChatDialog(item.value)
  2519.            })
  2520.        if (style == 4 && !isLast) {
  2521.            ALabel.css({borderBottom: '1px solid #fff'})
  2522.        }
  2523.        if (style == 6 && !isLast) {
  2524.            ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'})
  2525.        }
  2526.        let img = $('<img/>').attr({src,width:'32px'})
  2527.        ALabel.append(img)
  2528.        if (style == 6) {
  2529.            let div = $('<div />')
  2530.                .addClass('external-chat-box--label')
  2531.                .text(item.name)
  2532.            ALabel.append(div)
  2533.        }
  2534.        return ALabel
  2535.    }
  2536.    // 微信特殊处理
  2537.    const showWeChatDialog = (text) => {
  2538.        let input = $('<input>')
  2539.            .css({
  2540.                position: 'absolute',
  2541.                left: -99,
  2542.                top: -99,
  2543.                width: 20,
  2544.                height: 20
  2545.            })
  2546.            .attr('readonly', 'readonly')
  2547.            .val(text).appendTo('body');
  2548.        let popup = $('<div>')
  2549.            .addClass('external-chat-popup external-chat-popup--hidden')
  2550.            .appendTo('body');
  2551.        $('<div>')
  2552.            .addClass('external-chat-popup__bg')
  2553.            .on('click', () => {
  2554.                popup.addClass('external-chat-popup--hidden');
  2555.            }).appendTo(popup);
  2556.        $('<div>').addClass('external-chat-popup__dialog')
  2557.            .append(
  2558.                $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text),
  2559.                $('<button>')
  2560.                    .attr({
  2561.                        type: 'button',
  2562.                        'btn-types': 'deep'
  2563.                    })
  2564.                    .addClass('btn')
  2565.                    .text('Copy')
  2566.                    .on('click', function () {
  2567.                        input[0].select();
  2568.                        document.execCommand('copy');
  2569.                        popup.addClass('external-chat-popup--hidden');
  2570.                        prompt_box_fun({
  2571.                            type: 'success',
  2572.                            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.'
  2573.                        });
  2574.                        location.href = 'weixin://';
  2575.                    })
  2576.            ).appendTo(popup);
  2577.        popup.removeClass('external-chat-popup--hidden');
  2578.    }
  2579.    // 获取数据
  2580.    const getContactData = async () => {
  2581.        const res = await $.get('/contact/get-config')
  2582.        if (res.status != 200) return false
  2583.        const {config, list} = res.data
  2584.        const hasContactInfo = config && config.on == 1 && list.length
  2585.        if (hasContactInfo) return res.data
  2586.        return false
  2587.    }
  2588.    // 拼接类名
  2589.    const getPositionClassName = (position, style, is_expand) => {
  2590.        let className = `chatIconPanel${style}`
  2591.        if (position == PositionRight && style == 1) {
  2592.            className += '-right'
  2593.        }
  2594.        className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right'
  2595.        if (is_expand == 1) {
  2596.            className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse'
  2597.        }
  2598.        return className
  2599.    }
  2600.    initContactPanel()
  2601. </script>
  2602. <script type="text/javascript" defer>
  2603.    var onloadCallback = function() {
  2604.        grecaptcha.render('google_dialog', {
  2605.        'sitekey' : '6LeRzl0hAAAAANDTBWTCnzV0cPhM2kR9KMactfK0',
  2606.        callback:gooble_callback
  2607.        });
  2608.    };
  2609. </script>
  2610.    <div class="google_dialog_box" id='google_dialog_box'>
  2611.        <div class="google_dialog_box__dialog">
  2612.            <div id="google_dialog"></div>
  2613.        </div>
  2614.    </div>
  2615. <style>
  2616.    .google_dialog_box{visibility: hidden;}
  2617. .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};
  2618. </style>
  2619.    <style>
  2620.      .captcha-dialog__wrapper {
  2621.        z-index: 1000005;
  2622.        position: fixed;
  2623.        top: 0;
  2624.        right: 0;
  2625.        bottom: 0;
  2626.        left: 0;
  2627.        overflow: auto;
  2628.        margin: 0;
  2629.        display: flex;
  2630.        align-items: center;
  2631.      }
  2632.      .v-modal {
  2633.        position: fixed;
  2634.        left: 0;
  2635.        top: 0;
  2636.        width: 100%;
  2637.        height: 100%;
  2638.        opacity: 0.5;
  2639.        background: #000;
  2640.      }
  2641.      .captcha-dialog {
  2642.        position: relative;
  2643.        margin: 0 auto 50px;
  2644.        background: #fff;
  2645.        border-radius: 2px;
  2646.        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  2647.        box-sizing: border-box;
  2648.        width: 700px;
  2649.        background: #ffffff;
  2650.        border-radius: 8px;
  2651.        overflow: hidden;
  2652.        /* margin-top: 30vh; */
  2653.      }
  2654.      .captcha-dialog__header {
  2655.        height: 60px;
  2656.        border-bottom: 1px solid #dfe5eb;
  2657.        padding: 20px 30px 10px;
  2658.        box-sizing: border-box;
  2659.      }
  2660.      .captcha-dialog__headerbtn {
  2661.        position: absolute;
  2662.        top: 20px;
  2663.        right: 30px;
  2664.        padding: 0;
  2665.        background: transparent;
  2666.        border: none;
  2667.        outline: none;
  2668.        cursor: pointer;
  2669.        font-size: 16px;
  2670.      }
  2671.      .captcha-dialog__title {
  2672.        font-size: 18px;
  2673.        font-family: PingFang-SC-Bold, PingFang-SC;
  2674.        font-weight: bold;
  2675.        color: #202223;
  2676.        line-height: 25px;
  2677.      }
  2678.      .captcha-dialog__body {
  2679.        padding: 30px;
  2680.        padding-bottom: 10px;
  2681.      }
  2682.      .captcha-content {
  2683.        display: flex;
  2684.      }
  2685.      .captcha-content__code {
  2686.        margin-right: 20px;
  2687.        width: 330px;
  2688.        height: 40px;
  2689.        border-radius: 4px;
  2690.        padding: 6px 12px;
  2691.        border: 1px solid #dfe5eb;
  2692.        outline: none;
  2693.      }
  2694.      .captcha-content__code:focus {
  2695.        border: 1px solid #1890ff;
  2696.      }
  2697.      .captcha-content__box {
  2698.        width: 236px;
  2699.        height: 40px;
  2700.        border-radius: 4px;
  2701.        border: 1px solid #dfe5eb;
  2702.        display: flex;
  2703.        overflow: hidden;
  2704.      }
  2705.      .captcha-content__img {
  2706.       min-width:126px;
  2707.      }
  2708.      .captcha-content__img img{
  2709.        height: 38px;
  2710.        width: auto;
  2711.      }
  2712.      .captcha-content__refresh {
  2713.        flex: 1;
  2714.        background: #F4F4F4;
  2715.        display:flex;
  2716.        align-items: center;
  2717.        justify-content: center;
  2718.        overflow: hidden;
  2719.        cursor: pointer;
  2720.      }
  2721.      .captcha-dialog__footer {
  2722.        padding: 0 30px 30px;
  2723.        display: flex;
  2724.        justify-content: end;
  2725.      }
  2726.      .captcha-dialog  .btn {
  2727.        width: 92px;
  2728.        height: 36px;
  2729.        background: #1890ff;
  2730.        border-radius: 4px;
  2731.        display: flex;
  2732.        align-items: center;
  2733.        justify-content: center;
  2734.      }
  2735.      .captcha-dialog__phoneTitle {
  2736.        display: none;
  2737.      }
  2738.      .captcha-dialog__tips {
  2739.        color: red;
  2740.        /* display: none; */
  2741.        height: 21px;
  2742.      }
  2743.      .captcha-dialog__error {
  2744.        color: red;
  2745.        display: none;
  2746.      }
  2747.      @media (max-width: 768px) {
  2748.        .captcha-dialog__header {
  2749.          border-bottom:0 ;
  2750.        }
  2751.        .captcha-dialog__body{
  2752.          padding-top: 0;
  2753.        }
  2754.        .captcha-dialog {
  2755.          width: 80vw;
  2756.        }
  2757.        .captcha-dialog__title {
  2758.          display: none;
  2759.        }
  2760.        .captcha-dialog__phoneTitle {
  2761.          display: block;
  2762.          font-size: 18px;
  2763.          font-family: PingFang-SC-Bold, PingFang-SC;
  2764.          font-weight: bold;
  2765.          color: #202223;
  2766.          text-align: center;
  2767.          margin-bottom: 30px;
  2768.        }
  2769.        .captcha-content{
  2770.          flex-wrap: wrap;
  2771.        }
  2772.        .captcha-content__code{
  2773.          width: 100%;
  2774.          margin-right:0;
  2775.        }
  2776.        .captcha-content__box{
  2777.          width: 100%;
  2778.          margin-top: 15px;
  2779.        }
  2780.        
  2781.        .captcha-dialog  .btn-submit{
  2782.          width: 100%;
  2783.        }
  2784.      }
  2785.    </style>
  2786.  
  2787.  
  2788. <div
  2789.    class="v-modal"
  2790.    tabindex="0"
  2791.    style="z-index: 1000003 ; display: none"
  2792. ></div>
  2793. <div
  2794.    id="captcha-dialog"
  2795.    class="captcha-dialog__wrapper"
  2796.    style="display: none"
  2797. >
  2798.    <div class="captcha-dialog">
  2799.    <div class="captcha-dialog__header">
  2800.        <span class="captcha-dialog__title">
  2801.        Please enter the calculation result.
  2802.        </span>
  2803.        <div class="captcha-dialog__headerbtn"><i class="iframe_conceal iconfont iconguanbi4"></i></div>
  2804.    </div>
  2805.    <div class="captcha-dialog__body">
  2806.        <div class="captcha-dialog__phoneTitle">
  2807.        Please enter the calculation result.
  2808.        </div>
  2809.        <div class="captcha-content">
  2810.        <input type="text" name="captchaCode" class="captcha-content__code" />
  2811.        <div class="captcha-content__box" style="display: flex">
  2812.            <div class="captcha-content__img"><img src="" alt=""></div>
  2813.            <div class="captcha-content__refresh"><img src="/images/refresh3.png" alt="" style="height:24px"></div>
  2814.        </div>
  2815.        </div>
  2816.        <div class="captcha-dialog__tips">
  2817.            <span class="captcha-dialog__error">Verification failed. Please re-enter. </span>
  2818.        </div>
  2819.    </div>
  2820.    <div class="captcha-dialog__footer">
  2821.        <div id="close2" class="btn btn-submit">
  2822.        <div style="font-weight: 400; color: #ffffff; line-height: 20px">
  2823.            submit
  2824.        </div>
  2825.        </div>
  2826.    </div>
  2827.    </div>
  2828. </div>
  2829.  
  2830. <script>
  2831.    const CustomizedCaptcha = {
  2832.      dom: null,
  2833.      img: "",
  2834.      key: "",
  2835.      reject: null,
  2836.      resolve:null,
  2837.      show: async function () {
  2838.        if (!this.dom) {
  2839.            console.log($("#captcha-dialog"));
  2840.            if(!$("#captcha-dialog")){
  2841.                return
  2842.            }
  2843.          this.dom = $("#captcha-dialog");
  2844.          const _this = this
  2845.          this.dom.find('.captcha-content__refresh').click(() => {
  2846.            _this.refresh()
  2847.          })
  2848.          _this.dom.find(".captcha-dialog__headerbtn").click(() => {
  2849.            _this.dom.hide();
  2850.            $(".v-modal").hide();
  2851.            _this.reject("close");
  2852.          });
  2853.          _this.dom.find(".btn-submit").click(async () => {
  2854.            const res = await _this.verify()
  2855.            _this.dom.find('[name="captchaCode"]').val('')
  2856.            if(res) {
  2857.                _this.dom.hide();
  2858.                $(".v-modal").hide();
  2859.                _this.resolve(res.data);
  2860.            } else {
  2861.                _this.refresh()
  2862.            }
  2863.          });
  2864.          _this.dom.find('.captcha-content__code').on('input', () => {
  2865.            _this.dom.find('.captcha-dialog__error').hide()
  2866.          })
  2867.          _this.dom.find('[name="captchaCode"]').keypress((e) => {
  2868.              if (e.which == 13) { // Enter 键的键值为 13
  2869.                console.log('123123');
  2870.                if(this.dom.find('[name="captchaCode"]').val().length === 0) return
  2871.                _this.dom.find(".btn-submit").click()
  2872.              }
  2873.            })
  2874.        }
  2875.        const res = await $.ajax({
  2876.            type: 'get',
  2877.            url: '/allweyescaptcha?captcha_type=3'
  2878.        })
  2879.        console.log('res',res);
  2880.        if (res.status !== 200) {
  2881.            console.log('接口异常')
  2882.            return
  2883.        }
  2884.        const {img,key} = res.data
  2885.        this.img = img
  2886.        this.key = key
  2887.        this.dom.find('.captcha-content__img img').attr("src", this.img)
  2888.        console.log(this.dom.find('.captcha-content__img img'))
  2889.        $(this.dom).show();
  2890.        $(".v-modal").show();
  2891.        const _this = this;
  2892.        return new Promise((resolve, reject) => {
  2893.          _this.reject = reject
  2894.          _this.resolve = resolve
  2895.        });
  2896.      },
  2897.      refresh: async function(){
  2898.        this.dom.find('.captcha-content__img img').hide()
  2899.        const res = await $.ajax({
  2900.            type: 'get',
  2901.            url: '/allweyescaptcha?captcha_type=3'
  2902.        })
  2903.        console.log('res',res);
  2904.        if (res.status !== 200) {
  2905.            console.log('接口异常')
  2906.            return
  2907.        }
  2908.        const {img,key} = res.data
  2909.        this.img = img
  2910.        this.key = key
  2911.        this.dom.find('.captcha-content__img img').attr("src", this.img)
  2912.        this.dom.find('.captcha-content__img img').show()
  2913.      },
  2914.      verify: async function(){
  2915.        if(this.dom.find('[name="captchaCode"]').val().length === 0) return
  2916.        const res = await $.ajax({
  2917.            type: "POST",
  2918.            url: "/check_allweyescaptcha",
  2919.            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  2920.            data: {captcha_type:3,captcha_key:this.key,captcha_value:this.dom.find('[name="captchaCode"]').val()}
  2921.        })
  2922.        console.log('res', res);
  2923.        if(res.status == 200) {
  2924.            return {data: res.data}
  2925.        } else {
  2926.            this.dom.find('.captcha-dialog__error').show()
  2927.            return false
  2928.        }
  2929.      }
  2930.    };
  2931.    // CustomizedCaptcha.show().then(res=>{console.log(res);});
  2932.  </script></body>
  2933. </html>
  2934.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda