<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Self Lubricating Bushes, Metal Bushing Manufacturers &amp; Suppliers | Changsheng Bushing</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="self lubricating bushes, metal bushes, bushing manufacturers">
    <meta name="description" content="Changsheng Bushing is one of the high quality bushing manufacturers &amp; suppliers which provides self lubricating bushes, metal bushes and DU &amp; DX bushes etc,. since 2001. Please contact us!">
    <meta property="og:title" content="Self Lubricating Bushes, Metal Bushing Manufacturers &amp; Suppliers | Changsheng Bushing" />
    <meta property="og:description" content="Changsheng Bushing is one of the high quality bushing manufacturers &amp; suppliers which provides self lubricating bushes, metal bushes and DU &amp; DX bushes etc,. since 2001. Please contact us!" />
    <meta property="og:url" content="https://www.zg-bearing.com" />
            <meta property="og:image" content="https://img001.video2b.com/1781/file1663558169298.png" />
                    <meta property="og:image:width" content="205">
                            <meta property="og:image:height" content="89">
                
        <meta name="yandex-verification" content="cb23627e0d485548" />
<meta name="msvalidate.01" content="4ABDB34E4F1A19BA4F1BDF88A4477DBB" />
<meta name="google-site-verification" content="rVInV7e7ygOt_kTq1yRNAm2T1o11wll984JTAPiEemg" />
                <meta name="csrf-ip" content="173.236.244.178">
        <meta name="csrf-token" content="mS2fAKkniNMnpsYkVLjTrxg98i74DSqTGROHfuZk">
        <meta http-equiv="x-dns-prefetch-control" content="on">
        <link rel="canonical" href="https://www.zg-bearing.com" />
        <link rel="preconnect" href="https://www.zg-bearing.com">
    <link rel="preconnect" href="https://img001.video2b.com">
        <link rel="dns-prefetch" href="https://www.zg-bearing.com">
    <link rel="dns-prefetch" href="https://img001.video2b.com">
    <link rel="dns-prefetch" href="https://www.googleadservices.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="https://g.alicdn.com">
    <!--<link/>-->
                        <link rel="alternate" hreflang="de" href="https://www.zg-bearing.com/de"/>
                    <link rel="alternate" hreflang="en" href="https://www.zg-bearing.com"/>
                    <link rel="alternate" hreflang="es" href="https://www.zg-bearing.com/es"/>
                    <link rel="alternate" hreflang="ru" href="https://www.zg-bearing.com/ru"/>
                <link rel="icon" href="https://img001.video2b.com/1781/file1663559756828.png" type="image/x-icon" />
    <link rel="shortcut icon" href="https://img001.video2b.com/1781/file1663559756828.png" type="image/x-icon" />
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('consent', 'default', {
            'ad_storage': 'granted',
            'ad_user_data': 'granted',
            'ad_personalization': 'granted',
            'analytics_storage': 'granted'
        });
        console.log('granted_ad_storage_cookie init:','granted');
    </script>
    <script type="application/ld+json">[
    {
        "@context": "https:\/\/schema.org",
        "@type": "Organization",
        "url": "https:\/\/www.zg-bearing.com",
        "logo": "https:\/\/img001.video2b.com\/1781\/file1663558169298.png",
        "name": "Zhejiang Changsheng Precision Technology CO.,LTD",
        "alternateName": "Changsheng Bushing",
        "sameAs": [
            "https:\/\/www.facebook.com\/profile.php?id=61566635360644#",
            "https:\/\/www.youtube.com\/channel\/UCdQKuXLupRzYU-8S_QQD6LQ",
            "https:\/\/www.instagram.com\/csppbearingbushings"
        ]
    }
]</script>
    <!-- css -->
    <link rel="stylesheet" href="/css/common_3.css?v=1717671614">
    <style>
        .iconfenxiang_boxs_m ul {
            flex-wrap: wrap;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <!-- header style start -->
            <style>

#v63e441d4d2219 .picture_li:nth-child(2){background-color: #f5f5f5;padding: 0vw 4vw;}
#v63e441d4d2219 .picture_li:nth-child(1){background-color: #f5f5f5;padding: 0;}
#v63e441d4d2219 .picture_ul{background-color: #f5f5f5;}
#v63e44abfc937e .picture_li:nth-child(2){background-color: #f5f5f5;padding: 0vw 4vw;}
#v63e44abfc937e .picture_li:nth-child(1){background-color: #f5f5f5;padding: 0;}
#v63e44abfc937e .picture_ul{background-color: #f5f5f5;}
#v63e44c2be40ce .picture_li:nth-child(2){background-color: #f5f5f5;padding: 0vw 4vw;}
#v63e44c2be40ce .picture_li:nth-child(1){background-color: #f5f5f5;padding: 0;}
#v63e44c2be40ce .picture_ul{background-color: #f5f5f5;}
#v63e44e7f86874 .picture_li:nth-child(2){background-color: #f5f5f5;padding: 0vw 4vw;}
#v63e44e7f86874 .picture_li:nth-child(1){background-color: #f5f5f5;padding: 0;}
#v63e44e7f86874 .picture_ul{background-color: #f5f5f5;}
#v63e450715d1a4 .picture_li:nth-child(2){background-color: #f5f5f5;padding: 0vw 4vw;}
#v63e450715d1a4 .picture_li:nth-child(1){background-color: #f5f5f5;padding: 0;}
#v63e450715d1a4 .picture_ul{background-color: #f5f5f5;}
#v63e4537198db2 .picture_li:nth-child(2){background-color: #f5f5f5;padding: 0vw 4vw;}
#v63e4537198db2 .picture_li:nth-child(1){background-color: #f5f5f5;padding: 0;}
#v63e4537198db2 .picture_ul{background-color: #f5f5f5;}
#v63e4541fc9f1d .picture_li:nth-child(2){background-color: #f5f5f5;padding: 0vw 4vw;}
#v63e4541fc9f1d .picture_li:nth-child(1){background-color: #f5f5f5;padding: 0;}
#v63e4541fc9f1d .picture_ul{background-color: #f5f5f5;}

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


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

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

@media (min-width: 1200px) {
._header .nav li a{font-size: 14px;}
._head_top .head_i{font-size: 16px;}
.tem_banner_2 .top_text{top: 43%;}
#v6327e248f36cd li .title{line-height: 1.2;}
#v6327e248f36cd .container{padding: vw vw;}
#v623af3f42e5c3 li .describe{padding-left:18vw; padding-right:18vw; }
.tem_banner_2 .top_title{ }

#v623d827e2f41d .picture_li:nth-child(2){padding-top: 3vw;}
.top_title{font-size:2.5vw; text-transform: capitalize; }
#v623c2b07499d2 .top_details{padding: 0vw 10vw;}
#v623bde6884523 .top_details{padding: 0vw 5vw;}
#v623d8e7994896 .top_details{padding: 0vw 5vw;}
#v623d87c9a3d0d .top_details{padding: 0vw 8vw;}
#v623c0dedc87a2 .top_details{padding: 0vw 5vw;}
#v632984e1d7d26 .top_describe{padding: 0vw 8vw;}
#v623da68820acf .top_details{padding: 0vw 8vw;}
body:not(.body_pages_index) #v623af3ee21acd ._header_box { background:#fff;}
#v623d63da58219 .container .text{display: none;}
#v624151579285f .container .text{display: none;}
#v6241517fce9b9 .container .text{display: none;}
#v623d7a557c25d .container .text{display: none;}
#v623d7e69c7a2e .container .text{display: none;}
#v6241244bcad19 .container .text{display: none;}
#v623d81bd77997 .container .text{display: none;}
#v63e4418705691 .text .top_title{display: none;}
#v63e448c816a9b .text .top_title{display: none;}
#v63e448ffbec0c .text .top_title{display: none;}
#v63e4491fa70e9 .text .top_title{display: none;}
#v63e4494427f9e .text .top_title{display: none;}
#v63e4496c9006d .text .top_title{display: none;}
#v63e4499689f9a .text .top_title{display: none;}
#v63e449c8703d8 .text .top_title{display: none;}
#v63e44a1e0163e .text .top_title{display: none;}
#v63e44a599f454 .text .top_title{display: none;}
#v63e44a84852aa .text .top_title{display: none;}

#v63297304341be .img_con{background:#fff;min-height: 100%;}
#v632984e1d7d26 .img_con{background:#fff;min-height: 100%;}
#v63297304341be .img_li{border-right: solid 0px #00000017;}
#v63297304341be .top_describe{padding: 0vw 10vw;}
.rich_text_1 .rich_text_con{border: solid 1px #00000024;}
#v623c1c616e010 .con li .text{padding: 20px 0px 1vw 1vw;}

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

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

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

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

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

#v623da21bd5e18 .picture_li:nth-child(2){padding-right:4vw; }
#v623da21bd5e18  {padding-top:6vw; padding-bottom:6vw;}
}

@media (max-width: 1600px) {
#v623af3ee21aac .top_details{padding-left: 7vw;  padding-right: 7vw;}
#v623af3ee21aaf .picture_li:nth-child(2){padding: 2vw 6vw 2vw 2vw;}
#v623da21bd5e18 .picture_li:nth-child(2){padding-right: 6vw;}
}

@media (max-width: 1366px) {
#v623af3ee21aac .top_details{padding-left: 2vw !important;  padding-right: 2vw !important;}
#v623af3ee21aaf .picture_li:nth-child(2){padding: 2vw;}
#v6327e248f36cd li .describe{display: none;}
#v63297304341be .container{padding-top: 3vw;}
}

@media (max-width: 768px) {
#v623af3f42e5c3 li .title, #v623af3f42e5c3 li .title *{font-size:32px !important; }
#v623af3f42e5c3 .top_title{width:50%; margin:0 auto; }
#v6327e248f36cd li .title{font-size: 30px!important;}
.public_lists_tem_1 .con li .text .title{font-size:16px !important; }
#v623c0dedc87a2{  margin-top: 30vw !important;}
#v623c0dedc87a2 .container{margin-top:-36vw; }
#v623c0dedc87a2 .con li{width:100% !important; min-width:100% !important; }
#v623c0dedc87a2 .img_par img{width:100% !important; }
.public_lists_tem_2 .con li{width:50%; }
#v623c1c616e010 .con li{width:50%; }
.public_lists_tem_2 .con li .text .title{font-size:16px !important; }
#v623c25a92237c .top_details{padding-left:6vw; padding-right:6vw; }
.public_lists_tem_4#v623d39ebc1b23 .list_row_lis{width:180px; }
#v623c0dedc87a2{  margin-top: 30vw !important;}
#v623c0dedc87a2 .container{margin-top:-36vw; }
#v6327e248f36cd .top_subtitle{display: none;}
.tem_banner_2 .top_text{top: 34%;}
#v632984e1d7d26 .img_li{width: 100%;  max-width: 100%;   min-width: 100%;}
#v63297304341be .img_li{width: 100%;  max-width: 100%;   min-width: 100%;}
#v63297304341be .img_con{background:#fff;min-height: 100%;}
#v632984e1d7d26 .img_con{background:#fff;min-height: 100%;}
}


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


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

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

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

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

                        <ul class="nav border-color">

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

                            
                            <li class=" xia  ">
                                <a  href="/products" >PRODUCTS</a>
                                                                <i class="i_con iconfont iconxiala1"></i>
                                <ul class="nav_ul">
                                                                        <li class="  ">
                                        <a  href="/products-65732" >DU Bush（PTFE Lined）</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/dx-bush-pom-lined.html" >DX Bush (POM Lined)</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/bimetal-engine-bush.html" >Bimetal Engine Bush</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/bronze-bearing.html" >Bronze Bearing</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-65737" >Ball Cage Bush</a>
                                                                            </li>
                                                                        <li class="  ">
                                        <a  href="/products-65738" >Wear Plates</a>
                                                                            </li>
                                                                    </ul>
                                                            </li>

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

                            
                            <li class=" ">
                                <a  href="/cases" >CASES</a>
                                                            </li>

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

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

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

                            
                            <li class=" ">
                                <a  href="/contact-us" >CONTACT US</a>
                                                            </li>

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

            </header>
        </div>

<div class="content_box">
            <div class="tem_banner_2 no_bg_src" module_center="left" id="v6327e248f36cd" module_id="5054" bg_img_url=""  module_type="module">
                
    
    <ul class="text top_text" modular-edit="custom" >
        <li class="container">
            <div class="top_subtitle">
                <div
                    class="align_con width_50 width_mobile_60">
                    <section template-edit="subtitle_languages" module_name="module"><p>Changsheng Bushing</p></section>
                </div>
            </div>
            <div class="top_title title">
                <div
                    class="align_con width_50 width_mobile_60">
                    <section template-edit="title_languages" module_name="module"><p><strong>SOLUTIONS FOR HIGH PERFORMANCE <span style="color:#2AA738;">POLYMER​​​​​ BEARING TECHNOLOGY</span></strong></p></section>
                </div>
            </div>
            <div class="top_details describe">
                <div class="align_con width_50  width_mobile_60">
                    <section template-edit="describe_languages" module_name="module"><p>Since 2001, we specialized in high performance self lubricating bushes, metal bushes solutions for customers.</p></section>
                </div>
            </div>
            <div class="btn_box "
                btn_show="1">
                                                                                <a href="/products" target="_self">
                    <div class="btn" btn-types="deep">
                        <section template-edit="btn_languages" module_name="module">LEARN MORE</section>
                    </div>
                </a>
                                            </div>
        </li>
    </ul>
    <div class="iconfont iconios-arrow-back left_icon bg-color" btn_show="0"></div>
    <div class="iconfont iconios-arrow-forward right_icon bg-color" btn_show="0"></div>
    <div class="con swiper-container">
        <div class="swiper-pagination" btn_show="1" w_page_type=""></div>
        <ul class="list_row_ul swiper-wrapper">
                                                <li class="swiper-slide" modular-edit="custom">
                <div class="list_box">
                    <div class="list_con">
                                                <div data-banner="1" class="img_par no_img_src" img_type="">
                            <img class="" video-img="https://img001.video2b.com/1781/file_01663672855088.jpg" img_preview_gif="" alt="banner" >
                                                        <a href="/products" class="href_id_a" target="_self"></a>
                                                        <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                        </div>
                        <div class="text videos_js_icons"  display_none >
                            <div class="container">
                                <div  display_none  class="subtitle align_con">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                <div  class="title  align_con" title_lengths="">
                                    <div class=" width_50  width_mobile_60">
                                        banner
                                    </div>
                                </div>
                                <div  display_none  class="describe  align_con ">
                                    <div class=" width_50  width_mobile_60">
                                        
                                    </div>
                                </div>
                                                                <div class="btn_box" btn_show="0">
                                    <div class=" width_50">
                                                                                <div >
                                            <div class="btn"  btn-types="deep">
                                                LEARN MORE
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
                                </ul>
    </div>
            </div>

        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v623af3ee21aac" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#333;"><strong>PRODUCT CENTER</strong></span></p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><h1 class="editorh1"><span style="color:#666;"></span><span style="font-size:14px;"><span style="font-family:arial,helvetica,sans-serif;">Changsheng Bushing is one of the high quality self lubricating bushing manufacturers &amp; metal bushes suppliers since 2001.<br></span></span></h1><p>We engaged in the research, development, production, sale and service of all kinds of oilless sliding bearing, self lubricated bearing, bimetal bushing, wrapped bronze bushing, graphite bronze bushing.<br></p></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Aluminum Ball Retainer Bearing CSP-061" href="/aluminum-ball-retainer-bearing-bushing.html" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663581477195.jpg" img_preview_gif="" alt="Aluminum Ball Retainer Bearing CSP-061">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Aluminum Ball Retainer Bearing CSP-061
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Teflon Bushings with Copper Plating CSP-010" href="/video/products-detail-1210663" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663635287632.jpg" img_preview_gif="" alt="Teflon Bushings with Copper Plating CSP-010">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Teflon Bushings with Copper Plating CSP-010
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Bronze Based Slide Bearings CSP-012" href="/bronze-based-slide-bearings-csp-012.html" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663634369964.jpg" img_preview_gif="" alt="Bronze Based Slide Bearings CSP-012">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Bronze Based Slide Bearings CSP-012
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Carbon Steel Oiles Bearings CSP-011" href="/carbon-steel-oiles-bearings-csp-011.html" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663634158199.jpg" img_preview_gif="" alt="Carbon Steel Oiles Bearings CSP-011">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Carbon Steel Oiles Bearings CSP-011
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="CuSn12 Graphite Embedded Oiles Tin Bronze Bushing CSP-052" href="/cusn12-graphite-embedded-oiles-tin-bronze-bushing.html" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663635196917.jpg" img_preview_gif="" alt="CuSn12 Graphite Embedded Oiles Tin Bronze Bushing CSP-052">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    CuSn12 Graphite Embedded Oiles Tin Bronze Bushing CSP-052
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Wear Plates CSP-WP" href="/self-lube-brass-wear-plates-csp-wp.html" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663581741446.jpg" img_preview_gif="" alt="Wear Plates CSP-WP">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Wear Plates CSP-WP
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="Phenolic Resin Bushings CSP-PFC" href="/products" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663582198195.jpg" img_preview_gif="" alt="Phenolic Resin Bushings CSP-PFC">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Phenolic Resin Bushings CSP-PFC
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <a  title="PTFE Thrust Washer CSP-WD1" href="/products" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663634668500.jpg" img_preview_gif="" alt="PTFE Thrust Washer CSP-WD1">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    PTFE Thrust Washer CSP-WD1
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v623c0dedc87a2" module_id="5015" bg_img_url="https://img001.video2b.com/1412/file_01648105871545.png"  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#333;"><strong>ONE-STOP BUSHINGS SERVICE</strong></span></p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:#666666;">We are located in Jiaxing with convenient transportation access. Dedicated to strict quality control and thoughtful customer service, our experienced staff members are always available to discuss your requirements and ensure full customer satisfaction. In recent years, our company has introduced a series of advanced equipment including Automatic roll forming machine, and our cooperated company has C N C lathe machine, Punching hole machine, Machining Center.&nbsp;</span></p><p><br></p><p><a data-cke-saved-href="/service" href="/service"><span style="color:#2AA738;"><strong><ins>CUSTOMIZED NOW&gt;&gt;</ins></strong></span></a></p></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="1" mobile_list_cols="">
                                        <div    class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663656617049.jpg" img_preview_gif="" alt="Packaging">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Packaging
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="1" mobile_list_cols="">
                                        <div    class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663656741826.jpg" img_preview_gif="" alt="Punch down">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Punch down
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="1" mobile_list_cols="">
                                        <div    class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663656808285.jpg" img_preview_gif="" alt="Chamfering">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Chamfering
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="1" mobile_list_cols="">
                                        <div    class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663656939680.jpg" img_preview_gif="" alt="Roll round">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Roll round
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="1" mobile_list_cols="">
                                        <div    class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663657084359.jpg" img_preview_gif="" alt="Polishing">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Polishing
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="1" mobile_list_cols="">
                                        <div    class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663657192890.jpg" img_preview_gif="" alt="Raw material inspection">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Raw material inspection
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="1" mobile_list_cols="">
                                        <div    class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_11663657192890.jpg" img_preview_gif="" alt="Plastic surgery">
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="1">
                                    Plastic surgery
                                </div>
                                                            </div>
                        </div>
                    </div>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="public_lists_tem_2 no_bg_src content-section" module_center="center" id="v623c1c616e010" module_id="5016" bg_img_url="https://img001.video2b.com/1412/file_01648105871545.png"  module_type="module">
            
    <div class="container">
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color" btn_show="1"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color" btn_show="1"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="0">
                                                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <a  title="Bushing advantages" href="/service" target="_self"  class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663640249048.png" img_preview_gif="" alt="&lt;p&gt;Bushing advantages&lt;/p&gt;">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>Bushing advantages</p>
                                </div>
                                                                    <div  class="describe" title_lengths="3">
                                        <p>Low cost, Low noise, Simplify Installation, Lubrication-Free, Maintenance-Free, Durable, Lightweight, Anti-erosion.<br></p>
                                    </div>
                                                            </div>
                        </a>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <a  title="CAD design sketches" href="/service" target="_self"  class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663640403958.png" img_preview_gif="" alt="&lt;p&gt;CAD design sketches&lt;/p&gt;">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>CAD design sketches</p>
                                </div>
                                                                    <div  class="describe" title_lengths="3">
                                        <p>We provide CAD design sketches. We perform three phases of QC to ensure product quality.</p>
                                    </div>
                                                            </div>
                        </a>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <a  title="Time And Cost" href="/service" target="_self"  class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663640478198.png" img_preview_gif="" alt="&lt;p&gt;Time And Cost&lt;/p&gt;">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>Time And Cost</p>
                                </div>
                                                                    <div  class="describe" title_lengths="3">
                                        <p>We have always followed the standardization rules for a rigorous production process, saving time and cost for both parties and bringing maximum benefits to you.</p>
                                    </div>
                                                            </div>
                        </a>
                    </div>
                </li>
                                <li class="list_row_li swiper-slide" modular-edit="custom" list_cols="4" mobile_list_cols="">
                                        <div class="list_box">
                        <a  title="One-stop service" href="/service" target="_self"  class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="1">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663640541428.png" img_preview_gif="" alt="&lt;p&gt;One-stop service&lt;/p&gt;">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    <p>One-stop service</p>
                                </div>
                                                                    <div  class="describe" title_lengths="3">
                                        <p>We provide a one-stop service integrating design, measurement, production, delivery, installation, and after-sales service.<br></p>
                                    </div>
                                                            </div>
                        </a>
                    </div>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="tem_title_1 no_bg_src" module_center="center" id="v623c25a92237c" module_id="5017" bg_img_url=""  module_type="module">
                <div class="container">
        <div direction="3">
            <div class="text top_text">
                <div class="sticky_box">
                    <div class="top_title ">
                        <section template-edit="title_languages" module_name="module"><p><strong>INQUIRY ME NOW, GOT THE PRICE LIST.</strong></p></section>
                    </div>
                    <div class="top_details ">
                        <section template-edit="describe_languages" module_name="module"><p>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. Our objective is "good quality for survival, good faith for development, using new technology to improve product quality"</p></section>
                    </div>
                </div>
            </div>
            <div>
                <div class="btn_box sticky_box " btn_show="1">
                                                                                <a href="/contact-us" target="_self">
                        <div class="btn" btn-types="shallow">
                            <section template-edit="btn_languages" module_name="module"><p>CONTACT NOW</p></section>
                        </div>
                    </a>
                                    </div>
            </div>
        </div>
    </div>
</div>

        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v623c2b07499d2" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#333;"><strong>Application Scenarios</strong></span></p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:#666;">Our products are widely used in automotive, electric motor, and other industries, supporting stable operation of equipment across various sectors.</span></p></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="2" mobile_list_cols="">
                                        <a  title="Automotives" href="/cases" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663652787783.jpg" img_preview_gif="" alt="Automotives">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Automotives
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Self-lubricating bearings find extensive application in the automotive sector, fitting various critical components within vehicles. They effectively reduce friction between parts, enhancing the smoothness and durability of vehicle operation, thereby safeguarding overall automotive performance.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="2" mobile_list_cols="">
                                        <a  title="Motors" href="/cases" target="_self"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663652793739.jpg" img_preview_gif="" alt="Motors">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Motors
                                </div>
                                                                <div  class="describe" title_lengths="">
                                    Sliding bearings are widely used in the motor industry, providing reliable support for the smooth operation of internal components. They enable motors to function efficiently and stably, ensuring the optimal performance of electrical equipment.
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

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

        <div class="picture_con">
            <ul class="picture_ul" direction="2" direction-phone="4">
                <li class="picture_li">
                    <div class="sticky_box" modular-edit="custom">
                        <div class="img_par no_img_src" img_type="" >
                            <img video-img="https://img001.video2b.com/1781/file_01663655130840.jpg" alt="Bushing Manufacturers">
                            <span display_none video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                            <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                        </div>
                    </div>
                </li>
                <li class="picture_li">
                    <div class="sticky_box">
                        <div class="top_title ">
                            <section template-edit="title_languages" module_name="module"><p><span style="color:#333;"><strong>ABOUT CHANGSHENG</strong></span></p></section>
                        </div>
                        <div class="top_describe  ">
                            <section template-edit="describe_languages" module_name="module"><div style="line-height:1.9;"><span style="color:#666;">Zhejiang Changsheng Precision Technology CO.,LTD, established in 2001, is a professional bushing manufacturer engaged in the research, development, production, sale and service of all kinds of oilless sliding bearing, self lubricating bushes, bimetal bushing, wrapped bronze bushing, graphite bronze bushing, metal bushes etc,.</span></div><div style="line-height:1.9;"><br></div><div style="line-height:1.9;"><span style="color:#666;">In recent years, our company has introduced a series of advanced equipment including Automatic roll forming machine, and our cooperated company has C N C lathe machine, Punching hole machine, Machining Center. In addition, we have obtained certificates of I A T F 1 6 9 4 9:2 0 1 6 Quality System / RoHS testing report. We also have microscope metallographic test equipment and Alloy Thickness Gauge.&nbsp;</span></div></section>
                        </div>
                        <div class="top_subtitle  ">
                            <section template-edit="subtitle_languages" module_name="module"><div style="line-height:1.9;"><span style="color:#333;"><span style="font-size:16px;"><strong><img alt="" data-cke-saved-src="//img001.video2b.com/1781/file_01663645897205.png" src="//img001.video2b.com/1781/file_01663645897205.png" style="width: 20px; height: 20px;">&nbsp; 500+ company personnel, professional R&amp;D team.<br><img alt="" data-cke-saved-src="//img001.video2b.com/1781/file_01663645897205.png" src="//img001.video2b.com/1781/file_01663645897205.png" style="width: 20px; height: 20px;">&nbsp; 20 Years Of Experience<br><img alt="" data-cke-saved-src="//img001.video2b.com/1781/file_01663645897205.png" src="//img001.video2b.com/1781/file_01663645897205.png" style="width: 20px; height: 20px;">&nbsp; 10 million orders from foreign countries.<br><img alt="" data-cke-saved-src="//img001.video2b.com/1781/file_01663645897205.png" src="//img001.video2b.com/1781/file_01663645897205.png" style="width: 20px; height: 20px;">​​​​​​​&nbsp; Our factory has passed the IATF16949:2016 quality certification.</strong></span></span></div></section>
                        </div>
                        <div class="btn_box  " btn_show="1">
                                                                                                                                                                <a href="/about-us" target="_self">
                                <div class="btn" btn-types="deep">
                                    <section template-edit="btn_languages" module_name="module">READ MORE</section>
                                </div>
                            </a>
                                                                                </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
        <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v623bde6884523" module_id="5015" bg_img_url=""  module_type="module">
            
    <div class="container">
        <div class="text top_text" modular-edit="custom">
                        <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#333;"><strong>LATEST NEWS</strong></span></p></section>
            </div>
                                    <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:#666;">Our technical staff can also use C A D software to draw professional drawings according to customer requirements to customize metal bushes products for customers. Our Selling well in all cities and provinces around China, our products are also exported to clients in such countries and regions as Italy, Ukraine, Russia, Spain, Sweden, Canada, Malaysia.</span></p></section>
            </div>
                    </div>
        <div class="con swiper-container">
            <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="0"></div>
            <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="0"></div>
            <div class="swiper-pagination" btn_show="1"></div>
            <ul class="list_row_ul swiper-wrapper" swiper_switch="1">
                                                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="how to install Do you know what solid-embedded self-lubricating bushings are made of?? | Changsheng Bushing" href="/news-detail-5098393" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img.yfisher.com/tos/video-website/1781/file_01777360432523.jpg" img_preview_gif="" alt="how to install Do you know what solid-embedded self-lubricating bushings are made of?? | Changsheng Bushing">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    how to install Do you know what solid-embedded self-lubricating bushings are made of?? | Changsheng Bushing
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="The Role of Slide Bearings in Modern Industry" href="/the-role-of-slide-bearings-in-modern-industry.html" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663653135277.jpg" img_preview_gif="" alt="The Role of Slide Bearings in Modern Industry">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    The Role of Slide Bearings in Modern Industry
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="3" mobile_list_cols="">
                                        <a  title="Sliding Bearings: The Secret to Mechanical Longevity" href="/sliding-bearings-the-secret-to-mechanical-longevity.html" target="_blank"  class="list_box">
                        <div class="list_con" direction="4">
                            <div class="img_par no_img_src"  img_text_align="2" img_type="">
                                <img  class="" video-img="https://img001.video2b.com/1781/file_01663652984254.jpg" img_preview_gif="" alt="Sliding Bearings: The Secret to Mechanical Longevity">
                                                                <span class="href_id_a"></span>
                                                                                                <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span>
                                                                <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span>
                            </div>
                            <div  class="text" >
                                <div  class="title" title_lengths="">
                                    Sliding Bearings: The Secret to Mechanical Longevity
                                </div>
                                                                <div  display_none  class="describe" title_lengths="">
                                    
                                </div>
                                                            </div>
                        </div>
                    </a>
                </li>
                                            </ul>
        </div>
    </div>
            </div>

        <div class="public_inquiry_tem_1 no_bg_src content-section" module_center="center" id="v623af3ee21ab4" module_id="5014" bg_img_url=""  module_type="module">
                <div class="container">
        <div class="text top_text" modular-edit="custom">
            <div class="top_title ">
                <section template-edit="title_languages" module_name="module"><p><span style="color:#333;"><strong>LEAVE A MESSAGE</strong></span></p></section>
            </div>
            <div class="top_details ">
                <section template-edit="describe_languages" module_name="module"><p><span style="color:#666;">Whether selecting a current product from our catalog or seeking engineering assistance for your application, you can talk to our customer service center about your sourcing requirements.</span></p></section>
            </div>
        </div>
        <div class="con enquiry_box">
                                <form no_form_enovation action="/add-enquiry" class="row_small_box" onsubmit="return form_submit(this);">
                <input type="hidden" name="enquiry_type" id="enquiry_type_v623af3ee21ab4" value="0">
                <input type="hidden" name="visitlength" id="visitlength_v623af3ee21ab4" value="====1788408062====">
                <input type="hidden" name="source" id="source_v623af3ee21ab4" value="0">
                <input type="hidden" name="id" id="id_v623af3ee21ab4" value="0">
                                <ul class="row_small">
                    <li class="">
                        <label class="enquiry_label form_inp " inp-types="deep">
                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="name" id="name_v623af3ee21ab4" title placeholder="Enter your name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
                            <span class="required_span">Name</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                    <li class="">
                        <label class="enquiry_label form_inp " inp-types="deep">
                            <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="email" id="email_v623af3ee21ab4" title  placeholder="Enter your e-mail" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
                            <span class="required_span">E-mail</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                                                                                <li class="li-fill" style="width:100%;">
                        <label class="enquiry_label form_inp " inp-types="deep">
                            <textarea class="enquiry_inp enquiry_inp_placeholder" rows="4" autocorrect="off" autocomplete="off" required name="msg" id="msg_v623af3ee21ab4" title  placeholder="Enter the content of your inquiry" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea>
                            <span class="required_span">Content</span>
                            <p class="required_tips">Format error</p>
                        </label>
                    </li>
                </ul>
                                                <div class="enquiry_btn_box btn_box " >
                    <button id="submit_v623af3ee21ab4" type="submit" class="btn" btn-types="deep">
                        <div template-edit="btn_languages" module_name="module">SEND INQUIRY NOW</div>
                    </button>
                </div>
            </form>
        </div>
    </div>
            </div>
        <div class="tem_title_1 no_bg_src" module_center="center" id="v63295ee6769c2" module_id="5017" bg_img_url=""  module_type="module">
                <div class="container">
        <div direction="3">
            <div class="text top_text">
                <div class="sticky_box">
                    <div class="top_title ">
                        <section template-edit="title_languages" module_name="module"><p><span style="font-size:36px;"><span style="color:#FFFFFF;">Have any problem? </span><a data-cke-saved-href="mailto:susanxu.sales@zg-bearing.com" href="mailto:susanxu.sales@zg-bearing.com" rel=""><span style="color:#FFFFFF;">Contact Us →&nbsp;<img alt="" data-cke-saved-src="//img001.video2b.com/1747/file_01662109164416.png" src="//img001.video2b.com/1747/file_01662109164416.png" style="width: 40px; height: 30px;"></span></a><span style="color:#FFFFFF;"></span></span></p></section>
                    </div>
                    <div class="top_details ">
                        <section template-edit="describe_languages" module_name="module"></section>
                    </div>
                </div>
            </div>
            <div>
                <div class="btn_box sticky_box " btn_show="0">
                                                            <div>
                        <div class="btn " btn-types="deep">
                            <section template-edit="btn_languages" module_name="module">READ MORE</section>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
    </div>
</div>

        </div>

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

          <div class="con_ul">
            <section template-edit="common_footer_txt0_languages" module_name="footer">
              <p>changsheng is a professional bushing manufacturer which engaged in the research, development, production, sale and service of all kinds of oilless sliding bearing, self lubricated bearing, bimetal bushing, wrapped bronze bushing, graphite bronze bushing.</p><p><br></p><p><a data-cke-saved-href="/about-us" href="/about-us" rel=""><span style="color:#2AA738;">READ MORE&gt;&gt;</span></a></p>
            </section>
          </div>

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

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

          <div class="con_ul">
            <section template-edit="common_footer_txt2_languages" module_name="footer">
              <p><a data-cke-saved-href="/products-65732" href="/products-65732">DU Bush（PTFE Lined）</a></p><p><a data-cke-saved-href="/products-65733" href="/products-65733">DX Bush (POM Lined)</a></p><p><a data-cke-saved-href="/products-65734" href="/products-65734">Bimetal Engine Bush</a></p><p><a data-cke-saved-href="/products-65735" href="/products-65735">Bronze Bearing Bush</a></p><p><a data-cke-saved-href="/products-65736" href="/products-65736" rel="">Cast Bronze Bushings</a><br><a data-cke-saved-href="/products-65737" href="/products-65737" rel="">Ball Cage Bush</a></p><p><a data-cke-saved-href="/products-65738" href="/products-65738" rel="">Wear Plates</a></p>
            </section>
          </div>
        </li>

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

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

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

          <div class="con_ul">
            <section template-edit="common_footer_txt6_languages" module_name="footer">
              <p>Contact person:&nbsp;Susan Xu</p><p>Email:<span style="color:#ff8429;"> </span><a data-cke-saved-href="mailto:susanxu.sales@zg-bearing.com" href="mailto:susanxu.sales@zg-bearing.com"><span style="color:#2AA738;">susanxu.sales@zg-bearing.com</span></a></p><p>Tel: +0086-136 6672 6425 (WeChat)</p><p>WhatsApp：+0086-136 6672 6425</p><p><br></p><p>Add: No.55 Fengli Road, Dayun Town, Jiashan 314100, Zhejiang, China.</p>
            </section>
          </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    $(head_nav_w);

    window['teardown' + generate_id] = function () {
        window.removeEventListener('resize', head_nav_w);
        $(window).off('scroll', handleScroll);
    }
    </script>
        
    <!-- 统计 -->
    <!-- Google Analytics Begin-->
    <script src="https://www.googletagmanager.com/gtag/js?id=G-Q09XYB1TNT" async></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments) }
        gtag('js', new Date());
        gtag('config', 'G-Q09XYB1TNT');
    </script>
<!-- Google Analytics End -->
<!-- Create one update function for each consent parameter -->
<script>
    function consentGrantedAdStorage() {
        console.log('consentGrantedAdStorage granted');
        gtag('consent', 'update', {
            'ad_storage': 'granted',
            'ad_user_data': 'granted',
            'ad_personalization': 'granted',
            'analytics_storage': 'granted'
        });
    }
    function refuseGrantedAdStorage() {
        console.log('consentGrantedAdStorage denied');
        gtag('consent', 'update', {
            'ad_storage': 'denied',
            'ad_user_data': 'denied',
            'ad_personalization': 'denied',
            'analytics_storage': 'denied'
        });
    }
</script>
<!-- Invoke your consent functions when a user interacts with your banner -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q09XYB1TNT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Q09XYB1TNT');
</script>
    <style>
    .head_sousuos_modal{position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;color:#333;display:none;}
    .head_sousuos_modal .mengban{position:absolute;left:0;top:0;width:100%;height:100%;}
    .head_sousuos_active .head_sousuos_modal{display:block;}
    .head_sousuos_modal .search_cons{padding:0 15px;position:relative;}
    .head_sousuos_modal .sousuos_box{max-width:100%;width:1400px;position:absolute;left:0;top:140px;right:0;margin:auto;z-index:4;}
    .head_sousuos_modal .sousuos_box input{display:block;background: rgba(255,255,255,.8);outline: 0;padding: 0 40px;border: 1px solid;border-color: #fff;color: inherit;border-radius: 20px;width:100%;height:40px;padding-right:70px;}
    .head_sousuos_modal .sousuos_box i{position: absolute;left: 15px;top: 0;height: 40px;width: 40px;border: none;background: 0;outline: 0;font-size: 18px;color: inherit;line-height: 40px;text-align: center;pointer-events: none;}
    .head_sousuos_modal .sousuos_box button{position: absolute;right: 15px;top: 1px;height: 38px;display: block;text-align: center;line-height: 38px;font-size: 24px;cursor: pointer;transition: .3s;font-style: initial;border-radius: 20px;padding: 0 20px;border: none;outline: 0;color: #fff;}
    .head_sousuos_modal .sousuos_box .btn_txt{display:none;}
    .head_sousuos_modal .sousuos_box span{font-size:inherit;}
    @media (max-width:1025px){
    .head_sousuos_modal{background: rgba(0,0,0,.8);}
    .head_sousuos_modal .sousuos_box{position:relative;transform:none;top:0;left:0;padding-top:80px;}
    .head_sousuos_modal .sousuos_box button{display:block;position:relative;transform:none;top:0;left:0;right:0;}
    .head_sousuos_modal .sousuos_box span{display:none;}
    .head_sousuos_modal .sousuos_box .btn_txt{display:block;font-size:16px;}
    .head_sousuos_modal .sousuos_box button{width:100%;margin-top:20px;}
    .head_sousuos_modal .close_btn{position: absolute;right:10px;top:10px;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;font-size:26px;z-index:9;cursor:pointer;font-weight:bold;}
    }



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

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

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

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


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

    </style>

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

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

                <div class="icon-ru"></div>
                <span>русский</span>
            </a>
                                                            <a href="/es" class="language_modal_a " title="Español" style="display: flex;flex-direction: column;align-items: center;">

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

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

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

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

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


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

</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .chatIconPanel2 {
        border-radius: 24px;
    }

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

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

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

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

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

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

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

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

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

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

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

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


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



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

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

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

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

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


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

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

</body>
</html>
