= startPage; i <= endPage; i++) {
                    var num = i
                    if( i === startPage ) {
                        num = 1
                    }else if(i === endPage){
                        num = this.totalPages
                    }
                    if (this.page === i) {

                        paginationHTML += `
                            <li class="page-item active">
                                <a class="page-link" href="javascript:;" >${num}</a>
                            </li>
                        `;
                    } else {

                        paginationHTML += `
                            <li class="page-item">
                                <a class="page-link" href="${this.url}/${num}/${this.pageSize}" >${num}</a>
                            </li>
                        `;
                    }
                }
                paginationHTML += `</ul>`
                // Next page
                if (this.page < this.totalPages) {

                    paginationHTML += `
                        <ul class="pagination">
                            <li class="page-item next">
                                <a class="page-link" href="${this.url}/${this.page + 1}/${this.pageSize}">»</a>
                            </li>
                        </ul>
                    `;
                } else {

                    paginationHTML += `
                        <ul class="pagination">
                            <li class="page-item next disabled">
                                <a class="page-link" href="javascript:;">»</a>
                            </li>
                        </ul>
                    `;
                }

                paginationHTML += '</nav>';
                this.container.innerHTML = paginationHTML;
            };
        }
        $(function () {

            $("#search-but").click(function (){
                var keyword = $("#search-keyword").val() || '';
                if ('' === $.trim(keyword)) {
                    return false;
                }
                location.href = "/search/"+ toBtoa(keyword)
            })
            $("#b-search-but").click(function (){
                var keyword = $("#b-keyword").val();
                if ('' === $.trim(keyword)) {
                    return false;
                }
                location.href = "/search/"+ toBtoa(keyword)
            })

            $('.language').on('click',function(e) {
                e.preventDefault();
                var value = $(this).attr('hreflang')
                if(value === lang) {
                    return;
                }
                var url = `/language/${value}`
                $.get(url, function(res)  {
                    if(res.code === 0) {
                        if (1 === res.data.go_home) {
                            location.href = "/";
                        } else {
                            location.reload()
                        }
                    }else {
                        alert(res.msg || res.message || 'server Error !!')
                    }
                })

            })
        })

        function toBtoa(str) {
            var result = String(str);
            result = btoa(encodeURIComponent(result.trim()));
            return result.replaceAll('/','_').replaceAll('+','-');
        }
        function toAtob(str) {
            var result = String(str);
            result = result.replaceAll('_','/').replaceAll('-','+');
            return decodeURIComponent(atob(result));
        }
    </script>
        <!-- <style>
    
        </style>

 -->
    <style>
    #nav-fixed {
        position: fixed;
        height: fit-content;
        top: 50%;
        right: 10px;

        z-index: 50;
        transform: translateY(-50%);
    }
    #nav-fixed .item {
        display: block;
        margin-bottom: 10px;
        position: relative;
    }
    #nav-fixed .item img {
        width: 32px;
        height: 32px;
        display: block;
    }
    #nav-fixed .item .info {
        display: none;
        max-width: none;
        position: absolute;
        white-space: nowrap;
        background: #Fff;
        padding: 10px;
        right: calc(100% + 6px);
        top: 50%;
        max-width: none;
        border-radius: 6px;
        color: #999 !important;
        box-shadow: -2px 2px 9px #0000001a;
        transform: translateY(-50%);
    }
    #nav-fixed .item .info::after {
        position: absolute;
        width: 12px;
        height: 12px;
        content: '';
        display: block;
        left: calc(100% - 6px);
        background: #fff;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    #nav-fixed .item:hover .info {
        display: block;
    }
    .tel-text {
        margin-bottom: 10px;
    }
    @media (max-width: 900px) {
        #nav-fixed {
            display:none;
        }
        .footer-b div {
            width: 100%;
            display: block !important;
        }
        .footer-b p {
            margin-left: 0 !important;
        }
    }
</style>
    </head>
<body class="ru">
<main class="cs-page-wrapper">
<div class="modal fade" id="modal-signin" tabindex="-1">
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
        <div class="modal-content border-0">
            <div class="cs-view show" id="modal-signin-view">
                <div class="modal-header border-0 bg-dark px-4">
                    <h4 class="modal-title text-light">
                        Выбор языка
                    </h4>
                    <button class="close text-light" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">
                                ×
                            </span>
                    </button>
                </div>
                <div class="modal-body px-4">
                    <ul>
                                                <li>
                            <a class="zh-cn language" href="javascript:;" hreflang="zh-cn">
                                中文
                            </a>
                        </li>
                                                <li>
                            <a class="en language" href="javascript:;" hreflang="en">
                                English
                            </a>
                        </li>
                                                <li>
                            <a class="ru language" href="javascript:;" hreflang="ru">
                                Russian
                            </a>
                        </li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<header class="navbar-sticky">
    <div class="topbar topbar-dark bg-dark theme-bg-color">
        <div class="container d-flex align-items-center px-0 px-xl-3">
            <div class="text-nowrap mr-3">
                <a href="mailto:sales06@qbchn.com" class=" text-white mainStyleColor">
                    <i class="fe-mail font-size-lg mr-2 mainStyleColor">
                    </i>
                    sales06@qbchn.com
                </a>
            </div>
            <div class="d-flex align-items-center order-lg-3 ml-auto">
                <div class="d-none d-md-block text-nowrap mr-3 text-white">
                    <i class="fe-phone font-size-base mr-1  main-style-color ">
                    </i>
                    <a class="topbar-link mr-1 text-white main-style-color" href="tel:+8675523984660">
                    +86 13632659256
                    </a>
                </div>
                <a class="nav-link-style text-nowrap text-white mainStyleColor" href="#modal-signin" data-toggle="modal"
                   data-view="#modal-signin-view">
                    <i class="fe-globe mr-2 mainStyleColor"> </i>
                                                                                                                                                               Russian
                                                                <i class="fe-chevron-down">
                    </i>
                </a>
            </div>
        </div>
    </div>
    <div class="navbar navbar-expand-lg navbar-light">
        <div class="container px-0 py-2 px-xl-3">
            <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon">
                    </span>
            </button>
            <a class="navbar-brand order-lg-1 mx-auto ml-lg-0 pr-lg-2 mr-lg-4" href="/">
                <img class="d-none d-lg-block" width="170" style="max-height:80px;object-fit:contain;" src="https://account.dajiqun.com/upload/file/1752743456_图片2.png"
                     alt="dajiqun">
                <img class="d-lg-none" width="100" src="https://account.dajiqun.com/upload/file/1752743456_图片2.png" alt="dajiqun" style="max-height:47px;object-fit:contain;">
            </a>
            <div class="d-flex align-items-center order-lg-3 ml-lg-auto" id="header-menu-list">
                <div class="navbar navbar-expand-lg navbar-light bg-light">
                    <form action="javascript:;" method="post">
                        <div class="navbar-search bg-light">
                            <div class="container d-flex flex-nowrap align-items-center">
                                <i class="fe-search font-size-xl">
                                </i>
                                <input class="form-control form-control-xl navbar-search-field" name="keyword"
                                       type="text" placeholder="#Модель продукта" value="" id="search-keyword">
                                <button class="btn btn-sm btn-dark theme-border-color main-style-color" type="submit" id="search-but" >
                                    <i class="fe-search main-style-color">
                                    </i>
                                    Поиск
                                </button>
                                <div class="ml-5 d-flex align-items-center">
                                        <span class="text-muted font-size-xs mt-1 d-none d-sm-inline">
                                              Закрыть
                                        </span>
                                    <button class="close p-2" type="button" data-toggle="search">
                                        ×
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="container px-0 px-xl-3">
                        <div class="collapse navbar-collapse order-lg-2" id="navbarNavAltMarkup">

                            <ul class="navbar-nav bc-nav">
                                                                                                                                                                                <li class="nav-item dropdown">
                                            <a class="nav-link  " href="/categoryAll"   >
                                                <p class="menu-color">
                                                    Классификация продуктов
                                                </p>
                                            </a>
                                            <ul class="dropdown-menu">
                                                                                                                                             <li class="dropdown">
                                                    <a class="dropdown-item menu-color" href="/categoryList/2"  >
                                                    Резисторы
                                                    </a>
                                                                                                        <ul class="dropdown-menu">
                                                                                                            <li>
                                                            <a class="dropdown-item" href="/cateDetail/51">
                                                            Аксессуары
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/55">
                                                            Специализированные резисторы
                                                            </a>
                                                        </li>
                                                                                                            </ul>
                                                                                                    </li>
                                                                                                                                                <li class="dropdown">
                                                    <a class="dropdown-item menu-color" href="/categoryList/24"  >
                                                    Память - Модули, Карты
                                                    </a>
                                                                                                        <ul class="dropdown-menu">
                                                                                                            <li>
                                                            <a class="dropdown-item" href="/cateDetail/501">
                                                            Карты памяти
                                                            </a>
                                                        </li>
                                                                                                            </ul>
                                                                                                    </li>
                                                                                                                                                <li class="dropdown">
                                                    <a class="dropdown-item menu-color" href="/categoryList/25"  >
                                                    Датчики, преобразователи
                                                    </a>
                                                                                                        <ul class="dropdown-menu">
                                                                                                            <li>
                                                            <a class="dropdown-item" href="/cateDetail/507">
                                                            Кодеры
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/509">
                                                            Датчики частиц и пыли
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/510">
                                                            Датчик, аксессуары для преобразователей
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/512">
                                                            Датчики давления, преобразователи
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/514">
                                                            Солнечные батареи
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/520">
                                                            Датчики потока
                                                            </a>
                                                        </li>
                                                                                                            </ul>
                                                                                                    </li>
                                                                                                                                                <li class="dropdown">
                                                    <a class="dropdown-item menu-color" href="/categoryList/33"  >
                                                    Макетные платы, комплекты, программаторы
                                                    </a>
                                                                                                        <ul class="dropdown-menu">
                                                                                                            <li>
                                                            <a class="dropdown-item" href="/cateDetail/783">
                                                            Аксессуары
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/2041">
                                                            Оценочные комиссии
                                                            </a>
                                                        </li>
                                                                                                            </ul>
                                                                                                    </li>
                                                                                                                                                <li class="dropdown">
                                                    <a class="dropdown-item menu-color" href="/categoryList/32"  >
                                                    Интегральные схемы (ИС)
                                                    </a>
                                                                                                        <ul class="dropdown-menu">
                                                                                                            <li>
                                                            <a class="dropdown-item" href="/cateDetail/2012">
                                                            Встроенный
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/2016">
                                                            Интерфейс
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/2018">
                                                            Линейный
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/2019">
                                                            Логика
                                                            </a>
                                                        </li>
                                                                                                                <li>
                                                            <a class="dropdown-item" href="/cateDetail/2020">
                                                            Память
                                                            </a>
                                                        </li>
                                                                                                            </ul>
                                                                                                    </li>
                                                                                                                                                <li class="dropdown">
                                                    <a class="dropdown-item menu-color" href="/categoryList/20"  >
                                                    Разъемы, межсоединения
                                                    </a>
                                                                                                        <ul class="dropdown-menu">
                                                                                                            <li>
                                                            <a class="dropdown-item" href="/cateDetail/2030">
                                                            Клеммные колодки
                                                            </a>
                                                        </li>
                                                                                                            </ul>
                                                                                                    </li>
                                                                                            </ul>

                                        </li>
                                                                                                                                                                                        <li class="nav-item ">
                                            <a class="nav-link" href="/brand">
                                                <p class="menu-color">
                                                    Марка
                                                </p>
                                            </a>
                                                                                    </li>

                                                                                                                                                                                        <li class="nav-item ">
                                            <a class="nav-link" href="/news">
                                                <p class="menu-color">
                                                    Общественная информация
                                                </p>
                                            </a>
                                                                                    </li>

                                                                                                                                                                                        <li class="nav-item ">
                                            <a class="nav-link" href="/rfq">
                                                <p class="menu-color">
                                                    Запрос цены
                                                </p>
                                            </a>
                                                                                    </li>

                                                                                                                                                                                        <li class="nav-item ">
                                            <a class="nav-link" href="/page/115">
                                                <p class="menu-color">
                                                    О нас
                                                </p>
                                            </a>
                                                                                    </li>

                                                                                                                                                                                        <li class="nav-item ">
                                            <a class="nav-link" href="/page/122">
                                                <p class="menu-color">
                                                    Свяжитесь с нами
                                                </p>
                                            </a>
                                                                                    </li>

                                                                    


                                <li class="nav-item">
                                    <a class="nav-link" href="#" data-toggle="search">
                                        <i class="fe-search">
                                        </i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
    <div class="bg-secondary py-4" style='background: url("/assets/images/banner-bg.jpg") center center no-repeat; color: rgb(255, 255, 255);'>
        <div class="container d-lg-flex justify-content-between py-2 py-lg-3">
            <div class="order-lg-2 mb-3 mb-lg-0 pt-lg-2">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb flex-lg-nowrap justify-content-center justify-content-lg-star">
                        <li class="breadcrumb-item">
                            <a class="text-nowrap" href="/">
                                <i class="czi-home"></i>Главная
                            </a>
                        </li>
                                                    <li class="breadcrumb-item text-nowrap active" aria-current="page">
                                <a href="/categoryList/2030">Клеммные колодки</a>
                            </li>
                                                <li class="breadcrumb-item text-nowrap active" aria-current="page">
                            <a href="/cateDetail/370">Разъемы, вилки и розетки</a>
                        </li>
                        <li class="breadcrumb-item text-nowrap active" aria-current="page">0395016013</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="container pt-4">

        <div class="bg-light box-shadow-lg rounded-lg px-1 px-sm-4 py-3 mb-5">
            <div class="px-0 px-lg-3">
                <div class="row">
                    <div class="col-12 col-md-3 text-center">
                        <div class="cs-gallery" >
                                                        <a href="/default/null.jpg"
                               class="cs-gallery-item rounded-lg">
                                <img src="/default/null.jpg" alt="Gallery thumbnail">
                            </a>
                                                    </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <ul class="list-group list-group-sm list-group-flush product-info">
                            <li class="list-group-item d-flex justify-content-between ">
                                <span>Модель продукта</span>
                                <span>0395016013</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between ">
                                <span> Бренд</span>
                                <span>
                                        <a href="javascript:;">Molex</a>
                                    </span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between ">
                                <span>RoHS </span>
                                <span>
                                        <i class="eric-icon-rohs"></i>Yes
                                    </span>
                            </li>

                            <li class="list-group-item d-flex justify-content-between ">
                                <span> Описание</span>
                                <span>TERM BLOCK HDR 13POS VERT 3.5MM</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between ">
                                <span>Классификация</span>
                                <span>
                                        <a href="javascript:;">Разъемы, вилки и розетки</a>
                                </span>
                            </li>
                                                        <li class="list-group-item d-flex justify-content-between ">
                                <span>PDF</span>
                                <span>
                                                                                                                        <a href="https://static.dajiqun.com/product-medias/headers-plugs-and-sockets/molex/0395016013/2735261-30803253.pdf" style="margin-right: 10px;" target="_blank">
                                                <img src="/assets/images/PDF.png" alt="">
                                            </a>
                                                                                                            </span>
                            </li>
                        </ul>
                    </div>
                    <div class="col-12 col-md-3">
                        <div class="card mb-2">
                            <div class="card-header py-1">
                                <b> Инвентаризация:</b>1500
                                <!-- <p class="mb-0 font-size-sm">Can ship immediately</p> -->
                            </div>
                            <div class="card-body p-0">
                            </div>
                        </div>
                                                <div class="product-btn pt-3">
                                                            <div class="form-group d-flex justify-content-center">
                                <input type="number" class="form-control form-control-sm mr-3 AddCartNumber"
                                       placeholder="Количество" style="width: 7rem;" value="">
                                <button class="btn btn-dark btn-sm btn-shadow BtnAddCart" type="button"
                                        data-form="{&quot;manufacturer&quot;:&quot;Molex&quot;,&quot;part_number&quot;:&quot;0395016013&quot;,&quot;package&quot;:&quot;Bulk&quot;}">
                                    <i class="fe-plus"></i>BOM
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="row pt-2">
            <div class="col-lg-12 col-sm-12">
                <h3 class="h3">Технические детали</h3>
                <ul class="list-unstyled font-size-sm pb-2">
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Цвет</span>
                        <span>Green</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Тип монтажа</span>
                        <span>Through Hole</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Количество позиций</span>
                        <span>13</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Подача</span>
                        <span>0.138&quot; (3.50mm)</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Тип</span>
                        <span>Header, Male Pins, Shrouded (4 Side)</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Рабочая Температура</span>
                        <span>-40°C ~ 105°C</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Стиль завершения</span>
                        <span>Solder</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Количество уровней</span>
                        <span>1</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Позиций на уровень</span>
                        <span>13</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Ориентация заголовка</span>
                        <span>Vertical</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Контактная отделка</span>
                        <span>Tin</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Текущий - UL</span>
                        <span>8 A</span>
                    </li>
                                        <li class="d-flex justify-content-between pb-2 border-bottom">
                        <span class="text-muted">Напряжение - UL</span>
                        <span>300 V</span>
                    </li>
                                    </ul>
            </div>
        </div>
                        <div class="pro-list py-3">
            <h3 class="h3">Сопутствующие товары</h3>
            <hr class="pt-1 mt-1">
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="https://static.dajiqun.com/product-photos/headers-plugs-and-sockets/molex/0395000013/1280594-6845325.jpg" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/1280594">0395000013</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS STR 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">537</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/2735033">0395000113</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS STR 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/2735071">0395000513</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS STR 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/2735090">0395000613</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS STR 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/2735109">0395000713</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS STR 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/2735204">0395005613</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS STR 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/2735223">0395005713</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS STR 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/4480312">0395033013</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/4480327">0395037013</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                                        <div class="card product-card product-list rounded-0 border-0 py-2 mt-1">
                <div class="d-flex justify-content-center flex-md-row flex-column justify-content-between border-bottom">
                    <div class="product-pic pl-1 mb-0">
                        <a class="product-list-thumb mx-auto" href="javascript:;">
                            <img src="" alt="Product">
                        </a>
                    </div>
                    <div class="product-meta">
                        <h3 class="product-title font-size-base">
                            <a href="/productDetail/4480345">0395038013</a>
                        </h3>
                        <a class="d-block font-size-xs pb-1" href="/brandDetail/23">Molex</a>
                    </div>
                    <div class="product-desc text-left">
                        <p class="mb-1 font-size-sm">TERM BLOCK PLUG 13POS 3.5MM</p>
                        <p class="mb-0 font-size-sm">
                            <b> Инвентаризация:</b>
                            <span class="number">0</span>
                        </p>
                    </div>

                    <div class="product-price pb-2">
                                            </div>
                </div>
            </div>
                    </div>
        
    </div>
                                    <!-- Modal -->
<div class="modal fade" id="imageModal" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="imageModalLabel">Image</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <img id="modalImage" src="" alt="Image" class="img-fluid">
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        $('.cs-gallery-item').on('click', function(e) {
            e.preventDefault();
            var imageUrl = $(this).find('img').attr('src');
            if (imageUrl) {
                $('#modalImage').attr('src', imageUrl);
                $('#imageModal').modal('show');
            }
        });
    });
</script>




</main>

<div id="nav-fixed">
        
        <div class="item">
            <a href="mailto:sales06@qbchn.com">
                <img src="/default/email.png" alt="">
            </a>
            <div class="info">
        
                    <div>sales06@qbchn.com</div>
            
            </div>
        </div>
                <div class="item">
            <a href="javascript:;">
                <img src="/default/qrcode.png" alt="">
            </a>
            <div class="info">
                <img src="https://account.dajiqun.com/upload/file/1752743542_图片1.png" style="width: 150px;height:150px;max-width: none;">
            </div>
        </div>        

          
                    <div class="item">
            <a href="javascript:;">
                <img src="/default/qq.png" alt="">
            </a>
            <div class="info">
                                    <div>3853094507</div>
                 
            </div>
        </div>
          
</div>
<script>
    $(function () {
        var shareDom = $('.share-list>a')
        var newHtml = ''
        shareDom.each(function () {
            var href = $(this).attr('href');
            var iDom = $(this).html();
            if (href.indexOf('http') !== 0) {
                newHtml += `
                    <div class="item">
                        <a href="javascript:;">
                            ${iDom}
                        </a>
                        <div class="info">
                            <div>${href}</div>
                        </div>
                    </div>
                `
                $(this).remove()
            }
        })
        
        newHtml += `
            <div class="item shopping ${CART_DATA.cartList.length ? 'shopping-active' : ''}" data-sun="${CART_DATA.cartList.length}">
                <a href="/rfq">
                    <img src="/default/shopping.png" />
                </a>
                
            </div>
        `
        $('#nav-fixed').append(newHtml)
        if(!$('.share-list>a').length) {
            $('.share-list').parent().find('.cs-widget-title').hide()
        }

    })
</script>
<footer class="cs-footer bg-dark pt-5 pt-md-6">
    <div class="container pt-3 pb-0 pt-md-0 pb-md-3">
        <div class="row">
            <div class="col-md-4 mt-n2 pb-3 pb-md-0 mb-2">
                                    <a class="d-block mb-3 footer-logo" href="" style="width: 153px;">
                        <img src="https://account.dajiqun.com/upload/file/1752743461_图片2.png"  alt="dajiqun">
                    </a>
                                <p class="font-size-sm text-light opacity-60 pb-0">
                        Шэньчжэньская компания Qianbao Technology Co., Ltd. является современным химическим заводом, объединяющим исследования и разработки в области сопротивления, конденсаторов, полупроводников, производства и продажи, чтобы создать мировой бренд в качестве своей ответственности, всегда качество продукции как ядро корпоративной жизни
                </p>
            </div>

            <div class="col-md-5">
                <div class="cs-widget cs-widget-light pb-3 mb-4">
                    <h4 class="cs-widget-title">
                        Услуги
                    </h4>
                    <ul >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>

                    <div class="pt-2 share-list">
                                                                                <a class="social-btn sb-sm sb-facebook mr-2 mb-2" href="+86 13632659256">
                                <img src="/default/mobile.png" alt="">
                            </a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="cs-widget cs-widget-light pb-2 mb-4">
                    <h4 class="cs-widget-title">
                        Способ Контакты
                    </h4>
                    <ul>
                        <li>
                            <a class="cs-widget-link" href="mailto:sales06@qbchn.com">
                                <i class="fe-mail font-size-lg mr-2">
                                </i>
                                sales06@qbchn.com
                            </a>
                        </li>
                        <li>
                            <a class="cs-widget-link">
                                <i class="fe-phone font-size-lg mr-2">
                                </i>
                                +86 13632659256
                            </a>
                        </li>
                        <li>
                            <a class="cs-widget-link">
                                <i class="fe-map-pin font-size-lg mr-2">
                                </i>
                                <span style="line-height: 1.5rem;">
                                      28 / F, здание Группы внешнеторговой деятельности, 239-й номер на проспекте Чжунсин, сообщество Чэньдун, улица Дунмэнь, район Лоху, город Шэньчжэнь, провинция Гуандун
                                    </span>
                            </a>
                        </li>
                                                    <li>
                                <a class="cs-widget-link" href="https://www.icku.net" >
                                    <span style="line-height: 1.5rem;">
                                    Техническая поддержка: кластерные технологии
                                    </span>
                                </a>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
        <hr class="border-light">
            </div>
</footer>
<a class="btn-scroll-top" href="#top" data-scroll="">
        <span class="btn-scroll-top-tooltip text-muted font-size-sm mr-2">
            Top
        </span>
    <i class="btn-scroll-top-icon fe-arrow-up">
    </i>
</a>

</body>
</html>