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: https://www.haoyimai.com.cn

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <title>Custom Private Label Personal Lubricant Manufacturer | COKELIFE Factory</title>
  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="cokelife personal lubricant manufacturer, private label personal lubricant manufacturer">
  9.    <meta name="description" content="cokelife 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 | COKELIFE Factory" />
  11.    <meta property="og:description" content="cokelife 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.                
  17.        <meta name="google-site-verification" content="UkeZyLFjrIVIXZ_aUPfWdE-s357CnGIwqYEDzJX2iNs" />
  18. <meta name="yandex-verification" content="44dfba119fd3209b" />
  19. <meta name="msvalidate.01" content="4ABDB34E4F1A19BA4F1BDF88A4477DBB" />
  20.                <meta name="csrf-ip" content="3.237.223.94">
  21.        <meta name="csrf-token" content="QBGfsmo0lTouKkLA316DZzobJIhKYCeP4jHhfQzn">
  22.        <meta http-equiv="x-dns-prefetch-control" content="on">
  23.        <link rel="canonical" href="https://www.haoyimai.com.cn" />
  24.        <link rel="preconnect" href="https://www.haoyimai.com.cn">
  25.    <link rel="preconnect" href="https://img001.video2b.com">
  26.        <link rel="dns-prefetch" href="https://www.haoyimai.com.cn">
  27.    <link rel="dns-prefetch" href="https://img001.video2b.com">
  28.    <link rel="dns-prefetch" href="https://www.googleadservices.com">
  29.    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
  30.    <link rel="dns-prefetch" href="https://www.google-analytics.com">
  31.    <link rel="dns-prefetch" href="https://g.alicdn.com">
  32.    <!--<link/>-->
  33.                        <link href="https://www.haoyimai.com.cn/ar" hreflang="ar" rel="alternate"/>
  34.                    <link href="https://www.haoyimai.com.cn" hreflang="en" rel="alternate"/>
  35.                    <link href="https://www.haoyimai.com.cn/es" hreflang="es" rel="alternate"/>
  36.                    <link href="https://www.haoyimai.com.cn/fr" hreflang="fr" rel="alternate"/>
  37.                    <link href="https://www.haoyimai.com.cn/id" hreflang="id" rel="alternate"/>
  38.                    <link href="https://www.haoyimai.com.cn/la" hreflang="la" rel="alternate"/>
  39.                    <link href="https://www.haoyimai.com.cn/ms" hreflang="ms" rel="alternate"/>
  40.                    <link href="https://www.haoyimai.com.cn/nl" hreflang="nl" rel="alternate"/>
  41.                    <link href="https://www.haoyimai.com.cn/ru" hreflang="ru" rel="alternate"/>
  42.                    <link href="https://www.haoyimai.com.cn/th" hreflang="th" rel="alternate"/>
  43.                    <link href="https://www.haoyimai.com.cn/uk" hreflang="uk" rel="alternate"/>
  44.                    <link href="https://www.haoyimai.com.cn/vi" hreflang="vi" rel="alternate"/>
  45.                    <link href="https://www.haoyimai.com.cn/zh-CN" hreflang="zh" rel="alternate"/>
  46.                <link rel="icon" href="https://img001.video2b.com/564/file1608791762719.png" type="image/x-icon" />
  47.    <link rel="shortcut icon" href="https://img001.video2b.com/564/file1608791762719.png" type="image/x-icon" />
  48.        <script>
  49.        window.dataLayer = window.dataLayer || [];
  50.        function gtag(){dataLayer.push(arguments);}
  51.        gtag('consent', 'default', {
  52.            'ad_storage': 'granted',
  53.            'ad_user_data': 'granted',
  54.            'ad_personalization': 'granted',
  55.            'analytics_storage': 'granted'
  56.        });
  57.        console.log('granted_ad_storage_cookie init:','granted');
  58.    </script>
  59.    <script type="application/ld+json">[
  60.    {
  61.        "@context": "https:\/\/schema.org",
  62.        "@type": "Organization",
  63.        "url": "https:\/\/www.haoyimai.com.cn",
  64.        "logo": "https:\/\/img001.video2b.com\/564\/file1608711269517.png",
  65.        "name": "Guangzhou haoyimai Trading Co., Ltd.",
  66.        "alternateName": "cokelife pinknight",
  67.        "contactPoint": {
  68.            "@type": "ContactPoint",
  69.            "telephone": "+86 020-36488891",
  70.            "email": "coco@cokelube.com"
  71.        },
  72.        "sameAs": [
  73.            "https:\/\/www.youtube.com\/channel\/UCe1yWqxJNDLGKWunP6BZLqw",
  74.            "https:\/\/twitter.com\/LCokelife",
  75.            "https:\/\/www.facebook.com\/Cokelife-gzhaoyimai-100105145651120\/",
  76.            "https:\/\/www.instagram.com\/cokelife_lube\/",
  77.            "https:\/\/youtu.be\/CVw-FGMK9UE?si=N_XItTwmHWk64Daf"
  78.        ]
  79.    }
  80. ]</script>
  81.    <!-- css -->
  82.    <link rel="stylesheet" href="/css/common_3.css?v=1717671614">
  83.    <style>
  84.        .iconfenxiang_boxs_m ul {
  85.            flex-wrap: wrap;
  86.        }
  87.  
  88.        .iconfenxiang_boxs_m li {
  89.            margin-bottom: 8px;
  90.        }
  91.  
  92.        .iconfenxiang_boxs_m .iconfenxiang_wauto {
  93.            margin: 0 -6px
  94.        }
  95.  
  96.        .iconfenxiang_boxs_m .iconfenxiang_wauto li:first-child {
  97.            padding-left: 6px;
  98.        }
  99.        .cookie-tip {
  100.            position: fixed;
  101.            bottom: 0;
  102.            left: 0;
  103.            right: 0;
  104.            z-index: 1001;
  105.            background: rgba(0,0,0,.8);
  106.            color:#fff;
  107.            transition:.3s;
  108.            display:flex;
  109.            align-items: center;
  110.            justify-content: center;
  111.            padding:24px 9px;
  112.            min-height: 80px;
  113.        }
  114.  
  115.        .cookie-tip--hidden {
  116.            opacity: 0;
  117.            transform: translateY(300px)
  118.        }
  119.  
  120.        .cookie-tip__container {flex-grow: 1;display: flex;align-items: center;width: 100%;margin: 0;}
  121.  
  122.        .cookie-tip__text {flex-grow: 1;margin-right: 24px;}
  123.  
  124.        .cookie-tip__btn {
  125.            margin: -4px 5px;
  126.        }
  127.        .cookie-tip__flex {
  128.            display: flex;
  129.            justify-content: space-between;
  130.        }
  131.  
  132.        @media (max-width:768px) {
  133.            .cookie-tip__container {
  134.                flex-direction:column;
  135.            }
  136.  
  137.            .cookie-tip__text{
  138.                align-self:stretch;
  139.                margin:0 0 20px
  140.            }
  141.        }
  142.  
  143.        .bottom-inquiry-box {
  144.            position: fixed;
  145.            top: 0;
  146.            left: 0;
  147.            width: 100%;
  148.            height: 100%;
  149.            z-index: 99998;
  150.            transition: .3s;
  151.        }
  152.  
  153.        .bottom-inquiry-box--hidden {
  154.            visibility: hidden;
  155.            opacity: 0;
  156.        }
  157.  
  158.        .bottom-inquiry-box__bg {
  159.            position: absolute;
  160.            top: 0;
  161.            left: 0;
  162.            width: 100%;
  163.            height: 100%;
  164.            background: rgba(0,0,0,.4);
  165.        }
  166.  
  167.        .bottom-inquiry-box__form {
  168.            position: absolute;
  169.            background: #fff;
  170.            border-radius: 16px 16px 0 0;
  171.            box-shadow: 0 0 8px rgba(0,0,0,.1);
  172.            top:48px;
  173.            left: 0;
  174.            width: 100%;
  175.            bottom: 0;
  176.            color: rgba(0,0,0,.8);
  177.            display: flex;
  178.            flex-direction: column;
  179.            transition: .2s;
  180.        }
  181.  
  182.        .bottom-inquiry-box--hidden .bottom-inquiry-box__form {
  183.            transform: translateY(100%);
  184.        }
  185.  
  186.        .bottom-inquiry-box__close {
  187.            position: absolute;
  188.            top: 10px;
  189.            right: 10px;
  190.            padding: 10px;
  191.            background: transparent;
  192.            outline: 0;
  193.            border: 0;
  194.            border-radius: 0;
  195.            color: rgba(0,0,0,.8);
  196.            transition: .3s;
  197.            cursor: pointer;
  198.        }
  199.  
  200.        .bottom-inquiry-box__title {
  201.            font-weight: 700;
  202.            font-size: 16px;
  203.            margin: 16px 20px 8px;
  204.        }
  205.  
  206.        .bottom-inquiry-box__scroll {
  207.            overflow: auto;
  208.            padding: 0 20px;
  209.        }
  210.  
  211.        .bottom-inquiry-box__label {
  212.            display: block;
  213.            margin: 12px 0 20px;
  214.            position: relative;
  215.        }
  216.  
  217.        .bottom-inquiry-box__label--error {
  218.            color: #ff4000;
  219.        }
  220.  
  221.        .bottom-inquiry-box__input {
  222.            width: 100%;
  223.            display: block;
  224.            padding: 9px 0;
  225.            font-size: 14px;
  226.            line-height: 1.5;
  227.            border: 0;
  228.            border-bottom: 1px solid rgba(0,0,0,.1);
  229.            border-radius: 0;
  230.            outline: 0;
  231.            color: inherit;
  232.            transition: .3s;
  233.            resize: none;
  234.        }
  235.  
  236.        .bottom-inquiry-box__input:hover,.bottom-inquiry-box__input:focus {
  237.            border-color: var(--c-color);
  238.        }
  239.  
  240.        .bottom-inquiry-box__label--error .bottom-inquiry-box__input {
  241.            border-color: currentColor;
  242.        }
  243.  
  244.        .bottom-inquiry-box__input::-webkit-input-placeholder {
  245.            color: transparent;
  246.            transition: .2s;
  247.        }
  248.  
  249.        .bottom-inquiry-box__input:focus::-webkit-input-placeholder, .js-select-open .bottom-inquiry-box__input::-webkit-input-placeholder {
  250.            color: rgba(0,0,0,.4);
  251.        }
  252.  
  253.        .bottom-inquiry-box__tip {
  254.            position: absolute;
  255.            top: 9px;
  256.            left: 0;
  257.            opacity: .55;
  258.            transition: .2s;
  259.            transform-origin: left;
  260.        }
  261.  
  262.        :required+.bottom-inquiry-box__tip:before {
  263.            content: '*';
  264.            color: #ff4000;
  265.        }
  266.  
  267.        .bottom-inquiry-box__input:focus+.bottom-inquiry-box__tip,.bottom-inquiry-box__input--active+.bottom-inquiry-box__tip, .js-select-open .bottom-inquiry-box__tip {
  268.            transform: translateY(-1.5em) scale(.85);
  269.        }
  270.  
  271.        .bottom-inquiry-box__error {
  272.            position: absolute;
  273.            top: -1.5em;
  274.            margin-top: 9px;
  275.            right: 0;
  276.            opacity: 0;
  277.            visibility: hidden;
  278.            transition: .2s;
  279.        }
  280.  
  281.        .bottom-inquiry-box__label--error .bottom-inquiry-box__error {
  282.            visibility: visible;
  283.            opacity: 1;
  284.        }
  285.  
  286.        .bottom-inquiry-box__attachment {
  287.            color: rgba(0,0,0,.4);
  288.            margin: 20px 0;
  289.        }
  290.  
  291.        .bottom-inquiry-box__attachment-box {
  292.            display: flex;
  293.        }
  294.  
  295.        .bottom-inquiry-box__file {
  296.            width: 100px;
  297.            height: 100px;
  298.            border: 1px dashed;
  299.            position: relative;
  300.            overflow: hidden;
  301.            margin-top: 4px;
  302.            cursor: pointer;
  303.            display: flex;
  304.            align-items: center;
  305.            justify-content: center;
  306.            margin-right: 20px;
  307.            cursor: pointer;
  308.        }
  309.  
  310.        .bottom-inquiry-box__file:before {
  311.            content: '+';
  312.            font-size: 40px;
  313.        }
  314.  
  315.        .bottom-inquiry-box__file:hover {
  316.            color: rgba(0,0,0,.8);
  317.        }
  318.  
  319.        .bottom-inquiry-box__file input {
  320.            opacity: 0;
  321.            position: absolute;
  322.        }
  323.  
  324.        .bottom-inquiry-box__attachment-box .attachment_ul {
  325.            flex-grow: 1;
  326.        }
  327.  
  328.        .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;}
  329.        .bottom-inquiry-box__attachment-box .attachment_ul .operations{position:absolute;top:0;right:0;width:140px;padding-left:20px;}
  330.  
  331.  
  332.        .bottom-inquiry-box__subscribe {
  333.            margin-bottom: 16px;
  334.        }
  335.  
  336.        .bottom-inquiry-box__check {
  337.            vertical-align: middle;
  338.            margin-right: 4px;
  339.            margin-bottom: 2px;
  340.        }
  341.  
  342.        .bottom-inquiry-box__btn {
  343.            display: block;
  344.            height: 36px;
  345.            line-height: 36px;
  346.            color: #fff;
  347.            border: 0;
  348.            padding: 0;
  349.            border-radius: 6px;
  350.            outline: 0;
  351.            transition: .3s;
  352.            cursor: pointer;
  353.            margin: 8px 20px 16px;
  354.            flex-shrink: 0;
  355.        }
  356.  
  357.        .bottom-inquiry-box__btn:hover,.bottom-inquiry-box__btn:focus,.bottom-inquiry-box__close:hover,.bottom-inquiry-box__close:focus {
  358.            opacity: .8;
  359.        }
  360.  
  361.        .bottom-inquiry-box__btn:active,.bottom-inquiry-box__close:active {
  362.            opacity: 1;
  363.        }
  364.  
  365.        .external-chat-box {
  366.            position: fixed;
  367.            top: 50%;
  368.            left:0;
  369.            transform: translateY(-50%);
  370.            width: 48px;
  371.            padding: 4px 8px;
  372.            background: rgba(0,0,0,.35);
  373.            border-radius: 0 4px 4px 0;
  374.            transition: .2s;
  375.            z-index: 9999;
  376.        }
  377.  
  378.        .external-chat-box--collapse {
  379.            transform: translateY(-50%) translateX(-100%);
  380.        }
  381.  
  382.        .external-chat-box__toggle {
  383.            position: absolute;
  384.            top: 50%;
  385.            left: 100%;
  386.            border-radius: 0 4px 4px 0;
  387.            color: #fff;
  388.            background: inherit;
  389.            margin-top: -20px;
  390.            padding: 0 4px;
  391.            line-height: 40px;
  392.            font-size: 14px;
  393.            cursor: pointer;
  394.            /*transition: .3s;*/
  395.            border: 0;
  396.            outline: 0;
  397.        }
  398.  
  399.        .external-chat-box__toggle:hover,.external-chat-box__toggle:focus {
  400.            /* background-color: rgba(0,0,0,.45); */
  401.        }
  402.  
  403.        .external-chat-box__item {
  404.            display: block;
  405.            text-decoration: none;
  406.            width: 32px;
  407.            height: 32px;
  408.            margin: 12px 0;
  409.            background: center no-repeat;
  410.            border-radius: 99px;
  411.            transition: .3s;
  412.        }
  413.  
  414.        .external-chat-box__item--qq {
  415.            background-color: #1890ff;
  416.            background-image: url(/images/chat-icons/qq.svg);
  417.            background-size: 14px;
  418.        }
  419.  
  420.        .external-chat-box__item--qq:hover,.external-chat-box__item--qq:focus {
  421.            background-color: #40a9ff;
  422.        }
  423.  
  424.        .external-chat-box__item--wechat {
  425.            background-color: #46bb36;
  426.            background-image: url(/images/chat-icons/wechat.svg);
  427.            background-size: 17px;
  428.        }
  429.  
  430.        .external-chat-box__item--wechat:hover,.external-chat-box__item--wechat:focus {
  431.            background-color: #70ca63;
  432.        }
  433.  
  434.        .external-chat-box__item--skype {
  435.            background-color: #00aff0;
  436.            background-image: url(/images/chat-icons/skype.svg);
  437.            background-size: 16px;
  438.        }
  439.  
  440.        .external-chat-box__item--skype:hover,.external-chat-box__item--skype:focus {
  441.            background-color: #30c8f3;
  442.        }
  443.  
  444.        .external-chat-box__item--whatsapp {
  445.            background-color: #1dd367;
  446.            background-image: url(/images/chat-icons/whatsapp.svg);
  447.            background-size: 18px;
  448.        }
  449.  
  450.        .external-chat-box__item--whatsapp:hover,.external-chat-box__item--whatsapp:focus {
  451.            background-color: #44e388;
  452.        }
  453.  
  454.        .external-chat-popup {
  455.            position: fixed;
  456.            top: 0;
  457.            left: 0;
  458.            width: 100%;
  459.            height: 100%;
  460.            z-index: 9999;
  461.            transition: .3s;
  462.        }
  463.  
  464.        .external-chat-popup--hidden {
  465.            visibility: hidden;
  466.            opacity: 0;
  467.        }
  468.  
  469.        .external-chat-popup__bg {
  470.            position: absolute;
  471.            top: 0;
  472.            left: 0;
  473.            width: 100%;
  474.            height: 100%;
  475.            background: rgba(0,0,0,.4);
  476.        }
  477.  
  478.        .external-chat-popup__dialog {
  479.            width: 300px;
  480.            max-width: 100%;
  481.            margin: 15vh auto;
  482.            padding: 30px;
  483.            background: #fff;
  484.            text-align: center;
  485.            position: relative;
  486.            border-radius: 2px;
  487.            box-shadow: 0 4px 14px rgba(0,0,0,.06), 0 0 6px rgba(0,0,0,.1);
  488.            transition: .2s;
  489.        }
  490.  
  491.        .external-chat-popup--hidden .external-chat-popup__dialog {
  492.            transform: translateY(-100%);
  493.        }
  494.  
  495.        .external-chat-popup__text {
  496.            font-size: 18px;
  497.            margin-bottom: 20px;
  498.        }
  499.    </style>
  500.    
  501.        <style link-color-css>:root {--c-color:#ff5100;--c-line-height:1.4;--c-font-size:14px;}a:hover,.font-color-a a,.font-color-a a:hover,.font-color,.font-color-hover:hover,.font-color-before:before,.font-color-hover-before:hover:before,.font-color-after:after,.font-color-hover-after:hover:after{color:var(--c-color)!important}.border_color,.border-color,.btn-primary:focus,.btn-primary,.btn-primary:hover,.border-color-a a,.border-color-a a:hover,.border-color-hover:hover,.border-color-before:before,.border-color-hover-before:hover:before,.border-color-after:after,.border-color-hover-after:hover:after{border-color:var(--c-color)!important;}.bg-color,.btn-primary,.btn-primary:hover,.bg-color-a a,.bg-color-a a:hover,.bg-color-hover:hover,.bg-color-before:before,.bg-color-hover-before:hover:before,.bg-color-after:after,.bg-color-hover-after:hover:after{background-color:var(--c-color)!important}.bg-color-h a{color:var(--c-color)!important}.bg-color-h a:hover{background-color:var(--c-color)!important;color:#fff !important;}.swiper-pagination-bullet:hover,.swiper-pagination-bullet-active{background-color:var(--c-color)!important}.btn-bg:hover,.tem-btn-1,.tem-btn-2,.tem-btn-3,.tem-btn-4,.tem-btn-5,.tem-btn-6,.tem-btn-7,.tem-btn-8,.tem-btn-9{color:var(--c-color)!important}.btn-bg,.tem-btn-1,.tem-btn-2,.tem-btn-3,.tem-btn-4,.tem-btn-5,.tem-btn-6,.tem-btn-7,.tem-btn-8,.tem-btn-9,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{border-color:var(--c-color)}.btn-bg,.btn-bg:hover,.tem-btn-3:before,.tem-btn-4:before,.tem-btn-5:before,.tem-btn-6:before,.tem-btn-7:before,.tem-btn-7:after,.tem-btn-8:before,.tem-btn-8:after,.tem-btn-9:before,.tem-btn-9:after,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{background-color:var(--c-color)}.tem-btn-1,.tem-btn-2{background:-webkit-linear-gradient(left,var(--c-color),var(--c-color)) no-repeat;background:linear-gradient(to right,var(--c-color),var(--c-color)) no-repeat}.tem-btn-1:hover,.tem-btn-2:hover,.tem-btn-3:hover,.tem-btn-4:hover,.tem-btn-5:hover,.tem-btn-6:hover,.tem-btn-7:hover,.tem-btn-8:hover,.tem-btn-9:hover,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{color:#FFF}.btn-bg:hover{border-color:#FFF}.swiper-container .swiper-pagination-bullet{background:#bbb;opacity:.5;}.swiper-pagination-bullet-active{opacity:1!important;}[playback_mode="current"]+.video_js_play_btn{z-index: 24!important}[playback_mode="global"]+.video_js_play_btn{z-index: 24!important}[playback_mode="popup"]+.video_js_play_btn{z-index: 24!important}[playback_mode="current"]~.prism-player{z-index: 24!important}[playback_mode="global"]~.prism-player{z-index: 24!important}[playback_mode="popup"]~.prism-player{z-index: 24!important}</style><style>:root{--c-color:#F45A95}.container{max-width:1440px}.top_title,.title{font-family:LibreBaskerville-Regular-2,Arial,myanmar_font}body,html,.body_color_bgs{font-family:NotoSans-Regular-2,Arial,myanmar_font}:root {                --btn-style-deep:solid;--btn-color-deep:#fff;--btn-bg-color-deep:var(--c-color);--btn-border-color-deep:var(--c-color);--btn-radius-deep:0px;--btn-width-deep:1px;                --btn-style-shallow:solid;--btn-color-shallow:var(--c-color);--btn-bg-color-shallow:#fff;--btn-border-color-shallow:#fff;--btn-radius-shallow:0px;--btn-width-shallow:1px;                }.btn[btn-types="shallow"]{color:#F45A95;font-size:14px;border-top:none!important;border-left:none!important;padding-top:14px;border-color:rgba(0,0,0,0);border-right:none!important;border-style:solid;border-width:1px;padding-left:38px;border-bottom:none!important;padding-right:38px;padding-bottom:14px;background-color:rgba(255, 255, 255, 1);border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;}.btn[btn-types="deep"]{color:#FFFFFF;font-size:14px;border-top:none!important;border-left:none!important;padding-top:14px;border-color:rgba(0,0,0,0);border-right:none!important;border-style:solid;border-width:1px;padding-left:38px;border-bottom:none!important;padding-right:38px;padding-bottom:14px;background-color:#F45A95;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;}:root {                --inp-style-deep:solid;--inp-color-deep:var(--c-color);--inp-bg-color-deep:transparent;--inp-border-color-deep:var(--c-color);--inp-radius-deep:0;--inp-width-deep:0 0 1px 0;                --inp-style-shallow:solid;--inp-color-shallow:#fff;--inp-bg-color-shallow:transparent;--inp-border-color-shallow:#fff;--inp-radius-shallow:0;--inp-width-shallow:0 0 1px 0;                }.form_inp[inp-types="shallow"]{color:rgba(85, 85, 85, 1);font-size:14px;border-top:none!important;border-left:none!important;border-color:rgba(0,0,0,0);border-right:none!important;border-style:solid;border-bottom:none!important;background-color:rgba(255, 255, 255, 1);border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}.form_inp[inp-types="deep"]{color:rgba(255, 255, 255, 0.8);font-size:14px;border-top:none!important;border-left:none!important;border-color:rgba(0,0,0,0);border-right:none!important;border-style:solid;border-bottom:none!important;background-color:rgba(6, 6, 6, 0.4);border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}.share_fun_box{display:none;}.share_fun_box2 ul li[data-network="share"]{display:none;}[direction]{align-items:stretch;}.there_video_icons{background-image:url(/images/video_play_1.png);}.there_video_icons{opacity:1;}</style><style mos-id="v6204664d81660">.tem01_copyright{text-align:center;padding-top:10px;padding-bottom:10px;border-top:1px solid rgba(144,144,144,.2);}#v6204664d81660{background-color:rgba(241, 241, 241, 1);color:rgba(85, 85, 85, 1);text-align:center;}#v6204664d81660 .container{}</style>    <style mos-id="v665eded9dfd45">    .flex {display: flex; align-items: center; justify-content: start;}    .tem_footer_section_03 {padding: 20px 0; background: #000; color: #fff;}    .tem_footer_03 {position: relative;}    .tem_footer_03 .mt10 {margin-top: 10px;}    /* .tem_footer_03 .iconfenxiang_wauto {justify-content: center;} */    .tem_footer_03 .iconfenxiang_boxs_m{padding-bottom: 20px;}    .tem_footer_03 .iconfenxiang_boxs_m .go_fast {color: inherit;}    .tem_footer_03 .footer_li {flex: 1; padding-right: 90px; position: relative;}    .tem_footer_03 .footer_li:last-child {padding-right: 0;}    .tem_footer_03 .li_head {font-size: 16px; font-weight: bold; margin-bottom: 10px;}    .tem_footer_03 .con_ul {font-size: 14px; line-height: 26px;}    .tem_footer_03 .con_ul a {display: initial;}    .tem_footer_03 .logo {height: 60px; line-height: 60px; min-width: 200px; padding-right: 40px; font-size: 0;}    .tem_footer_03 .logo a {width: 100%; height: 100%; display: block;}    .tem_footer_03 .logo img {max-height: 100%; display: inline-block; vertical-align: middle;}    /* .tem_footer_03 .logo img:hover{border:2px solid transparent;border-image: url(/images/border-bg.png) 2 2 round;} */    .tem_footer_03 .iconfenxiang_boxs {display: none; padding-right: 10px;}    .tem_footer_03 .sitemap {        font-size: 14px;        letter-spacing: 0;        font-weight: 400;    }    .tem_footer_03 .sitemap-line {        display: inline-block;        width: 1px;        height: 16px;        background-color: rgba(216,216,216,.5);        margin: 0 8px;    }    @media (min-width: 768px){      /* .tem_footer_03 .iconfenxiang_boxs_m {display: none !important;} */      .tem_footer_03 .footer_ul {display: flex; align-items: start; flex-wrap: wrap;}      .tem_footer_03 .sitemap-box {display: none;}    }    @media (max-width: 770px){      .tem_footer_03 .footer_ul {display: none !important;}    }    #v665eded9dfd45{background-color:rgba(241, 241, 241, 1);color:rgba(85, 85, 85, 1);padding-top:6vw;padding-bottom:6vw;}#v665eded9dfd45 .container{}  </style>                                      <style mos-id="v62061a7944253">                .public_inquiry_tem_1 .inquiry_attachment{position:relative;margin-bottom: 10px;}                .public_inquiry_tem_1 .inquiry_attachment [type="file"]{display:none;}                .public_inquiry_tem_1 .inquiry_attachment .tit{margin-bottom:6px;display:block;text-align: left;padding:0 10px;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_box{padding:10px;overflow:hidden;display:flex;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn{width:100px;height:100px;border:1px dashed;border-color:inherit;cursor:pointer;position:relative;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::before,                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::after{content:"";display:block;position:absolute;border:1px solid;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::before{top:30px;bottom:30px;right:50%;left:50%;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_btn::after{right:30px;left:30px;top:50%;bottom:50%;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_ul{width:calc(100% - 100px);padding-left:20px;padding-right:20px;font-size:12px;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_ul li{overflow:hidden;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_ul .file_txt{padding-right:140px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;max-width:100%;height:20px;float:left;}                .public_inquiry_tem_1 .inquiry_attachment .attachment_ul .operations{position:absolute;top:0;right:0;width:140px;padding-left:20px;}                .public_inquiry_tem_1 .inquiry_attachment .operations .iconfont{margin-left:10px;cursor:pointer;}                @media (max-width: 1024px){                    .public_inquiry_tem_1 .inquiry_attachment .attachment_ul .file_txt{padding-right:100px;width:100%;float:none;text-align:left;}                    .public_inquiry_tem_1 .inquiry_attachment .attachment_ul .operations{width:100px;padding:0;text-align:right;}                    .public_inquiry_tem_1 .inquiry_attachment .attachment_ul{padding-right:0;padding-left:8px;}                    .public_inquiry_tem_1 .inquiry_attachment .operations .iconfont{margin-left:4px;}                }                </style>                                        <style mos-id="v62061a7944253">    .public_inquiry_tem_1{position:relative;color:#fff;}    .public_inquiry_tem_1 .top_text{position:relative;}    .public_inquiry_tem_1 .top_title{margin-bottom:16px;}    .public_inquiry_tem_1 .top_details{margin-bottom:40px;}    .public_inquiry_tem_1 .con{position:relative;overflow:hidden;}    @media (max-width:768px){    .public_inquiry_tem_1 .top_title{margin-bottom:10px;}    .public_inquiry_tem_1 .top_details{margin-bottom:20px;}    }    .public_inquiry_tem_1 input.enquiry_inp_placeholder::-webkit-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:-moz-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder::-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder::-moz-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:-ms-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:-ms-input-placeholder {color:transparent;font-size:12px;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus::-webkit-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-webkit-input-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-webkit-input-placeholder,    .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder::-webkit-input-placeholder,    .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus:-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus:-moz-placeholder,    .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder:-moz-placeholderr,    .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder:-moz-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus::-moz-placeholder,    .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-moz-placeholder,    .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder::-moz-placeholderr,    .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder::-moz-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 .js-select-open .enquiry_inp_placeholder:-ms-input-placeholder {color:inherit;opacity:.6;}    .public_inquiry_tem_1 .enquiry_box{position:relative;}    .public_inquiry_tem_1 .enquiry_box .row_small{margin-left:-10px;margin-right:-10px;overflow:hidden;}    .public_inquiry_tem_1 .enquiry_box .row_small li{padding-left:10px;padding-right:10px;width:50%;float: left;margin-bottom:15px;}    .public_inquiry_tem_1 .enquiry_box .row_small .li-fill{width: 100%;}    .public_inquiry_tem_1 .enquiry_box .enquiry_label{padding:24px 8px 8px;display:block;position:relative;user-select:none}    .public_inquiry_tem_1 .enquiry_box .enquiry_inp{background:0 0;border:none;outline:0;color:inherit;height:20px;display:block;width:100%;font-size:inherit;box-shadow:none}    .public_inquiry_tem_1 .enquiry_box textarea.enquiry_inp{height:auto;resize:none}    .public_inquiry_tem_1 .enquiry_box .required_span{position:absolute;height:20px;line-height:20px;left:8px;top:15px;display:block;pointer-events:none;transition:.1s;opacity:.8;font-size:14px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_inp:focus+.required_span,.public_inquiry_tem_1 .enquiry_box .enquiry_label.js-select-open .required_span{top:4px;font-size:12px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_inp[required]+.required_span::before{content:"*";color:red}    .public_inquiry_tem_1 .enquiry_box .enquiry_label.active .required_span{top:4px;opacity:.6;font-size:12px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box{text-align:center;padding:20px 0;}    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box .read_more_a{background:0 0}    .public_inquiry_tem_1 .enquiry_box .required_tips{margin:0;position:absolute;right:20px;top:0;font-size:12px;display:none;pointer-events:none;padding:0 8px;}    .public_inquiry_tem_1 .enquiry_box .enquiry_label.errors .required_tips{display:block}    .public_inquiry_tem_1 .enquiry_box .enquiry_label.errors{border-color:#d90000;color:#d90000;}    @media (max-width:1024px){    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box{padding:20px 0}    .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box .read_more_a{width:100%}    }    @media (max-width:768px){    .public_inquiry_tem_1 .enquiry_box .row_small li{width:100%;}    }    #v62061a7944253{background-attachment:fixed;background-position:50% 50%;background-size:cover;background-color:rgba(48, 45, 50, 1);color:rgba(255, 255, 255, 0.7);text-align:center;padding-top:4vw;padding-bottom:4vw;}#v62061a7944253 .container{padding-left:4vw;padding-right:4vw;}@media (max-width: 768px){#v62061a7944253{padding-top:8vw!important;padding-bottom:8vw!important}#v62061a7944253 .container{}}#v62061a7944253 .btn_box{text-align:center}    </style>                <style mos-id="v62061a70163f0">    .public_lists_tem_1{position:relative;}    .public_lists_tem_1 .top_text{position:relative;}    .public_lists_tem_1 .top_title{margin-bottom:16px;}    .public_lists_tem_1 .top_details{margin-bottom:40px;}    .public_lists_tem_1 .con{position:relative;overflow:hidden;padding-bottom: 17px}    .public_lists_tem_1 .con li .text{padding:10px 0px;width:100%;display: block;}    .public_lists_tem_1 .con li .text .title{display:block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_1 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;}    .public_lists_tem_1 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_1 .left_icon,    .public_lists_tem_1 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_1 .left_icon{left:0;}    .public_lists_tem_1 .right_icon{right:0;}    .public_lists_tem_1 .left_icon.swiper-button-disabled,    .public_lists_tem_1 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_1 .swiper-pagination{display:none;}    .public_lists_tem_1 .swiper-pagination-bullet{width:14px;height:14px;opacity:.3;}    .public_lists_tem_1 .swiper-pagination-bullet-active{background:#fff!important;border:1px solid;border-color: var(--c-color)!important;}    .public_lists_tem_1 .img_par{width:100%;margin-bottom: 10px;}    .public_lists_tem_1 img{border:0}    .public_lists_tem_1 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_1 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_1 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_1 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_1 .img_par[img_type="2"] img,    .public_lists_tem_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_1 a:hover .title,.public_lists_tem_1 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_1 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_1 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_1 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_1 .top_title{margin-bottom:10px;}    .public_lists_tem_1 .top_details{margin-bottom:20px;}    .public_lists_tem_1 .con li{margin-bottom:20px;}    .public_lists_tem_1 .con li:last-child{margin-bottom:0;}    .public_lists_tem_1 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_1 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v62061a70163f0{background-color:rgba(249, 248, 249, 1);text-align:center;padding-top:4vw;padding-bottom:4vw;}#v62061a70163f0 .container{}@media (max-width: 768px){#v62061a70163f0{padding-top:8vw!important;padding-bottom:8vw!important}#v62061a70163f0 .container{}}#v62061a70163f0 li .title{font-size:22px}#v62061a70163f0 li .describe{font-size:15px}#v62061a70163f0 li .title{color:rgba(51, 51, 51, 1)}#v62061a70163f0 li .describe{color:rgba(85, 85, 85, 1)}    </style>                <style mos-id="v62061a684c3fc">    .tem_picture_1{position:relative; }    .tem_picture_1 .picture_con{position:relative;}    .tem_picture_1 .picture_ul{display: flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;flex-direction:row-reverse;}    .tem_picture_1 .picture_li{width:50%;min-width:50%;max-width:50%;padding-left:15px;padding-right:15px;position:relative;}    .tem_picture_1 .top_title{margin-bottom:20px;}    .tem_picture_1 .top_describe{margin-bottom:20px;}    .tem_picture_1 .top_subtitle{position:relative;}    .tem_picture_1 .btn_box{line-height:1.4;padding-top:20px;}    .tem_picture_1 .picture_ul[direction="1"]{flex-direction:row-reverse;}    .tem_picture_1 .picture_ul[direction="2"]{flex-direction:row;}    .tem_picture_1 .picture_ul[direction="3"]{flex-direction:column-reverse;}    .tem_picture_1 .picture_ul[direction="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction="3"] .picture_li,    .tem_picture_1 .picture_ul[direction="4"] .picture_li{width:100%;min-width:100%;max-width:100%;margin-bottom:20px;}    .tem_picture_1 .sticky_box{position:sticky;top:0;}    .tem_picture_1 .img_par[img_type="1"] img{width:auto;display:block;}    .tem_picture_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_picture_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_picture_1 .img_par[img_type="2"] img,    .tem_picture_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    @media (max-width:768px){    .tem_picture_1 .picture_ul{display:flex;margin:0;}    .tem_picture_1 .picture_li{width:100%;min-width:100%;max-width:100%;padding-left:0;padding-right:0;margin-bottom:20px;}        .tem_picture_1 .picture_ul[direction-phone="3"]{flex-direction:column-reverse;}        .tem_picture_1 .picture_ul[direction-phone="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction-phone="4"] .picture_li:last-child{margin-bottom:0!important;}    .tem_picture_1 .picture_ul[direction-phone="3"] .picture_li:first-child{margin-bottom:0!important;}    }    #v62061a684c3fc{background-position:0% 50%;background-repeat:no-repeat;background-size:auto;padding-top:4vw;padding-bottom:4vw;}#v62061a684c3fc .container{}@media (max-width: 768px){#v62061a684c3fc{padding-top:8vw!important;padding-bottom:8vw!important}#v62061a684c3fc .container{}}#v62061a684c3fc .btn_box{text-align:left}#v62061a684c3fc [direction]{align-items:center}    </style>                <style mos-id="v665eec01b12bb">    .tem_banner_2{position:relative;color:#fff;}    .tem_banner_2 .top_text{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none;transition:.2s}    .tem_banner_2 .top_text--hidden{opacity: 0;visibility:hidden}    .tem_banner_2 .top_text a,.tem_banner_2 .top_text .btn{pointer-events:auto;}    /* this is interpreted by php  */    .tem_banner_2 .top_title{margin-bottom:16px; line-height: 1.3;}    .tem_banner_2 .top_details, .tem_banner_2 .top_subtitle {line-height: 1.9;}    .tem_banner_2 .con{position:relative;overflow:hidden;}    .tem_banner_2 .con li .text{padding:0;width:100%;position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:20;pointer-events:none;}    .tem_banner_2 .con li .text a,.tem_banner_2 .con li .text .btn{pointer-events:auto;}    .tem_banner_2 .con li .text .title{display:block;margin-bottom:10px;overflow: hidden;font-size:3.2vw; line-height: 1.3;}    .tem_banner_2 .con li .text .describe{overflow: hidden; line-height: 1.9;}    .tem_banner_2 .con li .text .subtitle{overflow: hidden; line-height: 1.9;}    /* .tem_banner_2 .con li .text a{color:inherit!important;} */    .tem_banner_2 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:19;}    .tem_banner_2 .left_icon,    .tem_banner_2 .right_icon{position: absolute;top:50%;width:40px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:28px;cursor:pointer;display:none;z-index:6;}    .tem_banner_2 .left_icon[btn_show="1"],    .tem_banner_2 .right_icon[btn_show="1"]{display:block;}    .tem_banner_2 .left_icon{left:0;}    .tem_banner_2 .right_icon{right:0;}    .tem_banner_2 .left_icon.swiper-button-disabled,    .tem_banner_2 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .tem_banner_2 .img_par{width:100%;background:none!important;}    .tem_banner_2 .img_par[img_type="1"]{position:relative;height:100vh;}    .tem_banner_2 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_banner_2 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_banner_2 .img_par[img_type="1"] img,    .tem_banner_2 .img_par[img_type="2"] img,    .tem_banner_2 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}    .tem_banner_2 .list_row_ul.swiper-wrapper{flex-wrap:nowrap;margin:0;width:100%;}    .tem_banner_2 .img_par.no_img_src{width:100%;min-height:100px;}    .tem_banner_2 .con .swiper-pagination[w_page_type="1"] .swiper-pagination-bullet{width:30px;border-radius:0;height:6px;margin:0 3px;border:0}    .tem_banner_2 .btn_box{margin-top:30px;}    .tem_banner_2 .pc_btn {display: inline-block;}    .tem_banner_2 .mobile_btn {display: none;}    .tem_banner_2 .con .swiper-pagination {pointer-events:none;}    .tem_banner_2 .con .swiper-pagination .swiper-pagination-bullet {width: 16px;height: 16px;border:4px solid transparent;pointer-events:auto;margin:-4px 1px;background-clip:content-box}    @media (min-width: 1065px){        .tem_banner_2 .width_50 {width: 50%; display: inline-block; text-align: left;}    }    @media (max-width: 1064px) {        .tem_banner_2 .width_mobile_60 {width: 60%; display: inline-block; text-align: left;}    }    @media (max-width:768px){        /* .tem_banner_2 .con li .text .title{font-size:22px!important;} */        /* .tem_banner_2 .con li .text .describe,        .tem_banner_2 .con li .text .subtitle, */        /* .tem_banner_2 .top_details,        .tem_banner_2 .top_subtitle {font-size:16px!important;} */        .tem_banner_2 .top_title{margin-bottom:10px;}        .tem_banner_2 .left_icon,        .tem_banner_2 .right_icon{display:none!important;}        .tem_banner_2 .top_details,        .tem_banner_2 .con li .text .describe, .tem_banner_2 .btn_box {display: none;}        .tem_banner_2 .pc_btn {display: none;}        .tem_banner_2 .mobile_btn {display: inline-block;}    }    #v665eec01b12bb{color:#fff;text-align:left;}#v665eec01b12bb .container{}#v665eec01b12bb .btn_box{text-align:left}#v665eec01b12bb li .subtitle,#v665eec01b12bb .top_subtitle{font-size:18px}#v665eec01b12bb li .describe{font-size:14px}@media (max-width: 768px){#v665eec01b12bb li .title{font-size:22px!important}#v665eec01b12bb li .subtitle,#v665eec01b12bb .top_subtitle{font-size:16px!important}}@media (max-width: 768px){#v665eec01b12bb li .subtitle,#v665eec01b12bb li .title{text-align:left!important; }}@media (max-width: 1200px){#v665eec01b12bb .top_subtitle, #v665eec01b12bb .top_title {text-align:left!important;}}    </style>                <style mos-id="v6204664d81614">    .tem_picture_1{position:relative; }    .tem_picture_1 .picture_con{position:relative;}    .tem_picture_1 .picture_ul{display: flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;flex-direction:row-reverse;}    .tem_picture_1 .picture_li{width:50%;min-width:50%;max-width:50%;padding-left:15px;padding-right:15px;position:relative;}    .tem_picture_1 .top_title{margin-bottom:20px;}    .tem_picture_1 .top_describe{margin-bottom:20px;}    .tem_picture_1 .top_subtitle{position:relative;}    .tem_picture_1 .btn_box{line-height:1.4;padding-top:20px;}    .tem_picture_1 .picture_ul[direction="1"]{flex-direction:row-reverse;}    .tem_picture_1 .picture_ul[direction="2"]{flex-direction:row;}    .tem_picture_1 .picture_ul[direction="3"]{flex-direction:column-reverse;}    .tem_picture_1 .picture_ul[direction="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction="3"] .picture_li,    .tem_picture_1 .picture_ul[direction="4"] .picture_li{width:100%;min-width:100%;max-width:100%;margin-bottom:20px;}    .tem_picture_1 .sticky_box{position:sticky;top:0;}    .tem_picture_1 .img_par[img_type="1"] img{width:auto;display:block;}    .tem_picture_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_picture_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_picture_1 .img_par[img_type="2"] img,    .tem_picture_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    @media (max-width:768px){    .tem_picture_1 .picture_ul{display:flex;margin:0;}    .tem_picture_1 .picture_li{width:100%;min-width:100%;max-width:100%;padding-left:0;padding-right:0;margin-bottom:20px;}        .tem_picture_1 .picture_ul[direction-phone="3"]{flex-direction:column-reverse;}        .tem_picture_1 .picture_ul[direction-phone="4"]{flex-direction:column;}    .tem_picture_1 .picture_ul[direction-phone="4"] .picture_li:last-child{margin-bottom:0!important;}    .tem_picture_1 .picture_ul[direction-phone="3"] .picture_li:first-child{margin-bottom:0!important;}    }    #v6204664d81614{padding-top:4vw;padding-bottom:4vw;}#v6204664d81614 .container{}@media (max-width: 768px){#v6204664d81614{padding-top:8vw!important;padding-bottom:8vw!important}#v6204664d81614 .container{}}#v6204664d81614 .btn_box{text-align:left}#v6204664d81614 [direction]{align-items:center}    </style>                <style mos-id="v6205dbfc46723">    .public_lists_tem_2{position:relative;}    .public_lists_tem_2 .top_text{position:relative;}    .public_lists_tem_2 .top_title{margin-bottom:16px;}    .public_lists_tem_2 .top_details{margin-bottom:40px;}    .public_lists_tem_2 .con{position:relative;overflow:hidden;}    .public_lists_tem_2 .con li .text{padding:20px 0px 10px;width:100%;display: block;}    .public_lists_tem_2 .con li .text .title{display:block;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_2 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_2 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_2 .left_icon,    .public_lists_tem_2 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_2 .left_icon{left:0;}    .public_lists_tem_2 .right_icon{right:0;}    .public_lists_tem_2 .left_icon.swiper-button-disabled,    .public_lists_tem_2 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_2 .swiper-pagination{display:none;}    .public_lists_tem_2 .img_par{width:100%;}    .public_lists_tem_2 img{border:0}    .public_lists_tem_2 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_2 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_2 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_2 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_2 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_2 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_2 .img_par[img_type="2"] img,    .public_lists_tem_2 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_2 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_2 a:hover .title,.public_lists_tem_2 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_2 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_2 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_2 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_2 .top_title{margin-bottom:10px;}    .public_lists_tem_2 .top_details{margin-bottom:20px;}    .public_lists_tem_2 .con ul{margin-bottom:-20px;}    .public_lists_tem_2 .con li{max-width:none;margin-bottom:20px;}    .public_lists_tem_2 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_2 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_2 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v6205dbfc46723{background-color:rgba(249, 248, 249, 1);text-align:center;padding-top:0vw;padding-bottom:3.5vw;}#v6205dbfc46723 .container{}@media (max-width: 768px){#v6205dbfc46723{padding-top:0vw!important;padding-bottom:6vw!important}#v6205dbfc46723 .container{}}#v6205dbfc46723 li .title{font-size:20px}#v6205dbfc46723 li .describe{font-size:15px}#v6205dbfc46723 li .title{color:rgba(51, 51, 51, 1)}#v6205dbfc46723 li .describe{color:rgba(85, 85, 85, 1)}    </style>                <style mos-id="v6205dc056c915">    .tem_title_1{position:relative;padding-top:10px;padding-bottom:10px;}    .tem_title_1 .text{flex:1;}    .tem_title_1 .top_title{position:relative;margin-bottom: 16px;}    .tem_title_1 .top_details{position:relative;}    .tem_title_1 .btn{white-space:nowrap;}    .tem_title_1 [direction]{display:flex;}    .tem_title_1 [direction="1"]{flex-direction:row;}    .tem_title_1 [direction="2"]{flex-direction:row-reverse;}    .tem_title_1 [direction="3"]{flex-direction:column;}    .tem_title_1 [direction="4"]{flex-direction:column-reverse;}    .tem_title_1 [direction="3"]>div,    .tem_title_1 [direction="4"]>div{width:100%;}    .tem_title_1 .sticky_box{position:sticky;top:0;}    .tem_title_1 .btn_box{  }    @media (max-width:769px){        .tem_title_1{margin:0!important;}    }    #v6205dc056c915{background-repeat:no-repeat;background-size:auto;background-color:rgba(249, 248, 249, 1);text-align:center;padding-top:4vw;padding-bottom:1.5vw;}#v6205dc056c915 .container{}@media (max-width: 768px){#v6205dc056c915{padding-top:8vw!important;padding-bottom:2vw!important}#v6205dc056c915 .container{}}#v6205dc056c915 .btn_box{text-align:left}    </style>                <style mos-id="v6205b76d5a943">    .public_lists_tem_1{position:relative;}    .public_lists_tem_1 .top_text{position:relative;}    .public_lists_tem_1 .top_title{margin-bottom:16px;}    .public_lists_tem_1 .top_details{margin-bottom:40px;}    .public_lists_tem_1 .con{position:relative;overflow:hidden;padding-bottom: 17px}    .public_lists_tem_1 .con li .text{padding:10px 0px;width:100%;display: block;}    .public_lists_tem_1 .con li .text .title{display:block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_1 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;}    .public_lists_tem_1 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_1 .left_icon,    .public_lists_tem_1 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_1 .left_icon{left:0;}    .public_lists_tem_1 .right_icon{right:0;}    .public_lists_tem_1 .left_icon.swiper-button-disabled,    .public_lists_tem_1 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_1 .swiper-pagination{display:none;}    .public_lists_tem_1 .swiper-pagination-bullet{width:14px;height:14px;opacity:.3;}    .public_lists_tem_1 .swiper-pagination-bullet-active{background:#fff!important;border:1px solid;border-color: var(--c-color)!important;}    .public_lists_tem_1 .img_par{width:100%;margin-bottom: 10px;}    .public_lists_tem_1 img{border:0}    .public_lists_tem_1 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_1 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_1 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_1 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_1 .img_par[img_type="2"] img,    .public_lists_tem_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_1 a:hover .title,.public_lists_tem_1 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_1 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_1 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_1 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_1 .top_title{margin-bottom:10px;}    .public_lists_tem_1 .top_details{margin-bottom:20px;}    .public_lists_tem_1 .con li{margin-bottom:20px;}    .public_lists_tem_1 .con li:last-child{margin-bottom:0;}    .public_lists_tem_1 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_1 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v6205b76d5a943{text-align:center;padding-top:0vw;padding-bottom:2.5vw;}#v6205b76d5a943 .container{max-width:100%;}@media (max-width: 768px){#v6205b76d5a943{padding-top:0vw!important;padding-bottom:8vw!important}#v6205b76d5a943 .container{}}#v6205b76d5a943 li .title{font-size:20px}#v6205b76d5a943 li .describe{font-size:14px}#v6205b76d5a943 li .title{color:rgba(51, 51, 51, 1)}#v6205b76d5a943 li .describe{color:rgba(255, 255, 255, 0.8)}    </style>                <style mos-id="v6204664d81611">    .public_lists_tem_1{position:relative;}    .public_lists_tem_1 .top_text{position:relative;}    .public_lists_tem_1 .top_title{margin-bottom:16px;}    .public_lists_tem_1 .top_details{margin-bottom:40px;}    .public_lists_tem_1 .con{position:relative;overflow:hidden;padding-bottom: 17px}    .public_lists_tem_1 .con li .text{padding:10px 0px;width:100%;display: block;}    .public_lists_tem_1 .con li .text .title{display:block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}    .public_lists_tem_1 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;}    .public_lists_tem_1 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;}    .public_lists_tem_1 .left_icon,    .public_lists_tem_1 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;}    .public_lists_tem_1 .left_icon{left:0;}    .public_lists_tem_1 .right_icon{right:0;}    .public_lists_tem_1 .left_icon.swiper-button-disabled,    .public_lists_tem_1 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .public_lists_tem_1 .swiper-pagination{display:none;}    .public_lists_tem_1 .swiper-pagination-bullet{width:14px;height:14px;opacity:.3;}    .public_lists_tem_1 .swiper-pagination-bullet-active{background:#fff!important;border:1px solid;border-color: var(--c-color)!important;}    .public_lists_tem_1 .img_par{width:100%;margin-bottom: 10px;}    .public_lists_tem_1 img{border:0}    .public_lists_tem_1 .img_par[img_text_align="1"] img{margin:auto 0 0 0;}    .public_lists_tem_1 .img_par[img_text_align="2"] img{margin:auto;}    .public_lists_tem_1 .img_par[img_text_align="3"] img{margin:0 0 0 auto;}    .public_lists_tem_1 .img_par[img_type="1"] img{width:auto;display:block;}    .public_lists_tem_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .public_lists_tem_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .public_lists_tem_1 .img_par[img_type="2"] img,    .public_lists_tem_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{bottom:0;}    .prism-player .x5-top-left{object-position: initial !important;}    .public_lists_tem_1 a:hover .title,.public_lists_tem_1 a:hover .describe {color: inherit!important;}    @media (min-width:768px){    .public_lists_tem_1 [direction]{display:flex;flex-direction:column;}    .public_lists_tem_1 [direction="3"]{flex-direction:column-reverse;}    .public_lists_tem_1 [direction="4"]{flex-direction:column;}    }    @media (max-width:768px){    .public_lists_tem_1 .top_title{margin-bottom:10px;}    .public_lists_tem_1 .top_details{margin-bottom:20px;}    .public_lists_tem_1 .con li{margin-bottom:20px;}    .public_lists_tem_1 .con li:last-child{margin-bottom:0;}    .public_lists_tem_1 .con li .text{padding:15px 10px 10px;}    .public_lists_tem_1 .con.swiper-container-horizontal{padding-bottom:10px;}    .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;}    }    #v6204664d81611{text-align:center;padding-top:4vw;padding-bottom:4vw;}#v6204664d81611 .container{}@media (max-width: 768px){#v6204664d81611{padding-top:8vw!important;padding-bottom:6vw!important}#v6204664d81611 .container{}}#v6204664d81611 li .title{font-size:20px}#v6204664d81611 li .describe{font-size:15px}#v6204664d81611 li .title{color:rgba(51, 51, 51, 1)}#v6204664d81611 li .describe{color:rgba(85, 85, 85, 1)}    </style>                <style mos-id="v665ed7882f865">    .tem_banner_2{position:relative;color:#fff;}    .tem_banner_2 .top_text{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none;transition:.2s}    .tem_banner_2 .top_text--hidden{opacity: 0;visibility:hidden}    .tem_banner_2 .top_text a,.tem_banner_2 .top_text .btn{pointer-events:auto;}    /* this is interpreted by php  */    .tem_banner_2 .top_title{margin-bottom:16px; line-height: 1.3;}    .tem_banner_2 .top_details, .tem_banner_2 .top_subtitle {line-height: 1.9;}    .tem_banner_2 .con{position:relative;overflow:hidden;}    .tem_banner_2 .con li .text{padding:0;width:100%;position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:20;pointer-events:none;}    .tem_banner_2 .con li .text a,.tem_banner_2 .con li .text .btn{pointer-events:auto;}    .tem_banner_2 .con li .text .title{display:block;margin-bottom:10px;overflow: hidden;font-size:3.2vw; line-height: 1.3;}    .tem_banner_2 .con li .text .describe{overflow: hidden; line-height: 1.9;}    .tem_banner_2 .con li .text .subtitle{overflow: hidden; line-height: 1.9;}    /* .tem_banner_2 .con li .text a{color:inherit!important;} */    .tem_banner_2 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:19;}    .tem_banner_2 .left_icon,    .tem_banner_2 .right_icon{position: absolute;top:50%;width:40px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:28px;cursor:pointer;display:none;z-index:6;}    .tem_banner_2 .left_icon[btn_show="1"],    .tem_banner_2 .right_icon[btn_show="1"]{display:block;}    .tem_banner_2 .left_icon{left:0;}    .tem_banner_2 .right_icon{right:0;}    .tem_banner_2 .left_icon.swiper-button-disabled,    .tem_banner_2 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;}    .tem_banner_2 .img_par{width:100%;background:none!important;}    .tem_banner_2 .img_par[img_type="1"]{position:relative;height:100vh;}    .tem_banner_2 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;}    .tem_banner_2 .img_par[img_type="3"]{padding-bottom:100%;position:relative;}    .tem_banner_2 .img_par[img_type="1"] img,    .tem_banner_2 .img_par[img_type="2"] img,    .tem_banner_2 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}    .tem_banner_2 .list_row_ul.swiper-wrapper{flex-wrap:nowrap;margin:0;width:100%;}    .tem_banner_2 .img_par.no_img_src{width:100%;min-height:100px;}    .tem_banner_2 .con .swiper-pagination[w_page_type="1"] .swiper-pagination-bullet{width:30px;border-radius:0;height:6px;margin:0 3px;border:0}    .tem_banner_2 .btn_box{margin-top:30px;}    .tem_banner_2 .pc_btn {display: inline-block;}    .tem_banner_2 .mobile_btn {display: none;}    .tem_banner_2 .con .swiper-pagination {pointer-events:none;}    .tem_banner_2 .con .swiper-pagination .swiper-pagination-bullet {width: 16px;height: 16px;border:4px solid transparent;pointer-events:auto;margin:-4px 1px;background-clip:content-box}    @media (min-width: 1065px){        .tem_banner_2 .width_50 {width: 50%; display: inline-block; text-align: left;}    }    @media (max-width: 1064px) {        .tem_banner_2 .width_mobile_60 {width: 60%; display: inline-block; text-align: left;}    }    @media (max-width:768px){        /* .tem_banner_2 .con li .text .title{font-size:22px!important;} */        /* .tem_banner_2 .con li .text .describe,        .tem_banner_2 .con li .text .subtitle, */        /* .tem_banner_2 .top_details,        .tem_banner_2 .top_subtitle {font-size:16px!important;} */        .tem_banner_2 .top_title{margin-bottom:10px;}        .tem_banner_2 .left_icon,        .tem_banner_2 .right_icon{display:none!important;}        .tem_banner_2 .top_details,        .tem_banner_2 .con li .text .describe, .tem_banner_2 .btn_box {display: none;}        .tem_banner_2 .pc_btn {display: none;}        .tem_banner_2 .mobile_btn {display: inline-block;}    }    #v665ed7882f865{color:#fff;text-align:left;}#v665ed7882f865 .container{}#v665ed7882f865 .btn_box{text-align:left}#v665ed7882f865 li .subtitle,#v665ed7882f865 .top_subtitle{font-size:18px}#v665ed7882f865 li .describe{font-size:14px}@media (max-width: 768px){#v665ed7882f865 li .title{font-size:22px!important}#v665ed7882f865 li .subtitle,#v665ed7882f865 .top_subtitle{font-size:16px!important}}@media (max-width: 768px){#v665ed7882f865 li .subtitle,#v665ed7882f865 li .title{text-align:left!important; }}@media (max-width: 1200px){#v665ed7882f865 .top_subtitle, #v665ed7882f865 .top_title {text-align:left!important;}}    </style>                <style mos-id="v6204664d8163f">    .head_sousuos_active{overflow:hidden;}    ._header{width:100%;position:relative;height:0;z-index:999;color:#fff;font-size:16px;background-color:#000;padding-top:116px;--header-offset: -40px;}    ._header ul,    ._header li{margin:0;}    ._header_box{position:absolute;left:0;top:0;width:100%;}    ._header_con--bottom {padding-top:6px;padding-bottom:6px;}    .iconfenxiang_boxs{padding-right:10px;}    ._head_top{display:flex;line-height:40px;}    ._head_top .head_h1{flex:1;overflow:hidden;font-size:14px;margin:0;padding:0;padding-right:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;line-height:inherit;}    ._head_top .icon_bx{display:flex;align-items: center;}    ._head_top .icon_bx.iconfenxiang_boxs{align-self: center;}    ._head_top .head_i{cursor:pointer;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;font-weight:bold;}    ._head_bottom{display:flex;}    ._header .logo{height:60px;padding-right:40px;min-width:200px;line-height:60px;font-size:0;}    ._header .logo a{display:block;height:100%;width:100%;}    ._header .logo img{max-height:100%;display:inline-block;vertical-align:middle;}    ._header nav{flex:1;overflow:hidden;line-height:60px;display:flex;flex-direction:row-reverse;position:relative;height:60px;font-weight:bold;}    ._header .nav_box{overflow:hidden;line-height:60px;position:relative;transition:.3s;}    ._header .nav{display:flex;white-space:nowrap;}    ._header .nav li{padding:0 20px;border-color:inherit;}    ._header .nav li a{padding:4px 0;display:inline;background:none;}    ._header .nav li.active>a{border-bottom:2px solid;border-color:inherit;}    ._header .nav_ul{display:none;}    ._header nav.add{padding-right:20px;padding-left:20px;}    ._header .nav_btns{position:absolute;top:50%;height:30px;width:20px;margin-top:-15px;line-height:30px;text-align:center;font-size:14px;cursor:pointer;border-radius:2px;user-select:none;display:none;color:#fff;}    ._header nav.add .nav_btns{display:block;}    ._header .btn_l{left:0;}    ._header .btn_r{right:0;}    ._header .disabled{opacity:.5;cursor:no-drop;}    ._header .nav_button{outline:none;border:0;width:40px;height:50px;padding:10px;transition:all .45s;z-index:99;display:block;background:0;float:left;position:relative;z-index:4;margin-top:5px;cursor:pointer;display:none;color:inherit;}    ._header .nav_button_icon{position:absolute;width:20px;height:16px;left:0;top:0;right:0;bottom:0;margin:auto;}    ._header .nav_button_icon span{display:block;position:absolute;right:0;left:0;height:0px;transition:all .15s;border-bottom:2px solid;}    ._header .nav_button_icon span:nth-child(1){top: 50%;transform: translate3d(0,-50%,0);}    ._header .nav_button_icon span:nth-child(2){top: 0px;transform: translateZ(0) rotate(0) scaleX(1);}    ._header .nav_button_icon span:nth-child(3){bottom: 0px;transform: translateZ(0) rotate(0) scaleX(1);}    ._header .head_lan_txt{font-size:14px;padding-right:20px;}    .header_nav_li_box{position:absolute;left:0;top:0;background:#faf7f2;z-index:999;box-shadow:0 0 4px rgba(122,122,122,.8);display:none;border-radius:2px;color:#666;white-space:nowrap;}    .header_nav_li_box .nav_ul{padding:4px 0;display:block!important;}    .header_nav_li_box .nav_ul .nav_ul{display:none!important;}    .header_nav_li_box li{position:relative;}    .header_nav_li_box li.xia a{padding-right:30px;}    .header_nav_li_box li.xia .i_con{position: absolute;right: 8px;top: 50%;transform: translateY(-50%) rotate(-90deg);}    .header_nav_li_box a{display:block;padding:10px 14px;}    .header_nav_li_box a.font-color,    .header_nav_li_box a:hover{background:#fff;}    .header_nav_li_box ul,    .header_nav_li_box li{margin:0;}    @media (min-width:1026px){        ._header .nav_ul{display:none!important;}        ._header.head_fixed ._header_box{position:fixed;top:0;left:0;width:100%;background:inherit;transition:.3s;z-index:99;}        [switch_fixed=nav]._header.head_fixed ._header_box{top:var(--header-offset)}    }    .m_iconfenxiang_boxs.iconfenxiang_boxs{display:none!important;padding:0;}    .m_iconfenxiang_boxs.iconfenxiang_boxs ul{overflow:auto;}    @media (max-width:1025px){        .head_nav_active{overflow:hidden;}        .m_iconfenxiang_boxs.iconfenxiang_boxs{display:block!important;}        .m_iconfenxiang_boxs.iconfenxiang_boxs[btn_show="0"]{display:none!important;}        ._header .head_lan_txt{display:none;}        .header_nav_li_box{display:none!important;}        body ._header{height:60px;z-index:999;padding-top:0!important;padding-bottom:0!important;}        ._header_box{z-index:999;position:fixed;background:inherit;}        ._head_top .head_h1{display:none;}        ._head_top .head_i{height:60px;line-height:60px;}        ._head_bottom{position:absolute;display:block;left:0;top:0;height:60px;width:100%;background:inherit;}        ._header_con{padding:0!important;height:100%;position:relative;background:inherit;}        ._header .logo{width:200px;padding:4px 0;margin:auto;text-align:center;line-height:50px;}        ._header .logo img{margin:auto;}        ._header .nav_button{display:block;}        body.head_nav_active ._header .nav_button_icon span:nth-child(1){opacity:0;}        body.head_nav_active ._header .nav_button_icon span:nth-child(2){transform: rotate(45deg) translate3d(5px,5px,0);top:0}        body.head_nav_active ._header .nav_button_icon span:nth-child(3){transform: rotate(-45deg) translate3d(5px,-5px,0);bottom:0;}        ._header .nav_btns{display:none!important;}        ._header nav.add,        ._header nav{display:block;position:fixed;padding:0;top:61px;left:0;right:0;bottom:0;z-index:998;background-color:inherit;transform-origin:20px 0;transform:scale(0);overflow:hidden;transition:.3s;pointer-events:none;visibility:hidden;height:auto;font-weight:500;}        ._header .nav{display:block;line-height:1.4;font-size:16px;white-space:initial;}        ._header .nav li{padding:10px 20px;position:relative;padding:0;}        ._header .nav li a{padding:0;border:none;padding:10px 20px;display:inline-block;margin-right:40px;}        ._header .nav_ul{background:rgba(122,122,122,.06);margin-bottom:10px;}        ._header .nav_box .nav_ul li{padding-left:10px;padding-right:10px;}        ._header .nav li .i_con{position:absolute;right: 12px;top:10px;transition:.2s;}        body.head_nav_active ._header nav{transform:scale(1);visibility:visible;pointer-events:initial;padding-bottom:50px;}        ._header .nav_box{overflow:auto;width: 100%;height:100%;}        ._header .nav li.draw_act>.i_con{transform:rotate(-180deg);}        .header-slogan-box {            position: absolute;            right: 0;            top: 0;            height: 100%;            background-color: transparent!important;            z-index: 4;        }    }    #v6204664d8163f{background-color:rgba(255, 255, 255, 1);color:rgba(51, 51, 51, 1);padding-top:0vw;padding-bottom:120px;}#v6204664d8163f .container{max-width:1440px;}    </style>        <style></style>    <!-- css end -->
  502.  
  503.    <!-- header style start -->
  504.            <style>
  505.  
  506. ._head_top .head_h1{opacity:0.8; }
  507. .tem_picture_3 .img_con{background-color:#fff; }
  508. .public_lists_tem_3 .top_title{text-transform: capitalize; font-size:2.5vw !important;  color:#333;}
  509. .public_inquiry_tem_1 .top_title  {text-transform: capitalize; font-size:2.5vw !important; }
  510. #v62061a7944253.public_inquiry_tem_1 .top_title {text-transform: capitalize; font-size:2.5vw !important; }
  511. .public_lists_tem_1 .con li .text {    padding: 0;    }
  512. .public_lists_tem_1 .con {       padding-bottom: 0;}
  513. .tem_picture_1 .picture_li:nth-child(1) {padding-right: 3vw;}
  514. .tem_title_1 .top_title {text-transform: capitalize; font-size:2.5vw !important; }
  515. #v62061a684c3fc.tem_title_1 .top_title {text-transform: capitalize; font-size:2.5vw !important; }
  516. .tem_picture_1 .top_title {text-transform: capitalize; font-size:2.5vw !important; }
  517.  
  518. .tem_picture_1 .top_describe {      opacity: 1;   }
  519.  
  520. .new_u_body .top_details, .new_u_body .top_details *{font-size:15px !important; }
  521.  
  522. #v6204664d81608 .top_describe{width:35%; opacity:0.8;}
  523. #v6204664d81608 .top_title{width:50%; }
  524. #v6204664d81608 .top_title img{padding-bottom:20px; }
  525. .top_describe, .top_describe *, .top_subtitle, .top_subtitle *, .top_details, .top_details * , .describe, .describe *{line-height:1.8; }
  526. #v6204664d81608 .top_title{font-weight:normal;     font-weight: 600; text-transform: capitalize;}
  527. #v6204664d81608 .btn_box{margin-top:1.5vw; }
  528. .top_title{text-transform: capitalize; font-weight: 600;}
  529. #v6205b76d5a943 .top_text{display:none; }
  530. ._header .nav li a{font-weight: normal; }
  531. #v6205b76d5a943 li .title{text-transform: capitalize; }  
  532. #v6205b76d5a943 .con li .text{position: relative;    bottom: 0; }
  533. #v6204664d81614 .top_title{line-height:1; }
  534. #v62061a2b9cbef .btn_box{margin-top:1.5vw; }
  535. .content_detail_edit .container{line-height:1.8; }
  536.  
  537. @media (min-width: 1025px) and (max-width: 1200px) {
  538. #v6204664d81608 .top_title, #v6204664d81608 .top_title *{font-size:2.5vw !important; }
  539. .public_lists_tem_1 .con li .text .title, .public_lists_tem_1 .con li .text .title *, .public_lists_tem_2 li .title, .public_lists_tem_2 li .title *{font-size:20px !important; }
  540. #v6205b76d5a943 li .title, #v6205b76d5a943 li .title *{font-size:22px !important;}
  541. .detail_information_1 .title{font-size:18px; }
  542. }
  543.  
  544. @media (min-width: 769px) and  (max-width: 1024px) {
  545. .detail_information_1 .title{font-size:18px; }
  546. .public_lists_tem_1 .con li .text .title, .public_lists_tem_1 .con li .text .title *, .public_lists_tem_2 li .title, .public_lists_tem_2 li .title *{font-size:18px !important; }
  547.  
  548. #v6205b76d5a943 li .title, #v6205b76d5a943 li .title *{font-size:22px !important;}
  549. }
  550.  
  551. @media (min-width: 1200px) {
  552. .detail_information_1 .title{font-size:22px; }
  553. .public_lists_tem_1 .top_title{font-size:2.5vw; }
  554. #v6204664d81608 .top_title{line-height:1; }
  555. #v6204664d81614 .picture_li:nth-child(1){width:55%; min-width:55%; max-width:55%; }
  556. #v6204664d81614 .picture_li:nth-child(2){width:45%; min-width:45%; max-width:45%; }
  557. #v62061a2b9cbef .top_details{opacity:0.85; }
  558. #v62061a684c3fc .picture_li:nth-child(1){width:52%; min-width:52%; max-width:52%; }
  559. #v62061a684c3fc .picture_li:nth-child(2){width:47%;  min-width:47%; max-width:47%;  }
  560. .tem01_footer .footer_li:nth-child(2){padding-left:6vw; }
  561. .public_lists_tem_1 .top_details, .tem_title_1 .top_details, .public_inquiry_tem_1 .top_details{padding-left:8vw; padding-right:8vw; }
  562. }
  563.  
  564. @media (max-width: 768px) {
  565. .top_title, .top_title *{font-size:28px !important; }
  566. .public_lists_tem_1 .con {        padding-bottom: 0;}
  567.  
  568. #v6205b76d5a943.public_lists_tem_1 .con li .text {
  569.    padding: 0;}
  570. .public_lists_tem_1 .con li .text .title, .public_lists_tem_2 li .title, .public_lists_tem_2 li .title *{font-size:18px !important; }
  571. #v6205b76d5a943 li .title{font-size:22px !important;}
  572. #v6205b76d5a943 .con li{width:33.33%; min-width:33.33%; max-width:33.33%; padding-left:5px; padding-right:5px; }
  573. .public_lists_tem_2 .con li{width:50%; }
  574. #v6204664d81608 .top_describe{display:none; }
  575. #v6204664d81608 .top_title img{    width: 50% !important; height: 50% !important; padding-bottom:10px; }
  576. .detail_information_1 .title{font-size:18px; }
  577. }
  578.  
  579.  
  580. @media (max-width: 640px) {
  581. #v6204664d81608 .top_title, #v6204664d81608 .top_title *{font-size:20px !important; }
  582. #v6204664d81608 .top_title{width:60%; }
  583. #v6204664d81608 .btn_box{display:none; }
  584. .top_title, .top_title *{font-size:24px !important; }
  585. #v6205b76d5a943 .con li{width:100%; min-width:100%; max-width:100%; margin-bottom:10px; }
  586. .public_lists_tem_2 .con li{width:100%; }
  587. }
  588. </style>
  589.        <!-- header style end -->
  590.  
  591.    
  592.    <script type="text/javascript">
  593.        var hasInquiry = 1;
  594.        var inquiryStyle = "1";
  595.        var inquiryColor = "#fff";
  596.    </script>
  597.  
  598. </head>
  599. <body class=" new_u_body  body_color_bgs body_pages_index" id="html_body">
  600.    <input type="hidden" id="videoDefinition" value="auto">
  601.    <input type="hidden" id="verification_open_inp" value="1">
  602.    <input type="hidden" id="chat_is_open" value="1">
  603.    <input type="hidden" id="chat_is_form" value="0">
  604.    <input type="hidden" id="chat_prompt" value="">
  605.    <input type="hidden" id="chat_prompt_phone" value="">
  606.    <input type="hidden" id="inquire_success_herf" value="/inquire/success">
  607.    <input type="hidden" id="compress_webp_onoff" value="1">
  608.    <input type="hidden" id="compress_capture_onoff" value="1">
  609.    <input type="hidden" id="compress_onoff" value="1">
  610.    <input type="hidden" id="img_compress" value="80">
  611.    <input type="hidden" id="set_playback_mode" value="current">
  612.    <input type="hidden" id="bannerCompress" value="">
  613.    <input type="hidden" id="bannerCompressQuality" value="80">
  614.    <input type="hidden" id="video_dialog_open_btn" value="1">
  615.    <input type="hidden" id="video_autoplay_open" value="0">
  616.    <input type="hidden" id="timed_inquiry_open" value="0">
  617.    <input type="hidden" id="dialog_page" value="0">
  618.    <input type="hidden" id="dialog_frequency" value="1">
  619.    <input type="hidden" id="uniqueness" value="0">
  620.    <input type="hidden" id="timed_inquiry_style" value="0">
  621.    <input type="hidden" id="timed_inquiry_color" value="">
  622.        <script data-static="false" src="/libs/jquery-2.1.3.min.js"></script>
  623.        <!-- no model-viewer loaded -->
  624.            <script data-static="false" type="text/javascript">
  625.        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_3_field_hint":"","define_3_field_name":"whatsapp","define_3_field_options":"","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!Good day!\nPlease contact me WA:+86 13908473323"};
  626.        var imgLazyLoad_bol = document.createElement('canvas').toDataURL('image/webp', 0.5).indexOf('data:image/webp') === 0;
  627.        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"},
  628.            fun_scr_arr = [];
  629.        var _verification_type = 0;
  630.        var kk;
  631.        var _is_lighthouse = false;
  632.    </script>
  633.    <script type="text/javascript">
  634.        fun_scr_arr.push({name:'script',url:"/libs/swiper/swiper.min.js",type:"text/javascript"});
  635.        fun_scr_arr.push({name:'link',url:"/libs/aliplayer/aliplayer-min.css",rel:"stylesheet"});
  636. //         fun_scr_arr.push({name:'script',url:"https://turing.captcha.qcloud.com/TCaptcha.js",type:"text/javascript"});
  637.        fun_scr_arr.push({name:'script',url:"/libs/aliplayer/aliplayer-min.js",type:"text/javascript"});
  638.                            fun_scr_arr.push({name:'script',url:"/js/ali-oss/dist/aliyun-oss-sdk.min.js?v=1587033760",type:"text/javascript"});
  639.            fun_scr_arr.push({name:'script',url:"/js/tos-oss/tos.umd.production.min.js?v=1740647842",type:"text/javascript"});
  640.                            _verification_type = "3";
  641.                        </script>
  642.    <!-- 引用内容 start -->
  643. <div class="header_con_box">
  644.            <header id="v6204664d8163f" module_id="5010" class="_header no_bg_src" header_edit="114" no_index_edit module_type="header" bg_img_url=""  switch_fixed="0">
  645.                <div class="_header_box no_bg_src" header_id="5010" style="">
  646.        <div class="nav_button" id="head_button">
  647.            <div class="nav_button_icon">
  648.                <span></span>
  649.                <span></span>
  650.                <span></span>
  651.            </div>
  652.        </div>
  653.                <div style="background-color: transparent;" class="header-slogan-box">
  654.            <div class="_header_con container" container="1440px">
  655.                <div class="_head_top" modular-edit="custom">
  656.                    <div class="head_h1">
  657.                        <section template-edit="title_languages" module_name="header"><p><span style="color:#555555;">The most professional private label personal lubricant manufacturer &amp; sexual&nbsp;lubricant manufacturer.</span></p></section>
  658.                    </div>
  659.                    <div class="icon_bx iconfenxiang_boxs"
  660.                        btn_show="1"></div>
  661.  
  662.                    <div class="icon_bx">
  663.                        <span class="head_i iconfont iconsousuo head_shousuos"
  664.                            btn_show="1"></span>
  665.                        <div class="language_modal_click icon_bx"
  666.                            btn_show="1">
  667.                            <span class="head_i iconfont icondiqu"></span><span
  668.                                class="head_lan_txt">Language</span>
  669.                        </div>
  670.                    </div>
  671.                </div>
  672.            </div>
  673.        </div>
  674.        <div class="_header_con _header_con--bottom container" container="1440px">
  675.            <div class="_head_bottom">
  676.                <div class="logo">
  677.                    <a href="/">
  678.                                            <img head_logo_src="https://img001.video2b.com/564/file1608711269517.png" alt="cokelife pinknight">
  679.                                        </a>
  680.                </div>
  681.                <nav>
  682.                    <div class="nav_btns btn_l bg-color iconfont iconchaopimiaotuangou-" data-left="-80"></div>
  683.                    <div class="nav_btns btn_r bg-color iconfont iconleft" data-left="80"></div>
  684.                    <div class="nav_box">
  685.  
  686.                        <ul class="nav border-color">
  687.  
  688.                                                        
  689.                            <li class="  active ">
  690.                                <a  href="/" >HOME</a>
  691.                                                            </li>
  692.  
  693.                            
  694.                            <li class=" xia  ">
  695.                                <a  href="/products" >SEXUAL WELLNESS PRODUCT</a>
  696.                                                                <i class="i_con iconfont iconxiala1"></i>
  697.                                <ul class="nav_ul">
  698.                                                                        <li class="  ">
  699.                                        <a  href="/products-75068" >Hot Sells Lube</a>
  700.                                                                            </li>
  701.                                                                        <li class="  ">
  702.                                        <a  href="/products-74676" >Food Grade Lube</a>
  703.                                                                            </li>
  704.                                                                        <li class=" xia   ">
  705.                                        <a  href="/products-74679" >Anal lube</a>
  706.                                                                                <i class="i_con iconfont iconxiala1"></i>
  707.                                        <ul class="nav_ul">
  708.                                                                                        <li class=" ">
  709.                                                <a  href="/products-75069" >Painless Series</a>
  710.                                                                                            </li>
  711.                                                                                        <li class=" ">
  712.                                                <a  href="/products-75070" >Male Climax gel</a>
  713.                                                                                            </li>
  714.                                                                                    </ul>
  715.                                                                            </li>
  716.                                                                        <li class="  ">
  717.                                        <a  href="/products-75071" >Female Climax Gel</a>
  718.                                                                            </li>
  719.                                                                        <li class=" xia   ">
  720.                                        <a  href="/products-75073" >Water Based Lube</a>
  721.                                                                                <i class="i_con iconfont iconxiala1"></i>
  722.                                        <ul class="nav_ul">
  723.                                                                                        <li class=" ">
  724.                                                <a  href="/products-75074" >Vegetarian Grade</a>
  725.                                                                                            </li>
  726.                                                                                        <li class=" ">
  727.                                                <a  href="/products-75075" >Cosmetic Grade</a>
  728.                                                                                            </li>
  729.                                                                                        <li class=" ">
  730.                                                <a  href="/products-75076" >Medical Grade</a>
  731.                                                                                            </li>
  732.                                                                                    </ul>
  733.                                                                            </li>
  734.                                                                        <li class=" xia   ">
  735.                                        <a  href="/products-74678" >Silicon Based Lube</a>
  736.                                                                                <i class="i_con iconfont iconxiala1"></i>
  737.                                        <ul class="nav_ul">
  738.                                                                                        <li class=" ">
  739.                                                <a  href="/products-75077" >A Level Pure Silicon</a>
  740.                                                                                            </li>
  741.                                                                                        <li class=" ">
  742.                                                <a  href="/products-75078" >Mixed Silicone</a>
  743.                                                                                            </li>
  744.                                                                                    </ul>
  745.                                                                            </li>
  746.                                                                        <li class=" xia   ">
  747.                                        <a  href="/products-75079" >Oil</a>
  748.                                                                                <i class="i_con iconfont iconxiala1"></i>
  749.                                        <ul class="nav_ul">
  750.                                                                                        <li class=" ">
  751.                                                <a  href="/products-75080" >Blade Oil</a>
  752.                                                                                            </li>
  753.                                                                                        <li class=" ">
  754.                                                <a  href="/products-75081" >Massage Oil</a>
  755.                                                                                            </li>
  756.                                                                                    </ul>
  757.                                                                            </li>
  758.                                                                        <li class="  ">
  759.                                        <a  href="/products-75082" >Powder Lube</a>
  760.                                                                            </li>
  761.                                                                        <li class="  ">
  762.                                        <a  href="/products-75083" >Lube liquid customization</a>
  763.                                                                            </li>
  764.                                                                        <li class=" xia   ">
  765.                                        <a  href="/products-18410" >Male erection helper</a>
  766.                                                                                <i class="i_con iconfont iconxiala1"></i>
  767.                                        <ul class="nav_ul">
  768.                                                                                        <li class=" ">
  769.                                                <a  href="/products-18411" >Delay Spray</a>
  770.                                                                                            </li>
  771.                                                                                        <li class=" ">
  772.                                                <a  href="/products-18412" >Penis thickening cream</a>
  773.                                                                                            </li>
  774.                                                                                    </ul>
  775.                                                                            </li>
  776.                                                                        <li class=" xia   ">
  777.                                        <a  href="/products-75084" >Other Adult products</a>
  778.                                                                                <i class="i_con iconfont iconxiala1"></i>
  779.                                        <ul class="nav_ul">
  780.                                                                                        <li class=" ">
  781.                                                <a  href="/products-75085" >Condom</a>
  782.                                                                                            </li>
  783.                                                                                        <li class=" ">
  784.                                                <a  href="/products-75087" >SM</a>
  785.                                                                                            </li>
  786.                                                                                        <li class=" ">
  787.                                                <a  href="/products-75088" >Sex Toy cleaning</a>
  788.                                                                                            </li>
  789.                                                                                        <li class=" ">
  790.                                                <a  href="/products-75089" >Protection powder</a>
  791.                                                                                            </li>
  792.                                                                                        <li class=" ">
  793.                                                <a  href="/products-75091" >Pheromones perfume</a>
  794.                                                                                            </li>
  795.                                                                                    </ul>
  796.                                                                            </li>
  797.                                                                    </ul>
  798.                                                            </li>
  799.  
  800.                            
  801.                            <li class=" ">
  802.                                <a  href="/service" >CUSTOMIZATION</a>
  803.                                                            </li>
  804.  
  805.                            
  806.                            <li class=" xia  ">
  807.                                <a  href="/cases" >FACTORY</a>
  808.                                                                <i class="i_con iconfont iconxiala1"></i>
  809.                                <ul class="nav_ul">
  810.                                                                        <li class="  ">
  811.                                        <a  href="/cases-48319" >Detection</a>
  812.                                                                            </li>
  813.                                                                        <li class="  ">
  814.                                        <a  href="/cases-48320" >Shipment</a>
  815.                                                                            </li>
  816.                                                                    </ul>
  817.                                                            </li>
  818.  
  819.                            
  820.                            <li class=" ">
  821.                                <a  href="/news" >NEWS</a>
  822.                                                            </li>
  823.  
  824.                            
  825.                            <li class=" ">
  826.                                <a  href="/about-us" >ABOUT US</a>
  827.                                                            </li>
  828.  
  829.                            
  830.                            <li class=" ">
  831.                                <a  href="/contact-us" >CONTACT US</a>
  832.                                                            </li>
  833.  
  834.                                                        
  835.                        </ul>
  836.                    </div>
  837.                    <div class="m_iconfenxiang_boxs iconfenxiang_boxs" btn_show="1"></div>
  838.                </nav>
  839.            </div>
  840.        </div>
  841.    </div>
  842.  
  843.            </header>
  844.        </div>
  845.  
  846. <div class="content_box">
  847.            <div class="tem_banner_2 no_bg_src" module_center="left" id="v665ed7882f865" module_id="5054" bg_img_url=""  module_type="module">
  848.                
  849.    
  850.    <ul class="text top_text" modular-edit="custom"  display_none >
  851.        <li class="container">
  852.            <div class="top_subtitle">
  853.                <div
  854.                    class="align_con width_50 width_mobile_60">
  855.                    <section template-edit="subtitle_languages" module_name="module">They are all manufactured according to the strictest international standards. Our products have received favor from both domestic and foreign markets.<br> They are now widely exporting to 200 countries.</section>
  856.                </div>
  857.            </div>
  858.            <div class="top_title title">
  859.                <div
  860.                    class="align_con width_50 width_mobile_60">
  861.                    <section template-edit="title_languages" module_name="module">Range Of Premium Products</section>
  862.                </div>
  863.            </div>
  864.            <div class="top_details describe">
  865.                <div class="align_con width_50  width_mobile_60">
  866.                    <section template-edit="describe_languages" module_name="module">They are all manufactured according to the strictest international standards. Our products have received favor from both domestic and foreign markets.<br> They are now widely exporting to 200 countries.</section>
  867.                </div>
  868.            </div>
  869.            <div class="btn_box "
  870.                btn_show="0">
  871.                                                                <div class="is_btn_box width_50">
  872.                    <div class="btn pc_btn" btn-types="deep">
  873.                        <section template-edit="btn_languages" module_name="module">LEARN MORE</section>
  874.                    </div>
  875.                    <div class="btn mobile_btn" btn-types="deep">
  876.                        <section template-edit="btn_languages" module_name="module">LEARN MORE</section>
  877.                    </div>
  878.                </div>
  879.                                            </div>
  880.        </li>
  881.    </ul>
  882.    <div class="iconfont iconios-arrow-back left_icon bg-color" btn_show="1"></div>
  883.    <div class="iconfont iconios-arrow-forward right_icon bg-color" btn_show="1"></div>
  884.    <div class="con swiper-container">
  885.        <div class="swiper-pagination" btn_show="1" w_page_type=""></div>
  886.        <ul class="list_row_ul swiper-wrapper">
  887.                                                <li class="swiper-slide" modular-edit="custom">
  888.                <div class="list_box">
  889.                    <div class="list_con">
  890.                                                <div data-banner="1" class="img_par no_img_src" img_type="">
  891.                            <img class="" video-img="https://img001.video2b.com/564/file_01718153170258.jpg" img_preview_gif="" alt="" >
  892.                                                        <span editable="video" video-type="1" video-src="https://img001.video2b.com/m3u8/file_01718677130465.m3u8" video-m3u8src="" playback_mode=""></span>
  893.                        </div>
  894.                        <div class="text videos_js_icons" >
  895.                            <div class="container">
  896.                                <div  display_none  class="subtitle align_con">
  897.                                    <div class=" width_50  width_mobile_60">
  898.                                        
  899.                                    </div>
  900.                                </div>
  901.                                <div  display_none  class="title  align_con" title_lengths="">
  902.                                    <div class=" width_50  width_mobile_60">
  903.                                        
  904.                                    </div>
  905.                                </div>
  906.                                <div  display_none  class="describe  align_con ">
  907.                                    <div class=" width_50  width_mobile_60">
  908.                                        
  909.                                    </div>
  910.                                </div>
  911.                                                                <div class="btn_box" btn_show="0">
  912.                                    <div class=" width_50">
  913.                                                                                <a href="/products" target="_self">
  914.                                            <div class="btn"  btn-types="deep">
  915.                                                LEARN MORE
  916.                                            </div>
  917.                                        </a>
  918.                                                                            </div>
  919.                                </div>
  920.                            </div>
  921.                        </div>
  922.                    </div>
  923.                </div>
  924.            </li>
  925.                                </ul>
  926.    </div>
  927.            </div>
  928.  
  929.        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v6204664d81611" module_id="5015" bg_img_url=""  module_type="module">
  930.            
  931.    <div class="container">
  932.        <div class="text top_text" modular-edit="custom">
  933.                        <div class="top_title ">
  934.                <section template-edit="title_languages" module_name="module"><p><span style="color:#333333;">Main </span><span style="color:#f75b98;">Product</span><span style="color:#333333;"></span></p></section>
  935.            </div>
  936.                                    <div class="top_details ">
  937.                <section template-edit="describe_languages" module_name="module"><p><span style="color:#555555;">Haoyimai sex lubricant suppliers are fully immersed in supplying sex lubricant products.</span></p></section>
  938.            </div>
  939.                    </div>
  940.        <div class="con swiper-container">
  941.            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
  942.            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
  943.            <div class="swiper-pagination" btn_show="1"></div>
  944.            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
  945.                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  946.                                        <a  title="CokeLife Private Label Personal Sex Lubricant Oil Gay Lubricant Sex Products Gay Homosexual Use Pain Relieve Hot Feeling" href="/products-detail-2296913" target="_blank"  class="list_box">
  947.                        <div class="list_con" direction="4">
  948.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  949.                                <img  class="" video-img="https://img001.video2b.com/capture/564/1684398271690_cover_img_png.jpg" img_preview_gif="" alt="CokeLife Private Label Personal Sex Lubricant Oil Gay Lubricant Sex Products Gay Homosexual Use Pain Relieve Hot Feeling">
  950.                                                                <span class="href_id_a"></span>
  951.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01684397673350.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01684397673350.m3u8" playback_mode=""></span>
  952.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  953.                            </div>
  954.                            <div  class="text" >
  955.                                <div  class="title" title_lengths="1">
  956.                                    CokeLife Private Label Personal Sex Lubricant Oil Gay Lubricant Sex Products Gay Homosexual Use Pain Relieve Hot Feeling
  957.                                </div>
  958.                                                                <div  class="describe" title_lengths="1">
  959.                                    CokeLife Private Label Personal Sex Lubricant Oil Gay Lubricant Sex Products Gay Homosexual Use Pain Relieve Hot Feeling Ice
  960.                                </div>
  961.                                                            </div>
  962.                        </div>
  963.                    </a>
  964.                </li>
  965.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  966.                                        <a  title="cokelifeDrop Ship Sex Shop Wholesale Sex Lubricant Water Base Lube Flower Rose Flavor Lube Sex Gel Hospital Laps" href="/products-detail-695475" target="_blank"  class="list_box">
  967.                        <div class="list_con" direction="4">
  968.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  969.                                <img  class="" video-img="https://img001.video2b.com/capture/564/1684398197930_cover_img_png.jpg" img_preview_gif="" alt="cokelifeDrop Ship Sex Shop Wholesale Sex Lubricant Water Base Lube Flower Rose Flavor Lube Sex Gel Hospital Laps">
  970.                                                                <span class="href_id_a"></span>
  971.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01684398124449.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01684398124449.m3u8" playback_mode=""></span>
  972.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  973.                            </div>
  974.                            <div  class="text" >
  975.                                <div  class="title" title_lengths="1">
  976.                                    cokelifeDrop Ship Sex Shop Wholesale Sex Lubricant Water Base Lube Flower Rose Flavor Lube Sex Gel Hospital Laps
  977.                                </div>
  978.                                                                <div  class="describe" title_lengths="1">
  979.                                    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.  
  980.                                </div>
  981.                                                            </div>
  982.                        </div>
  983.                    </a>
  984.                </li>
  985.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  986.                                        <a  title="COKELIFE Pure Natural Spray Effective Promote Erection Personal Lubricant Promote Moist male spray for men Factory" href="/products-detail-3051550" target="_blank"  class="list_box">
  987.                        <div class="list_con" direction="4">
  988.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  989.                                <img  class="" video-img="https://img001.video2b.com/capture/564/1685354154098_cover_img_png.jpg" img_preview_gif="" alt="COKELIFE Pure Natural Spray Effective Promote Erection Personal Lubricant Promote Moist male spray for men Factory">
  990.                                                                <span class="href_id_a"></span>
  991.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01685354126523.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01685354126523.m3u8" playback_mode=""></span>
  992.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  993.                            </div>
  994.                            <div  class="text" >
  995.                                <div  class="title" title_lengths="1">
  996.                                    COKELIFE Pure Natural Spray Effective Promote Erection Personal Lubricant Promote Moist male spray for men Factory
  997.                                </div>
  998.                                                                <div  class="describe" title_lengths="1">
  999.                                    Best COKELIFE Pure Natural Spray Effective Promote Erection Personal Lubricant Promote Moist male spray for men Factory Price - cokelife Supplier &amp; manufacturers | cokelife
  1000.                                </div>
  1001.                                                            </div>
  1002.                        </div>
  1003.                    </a>
  1004.                </li>
  1005.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  1006.                                        <a  title="COKELIFE 2023 New Product 200ml Sex Lubricant Water based Candy sweets Fruit Flavor Lubricants Sexual xylitol Lubricant" href="/products-detail-3126007" target="_blank"  class="list_box">
  1007.                        <div class="list_con" direction="4">
  1008.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1009.                                <img  class="" video-img="https://img001.video2b.com/capture/564/1690785715898_cover_img_png.jpg" img_preview_gif="" alt="COKELIFE 2023 New Product 200ml Sex Lubricant Water based Candy sweets Fruit Flavor Lubricants Sexual xylitol Lubricant">
  1010.                                                                <span class="href_id_a"></span>
  1011.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01690785687482.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01690785687482.m3u8" playback_mode=""></span>
  1012.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1013.                            </div>
  1014.                            <div  class="text" >
  1015.                                <div  class="title" title_lengths="1">
  1016.                                    COKELIFE 2023 New Product 200ml Sex Lubricant Water based Candy sweets Fruit Flavor Lubricants Sexual xylitol Lubricant
  1017.                                </div>
  1018.                                                                <div  class="describe" title_lengths="1">
  1019.                                    COKELIFE 2023 New Product 200ml Sex Lubricant Water based Candy sweets Fruit Flavor Lubricants Sexual xylitol Lubricant
  1020.                                </div>
  1021.                                                            </div>
  1022.                        </div>
  1023.                    </a>
  1024.                </li>
  1025.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  1026.                                        <a  title="CokeLife Edible Lubricant Mint Based 100ml Vaginal Lubricants Flavored Sexual Water Based Lube Gel LOW MOQ Oral Jelly Se" href="/products-detail-2296859" target="_blank"  class="list_box">
  1027.                        <div class="list_con" direction="4">
  1028.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1029.                                <img  class="" video-img="https://img001.video2b.com/capture/564/1684398405472_cover_img_png.jpg" img_preview_gif="" alt="CokeLife Edible Lubricant Mint Based 100ml Vaginal Lubricants Flavored Sexual Water Based Lube Gel LOW MOQ Oral Jelly Se">
  1030.                                                                <span class="href_id_a"></span>
  1031.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01684398331713.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01684398331713.m3u8" playback_mode=""></span>
  1032.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1033.                            </div>
  1034.                            <div  class="text" >
  1035.                                <div  class="title" title_lengths="1">
  1036.                                    CokeLife Edible Lubricant Mint Based 100ml Vaginal Lubricants Flavored Sexual Water Based Lube Gel LOW MOQ Oral Jelly Se
  1037.                                </div>
  1038.                                                                <div  class="describe" title_lengths="1">
  1039.                                    CokeLife Edible Lubricant Mint Based 100ml Vaginal Lubricants Flavored Sexual Water Based Lube Gel LOW MOQ Oral Jelly Sex Female
  1040.                                </div>
  1041.                                                            </div>
  1042.                        </div>
  1043.                    </a>
  1044.                </li>
  1045.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  1046.                                        <a  title="COKELIFE 150ml Imitation Male Semen For Sex Lubricant Smooth And Long Lasting Fake Cum Lube Look Feel Real Intimate Lubr" href="/products-detail-2296907" target="_blank"  class="list_box">
  1047.                        <div class="list_con" direction="4">
  1048.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1049.                                <img  class="" video-img="https://img001.video2b.com/capture/564/1684400061259_cover_img_png.jpg" img_preview_gif="" alt="COKELIFE 150ml Imitation Male Semen For Sex Lubricant Smooth And Long Lasting Fake Cum Lube Look Feel Real Intimate Lubr">
  1050.                                                                <span class="href_id_a"></span>
  1051.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01684400020780.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01684400020780.m3u8" playback_mode=""></span>
  1052.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1053.                            </div>
  1054.                            <div  class="text" >
  1055.                                <div  class="title" title_lengths="1">
  1056.                                    COKELIFE 150ml Imitation Male Semen For Sex Lubricant Smooth And Long Lasting Fake Cum Lube Look Feel Real Intimate Lubr
  1057.                                </div>
  1058.                                                                <div  class="describe" title_lengths="1">
  1059.                                    COKELIFE 150ml Imitation Male Semen For Sex Lubricant Smooth And Long Lasting Fake Cum Lube Look Feel Real Intimate Lubricant
  1060.                                </div>
  1061.                                                            </div>
  1062.                        </div>
  1063.                    </a>
  1064.                </li>
  1065.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  1066.                                        <a  title="Haoyimai Cokelife water based personal lubricant for sensitive skin" href="/products-detail-35298" target="_blank"  class="list_box">
  1067.                        <div class="list_con" direction="4">
  1068.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1069.                                <img  class="" video-img="https://img001.video2b.com/564/file_01617693471633.jpg" img_preview_gif="" alt="Haoyimai Cokelife water based personal lubricant for sensitive skin">
  1070.                                                                <span class="href_id_a"></span>
  1071.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01617700541870.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01617700541870.m3u8" playback_mode=""></span>
  1072.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1073.                            </div>
  1074.                            <div  class="text" >
  1075.                                <div  class="title" title_lengths="1">
  1076.                                    Haoyimai Cokelife water based personal lubricant for sensitive skin
  1077.                                </div>
  1078.                                                                <div  class="describe" title_lengths="1">
  1079.                                    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!
  1080.                                </div>
  1081.                                                            </div>
  1082.                        </div>
  1083.                    </a>
  1084.                </li>
  1085.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
  1086.                                        <a  title="Cokelife Best OEM Ice feeling hot feeling200g  Vagina Lubricant Cream Cokelife Making Machine Love Women Men Body   Adult  Oil lubricant jelly sexual Company - Guangzhou haoyimai Trading Co., Ltd." href="/products-detail-29400" target="_blank"  class="list_box">
  1087.                        <div class="list_con" direction="4">
  1088.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1089.                                <img  class="" video-img="https://img001.aivideo8.com/tvHr5q-i9Yw/a1d33d0d-1776/image/2021-2/jpg/WV0A-6964-5efe-1ca1-fcde-eae2.jpg" img_preview_gif="" alt="Cokelife Best OEM Ice feeling hot feeling200g  Vagina Lubricant Cream Cokelife Making Machine Love Women Men Body   Adult  Oil lubricant jelly sexual Company - Guangzhou haoyimai Trading Co., Ltd.">
  1090.                                                                <span class="href_id_a"></span>
  1091.                                                                                                <span editable="video" video-type="" video-src="https://img001.aivideo8.com/tvHr5q-i9Yw/a1d33d0d-1776/video/2021-2/mp4/6DIM-1613-2282-fcb3-df1f-a5ea.mp4" video-m3u8src="https://img001.aivideo8.com/tvHr5q-i9Yw/a1d33d0d-1776/hls/2021-2/CWJDWZEC-6UIE-YRFY/4702ac-4b4a-f13e-421bd0-472e-dab741.m3u8" playback_mode=""></span>
  1092.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1093.                            </div>
  1094.                            <div  class="text" >
  1095.                                <div  class="title" title_lengths="1">
  1096.                                    Cokelife Best OEM Ice feeling hot feeling200g  Vagina Lubricant Cream Cokelife Making Machine Love Women Men Body   Adult  Oil lubricant jelly sexual Company - Guangzhou haoyimai Trading Co., Ltd.
  1097.                                </div>
  1098.                                                                <div  class="describe" title_lengths="1">
  1099.                                    Using all imported raw materials, lubrication moisture up to 40 to 60 minutes, highly close to women&#039;s love liquid, moist feeling silky, crystal clear, pure natural plant extract, free of cleaning, easy to absorb, safe and assured.Guangzhou haoyimai Trading Co., Ltd. Best OEM Ice feeling hot feeling200g  Vagina Lubricant Cream Cokelife Making Machine Love Women Men Body   Adult  Oil lubricant jelly sexual Company - Guangzhou haoyimai Trading Co., Ltd.,Priority can be obtained in any case.Any partner &#039;s market issues will be prioritized by us.
  1100.                                </div>
  1101.                                                            </div>
  1102.                        </div>
  1103.                    </a>
  1104.                </li>
  1105.                                            </ul>
  1106.        </div>
  1107.    </div>
  1108.            </div>
  1109.  
  1110.        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v6205b76d5a943" module_id="5015" bg_img_url=""  module_type="module">
  1111.            
  1112.    <div class="container">
  1113.        <div class="text top_text" modular-edit="custom">
  1114.                        <div class="top_title ">
  1115.                <section template-edit="title_languages" module_name="module">Range Of Premium Products</section>
  1116.            </div>
  1117.                                    <div class="top_details ">
  1118.                <section template-edit="describe_languages" module_name="module">They are all manufactured according to the strictest international standards. Our products have received favor from both domestic and foreign markets.<br> They are now widely exporting to 200 countries.</section>
  1119.            </div>
  1120.                    </div>
  1121.        <div class="con swiper-container">
  1122.            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="1"></div>
  1123.            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="1"></div>
  1124.            <div class="swiper-pagination" btn_show="1"></div>
  1125.            <ul class="list_row_ul swiper-wrapper" swiper_switch="0">
  1126.                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1127.                                        <a  title="Female external gel 10ml" href="/products-detail-4753946" target="_self"  class="list_box">
  1128.                        <div class="list_con" direction="4">
  1129.                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
  1130.                                <img  class="" video-img="https://img001.video2b.com/564/file_11717491883788.jpg" img_preview_gif="" alt="Female external gel 10ml">
  1131.                                                                <span class="href_id_a"></span>
  1132.                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1133.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1134.                            </div>
  1135.                            <div  class="text" >
  1136.                                <div  class="title" title_lengths="">
  1137.                                    Female external gel 10ml
  1138.                                </div>
  1139.                                                            </div>
  1140.                        </div>
  1141.                    </a>
  1142.                </li>
  1143.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1144.                                        <a  title="Ladies itchy pleasure solution (4 bottles)" href="/products-detail-4760267" target="_self"  class="list_box">
  1145.                        <div class="list_con" direction="4">
  1146.                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
  1147.                                <img  class="" video-img="https://img001.video2b.com/564/file_21717491883788.jpg" img_preview_gif="" alt="Ladies itchy pleasure solution (4 bottles)">
  1148.                                                                <span class="href_id_a"></span>
  1149.                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1150.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1151.                            </div>
  1152.                            <div  class="text" >
  1153.                                <div  class="title" title_lengths="">
  1154.                                    Ladies itchy pleasure solution (4 bottles)
  1155.                                </div>
  1156.                                                            </div>
  1157.                        </div>
  1158.                    </a>
  1159.                </li>
  1160.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1161.                                        <a  title="Enlargement oil 30ml" href="/products-detail-4753910" target="_self"  class="list_box">
  1162.                        <div class="list_con" direction="4">
  1163.                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
  1164.                                <img  class="" video-img="https://img001.video2b.com/564/file_01717491883788.jpg" img_preview_gif="" alt="Enlargement oil 30ml">
  1165.                                                                <span class="href_id_a"></span>
  1166.                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1167.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1168.                            </div>
  1169.                            <div  class="text" >
  1170.                                <div  class="title" title_lengths="">
  1171.                                    Enlargement oil 30ml
  1172.                                </div>
  1173.                                                            </div>
  1174.                        </div>
  1175.                    </a>
  1176.                </li>
  1177.                                            </ul>
  1178.        </div>
  1179.    </div>
  1180.            </div>
  1181.  
  1182.        <div class="tem_title_1 no_bg_src" module_center="center" id="v6205dc056c915" module_id="5017" bg_img_url=""  module_type="module">
  1183.                <div class="container">
  1184.        <div direction="3">
  1185.            <div class="text top_text">
  1186.                <div class="sticky_box">
  1187.                    <div class="top_title ">
  1188.                        <section template-edit="title_languages" module_name="module"><p><span style="color:#333333;">Why</span> <span style="color:#f75b98;">choose us</span></p></section>
  1189.                    </div>
  1190.                    <div class="top_details ">
  1191.                        <section template-edit="describe_languages" module_name="module"><p><span style="color:#777;">Haoyimai 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.</span></p></section>
  1192.                    </div>
  1193.                </div>
  1194.            </div>
  1195.            <div>
  1196.                <div class="btn_box sticky_box " btn_show="0">
  1197.                                                            <div>
  1198.                        <div class="btn " btn-types="deep">
  1199.                            <section template-edit="btn_languages" module_name="module">READ MORE</section>
  1200.                        </div>
  1201.                    </div>
  1202.                                    </div>
  1203.            </div>
  1204.        </div>
  1205.    </div>
  1206. </div>
  1207.  
  1208.        <div class="public_lists_tem_2 no_bg_src content-section" module_center="center" id="v6205dbfc46723" module_id="5016" bg_img_url=""  module_type="module">
  1209.            
  1210.    <div class="container">
  1211.        <div class="con swiper-container">
  1212.            <div class="iconfont iconios-arrow-back left_icon bg-color" btn_show="1"></div>
  1213.            <div class="iconfont iconios-arrow-forward right_icon bg-color" btn_show="1"></div>
  1214.            <div class="swiper-pagination" btn_show="1"></div>
  1215.            <ul class="list_row_ul swiper-wrapper" swiper_switch="0">
  1216.                                                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
  1217.                                        <div class="list_box">
  1218.                        <div    class="list_con" direction="4">
  1219.                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
  1220.                                <img  class="" video-img="https://img001.video2b.com/564/file_21717492077364.png" img_preview_gif="" alt="&lt;p&gt;Our Services&lt;/p&gt;">
  1221.                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1222.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1223.                            </div>
  1224.                            <div  class="text" >
  1225.                                <div  class="title" title_lengths="">
  1226.                                    <p>Our Services</p>
  1227.                                </div>
  1228.                                                                    <div  class="describe" title_lengths="3">
  1229.                                        <p>Human body lubricant/sexual health products one-stop service.<br></p>
  1230.                                    </div>
  1231.                                                            </div>
  1232.                        </div>
  1233.                    </div>
  1234.                </li>
  1235.                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
  1236.                                        <div class="list_box">
  1237.                        <div    class="list_con" direction="4">
  1238.                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
  1239.                                <img  class="" video-img="https://img001.video2b.com/564/file_01717492077364.png" img_preview_gif="" alt="&lt;p&gt;Cost Containment&lt;br&gt;&lt;/p&gt;">
  1240.                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1241.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1242.                            </div>
  1243.                            <div  class="text" >
  1244.                                <div  class="title" title_lengths="">
  1245.                                    <p>Cost Containment<br></p>
  1246.                                </div>
  1247.                                                                    <div  class="describe" title_lengths="3">
  1248.                                        <p>Full control of regional market price system and products channel.<br></p>
  1249.                                    </div>
  1250.                                                            </div>
  1251.                        </div>
  1252.                    </div>
  1253.                </li>
  1254.                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
  1255.                                        <div class="list_box">
  1256.                        <div    class="list_con" direction="4">
  1257.                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
  1258.                                <img  class="" video-img="https://img001.video2b.com/564/file_31717492077364.png" img_preview_gif="" alt="&lt;p&gt;Export Trade&lt;br&gt;&lt;/p&gt;">
  1259.                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1260.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1261.                            </div>
  1262.                            <div  class="text" >
  1263.                                <div  class="title" title_lengths="">
  1264.                                    <p>Export Trade<br></p>
  1265.                                </div>
  1266.                                                                    <div  class="describe" title_lengths="3">
  1267.                                        <p>Various international certification, which benifit for export trade<br></p>
  1268.                                    </div>
  1269.                                                            </div>
  1270.                        </div>
  1271.                    </div>
  1272.                </li>
  1273.                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
  1274.                                        <div class="list_box">
  1275.                        <div    class="list_con" direction="4">
  1276.                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
  1277.                                <img  class="" video-img="https://img001.video2b.com/564/file_11717492077364.png" img_preview_gif="" alt="&lt;p&gt;Quality Assurance&lt;/p&gt;">
  1278.                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1279.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1280.                            </div>
  1281.                            <div  class="text" >
  1282.                                <div  class="title" title_lengths="">
  1283.                                    <p>Quality Assurance</p>
  1284.                                </div>
  1285.                                                                    <div  class="describe" title_lengths="3">
  1286.                                        <p>Use imported raw materials, imported machinery and equipment<br></p>
  1287.                                    </div>
  1288.                                                            </div>
  1289.                        </div>
  1290.                    </div>
  1291.                </li>
  1292.                                            </ul>
  1293.        </div>
  1294.    </div>
  1295.            </div>
  1296.  
  1297.        <div class="tem_picture_1 no_bg_src content-section" id="v6204664d81614" module_id="5004" bg_img_url=""  module_type="module">
  1298.            
  1299.                <div class="container">
  1300.  
  1301.        <div class="picture_con">
  1302.            <ul class="picture_ul" direction="2" direction-phone="4">
  1303.                <li class="picture_li">
  1304.                    <div class="sticky_box" modular-edit="custom">
  1305.                        <div class="img_par no_img_src" img_type="" >
  1306.                            <img video-img="https://img001.video2b.com/564/file_01717492257701.jpg" alt="">
  1307.                            <span display_none video-type="1" video-src="https://img001.video2b.com/m3u8/file_01718677224766.m3u8" video-m3u8src="" playback_mode=""></span>
  1308.                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1309.                        </div>
  1310.                    </div>
  1311.                </li>
  1312.                <li class="picture_li">
  1313.                    <div class="sticky_box">
  1314.                        <div class="top_title ">
  1315.                            <section template-edit="title_languages" module_name="module"><p><span style="color:#f75b98;">customized</span> <span style="color:#333333;">services</span></p></section>
  1316.                        </div>
  1317.                        <div class="top_describe  ">
  1318.                            <section template-edit="describe_languages" module_name="module"><p><span style="color:#555555;">Company Is Committed <strong>To Clients' OEM and ODM Project </strong>Which Based On The Principle "Fast Factory", " " Punctual Process" to Ensure All Their Brand Stories Be Well Marketing To Deliver The Brand Value Effectivly.&nbsp;</span><br></p><p><span style="color:#555555;"></span><br></p><p><span style="color:#555555;">Our production scope includes: <strong>all kinds of sexual health products, </strong>such as wholesale sex lubricants, high tide liquid, mouthwash, disinfection water, disinfection wipes, utensils nonwashing disinfectant, female antibacterial lotion delay oil, and so on.</span></p></section>
  1319.                        </div>
  1320.                        <div class="top_subtitle  ">
  1321.                            <section template-edit="subtitle_languages" module_name="module"><div style="line-height:2.3;"><span style="font-size:16px;"><span style="color:#333333;"><strong><img alt="" data-cke-saved-src="https://img001.video2b.com/564/file_01717492501213.png" src="https://img001.video2b.com/564/file_01717492501213.png" style="width: 22px; height: 22px;">&nbsp; Professional personal lubricant manufacturers and personal care products.&nbsp;<br><img alt="" data-cke-saved-src="https://img001.video2b.com/564/file_01717492501213.png" src="https://img001.video2b.com/564/file_01717492501213.png" style="width: 22px; height: 22px;">&nbsp; Specializing in providing personalized custom sexual health products.<br><img alt="" data-cke-saved-src="https://img001.video2b.com/564/file_01717492501213.png" src="https://img001.video2b.com/564/file_01717492501213.png" style="width: 22px; height: 22px;">&nbsp; From design, finished products, and shipment of one-stop operation.</strong></span></span></div></section>
  1322.                        </div>
  1323.                        <div class="btn_box  " btn_show="1">
  1324.                                                                                                                                                                <a href="/service" target="_self">
  1325.                                <div class="btn" btn-types="deep">
  1326.                                    <section template-edit="btn_languages" module_name="module"><p>CUSTOMIZED NOW</p></section>
  1327.                                </div>
  1328.                            </a>
  1329.                                                                                </div>
  1330.                    </div>
  1331.                </li>
  1332.            </ul>
  1333.        </div>
  1334.    </div>
  1335. </div>
  1336.        <div class="tem_banner_2 no_bg_src" module_center="left" id="v665eec01b12bb" module_id="5054" bg_img_url=""  module_type="module">
  1337.                
  1338.    
  1339.    <ul class="text top_text" modular-edit="custom"  display_none >
  1340.        <li class="container">
  1341.            <div class="top_subtitle">
  1342.                <div
  1343.                    class="align_con width_50 width_mobile_60">
  1344.                    <section template-edit="subtitle_languages" module_name="module">They are all manufactured according to the strictest international standards. Our products have received favor from both domestic and foreign markets.<br> They are now widely exporting to 200 countries.</section>
  1345.                </div>
  1346.            </div>
  1347.            <div class="top_title title">
  1348.                <div
  1349.                    class="align_con width_50 width_mobile_60">
  1350.                    <section template-edit="title_languages" module_name="module">Range Of Premium Products</section>
  1351.                </div>
  1352.            </div>
  1353.            <div class="top_details describe">
  1354.                <div class="align_con width_50  width_mobile_60">
  1355.                    <section template-edit="describe_languages" module_name="module">They are all manufactured according to the strictest international standards. Our products have received favor from both domestic and foreign markets.<br> They are now widely exporting to 200 countries.</section>
  1356.                </div>
  1357.            </div>
  1358.            <div class="btn_box "
  1359.                btn_show="0">
  1360.                                                                <div class="is_btn_box width_50">
  1361.                    <div class="btn pc_btn" btn-types="deep">
  1362.                        <section template-edit="btn_languages" module_name="module">LEARN MORE</section>
  1363.                    </div>
  1364.                    <div class="btn mobile_btn" btn-types="deep">
  1365.                        <section template-edit="btn_languages" module_name="module">LEARN MORE</section>
  1366.                    </div>
  1367.                </div>
  1368.                                            </div>
  1369.        </li>
  1370.    </ul>
  1371.    <div class="iconfont iconios-arrow-back left_icon bg-color" btn_show="1"></div>
  1372.    <div class="iconfont iconios-arrow-forward right_icon bg-color" btn_show="1"></div>
  1373.    <div class="con swiper-container">
  1374.        <div class="swiper-pagination" btn_show="1" w_page_type=""></div>
  1375.        <ul class="list_row_ul swiper-wrapper">
  1376.                                                <li class="swiper-slide" modular-edit="custom">
  1377.                <div class="list_box">
  1378.                    <div class="list_con">
  1379.                                                <div data-banner="1" class="img_par no_img_src" img_type="">
  1380.                            <img class="" video-img="https://img001.video2b.com/564/file_01717496820465.jpg" img_preview_gif="" alt="" >
  1381.                                                        <span editable="video" video-type="1" video-src="" video-m3u8src="" playback_mode=""></span>
  1382.                        </div>
  1383.                        <div class="text videos_js_icons" >
  1384.                            <div class="container">
  1385.                                <div  display_none  class="subtitle align_con">
  1386.                                    <div class=" width_50  width_mobile_60">
  1387.                                        
  1388.                                    </div>
  1389.                                </div>
  1390.                                <div  display_none  class="title  align_con" title_lengths="">
  1391.                                    <div class=" width_50  width_mobile_60">
  1392.                                        
  1393.                                    </div>
  1394.                                </div>
  1395.                                <div  display_none  class="describe  align_con ">
  1396.                                    <div class=" width_50  width_mobile_60">
  1397.                                        
  1398.                                    </div>
  1399.                                </div>
  1400.                                                                <div class="btn_box" btn_show="0">
  1401.                                    <div class=" width_50">
  1402.                                                                                <div >
  1403.                                            <div class="btn"  btn-types="deep">
  1404.                                                LEARN MORE
  1405.                                            </div>
  1406.                                        </div>
  1407.                                                                            </div>
  1408.                                </div>
  1409.                            </div>
  1410.                        </div>
  1411.                    </div>
  1412.                </div>
  1413.            </li>
  1414.                        <li class="swiper-slide" modular-edit="custom">
  1415.                <div class="list_box">
  1416.                    <div class="list_con">
  1417.                                                <div data-banner="1" class="img_par no_img_src" img_type="">
  1418.                            <img class="" video-img="https://img001.video2b.com/564/file_01718678762514.jpg" img_preview_gif="" alt="" >
  1419.                                                        <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1420.                        </div>
  1421.                        <div class="text videos_js_icons" >
  1422.                            <div class="container">
  1423.                                <div  display_none  class="subtitle align_con">
  1424.                                    <div class=" width_50  width_mobile_60">
  1425.                                        
  1426.                                    </div>
  1427.                                </div>
  1428.                                <div  display_none  class="title  align_con" title_lengths="">
  1429.                                    <div class=" width_50  width_mobile_60">
  1430.                                        
  1431.                                    </div>
  1432.                                </div>
  1433.                                <div  display_none  class="describe  align_con ">
  1434.                                    <div class=" width_50  width_mobile_60">
  1435.                                        
  1436.                                    </div>
  1437.                                </div>
  1438.                                                                <div class="btn_box" btn_show="0">
  1439.                                    <div class=" width_50">
  1440.                                                                                <div >
  1441.                                            <div class="btn"  btn-types="deep">
  1442.                                                LEARN MORE
  1443.                                            </div>
  1444.                                        </div>
  1445.                                                                            </div>
  1446.                                </div>
  1447.                            </div>
  1448.                        </div>
  1449.                    </div>
  1450.                </div>
  1451.            </li>
  1452.                        <li class="swiper-slide" modular-edit="custom">
  1453.                <div class="list_box">
  1454.                    <div class="list_con">
  1455.                                                <div data-banner="1" class="img_par no_img_src" img_type="">
  1456.                            <img class="" video-img="https://img001.video2b.com/564/file_11718678762514.jpg" img_preview_gif="" alt="" >
  1457.                                                        <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1458.                        </div>
  1459.                        <div class="text videos_js_icons" >
  1460.                            <div class="container">
  1461.                                <div  display_none  class="subtitle align_con">
  1462.                                    <div class=" width_50  width_mobile_60">
  1463.                                        
  1464.                                    </div>
  1465.                                </div>
  1466.                                <div  display_none  class="title  align_con" title_lengths="">
  1467.                                    <div class=" width_50  width_mobile_60">
  1468.                                        
  1469.                                    </div>
  1470.                                </div>
  1471.                                <div  display_none  class="describe  align_con ">
  1472.                                    <div class=" width_50  width_mobile_60">
  1473.                                        
  1474.                                    </div>
  1475.                                </div>
  1476.                                                                <div class="btn_box" btn_show="0">
  1477.                                    <div class=" width_50">
  1478.                                                                                <div >
  1479.                                            <div class="btn"  btn-types="deep">
  1480.                                                LEARN MORE
  1481.                                            </div>
  1482.                                        </div>
  1483.                                                                            </div>
  1484.                                </div>
  1485.                            </div>
  1486.                        </div>
  1487.                    </div>
  1488.                </div>
  1489.            </li>
  1490.                        <li class="swiper-slide" modular-edit="custom">
  1491.                <div class="list_box">
  1492.                    <div class="list_con">
  1493.                                                <div data-banner="1" class="img_par no_img_src" img_type="">
  1494.                            <img class="" video-img="https://img001.video2b.com/564/file_01718677153419.jpg" img_preview_gif="" alt="" >
  1495.                                                        <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
  1496.                        </div>
  1497.                        <div class="text videos_js_icons" >
  1498.                            <div class="container">
  1499.                                <div  display_none  class="subtitle align_con">
  1500.                                    <div class=" width_50  width_mobile_60">
  1501.                                        
  1502.                                    </div>
  1503.                                </div>
  1504.                                <div  display_none  class="title  align_con" title_lengths="">
  1505.                                    <div class=" width_50  width_mobile_60">
  1506.                                        
  1507.                                    </div>
  1508.                                </div>
  1509.                                <div  display_none  class="describe  align_con ">
  1510.                                    <div class=" width_50  width_mobile_60">
  1511.                                        
  1512.                                    </div>
  1513.                                </div>
  1514.                                                                <div class="btn_box" btn_show="0">
  1515.                                    <div class=" width_50">
  1516.                                                                                <div >
  1517.                                            <div class="btn"  btn-types="deep">
  1518.                                                LEARN MORE
  1519.                                            </div>
  1520.                                        </div>
  1521.                                                                            </div>
  1522.                                </div>
  1523.                            </div>
  1524.                        </div>
  1525.                    </div>
  1526.                </div>
  1527.            </li>
  1528.                                </ul>
  1529.    </div>
  1530.            </div>
  1531.  
  1532.        <div class="tem_picture_1 no_bg_src content-section" id="v62061a684c3fc" module_id="5004" bg_img_url=""  module_type="module">
  1533.            
  1534.                <div class="container">
  1535.  
  1536.        <div class="picture_con">
  1537.            <ul class="picture_ul" direction="1" direction-phone="4">
  1538.                <li class="picture_li">
  1539.                    <div class="sticky_box" modular-edit="custom">
  1540.                        <div class="img_par no_img_src" img_type="" >
  1541.                            <img video-img="https://img001.video2b.com/564/file_01717493043219.jpg" alt="">
  1542.                            <span display_none video-type="1" video-src="https://img001.video2b.com/m3u8/file_01718678822629.m3u8" video-m3u8src="" playback_mode=""></span>
  1543.                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1544.                        </div>
  1545.                    </div>
  1546.                </li>
  1547.                <li class="picture_li">
  1548.                    <div class="sticky_box">
  1549.                        <div class="top_title ">
  1550.                            <section template-edit="title_languages" module_name="module"><p><span style="color:#f75b98;">about</span> <span style="color:#333333;">us</span></p></section>
  1551.                        </div>
  1552.                        <div class="top_describe  ">
  1553.                            <section template-edit="describe_languages" module_name="module"><p><span style="color:#555555;">Haoyimai 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.</span></p><p><span style="color:#555555;">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.</span></p></section>
  1554.                        </div>
  1555.                        <div class="top_subtitle  ">
  1556.                            <section template-edit="subtitle_languages" module_name="module"><div style="line-height:2.3;"><strong><span style="color:#333333;"><span style="font-size:16px;"><img alt="" data-cke-saved-src="https://img001.video2b.com/564/file_01717492501213.png" src="https://img001.video2b.com/564/file_01717492501213.png" style="width: 22px; height: 22px;">&nbsp; Full Automatic Producing Lines&nbsp;<br><img alt="" data-cke-saved-src="https://img001.video2b.com/564/file_01717492501213.png" src="https://img001.video2b.com/564/file_01717492501213.png" style="width: 22px; height: 22px;">&nbsp;&nbsp;Professional Bio Laboratories&nbsp;</span></span></strong></div><div style="line-height:2.3;"><strong><span style="color:#333333;"><span style="font-size:16px;"><img alt="" data-cke-saved-src="https://img001.video2b.com/564/file_01717492501213.png" src="https://img001.video2b.com/564/file_01717492501213.png" style="width: 22px; height: 22px;">&nbsp;&nbsp;The Company Invested 4 Factories</span></span></strong></div><div style="line-height:2.3;"><strong><span style="color:#333333;"><span style="font-size:16px;"><img alt="" data-cke-saved-src="https://img001.video2b.com/564/file_01717492501213.png" src="https://img001.video2b.com/564/file_01717492501213.png" style="width: 22px; height: 22px;">​​​​​​​&nbsp; We have OEM and ODM Project&nbsp;</span></span></strong></div></section>
  1557.                        </div>
  1558.                        <div class="btn_box  " btn_show="1">
  1559.                                                                                                                                                                <a href="/about-us" target="_self">
  1560.                                <div class="btn" btn-types="deep">
  1561.                                    <section template-edit="btn_languages" module_name="module">READ MORE</section>
  1562.                                </div>
  1563.                            </a>
  1564.                                                                                </div>
  1565.                    </div>
  1566.                </li>
  1567.            </ul>
  1568.        </div>
  1569.    </div>
  1570. </div>
  1571.        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v62061a70163f0" module_id="5015" bg_img_url=""  module_type="module">
  1572.            
  1573.    <div class="container">
  1574.        <div class="text top_text" modular-edit="custom">
  1575.                        <div class="top_title ">
  1576.                <section template-edit="title_languages" module_name="module"><p><span style="color:#333333;">Latest </span><span style="color:#f75b98;">News</span></p></section>
  1577.            </div>
  1578.                                    <div class="top_details ">
  1579.                <section template-edit="describe_languages" module_name="module"><p><span style="color:#555555;">Here are the latest news about our company and industry. Read these posts to get more information about the products.</span></p></section>
  1580.            </div>
  1581.                    </div>
  1582.        <div class="con swiper-container">
  1583.            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
  1584.            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
  1585.            <div class="swiper-pagination" btn_show="1"></div>
  1586.            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
  1587.                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1588.                                        <a  title="Welcome to China, Welcome to Cokelife" href="/products-detail-4761506" target="_blank"  class="list_box">
  1589.                        <div class="list_con" direction="4">
  1590.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1591.                                <img  class="" video-img="https://img001.video2b.com/564/file_01718853685198.jpg" img_preview_gif="https://img001.video2b.com/564/file_017188536966671718855146753-exam.gif" alt="Welcome to China, Welcome to Cokelife">
  1592.                                                                <span class="href_id_a"></span>
  1593.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01718853696667.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01718853696667.m3u8" playback_mode=""></span>
  1594.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1595.                            </div>
  1596.                            <div  class="text" >
  1597.                                <div  class="title" title_lengths="1">
  1598.                                    Welcome to China, Welcome to Cokelife
  1599.                                </div>
  1600.                                                                <div  class="describe" title_lengths="">
  1601.                                    Welcome━(*｀∀´*) every customer to visit our company and factory, we will provide the best service and arrangements
  1602.                                </div>
  1603.                                                            </div>
  1604.                        </div>
  1605.                    </a>
  1606.                </li>
  1607.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1608.                                        <a  title="Lubricant production expert-Guangzhou Haoyimai Trading Co., Ltd." href="/products-detail-97022" target="_blank"  class="list_box">
  1609.                        <div class="list_con" direction="4">
  1610.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1611.                                <img  class="" video-img="https://img001.video2b.com/564/file_01624247682921.JPG" img_preview_gif="" alt="Lubricant production expert-Guangzhou Haoyimai Trading Co., Ltd.">
  1612.                                                                <span class="href_id_a"></span>
  1613.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01624246888145.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01624246888145.m3u8" playback_mode=""></span>
  1614.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1615.                            </div>
  1616.                            <div  class="text" >
  1617.                                <div  class="title" title_lengths="1">
  1618.                                    Lubricant production expert-Guangzhou Haoyimai Trading Co., Ltd.
  1619.                                </div>
  1620.                                                                <div  class="describe" title_lengths="">
  1621.                                    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!
  1622.                                </div>
  1623.                                                            </div>
  1624.                        </div>
  1625.                    </a>
  1626.                </li>
  1627.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1628.                                        <a  title="A group of people do everything well with one heart." href="/products-detail-94721" target="_blank"  class="list_box">
  1629.                        <div class="list_con" direction="4">
  1630.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1631.                                <img  class="" video-img="https://img001.video2b.com/564/file_01623375342276.jpg" img_preview_gif="" alt="A group of people do everything well with one heart.">
  1632.                                                                <span class="href_id_a"></span>
  1633.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01623375288947.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01623375288947.m3u8" playback_mode=""></span>
  1634.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1635.                            </div>
  1636.                            <div  class="text" >
  1637.                                <div  class="title" title_lengths="1">
  1638.                                    A group of people do everything well with one heart.
  1639.                                </div>
  1640.                                                                <div  class="describe" title_lengths="">
  1641.                                    A group of people do everything well with one heart. Guangzhou haoyimai Trading Co., Ltd. is a manufacturer specializing in lubricant production. You can get products with better quality and lower price here, and we will do our best to serve you.
  1642.                                </div>
  1643.                                                            </div>
  1644.                        </div>
  1645.                    </a>
  1646.                </li>
  1647.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1648.                                        <a  title="2024 Annual Meeting" href="/products-detail-4754501" target="_blank"  class="list_box">
  1649.                        <div class="list_con" direction="4">
  1650.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1651.                                <img  class="" video-img="https://img001.video2b.com/564/file_01717753432537.jpg" img_preview_gif="" alt="2024 Annual Meeting">
  1652.                                                                <span class="href_id_a"></span>
  1653.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01717753028372.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01717753028372.m3u8" playback_mode=""></span>
  1654.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1655.                            </div>
  1656.                            <div  class="text" >
  1657.                                <div  class="title" title_lengths="1">
  1658.                                    2024 Annual Meeting
  1659.                                </div>
  1660.                                                                <div  class="describe" title_lengths="">
  1661.                                    2024 Annual Meeting
  1662.                                </div>
  1663.                                                            </div>
  1664.                        </div>
  1665.                    </a>
  1666.                </li>
  1667.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1668.                                        <a  title="New factory completed-Cokelife" href="/products-detail-4754530" target="_blank"  class="list_box">
  1669.                        <div class="list_con" direction="4">
  1670.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1671.                                <img  class="" video-img="https://img001.video2b.com/564/file_01717755918305.jpg" img_preview_gif="" alt="New factory completed-Cokelife">
  1672.                                                                <span class="href_id_a"></span>
  1673.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01717755924245.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01717755924245.m3u8" playback_mode=""></span>
  1674.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1675.                            </div>
  1676.                            <div  class="text" >
  1677.                                <div  class="title" title_lengths="1">
  1678.                                    New factory completed-Cokelife
  1679.                                </div>
  1680.                                                                <div  class="describe" title_lengths="">
  1681.                                    New factory completed-Cokelife 
  1682.                                </div>
  1683.                                                            </div>
  1684.                        </div>
  1685.                    </a>
  1686.                </li>
  1687.                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="1">
  1688.                                        <a  title="2023.12 Christmas activities" href="/products-detail-4754489" target="_blank"  class="list_box">
  1689.                        <div class="list_con" direction="4">
  1690.                            <div class="img_par no_img_src"  img_text_align="2" img_type="2">
  1691.                                <img  class="" video-img="https://img001.video2b.com/564/file_01717752172839.jpg" img_preview_gif="" alt="2023.12 Christmas activities">
  1692.                                                                <span class="href_id_a"></span>
  1693.                                                                                                <span editable="video" video-type="" video-src="https://img001.video2b.com/hls/564/file_01717752183037.mp4" video-m3u8src="https://img001.video2b.com/m3u8/file_01717752183037.m3u8" playback_mode=""></span>
  1694.                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
  1695.                            </div>
  1696.                            <div  class="text" >
  1697.                                <div  class="title" title_lengths="1">
  1698.                                    2023.12 Christmas activities
  1699.                                </div>
  1700.                                                                <div  class="describe" title_lengths="">
  1701.                                    2023.12 Christmas activities
  1702.                                </div>
  1703.                                                            </div>
  1704.                        </div>
  1705.                    </a>
  1706.                </li>
  1707.                                            </ul>
  1708.        </div>
  1709.    </div>
  1710.            </div>
  1711.  
  1712.        <div class="public_inquiry_tem_1 no_bg_src content-section" module_center="center" id="v62061a7944253" module_id="5014" bg_img_url="https://img001.video2b.com/564/file_01717550417420.jpg"  module_type="module">
  1713.                <div class="container">
  1714.        <div class="text top_text" modular-edit="custom">
  1715.            <div class="top_title ">
  1716.                <section template-edit="title_languages" module_name="module"><p><span style="color:#f75b98;">Get in</span> <span style="color:#FFFFFF;">touch&nbsp;</span></p></section>
  1717.            </div>
  1718.            <div class="top_details ">
  1719.                <section template-edit="describe_languages" module_name="module"><p><span style="color:rgba(255, 255, 255, 0.8);">If you have any questions about our products or services, feel free to reach out to customer service team.&nbsp;Provide unique experiences for everyone involved with a brand.&nbsp; We've got preferential price and best-quality products for you.</span></p></section>
  1720.            </div>
  1721.        </div>
  1722.        <div class="con enquiry_box">
  1723.                                <form no_form_enovation action="/add-enquiry" class="row_small_box" onsubmit="return form_submit(this);">
  1724.                <input type="hidden" name="enquiry_type" id="enquiry_type_v62061a7944253" value="0">
  1725.                <input type="hidden" name="visitlength" id="visitlength_v62061a7944253" value="====1743695079====">
  1726.                <input type="hidden" name="source" id="source_v62061a7944253" value="0">
  1727.                <input type="hidden" name="id" id="id_v62061a7944253" value="0">
  1728.                                <ul class="row_small">
  1729.                    <li class="">
  1730.                        <label class="enquiry_label form_inp " inp-types="deep">
  1731.                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="name" id="name_v62061a7944253" title placeholder="Enter your name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
  1732.                            <span class="required_span">Name</span>
  1733.                            <p class="required_tips">Format error</p>
  1734.                        </label>
  1735.                    </li>
  1736.                    <li class="">
  1737.                        <label class="enquiry_label form_inp " inp-types="deep">
  1738.                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="email" id="email_v62061a7944253" title  placeholder="Enter your e-Mail" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
  1739.                            <span class="required_span">E-mail</span>
  1740.                            <p class="required_tips">Format error</p>
  1741.                        </label>
  1742.                    </li>
  1743.                                        <li class="">
  1744.                        <label class="enquiry_label form_inp " inp-types="deep">
  1745.                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" name="phone" id="phone_v62061a7944253"  oninput="this.value=this.value.replace(/[^\d]/,'');setCustomValidity('')" title  placeholder="Enter your phone" oninvalid="setCustomValidity('Please fill in this field')">
  1746.                            <span class="required_span">Phone/WhatsApp/Skype</span>
  1747.                            <p class="required_tips">Format error</p>
  1748.                        </label>
  1749.                    </li>
  1750.                                                            <li class="">
  1751.                        <label class="enquiry_label form_inp " inp-types="deep">
  1752.                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off"  name="company" id="company_v62061a7944253" title  placeholder="Enter your company name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
  1753.                            <span class="required_span">Company Name</span>
  1754.                            <p class="required_tips">Format error</p>
  1755.                        </label>
  1756.                    </li>
  1757.                                                                                                    <li class="li-fill" style="width:100%;">
  1758.                        <label class="enquiry_label form_inp " inp-types="deep">
  1759.                            <textarea class="enquiry_inp enquiry_inp_placeholder" rows="4" autocorrect="off" autocomplete="off" required name="msg" id="msg_v62061a7944253" title  placeholder="Enter the content of your inquiry" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea>
  1760.                            <span class="required_span">Content</span>
  1761.                            <p class="required_tips">Format error</p>
  1762.                        </label>
  1763.                    </li>
  1764.                </ul>
  1765.                                                                                    <div class="inquiry_attachment form_inp" inp-types="deep">
  1766.                    <span class="tit">Attachment:</span>
  1767.                    <div class="attachment_box">
  1768.                        <label class="attachment_btn " title="Support formats：PDF, Word, Excel, Txt, JPG, PNG, BMP, GIF, RAR, ZIP, It is recommended to upload up to 5, and the single size must not exceed 20M.">
  1769.                            <input type="file" id="inquiry_attachment" onchange="inquiry_attachment_change_fun($(this))" accept=''>
  1770.                        </label>
  1771.                        <input type="hidden" name="attach" id="attach_v62061a7944253" value="">
  1772.                        <ul class="attachment_ul"></ul>
  1773.                    </div>
  1774.                </div>
  1775.                                                <div class="enquiry_btn_box btn_box " >
  1776.                    <button id="submit_v62061a7944253" type="submit" class="btn" btn-types="deep">
  1777.                        <div template-edit="btn_languages" module_name="module">SEND INQUIRY NOW</div>
  1778.                    </button>
  1779.                </div>
  1780.            </form>
  1781.        </div>
  1782.    </div>
  1783.            </div>
  1784.        </div>
  1785.  
  1786. <div>
  1787.            <div
  1788.  id="v665eded9dfd45"
  1789.  module_id="5053"
  1790.  bg_img_url=""
  1791.  
  1792.  class="tem_footer_section_03 no_bg_src boxs_m_show"
  1793.  module_type="footer"
  1794.  no_index_edit
  1795. >
  1796.        
  1797.  <div class="tem_footer_03">
  1798.    <div class="container">
  1799.              <div class="iconfenxiang_boxs_m" style="display: none;">
  1800.          <!-- <div class="go_fast">Go fast</div> -->
  1801.          <div class="iconfenxiang_wauto flex"></div>
  1802.        </div>
  1803.            <a href="/sitemap/a1.html" target="_blank" class="sitemap-box">
  1804.          <span class="sitemap" style="vertical-align:middle;">Sitemap</span>
  1805.      </a>
  1806.            <ul class="footer_ul flex">
  1807.        <li class="footer_li">
  1808.          <div class="li_head">
  1809.            <div class="logo" template-logo-edit="common_footer_logo" module_name="footer">
  1810.              <a href="/">
  1811.                                  <img head_logo_src="https://img001.video2b.com/564/file1608711269517.png" alt="cokelife pinknight">
  1812.                              </a>
  1813.            </div>
  1814.          </div>
  1815.  
  1816.          <div class="con_ul">
  1817.            <section template-edit="common_footer_txt0_languages" module_name="footer">
  1818.              <p>Hao Yi Mai Bio Tech Has Been Focused On Bio Lubircant Reseach &amp; Design for More Than 10 Years. As The Sales Growing, The Company Invested 4 Factories In Guangzhou City, Dongguan City, Qingyuan City of Guangdong Province and Xiangtan City of Hunan Provice From The Year 2014.</p>
  1819.            </section>
  1820.          </div>
  1821.  
  1822.          <div class="footer_ul">
  1823.                          <div class="iconfenxiang_boxs footer" footer-social-media="true"></div>
  1824.                      </div>
  1825.        </li>
  1826.  
  1827.        <li class="footer_li">
  1828.          <div class="li_head">
  1829.            <section template-edit="common_footer_txt1_languages" module_name="footer">
  1830.              <p><span style="color:#333333;">Products</span></p>
  1831.            </section>
  1832.          </div>
  1833.  
  1834.          <div class="con_ul">
  1835.            <section template-edit="common_footer_txt2_languages" module_name="footer">
  1836.              <p><a data-cke-saved-href="/" href="/" rel="">Home</a></p><p><a data-cke-saved-href="/products" href="/products">Sexual wellness product</a></p><p><a data-cke-saved-href="/service" href="/service" rel="">Customization</a></p><p><a data-cke-saved-href="/cases" href="/cases" rel="">Factory</a></p><p><a data-cke-saved-href="/news" href="/news" rel="">News</a></p><p><a data-cke-saved-href="/about-us" href="/about-us" rel="">About us</a></p><p><a data-cke-saved-href="/contact-us" href="/contact-us" rel="">Contact us</a></p>
  1837.            </section>
  1838.          </div>
  1839.        </li>
  1840.  
  1841.        <li class="footer_li">
  1842.          <div class="li_head">
  1843.            <section template-edit="common_footer_txt3_languages" module_name="footer">
  1844.              <p><span style="color:#333333;">QUICK LINKS</span></p>
  1845.            </section>
  1846.          </div>
  1847.  
  1848.          <div class="con_ul">
  1849.            <section template-edit="common_footer_txt4_languages" module_name="footer">
  1850.              <p><a data-cke-saved-href="/products-74676" href="/products-74676" rel="">Hot Sells Lube</a></p><p>Food Grade Lube</p><p><a data-cke-saved-href="/products-74679" href="/products-74679" rel="">Anal lube</a></p><p><a data-cke-saved-href="/products-75071" href="/products-75071" rel="">Female Climax Gel</a></p><p><a data-cke-saved-href="/products-75073" href="/products-75073" rel="">Water Based Lube</a></p><p><a data-cke-saved-href="/products-74678" href="/products-74678" rel="">Silicon Based Lube</a></p><p><a data-cke-saved-href="/products-75079" href="/products-75079" rel="">Oil</a></p><p><a data-cke-saved-href="/products-75082" href="/products-75082" rel="">Powder Lube</a></p><p><a data-cke-saved-href="/products-75083" href="/products-75083" rel="">Lube liquid customization</a></p><p><a data-cke-saved-href="/products-18410" href="/products-18410" rel="">Male erection helper</a></p><p><a data-cke-saved-href="/products-75084" href="/products-75084" rel="">Other Adult products</a></p>
  1851.            </section>
  1852.          </div>
  1853.        </li>
  1854.  
  1855.        <li class="footer_li">
  1856.          <div class="li_head">
  1857.            <section template-edit="common_footer_txt5_languages" module_name="footer">
  1858.              <p><span style="color:#333333;">If you have any question,please contact us.</span></p>
  1859.            </section>
  1860.          </div>
  1861.  
  1862.          <div class="con_ul">
  1863.            <section template-edit="common_footer_txt6_languages" module_name="footer">
  1864.              <p>Telephone: +86 400-003-0112<br>Email: <a data-cke-saved-href="mailto:coco@cokelube.com" href="mailto:coco@cokelube.com">coco@cokelube.com</a><br>Phone: +86-13908473323<br>Company Name: Guangzhou haoyimai Trading Co., Ltd.<br>Name: COCO</p>
  1865.            </section>
  1866.          </div>
  1867.  
  1868.          <div class="footer_ul mt10">
  1869.                          <div class="lan_a">
  1870.                <a href="javascript:;" class="icon_bx language_modal_click">
  1871.                  <span class="iconfont icondiqu" style="vertical-align:middle;"></span>
  1872.                  <span class="visible_lgss" style="vertical-align:middle;">
  1873.                    Language
  1874.                  </span>
  1875.                </a>
  1876.                <a href="/sitemap/a1.html" target="_blank">
  1877.                    <span class="sitemap-line" style="vertical-align:middle;"></span>
  1878.                    <span class="sitemap" style="vertical-align:middle;">Sitemap</span>
  1879.                </a>
  1880.                              </div>
  1881.                      </div>
  1882.        </li>
  1883.      </ul>
  1884.    </div>
  1885.  </div>
  1886.  
  1887.        </div>
  1888.        <div class="tem01_copyright no_bg_src" id="v6204664d81660" module_id="5012" no_index_edit module_type="footer" module_type1="copy" bg_img_url="" >
  1889.    <div class="container">
  1890.                <div class="copyright_text">
  1891.            <div modular-edit="custom">
  1892.                <div editable="footer_text">
  1893.                                            Copyright © 2025 Guangzhou haoyimai Trading Co., Ltd. - www.haoyimai.com.cn All Rights Reserved.
  1894.                                                   <span style="display: inline-flex;align-items: baseline">
  1895.                                                    <span>&nbsp;</span>
  1896.                            <div style="
  1897.                                height:12px;
  1898.                                color:rgba(85,85,85,0.8);
  1899.                                                                display:inline-block;"
  1900.                            >
  1901.                                <svg style="width: auto; overflow:visible" viewBox="0 0 5717 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1811" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" class="icon">
  1902.                                    <g transform="translate(0, 113)">
  1903.                                        <path fill="currentColor" d="M1435.409496 881.779793l68.607028-161.789708h361.46688L1934.090432 881.779793h129.022172L1749.773043 164.989947H1625.870798L1309.459281 881.779793h125.950215z m383.99456-269.308185H1549.071886l135.166085-318.459489 135.166085 318.459489zM2209.542529 251.004729c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM2267.909703 881.779793V337.01951h-116.734347V881.779793h116.734347z m420.858037 0l208.893041-544.760283h-117.758332l-149.501882 429.049922-151.549853-429.049922h-122.878259L2566.913467 881.779793h121.854273z m349.179054-630.775064c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM3096.313967 881.779793V337.01951h-116.734346V881.779793h116.734346z m383.99456 5.119927c87.038767 0 152.573839-34.815507 191.485287-98.302607V881.779793h117.758332V121.982556h-117.758332V431.226175c-39.935434-63.487101-105.470506-99.326593-193.533258-99.326592-153.597824 0-259.06833 111.614419-259.06833 275.452097 0 165.88565 104.44652 279.54804 261.116301 279.54804z m24.575652-98.302607c-99.326593 0-166.909635-73.726956-167.933621-177.149491 1.023985-104.44652 69.631014-179.197461 167.933621-179.197461s166.909635 73.726956 166.909635 179.197461c0 103.422535-68.607028 177.14949-166.909635 177.149491z m691.190208 97.278622c94.206665 0 172.029563-33.791521 225.276808-92.158695l-62.463115-66.559057c-39.935434 40.95942-94.206665 63.487101-153.597824 63.487101-86.014781 0-150.525868-52.22326-168.957606-136.190071h411.642168c14.335797-196.605215-63.487101-321.531445-254.972388-321.531445-161.789708 1.023985-275.452098 112.638404-275.452097 277.500069 0 163.837679 110.590433 275.452098 278.524054 275.452098z m149.501882-317.435503h-311.29159c12.287826-87.038767 73.726956-141.309998 159.741737-141.309999 89.086738 0 147.453911 53.247246 151.549853 141.309999z m458.745501 317.435503c167.933621 0 283.643982-112.638404 283.643982-277.500069 0-163.837679-115.710361-275.452098-283.643982-275.452098-168.957606 0-284.667967 111.614419-284.667967 275.452098 0 164.861664 115.710361 277.500069 284.667967 277.500069z m0-98.302608c-98.302607 0-166.909635-71.678985-166.909635-177.14949 0-104.44652 68.607028-177.14949 166.909635-177.149491 97.278622 0 165.88565 72.70297 165.88565 177.149491 0 105.470506-68.607028 177.14949-165.88565 177.14949z m635.894992 99.326593c167.933621 0 273.404127-78.846883 273.404126-206.84507 0-86.014781-54.271231-152.573839-140.286012-182.269418 64.511086-28.671594 104.44652-83.96681 104.44652-152.573838 0-115.710361-91.134709-186.36536-238.58862-186.36536-145.40594 0-237.564635 69.631014-237.564634 181.245432 0 69.631014 41.983405 126.974201 110.590433 157.693766-89.086738 29.695579-145.40594 97.278622-145.40594 184.317389 0 126.974201 105.470506 204.797099 273.404127 204.797099z m0-430.073907c-86.014781 0-136.190071-38.911449-136.190071-105.470506s50.175289-105.470506 136.190071-105.470506 135.166085 38.911449 135.166085 105.470506-49.151304 105.470506-135.166085 105.470506z m0 334.843256c-101.374564 0-159.741737-44.031376-159.741737-122.878259 0-74.750941 58.367173-117.758332 158.717751-117.758332 101.374564 0 160.765722 44.031376 160.765722 118.782317 0 77.822898-59.391159 121.854274-159.741736 121.854274z" p-id="1812"></path><path fill="currentColor" d="M72.683913 2.944243A99.298149 99.298149 0 0 1 121.437 3.143351l835.06017 217.312477c49.976181 13.027371 78.420222 62.292451 63.543988 110.021552a91.646702 91.646702 0 0 1-25.770301 40.191431l-161.107051 147.453911-421.882023-130.842591a112.410852 112.410852 0 0 0-59.647155-1.991083l-0.654213 0.142221c-61.069357 15.103786-96.709741 76.969576-82.487721 137.583828l0.455105 1.820419 104.190524 414.25902-13.254923 12.117162c-37.972795 34.758619-97.733727 34.388846-133.487887-0.853321A85.815673 85.815673 0 0 1 203.242063 910.223834L2.56935 112.311582C-9.462479 64.44026 21.911299 15.488065 72.683913 2.944243z" p-id="1813"></path><path fill="currentColor" d="M868.121533 675.47516c6.371465-6.371465 10.950956-14.449573 13.283367-23.409446 7.338563-27.988937-8.675433-57.485408-35.782604-65.876401l-452.942917-140.229124a49.009083 49.009083 0 0 0-26.25385-0.796433c-27.16406 6.68435-43.348719 35.185279-36.180821 63.629321l119.521863 474.418168c2.275523 9.016761 6.769682 17.322421 13.055815 24.063659 19.768609 21.333031 51.967264 22.385461 71.906537 2.389299l333.364166-334.189043z" p-id="1814">
  1904.                                        </path>
  1905.                                    </g>
  1906.                                </svg>
  1907.                            </div>
  1908.                            <span>&nbsp;Design</span>
  1909.                                                                            </span>
  1910.                                    </div>
  1911.            </div>
  1912.        </div>
  1913.  
  1914.    </div>
  1915. </div>
  1916. <script type="text/javascript">
  1917.  
  1918. function initFooter() {
  1919.    console.log('initFooter123');
  1920.    let show = `1`;
  1921.    let size = `12px` || '15px';
  1922.    let color = `rgba(85,85,85,0.8)` || 'inherit';
  1923.    let title = `Design`;
  1924.    let href = ``
  1925.    const section = $(`#v6204664d81660`).find('section').first()
  1926.    let customFooter = 0;
  1927.    if( customFooter == 1) {
  1928.        if(section.size() > 0 && show == '1') {
  1929.            const p = section.find('p').last()
  1930.            const spanDom = `
  1931.            <span><span>&nbsp;</span>
  1932.                 ${href ? `<a href="${href}" target="_blank">`:''}
  1933.                <div style="
  1934.                    height: ${size};
  1935.                    color: ${color};
  1936.                    ${color == 'inherit' ? 'opacity: 0.6;' : ''}
  1937.                    display:inline-block;"  >
  1938.                    <svg style="width: auto; overflow:visible" viewBox="0 0 5717 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1811" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" class="icon">
  1939.                        <g transform="translate(0, 113)">
  1940.                            <path fill="currentColor" d="M1435.409496 881.779793l68.607028-161.789708h361.46688L1934.090432 881.779793h129.022172L1749.773043 164.989947H1625.870798L1309.459281 881.779793h125.950215z m383.99456-269.308185H1549.071886l135.166085-318.459489 135.166085 318.459489zM2209.542529 251.004729c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM2267.909703 881.779793V337.01951h-116.734347V881.779793h116.734347z m420.858037 0l208.893041-544.760283h-117.758332l-149.501882 429.049922-151.549853-429.049922h-122.878259L2566.913467 881.779793h121.854273z m349.179054-630.775064c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM3096.313967 881.779793V337.01951h-116.734346V881.779793h116.734346z m383.99456 5.119927c87.038767 0 152.573839-34.815507 191.485287-98.302607V881.779793h117.758332V121.982556h-117.758332V431.226175c-39.935434-63.487101-105.470506-99.326593-193.533258-99.326592-153.597824 0-259.06833 111.614419-259.06833 275.452097 0 165.88565 104.44652 279.54804 261.116301 279.54804z m24.575652-98.302607c-99.326593 0-166.909635-73.726956-167.933621-177.149491 1.023985-104.44652 69.631014-179.197461 167.933621-179.197461s166.909635 73.726956 166.909635 179.197461c0 103.422535-68.607028 177.14949-166.909635 177.149491z m691.190208 97.278622c94.206665 0 172.029563-33.791521 225.276808-92.158695l-62.463115-66.559057c-39.935434 40.95942-94.206665 63.487101-153.597824 63.487101-86.014781 0-150.525868-52.22326-168.957606-136.190071h411.642168c14.335797-196.605215-63.487101-321.531445-254.972388-321.531445-161.789708 1.023985-275.452098 112.638404-275.452097 277.500069 0 163.837679 110.590433 275.452098 278.524054 275.452098z m149.501882-317.435503h-311.29159c12.287826-87.038767 73.726956-141.309998 159.741737-141.309999 89.086738 0 147.453911 53.247246 151.549853 141.309999z m458.745501 317.435503c167.933621 0 283.643982-112.638404 283.643982-277.500069 0-163.837679-115.710361-275.452098-283.643982-275.452098-168.957606 0-284.667967 111.614419-284.667967 275.452098 0 164.861664 115.710361 277.500069 284.667967 277.500069z m0-98.302608c-98.302607 0-166.909635-71.678985-166.909635-177.14949 0-104.44652 68.607028-177.14949 166.909635-177.149491 97.278622 0 165.88565 72.70297 165.88565 177.149491 0 105.470506-68.607028 177.14949-165.88565 177.14949z m635.894992 99.326593c167.933621 0 273.404127-78.846883 273.404126-206.84507 0-86.014781-54.271231-152.573839-140.286012-182.269418 64.511086-28.671594 104.44652-83.96681 104.44652-152.573838 0-115.710361-91.134709-186.36536-238.58862-186.36536-145.40594 0-237.564635 69.631014-237.564634 181.245432 0 69.631014 41.983405 126.974201 110.590433 157.693766-89.086738 29.695579-145.40594 97.278622-145.40594 184.317389 0 126.974201 105.470506 204.797099 273.404127 204.797099z m0-430.073907c-86.014781 0-136.190071-38.911449-136.190071-105.470506s50.175289-105.470506 136.190071-105.470506 135.166085 38.911449 135.166085 105.470506-49.151304 105.470506-135.166085 105.470506z m0 334.843256c-101.374564 0-159.741737-44.031376-159.741737-122.878259 0-74.750941 58.367173-117.758332 158.717751-117.758332 101.374564 0 160.765722 44.031376 160.765722 118.782317 0 77.822898-59.391159 121.854274-159.741736 121.854274z" p-id="1812"></path><path fill="currentColor" d="M72.683913 2.944243A99.298149 99.298149 0 0 1 121.437 3.143351l835.06017 217.312477c49.976181 13.027371 78.420222 62.292451 63.543988 110.021552a91.646702 91.646702 0 0 1-25.770301 40.191431l-161.107051 147.453911-421.882023-130.842591a112.410852 112.410852 0 0 0-59.647155-1.991083l-0.654213 0.142221c-61.069357 15.103786-96.709741 76.969576-82.487721 137.583828l0.455105 1.820419 104.190524 414.25902-13.254923 12.117162c-37.972795 34.758619-97.733727 34.388846-133.487887-0.853321A85.815673 85.815673 0 0 1 203.242063 910.223834L2.56935 112.311582C-9.462479 64.44026 21.911299 15.488065 72.683913 2.944243z" p-id="1813"></path><path fill="currentColor" d="M868.121533 675.47516c6.371465-6.371465 10.950956-14.449573 13.283367-23.409446 7.338563-27.988937-8.675433-57.485408-35.782604-65.876401l-452.942917-140.229124a49.009083 49.009083 0 0 0-26.25385-0.796433c-27.16406 6.68435-43.348719 35.185279-36.180821 63.629321l119.521863 474.418168c2.275523 9.016761 6.769682 17.322421 13.055815 24.063659 19.768609 21.333031 51.967264 22.385461 71.906537 2.389299l333.364166-334.189043z" p-id="1814">
  1941.                            </path>
  1942.                        </g>
  1943.                    </svg>
  1944.                </div>
  1945.                ${title}
  1946.                ${href ? `</a>`:''}
  1947.            </span>`
  1948.            if(p.size() > 0) {
  1949.                const span = p.find('span').last()
  1950.                if(span.size()) {
  1951.                    span.append(spanDom)
  1952.                    return
  1953.                }
  1954.                p.append(spanDom)
  1955.            } else {
  1956.                section.append(spanDom)
  1957.            }
  1958.        }
  1959.    }
  1960. }
  1961.  
  1962. initFooter()
  1963. </script>
  1964.        </div>
  1965. <!-- 引用内容 end -->
  1966.    <div id="backTop_click" onclick="backtop_click_fun()" ta_click="top" class="back_top font-color"><i class="iconfont iconxiangshang1"></i></div>
  1967.    <script>
  1968.        var backtop_click_fun_bol = true;
  1969.        function backtop_click_fun(){
  1970.            if (backtop_click_fun_bol) {
  1971.                backtop_click_fun_bol = false;
  1972.                $('body,html,*').stop().animate({scrollTop:0},500,function(){backtop_click_fun_bol = true;});
  1973.            }return false;
  1974.        }
  1975.    </script>
  1976.            <script>
  1977.    window.ChatOnlineConfig = {styleId:'1',color:'#007eff'};
  1978.    $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);})
  1979.    </script>
  1980.            <svg style="position:absolute;bottom:100%;right:100%" width="1" height="1">
  1981.            <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox">
  1982.                <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/>
  1983.            </clipPath>
  1984.        </svg>
  1985.        <div id="chat_online_box" class="chat_online_box fun_scr_hide chat-online-style1" lang="en" v_id="">
  1986.                <svg viewBox="-1 -1 2 2" width="64" height="64" class="chat-online-bg">
  1987.            <path fill="var(--chatonline-color)" d="M-0.10000000000000002 -0.939955572004279A0.2 0.2 0 0 1 0.09999999999999999 -0.9399555720042789 L0.7640254037844385 -0.5565803263805834A0.2 0.2 0 0 1 0.8640254037844386 -0.3833752456236957 L0.8640254037844387 0.38337524562369535A0.2 0.2 0 0 1 0.7640254037844386 0.5565803263805831 L0.1000000000000001 0.9399555720042789A0.2 0.2 0 0 1 -0.0999999999999999 0.939955572004279 L-0.7640254037844384 0.5565803263805837A0.2 0.2 0 0 1 -0.8640254037844385 0.383375245623696 L-0.8640254037844386 -0.3833752456236957A0.2 0.2 0 0 1 -0.7640254037844385 -0.5565803263805834z" />
  1988.        </svg>
  1989.        <svg width="22" height="22" viewBox="0 0 22 22" class="chat-online-icon">
  1990.            <path fill="rgba(255,255,255,.7)" d="M 19.7902 0 C 21.0106 0 22 0.991154 22 2.2138 L 22 15.4966 C 22 16.7192 21.0106 17.7104 19.7902 17.7104 L 8.71475 17.7104 L 5.81379 21.6045 C 5.48937 22.04 4.87398 22.1296 4.43929 21.8046 C 4.19077 21.6186 4.04447 21.3264 4.04454 21.016 L 4.04454 17.7104 L 2.20982 17.7104 C 0.989362 17.7104 0 16.7192 0 15.4966 L 0 2.2138 C 0 0.991154 0.989362 0 2.20982 0 L 19.7902 0 Z" />
  1991.        </svg>
  1992.            </div>
  1993.        <div class="share_fun_box fun_scr_hide">
  1994.        <ul>
  1995.            <li class="">
  1996.                <div class="text network_bg" data-network="linkedin">
  1997.                    <a href="https://www.linkedin.com/shareArticle/?title=Custom+Private+Label+Personal+Lubricant+Manufacturer+%7C+COKELIFE+Factory&url=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  1998.                        <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">linkedin</div>
  1999.                    </a>
  2000.                </div>
  2001.            </li><li class="share_m_hide">
  2002.                    <div class="text network_bg" data-network="whatsapp">
  2003.                        <a href="https://web.whatsapp.com/send?text=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  2004.                            <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div>
  2005.                        </a>
  2006.                    </div>
  2007.                </li><li class="share_pc_hide">
  2008.                    <div class="text network_bg" data-network="whatsapp">
  2009.                        <a href="whatsapp://send?text=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  2010.                            <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div>
  2011.                        </a>
  2012.                    </div>
  2013.                </li><li class="">
  2014.                <div class="text network_bg" data-network="facebook">
  2015.                    <a href="https://www.facebook.com/sharer.php?t=Custom+Private+Label+Personal+Lubricant+Manufacturer+%7C+COKELIFE+Factory&u=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  2016.                        <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">facebook</div>
  2017.                    </a>
  2018.                </div>
  2019.            </li><li class="">
  2020.                <div class="text network_bg" data-network="twitter">
  2021.                    <a href="https://twitter.com/intent/tweet?text=Custom+Private+Label+Personal+Lubricant+Manufacturer+%7C+COKELIFE+Factory&url=https://www.haoyimai.com.cn" target="_blank" rel="nofollow">
  2022.                        <div class="share_img_box">
  2023.                            
  2024.                            <img src="/images/media_img/twitter.svg" alt="" style="width: 24px;height: 24px;margin-top:0;">
  2025.                        </div>
  2026.                        <div class="tit">twitter</div>
  2027.                    </a>
  2028.                </div>
  2029.            </li><li>
  2030.                <div class="text network_bg" data-network="share">
  2031.                    <a href="javascript:;"><div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">share</div></a>
  2032.                </div>
  2033.            </li><li class="network_click_li">
  2034.                <div class="img icon_bgs"></div>
  2035.            </li>
  2036.        </ul>
  2037.    </div>
  2038.    <div class="share_fun_box2 switch_module_no fun_scr_hide" id="bottomShareBox">
  2039.        <ul>
  2040.            <li data-network="share">
  2041.                <button type="button" class="share_fun_box2__share">
  2042.                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="share_fun_box2__icon">
  2043.                        <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"/>
  2044.                    </svg>
  2045.                    Share
  2046.                </button>
  2047.            </li>
  2048.            <li class="share_fun_box2__btn-box">
  2049.                <button type="button" class="btn share_fun_box2__inquiry" id="showInquiry" btn-types="deep">
  2050.                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18" class="share_fun_box2__icon">
  2051.                        <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"/>
  2052.                    </svg>
  2053.                    <span>Send Inquiry</span>
  2054.                </button>
  2055.            </li>
  2056.                        <li class="share_fun_box2__btn-box">
  2057.                <button type="button" class="btn chat_online_clicks" btn-types="deep">
  2058.                    <svg width="20" height="17" viewBox="0 0 20 17" class="share_fun_box2__icon">
  2059.                        <path d="M8.34648449,7.37780455 C9.75187587,6.81309866 10.7478925,5.4388328 10.7478925,3.83394163 C10.7478925,1.72748494 9.03421028,0.0138026772 6.92805002,0.0138026772 C4.82188976,0.0138026772 3.10791106,1.72778138 3.10791106,3.83394163 C3.10791106,5.4388328 4.10422417,6.81309864 5.50961557,7.37780455 C2.37572024,8.03410839 0.0149235827,10.8182121 0.0149235827,14.1439 C0.0149235827,14.9573136 0.584075965,15.2258824 1.04176933,15.4419824 L1.06844835,15.4532469 C2.90900415,16.1030292 5.57127372,16.2764428 6.85394163,16.2764428 C8.25310791,16.2764428 10.9912645,16.0496711 12.8104771,15.421232 C13.4940528,15.1588884 13.84088,14.7290597 13.84088,14.1441964 C13.8411765,10.8182121 11.4800834,8.03410837 8.34648449,7.37780455 L8.34648449,7.37780455 Z M18.947837,0.165873091 L13.5886151,0.165873091 C12.9592867,0.165873091 12.7671978,0.833737835 12.7671978,1.41652616 L12.7671978,2.55186661 C12.7671978,2.95116258 12.5333117,3.41270961 12.4434924,3.54284392 C12.3776841,3.63740622 11.8918295,4.01535898 11.5248448,4.3082353 C11.4362112,4.37908291 11.3733673,4.49498843 11.4027142,4.60466882 C11.4317647,4.71375636 11.5103196,4.79586844 11.6223715,4.81306159 C11.9392589,4.86197313 12.3029829,4.92837423 12.5101899,4.97610004 C12.5134507,5.62558593 13.1267717,5.62558593 13.3588791,5.62558593 L18.8971468,5.62380732 C19.5083928,5.62380732 19.8816026,5.21591478 19.8816026,4.63194071 L19.8816026,1.4168226 C19.8816026,0.831366378 19.5685688,0.165873091 18.947837,0.165873091 L18.947837,0.165873091 Z M16.6208337,4.31594256 L14.2493655,4.31594256 C14.086327,4.31594256 13.9529319,4.18254746 13.9529319,4.01950904 C13.9529319,3.85647061 14.086327,3.72307549 14.2493655,3.72307549 L16.6208337,3.72307549 C16.7838722,3.72307549 16.9172672,3.85647059 16.9172672,4.01950904 C16.9172672,4.18254748 16.7835757,4.31594256 16.6208337,4.31594256 Z M17.8065679,3.13020843 L14.2493655,3.13020843 C14.086327,3.13020843 13.9529319,2.99681333 13.9529319,2.8337749 C13.9529319,2.67073648 14.086327,2.53734136 14.2493655,2.53734136 L17.8065679,2.53734136 C17.9696063,2.53734136 18.1030014,2.67073646 18.1030014,2.8337749 C18.1030014,2.99681335 17.9693099,3.13020843 17.8065679,3.13020843 Z M18.6958685,1.94447429 L14.2493655,1.94447429 C14.086327,1.94447429 13.9529319,1.81107919 13.9529319,1.64804077 C13.9529319,1.48500234 14.086327,1.35160722 14.2493655,1.35160722 L18.6958685,1.35160722 C18.8589069,1.35160722 18.992302,1.48500232 18.992302,1.64804077 C18.992302,1.81107921 18.8586105,1.94447429 18.6958685,1.94447429 Z" />
  2060.                    </svg>
  2061.                    <span>Chat Now</span>
  2062.                </button>
  2063.            </li>
  2064.                    </ul>
  2065.    </div>
  2066.        <div id="bottomInquiry" class="bottom-inquiry-box bottom-inquiry-box--hidden">
  2067.        <div class="bottom-inquiry-box__bg" data-inquiry-close></div>
  2068.        <form action="/add-enquiry" class="bottom-inquiry-box__form">
  2069.            <button type="button" data-inquiry-close class="bottom-inquiry-box__close iconfont iconguanbi"></button>
  2070.            <h4 class="bottom-inquiry-box__title">Send your inquiry</h4>
  2071.            <input type="hidden" name="enquiry_type" value="0">
  2072.            <input type="hidden" name="visitlength" value="====1743695079====">
  2073.            <input type="hidden" name="source" value="0">
  2074.            <input type="hidden" name="id" value="0">
  2075.            <div class="bottom-inquiry-box__scroll">
  2076.                                <label class="bottom-inquiry-box__label">
  2077.                    <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('')"/>
  2078.                    <span class="bottom-inquiry-box__tip">Name</span>
  2079.                </label>
  2080.                <label class="bottom-inquiry-box__label">
  2081.                    <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('')"/>
  2082.                    <span class="bottom-inquiry-box__tip">E-mail</span>
  2083.                    <span class="bottom-inquiry-box__error">Format error</span>
  2084.                </label>
  2085.                                <label class="bottom-inquiry-box__label">
  2086.                    <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off"  name="phone" placeholder="Enter your phone" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/>
  2087.                    <span class="bottom-inquiry-box__tip">Phone/WhatsApp/Skype</span>
  2088.                </label>
  2089.                                                <label class="bottom-inquiry-box__label">
  2090.                    <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off"  name="company" placeholder="Enter your company name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/>
  2091.                    <span class="bottom-inquiry-box__tip">Company Name</span>
  2092.                </label>
  2093.                                                                                        <label class="bottom-inquiry-box__label">
  2094.                    <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>
  2095.                    <span class="bottom-inquiry-box__tip">Content</span>
  2096.                </label>
  2097.                                <div class="bottom-inquiry-box__attachment">
  2098.                    Attachment:
  2099.                    <div class="bottom-inquiry-box__attachment-box attachment_box">
  2100.                    <label class="bottom-inquiry-box__file">
  2101.                        <input type="file" />
  2102.                    </label>
  2103.                    <input type="hidden" name="attach" value="">
  2104.                    <ul class="attachment_ul"></ul>
  2105.                    </div>
  2106.                </div>
  2107.                                            </div>
  2108.            <button type="submit" class="bottom-inquiry-box__btn bg-color" id="submit_main">SEND INQUIRY NOW</button>
  2109.        </form>
  2110.    </div>
  2111.          
  2112.              <script mos-id="v62061a7944253">
  2113.    (function(){
  2114.        var generate_id = "v62061a7944253",
  2115.            box = $('#'+generate_id),
  2116.            inp = box.find('.enquiry_inp');
  2117.  
  2118.        inp.bind('input propertychange', function () {
  2119.            var that = $(this),
  2120.                par = that.parent(),
  2121.                name = that.attr("name"),
  2122.                val = that.val();
  2123.            if (val) {
  2124.                par.addClass("active");
  2125.            } else {
  2126.                par.removeClass("active");
  2127.            }
  2128.        });
  2129.  
  2130.        inp.change(function () {
  2131.            var that = $(this),
  2132.                par = that.parent(),
  2133.                name = that.attr("name"),
  2134.                val = that.val(),
  2135.                bol = false;
  2136.            if (val) {
  2137.                if (name == "email") {
  2138.                    // rao@iqo.uni-hannover.de
  2139.                    var strRegex = /^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/;
  2140.                    if (!strRegex.test(val)) {
  2141.                        bol = true;
  2142.                    }
  2143.                }
  2144.            }
  2145.            if (bol) {
  2146.                par.addClass("errors");
  2147.            } else {
  2148.                par.removeClass("errors");
  2149.            }
  2150.        });
  2151.  
  2152.        $(function() {
  2153.            box.find('[data-input-select]').length > 0 && box.find('[data-input-select]').inputSelectable()
  2154.        });
  2155.    })();
  2156.    </script>
  2157.                <script mos-id="v62061a70163f0">
  2158.    fun_scr_arr.push({
  2159.        name:5,
  2160.        fun:function () {
  2161.            window["fun_v62061a70163f0"]();
  2162.        }
  2163.    })
  2164.        function fun_v62061a70163f0(){
  2165.        var generate_id = "v62061a70163f0",
  2166.            box = $('#'+generate_id);
  2167.        if(box.length==0){
  2168.            var design_iframe = $('#design_iframe'),
  2169.                dom = design_iframe.contents(),
  2170.            box = dom.find('#'+generate_id);
  2171.        }
  2172.  
  2173.        function noop(){}
  2174.        box.find('[data-zoomable]').click(noop);
  2175.  
  2176.        var list_cols = "3",
  2177.            mobileListCols = +"1",
  2178.            loop = "",
  2179.            speed = "300",
  2180.            autoplay = "4000",
  2181.            swiper_switch = box.find('[swiper_switch="1"]');
  2182.        if(loop == "1"){
  2183.            loop = true;
  2184.        }else{
  2185.            loop = false;
  2186.        }
  2187.        if(swiper_switch.length == 0){return false;}
  2188.        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
  2189.            // autoHeight: true,
  2190.            autoplay: parseInt(autoplay),
  2191.            speed: parseInt(speed),
  2192.            loop: loop,
  2193.            autoplayDisableOnInteraction: false,
  2194.            slidesPerView : list_cols,
  2195.            spaceBetween : 20,
  2196.            prevButton: '#'+generate_id+' .swiper-container .left_icon',
  2197.            nextButton: '#'+generate_id+' .swiper-container .right_icon',
  2198.            pagination : '#'+generate_id+' .swiper-pagination',
  2199.            paginationClickable: true,
  2200.            onInit:function(mySwiper){
  2201.                slide_top_btn();
  2202.                box.find('.swiper-container')[0].swipers = function(type){
  2203.                    // 当前播放禁止轮播
  2204.                    if (autoplay=='0') {return}
  2205.                    if (type == 'play') {
  2206.                        mySwiper.stopAutoplay();
  2207.                    }else{
  2208.                        mySwiper.startAutoplay();
  2209.                    }
  2210.                }
  2211.                var top = $(document).scrollTop();
  2212.                $(document).scrollTop((top+100));
  2213.                $(document).scrollTop((top-100));
  2214.                $(document).scrollTop(top);
  2215.            },
  2216.            onSlideChangeStart:function(swiper){
  2217.                box.find('.swiper-container .swiper-slide video').each(function(){
  2218.                    $(this)[0].pause();
  2219.                })
  2220.            },onSlideChangeEnd:function(){
  2221.                slide_top_btn();
  2222.            },
  2223.            breakpoints: {
  2224.                768: {
  2225.                    slidesPerView: mobileListCols || 2
  2226.                },
  2227.                500: {
  2228.                    slidesPerView: 1
  2229.                },
  2230.            }
  2231.        })
  2232.        function slide_top_btn(){
  2233.            if(list_cols>=box.find('.list_row_li').length){return}
  2234.            var box_h = box.height(),
  2235.                txt = box.find('.con li .text'),
  2236.                h = 0,
  2237.                direction = "4";
  2238.            txt.each(function(){
  2239.                var that = $(this),
  2240.                    that_h = that.outerHeight()
  2241.                if(that_h>h){
  2242.                    if(direction == "3"){
  2243.                        h = -that_h;
  2244.                    }else{
  2245.                        h = that_h;
  2246.                    }
  2247.                }
  2248.            })
  2249.            box_h = box_h - h;
  2250.            box.find('.right_icon,.left_icon').css({
  2251.                top:  "calc(50% - "+h/2+"px)"
  2252.            }).show();
  2253.            box.find('.swiper-pagination').show();
  2254.        }
  2255.    }
  2256.    </script>
  2257.                        <script mos-id="v62061a684c3fc">
  2258.      $("#v62061a684c3fc_pricture_1").on("click",function(){
  2259.        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v62061a684c3fc')
  2260.      })
  2261.    </script>
  2262.                
  2263.    <script mos-id="v665eec01b12bb">
  2264.        $("#v665eec01b12bb_banner").on("click",function(){
  2265.            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v665eec01b12bb')
  2266.        })
  2267.        $('.click_inquiry').on("click",function(){
  2268.            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v665eec01b12bb')
  2269.        })
  2270.    fun_scr_arr.push({
  2271.        name:5,
  2272.        fun:function () {
  2273.            window["fun_v665eec01b12bb"]();
  2274.        }
  2275.    })
  2276.        function fun_v665eec01b12bb(){
  2277.        var generate_id = "v665eec01b12bb",
  2278.            box = $('#'+generate_id),
  2279.            isMouseOver = false;
  2280.        if(box.length==0){
  2281.            var design_iframe = $('#design_iframe'),
  2282.                dom = design_iframe.contents(),
  2283.            box = dom.find('#'+generate_id);
  2284.        }
  2285.  
  2286.        var loop = "1",
  2287.            speed = "0",
  2288.            autoplay = "0",
  2289.            pauseOnMouse = +autoplay && "0" === '1',
  2290.            autoHide = "0" === '1';
  2291.        if(loop == "1"){
  2292.            loop = true;
  2293.        }else{
  2294.            loop = false;
  2295.        }
  2296.        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
  2297.            autoHeight: true,
  2298.            autoplay: parseInt(autoplay),
  2299.            speed: parseInt(speed),
  2300.            loop: loop,
  2301.            autoplayDisableOnInteraction: false,
  2302.            slidesPerView : 1,
  2303.            // spaceBetween : 20,
  2304.            prevButton: '#'+generate_id+' .left_icon',
  2305.            nextButton: '#'+generate_id+' .right_icon',
  2306.            pagination : '#'+generate_id+' .swiper-pagination',
  2307.            paginationClickable :true,
  2308.            onInit:function(mySwiper){
  2309.                // slide_top_btn();
  2310.                box.find('.swiper-container')[0].swipers = function(type){
  2311.                    // 当前播放禁止轮播
  2312.                    if (autoplay=='0') {return}
  2313.                    if (type == 'play') {
  2314.                        mySwiper.stopAutoplay();
  2315.                    }else{
  2316.                        if(!isMouseOver) {
  2317.                            mySwiper.startAutoplay();
  2318.                        }
  2319.                    }
  2320.                }
  2321.                var top = $(document).scrollTop();
  2322.                $(document).scrollTop((top+100));
  2323.                $(document).scrollTop((top-100));
  2324.                $(document).scrollTop(top);
  2325.            },
  2326.            onSlideChangeStart:function(swiper){
  2327.                box.trigger('togglevideo');
  2328.                box.find('.swiper-container .swiper-slide video').each(function(){
  2329.                    $(this)[0].pause();
  2330.                });
  2331.  
  2332.                box.find('.swiper-container .swiper-slide iframe').each(function(){
  2333.                    if(/^youtube/.test(this.id) && typeof window.YT !=='undefined') {
  2334.                        YT.get(this.id).pauseVideo();
  2335.                    }
  2336.                });
  2337.            },onSlideChangeEnd:function(){
  2338.                // slide_top_btn();
  2339.            },
  2340.        });
  2341.  
  2342.        if (pauseOnMouse) {
  2343.            box.on('mouseenter', function() {
  2344.                swiper_ids.stopAutoplay();
  2345.                isMouseOver = true;
  2346.            }).on('mouseleave', function() {
  2347.                isMouseOver = false;
  2348.                var done = false;
  2349.                box.find('.swiper-container .swiper-slide iframe').each(function(){
  2350.                    if(/^youtube/.test(this.id) && typeof window.YT !=='undefined') {
  2351.                        var player = YT.get(this.id);
  2352.                        if (player.getPlayerState() === 1) {
  2353.                            done=true;
  2354.                        }
  2355.                    }
  2356.                });
  2357.                box.find('.swiper-container .swiper-slide video').each(function(){
  2358.                    if(!$(this)[0].paused) {
  2359.                        done=true;
  2360.                    }
  2361.                });
  2362.                if (!done) {
  2363.                    swiper_ids.startAutoplay();
  2364.                }
  2365.            });
  2366.        }
  2367.  
  2368.        if (autoHide) {
  2369.            box.on('togglevideo', function() {
  2370.                var cover = box.find('.top_text');
  2371.                if(box.find('.swiper-wrapper').children().eq(swiper_ids.activeIndex).find('video,iframe').is(':visible')) {
  2372.                    cover.addClass('top_text--hidden');
  2373.                } else {
  2374.                    cover.removeClass('top_text--hidden');
  2375.                }
  2376.            });
  2377.        }
  2378.  
  2379.        box.on('lazyload', function() {
  2380.            setTimeout(() => {
  2381.                swiper_ids.updateAutoHeight();
  2382.            }, 200);
  2383.        });
  2384.    }
  2385.    </script>
  2386.                        <script mos-id="v6204664d81614">
  2387.      $("#v6204664d81614_pricture_1").on("click",function(){
  2388.        inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v6204664d81614')
  2389.      })
  2390.    </script>
  2391.                    <script mos-id="v6205dbfc46723">
  2392.    fun_scr_arr.push({
  2393.        name:5,
  2394.        fun:function () {
  2395.            window["fun_v6205dbfc46723"]();
  2396.        }
  2397.    })
  2398.        function fun_v6205dbfc46723(){
  2399.        var generate_id = "v6205dbfc46723",
  2400.            box = $('#'+generate_id);
  2401.        if(box.length==0){
  2402.            var design_iframe = $('#design_iframe'),
  2403.                dom = design_iframe.contents(),
  2404.            box = dom.find('#'+generate_id);
  2405.        }
  2406.  
  2407.        function noop(){}
  2408.        box.find('[data-zoomable]').click(noop);
  2409.  
  2410.        var list_cols = "4",
  2411.            mobileListCols = +"2",
  2412.            loop = "",
  2413.            speed = "300",
  2414.            autoplay = "4000",
  2415.            swiper_switch = box.find('[swiper_switch="1"]');
  2416.        if(loop == "1"){
  2417.            loop = true;
  2418.        }else{
  2419.            loop = false;
  2420.        }
  2421.        if(swiper_switch.length == 0){return false;}
  2422.        new Swiper('#'+generate_id+' .swiper-container', {
  2423.            // autoHeight: true,
  2424.            autoplay: parseInt(autoplay),
  2425.            speed: parseInt(speed),
  2426.            loop: loop,
  2427.            slidesPerView : list_cols,
  2428.            spaceBetween : 20,
  2429.            prevButton: '#'+generate_id+' .swiper-container .left_icon',
  2430.            nextButton: '#'+generate_id+' .swiper-container .right_icon',
  2431.            pagination : '#'+generate_id+' .swiper-pagination',
  2432.            onInit:function(mySwiper){
  2433.                slide_top_btn();
  2434.                box.find('.swiper-container')[0].swipers = function(type){
  2435.                    // 当前播放禁止轮播
  2436.                    if (autoplay=='0') {return}
  2437.                    if (type == 'play') {
  2438.                        mySwiper.stopAutoplay();
  2439.                    }else{
  2440.                        mySwiper.startAutoplay();
  2441.                    }
  2442.                }
  2443.                var top = $(document).scrollTop();
  2444.                $(document).scrollTop((top+100));
  2445.                $(document).scrollTop((top-100));
  2446.                $(document).scrollTop(top);
  2447.            },
  2448.            onSlideChangeStart:function(swiper){
  2449.                box.find('.swiper-container .swiper-slide video').each(function(){
  2450.                    $(this)[0].pause();
  2451.                })
  2452.            },onSlideChangeEnd:function(){
  2453.                slide_top_btn();
  2454.            },
  2455.            breakpoints: {
  2456.                768: {
  2457.                    slidesPerView: mobileListCols || 2
  2458.                },
  2459.                // 500: {
  2460.                //     slidesPerView: 1
  2461.                // },
  2462.            }
  2463.        })
  2464.        function slide_top_btn(){
  2465.            if(list_cols>=box.find('.list_row_li').length){return}
  2466.            var box_h = box.height(),
  2467.                txt = box.find('.con li .text'),
  2468.                h = 0;
  2469.            txt.each(function(){
  2470.                var that = $(this),
  2471.                    that_h = that.outerHeight()
  2472.                if(that_h>h){
  2473.                    // h = that_h;
  2474.                }
  2475.            })
  2476.            box_h = box_h - h;
  2477.            box.find('.right_icon,.left_icon').css({
  2478.                top:  "calc(50% - "+h/2+"px)"
  2479.            }).show();
  2480.            box.find('.swiper-pagination').show();
  2481.        }
  2482.    }
  2483.    </script>
  2484.                <script mos-id="v6205b76d5a943">
  2485.    fun_scr_arr.push({
  2486.        name:5,
  2487.        fun:function () {
  2488.            window["fun_v6205b76d5a943"]();
  2489.        }
  2490.    })
  2491.        function fun_v6205b76d5a943(){
  2492.        var generate_id = "v6205b76d5a943",
  2493.            box = $('#'+generate_id);
  2494.        if(box.length==0){
  2495.            var design_iframe = $('#design_iframe'),
  2496.                dom = design_iframe.contents(),
  2497.            box = dom.find('#'+generate_id);
  2498.        }
  2499.  
  2500.        function noop(){}
  2501.        box.find('[data-zoomable]').click(noop);
  2502.  
  2503.        var list_cols = "3",
  2504.            mobileListCols = +"1",
  2505.            loop = "",
  2506.            speed = "300",
  2507.            autoplay = "4000",
  2508.            swiper_switch = box.find('[swiper_switch="1"]');
  2509.        if(loop == "1"){
  2510.            loop = true;
  2511.        }else{
  2512.            loop = false;
  2513.        }
  2514.        if(swiper_switch.length == 0){return false;}
  2515.        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
  2516.            // autoHeight: true,
  2517.            autoplay: parseInt(autoplay),
  2518.            speed: parseInt(speed),
  2519.            loop: loop,
  2520.            autoplayDisableOnInteraction: false,
  2521.            slidesPerView : list_cols,
  2522.            spaceBetween : 20,
  2523.            prevButton: '#'+generate_id+' .swiper-container .left_icon',
  2524.            nextButton: '#'+generate_id+' .swiper-container .right_icon',
  2525.            pagination : '#'+generate_id+' .swiper-pagination',
  2526.            paginationClickable: true,
  2527.            onInit:function(mySwiper){
  2528.                slide_top_btn();
  2529.                box.find('.swiper-container')[0].swipers = function(type){
  2530.                    // 当前播放禁止轮播
  2531.                    if (autoplay=='0') {return}
  2532.                    if (type == 'play') {
  2533.                        mySwiper.stopAutoplay();
  2534.                    }else{
  2535.                        mySwiper.startAutoplay();
  2536.                    }
  2537.                }
  2538.                var top = $(document).scrollTop();
  2539.                $(document).scrollTop((top+100));
  2540.                $(document).scrollTop((top-100));
  2541.                $(document).scrollTop(top);
  2542.            },
  2543.            onSlideChangeStart:function(swiper){
  2544.                box.find('.swiper-container .swiper-slide video').each(function(){
  2545.                    $(this)[0].pause();
  2546.                })
  2547.            },onSlideChangeEnd:function(){
  2548.                slide_top_btn();
  2549.            },
  2550.            breakpoints: {
  2551.                768: {
  2552.                    slidesPerView: mobileListCols || 2
  2553.                },
  2554.                500: {
  2555.                    slidesPerView: 1
  2556.                },
  2557.            }
  2558.        })
  2559.        function slide_top_btn(){
  2560.            if(list_cols>=box.find('.list_row_li').length){return}
  2561.            var box_h = box.height(),
  2562.                txt = box.find('.con li .text'),
  2563.                h = 0,
  2564.                direction = "4";
  2565.            txt.each(function(){
  2566.                var that = $(this),
  2567.                    that_h = that.outerHeight()
  2568.                if(that_h>h){
  2569.                    if(direction == "3"){
  2570.                        h = -that_h;
  2571.                    }else{
  2572.                        h = that_h;
  2573.                    }
  2574.                }
  2575.            })
  2576.            box_h = box_h - h;
  2577.            box.find('.right_icon,.left_icon').css({
  2578.                top:  "calc(50% - "+h/2+"px)"
  2579.            }).show();
  2580.            box.find('.swiper-pagination').show();
  2581.        }
  2582.    }
  2583.    </script>
  2584.                <script mos-id="v6204664d81611">
  2585.    fun_scr_arr.push({
  2586.        name:5,
  2587.        fun:function () {
  2588.            window["fun_v6204664d81611"]();
  2589.        }
  2590.    })
  2591.        function fun_v6204664d81611(){
  2592.        var generate_id = "v6204664d81611",
  2593.            box = $('#'+generate_id);
  2594.        if(box.length==0){
  2595.            var design_iframe = $('#design_iframe'),
  2596.                dom = design_iframe.contents(),
  2597.            box = dom.find('#'+generate_id);
  2598.        }
  2599.  
  2600.        function noop(){}
  2601.        box.find('[data-zoomable]').click(noop);
  2602.  
  2603.        var list_cols = "4",
  2604.            mobileListCols = +"2",
  2605.            loop = "1",
  2606.            speed = "300",
  2607.            autoplay = "3000",
  2608.            swiper_switch = box.find('[swiper_switch="1"]');
  2609.        if(loop == "1"){
  2610.            loop = true;
  2611.        }else{
  2612.            loop = false;
  2613.        }
  2614.        if(swiper_switch.length == 0){return false;}
  2615.        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
  2616.            // autoHeight: true,
  2617.            autoplay: parseInt(autoplay),
  2618.            speed: parseInt(speed),
  2619.            loop: loop,
  2620.            autoplayDisableOnInteraction: false,
  2621.            slidesPerView : list_cols,
  2622.            spaceBetween : 20,
  2623.            prevButton: '#'+generate_id+' .swiper-container .left_icon',
  2624.            nextButton: '#'+generate_id+' .swiper-container .right_icon',
  2625.            pagination : '#'+generate_id+' .swiper-pagination',
  2626.            paginationClickable: true,
  2627.            onInit:function(mySwiper){
  2628.                slide_top_btn();
  2629.                box.find('.swiper-container')[0].swipers = function(type){
  2630.                    // 当前播放禁止轮播
  2631.                    if (autoplay=='0') {return}
  2632.                    if (type == 'play') {
  2633.                        mySwiper.stopAutoplay();
  2634.                    }else{
  2635.                        mySwiper.startAutoplay();
  2636.                    }
  2637.                }
  2638.                var top = $(document).scrollTop();
  2639.                $(document).scrollTop((top+100));
  2640.                $(document).scrollTop((top-100));
  2641.                $(document).scrollTop(top);
  2642.            },
  2643.            onSlideChangeStart:function(swiper){
  2644.                box.find('.swiper-container .swiper-slide video').each(function(){
  2645.                    $(this)[0].pause();
  2646.                })
  2647.            },onSlideChangeEnd:function(){
  2648.                slide_top_btn();
  2649.            },
  2650.            breakpoints: {
  2651.                768: {
  2652.                    slidesPerView: mobileListCols || 2
  2653.                },
  2654.                500: {
  2655.                    slidesPerView: 1
  2656.                },
  2657.            }
  2658.        })
  2659.        function slide_top_btn(){
  2660.            if(list_cols>=box.find('.list_row_li').length){return}
  2661.            var box_h = box.height(),
  2662.                txt = box.find('.con li .text'),
  2663.                h = 0,
  2664.                direction = "4";
  2665.            txt.each(function(){
  2666.                var that = $(this),
  2667.                    that_h = that.outerHeight()
  2668.                if(that_h>h){
  2669.                    if(direction == "3"){
  2670.                        h = -that_h;
  2671.                    }else{
  2672.                        h = that_h;
  2673.                    }
  2674.                }
  2675.            })
  2676.            box_h = box_h - h;
  2677.            box.find('.right_icon,.left_icon').css({
  2678.                top:  "calc(50% - "+h/2+"px)"
  2679.            }).show();
  2680.            box.find('.swiper-pagination').show();
  2681.        }
  2682.    }
  2683.    </script>
  2684.            
  2685.    <script mos-id="v665ed7882f865">
  2686.        $("#v665ed7882f865_banner").on("click",function(){
  2687.            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v665ed7882f865')
  2688.        })
  2689.        $('.click_inquiry').on("click",function(){
  2690.            inquiryDialogInstance && inquiryDialogInstance.showInquiryDialog('v665ed7882f865')
  2691.        })
  2692.    fun_scr_arr.push({
  2693.        name:5,
  2694.        fun:function () {
  2695.            window["fun_v665ed7882f865"]();
  2696.        }
  2697.    })
  2698.        function fun_v665ed7882f865(){
  2699.        var generate_id = "v665ed7882f865",
  2700.            box = $('#'+generate_id),
  2701.            isMouseOver = false;
  2702.        if(box.length==0){
  2703.            var design_iframe = $('#design_iframe'),
  2704.                dom = design_iframe.contents(),
  2705.            box = dom.find('#'+generate_id);
  2706.        }
  2707.  
  2708.        var loop = "0",
  2709.            speed = "300",
  2710.            autoplay = "0",
  2711.            pauseOnMouse = +autoplay && "0" === '1',
  2712.            autoHide = "1" === '1';
  2713.        if(loop == "1"){
  2714.            loop = true;
  2715.        }else{
  2716.            loop = false;
  2717.        }
  2718.        var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', {
  2719.            autoHeight: true,
  2720.            autoplay: parseInt(autoplay),
  2721.            speed: parseInt(speed),
  2722.            loop: loop,
  2723.            autoplayDisableOnInteraction: false,
  2724.            slidesPerView : 1,
  2725.            // spaceBetween : 20,
  2726.            prevButton: '#'+generate_id+' .left_icon',
  2727.            nextButton: '#'+generate_id+' .right_icon',
  2728.            pagination : '#'+generate_id+' .swiper-pagination',
  2729.            paginationClickable :true,
  2730.            onInit:function(mySwiper){
  2731.                // slide_top_btn();
  2732.                box.find('.swiper-container')[0].swipers = function(type){
  2733.                    // 当前播放禁止轮播
  2734.                    if (autoplay=='0') {return}
  2735.                    if (type == 'play') {
  2736.                        mySwiper.stopAutoplay();
  2737.                    }else{
  2738.                        if(!isMouseOver) {
  2739.                            mySwiper.startAutoplay();
  2740.                        }
  2741.                    }
  2742.                }
  2743.                var top = $(document).scrollTop();
  2744.                $(document).scrollTop((top+100));
  2745.                $(document).scrollTop((top-100));
  2746.                $(document).scrollTop(top);
  2747.            },
  2748.            onSlideChangeStart:function(swiper){
  2749.                box.trigger('togglevideo');
  2750.                box.find('.swiper-container .swiper-slide video').each(function(){
  2751.                    $(this)[0].pause();
  2752.                });
  2753.  
  2754.                box.find('.swiper-container .swiper-slide iframe').each(function(){
  2755.                    if(/^youtube/.test(this.id) && typeof window.YT !=='undefined') {
  2756.                        YT.get(this.id).pauseVideo();
  2757.                    }
  2758.                });
  2759.            },onSlideChangeEnd:function(){
  2760.                // slide_top_btn();
  2761.            },
  2762.        });
  2763.  
  2764.        if (pauseOnMouse) {
  2765.            box.on('mouseenter', function() {
  2766.                swiper_ids.stopAutoplay();
  2767.                isMouseOver = true;
  2768.            }).on('mouseleave', function() {
  2769.                isMouseOver = false;
  2770.                var done = false;
  2771.                box.find('.swiper-container .swiper-slide iframe').each(function(){
  2772.                    if(/^youtube/.test(this.id) && typeof window.YT !=='undefined') {
  2773.                        var player = YT.get(this.id);
  2774.                        if (player.getPlayerState() === 1) {
  2775.                            done=true;
  2776.                        }
  2777.                    }
  2778.                });
  2779.                box.find('.swiper-container .swiper-slide video').each(function(){
  2780.                    if(!$(this)[0].paused) {
  2781.                        done=true;
  2782.                    }
  2783.                });
  2784.                if (!done) {
  2785.                    swiper_ids.startAutoplay();
  2786.                }
  2787.            });
  2788.        }
  2789.  
  2790.        if (autoHide) {
  2791.            box.on('togglevideo', function() {
  2792.                var cover = box.find('.top_text');
  2793.                if(box.find('.swiper-wrapper').children().eq(swiper_ids.activeIndex).find('video,iframe').is(':visible')) {
  2794.                    cover.addClass('top_text--hidden');
  2795.                } else {
  2796.                    cover.removeClass('top_text--hidden');
  2797.                }
  2798.            });
  2799.        }
  2800.  
  2801.        box.on('lazyload', function() {
  2802.            setTimeout(() => {
  2803.                swiper_ids.updateAutoHeight();
  2804.            }, 200);
  2805.        });
  2806.    }
  2807.    </script>
  2808.                <script mos-id="v6204664d8163f">
  2809.    var generate_id = "v6204664d8163f",
  2810.        head_s = $('#'+generate_id);
  2811.    function head_nav_w(){
  2812.        var nav = head_s.find('.nav'),
  2813.            sw = nav[0].scrollWidth,
  2814.            w = nav.width(),
  2815.            nav_box = head_s.find('nav');
  2816.        if(sw > w){
  2817.            nav_box.addClass('add');
  2818.        }else{
  2819.            nav_box.removeClass('add');
  2820.        }
  2821.        head_s.find('.nav_box')[0].scrollLeft = 0;
  2822.        head_s.find('.btn_l').addClass('disabled');
  2823.        head_s.find('.btn_r').removeClass('disabled');
  2824.  
  2825.        var sloganHeight = head_s.find('.header-slogan-box').outerHeight();
  2826.        head_s[0].style.setProperty('--header-offset',-sloganHeight+'px');
  2827.    }
  2828.  
  2829.    function handleScroll() {
  2830.        var thresholds = {
  2831.            1: 0,
  2832.            nav: 40
  2833.        }, key = head_s.attr('switch_fixed');
  2834.        if (key in thresholds) {
  2835.            var curThreshold = thresholds[key];
  2836.            if (typeof curThreshold === "function") {
  2837.                curThreshold = curThreshold();
  2838.            }
  2839.            var top = $(window).scrollTop();
  2840.            if (top > curThreshold) {
  2841.                head_s.addClass('head_fixed');
  2842.            } else {
  2843.                head_s.removeClass('head_fixed');
  2844.            }
  2845.        }
  2846.    }
  2847.  
  2848.    $(window).on('scroll', handleScroll).trigger('scroll');
  2849.  
  2850.    window.addEventListener('resize',head_nav_w);
  2851.    head_s.mouseenter(function(){
  2852.        if (!this.head_bol) {
  2853.            head_nav_w();
  2854.            this.head_bol = true;
  2855.        }
  2856.    })
  2857.    head_s.find('#head_button').click(function(){
  2858.        $("body,html").toggleClass("head_nav_active");
  2859.    })
  2860.  
  2861.    head_s.find('.nav_btns').click(function(){
  2862.        if ($(this).hasClass('disabled')) {return}
  2863.        var nav = head_s.find('.nav'),
  2864.            sw = nav[0].scrollWidth,
  2865.            w = nav.width(),
  2866.            sl_box = head_s.find('.nav_box'),
  2867.            sl = sl_box[0].scrollLeft,
  2868.            l = $(this).data('left'),
  2869.            btn_r = head_s.find('.btn_r'),
  2870.            btn_l = head_s.find('.btn_l');
  2871.        sl += l;
  2872.        if ((sl+w)>sw) {
  2873.            btn_r.addClass('disabled');
  2874.        }else{
  2875.            btn_r.removeClass('disabled');
  2876.        }
  2877.        if (0>=sl) {
  2878.            btn_l.addClass('disabled');
  2879.        }else{
  2880.            btn_l.removeClass('disabled');
  2881.        }
  2882.        sl_box.stop().animate({
  2883.            scrollLeft: sl
  2884.        },200)
  2885.    })
  2886.  
  2887.    head_s.on('click','.nav li',function(e){
  2888.        e.stopPropagation();
  2889.        var li = $(this),
  2890.            ul = li.find('>ul'),
  2891.            tan = e.target;
  2892.        if(tan.localName=="a"||$(tan).parents('a').length){
  2893.            return
  2894.        }else{
  2895.            li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act');
  2896.            ul.toggle(200);
  2897.        }
  2898.        return false;
  2899.    })
  2900.  
  2901.    head_s.on('mouseenter','.nav>li',function(){
  2902.        add_nav_li22($(this));
  2903.    })
  2904.    function par_box_fun(par,fun){
  2905.        var id = par.attr('id'),
  2906.            li = $('[li_id="'+id+'"]'),
  2907.            header_nav_li_box = li.closest('.header_nav_li_box');
  2908.        fun(par,li);
  2909.        if (header_nav_li_box.length) {
  2910.            par_box_fun(header_nav_li_box,fun);
  2911.        }
  2912.    }
  2913.    function add_nav_li22(that,objs){
  2914.        if(head_s.find('.nav').css('display')=="block"){return}
  2915.        var id = that.attr("li_id"),
  2916.            boxs = null;
  2917.            ul = that.find('>ul');
  2918.        if (ul.length == 0) {
  2919.            return;
  2920.        }
  2921.        var show_fun = function(){
  2922.            boxs.stop().fadeIn(200);
  2923.            that.addClass("font-color");
  2924.            var ids_ = boxs.attr('id');
  2925.            if (objs) {
  2926.                par_box_fun(objs.par_box,function(id_box,li){
  2927.                    id_box.stop().fadeIn(200);
  2928.                    li.addClass("font-color");
  2929.                })
  2930.            }
  2931.        }
  2932.        var hide_fun = function(n){
  2933.            boxs.stop().fadeOut(200);
  2934.            that.removeClass("font-color");
  2935.            if (objs&&n==2) {
  2936.                par_box_fun(objs.par_box,function(id_box,li){
  2937.                    id_box.stop().fadeOut(200);
  2938.                    li.removeClass("font-color");
  2939.                })
  2940.            }
  2941.        }
  2942.        if (id) {
  2943.            boxs = $('#'+id);
  2944.        }else{
  2945.            id = 'li_id_'+new Date().getTime()
  2946.            that.attr("li_id",id);
  2947.            boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>');
  2948.            var clone_ul = ul.clone();
  2949.            boxs.append(clone_ul);
  2950.            $('body').append(boxs);
  2951.            that.mouseleave(function(){
  2952.                hide_fun(1);
  2953.            })
  2954.            boxs.mouseleave(function(){
  2955.                hide_fun(2);
  2956.            })
  2957.            boxs.mouseenter(function(){
  2958.                show_fun();
  2959.            })
  2960.            clone_ul.find('li').mouseenter(function(){
  2961.                add_nav_li22($(this),{
  2962.                    par_box: boxs
  2963.                });
  2964.            })
  2965.        }
  2966.        show_fun();
  2967.        var top = that.offset().top + that.height(),
  2968.            left = that.offset().left;
  2969.        if (objs) {
  2970.            var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px','');
  2971.            top = top - that.height() - pts;
  2972.            left = left + that.width();
  2973.        }
  2974.        if (left+boxs.width()+20>=$(window).width()) {
  2975.            if (objs) {
  2976.                left = that.offset().left - boxs.width();
  2977.            }else{
  2978.                left = $(window).width() - boxs.width() -10;
  2979.            }
  2980.        }
  2981.        var box_objs = {
  2982.            top: top,
  2983.            left: left
  2984.        }
  2985.        box_objs.minWidth = objs?0:that.outerWidth();
  2986.        boxs.css(box_objs)
  2987.    }
  2988.  
  2989.    $(head_nav_w);
  2990.  
  2991.    window['teardown' + generate_id] = function () {
  2992.        window.removeEventListener('resize', head_nav_w);
  2993.        $(window).off('scroll', handleScroll);
  2994.    }
  2995.    </script>
  2996.        
  2997.    <!-- 统计 -->
  2998.    <!-- Google Analytics Begin-->
  2999.    <script src="https://www.googletagmanager.com/gtag/js?id=G-7TPJME774P" async></script>
  3000.    <script>
  3001.        window.dataLayer = window.dataLayer || [];
  3002.        function gtag() { dataLayer.push(arguments) }
  3003.        gtag('js', new Date());
  3004.        gtag('config', 'G-7TPJME774P');
  3005.    </script>
  3006. <!-- Google Analytics End -->
  3007. <!-- Create one update function for each consent parameter -->
  3008. <script>
  3009.    function consentGrantedAdStorage() {
  3010.        console.log('consentGrantedAdStorage granted');
  3011.        gtag('consent', 'update', {
  3012.            'ad_storage': 'granted',
  3013.            'ad_user_data': 'granted',
  3014.            'ad_personalization': 'granted',
  3015.            'analytics_storage': 'granted'
  3016.        });
  3017.    }
  3018.    function refuseGrantedAdStorage() {
  3019.        console.log('consentGrantedAdStorage denied');
  3020.        gtag('consent', 'update', {
  3021.            'ad_storage': 'denied',
  3022.            'ad_user_data': 'denied',
  3023.            'ad_personalization': 'denied',
  3024.            'analytics_storage': 'denied'
  3025.        });
  3026.    }
  3027. </script>
  3028. <!-- Invoke your consent functions when a user interacts with your banner -->
  3029.    <style>
  3030.    .head_sousuos_modal{position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;color:#333;display:none;}
  3031.    .head_sousuos_modal .mengban{position:absolute;left:0;top:0;width:100%;height:100%;}
  3032.    .head_sousuos_active .head_sousuos_modal{display:block;}
  3033.    .head_sousuos_modal .search_cons{padding:0 15px;position:relative;}
  3034.    .head_sousuos_modal .sousuos_box{max-width:100%;width:1400px;position:absolute;left:0;top:140px;right:0;margin:auto;z-index:4;}
  3035.    .head_sousuos_modal .sousuos_box input{display:block;background: rgba(255,255,255,.8);outline: 0;padding: 0 40px;border: 1px solid;border-color: #fff;color: inherit;border-radius: 20px;width:100%;height:40px;padding-right:70px;}
  3036.    .head_sousuos_modal .sousuos_box i{position: absolute;left: 15px;top: 0;height: 40px;width: 40px;border: none;background: 0;outline: 0;font-size: 18px;color: inherit;line-height: 40px;text-align: center;pointer-events: none;}
  3037.    .head_sousuos_modal .sousuos_box button{position: absolute;right: 15px;top: 1px;height: 38px;display: block;text-align: center;line-height: 38px;font-size: 24px;cursor: pointer;transition: .3s;font-style: initial;border-radius: 20px;padding: 0 20px;border: none;outline: 0;color: #fff;}
  3038.    .head_sousuos_modal .sousuos_box .btn_txt{display:none;}
  3039.    .head_sousuos_modal .sousuos_box span{font-size:inherit;}
  3040.    @media (max-width:1025px){
  3041.    .head_sousuos_modal{background: rgba(0,0,0,.8);}
  3042.    .head_sousuos_modal .sousuos_box{position:relative;transform:none;top:0;left:0;padding-top:80px;}
  3043.    .head_sousuos_modal .sousuos_box button{display:block;position:relative;transform:none;top:0;left:0;right:0;}
  3044.    .head_sousuos_modal .sousuos_box span{display:none;}
  3045.    .head_sousuos_modal .sousuos_box .btn_txt{display:block;font-size:16px;}
  3046.    .head_sousuos_modal .sousuos_box button{width:100%;margin-top:20px;}
  3047.    .head_sousuos_modal .close_btn{position: absolute;right:10px;top:10px;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;font-size:26px;z-index:9;cursor:pointer;font-weight:bold;}
  3048.    }
  3049.  
  3050.  
  3051.  
  3052.    /* 前台公共语言弹框内容 */
  3053.    .language_con{display:flex;flex-wrap:wrap;}
  3054.    .language_modal_a{width:16.6666%;display:flex;padding:15px 10px;color:inherit;}
  3055.    .language_modal_a img{width:30px;height:30px;display:block;min-width:30px;border-radius:50%;}
  3056.    .language_modal_a span{display:block;padding-left:6px;overflow:hidden;text-overflow:ellipsis;line-height:30px;white-space:nowrap;}
  3057.    .language_modal_a img[lans-src]{display:none;}
  3058.    .language_modal_blade .lang_head{font-size:38px!important;}
  3059.    @media (max-width:1025px){
  3060.    .language_modal_blade .language_con{width:240px!important;float:right;color:#fff;}
  3061.    .language_modal_a{width:100%;}
  3062.    .language_modal_blade{background: rgba(0,0,0,.7)!important;}
  3063.    .language_modal_blade .lang_head{color:#fff;}
  3064.    .language_modal_blade .lang_head{font-size:30px!important;}
  3065.    }
  3066.  
  3067.    .language_modal_blade {display: none}
  3068.    .language_modal_mask_body {overflow: hidden !important;width: 100%;height: 100%}
  3069.    body.language_modal_mask_body .language_modal_blade {display: block}
  3070.    .language_modal_mask {display: none}
  3071.  
  3072.    @media (min-width:1025px) {
  3073.    .language_modal_blade {position: fixed;width: 1000px;max-width: 100%;height: 80%;background: #fff;border-radius: 15px;box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);z-index: 1021;left: 0;right: 0;margin: auto;top: 10%;color: #000;display: none}
  3074.    .language_modal_blade .lang_head {height: 100px;line-height: 98px;font-size: 48px;overflow: hidden;padding: 0 30px;border-bottom: 1px solid #ddd;font-weight: 700}
  3075.    .language_modal_blade .lang_head .head_close_box {float: right;line-height: 98px}
  3076.    .language_modal_blade .lang_head .head_close {width: 50px;height: 50px;display: inline-block;line-height: 50px;text-align: center;cursor: pointer}
  3077.    .language_modal_blade .lang_head .head_close:hover {opacity: .4}
  3078.    .language_modal_blade .language_con {padding: 30px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto}
  3079.    .language_modal_blade .lan_ul {overflow: hidden;margin-left: -10px;margin-right: -10px}
  3080.    .language_modal_blade .lan_ul li {float: left;width: 16.6666%;padding: 0 10px;margin-bottom: 30px;color: #444}
  3081.    .language_modal_blade .lan_ul li.active {color: inherit;font-weight: 700}
  3082.    .language_modal_blade .lan_ul li:hover a {color: #000}
  3083.    .language_modal_blade .lan_ul .lan_img {float: left;display: block;width: 30px;height: 30px}
  3084.    .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;border-radius: 50%}
  3085.    .language_modal_blade .lan_ul .lan_txt {line-height: 30px;margin-left: 36px;font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
  3086.    .language_modal_mask {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 999}
  3087.    body.language_modal_mask_body .language_modal_mask {display: block}
  3088.    }
  3089.  
  3090.    @media (max-width:1025px) {
  3091.    .language_modal_blade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 999;padding-top: 60px}
  3092.    .language_modal_blade .lang_head {position: absolute;right: 0;top: 0;line-height: 50px;height: 50px;padding-right: 50px;font-size: 40px}
  3093.    .language_modal_blade .lang_head>span {display: none}
  3094.    .language_modal_blade .language_con {height: 100%;width: 100%;overflow: auto;padding-bottom: 50px}
  3095.    .language_modal_blade .language_con .lan_ul {float: right;padding: 0 20px}
  3096.    .language_modal_blade .language_con .lan_ul a {color: inherit;display: block}
  3097.    .language_modal_blade .language_con .lan_ul li {color: #fff;overflow: hidden;margin-bottom: 10px}
  3098.    .language_modal_blade .language_con .lan_ul li.active {color: inherit}
  3099.    .language_modal_blade .language_con .lan_img {display: block;float: left;width: 40px;height: 40px}
  3100.    .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;object-fit: contain}
  3101.    .language_modal_blade .language_con .lan_txt {line-height: 40px;margin-left: 50px;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 200px}
  3102.    }
  3103.  
  3104.  
  3105.    div.language_modal_blade .language_con{display:block;}
  3106.    div.language_modal_blade .active_locale_v{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  3107.    @media (min-width: 1025px){
  3108.    div.language_modal_blade .language_con{bottom:40px;display:block;}
  3109.    .language_modal_a{float:left;display:block;}
  3110.    .language_modal_a img{margin:auto;}
  3111.    .language_modal_a span{padding-left:0;text-align:center;}
  3112.    }
  3113.    .language_modal_a img{width:50px;height:auto;;border-radius:0;min-width:50px;}
  3114.    @media (max-width: 1025px){div.language_modal_blade{padding-bottom:40px;}div.language_modal_blade .active_locale_v{color:#fff;}}
  3115.  
  3116.    </style>
  3117.  
  3118. <div class="language_modal_mask"></div>
  3119. <div class="language_modal_blade">
  3120.    <div class="lang_head title">
  3121.        <span>Choose a different language</span>
  3122.        <div class="head_close_box" onclick="$('.language_modal_mask').click();">
  3123.            <span class="head_close">╳</span>
  3124.        </div>
  3125.    </div>
  3126.    <div class="language_con">
  3127.                                                        <a href="/" class="language_modal_a  font-color" title="English" style="display: flex;flex-direction: column;align-items: center;">
  3128.  
  3129.                <div class="icon-en"></div>
  3130.                <span>English</span>
  3131.            </a>
  3132.                                                            <a href="/vi" class="language_modal_a " title="Tiếng Việt" style="display: flex;flex-direction: column;align-items: center;">
  3133.  
  3134.                <div class="icon-vi"></div>
  3135.                <span>Tiếng Việt</span>
  3136.            </a>
  3137.                                                            <a href="/uk" class="language_modal_a " title="Українська" style="display: flex;flex-direction: column;align-items: center;">
  3138.  
  3139.                <div class="icon-uk"></div>
  3140.                <span>Українська</span>
  3141.            </a>
  3142.                                                            <a href="/th" class="language_modal_a " title="ภาษาไทย" style="display: flex;flex-direction: column;align-items: center;">
  3143.  
  3144.                <div class="icon-th"></div>
  3145.                <span>ภาษาไทย</span>
  3146.            </a>
  3147.                                                            <a href="/nl" class="language_modal_a " title="Nederlands" style="display: flex;flex-direction: column;align-items: center;">
  3148.  
  3149.                <div class="icon-nl"></div>
  3150.                <span>Nederlands</span>
  3151.            </a>
  3152.                                                            <a href="/ms" class="language_modal_a " title="Bahasa Melayu" style="display: flex;flex-direction: column;align-items: center;">
  3153.  
  3154.                <div class="icon-ms"></div>
  3155.                <span>Bahasa Melayu</span>
  3156.            </a>
  3157.                                                            <a href="/zh-CN" class="language_modal_a " title="简体中文" style="display: flex;flex-direction: column;align-items: center;">
  3158.  
  3159.                <div class="icon-zh-CN"></div>
  3160.                <span>简体中文</span>
  3161.            </a>
  3162.                                                            <a href="/la" class="language_modal_a " title="Latin" style="display: flex;flex-direction: column;align-items: center;">
  3163.  
  3164.                <div class="icon-la"></div>
  3165.                <span>Latin</span>
  3166.            </a>
  3167.                                                            <a href="/id" class="language_modal_a " title="bahasa Indonesia" style="display: flex;flex-direction: column;align-items: center;">
  3168.  
  3169.                <div class="icon-id"></div>
  3170.                <span>bahasa Indonesia</span>
  3171.            </a>
  3172.                                                            <a href="/ru" class="language_modal_a " title="русский" style="display: flex;flex-direction: column;align-items: center;">
  3173.  
  3174.                <div class="icon-ru"></div>
  3175.                <span>русский</span>
  3176.            </a>
  3177.                                                            <a href="/fr" class="language_modal_a " title="français" style="display: flex;flex-direction: column;align-items: center;">
  3178.  
  3179.                <div class="icon-fr"></div>
  3180.                <span>français</span>
  3181.            </a>
  3182.                                                            <a href="/es" class="language_modal_a " title="Español" style="display: flex;flex-direction: column;align-items: center;">
  3183.  
  3184.                <div class="icon-es"></div>
  3185.                <span>Español</span>
  3186.            </a>
  3187.                                                            <a href="/ar" class="language_modal_a " title="العربية" style="display: flex;flex-direction: column;align-items: center;">
  3188.  
  3189.                <div class="icon-ar"></div>
  3190.                <span>العربية</span>
  3191.            </a>
  3192.                                </div>
  3193.    <div class="active_locale_v">Current language：English</div>
  3194. </div>
  3195. <div class="head_sousuos_modal">
  3196.    <div class="mengban head_sousuos_close"></div>
  3197.    <div class="close_btn head_sousuos_close  iconfont iconguanbi4"></div>
  3198.    <form action="/search" class="sousuos_box" onsubmit="return head_form_fun(this);">
  3199.        <div class="search_cons">
  3200.            <input type="text" name="search" placeholder="SEARCH" required autocomplete="off" autocorrect="off">
  3201.            <button class="bg-color">
  3202.                <span class="iconfont iconsousuo"></span>
  3203.                <span class="btn_txt">SEARCH</span>
  3204.            </button>
  3205.            <i class="iconfont iconsousuo"></i>
  3206.        </div>
  3207.    </form>
  3208. </div>
  3209.  
  3210. <script>
  3211. function head_form_fun(that) {
  3212.    var form = $(that),
  3213.        url = form.attr("action"),
  3214.        search = form.find('[name="search"]').val();
  3215.    search = encodeURIComponent(search)
  3216.    if (0){
  3217.        window.location.href = search + '_c0_ss'
  3218.    } else {
  3219.        window.location.href = getUrl_fun(url, "search", search);
  3220.    }
  3221.    return false;
  3222. }
  3223.  
  3224. function getUrl_fun(url, field, value) {
  3225.    if (url.indexOf("?") != -1) {
  3226.        if (url.indexOf(field) != -1) {
  3227.            return changeURLArg_fun(url, field, value);
  3228.        } else {
  3229.            return url + '&' + field + '=' + value;
  3230.        }
  3231.    } else {
  3232.        return url + '?' + field + '=' + value;
  3233.    }
  3234. }
  3235.  
  3236. function changeURLArg_fun(url, arg, arg_val) {
  3237.    var pattern = arg + '=([^&]*)';
  3238.    var replaceText = arg + '=' + arg_val;
  3239.    if (url.match(pattern)) {
  3240.        var tmp = '/(' + arg + '=)([^&]*)/gi';
  3241.        tmp = url.replace(eval(tmp), replaceText);
  3242.        return tmp;
  3243.    } else {
  3244.        if (url.match('[\?]')) {
  3245.            return url + '&' + replaceText;
  3246.        } else {
  3247.            return url + '?' + replaceText;
  3248.        }
  3249.    }
  3250. }
  3251.  
  3252.  
  3253. $('.head_shousuos').click(function(){
  3254.    $('body').addClass('head_sousuos_active');
  3255.    $('.head_sousuos_modal .sousuos_box input').focus();
  3256. })
  3257. $('.head_sousuos_close').click(function(){
  3258.    $('body').removeClass('head_sousuos_active');
  3259. })
  3260.  
  3261. </script>
  3262.  
  3263. <script data-static="false">
  3264. (function () {
  3265. $.ajaxSetup({cache: true})
  3266. var head_logo_src = $('[head_logo_src]');
  3267. $('.fun_scr_hide').removeClass('fun_scr_hide');
  3268.  
  3269. head_logo_src.each(function(){
  3270.    var img = $(this),
  3271.        src = img.attr('head_logo_src');
  3272.    if (src.indexOf('http') !== -1 && src.indexOf('?') == -1) {
  3273.        if (src.includes('/tos/')) {
  3274.            src += '?x-tos-process=image/resize,m_lfit,w_768'
  3275.            if (imgLazyLoad_bol) {
  3276.                src = src+'/format,webp';
  3277.            }
  3278.        } else {
  3279.            src = src+'?x-oss-process=image/resize,m_lfit,w_768';
  3280.            if (imgLazyLoad_bol) {
  3281.                src = src+'/format,webp';
  3282.            }
  3283.        }
  3284.    }
  3285.    img.attr('src',src).removeAttr('head_logo_src');
  3286. })
  3287. var
  3288.    public_js_src = "/scripts/public_js.js?v=1740647842",
  3289.    public_js = $(
  3290.        '<link rel="stylesheet" href="/libs/swiper/swiper.min.css">'+
  3291.        '<script src="'+public_js_src+'" async><\/script>'
  3292.        );
  3293. $("body").append(public_js);
  3294. var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll'];
  3295. for (var i = 0; i < arr.length; i++) {
  3296.    document.addEventListener(arr[i],fn,false);
  3297. }
  3298.  
  3299. var fn_bol = false;
  3300. function fn(e) {
  3301.    if(fn_bol){return}
  3302.    fn_bol = true;
  3303.    var d_arr = fun_scr_arr,
  3304.        f_arr = [];
  3305.    for (var i = 0; i < d_arr.length; i++) {
  3306.        var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name);
  3307.        if (val.name == 5||val.delay) {
  3308.            f_arr.push(val)
  3309.        }else if (val.name == 'link') {
  3310.            dom.href = val.url; dom.rel = val.rel;
  3311.            val.id ? dom.id = val.id : '';
  3312.            document.querySelector('body').appendChild(dom);
  3313.        }else{
  3314.            if(!document.querySelector('#'+val.id)){
  3315.                $('body').append('<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>');
  3316.            }
  3317.        }
  3318.    }
  3319.    for (var f = 0; f < f_arr.length; f++) {
  3320.        outs(f_arr[f])
  3321.    }
  3322.    function outs(val){
  3323.        var n = val.delay||300;
  3324.        setTimeout(function () {
  3325.            if (val.name==5) {
  3326.                val.fun&&val.fun();
  3327.            }else{
  3328.                var dom = document.createElement(val.name);
  3329.                if (val.name == 'link') {
  3330.                    dom.href = val.url; dom.rel = val.rel;
  3331.                }else{
  3332.                    dom.src = val.url;dom.type = val.type;
  3333.                }
  3334.                document.querySelector('body').appendChild(dom);
  3335.            }
  3336.        },n);
  3337.    }
  3338.    document.querySelector('.share_fun_box2').style.display = 'block';
  3339.    var swiper_src = document.querySelectorAll('[swiper_src]');
  3340.    for (var im = 0; im < swiper_src.length; im++) {
  3341.        swiper_src[im].src = swiper_src[im].getAttribute('swiper_src');
  3342.    }
  3343.    for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);}
  3344. }
  3345. $(function(){
  3346.    function handleScroll() {
  3347.        var btn = $('[data-product-inquiry]').filter(':visible').first();
  3348.        if(btn.length) {
  3349.            var off = btn.offset().top;
  3350.            var top = $(window).scrollTop() + 60;
  3351.            $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top);
  3352.        }
  3353.    }
  3354.    function handleResize() {
  3355.        $('.list_link_artboard').each(function() {
  3356.            var highlight = $(this).find('.border-color');
  3357.            var outerOffset = $(this).offset().left;
  3358.            if (highlight.length && highlight.is(':visible')) {
  3359.                $(this).find('.hidden_box').stop().animate({
  3360.                    scrollLeft: highlight.offset().left - outerOffset - 10
  3361.                });
  3362.            }
  3363.        });
  3364.    }
  3365.    
  3366.    var bottomInquiry = $('#bottomInquiry');
  3367.  
  3368.    $('#showInquiry').on('click', function() {
  3369.        bottomInquiry.removeClass('bottom-inquiry-box--hidden');
  3370.    });
  3371.  
  3372.    bottomInquiry
  3373.        .on('click', '[data-inquiry-close]', function() {
  3374.            $('#bottomInquiry').addClass('bottom-inquiry-box--hidden');
  3375.        })
  3376.        .find('.bottom-inquiry-box__input').on('input', function() {
  3377.            $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value);
  3378.        })
  3379.        .end().find('input[type="file"]').on('change', function() {
  3380.            inquiry_attachment_change_fun($(this));
  3381.        })
  3382.        .end().find('input[name="email"]').on('change', function() {
  3383.            $(this).parent().toggleClass('bottom-inquiry-box__label--error', this.value && !/^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/.test(this.value));
  3384.        })
  3385.        .end().find('form').on('submit', function() {
  3386.            return form_submit(this);
  3387.        });
  3388.  
  3389.    bottomInquiry.find('[data-input-select]').inputSelectable();
  3390.  
  3391.    if($('[data-product-inquiry]').length) {
  3392.        $(window).scroll(handleScroll);
  3393.        handleScroll();
  3394.    }
  3395.    if($('.list_link_artboard').length) {
  3396.        $(window).resize(handleResize);
  3397.        handleResize();
  3398.    }
  3399.    // 这里加载特定滚动加载
  3400.    
  3401. });
  3402. })()
  3403. </script>
  3404.  
  3405. <style>
  3406.    .external-chat-box {
  3407.        padding: 0;
  3408.    }
  3409.  
  3410.    .external-chat-box-right {
  3411.        position: fixed;
  3412.        top: 50%;
  3413.        right: 0;
  3414.        transform: translateY(-50%);
  3415.        width: 48px;
  3416.        padding: 4px 0;
  3417.        background: rgba(0, 0, 0, .35);
  3418.        border-radius: 4px 0 0 4px;
  3419.        transition: .2s;
  3420.        z-index: 9999;
  3421.    }
  3422.  
  3423.    .external-chat-box-right__toggle {
  3424.        position: absolute;
  3425.        top: 50%;
  3426.        right: 100%;
  3427.        border-radius: 0 4px 4px 0;
  3428.        color: #fff;
  3429.        transform: translateY(-50%);
  3430.        background: inherit;
  3431.        padding: 0 4px;
  3432.        line-height: 40px;
  3433.        font-size: 14px;
  3434.        cursor: pointer;
  3435.        /*transition: .3s;*/
  3436.        border: 0;
  3437.        outline: 0;
  3438.    }
  3439.  
  3440.    .external-chat-box-right--collapse {
  3441.        transform: translateY(-50%) translateX(100%);
  3442.    }
  3443.  
  3444.    .external-chat-box__item1 {
  3445.        padding: 8px 0;
  3446.        text-align: center;
  3447.        display: block;
  3448.        position: relative;
  3449.    }
  3450.  
  3451.    .chatIconPanel1 {
  3452.        border-radius: 0 4px 4px 0;
  3453.    }
  3454.  
  3455.    .chatIconPanel1-right {
  3456.        border-radius: 4px 0 0 4px;
  3457.    }
  3458.  
  3459.    .chatIconPanel2 {
  3460.        border-radius: 24px;
  3461.    }
  3462.  
  3463.    .chatIconPanel3 {
  3464.        border-radius: 4px;
  3465.        margin: 0;
  3466.    }
  3467.  
  3468.    .chatIconPanel4 {
  3469.        border-radius: 0 0 24px 24px;
  3470.    }
  3471.  
  3472.    .chatIconPanel5 {
  3473.        border-radius: 0 14px 0 14px;
  3474.    }
  3475.  
  3476.    .chatIconPanel6 {
  3477.        border-radius: 4px;
  3478.        width: 60px !important;
  3479.    }
  3480.  
  3481.    .share-icon {
  3482.        position: absolute;
  3483.        width: 100%;
  3484.        bottom: -55px;
  3485.        padding: 8px;
  3486.        border-radius: 4px;
  3487.        left: 0;
  3488.        text-align: center;
  3489.    }
  3490.  
  3491.    .external-chat-box--label {
  3492.        font-size: 12px;
  3493.        white-space: nowrap;
  3494.        transform: scale(0.83333);
  3495.        position: absolute;
  3496.        bottom: 2px;
  3497.        width: 100%;
  3498.    }
  3499. </style>
  3500. <script>
  3501.    const PositionLeft = 1
  3502.    const PositionRight = 2
  3503.    // 颜色 16进制转rgb
  3504.    const hex2rgb = (hexColor) => {
  3505.        hexColor = hexColor
  3506.            .substring(1)
  3507.            .toLowerCase()
  3508.        let b = new Array()
  3509.        for (let x = 0; x < 3; x++) {
  3510.            b[0] = hexColor.substr(x * 2, 2)
  3511.            b[3] = '0123456789abcdef'
  3512.            b[1] = b[0].substr(0, 1)
  3513.            b[2] = b[0].substr(1, 1)
  3514.            b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2])
  3515.        }
  3516.        return b[20] + ',' + b[21] + ',' + b[22]
  3517.    }
  3518.    // 初始化
  3519.    const initContactPanel = async () => {
  3520.        const data = await getContactData()
  3521.        if (!data) return
  3522.        const {config, list} = data
  3523.        const {color, is_expand, location, style, opacity} = config
  3524.        const displayList = formatData(list, style)
  3525.        const DOMs = getDOMs(displayList, style)
  3526.        const shareBoxDiv = $('.share_fun_box')
  3527.        const hasShareBox = shareBoxDiv.is(':visible')
  3528.        const isYueRong = false;
  3529.        // 分享判断
  3530.        if (location == PositionRight && hasShareBox && !isYueRong) {
  3531.            showShareIcon(shareBoxDiv, color, opacity, DOMs)
  3532.        }
  3533.        const dom = $('<div />')
  3534.            .attr({id: 'contactPanel'})
  3535.            .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`})
  3536.            .addClass(getPositionClassName(location, style, is_expand))
  3537.            .append(DOMs)
  3538.            .appendTo('body')
  3539.        // 展开收起判断
  3540.        if (is_expand == 1)
  3541.            getCollapseDiv(location).appendTo(dom)
  3542.        // 定制处理
  3543.        customized(location, hasShareBox, isYueRong)
  3544.    }
  3545.    // 除了和分享冲突
  3546.    const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => {
  3547.        shareBoxDiv.hide()
  3548.        const shareIcon = $('<div />')
  3549.            .addClass('share-icon')
  3550.            .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`})
  3551.            .on('click', () => window.customFunc.modal_show())
  3552.            .append($('<img />')
  3553.                .attr({src: '/images/chatIcon/share.png', width: '32px'}))
  3554.        DOMs.push(shareIcon)
  3555.    }
  3556.    // 定制处理
  3557.    const customized = (location, hasShareBox, isYueRong) => {
  3558.        if (location == PositionRight && hasShareBox && isYueRong) {
  3559.            $('.share_fun_box').css('top', '32%')
  3560.            $('.external-chat-box-right').css('top', '65%')
  3561.        }
  3562.    }
  3563.    // 收起处理
  3564.    const getCollapseDiv = (location) => {
  3565.        const div = $('<div />').addClass('iconfont iconleft')
  3566.        const contactPanelDiv = $('#contactPanel')
  3567.        if (location == PositionLeft) {
  3568.            div
  3569.                .addClass('external-chat-box__toggle')
  3570.                .on('click', function () {
  3571.                    if (contactPanelDiv.hasClass('external-chat-box--collapse')) {
  3572.                        contactPanelDiv.removeClass('external-chat-box--collapse')
  3573.                        $(this)
  3574.                            .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'})
  3575.                    } else {
  3576.                        contactPanelDiv.addClass('external-chat-box--collapse')
  3577.                        $(this).css({transform: '', borderRadius: '0 4px 4px 0'})
  3578.                    }
  3579.                })
  3580.        } else {
  3581.            div
  3582.                .addClass('external-chat-box-right__toggle')
  3583.                .css({transform: 'rotate(180deg) translateY(50%)'})
  3584.                .on('click', function () {
  3585.                    if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) {
  3586.                        contactPanelDiv.removeClass('external-chat-box-right--collapse')
  3587.                        $(this).css({transform: '', borderRadius: '4px 0 0 4px'})
  3588.                    } else {
  3589.                        contactPanelDiv.addClass('external-chat-box-right--collapse')
  3590.                        $(this).css({
  3591.                            transform: 'rotate(180deg) translateY(50%)',
  3592.                            borderRadius: '0 4px 4px 0'
  3593.                        })
  3594.                    }
  3595.                })
  3596.        }
  3597.        return div
  3598.    }
  3599.    // 数据格式化化
  3600.    const formatData = (list, style) => {
  3601.        return list.map(i => {
  3602.            let attrs
  3603.            try {attrs = getAttrs(i, style)}
  3604.            catch(err) {
  3605.                attrs = {}
  3606.            }
  3607.            return {
  3608.                ...i,
  3609.                attrs
  3610.            }
  3611.        })
  3612.    }
  3613.    // 属性拼接
  3614.    const getAttrs = (item, style) => {
  3615.        let attrs
  3616.        switch (item?.name) {
  3617.            case 'QQ':
  3618.                attrs = {
  3619.                    target: '_blank',
  3620.                    href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value,
  3621.                    className: 'external-chat-box__item--qq',
  3622.                    src: `/images/chatIcon/QQ${style}.png`
  3623.                }
  3624.                break;
  3625.            case 'WeChat':
  3626.                attrs = {
  3627.                    target: '_self',
  3628.                    href: '#',
  3629.                    className: 'external-chat-box__item--wechat',
  3630.                    src: `/images/chatIcon/WeChat${style}.png`
  3631.                }
  3632.                break;
  3633.            case 'WhatsApp':
  3634.                attrs = {
  3635.                    target: '_blank',
  3636.                    href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value),
  3637.                    className: 'external-chat-box__item--whatsapp',
  3638.                    src: `/images/chatIcon/WhatsApp${style}.png`
  3639.                }
  3640.                break;
  3641.            default:
  3642.                attrs = null
  3643.        }
  3644.        return attrs
  3645.    }
  3646.    // 生成DOM
  3647.    const getDOMs = (list, style) => {
  3648.        let DOMs = []
  3649.        list.forEach((i, index) => {
  3650.            if (i.attrs)
  3651.                DOMs.push(createItem(i, style, index == list.length - 1))
  3652.        })
  3653.        return DOMs
  3654.    }
  3655.    // 创建对应的A标签
  3656.    const createItem = (item, style, isLast) => {
  3657.        const {href, target, src} = item.attrs
  3658.        let ALabel = $(`<a/>`)
  3659.            .attr({href, target, title: item.user_name})
  3660.            .addClass('external-chat-box__item1')
  3661.            .on('click', () => {
  3662.                if (item.name == 'WeChat')
  3663.                    showWeChatDialog(item.value)
  3664.            })
  3665.        if (style == 4 && !isLast) {
  3666.            ALabel.css({borderBottom: '1px solid #fff'})
  3667.        }
  3668.        if (style == 6 && !isLast) {
  3669.            ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'})
  3670.        }
  3671.        let img = $('<img/>').attr({src,width:'32px'})
  3672.        ALabel.append(img)
  3673.        if (style == 6) {
  3674.            let div = $('<div />')
  3675.                .addClass('external-chat-box--label')
  3676.                .text(item.name)
  3677.            ALabel.append(div)
  3678.        }
  3679.        return ALabel
  3680.    }
  3681.    // 微信特殊处理
  3682.    const showWeChatDialog = (text) => {
  3683.        let input = $('<input>')
  3684.            .css({
  3685.                position: 'absolute',
  3686.                left: -99,
  3687.                top: -99,
  3688.                width: 20,
  3689.                height: 20
  3690.            })
  3691.            .attr('readonly', 'readonly')
  3692.            .val(text).appendTo('body');
  3693.        let popup = $('<div>')
  3694.            .addClass('external-chat-popup external-chat-popup--hidden')
  3695.            .appendTo('body');
  3696.        $('<div>')
  3697.            .addClass('external-chat-popup__bg')
  3698.            .on('click', () => {
  3699.                popup.addClass('external-chat-popup--hidden');
  3700.            }).appendTo(popup);
  3701.        $('<div>').addClass('external-chat-popup__dialog')
  3702.            .append(
  3703.                $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text),
  3704.                $('<button>')
  3705.                    .attr({
  3706.                        type: 'button',
  3707.                        'btn-types': 'deep'
  3708.                    })
  3709.                    .addClass('btn')
  3710.                    .text('Copy')
  3711.                    .on('click', function () {
  3712.                        input[0].select();
  3713.                        document.execCommand('copy');
  3714.                        popup.addClass('external-chat-popup--hidden');
  3715.                        prompt_box_fun({
  3716.                            type: 'success',
  3717.                            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.'
  3718.                        });
  3719.                        location.href = 'weixin://';
  3720.                    })
  3721.            ).appendTo(popup);
  3722.        popup.removeClass('external-chat-popup--hidden');
  3723.    }
  3724.    // 获取数据
  3725.    const getContactData = async () => {
  3726.        const res = await $.get('/contact/get-config')
  3727.        if (res.status != 200) return false
  3728.        const {config, list} = res.data
  3729.        const hasContactInfo = config && config.on == 1 && list.length
  3730.        if (hasContactInfo) return res.data
  3731.        return false
  3732.    }
  3733.    // 拼接类名
  3734.    const getPositionClassName = (position, style, is_expand) => {
  3735.        let className = `chatIconPanel${style}`
  3736.        if (position == PositionRight && style == 1) {
  3737.            className += '-right'
  3738.        }
  3739.        className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right'
  3740.        if (is_expand == 1) {
  3741.            className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse'
  3742.        }
  3743.        return className
  3744.    }
  3745.    initContactPanel()
  3746. </script>
  3747.  
  3748. <div class="import_template_box">
  3749.    <script type="text/javascript" defer>
  3750.    var onloadCallback = function () {
  3751.        grecaptcha.render('google_dialog', {
  3752.            'sitekey': '6LeRzl0hAAAAANDTBWTCnzV0cPhM2kR9KMactfK0',
  3753.            callback: gooble_callback
  3754.        });
  3755.    };
  3756. </script>
  3757. <div class="google_dialog_box" id='google_dialog_box'>
  3758.    <div class="google_dialog_box__dialog">
  3759.        <div id="google_dialog"></div>
  3760.    </div>
  3761. </div>
  3762. <style>
  3763.    .google_dialog_box {
  3764.        visibility: hidden;
  3765.    }
  3766.  
  3767.    .google_dialog_box__dialog {
  3768.        position: fixed;
  3769.        top: 0;
  3770.        left: 0;
  3771.        width: 100vw;
  3772.        height: 100vh;
  3773.        display: flex;
  3774.        justify-content: center;
  3775.        align-items: center;
  3776.        z-index: 99999
  3777.    }
  3778. </style></div>
  3779. <style>
  3780.     .el-dialog__footer {
  3781.        padding: 10px 20px 20px;
  3782.        text-align: right;
  3783.        box-sizing: border-box;
  3784.    }
  3785.    #inquiry-dialog {
  3786.        position: fixed;
  3787.        top:0;
  3788.        left: 0;
  3789.        right: 0;
  3790.        bottom: 0;
  3791.        width: 100vw;
  3792.        height: 100vh;
  3793.        z-index: 1000;
  3794.        /* opacity: .5; */
  3795.        background: rgba(0,0,0,.5);
  3796.    }
  3797.    .inquiry-dialog{
  3798.        position: relative;
  3799.        margin: 0 auto 50px;
  3800.        margin-top: 15vh;
  3801.        width: 400px;
  3802.        background: #fff;
  3803.        
  3804.    }
  3805.    .inquiry-dialog .form-group {
  3806.        margin-bottom: 10px;
  3807.    }
  3808.    .inquiry-dialog .red {
  3809.        font-style: normal;
  3810.        color: red;
  3811.    }
  3812.    .inquiry-dialog .form-group label {
  3813.        padding: 0;
  3814.        line-height: 28px;
  3815.        display: block;
  3816.        font-size: 14px;
  3817.        color: #606266;
  3818.    }
  3819.    .inquiry-dialog .form-control{
  3820.        display: block;
  3821.        width: 100%;
  3822.        height: 34px;
  3823.        padding: 6px 12px;
  3824.        font-size: 14px;
  3825.        line-height: 1.42857143;
  3826.        color: #555;
  3827.        background-color: #fff;
  3828.        background-image: none;
  3829.        border-radius: 4px;
  3830.        box-shadow: inset 0 1px 1px rgba(0,0,0,.07);
  3831.        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  3832.        margin-bottom: 0;
  3833.        border: 1px solid #e7eef5;
  3834.        outline: 0;
  3835.    }
  3836.    .inquiry-dialog .form-control:hover, .form-control:focus{
  3837.        border-color: #007eff;
  3838.    }
  3839.    #inquiry-dialog .dialog-footer {
  3840.        /* padding: 10px 0 20px; */
  3841.            /* background: #666;
  3842.            color: #fff;
  3843.            text-align:center;
  3844.            height: 40px;
  3845.            line-height: 40px;
  3846.            border-radius: 10px; */
  3847.        }
  3848.    #inquiry-dialog .el-form-item {
  3849.        margin-bottom: 10px;
  3850.    }
  3851.    #inquiry-dialog .el-form-item__label{
  3852.        padding: 0;
  3853.        line-height: 28px;
  3854.    }
  3855.    #inquiry-dialog .dialog-foot-btn {
  3856.        width: 100%;
  3857.        border-radius: 10px;
  3858.        font-weight: 500;
  3859.        padding: 0 20px;
  3860.        font-size: 14px;
  3861.        height: 40px;
  3862.        line-height: 40px;
  3863.        cursor: pointer;
  3864.        text-align: center;
  3865.        border: 1px;
  3866.    }
  3867.    .inquiry-dialog {
  3868.        border-radius: 16px!important;
  3869.    }
  3870.    .inquiry-dialog .el-dialog__body {
  3871.        padding: 0;
  3872.    }
  3873.    .inquiry-dialog .body {
  3874.        padding: 0;
  3875.    }
  3876.    .inquiry-dialog .el-dialog__header {
  3877.        font-size: 20px;
  3878.        border-radius: 16px 16px 0 0;
  3879.    }
  3880.    .inquiry-dialog .header {
  3881.        font-size: 20px;
  3882.        border-radius: 16px 16px 0 0;
  3883.        padding: 20px 20px 10px;
  3884.  
  3885.        /* color: #fff;
  3886.        background: #007eff; */
  3887.    }
  3888.    .inquiry-dialog .header_btn{
  3889.        position: absolute;
  3890.        top: 20px;
  3891.        right: 20px;
  3892.        padding: 0;
  3893.        background: 0 0;
  3894.        border: none;
  3895.        outline: 0;
  3896.        cursor: pointer;
  3897.        line-height: 1;
  3898.    }
  3899.    .inquiry-dialog .el-dialog__close {
  3900.        font-size: 20px;
  3901.    }
  3902.    .inquiry-dialog--1 .el-dialog__header {
  3903.        color: #fff;
  3904.        background: #007eff;
  3905.    }
  3906.    .inquiry-dialog--1 .header {
  3907.        color: #fff;
  3908.        background: #007eff;
  3909.    }
  3910.    .inquiry-dialog--1 .el-dialog__close {
  3911.        color:#fff;
  3912.    }
  3913.    .inquiry-dialog--1 .el-dialog__close:hover {
  3914.        color:#fff;
  3915.    }
  3916.    .inquiry-dialog--1 .body
  3917.    {
  3918.        padding: 20px 20px 0;
  3919.    }
  3920.    .inquiry-dialog--1 .tips {
  3921.        word-break: break-word;
  3922.        padding: 14px 20px;
  3923.        margin: -20px -20px 20px;
  3924.        /* box-shadow: 0 2px 8px rgb(0 0 0 / 13%); */
  3925.    }
  3926.    .inquiry-dialog--1 .inquiry_from {
  3927.        /* padding:0 20px; */
  3928.    }
  3929.    .inquiry-dialog--1 .dialog-foot-btn{
  3930.        color: #fff!important;
  3931.        background:  #007eff!important;
  3932.        border-color: #007eff;
  3933.    }
  3934.    .inquiry-dialog--1 .dialog-foot-btn.is-disabled{
  3935.        color: #fff!important;
  3936.        background:  #007eff!important;
  3937.        border-color: #007eff!important;
  3938.    }
  3939.  
  3940.    .inquiry-dialog .el-input__inner:focus {
  3941.        border-color: #007eff;
  3942.    }
  3943.    .inquiry-dialog .el-input__inner:hover {
  3944.        border-color: #007eff;
  3945.    }
  3946.    .inquiry-dialog .el-textarea__inner:focus {
  3947.        border-color: #007eff;
  3948.    }
  3949.    .inquiry-dialog .el-textarea__inner:hover {
  3950.        border-color: #007eff;
  3951.    }
  3952.    .el-textarea
  3953.  
  3954.    .inquiry-dialog--2 .tips {
  3955.        padding: 10px 0px;
  3956.        word-break: break-word;
  3957.        /* border-top: 1px solid #e0e0e0; */
  3958.        margin:0 20px;
  3959.    }
  3960.    .inquiry-dialog--2 .inquiry_from {
  3961.        padding:0 20px;
  3962.        background: #f6f6f7;
  3963.        padding-bottom: 5px;
  3964.    }
  3965.    .inquiry-dialog--2 .el-dialog__footer {
  3966.        background: #f6f6f7;
  3967.    border-radius: 0 0 16px 16px;
  3968.    }
  3969.    .inquiry-dialog--2 .dialog-foot-btn{
  3970.        color: #fff!important;
  3971.        background:  #007eff!important;
  3972.        border-color: #007eff;
  3973.    }
  3974.    .inquiry-dialog--2 .dialog-foot-btn.is-disabled{
  3975.        color: #fff!important;
  3976.        background:  #007eff!important;
  3977.        border-color: #007eff!important;
  3978.    }
  3979.  
  3980.    .inquiry-dialog--3  {
  3981.        background: #02b57d;
  3982.        color: #Fff;
  3983.    }
  3984.    .inquiry-dialog--3 .el-dialog__close {
  3985.        color:#fff;
  3986.    }
  3987.    .inquiry-dialog--3 .el-dialog__close:hover {
  3988.        color:#fff;
  3989.    }
  3990.    .inquiry-dialog--3 .tips {
  3991.        padding: 10px 0px;
  3992.        word-break: break-word;
  3993.        /* border-top: 1px solid #fff; */
  3994.        margin:0 20px;
  3995.        color: #fff;
  3996.    }
  3997.    .inquiry-dialog--3 .inquiry_from {
  3998.        margin: 0 20px;
  3999.        padding: 20px 20px;
  4000.        background: #fff;
  4001.        border-radius: 16px;
  4002.    }
  4003.    .inquiry-dialog--3 .body {
  4004.        padding-bottom: 10px;
  4005.    }
  4006.    .inquiry-dialog--3 .dialog-foot-btn{
  4007.        color: #fff!important;
  4008.        background: #333;
  4009.        border-color: #333;
  4010.        text-align: left;
  4011.        position: relative;
  4012.    }
  4013.    .inquiry-dialog--3 .dialog-foot-btn.is-disabled{
  4014.        color: #fff!important;
  4015.        background: #333!important;
  4016.        border-color: #333!important;
  4017.        text-align: left;
  4018.        position: relative;
  4019.    }
  4020.    .inquiry-dialog--3 .dialog-foot-btn:before{
  4021.        content: '\2192';
  4022.        position: absolute;
  4023.        right: 12px;
  4024.        /* top: 50%;
  4025.        margin-top: -.75em; */
  4026.    }
  4027.  
  4028.  
  4029.    .inquiry-dialog--4  {
  4030.        background: #02b57d;
  4031.        color: #Fff;
  4032.    }
  4033.    .inquiry-dialog--4 .el-dialog__close {
  4034.        color:#fff;
  4035.    }
  4036.    .inquiry-dialog--4 .el-dialog__close:hover {
  4037.        color:#fff;
  4038.    }
  4039.    .inquiry-dialog--4 .tips {
  4040.        padding: 0 0 10px 0px;
  4041.        word-break: break-word;
  4042.        margin:0 20px;
  4043.        color: #fff;
  4044.    }
  4045.    .inquiry-dialog--4 .inquiry_from {
  4046.        margin: 0 20px;
  4047.        padding: 20px 20px;
  4048.        background: #fff;
  4049.        border-radius: 16px;
  4050.    }
  4051.    .inquiry-dialog--4 .el-input__inner{
  4052.       border: 0;
  4053.       border-radius: 0;
  4054.       border-bottom: 1px solid #DCDFE6;
  4055.    }
  4056.    .inquiry-dialog--4 .form-control{
  4057.        border: 0;
  4058.       border-radius: 0;
  4059.       border-bottom: 1px solid #DCDFE6;
  4060.       box-shadow: unset;
  4061.    }
  4062.    .inquiry-dialog--4 .body {
  4063.        padding-bottom: 10px;
  4064.    }
  4065.    .inquiry-dialog--4 .dialog-foot-btn{
  4066.        color: #fff!important;
  4067.        background: #333;
  4068.        border-color: #333;
  4069.    }
  4070.    .inquiry-dialog--4 .dialog-foot-btn.is-disabled{
  4071.        color: #fff!important;
  4072.        background: #333!important;
  4073.        border-color: #333!important;
  4074.    }
  4075.  
  4076.  
  4077.  
  4078.    .inquiry-dialog--5 {
  4079.        background: ##ffe201;
  4080.        color: #333;
  4081.    }
  4082.    .inquiry-dialog--5 .el-dialog__close {
  4083.        color: #333;
  4084.    }
  4085.    .inquiry-dialog--5 .el-dialog__close:hover {
  4086.        color:#333;
  4087.    }
  4088.    .inquiry-dialog--5 .tips {
  4089.        padding: 0 0 10px 0px;
  4090.        word-break: break-word;
  4091.        margin:0 20px;
  4092.        color: #666;
  4093.    }
  4094.    .inquiry-dialog--5 .el-form-item {
  4095.        background: #fff;
  4096.        margin-left: 20px;
  4097.        margin-right: 20px;
  4098.        padding: 12px 16px;
  4099.        border-radius: 16px;
  4100.    }
  4101.    .inquiry-dialog--5 .form-group {
  4102.        background: #fff;
  4103.        margin-left: 20px;
  4104.        margin-right: 20px;
  4105.        padding: 12px 16px;
  4106.        border-radius: 16px;
  4107.    }
  4108.    .inquiry-dialog--5 .el-input__inner{
  4109.       border: 0;
  4110.       padding: 0;
  4111.    }
  4112.    .inquiry-dialog--5 .form-control{
  4113.       border: 0;
  4114.       padding: 0;
  4115.       box-shadow: unset;
  4116.    }
  4117.    .inquiry-dialog--5 .body {
  4118.        padding-bottom: 10px;
  4119.    }
  4120.    .inquiry-dialog--5 .dialog-foot-btn{
  4121.        color: #fff!important;
  4122.        background: #333;
  4123.        border-color: #333;
  4124.        text-align: left;
  4125.        position: relative;
  4126.    }
  4127.    .inquiry-dialog--5 .dialog-foot-btn.is-disabled{
  4128.        color: #fff!important;
  4129.        background: #333!important;
  4130.        border-color: #333!important;
  4131.        text-align: left;
  4132.        position: relative;
  4133.    }
  4134.    .inquiry-dialog--5 .dialog-foot-btn:before{
  4135.        content: '\2192';
  4136.        position: absolute;
  4137.        right: 12px;
  4138.        /* top: 50%;
  4139.        margin-top: -.75em; */
  4140.    }
  4141.  
  4142.    .inquiry-dialog--6 .el-dialog__header {
  4143.        background: #007eff;
  4144.        color: #fff;
  4145.    }
  4146.    .inquiry-dialog--6 .header {
  4147.        background: #007eff;
  4148.        color: #fff;
  4149.    }
  4150.    .inquiry-dialog--6 .el-dialog__close {
  4151.        color:#fff;
  4152.    }
  4153.    .inquiry-dialog--6 .el-dialog__close:hover {
  4154.        color:#fff;
  4155.    }
  4156.    .inquiry-dialog--6 .tips {
  4157.        word-break: break-word;
  4158.        padding: 14px 20px;
  4159.        background: #f5f5f5;
  4160.    }
  4161.    .inquiry-dialog--6 .inquiry_from {
  4162.        padding:10px 20px;
  4163.    }
  4164.    .inquiry-dialog--6 .el-dialog__footer{
  4165.        padding:0;
  4166.    }
  4167.    .inquiry-dialog--6 .dialog-foot-btn{
  4168.        border-radius: 0 0 16px 16px!important;
  4169.        height: 48px;
  4170.        color: #fff!important;
  4171.        background:  #007eff!important;
  4172.        border-color: #007eff;
  4173.    }
  4174.    .inquiry-dialog--6 .dialog-foot-btn.is-disabled {
  4175.        border-radius: 0 0 16px 16px!important;
  4176.        height: 48px;
  4177.        color: #fff!important;
  4178.        background:  #007eff!important;
  4179.        border-color: #007eff!important;
  4180.    }
  4181.  
  4182.    .inquiry-dialog--0  .el-dialog__header {
  4183.        background:  #007eff!important;
  4184.        color:#fff;
  4185.    }
  4186.    .inquiry-dialog--0  .header {
  4187.        background:  #007eff!important;
  4188.        color:#fff;
  4189.    }
  4190.  
  4191.    .inquiry-dialog--0 .el-dialog__close {
  4192.        color:#fff;
  4193.    }
  4194.    .inquiry-dialog--0 .el-dialog__close:hover {
  4195.        color:#fff;
  4196.    }
  4197.    .inquiry-dialog--0 .tips {
  4198.        background:  #007eff!important;
  4199.        height: 40px;
  4200.        position: relative;
  4201.    }
  4202.    .inquiry-dialog--0 .tips:after {
  4203.        content: "";
  4204.        position: absolute;
  4205.        bottom: -1px;
  4206.        left: 0;
  4207.        width: 100%;
  4208.        height: 20px;
  4209.        clip-path: url(#chatOnlineFormPath);
  4210.        background-color: #fff;
  4211.     }
  4212.     .inquiry-dialog--0 .inquiry_from {
  4213.        padding:0 20px;
  4214.        padding-bottom: 5px;
  4215.    }
  4216.     .inquiry-dialog--0 .dialog-foot-btn{
  4217.        height: 48px;
  4218.        color: #fff!important;
  4219.        background:  #007eff!important;
  4220.        border-color: #007eff;
  4221.    }
  4222.  
  4223. </style>
  4224. <svg style="position:absolute;bottom:100%;right:100%" width="1" height="1">
  4225.    <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox">
  4226.        <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/>
  4227.    </clipPath>
  4228. </svg>
  4229. <div id="inquiry-dialog" style="display: none;">
  4230.    <div class="inquiry-dialog  inquiry-dialog--1">
  4231.        <div class="header">
  4232.            <div class="header-title">Send Your Inquiry</div>
  4233.            <div class="header_btn" onclick="onClose()">
  4234.                <i class="iframe_conceal iconfont iconguanbi4"></i>
  4235.            </div>
  4236.        </div>
  4237.        <form class=""  onsubmit="return inquiryDialogFromSubmit(this)">
  4238.            <div class="body">
  4239.                                <div class="inquiry_from">
  4240.                    <div class="form-group">
  4241.                        <label ><i class="red">*</i>Name</label>
  4242.                        <input
  4243.                            type="text"
  4244.                                                        class="form-control"
  4245.                            required  name="name"
  4246.                            oninput="setCustomValidity('')"
  4247.                            oninvalid="this.setCustomValidity('Please fill in this field')"/>
  4248.                    </div>
  4249.                    <div class="form-group">
  4250.                        <label >
  4251.                                                        Phone
  4252.                        </label>
  4253.                        <input
  4254.                                                                                    type="text"  
  4255.                            class="form-control"
  4256.                            oninput="setCustomValidity('')"  
  4257.                            name="phone"
  4258.                            oninvalid="this.setCustomValidity('Please fill in this field')">
  4259.                    </div>
  4260.                    <div class="form-group">
  4261.                        <label ><i class="red">*</i>E-mail</label>
  4262.                        <input
  4263.                            type="text"  
  4264.                                                        class="form-control"
  4265.                            required
  4266.                            oninput="setCustomValidity('')"
  4267.                            onchange="checkemail(this)"  
  4268.                            name="email"
  4269.                            oninvalid="checkemail(this,true)"/>
  4270.                    </div>
  4271.                    <div class="form-group">
  4272.                        <label ><i class="red">*</i>Content</label>
  4273.                        <textarea
  4274.                            class="form-control"
  4275.                                                        required
  4276.                            oninput="setCustomValidity('')"  
  4277.                            style="resize: none;height: auto;"
  4278.                            name="content"></textarea>
  4279.                    </div>
  4280.                </div>
  4281.            </div>
  4282.            <div class="dialog-footer el-dialog__footer">
  4283.                <button  type="submit" id="submit_popup_inquiry" class="dialog-foot-btn">
  4284.                    Send Inquiry Now
  4285.                </button>
  4286.            </div>
  4287.        </form>
  4288.    </div>
  4289. </div>
  4290. <script type="text/javascript">
  4291.        var hasInquiry = 1;
  4292.        var inquiryStyle = "1";
  4293.        var inquiryColor = "#fff";
  4294.    </script>
  4295. <script>
  4296.    function onClose() {
  4297.        const dialog = $('#inquiry-dialog')
  4298.        dialog.find('[name=name]').val('')
  4299.        dialog.find('[name=phone]').val('')
  4300.        dialog.find('[name=email]').val('')
  4301.        dialog.find('[name=content]').val('')
  4302.        dialog.hide()
  4303.    }
  4304.    function inquiryDialogFromSubmit(){
  4305.        inquiryDialogFromSubmit1()
  4306.        return false
  4307.    }
  4308.    function inquiryDialogFromSubmit1(){
  4309.        const dialog =$('#inquiry-dialog')
  4310.        const appid = appid_fun(dialog.find('[name=email]').val()).toString() || "";
  4311.        const params = {
  4312.            name: dialog.find('[name=name]').val(),
  4313.            phone: dialog.find('[name=phone]').val(),
  4314.            email: dialog.find('[name=email]').val(),
  4315.            msg: dialog.find('[name=content]').val(),
  4316.            previous_page: document.referrer || window.location.href,
  4317.            enquiry_type: 0,
  4318.            visitlength: "====1743695079====",
  4319.            source: 0,
  4320.            promote_id: 0,
  4321.            is_subscribe: 0,
  4322.            page_title: document.title || '',
  4323.            page_word: $('meta[name="keywords"]').attr("content"),
  4324.            is_subscribe: 0
  4325.        }
  4326.        if ($('#verification_open_inp').val() == "0") {
  4327.            addEnquiry(params)
  4328.            return false
  4329.        }
  4330.        if (appid) {
  4331.            if (_verification_type == 2) {
  4332.                grecaptcha.ready(function () {
  4333.                    grecaptcha.execute(appid, { action: 'validate_captcha' })
  4334.                        .then(function (token) {
  4335.                            var serialize = {
  4336.                                'g-recaptcha-response': token,
  4337.                                action: 'validate_captcha'
  4338.                            };
  4339.                            Object.assign(params, serialize)
  4340.                            addEnquiry(params,true)
  4341.                        });
  4342.                });
  4343.            } else if (_verification_type == 1) {
  4344.                function loadTCaptchaNow() {
  4345.                    return new Promise (resolve => {
  4346.                        if (typeof TencentCaptcha !== 'function') {
  4347.                            const script = document.createElement('script')
  4348.                            script.src = 'https://turing.captcha.qcloud.com/TCaptcha.js'
  4349.                            script.type = 'text/javascript'
  4350.                            script.onload = () =>{
  4351.                                resolve()
  4352.                            }
  4353.                            script.onreadystatechange =  ()=> {
  4354.                                if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") {
  4355.                                    script.onreadystatechange = null
  4356.                                    resolve()
  4357.                                }
  4358.                            }
  4359.                            document.getElementsByTagName('head')[0].appendChild(script);
  4360.                            return
  4361.                        }
  4362.                        resolve()
  4363.                    })
  4364.                }
  4365.                loadTCaptchaNow().then(() => {
  4366.                    var captcha1 = new TencentCaptcha(appid, function (res) {
  4367.                        Object.assign(params, res)
  4368.                        addEnquiry(params)
  4369.                    });
  4370.                    captcha1.show();
  4371.                })
  4372.            }
  4373.            if (_verification_type == 3) {
  4374.                CustomizedCaptcha.show().then(res=>{
  4375.                    Object.assign(params, res)
  4376.                    addEnquiry(params)
  4377.                }).catch(err=>{return})
  4378.            }
  4379.        } else {
  4380.            addEnquiry(params)
  4381.        }
  4382.      
  4383.        return false
  4384.    }
  4385.    function addEnquiry(params,challenge) {
  4386.        function successCallback() {
  4387.            window.location.href = '/inquire/success'
  4388.        }
  4389.        $.ajax({
  4390.            url: '/add-enquiry',
  4391.            type: 'POST',
  4392.            datatype: 'json',
  4393.            data: JSON.stringify(params),
  4394.            headers: {
  4395.                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
  4396.                'Content-Type': 'application/json'
  4397.            },
  4398.            success: function(result) {
  4399.                // _this.submitBtnLoading = false
  4400.                if (result.status == 200) {
  4401.                    successCallback()
  4402.                } else {
  4403.                    if (challenge && result.status == 203) {
  4404.                        _getData = params
  4405.                        _form = $('<form>').attr({
  4406.                            action: "/add-enquiry",
  4407.                            method: 'POST'
  4408.                        });
  4409.                        $('.google_dialog_box').css('visibility', 'visible');
  4410.                        _globalCallback = function () {
  4411.                            $('.google_dialog_box').css('visibility', 'hidden');
  4412.                            successCallback();
  4413.                        };
  4414.                        return
  4415.                    }
  4416.                    prompt_box_fun({
  4417.                        type: 'error',
  4418.                        text: result.msg
  4419.                    });
  4420.                }
  4421.            }
  4422.        })
  4423.    }
  4424.    function checkemail(t,submit) {
  4425.        const email = $(t).val()
  4426.        const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;  
  4427.        if(regex.test(email)) {
  4428.            t.setCustomValidity('')
  4429.        } else if (email.trim() === '') {
  4430.            t.setCustomValidity('Please fill in this field')
  4431.        } else {
  4432.            t.setCustomValidity('Format error')
  4433.        }
  4434.        if(submit) return
  4435.        t.reportValidity()
  4436.  
  4437.    }
  4438.    function input1(t) {
  4439.        t.setCustomValidity('')
  4440.    }
  4441.    const inquiryDialogInstance = {}
  4442.    inquiryDialogInstance.showInquiryDialog = function(id) {
  4443.        if(!id) return
  4444.        const dom = $('#inquiry-dialog')
  4445.        dom.show()
  4446.    }
  4447. </script>
  4448.    <style>
  4449.      .captcha-dialog__wrapper {
  4450.        z-index: 1000005;
  4451.        position: fixed;
  4452.        top: 0;
  4453.        right: 0;
  4454.        bottom: 0;
  4455.        left: 0;
  4456.        overflow: auto;
  4457.        margin: 0;
  4458.        display: flex;
  4459.        align-items: center;
  4460.      }
  4461.      .v-modal {
  4462.        position: fixed;
  4463.        left: 0;
  4464.        top: 0;
  4465.        width: 100%;
  4466.        height: 100%;
  4467.        opacity: 0.5;
  4468.        background: #000;
  4469.      }
  4470.      .captcha-dialog {
  4471.        position: relative;
  4472.        margin: 0 auto 50px;
  4473.        background: #fff;
  4474.        border-radius: 2px;
  4475.        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  4476.        box-sizing: border-box;
  4477.        width: 700px;
  4478.        background: #ffffff;
  4479.        border-radius: 8px;
  4480.        overflow: hidden;
  4481.        /* margin-top: 30vh; */
  4482.      }
  4483.      .captcha-dialog__header {
  4484.        height: 60px;
  4485.        border-bottom: 1px solid #dfe5eb;
  4486.        padding: 20px 30px 10px;
  4487.        box-sizing: border-box;
  4488.      }
  4489.      .captcha-dialog__headerbtn {
  4490.        position: absolute;
  4491.        top: 20px;
  4492.        right: 30px;
  4493.        padding: 0;
  4494.        background: transparent;
  4495.        border: none;
  4496.        outline: none;
  4497.        cursor: pointer;
  4498.        font-size: 16px;
  4499.      }
  4500.      .captcha-dialog__title {
  4501.        font-size: 18px;
  4502.        font-family: PingFang-SC-Bold, PingFang-SC;
  4503.        font-weight: bold;
  4504.        color: #202223;
  4505.        line-height: 25px;
  4506.      }
  4507.      .captcha-dialog__body {
  4508.        padding: 30px;
  4509.        padding-bottom: 10px;
  4510.      }
  4511.      .captcha-content {
  4512.        display: flex;
  4513.      }
  4514.      .captcha-content__code {
  4515.        margin-right: 20px;
  4516.        width: 330px;
  4517.        height: 40px;
  4518.        border-radius: 4px;
  4519.        padding: 6px 12px;
  4520.        border: 1px solid #dfe5eb;
  4521.        outline: none;
  4522.      }
  4523.      .captcha-content__code:focus {
  4524.        border: 1px solid #1890ff;
  4525.      }
  4526.      .captcha-content__box {
  4527.        width: 236px;
  4528.        height: 40px;
  4529.        border-radius: 4px;
  4530.        border: 1px solid #dfe5eb;
  4531.        display: flex;
  4532.        overflow: hidden;
  4533.      }
  4534.      .captcha-content__img {
  4535.       min-width:126px;
  4536.      }
  4537.      .captcha-content__img img{
  4538.        height: 38px;
  4539.        width: auto;
  4540.      }
  4541.      .captcha-content__refresh {
  4542.        flex: 1;
  4543.        background: #F4F4F4;
  4544.        display:flex;
  4545.        align-items: center;
  4546.        justify-content: center;
  4547.        overflow: hidden;
  4548.        cursor: pointer;
  4549.      }
  4550.      .captcha-dialog__footer {
  4551.        padding: 0 30px 30px;
  4552.        display: flex;
  4553.        justify-content: end;
  4554.      }
  4555.      .captcha-dialog  .btn {
  4556.        width: 92px;
  4557.        height: 36px;
  4558.        background: #1890ff;
  4559.        border-radius: 4px;
  4560.        display: flex;
  4561.        align-items: center;
  4562.        justify-content: center;
  4563.      }
  4564.      .captcha-dialog__phoneTitle {
  4565.        display: none;
  4566.      }
  4567.      .captcha-dialog__tips {
  4568.        color: red;
  4569.        /* display: none; */
  4570.        height: 21px;
  4571.      }
  4572.      .captcha-dialog__error {
  4573.        color: red;
  4574.        display: none;
  4575.      }
  4576.      @media (max-width: 768px) {
  4577.        .captcha-dialog__header {
  4578.          border-bottom:0 ;
  4579.        }
  4580.        .captcha-dialog__body{
  4581.          padding-top: 0;
  4582.        }
  4583.        .captcha-dialog {
  4584.          width: 80vw;
  4585.        }
  4586.        .captcha-dialog__title {
  4587.          display: none;
  4588.        }
  4589.        .captcha-dialog__phoneTitle {
  4590.          display: block;
  4591.          font-size: 18px;
  4592.          font-family: PingFang-SC-Bold, PingFang-SC;
  4593.          font-weight: bold;
  4594.          color: #202223;
  4595.          text-align: center;
  4596.          margin-bottom: 30px;
  4597.        }
  4598.        .captcha-content{
  4599.          flex-wrap: wrap;
  4600.        }
  4601.        .captcha-content__code{
  4602.          width: 100%;
  4603.          margin-right:0;
  4604.        }
  4605.        .captcha-content__box{
  4606.          width: 100%;
  4607.          margin-top: 15px;
  4608.        }
  4609.        
  4610.        .captcha-dialog  .btn-submit{
  4611.          width: 100%;
  4612.        }
  4613.      }
  4614.    </style>
  4615.  
  4616.  
  4617. <div
  4618.    class="v-modal"
  4619.    tabindex="0"
  4620.    style="z-index: 1000003 ; display: none"
  4621. ></div>
  4622. <div
  4623.    id="captcha-dialog"
  4624.    class="captcha-dialog__wrapper"
  4625.    style="display: none"
  4626. >
  4627.    <div class="captcha-dialog">
  4628.    <div class="captcha-dialog__header">
  4629.        <span class="captcha-dialog__title">
  4630.        Please enter the calculation result.
  4631.        </span>
  4632.        <div class="captcha-dialog__headerbtn"><i class="iframe_conceal iconfont iconguanbi4"></i></div>
  4633.    </div>
  4634.    <div class="captcha-dialog__body">
  4635.        <div class="captcha-dialog__phoneTitle">
  4636.        Please enter the calculation result.
  4637.        </div>
  4638.        <div class="captcha-content">
  4639.        <input type="text" name="captchaCode" class="captcha-content__code" />
  4640.        <div class="captcha-content__box" style="display: flex">
  4641.            <div class="captcha-content__img"><img src="" alt=""></div>
  4642.            <div class="captcha-content__refresh"><img src="/images/refresh3.png" alt="" style="height:24px"></div>
  4643.        </div>
  4644.        </div>
  4645.        <div class="captcha-dialog__tips">
  4646.            <span class="captcha-dialog__error">Verification failed. Please re-enter. </span>
  4647.        </div>
  4648.    </div>
  4649.    <div class="captcha-dialog__footer">
  4650.        <div id="close2" class="btn btn-submit">
  4651.        <div style="font-weight: 400; color: #ffffff; line-height: 20px">
  4652.            submit
  4653.        </div>
  4654.        </div>
  4655.    </div>
  4656.    </div>
  4657. </div>
  4658.  
  4659. <script>
  4660.    const CustomizedCaptcha = {
  4661.      dom: null,
  4662.      img: "",
  4663.      key: "",
  4664.      reject: null,
  4665.      resolve:null,
  4666.      show: async function () {
  4667.        if (!this.dom) {
  4668.            console.log($("#captcha-dialog"));
  4669.            if(!$("#captcha-dialog")){
  4670.                return
  4671.            }
  4672.          this.dom = $("#captcha-dialog");
  4673.          const _this = this
  4674.          this.dom.find('.captcha-content__refresh').click(() => {
  4675.            _this.refresh()
  4676.          })
  4677.          _this.dom.find(".captcha-dialog__headerbtn").click(() => {
  4678.            _this.dom.hide();
  4679.            $(".v-modal").hide();
  4680.            _this.reject("close");
  4681.          });
  4682.          _this.dom.find(".btn-submit").click(async () => {
  4683.            const res = await _this.verify()
  4684.            _this.dom.find('[name="captchaCode"]').val('')
  4685.            if(res) {
  4686.                _this.dom.hide();
  4687.                $(".v-modal").hide();
  4688.                _this.resolve(res.data);
  4689.            } else {
  4690.                _this.refresh()
  4691.            }
  4692.          });
  4693.          _this.dom.find('.captcha-content__code').on('input', () => {
  4694.            _this.dom.find('.captcha-dialog__error').hide()
  4695.          })
  4696.          _this.dom.find('[name="captchaCode"]').keypress((e) => {
  4697.              if (e.which == 13) { // Enter 键的键值为 13
  4698.                console.log('123123');
  4699.                if(this.dom.find('[name="captchaCode"]').val().length === 0) return
  4700.                _this.dom.find(".btn-submit").click()
  4701.              }
  4702.            })
  4703.        }
  4704.        const res = await $.ajax({
  4705.            type: 'get',
  4706.            url: '/allweyescaptcha?captcha_type=3'
  4707.        })
  4708.        console.log('res',res);
  4709.        if (res.status !== 200) {
  4710.            console.log('接口异常')
  4711.            return
  4712.        }
  4713.        const {img,key} = res.data
  4714.        this.img = img
  4715.        this.key = key
  4716.        this.dom.find('.captcha-content__img img').attr("src", this.img)
  4717.        console.log(this.dom.find('.captcha-content__img img'))
  4718.        $(this.dom).show();
  4719.        $(".v-modal").show();
  4720.        const _this = this;
  4721.        return new Promise((resolve, reject) => {
  4722.          _this.reject = reject
  4723.          _this.resolve = resolve
  4724.        });
  4725.      },
  4726.      refresh: async function(){
  4727.        this.dom.find('.captcha-content__img img').hide()
  4728.        const res = await $.ajax({
  4729.            type: 'get',
  4730.            url: '/allweyescaptcha?captcha_type=3'
  4731.        })
  4732.        console.log('res',res);
  4733.        if (res.status !== 200) {
  4734.            console.log('接口异常')
  4735.            return
  4736.        }
  4737.        const {img,key} = res.data
  4738.        this.img = img
  4739.        this.key = key
  4740.        this.dom.find('.captcha-content__img img').attr("src", this.img)
  4741.        this.dom.find('.captcha-content__img img').show()
  4742.      },
  4743.      verify: async function(){
  4744.        if(this.dom.find('[name="captchaCode"]').val().length === 0) return
  4745.        const res = await $.ajax({
  4746.            type: "POST",
  4747.            url: "/check_allweyescaptcha",
  4748.            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  4749.            data: {captcha_type:3,captcha_key:this.key,captcha_value:this.dom.find('[name="captchaCode"]').val()}
  4750.        })
  4751.        console.log('res', res);
  4752.        if(res.status == 200) {
  4753.            return {data: res.data}
  4754.        } else {
  4755.            this.dom.find('.captcha-dialog__error').show()
  4756.            return false
  4757.        }
  4758.      }
  4759.    };
  4760.    // CustomizedCaptcha.show().then(res=>{console.log(res);});
  4761.  </script>    
  4762.  
  4763. </body>
  4764. </html>
  4765.  

Home · About · News · Docs · Terms

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