<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
        
        <link rel="canonical" href="https://www.dganyang.com/product/category/dhtrx.html" />
        <meta name="keywords" content="伺服电缆,拖链电缆,传感器电缆,高温硅胶线,特种电缆,工业网线,工业总线,UL认证线,工业电缆">
        <meta name="description" content=" 广东省安扬工业电缆有限公司是国内一家专业从事工业特种电缆研发、生产、销售以及提供电缆安装使用解决方案的高新技术企业，公司拥有22项新型实用专利以及6项研发发明专利。公司拥有两个生产基地，东莞虎门与佛山顺德，自主产权厂房面积近一万平方，现有员工150余人，挤出生产线20多条，年产值能力可达4亿元。

      公司建有国际标准的实验室（检测中心），为产品设计与制造提供了有力的技术支撑，公司已通过了 ISO 9001管理体系认证。产品通过美国 UL、欧盟 CE、CCC认证，VDE等认证。

     主要产品有：伺服电缆、传感器电缆、柔性拖链电缆、机器人电缆、屏蔽线缆、工业以太网线、工业总线、新能源汽车电缆、硅胶高温线等特殊场合用工业特种线缆。我司近年还建立扁平电缆、低烟无卤电缆、特氟龙电缆、橡胶电缆等生产线，以满足客户不同场合的使用要求。

    目前产品应用于工业自动化、5G 通信、云计算、数据中心、物联网、车联网、智能家居、家庭储能，风能、光伏，电动汽车、船用、轨交、光伏、核电、航空航天等各个领域。 ">
        <meta name="image" content="https://cdn.dganyang.com/anyang/images/安扬工业电缆(1)(1).png" />
        <meta property="og:title" content="单护套软线|RVV护套电缆|产品中心 - 伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司" />
        <meta property="og:type" content="website" />
        <meta property="og:locale" content="zh_CN" />
        <meta property="og:description" content=" 广东省安扬工业电缆有限公司是国内一家专业从事工业特种电缆研发、生产、销售以及提供电缆安装使用解决方案的高新技术企业，公司拥有22项新型实用专利以及6项研发发明专利。公司拥有两个生产基地，东莞虎门与佛山顺德，自主产权厂房面积近一万平方，现有员工150余人，挤出生产线20多条，年产值能力可达4亿元。

      公司建有国际标准的实验室（检测中心），为产品设计与制造提供了有力的技术支撑，公司已通过了 ISO 9001管理体系认证。产品通过美国 UL、欧盟 CE、CCC认证，VDE等认证。

     主要产品有：伺服电缆、传感器电缆、柔性拖链电缆、机器人电缆、屏蔽线缆、工业以太网线、工业总线、新能源汽车电缆、硅胶高温线等特殊场合用工业特种线缆。我司近年还建立扁平电缆、低烟无卤电缆、特氟龙电缆、橡胶电缆等生产线，以满足客户不同场合的使用要求。

    目前产品应用于工业自动化、5G 通信、云计算、数据中心、物联网、车联网、智能家居、家庭储能，风能、光伏，电动汽车、船用、轨交、光伏、核电、航空航天等各个领域。 " />
        <meta property="og:url" content="https://www.dganyang.com/product/category/dhtrx.html" />
        <meta property="og:image"  content="https://cdn.dganyang.com/anyang/images/安扬工业电缆(1)(1).png" />
        <meta property="og:image:width" content="686">
        <meta property="og:image:height" content="70">
        <meta name="twitter:card"        content="summary"/>
        <meta name="twitter:site"        content="https://www.dganyang.com/product/category/dhtrx.html"/>
        <meta name="twitter:domain"      content="https://www.dganyang.com/product/category/dhtrx.html"/>
        <meta name='twitter:title'       content="单护套软线|RVV护套电缆|产品中心 - 伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司"/>
        <meta name='twitter:description' content=" 广东省安扬工业电缆有限公司是国内一家专业从事工业特种电缆研发、生产、销售以及提供电缆安装使用解决方案的高新技术企业，公司拥有22项新型实用专利以及6项研发发明专利。公司拥有两个生产基地，东莞虎门与佛山顺德，自主产权厂房面积近一万平方，现有员工150余人，挤出生产线20多条，年产值能力可达4亿元。

      公司建有国际标准的实验室（检测中心），为产品设计与制造提供了有力的技术支撑，公司已通过了 ISO 9001管理体系认证。产品通过美国 UL、欧盟 CE、CCC认证，VDE等认证。

     主要产品有：伺服电缆、传感器电缆、柔性拖链电缆、机器人电缆、屏蔽线缆、工业以太网线、工业总线、新能源汽车电缆、硅胶高温线等特殊场合用工业特种线缆。我司近年还建立扁平电缆、低烟无卤电缆、特氟龙电缆、橡胶电缆等生产线，以满足客户不同场合的使用要求。

    目前产品应用于工业自动化、5G 通信、云计算、数据中心、物联网、车联网、智能家居、家庭储能，风能、光伏，电动汽车、船用、轨交、光伏、核电、航空航天等各个领域。 " />
        <meta name='twitter:image'    content="https://cdn.dganyang.com/anyang/images/安扬工业电缆(1)(1).png" />
        <meta name='twitter:image:alt'   content="单护套软线|RVV护套电缆|产品中心 - 伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司"/>
        <title>单护套软线|RVV护套电缆|产品中心 - 伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司</title>
        <link rel="stylesheet" type="text/css" href="/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/swiper/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/magnific-popup/css/magnific-popup.css">
    <link rel="stylesheet" href="/plugins/aos/aos.css">
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="stylesheet" href="/assets/fonts/iconfont/iconfont.css">
    <link rel="stylesheet" href="/plugins/slider/css/slider.css">
    <link rel="stylesheet" href="/plugins/viewerJs/viewer.min.css">

    <link rel="icon"  href="/favicon.ico" type="image/x-icon"/>
    <meta name="baidu-site-verification" content="codeva-pZeIBnvdKB" /> 
<meta name="msvalidate.01" content="30A2FA6257977357ABD8F16C928AC52E" />

    
    <style>
        .uncontainer{
            max-width:1320px;
        }
        /* 判断是否有 fontColor 属性，并设置字体颜色 */
        
        .uni-index-container{
            max-width: calc(100vw - 150px);
        }
        
        
    </style>
</head>
<style>
    .product-section{
        margin-top: 3.5rem;
    }
    .withtinNavTop{ position: fixed; left: 0; top: 77px; right: 0;z-index: 50; }
    .uni-breadcrumb-style2 {
        margin: 0px 0 72px;
        background: rgba(233, 233, 233, 0.9);
    }

    .uni-breadcrumb-style2-ul {
        text-align: center;
        height: 50px;
    }

    .uni-breadcrumb-style2-ul:after {
        content: '';
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
    }

    .uni-breadcrumb-style2-ul li, .uni-breadcrumb-style2-ul li a {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: auto;
        padding: 0 10px 0;
        text-align: center;
        margin: 0 -2px 0;
        font-size: 15.5px;
        cursor: pointer;
    }

    .uni-breadcrumb-style2-ul li.open {
        background: var(--sys-color);
        position: relative;
    }

    .uni-breadcrumb-style2-ul li.open:before {
        position: absolute;
        left: 50%;
        margin-left: -11px;
        top: 100%;
        content: '';
        display: block;
        border: 11px solid var(--sys-color);
        border-bottom: none;
        border-right-color: transparent;
        border-left-color: transparent;
        z-index: 10;
    }

    .uni-breadcrumb-style2-ul li.open a {
        color: #FFFFFF;
    }

    .uni-breadcrumb-style2-ul li:hover, .uni-breadcrumb-style2-ul .liNow {
        background: var(--sys-color);
        position: relative;
    }

    .uni-breadcrumb-style2-ul li:hover a, .uni-breadcrumb-style2-ul .liNow a {
        color: #FFFFFF;
    }

    .uni-breadcrumb-style2-ul2 {
        text-align: center; /*height: 60px;*/
        border-bottom: #ddd solid 1px;
        background: #fff;
    }

    .uni-breadcrumb-style2-ul2 li, .uni-breadcrumb-style2-ul2 li a {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        padding: 0 10px 0;
        text-align: center;
        margin: 0 -2px 0;
        font-size: 14px;
        font-family: 'Arial';
        cursor: pointer;
    }

    .uni-breadcrumb-style2-ul2 li.open {
        background: var(--sys-color);
        position: relative;
    }

    .uni-breadcrumb-style2-ul2 li.open:before {
        position: absolute;
        left: 50%;
        margin-left: -11px;
        top: 100%;
        content: '';
        display: block;
        border: 11px solid var(--sys-color);
        border-bottom: none;
        border-right-color: transparent;
        border-left-color: transparent;
        z-index: 10;
    }

    .uni-breadcrumb-style2-ul2 li.open a {
        color: var(--sys-color);
    }

    .uni-breadcrumb-style2-ul2 li:hover {
        /*color: var(--sys-color);*/
        color: #ffffff;
        position: relative;

    }

    .uni-breadcrumb-style2-ul2 li:hover a {
        /*color: var(--sys-color);*/
        color: #ffffff;
        background: var(--sys-color);
    }

    .uni-breadcrumb-style2-ul2 li a.anow {
        color: #ffffff;
        background: var(--sys-color);
        position: relative;
    }
    .uni-breadcrumb-style2-ul2 li a.anow::before {
        position: absolute;
        left: 50%;
        margin-left: -11px;
        top: 100%;
        content: '';
        display: block;
        border: 11px solid var(--sys-color);
        border-bottom: none;
        border-right-color: transparent;
        border-left-color: transparent;
        z-index: 10;
    }

    /*手机-内页2级栏目*/
    .uni-breadcrumb-mobile-style2-div {
        position: relative;
        background: var(--sys-color) ;
        height: 45px;
        line-height: 45px;
        background-size: 3%;
        box-shadow: 0 0 5px #ddd;
    }

    .uni-breadcrumb-mobile-style2-div a {
        display: block;
        padding: 0 3%;
        font-size: 16px;
        color: #fff;
    }

    /*.uni-breadcrumb-mobile-style2 .on a::after{*/
    /*    display: inline-block;*/
    /*    !* margin-left: 0.255em; *!*/
    /*    !* vertical-align: 0.255em; *!*/
    /*    content: "";*/
    /*    border-top: 10px solid;*/
    /*    border-right: 10px solid transparent;*/
    /*    border-bottom: 0;*/
    /*    border-left: 10px solid transparent;*/
    /*    position: absolute;*/
    /*    right: 5%;*/
    /*    top: 37%;*/
    /*}*/
    .uni-breadcrumb-mobile-style2-content {
        display: none;
        position: absolute;
        width: 100%;
        background: #ebebeb;
        padding: 10px 0;
        z-index: 99;
    }

    .uni-breadcrumb-mobile-style2-content ul li {
        height: 40px;
        line-height: 40px;
    }

    .uni-breadcrumb-mobile-style2-content ul li a {
        border-bottom: 1px solid #cecece;
    }

    .uni-breadcrumb-mobile-style2-content ul li:last-child a {
        border-bottom: 0;
    }

    .uni-breadcrumb-mobile-style2-content ul li a {
        display: block;
        margin: 0 3%;
        color: #787878;
    }

    .uni-breadcrumb-mobile-style2-div.on {
        background: var(--sys-color) url(../images/m11_on.png) no-repeat 96%;
        background-size: 4%;
    }

    .uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-navin {
        display: none;
        background: #fff;
        height: auto;
    }

    .uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-navin a {
        border-bottom: 0;
        padding-left: 15px;
        line-height: 32px;
        font-size: 12px;
    }

    .uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-nav a {
        background: url(../images/m7_1.png) no-repeat 98%;
    }

    .uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-nav.on a {
        background: url(../images/m7.png) no-repeat 98%;
    }
    .pc-show {
        display: block !important;
    }

    .pc-hide {
        display: none !important;
    }

    @media screen and ( max-width: 1600px ) {
        .uni-breadcrumb-style2-ul li, .uni-breadcrumb-style2-ul li a {
            height: 50px;
            line-height: 47px;
            width: auto;
        }
    }
    @media screen and ( max-width: 1004px ) {
        .pc-hide {
            display: block !important;
        }

        .pc-show {
            display: none !important;
        }

        .fl, .fr {
            float: none;
        }

        body .ind-banner .swiper-pagination {
            bottom: 10px;
        }


        /*产品列表*/
        .within_Ban .text {
            font-size: 0.6rem;
        }

        .within_Ban img {
        }

        .uni-breadcrumb-style2 {
            position: relative;
            background: var(--sys-color);
            margin-bottom: 0.86rem;
            display: none;
        }

        .uni-breadcrumb-style2 span {
            background: url(../images/ico_11.png) no-repeat right;
            background-size: 0.28rem;
            line-height: 1rem;
            color: #FFFFFF;
            font-size: 0.3rem;
        }

        .uni-breadcrumb-style2 span.open {
            background: url(../images/ico_11on.png) no-repeat right;
            background-size: 0.28rem;
        }

        .uni-breadcrumb-style2 ul {
            position: absolute;
            left: 0;
            top: 100%;
            right: 0;
            background: #FFFFFF;
            z-index: 20;
            display: none;
            height: auto;
        }

        .uni-breadcrumb-style2 ul li {
            width: 100%;
            float: none;
            height: 0.9rem;
        }

        .uni-breadcrumb-style2-ul li a {
            line-height: 0.9rem;
            padding: 0 0.2rem;
            text-align: left;
            font-size: 0.28rem;
        }

        .uni-breadcrumb-style2-ul li.open:before {
            display: none;
        }


        .withtinNavTop {
            top: 3.76rem;
            position: fixed;
            width: 100%;
        }

        .height1 {
            height: 1.86rem;
        }

        .uni-breadcrumb-style2-ul li {
            border-bottom: 1px solid #f2f2f2;
            background: #FFFFFF;
        }

        .uni-breadcrumb-style2-ul li:last-child {
            border-bottom: none;
        }

        .uni-breadcrumb-style2-ul li.open {
            background: none;
        }

        .uni-breadcrumb-style2-ul li.open a {
            color: var(--sys-color);
        }
    }


    /* 添加的组件的样式 */
    /* 选中标签的样式 */
    .uni-fifter-param{
        cursor: pointer;
        margin: 0.5rem 1rem;
        color: #333;
        text-align: center;
        border: 1px solid #eeeeee;
        padding: 5px 10px;
        display: flex;
        align-items: center;
        border-radius: 2px;
    }
    .uni-fifter-param:hover{
        background-color: var(--sys-color);
        color: #fff;
        /*border: 1px solid var(--sys-color);*/
    }
    .uni-fifter-param.selected{
        background-color: var(--sys-color);
        color: #fff;
        border: 1px solid var(--sys-color);
    }
    .uni-fifter-param:hover {
        position: relative; /* 确保父元素有定位，以便子元素可以相对于其定位 */
    }

    .uni-fifter-param:hover::after {
        content: ""; /* 必须有内容才能显示伪元素 */
        position: absolute; /* 将伪元素绝对定位，以覆盖父元素 */
        top: 0;
        left: 0;
        width: 100%; /* 让伪元素填满父元素 */
        height: 100%;
        background-color: rgba(255,255,255, 0.3); /* 设置灰色遮罩层，这里的 0.5 是透明度，可以根据需要调整 */
        z-index: 1; /* 确保遮罩层位于文本之上 */
        /*border: 1px solid var(--sys-color);*/
    }
    .expand-button,.multisel-button {
        height: 30.6px;
        cursor: pointer;
        margin:0 0 0 1rem;
        color: #333;
        text-align: center;
        border: 1px solid #eeeeee;
        padding: 3px 10px;
    }
    .uni-reset-button {
        cursor: pointer;
        margin: 0 1rem;
        color: #333;
        text-align: center;
        border: 1px solid #eeeeee;
        padding: 3px 10px;
    }

    .uni-reset-button:hover {
        /*text-decoration: underline;*/
        background: var(--sys-color);
        color: #FFF;
    }
    @media (min-width: 992px) {

        .filter-mobile{
            display: none;
        }
        .uni-selected-tag {
            background-color: #f9f9f9;
            color: var(--sys-color);
            padding: 5px 10px;
            margin: 0.125rem;
            border-radius: 2px;
        }




        /* 设置筛选器值容器的最大高度 */
        .filter-values {
            max-height: 3.20rem;
            overflow-y: hidden;
            overflow-x: hidden;
        }

        /* 展开状态下移除最大高度以显示所有标签 */
        .filter-values.expanded {
            max-height: none;
        }

        .card {
            border: 0px;
            /*box-shadow: #dcdcdc;*/
            background: #f9f9f9;
        }

        .filter-template {
            margin-top: 0.5rem;
            border-bottom: 1px solid #dbdbdb;
        }

        .expand-container {
            text-align: right;
        }


        .expand-button:hover{
            background: #e6e6e6;
        }
        .multisel-button{
            height: 30.6px;
        }

        .section-margin{
            margin-top: 20px;
        }

        /* 防止点击展开按钮时元素移动 */
        .filter-name.expanded {
            padding-top: 0.85rem;
        }

        .expand-container.expanded {
            padding-top: 0.65rem;
        }

        @media (max-width: 991.98px) {

            .expand-container {
                padding-left: 0;
                /* 移除左边距，使按钮贴近筛选器名称 */
            }

            /* 防止点击展开按钮时元素移动 */
            .filter-name.expanded {
                padding-top: 0.2rem;
            }
            .expand-container.expanded {
                padding-top: 0;
            }
        }


        @media (min-width: 992px) {
            .filter-values {
                padding-right: 0;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                /* 移除右边距，使筛选器选项按钮和展开按钮紧邻 */
            }

            .expand-container {
                display: flex;
                justify-content: flex-end;
                /* 使按钮在大屏幕上靠右对齐 */
            }
        }

        .expand-filter-pc{
            background-color: #eeeeee;
            /*border: 1px solid rgb(209,213,219);*/
            /*border-radius: .5rem;*/
            box-sizing: border-box;
            color: #111827;
            font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
            font-size: .875rem;
            font-weight: 600;
            line-height: 1.25rem;
            padding: .25rem 1rem;
            text-align: center;
            text-decoration: none #D1D5DB solid;
            text-decoration-thickness: auto;
            /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);*/
            cursor: pointer;
            user-select: none;
            -webkit-user-select: none;
            touch-action: manipulation;
            width: 100%;
            display: block;
            margin: 0.5rem 0rem auto;
        }

        @media (hover: hover) {
            .expand-filter-pc:hover{
                background: #e6e6e6;
            }
        }

    }

    /* 移动端媒体查询 */
    @media (max-width: 991px) {
        .uni-fifter-param{
            margin: 0px 14px 3px 0;
        }
        .filter-pc {
            display: none;
        }
        .multisel-button{
            height: 30.6px;
        }
        [is=el-sidebar] {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            height: 100vh;
            opacity: 0;
            transition: 100ms;
            visibility: hidden;
            background-color: rgba(0, 0, 0, 0.7);
        }

        [is=el-sidebar]>section {
            overflow: hidden;
            text-align: left;
            display: inline-flex;
            flex-direction: column;
            background-color: #ffffff;
            min-width: 300px;
            /*确保侧边栏不满屏*/
            width: 90%;
            height: 100vh;
            transition: 100ms;
        }

        [is=el-sidebar]>section>header,
        [is=el-sidebar]>section>footer {
            min-height: 50px;
            background-color: #f1f1f1;
            padding: 16px;
            display: flex;
            align-items: center;
        }

        [is=el-sidebar]>section>div {
            flex: 1;
        }

        [is=el-sidebar]:not([data-right])>section {
            transform: translateX(-100%);
        }

        [is=el-sidebar][data-right] {
            text-align: right;
        }

        [is=el-sidebar][data-right]>section {
            transform: translateX(100%);
        }

        [is=el-sidebar][data-visible] {
            opacity: 1;
            visibility: visible;
        }

        [is=el-sidebar][data-visible]>section {
            transition: 100ms;
            transition-delay: 100ms;
            transform: translateX(0);
        }

        [is=el-sidebar].has-padding,
        [is=el-sidebar] .has-padding {
            padding: 16px;
        }


        /* 设置筛选器值容器的最大高度 */
        .filter-values {
            max-height: 2.35rem;
            overflow-y: hidden;
            overflow-x: hidden;
            margin: 10px 0;
        }

        /* 展开状态下移除最大高度以显示所有标签 */
        .filter-values.expanded {
            max-height: none;
        }


        .filter-container {
            overflow-y: scroll;
        }

        .expand-button {
            height: 30.6px;
        }

        /* 防止点击展开按钮时元素移动 */
        .filter-name.expanded {
            padding-top: 0.45rem;
        }

        .expand-container.expanded {
            padding-top: 0.2rem;
        }

        @media (max-width: 991.98px) {
            .expand-container {
                padding-left: 0;
                /* 移除左边距，使按钮贴近筛选器名称 */
            }

            /* 防止点击展开按钮时元素移动 */
            .filter-name.expanded {
                padding-top: 0.2rem;
            }

            .expand-container.expanded {
                padding-top: 0;
            }
        }


        @media (min-width: 992px) {
            .filter-values {
                padding-right: 0;
                /* 移除右边距，使筛选器选项按钮和展开按钮紧邻 */
            }

            .expand-container {
                display: flex;
                justify-content: flex-end;
                /* 使按钮在大屏幕上靠右对齐 */
            }
        }

        .btn-group-container {
            justify-content: center;
        }

        .selected-filter-values {
            margin-right: 5px;
            /* 或者其他你需要的间距 */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }


        /* 单个筛选器值 */

        /*.row>* {*/
        /*    padding-right: 0;*/
        /*}*/

        .sticky-buttons {
            position: sticky;
            bottom: 0;
            background: white;
            /* 或者你页面的背景色 */
            z-index: 10;
            /* 确保它在其他内容之上 */
            margin-bottom: 0px;
        }

        .filter-header {
            display: flex;
            justify-content: space-between;
            /* 在子元素之间添加空间，将按钮推到右侧 */
            align-items: center;
            /* 垂直居中对齐子元素 */
            width: 100%;
            /* 确保占满整个父容器的宽度 */
            flex-wrap: wrap;
        }

        .selected-filter-values {
            /* 如果需要，可以通过flex属性来限制这些元素的宽度 */
            flex-grow: 1;
            margin: 0 1rem;
        }

        .filter-name,
        .expand-container {
            white-space: nowrap;
            /* 防止文本换行 */
        }

        .filter-values {
            display: flex;
            flex-wrap: wrap;
            overflow-y: hidden;
        }

        .select-param-mobile-btn{
            border: unset;
            background: unset;
            /* text-align: end; */
            margin: 10px;
            color: var(--sys-color);
        }
        .select-param-mobile-btn i{
            margin-right: 10px;
        }



        .filter-mobile-btn-div{
            margin-bottom: 1rem;
            display: flex;
            justify-content: flex-end;
        }

        .section-margin{
            margin-top: 20px;
        }

        .filter-name{
            font-weight: bold;
        }
        .filter-btn-group-container-mobile{
            width: 100%;
        }
        .filter-btn-group-container-mobile .btn-group{
            margin-bottom: 5px;
        }
        .filtersContainer{
            width: 100%;
        }
        .filter-container{
            width: 100%;
            padding-top: 15px;
        }
        .filter-template{
            margin: 0px;
        }
        .finish-btn-mobile{
            color: white;
            margin: 0 1rem;
            /* color: #333; */
            text-align: center;
            border: 1px solid #eeeeee;
            padding: 3px 10px;
            background: var(--sys-color);
        }

    }

    /* 隐藏radio输入 */
    .uni-product-btn-views{
        display: flex;
        justify-content: flex-end;
        /*margin-bottom: 32px;*/
    }
    .uni-view-label{
        border-radius: 2px;
        margin-left: 10px;
        border: 1px solid #a4a4a4;
        padding: 10px 10px;
        line-height: 1px;
        width: 40px;
    }
    .uni-view-label:hover,.uni-view-label:active{
        background-color: var(--sys-color);
        border-color:  var(--sys-color);
    }
    .uni-view-label:hover img,
    .uni-view-label:active img{
        content: url('/assets/images/icon/一行四个-w.svg');
    }

    /* 其他按钮对应的图片 */
    .uni-view-label:hover img[src$='/assets/images/icon/一行三个.svg'],
    .uni-view-label:active img[src$='/assets/images/icon/一行三个.svg'] {
        content: url('/assets/images/icon/一行三个-w.svg');
    }

    .uni-view-label:hover img[src$='/assets/images/icon/一行两个.svg'],
    .uni-view-label:active img[src$='/assets/images/icon/一行两个.svg'] {
        content: url('/assets/images/icon/一行两个-w.svg');
    }

    .uni-view-label:hover img[src$='/assets/images/icon/一行一个.svg'],
    .uni-view-label:active img[src$='/assets/images/icon/一行一个.svg'] {
        content: url('/assets/images/icon/一行一个-w.svg');
    }
    .view-radio {
        display: none;
    }

    .uni-product-item .slick-slider {
        min-width: 306px;
        max-width: 306px;
        overflow: hidden;
    }

    #uni-product .uni-product-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
    }

    /* 1个视图 */
    .view-radio#listView:checked~#uni-product .uni-product-card {
        flex: 0 0 99%;
        max-width: 100%;
    }

    .view-radio#listView:checked~#uni-product .uni-product-item .box {
        width: 70%;
        border-top: unset;
    }
    .view-radio#listView:checked~#uni-product .product-box-style{
        display: flex;
    }
    .view-radio#listView:checked~#uni-product .product-box-style a{
        width: 35%;
    }
    .view-radio#listView:checked~#uni-product .product-box-style .content-box{
        display: flex;
        align-items: center;
        margin-left: 32px;
    }
    /* 2个视图 */
    .view-radio#smallRow:checked~#uni-product .uni-product-card {
        flex: 0 0 50%;
        max-width: 51%;
    }

    .view-radio#smallRow:checked~#uni-product .uni-product-item {
        justify-content: space-evenly
    }

    /* 3个视图 */
    .view-radio#mediumRow:checked~#uni-product .uni-product-card {
        flex: 0 0 33%;
        max-width: 33%;
    }

    .view-radio#mediumRow:checked~#uni-product .uni-product-item {
        justify-content: space-evenly
    }

    /* 4个视图 */
    .view-radio#largeRow:checked~#uni-product .uni-product-card {
        flex: 0 0 25%;
        max-width: 26%;
    }

    /* 5个视图 */
    .view-radio#extraLargeRow:checked~#uni-product .uni-product-card {
        flex: 0 0 20%;
        max-width: 20%;
    }

    /* 响应式设计 */
    @media (min-width: 0px) and (max-width: 575px) {
        .view-radio#listView:checked~#uni-product .uni-product-item .box {
            width: 100%;
            border-top: 1px solid #ebebeb;
        }
        .view-radio#listView:checked~#uni-product .product-box-style{
            display: block;
        }
        .view-radio#listView:checked~#uni-product .product-box-style .content-box{
            display: block;
            margin-left: unset;
        }
        .view-radio#extraLargeRow:checked~#uni-product .uni-product-card,
        .view-radio#largeRow:checked~#uni-product .uni-product-card,
        .view-radio#mediumRow:checked~#uni-product .uni-product-card,
        .view-radio#smallRow:checked~#uni-product .uni-product-card {
            flex: 0 0 49%;
            max-width: 50%;
        }

        .view-label[for="extraLargeRow"],
        .view-label[for="largeRow"],
        .view-label[for="mediumRow"]{
            display: none;
        }

        .uni-product-item .slick-slider {
            min-width: 306px;
            max-width: 306px;
            overflow: hidden;
        }
    }

    @media (min-width: 575px) and (max-width: 991px) {

        .view-radio#extraLargeRow:checked~#uni-product .uni-product-card,
        .view-radio#largeRow:checked~#uni-product .uni-product-card,
        .view-radio#mediumRow:checked~#uni-product .uni-product-card {
            flex: 0 0 33%;
            max-width: 34%;
            width: 33%;
        }

        .view-label[for="extraLargeRow"],
        .view-label[for="largeRow"]{
            display: none;
        }

        .view-radio#listView:checked~#uni-product .uni-product-item {
            flex-wrap: nowrap
        }

        .uni-product-item .slick-slider img {
            width: 95%;
        }

    }

    @media (min-width: 991px) and (max-width: 1190px) {

        .view-radio#extraLargeRow:checked~#uni-product .uni-product-card,
        .view-radio#largeRow:checked~#uni-product .uni-product-card {
            flex: 0 0 33%;
            max-width: 34%;
        }

        .view-label[for="extraLargeRow"],
        .view-label[for="largeRow"] {
            display: none;
        }

        .view-radio#listView:checked~#uni-product .uni-product-item {
            flex-wrap: nowrap
        }

        .uni-product-item .slick-slider img {
            width: 95%;
        }
    }
</style>
<body>

    
        
            
                
                

                        <style>

                            #header .top_search_white {
                                color: #FFFFFF;
                            }
                            
                            /* 判断是否有 fontColor 属性，并设置字体颜色 */
                            

                        </style>

                        <header id="header" aos="fade-down" aos-duration="2000" aos-delay="1000"
                                class="aos-init aos-animate pc-top-height uni-header-style2" >
                            <div class="container uni-index-container">
                                <div class="m1600 disflex row">
                                    <div id="logo" class="col-2">
                                        <div class="uni_j_tab">
                                            <div class="uni_j_tab_cel"><a href="/index.html">
                                                <img class="logo_white" src="https://cdn.dganyang.com/anyang/images/安扬工业电缆白底.png" title="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司" alt="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司">
                                                <img class="logo_black" src="https://cdn.dganyang.com/anyang/images/安扬工业电缆(1)(1).png" title="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司"
                                                     alt="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司"></a></div>
                                        </div>
                                    </div>
                                    <div class="flex1 nav_warp col-8">
                                        <nav id="nav">
                                            <div class="main-menu flex1">
                                                <nav class="main-menu__nav">
                                                    <ul>
                                                        <li class="active">
                                                            <a class="animation"
                                                               href="/index.html">首页</a>
                                                        </li>
                                                        <li class="main-menu__nav_sub list">
<a class="animation" href='/product/all.html'>产品中心</a>
<ul class="main-menu__dropdown"><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/sfdlym.html'>伺服电缆</a>
<ul> <li><a  href='/product/category/sfdldl.html'>伺服动力电缆</a></li> <li><a  href='/product/category/wcsfpbdl.html'>伺服动力屏蔽电缆</a></li> <li><a  href='/product/category/200wcsfsjpbdl.html'>伺服双绞屏蔽电缆</a></li> <li><a  href='/product/category/sfdldscdl.html'>伺服动力带刹车电缆</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC2.html'>高柔性拖链电缆</a>
<ul> <li><a  href='/product/category/gyxtldl.html'>高柔性拖链电缆</a></li> <li><a  href='/product/category/GRXTLPBDL.html'>高柔拖链屏蔽电缆</a></li> <li><a  href='/product/category/GRTLSJPBDL.html'>高柔拖链双绞屏蔽电缆</a></li> <li><a  href='/product/category/grxtldxdl.html'>高柔拖链单芯电缆</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC3.html'>传感器电缆</a>
<ul> <li><a  href='/product/category/CGQDL.html'>传感器电缆</a></li> <li><a  href='/product/category/CGQPBDL.html'>传感器屏蔽电缆</a></li> <li><a  href='/product/category/CGQSJPBDL.html'>传感器双绞屏蔽电缆</a></li> <li><a  href='/product/category/PURCGQDL.html'>PUR传感器电缆</a></li> <li><a  href='/product/category/PURCGQPBDL.html'>PUR传感器屏蔽电缆</a></li> <li><a  href='/product/category/PURCGQSJPBDL.html'>PUR传感器双绞屏蔽电缆</a></li> <li><a  href='/product/category/PURRLCQGDL.html'>PUR拖链传感器电缆</a></li> <li><a  href='/product/category/PURTLCGQDL.html'>PUR拖链传感器屏蔽电缆</a></li> <li><a  href='/product/category/PVCTLCGQDL.html'>PVC拖链传感器电缆</a></li> <li><a  href='/product/category/PVCTLCGQPBDL.html'>PVC拖链传感器屏蔽电缆</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC5.html'>硅胶电缆</a>
<ul> <li><a  href='/product/category/TRGJDXX.html'>特软硅胶单芯线</a></li> <li><a  href='/product/category/UL3132.html'>UL3132硅胶单芯线</a></li> <li><a  href='/product/category/UL3135.html'>UL3135硅胶单芯线</a></li> <li><a  href='/product/category/UL3239.html'>UL3239硅胶单芯线</a></li> <li><a  href='/product/category/UL3512.html'>UL3512硅胶单芯线</a></li> <li><a  href='/product/category/TRGJHTX.html'>特软硅胶护套线</a></li> <li><a  href='/product/category/YGG.html'>硅胶护套线YGG</a></li> <li><a  href='/product/category/YGGP.html'>硅胶屏蔽电缆YGGP</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/TeflonCable.html'>铁氟龙电缆</a>
<ul> <li><a  href='/product/category/TFLDXX.html'>铁氟龙单芯线</a></li> <li><a  href='/product/category/TFLHTDL.html'>铁氟龙护套电缆</a></li> <li><a  href='/product/category/TFLPBDL.html'>铁氟龙屏蔽电缆</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC8.html'>UL认证电缆</a>
<ul> <li><a  href='/product/category/UL1007.html'>UL1007认证电缆系列</a></li> <li><a  href='/product/category/UL1015.html'>UL1015认证电缆系列</a></li> <li><a  href='/product/category/UL1571.html'>UL1571认证电缆系列</a></li> <li><a  href='/product/category/UL1332.html'>UL1332认证电缆系列</a></li> <li><a  href='/product/category/UL3266.html'>UL3266认证电缆系列</a></li> <li><a  href='/product/category/UL2464.html'>UL2464认证电缆系列</a></li> <li><a  href='/product/category/UL2517.html'>UL2517认证电缆系列</a></li> <li><a  href='/product/category/UL20276.html'>UL20276认证电缆系列</a></li> <li><a  href='/product/category/UL20549.html'>UL20549认证电缆系列</a></li> <li><a  href='/product/category/UL21198.html'>UL21198认证电缆系列</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC6.html'>工业以太网电缆</a>
<ul> <li><a  href='/product/category/Profinet.html'>Profinet</a></li> <li><a  href='/product/category/CAT5E.html'>CAT5E SF/UTP</a></li> <li><a  href='/product/category/CAT6.html'>CAT6 SF/UTP</a></li> <li><a  href='/product/category/CAT6A.html'>CAT6A S/FTP</a></li> <li><a  href='/product/category/CAT7.html'>CAT7 S/FTP</a></li> <li><a  href='/product/category/CAT7A.html'>CAT7A S/FTP</a></li> <li><a  href='/product/category/CAT8.html'>CAT8 S/FTP</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC7.html'>总线电缆</a>
<ul> <li><a  href='/product/category/CC-LINK.html'>CC-LINK</a></li> <li><a  href='/product/category/CANBUS.html'>CANBUS总线</a></li> <li><a  href='/product/category/DeviceNet.html'>DeviceNet总线</a></li> <li><a  href='/product/category/PROFIBUS.html'>PROFIBUS</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC9.html'>低烟无卤电缆</a>
<ul> <li><a  href='/product/category/sywldxx.html'>低烟无卤单芯线</a></li> <li><a  href='/product/category/DYWLDHTDL.html'>低烟无卤护套电缆</a></li> <li><a  href='/product/category/DYWLPBDL.html'>低烟无卤屏蔽电缆</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC12.html'>RVV护套电缆</a>
<ul> <li><a  href='/product/category/dhtrx.html'>单护套软线</a></li> <li><a  href='/product/category/DHTPBDL.html'>单护套屏蔽电缆</a></li> <li><a  href='/product/category/DHTSJPBDL.html'>单护套双绞屏蔽电缆</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/ZXDJDL.html'>直线电机电缆</a>
<ul> <li><a  href='/product/category/ZXDJPBDL.html'>直线电机屏蔽电缆</a></li> <li><a  href='/product/category/ZXDJSJPBDL.html'>直线电机双绞屏蔽电缆</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC11.html'>电气安装单芯线</a>
<ul> <li><a  href='/product/category/DQAZDXX1.html'>电气安装单芯线</a></li></ul></li><li class="main-menu__nav_sub ">
<a class='animation'  href='/product/categorys/OC10.html'>扁平电缆</a>
<ul> <li><a  href='/product/category/PBHUTDL.html'>扁平护套电缆</a></li> <li><a  href='/product/category/PBHTPBDL.html'>扁平护套屏蔽电缆</a></li></ul></li></ul></li><li class="list menu-item-has-children ">
<a href=" # " onclick="return false">关于安扬</a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/news/nav/CompanyProfile.html'>公司简介</a></li> <li><a href='/news/nav/CompanyHistory.html'>公司历程</a></li> <li><a href='/news/nav/AB.html'>企业文化</a></li> <li><a href='/news/nav/Qualificationsandhonors.html'>荣誉与证书</a></li> <li><a href='/news/nav/Coreadvantage.html'>核心优势</a></li> <li><a href='/news/nav/assemble.html'>研发实力</a></li></ul></li><li class="list menu-item-has-children ">
<a href=" # " onclick="return false">资讯动态</a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/news/nav/ne.html'>企业新闻</a></li> <li><a href='/news/nav/Industryknowledge.html'>行业知识</a></li> <li><a href='/news/nav/VIDEO.html'>视频中心</a></li> <li><a href='/news/nav/exhibition.html'>展会预告</a></li></ul></li><li class="list menu-item-has-children ">
<a href=" # " onclick="return false">服务与支持</a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/news/download/download.html'>下载中心</a></li> <li><a href='/news/nav/Aftersale.html'>售后服务</a></li> <li><a href='/news/nav/Serviceprocess.html'>服务流程</a></li> <li><a href='/news/nav/QA.html'>常见问题</a></li></ul></li><li class="list menu-item-has-children ">
<a href=" # " onclick="return false">联系我们</a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/contact/message.html'>联系我们</a></li> <li><a href='/news/toRegister.html'>会员注册</a></li> <li><a href='/news/toLogin.html'>会员登录</a></li></ul></li>

                                                    </ul>
                                                </nav>
                                            </div>
                                        </nav>
                                        
                                            
                                        
                                    </div>
                                    
                                        <div class="col-2" style="display:flex;float: right;">
                                            <div class="dw2 yuyan">
                                                <div class="uni_j_tab">
                                                    <div class="uni_j_tab_cel">
                                                        
                                                            
                                                                <div class="dh icon_hover">
                                                                    <span>CN</span></div>

                                                            
                                                                

                                                            
                                                            <div class="dd row">
                                                                
                                                                    <a class="col" href="https://www.dganyang.com"
                                                                       target="_blank">CN</a>
                                                                
                                                                    <a class="col" href="https://www.dganyangcable.com"
                                                                       target="_blank">EN</a>
                                                                
                                                            </div>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="uni_search_btn fr uni_tc_btn col-1" name="tc_search">
                                                <i class="fa fa-search top_search_white" aria-hidden="true" /></i>
                                                <i class="fa fa-search top_search_black" aria-hidden="true" /></i>
                                            </div>
                                            <div class="dw3 yuyan">
                                                <div class="uni_j_tab">
                                                    <div class="uni_j_tab_cel">
                                                        <div class="dh icon_hover"><span>
                                                         <a href="/news/toInfo.html;jsessionid=AEA72AC1B0BC21972148E096A384FEA3">
                                                             <i class="fa fa-user-o top_search_white" aria-hidden="true" /></i>
                                                             <i class="fa fa-user-o top_search_black" aria-hidden="true" /></i>
                                                        </a>
                                                    </span></div>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            
                                                <div class="uni-header2-sample-btn fr  col-1 uni-sample-btn">
                                                    <i class="fa fa-cart-plus top_search_white"></i>
                                                    <i class="fa fa-cart-plus top_search_black" aria-hidden="true" ></i>
                                                    <span class="item-count" id="item-count"></span>
                                                </div>
                                            

                                        </div>
                                    

                                </div>
                            </div>
                        </header>

                        <aside>
                            <div class="tc" name="tc_search">
                                <div class="uni_j_tab">
                                    <div class="uni_j_tab_cel">
                                        <div class="tc-box" id="tc_search">

                                            <form class="header-search" action="/product/search.html" method="get">
                                                <font class="tc_fdj"></font>
                                                <label class="input_tip">请输入</label>
                                                <input type="text" id="keyword" class="focus_js" name="keyword"
                                                       autocomplete="off">
                                                <button type="submit" class="btn_blue uni-item tc_close" value=""></button>
                                            </form>
                                        </div>
                                        <div class="tc_bg"></div>
                                    </div>
                                </div>
                            </div>
                        </aside>
                        <header id="m_header">
                            <div class="rt-mobile-header mobile-sticky-on mobile-top-height">
                                <div id="mobile-sticky-placeholder"></div>
                                <div class="mobile-menu-bar-wrap newMobileFixed" id="mobile-menu-bar-wrap">
                                    <div class="mobile-menu-bar">
                                        <div class="logo">
                                            <a href="/index.html">
                                                <img src="https://cdn.dganyang.com/anyang/images/安扬工业电缆(1)(1).png" alt="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司" title="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司" width="500"
                                                     height="52">
                                            </a>
                                        </div>
                                        <div class="menu-right">
                                            
                                                <div class="language-box">
                                                    <a href="/news/toInfo.html;jsessionid=AEA72AC1B0BC21972148E096A384FEA3">
                                                        <i class="fa fa-user-o top_search_white" aria-hidden="true" /></i>
                                                        <i class="fa fa-user-o top_search_black" aria-hidden="true" /></i>
                                                    </a>
                                                    
                                                        <a class="col-1 uni-sample-btn">
                                                            <i class="fa fa-cart-plus top_search_white"></i> <span class="item-count" id="item-count"></span>
                                                        </a>
                                                    

                                                </div>
                                            

                                            <div class="sidebarBtn">
                                                <i class="fa fa-bars"></i><i class="fa fa-times"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="rt-slide-nav">
                                        <div class="offscreen-navigation">
                                            <nav class="menu-main-primary-container">
                                                <form class="search-form" action="/product/search.html" method="get" id="2">

                                                    <div class="mobile-search input-group align-items-center m-auto">
                                                        <input type="text" class="form-control" id="keyword" name="keyword" placeholder="搜索">
                                                        <div class="input-group-append ">
                                                            <button class="btn btn-outline-secondary" type="submit"><i class="fa fa-search"></i></button>
                                                        </div>

                                                    </div>
                                                </form>
                                                <ul class="menu">
                                                    <li class="list">
                                                        <a class="animation" href="/index.html">Home</a>
                                                    </li>
                                                    <li class="list menu-item-has-children">
<a class="animation" href='/product/all.html'>产品中心<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"><li class="list menu-item-has-children">
<a href='/product/categorys/sfdlym.html'>伺服电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/sfdldl.html'>伺服动力电缆</a></li> <li><a  href='/product/category/wcsfpbdl.html'>伺服动力屏蔽电缆</a></li> <li><a  href='/product/category/200wcsfsjpbdl.html'>伺服双绞屏蔽电缆</a></li> <li><a  href='/product/category/sfdldscdl.html'>伺服动力带刹车电缆</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC2.html'>高柔性拖链电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/gyxtldl.html'>高柔性拖链电缆</a></li> <li><a  href='/product/category/GRXTLPBDL.html'>高柔拖链屏蔽电缆</a></li> <li><a  href='/product/category/GRTLSJPBDL.html'>高柔拖链双绞屏蔽电缆</a></li> <li><a  href='/product/category/grxtldxdl.html'>高柔拖链单芯电缆</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC3.html'>传感器电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/CGQDL.html'>传感器电缆</a></li> <li><a  href='/product/category/CGQPBDL.html'>传感器屏蔽电缆</a></li> <li><a  href='/product/category/CGQSJPBDL.html'>传感器双绞屏蔽电缆</a></li> <li><a  href='/product/category/PURCGQDL.html'>PUR传感器电缆</a></li> <li><a  href='/product/category/PURCGQPBDL.html'>PUR传感器屏蔽电缆</a></li> <li><a  href='/product/category/PURCGQSJPBDL.html'>PUR传感器双绞屏蔽电缆</a></li> <li><a  href='/product/category/PURRLCQGDL.html'>PUR拖链传感器电缆</a></li> <li><a  href='/product/category/PURTLCGQDL.html'>PUR拖链传感器屏蔽电缆</a></li> <li><a  href='/product/category/PVCTLCGQDL.html'>PVC拖链传感器电缆</a></li> <li><a  href='/product/category/PVCTLCGQPBDL.html'>PVC拖链传感器屏蔽电缆</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC5.html'>硅胶电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/TRGJDXX.html'>特软硅胶单芯线</a></li> <li><a  href='/product/category/UL3132.html'>UL3132硅胶单芯线</a></li> <li><a  href='/product/category/UL3135.html'>UL3135硅胶单芯线</a></li> <li><a  href='/product/category/UL3239.html'>UL3239硅胶单芯线</a></li> <li><a  href='/product/category/UL3512.html'>UL3512硅胶单芯线</a></li> <li><a  href='/product/category/TRGJHTX.html'>特软硅胶护套线</a></li> <li><a  href='/product/category/YGG.html'>硅胶护套线YGG</a></li> <li><a  href='/product/category/YGGP.html'>硅胶屏蔽电缆YGGP</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/TeflonCable.html'>铁氟龙电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/TFLDXX.html'>铁氟龙单芯线</a></li> <li><a  href='/product/category/TFLHTDL.html'>铁氟龙护套电缆</a></li> <li><a  href='/product/category/TFLPBDL.html'>铁氟龙屏蔽电缆</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC8.html'>UL认证电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/UL1007.html'>UL1007认证电缆系列</a></li> <li><a  href='/product/category/UL1015.html'>UL1015认证电缆系列</a></li> <li><a  href='/product/category/UL1571.html'>UL1571认证电缆系列</a></li> <li><a  href='/product/category/UL1332.html'>UL1332认证电缆系列</a></li> <li><a  href='/product/category/UL3266.html'>UL3266认证电缆系列</a></li> <li><a  href='/product/category/UL2464.html'>UL2464认证电缆系列</a></li> <li><a  href='/product/category/UL2517.html'>UL2517认证电缆系列</a></li> <li><a  href='/product/category/UL20276.html'>UL20276认证电缆系列</a></li> <li><a  href='/product/category/UL20549.html'>UL20549认证电缆系列</a></li> <li><a  href='/product/category/UL21198.html'>UL21198认证电缆系列</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC6.html'>工业以太网电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/Profinet.html'>Profinet</a></li> <li><a  href='/product/category/CAT5E.html'>CAT5E SF/UTP</a></li> <li><a  href='/product/category/CAT6.html'>CAT6 SF/UTP</a></li> <li><a  href='/product/category/CAT6A.html'>CAT6A S/FTP</a></li> <li><a  href='/product/category/CAT7.html'>CAT7 S/FTP</a></li> <li><a  href='/product/category/CAT7A.html'>CAT7A S/FTP</a></li> <li><a  href='/product/category/CAT8.html'>CAT8 S/FTP</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC7.html'>总线电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/CC-LINK.html'>CC-LINK</a></li> <li><a  href='/product/category/CANBUS.html'>CANBUS总线</a></li> <li><a  href='/product/category/DeviceNet.html'>DeviceNet总线</a></li> <li><a  href='/product/category/PROFIBUS.html'>PROFIBUS</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC9.html'>低烟无卤电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/sywldxx.html'>低烟无卤单芯线</a></li> <li><a  href='/product/category/DYWLDHTDL.html'>低烟无卤护套电缆</a></li> <li><a  href='/product/category/DYWLPBDL.html'>低烟无卤屏蔽电缆</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC12.html'>RVV护套电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/dhtrx.html'>单护套软线</a></li> <li><a  href='/product/category/DHTPBDL.html'>单护套屏蔽电缆</a></li> <li><a  href='/product/category/DHTSJPBDL.html'>单护套双绞屏蔽电缆</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/ZXDJDL.html'>直线电机电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/ZXDJPBDL.html'>直线电机屏蔽电缆</a></li> <li><a  href='/product/category/ZXDJSJPBDL.html'>直线电机双绞屏蔽电缆</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC11.html'>电气安装单芯线<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/DQAZDXX1.html'>电气安装单芯线</a></li></ul></li><li class="list menu-item-has-children">
<a href='/product/categorys/OC10.html'>扁平电缆<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a  href='/product/category/PBHUTDL.html'>扁平护套电缆</a></li> <li><a  href='/product/category/PBHTPBDL.html'>扁平护套屏蔽电缆</a></li></ul></li></ul></li><li class="list menu-item-has-children">
<a class="animation" href="javascript:;">关于安扬<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/news/nav/CompanyProfile.html'>公司简介</a></li> <li><a href='/news/nav/CompanyHistory.html'>公司历程</a></li> <li><a href='/news/nav/AB.html'>企业文化</a></li> <li><a href='/news/nav/Qualificationsandhonors.html'>荣誉与证书</a></li> <li><a href='/news/nav/Coreadvantage.html'>核心优势</a></li> <li><a href='/news/nav/assemble.html'>研发实力</a></li></ul></li><li class="list menu-item-has-children">
<a class="animation" href="javascript:;">资讯动态<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/news/nav/ne.html'>企业新闻</a></li> <li><a href='/news/nav/Industryknowledge.html'>行业知识</a></li> <li><a href='/news/nav/VIDEO.html'>视频中心</a></li> <li><a href='/news/nav/exhibition.html'>展会预告</a></li></ul></li><li class="list menu-item-has-children">
<a class="animation" href="javascript:;">服务与支持<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/news/download/download.html'>下载中心</a></li> <li><a href='/news/nav/Aftersale.html'>售后服务</a></li> <li><a href='/news/nav/Serviceprocess.html'>服务流程</a></li> <li><a href='/news/nav/QA.html'>常见问题</a></li></ul></li><li class="list menu-item-has-children">
<a class="animation" href="javascript:;">联系我们<i class='fa fa-plus icon'></i></a>
<ul class="main-menu__dropdown sub-menu"> <li><a href='/contact/message.html'>联系我们</a></li> <li><a href='/news/toRegister.html'>会员注册</a></li> <li><a href='/news/toLogin.html'>会员登录</a></li></ul></li>
                                                    <li class="list menu-item-has-children">
                                                        <a class="animation" href="javascript:;">Language<i class='fa fa-plus icon'></i></a>
                                                        <ul class="main-menu__dropdown sub-menu" >
                                                            <li >
                                                                <a href="https://www.dganyang.com" target="_blank">CN</a>
                                                            </li>
                                                            <li >
                                                                <a href="https://www.dganyangcable.com" target="_blank">EN</a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </nav>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </header>
                        <section class="nav_mask" style="display: none;"></section>


                    
                
            
            

            <div class="uni-sample-wrapper">
                <div class="uni-sample-overlay"></div>
                <div class="uni-sample-offcanvas-inner">
                    <div class="uni-sample-offcanvas-btn-close">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="uni-sample-offcanvas-cart-content">
                    </div>
                    <div class="cart-product-btn mt-4">
                        <a href="/sample/page.html"  class="btn btn-light btn-hover-primary w-100 mt-4"><i class="fa fa-share"></i> 确认申请</a>
                    </div>


                </div>

            </div>

        
        
    




    <style>
        
    </style>
    
        
                
                    
                
        
        
            <div class="section">
                <div class="breadcrumb-area bg-primary">
                    <div class="container uni-index-container">
                        <div class="breadcrumb-content">
                            <ul>
                                <li><a href="/index.html"><i class="fa fa-home"></i> </a></li>
                                
                                    <li class=""><a href="/product/all.html">
                                        产品中心</a>
                                    </li>
                                
                                    <li class=""><a href="/product/categorys/OC12.html">
                                        RVV护套电缆</a>
                                    </li>
                                
                                    <li class=""><a href="/product/category/dhtrx.html">
                                        单护套软线</a>
                                    </li>
                                
                                <li class="">
                                    
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        
    
    
        

            <div class="uni-breadcrumb-style2">
                <div class="" style="width:auto;">
                    <div class="uni-breadcrumb-style2-ul">
                        <ul class="  uni-index-container">
                            
                                <li class="open">
                                    <a href="/product/categorys/dhtrx.html">单护套软线</a>
                                </li>
                            
                                <li>
                                    <a href="/product/categorys/DHTPBDL.html">单护套屏蔽电缆</a>
                                </li>
                            
                                <li>
                                    <a href="/product/categorys/DHTSJPBDL.html">单护套双绞屏蔽电缆</a>
                                </li>
                            
                        </ul>
                    </div>
                    <div class="uni-breadcrumb-style2-ul2">
                        <ul class="uni-index-container " >
                            
                                
                            

                        </ul>
                    </div>

                </div>
            </div>
            <div class="uni-breadcrumb-mobile-style2" style="z-index: 50;">
                <div class="uni-breadcrumb-mobile-style2-div pc-hide on">
                    
                        <a href="javascript:;">单护套软线</a>
                    
                        
                    
                        
                    
                </div>
                <div class="uni-breadcrumb-mobile-style2-content">
                    <ul>
                        
                            <li class="uni-breadcrumb-mobile-style2-nav" >
                                
                                <a href="/product/categorys/dhtrx.html">单护套软线</a>
                            </li>
                            
                        
                            <li class="uni-breadcrumb-mobile-style2-nav" >
                                
                                <a href="/product/categorys/DHTPBDL.html">单护套屏蔽电缆</a>
                            </li>
                            
                        
                            <li class="uni-breadcrumb-mobile-style2-nav" >
                                
                                <a href="/product/categorys/DHTSJPBDL.html">单护套双绞屏蔽电缆</a>
                            </li>
                            
                        
                    </ul>
                </div>
            </div>
        
    




<div class="section section-margin">
    <div class="container">
        
        <div class="row">
            <div class="col-12">
                

                
    <div class="section">
        <div class="container" style="margin: 0;padding: 0;">
            <div class="row shop_wrapper">
                <div class="uni-productList-style3 row">
                    <div class="col-lg-3 col-sm-4 col-4 uni-productList-style3-img">
                        <a href="/product/detail/aaaaa21100.html;jsessionid=AEA72AC1B0BC21972148E096A384FEA3" >
                            <img src="https://cdn.dganyang.com/anyang/images/200%E4%B8%87%E6%AC%A1%E4%BC%BA%E6%9C%8D%E5%8A%A8%E5%8A%9B%E7%94%B5%E7%BC%86%E7%BB%84%E5%90%88.jpg" title="单护套软线" alt="单护套软线">
                        </a>
                    </div>
                    <div class="col-lg-9 col-sm-8 col-8 uni-productList-style3-content">
                        <div class="uni-productList-style3-text">
                            <a href="/product/detail/aaaaa21100.html;jsessionid=AEA72AC1B0BC21972148E096A384FEA3" >
                                <h4 class="uni-productList-style3-content-title">单护套软线</h4>
                                <div class="uni-productList-style3-content-subtitle" >产品编码 : 21100</div>
                                <div class="uni-productList-style3-content-desc">
                                    
                                        <p>传输动力和信号的连接电缆 </p>
                                    
                                        <p>适用于电子仪器及各类仪表的配线</p>
                                    
                                        <p>几乎适用于需要偶尔移动的场合</p>
                                    
                                        <p>可用于在机床制造、成套设备安装工程等场合</p>
                                    
                                        <p>适用于室内环境</p>
                                    
                                </div>
                            </a>
                            <a class="btn" id="consultModal" data-bs-toggle="modal"
                               data-bs-target="#uniContactModal"
                               data-product-id="468f82a582">点击咨询</a>
                        </div>
                        <div class="uni-productList-style3-btn">
                            <p>产品库存 : 10000米</p>
                            <p>生产周期:7~10天</p>
                            <a class="btn" id="consultModal" data-bs-toggle="modal"
                               data-bs-target="#uniContactModal"
                               data-product-id="468f82a582">点击咨询</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="modal fade uni-contact-modal" id="uniContactModal">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">


                <div class="modal-header uni-modal-title">
                    <h5 class="modal-title" >{{product.storeName}}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body row">
                    <div class="col-lg-5 uni-modal-info">
                        <div class="uni-modal-img">

                        </div>
                        <div class="uni-modal-detail">
                            <h5 class="modal-title">{{product.storeName}}</h5>
                            <p><strong>产品编码</strong> : {{product.barCode}} </p>
                            
                                <p class="uni-modal-company">伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司</p>
                                <p>广东省佛山市顺德区大良街道五沙社区新汇路7号华谦工业园</p>
                                <p><a href="mailto:alexia.wu@dganyang.com">alexia.wu@dganyang.com</a></p>
                                <a href="tel:null"></a>
                            

                        </div>
                    </div>
                    <div class="col-lg-7 col-sm-12 uni-modal-form">
                        <div class="contact-title pb-3" data-aos="fade-left" data-aos-delay="100">
                            <h2 class="title">告诉我们您需要咨询的问题</h2>
                        </div>
                        <div class="contact-form-wrapper contact-form">
                            <div class="row">
                                <div class="col-12">
                                    <form id="addFormModel" onsubmit="return saveModel()">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                                 >
                                                <div class="input-area mb-4">
                                                    <input class="input-item" type="text"
                                                           placeholder="请输入姓名" id="guestName"
                                                           name="guestName">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                                 >
                                                <div class="input-area mb-4">
                                                    <input required class="input-item" type="text"
                                                           placeholder="请输入手机号码"
                                                           id="phone" name="phone">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                                 >
                                                <div class="input-area mb-4">
                                                    <input class="input-item" required type="email"
                                                           placeholder="请输入邮箱"
                                                           id="email" name="email">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                                 >
                                                <div class="input-area mb-4">
                                                    <input class="input-item" required type="text"
                                                           placeholder="请输入咨询主题*" id="topic"
                                                           name="topic">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                                 >
                                                <div class="input-area mb-8">
                                            <textarea cols="30" rows="4" class="textarea-item" required id="detail"
                                                      name="detail" placeholder="详细描述，便于为您专业解答*"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-12 vtitle" >
                                                <button type="submit" class="btn uni-modal-btn"><span>确认发送</span>
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>





                <div class="shop_toolbar_wrapper mt-10 mb-n4">


                    <div class="shop-bottom-bar-left mb-4">
                        <div class="shop-short-by">



                        </div>
                    </div>



                    <div class="shop-top-bar-right mb-4 mt-4">
                        <nav>
                            <ul class="pagination">
                                <li class="page-item">
                                    <a class="page-link rounded-0" href="#" aria-label="Previous" index="prev">
                                        <span aria-hidden="true">&laquo;</span>
                                    </a>
                                </li>
                                
                                    <li class="page-item"><a class="page-link active" href="/product/category/dhtrx/page-1.html" index="1">1</a></li>
                                
                                <li class="page-item">
                                    <a class="page-link rounded-0" href="#" aria-label="Next" index="next">
                                        <span aria-hidden="true">&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>


                </div>


            </div>
        </div>
    </div>
</div>



    
        
            
            
                

                    <aside class="aside-nav">
                        <div>
                            <div class="uni_online_q" id="uni_online_q" data-aos-duration="1200" data-aos="fade-up" data-aos-delay="600" style="display: none">
                                
                                    <div class="btn2 btn-qq">
                                         <span style="background-color: rgba(0, 0, 0, 0.1);">
                                             <i class="fa fa-phone-square fa-lg"></i>
                                             <div style="display: block;float:bottom;margin-top: 10px;">
                                                 联系电话
                                             </div>
                                         </span>
                                            
                                            <div class="open tel">
                                                
                                                
                                                
                                                    <a href="tel:13332663384">13332663384</a>
                                                
                                            </div>
                                    </div>

                                
                                    <div class="btn2 btn-qq">
                                         <span style="background-color: rgba(0, 0, 0, 0.1);">
                                             <i class="fa fa-envelope-square fa-lg"></i>
                                             <div style="display: block;float:bottom;margin-top: 10px;">
                                                 邮箱
                                             </div>
                                         </span>
                                            
                                            <div class="open tel">
                                                
                                                
                                                    <a href="mailto:alexia.wu@dganyang.com">alexia.wu@dganyang.com</a>
                                                
                                                
                                            </div>
                                    </div>

                                
                                    <div class="btn2 btn-qq">
                                         <span style="background-color: rgba(0, 0, 0, 0.1);">
                                             <i class="fa fa-weixin fa-lg"></i>
                                             <div style="display: block;float:bottom;margin-top: 10px;">
                                                 官方微信
                                             </div>
                                         </span>
                                            <div class="open pic">
                                                <img   src="https://cdn.dganyang.com/anyang/images/%E5%90%B4%E7%BB%8F%E7%90%86%E4%BA%8C%E7%BB%B4%E7%A0%81%E4%BE%A7%E8%BE%B901.jpg" title="官方微信" alt="官方微信"></div>
                                            
                                    </div>

                                
                            </div>
                        </div>
                    </aside>

                
            
        

    



<div>
    <a href="#" class="scroll-top show" id="scroll-top">
        <i class="arrow-top fa fa-chevron-circle-up"></i>
        <i class="arrow-bottom fa fa-chevron-circle-up"></i>
    </a>
    <div class="modal fade" id="imageModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body">
                    <img src="" class="img-fluid" alt="放大图片">
                </div>
            </div>
        </div>
    </div>
    
        
            <style>
                
                .footer-section * {
                    color: #ffffff !important;
                }
                
            </style>

            <div style="background-color: #0154a0">
                
                
                

                    

                        <footer id="uni_foot" class="uni-two-carousel">
                            <div class="container uni-index-container uni-foot-container footer-section">
                                <div class="m1600 row">
                                    <div class="uni_foot_nav  uni-foot-style3-nav col-lg-8  col-sm-12 col-12">
                                        <div class="uni-foot-style3-div">
                                            
                                                <dl>

                                                    <dt><a href="/news/nav/Aboutus.html">关于安扬</a>
                                                    </dt>
                                                    

                                                        <dd><a href="/news/nav/CompanyProfile.html">公司简介</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/CompanyHistory.html">公司历程</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/AB.html">企业文化</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/Qualificationsandhonors.html">荣誉与证书</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/Coreadvantage.html">核心优势</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/assemble.html">研发实力</a>
                                                        </dd>
                                                    
                                                </dl>
                                            
                                                <dl>

                                                    <dt><a href="/news/nav/NEWS.html">资讯动态</a>
                                                    </dt>
                                                    

                                                        <dd><a href="/news/nav/ne.html">企业新闻</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/Industryknowledge.html">行业知识</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/VIDEO.html">视频中心</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/exhibition.html">展会预告</a>
                                                        </dd>
                                                    
                                                </dl>
                                            
                                                <dl>

                                                    <dt><a href="/news/nav/ServiceandSupport.html">服务与支持</a>
                                                    </dt>
                                                    

                                                        <dd><a href="/news/download/download.html">下载中心</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/Aftersale.html">售后服务</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/Serviceprocess.html">服务流程</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/nav/QA.html">常见问题</a>
                                                        </dd>
                                                    
                                                </dl>
                                            
                                                <dl>

                                                    <dt><a href="/contact/message.html">联系我们</a>
                                                    </dt>
                                                    

                                                        <dd><a href="/contact/message.html">联系我们</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/toRegister.html">会员注册</a>
                                                        </dd>
                                                    

                                                        <dd><a href="/news/toLogin.html">会员登录</a>
                                                        </dd>
                                                    
                                                </dl>
                                            
                                        </div>
                                        <div class="uni-foot-connect row">
                                            <div class="col-lg-6  col-xl-4 col-xxl-3 uni-foot-connect-style">
                                                <div class="uni-foot-connect-a">
                                                    <div class="icon">
                                                        <i class="fa fa-phone-square"></i>
                                                    </div>
                                                    <div class="text">
                                                        <span>电话</span>
                                                        
                                                            <a href="tel:13332663384"
                                                               style="color: #FFFFFF">13332663384</a>

                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-xl-4 col-xxl-3  uni-foot-connect-style">
                                                <a href="mailto:alexia.wu@dganyang.com" class="uni-foot-connect-a">
                                                    <div class="icon">
                                                        <i class="fa fa-envelope"></i>
                                                    </div>
                                                    <div class="text">
                                                        <span>邮箱</span>
                                                        <span>alexia.wu@dganyang.com</span>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="col-lg-6 col-xl-4  col-xxl-3  uni-foot-connect-style">
                                                <a href="https://maps.google.com/?q=广东省佛山市顺德区大良街道五沙社区新汇路7号华谦工业园" class="uni-foot-connect-a">
                                                    <div class="icon">
                                                        <i class="fa fa-location-arrow" ></i>
                                                    </div>
                                                    <div class="text">
                                                        <span>地址</span>
                                                        <span>广东省佛山市顺德区大良街道五沙社区新汇路7号华谦工业园</span>
                                                    </div>
                                                </a>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="uni_foot_lianxi col-lg-3 col-sm-12 col-12">
                                        <div>
                                            <div class="foot_logo"><a href="/index"><img src="https://cdn.dganyang.com/anyang/images/安扬工业电缆白底.png"
                                                                                        alt="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司" title="伺服电缆-拖链电缆-传感器电缆-硅胶线-工业网线总线-广东省安扬工业电缆有限公司"></a>
                                            </div>
                                            <p class="tip" style="margin: 0;">如有疑问，请输入您的电话，会有专人在24小时内与您联系</p>
                                            <a href="/contact/message.html">
                                                <div class="input">
                                                    <div class="input-text">
                                                        <input type="text" placeholder="您的联系方式" name="data[title]"
                                                               id="dr_title" autocomplete="off" style="color: #FFFFFF;">
                                                        <span class="input-border"></span>
                                                        <span class="input-border"></span>
                                                    </div>
                                                    <button type="button" class="btn_tijiao">提交信息
                                                    </button>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="box">
                                            <div class="row" >
                                                <div class="qrcode col-lg-4 col-4 col-sm-4"  style="margin-top: 20px;">
                                                    <img src="" alt="视频号">
                                                </div>
                                                <div class="qrcode col-lg-4 col-4 col-sm-4"  style="margin-top: 20px;">
                                                    <img src="" alt="公众号二维码">
                                                </div>
                                                <div class="qrcode col-lg-4 col-4 col-sm-4"  style="margin-top: 20px;">
                                                    <img src="" alt="联系微信">
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="clear"></div>
                                </div>
                                <div class="uni-style2-copyright">
                                    <p>
                                        
                                            
                                                <a target="_blank">
                                                    版权所有©
                                                    Corporation,&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;</a><a
                                                    href="https://beian.miit.gov.cn" target="_blank">粤ICP备2023061013号-1 </a>
                                            
                                            
                                        
                                    </p>
                                </div>
                            </div>

                        </footer>
                        
                            <div class="uni-small-footer-nav">
                                <a href="tel:13332663384">
                                    <img src="/assets/images/clj/db-ico3-3bdebd3071da19b750f1e44b99e54ecc.svg;jsessionid=AEA72AC1B0BC21972148E096A384FEA3" alt="">
                                    电话咨询
                                </a>
                                <a href="/contact/message.html">
                                    <img src="/assets/images/clj/db-ico2-66ce64a22c882cd2ac2ea9611931c60c.svg;jsessionid=AEA72AC1B0BC21972148E096A384FEA3" alt="">
                                    联系我们
                                </a>
                            </div>
                        
                    
                
                
                
                
            </div>

        
        
    
</div>
</body>

    <script src="/plugins/jquery/jquery.min.js"></script>
    <script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="/plugins/swiper/js/swiper.min.js"></script>
    <script src="/plugins/countUp/countUp.js"></script>
    <script src="/plugins/imassets/js/dateformate-30716b2a1d3f5f7a297b2515afacaaeb.js;jsessionid=AEA72AC1B0BC21972148E096A384FEA3"></script>
    <script src="/plugins/viewerJs/viewer.js"></script>
    <script src="/plugins/popper.js/popper.min.js"></script>
    <script src="/plugins/magnific-popup/js/magnific-popup.min.js"></script>
    <script src="/plugins/slider/js/slider.js"></script>
    <script src="/plugins/aos/aos.js"></script>
    <script src="/assets/js/main.js"></script>
    <script src="/plugins/imassets/layer/layer.min-917fca87ccec4f980b2a95abbc8909ef.js;jsessionid=AEA72AC1B0BC21972148E096A384FEA3?v=20210516"></script>



    
        <script>
            document.querySelector(':root').style.setProperty('--sys-color', '#074F89')
            document.querySelector(':root').style.setProperty('--sys-title-fontsize', '42')
            document.querySelector(':root').style.setProperty('--sys-title-fontfamliy', 'Arial serif')
            document.querySelector(':root').style.setProperty('--sys-fontfamliy', 'Arial serif')
            document.querySelector(':root').style.setProperty('--sys-bottom-color', '#074F89')
            document.querySelector(':root').style.setProperty('--sys-head3-color', '#333333')
            document.querySelector(':root').style.setProperty('--sys-head3-color-rgb', '51, 51, 51')
            document.querySelector(':root').style.setProperty('--product-color', '#dee2e6')
            document.querySelector(':root').style.setProperty('--head3-font-color', '#ffffff')
            document.querySelector(':root').style.setProperty('--sys-back-color', '#ffffff')

            const hexColor = '#074F89';
            const rColor = parseInt(hexColor.substring(1, 3), 16);
            const gColor = parseInt(hexColor.substring(3, 5), 16);
            const bColor = parseInt(hexColor.substring(5), 16);
            const rgbColor = `${rColor}, ${gColor}, ${bColor}`;

            document.querySelector(':root').style.setProperty('--sys-color-rgb', rgbColor)
            $(window).scroll(function () {
                var winHeight = $(this).scrollTop()
                if ($("#swiper_full").length > 0 || $("#news-slider").length > 0 || $("#uni-index-video").length > 0) {
                    if (winHeight > 0) {
                        $('#header').addClass('xg');
                        $('#header').mouseleave(function (e) {
                            $('#header').addClass('xg');
                        });
                    }else {
                        $('#header').removeClass("xg");
                        $('#header').mouseleave(function (e) {
                            $('#header').removeClass('xg');
                        });

                    }
                }
                if (winHeight > 0) $('.erj').addClass('erjF')
                else $('.erj').removeClass('erjF')

            });

            if ($("#swiper_full").length <= 0 && $("#news-slider").length<=0 && $("#uni-index-video").length<=0) {
                $('#header').addClass('xg erj')
                $('.header-pc-style3').addClass('erj');
            } else {
                $('#header').hover(function (e) {
                    $('#header').addClass('xg');
                });
                $('#header').mouseleave(function (e) {
                    $('#header').removeClass('xg');
                });
            }


            document.addEventListener('contextmenu', function(event) {
                event.preventDefault();
            });
        </script>
        <script  id="imChatScript" data-query-params="0abed65e00c450ea194818c37a55ed5c" src="https://im.unionplore.com/assets/js/im.js">
</script>
    

<script>
    $(function(){

        window.history.replaceState(null, null, window.location.href);
        $(".page-link").click(function (event) {
            let num = /^\d*$/;
            if (num.test($(this).attr("index"))) {
                window.location.href = $(this).attr("href");
            } else {
                if ($(this).attr("index") === "prev") {

                    const activePageLink = $(".page-link.active");
                    console.log("activePageLink", activePageLink);

                    const activePageItem = activePageLink.parent();

                    const prevPageItem = activePageItem.prev();

                    const prevHref = prevPageItem.find(".page-link").attr("href");
                    console.log("prevHref", prevHref);

                    if (prevHref !== "#") {

                        window.location.href = prevHref;
                    }
                } else {
                    const activePageLink = $(".page-link.active");
                    console.log("activePageLink", activePageLink);
                    const nextHref = activePageLink.parent().next().find(".page-link").attr("href");
                    console.log("nextHref", nextHref);
                    if (nextHref !== "#") {

                        window.location.href = nextHref;
                    }
                }
            }
        });
    })
    $(function() {

        var $offCanvasNav = $('.uni-product-sidebar-category');
        if ($offCanvasNav.length) {
            var $offCanvasNavSubMenu = $offCanvasNav.find('.dropdown');


            $offCanvasNavSubMenu.slideUp();


            $offCanvasNav.on('click', '.uni-sidebar-span', function(e) {
                var $this = $(this);

                e.preventDefault();


                var $parentLi = $this.closest('li');
                var $subMenu = $parentLi.children('ul.dropdown');


                if ($subMenu.is(':visible')) {

                    $subMenu.slideUp();
                } else {

                    $parentLi.find('> ul.dropdown:visible').slideUp();


                    $subMenu.slideDown();
                }
            });
        }


        if ($offCanvasNav.length) {
            $(document).ready(function() {

                var links = $('.uni-product-sidebar-category-menu a');


                links.each(function() {

                    if (window.location.href === this.href | areUrlsEqualIgnoringPage(window.location.href, this.href)) {

                        setActive($(this));
                    }
                });
                function normalizeUrlWithoutPage(url) {
                    try {

                        const parsedUrl = new URL(url);


                        const pathname = parsedUrl.pathname.replace(/\/page-\d+\.(html)$/, '/$1');

                        const normalizedPathname = pathname.endsWith('/html') ? pathname.replace('/html', '.html') : pathname;

                        return `${parsedUrl.protocol}//${parsedUrl.host}${normalizedPathname}${parsedUrl.search}`;
                    } catch (e) {

                        console.error("Invalid URL:", url, e);
                        return url;
                    }
                }
                function areUrlsEqualIgnoringPage(url1, url2) {

                    return normalizeUrlWithoutPage(url1) === normalizeUrlWithoutPage(url2);
                }
                function setActive(element) {
                    var parentLi = element.closest('li');

                    parentLi.addClass('active');

                    showDropdown(parentLi);


                    setActiveParent(parentLi);
                }

                function setActiveParent(element) {
                    var parentLi = element.parent().closest('li');
                    if (parentLi.length > 0) {
                        parentLi.addClass('active');
                        showDropdown(parentLi);
                        setActiveParent(parentLi);
                    }
                }

                function showDropdown(element) {
                    var dropdown = element.find('> .dropdown');
                    if (dropdown.length > 0) {

                        dropdown.slideDown();
                    }
                }
            });
        }
    });

    function goPage(pageNum){
        var form = $("<form method='post'></form>");
        form.attr({"action":window.location.pathname});
        var pageNumInput = $("<input type='hidden'>");
        pageNumInput.attr({"name":"pageNum"});
        pageNumInput.val(pageNum);
        form.append(pageNumInput);
        /*
             var keyword = getParameterByName('keyword');
             var postParams = getPostParams();
             var paramValue = getPostParam('keyword');
             var keywordValue = getRefererParam('keyword');

             var keywordInput = $("<input type='hidden'>");
             keywordInput.attr({"name":"keyword"});
             if(keyword!= null && keyword!= undefined && keyword!= ""){
                 keywordInput.val(keyword);
             }else{
                 keywordInput.val(keywordValue);
             }
             form.append(keywordInput);*/
        $(document.body).append(form);
        form.submit();
    }

    function getParameterByName(name) {
        var url = window.location.search;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }
    function getPostParams() {
        var formData = new FormData(document.forms[0]);
        var params = {};
        for (var pair of formData.entries()) {
            params[pair[0]] = pair[1];
        }
        return params;
    }

    function getPostParam(paramName) {
        var formData = new FormData(document.forms[0]);
        var paramValue = '';
        for (var pair of formData.entries()) {
            if(pair[0] === paramName) {
                paramValue = pair[1];
                break;
            }
        }
        return paramValue;
    }

    function getRefererParam(paramName) {
        var referer = document.referrer;
        var paramValue = '';
        var pattern = new RegExp(paramName + '=([^&]+)', 'i');
        var match = pattern.exec(referer);
        if (match != null) {
            paramValue = match[1];
        }
        return paramValue;
    }
</script>
<script>
    if ($(window).width() >= 1004) {
        setTimeout(function () {

            if ($('.uni-page-head').length > 0) {
                var uniPageHeadHeight = $('.uni-page-head').outerHeight();
                $(window).scroll(function () {
                    if ($(window).scrollTop() > uniPageHeadHeight) {
                        $('.uni-breadcrumb-style2').addClass('withtinNavTop');

                        var height = $('.pc-top-height').height();
// 将获取的高度赋值给 crumbTopHeight 元素的 top 属性
                        $('.withtinNavTop').css('top', height + 'px');
                        $('.height').addClass('height1');
                    } else {
                        $('.uni-breadcrumb-style2').removeClass('withtinNavTop');
                        $('.height').removeClass('height1');
                        $('.uni-breadcrumb-style2').slideDown().css('z-index', '50');
                    }
                });
            } else {
                if( $('.uni-breadcrumb-style2').offset()){
                    var withtinNavTop = $('.uni-breadcrumb-style2').offset().top;
                    $(window).scroll(function () {
                        if ($(window).scrollTop() > withtinNavTop) {
                            $('.uni-breadcrumb-style2').addClass('withtinNavTop');
                            $('.height').addClass('height1');
                            var height = $('.pc-top-height').height();
// 将获取的高度赋值给 crumbTopHeight 元素的 top 属性
                            $('.withtinNavTop').css('top', height + 'px');

                        } else {
                            $('.uni-breadcrumb-style2').removeClass('withtinNavTop');
                            $('.height').removeClass('height1');
                            $('.uni-breadcrumb-style2').slideDown().css('z-index', '50');
                        }
                    });
                }

            }
        }, 10);
    }
    if ($(window).width() < 1004) {

            if($('.uni-breadcrumb-mobile-style2').length > 0){
                setTimeout(function () {
                var withtinNavTop = $('.uni-breadcrumb-mobile-style2').offset().top;
                $(window).scroll(function () {
                    if ($(window).scrollTop() > withtinNavTop) {
                        $('.uni-breadcrumb-mobile-style2').addClass('withtinNavTop');
                        var height = $('.mobile-top-height').height();

                        $('.withtinNavTop').css('top', height + 'px');

                        $('.height').addClass('height1');
                    } else {
                        $('.uni-breadcrumb-mobile-style2').removeClass('withtinNavTop');
                        $('.height').removeClass('height1');
                        $('.uni-breadcrumb-mobile-style2').slideDown().css('z-index', '50');
                    }
                });
                }, 10);
            }

    }
    $('.uni-breadcrumb-mobile-style2-div').click(function () {
        if (!$('.uni-breadcrumb-mobile-style2-div').hasClass('on')) {
            $('.uni-breadcrumb-mobile-style2-content').slideDown();

            $(this).addClass('on');
        } else {
            $('.uni-breadcrumb-mobile-style2-content').slideUp();

            $(this).removeClass('on');
        }
    });

    $('.uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-nav').click(function () {
        if (!$(this).hasClass('on')) {
            $('.uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-navin').slideUp();
            $('.uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-navin').removeClass('on');
            $(this).next('.uni-breadcrumb-mobile-style2-navin').slideDown();
            $('.uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-nav').removeClass('on');
            $(this).addClass('on');
        } else {
            $('.uni-breadcrumb-mobile-style2-content ul li.uni-breadcrumb-mobile-style2-navin').slideUp();
            $(this).removeClass('on');
        }
    });

    switch_2('.uni-breadcrumb-style2 span','.uni-breadcrumb-style2 ul','click');

    function switch_2(one,two,three){
        $(one).each(function(i){
            $(this).on(three,function(){
                if($(two).eq(i).css('display')=='none'){
                    $(two).slideUp();
                    $(two).eq(i).slideDown();
                    $(one).removeClass('open');
                    $(this).addClass('open');
                }else{
                    $(two).slideUp();
                    $(one).removeClass('open');
                }
            })
        })
    }
</script>
<script>
    customElements.define('el-sidebar', class extends HTMLDivElement {
        connectedCallback() {
            this.createHandler();
            this.addCloseListeners();
            this.closeOnSwipe();
        }

        disconnectedCallback() {
            window.removeEventListener('keyup', this.$onEscape);
        }

        createHandler() {
            const { id } = this;
            if (id) {
                window[id] = (action) => {
                    this[action.toLowerCase()]();
                };
            }
        }

        open() {
            this.setAttribute('data-visible', true);
            this.emmit('el-sidebar-open');
            this.execInlineEvent('data-on:open');
            document.body.style.overflow = 'hidden';
        }

        close() {
            this.removeAttribute('data-visible');
            this.emmit('el-sidebar-close');
            this.execInlineEvent('data-on:close');
            document.body.style.overflow = 'initial';
        }

        toggle() {
            this.emmit('el-sidebar-toggle');
            this.execInlineEvent('data-on:toggle');
            this.hasAttribute('data-visible') ? this.close() : this.open();
        }

        emmit(name) {
            const event = Object.assign(new CustomEvent(name, { detail: this }), { sidebar: this });
            document.dispatchEvent(event);
        }

        execInlineEvent(event) {
            if (!this.getAttribute(event)) return null;
            window[this.getAttribute(event).split('(')[0].trim()](this);
        }

        addCloseListeners() {
            this.addEventListener('click', (e) => {
                if (e.target === this) this.close();
            });
            this.$onEscape = window.addEventListener('keyup', (e) => {
                if (e.key === 'Escape') {
                    this.close();
                }
            });
        }

        closeOnSwipe() {
            const gestureZone = this;
            let touchstartX = 0;
            let touchendX = 0;
            let touchstartY = 0;
            let touchendY = 0;
            let startTime = 0;


            const minSwipeDistance = 30;
            const maxSwipeTime = 500;

            gestureZone.addEventListener('touchstart', (event) => {
                touchstartX = event.changedTouches[0].screenX;
                touchstartY = event.changedTouches[0].screenY;
                startTime = new Date().getTime();
            }, { passive: false });

            gestureZone.addEventListener('touchend', (event) => {
                touchendX = event.changedTouches[0].screenX;
                touchendY = event.changedTouches[0].screenY;
                handleGesture();
            }, { passive: false });

            function handleGesture() {
                const swipeDistanceX = Math.abs(touchendX - touchstartX);
                const swipeDistanceY = Math.abs(touchendY - touchstartY);
                const elapsedTime = new Date().getTime() - startTime;


                if (swipeDistanceX > swipeDistanceY &&
                    swipeDistanceX > minSwipeDistance &&
                    elapsedTime < maxSwipeTime) {
                    if (touchendX < touchstartX && gestureZone.getAttribute('data-right')) {
                        gestureZone.close();
                    }
                    if (touchendX > touchstartX && !gestureZone.getAttribute('data-right')) {
                        gestureZone.close();
                    }
                }
            }
        }

    }, { extends: 'div' });
</script>

<script>
        /*<![CDATA[*/
        let pageSize = 8;
        if (null != null) {
            pageSize = null;
        }
        /*]]>*/
    document.addEventListener('DOMContentLoaded', function () {
        let productParam = document.querySelector('.uni-product-filter');
        const filterFetchUrl = "/news/productParameter/listFilter";
        const productFetchUrl = "/news/productParameter/listProductByFilter"
        const pcFilterLimitLines = 5;
        const templateStyle = "uni-product3"

        let categoryId =  "f63374a37b";
        if(categoryId=="yinliyun2023"){
            categoryId=null;
        }
        const expand =  "\u5C55\u5F00";
        const multiple = "\u591A\u9009"
        const collapse ="\u6536\u8D77"
        const submit ="\u786E\u8BA4"
        let selectedValueIds = [];
        let fetchFlag = true;
        let prevDisplayList = false;
        var filters = {
            "categoryId": categoryId,
            "selectedFilters": {

            }
        };
       /* let selectedFiltersIds = {};
        if(filterVo){
            filterVo = filterVo.replace(/&quot;/g, '"');
            filters= JSON.parse(filterVo );
            Object.values(filters).forEach((filter, index) => {
                selectedValueIds = selectedValueIds.concat(filter);
            });
        }*/
        const initWidth = window.innerWidth;
        let isMobile = false;

        if(initWidth < 992){
            isMobile = true;
        } else{
            isMobile = false;
        }

        let pcExpandedFlag = false;
        function fetchProducts(pageNum = 1) {
            const queryParams = $.param({ pageNum: pageNum, pageSize: pageSize });


            const fetchUrl = productFetchUrl + "?" + queryParams;

            $.ajax({
                url: fetchUrl,
                method: 'POST',
                contentType: 'application/json',
                data: JSON.stringify(filters),
                success: function(response) {
                    let productsContainer;
                    let productTemplate;

                    if(templateStyle == "productList"){
                        productsContainer = document.querySelector('.row.shop_wrapper');

                    } else if(templateStyle == "uni-product2"){
                        /*productStyle1Btn = document.querySelector('.product-list-style1-btn');
                        productStyle1Btn.style.display = 'none';*/
                        productsContainer = document.querySelector('#uni-product ul');

                    }else if(templateStyle == "uni-product3"){
                        /*productStyle1Btn = document.querySelector('.product-list-style1-btn');
                        productStyle1Btn.style.display = 'none';*/
                        productsContainer = document.querySelector('.row.shop_wrapper');

                    }

                    while(productsContainer.children.length > 0) {
                        productsContainer.removeChild(productsContainer.lastChild);
                    }

                    const total = response.data.total;




                    const currentPageDataCount = response.data.rows.length;

                    const startItem = (pageNum - 1) * pageSize + 1;

                    const endItem = Math.min(pageNum * pageSize, total);





                    const totalNumElement = document.querySelector('.shop-top-show.total-num');





                    if(templateStyle == "productList"){
                        response.data.rows.forEach(function(product) {
                            let productElement = document.createElement('li');
                            productElement.className=' uni-product-card col-xl-3 col-lg-4 col-md-4 col-sm-6 col-6 product '
                            productElement.innerHTML=`<div class="product-box-style product-inner">
                                    <a href="/product/detail/${product.productUrl}.html" >
                                        <div class="figure-box">
                                            <img src="${product.image.imgUrl}" title="${product.storeName}" alt="${product.image.imgALt ? product.image.imgUrl : product.storeName}">
                                        </div>
                                    </a>

                                    <div class="content-box">
                                        <h5 class="title"><a href="/product/detail/${product.productUrl}.html"  >${product.storeName}</a></h5>

                                        <p >${product.storeInfo}</p>
                                        <div class="btn-wrap mt--25">
                                            <a href="/product/detail/${product.productUrl}.html" class="rt-read-more">
                                                "\u4E86\u89E3\u8BE6\u60C5"
                                                <svg width="34px" height="16px" viewBox="0 0 34.53 16" xml:space="preserve">
                                                          <rect class="qodef-button-line" y="7.6" width="34" height=".4">
                                                          </rect>
                                                    <g class="qodef-button-cap-fake">
                                                             <path class="qodef-button-cap" d="M25.83.7l.7-.7,8,8-.7.71Zm0,14.6,8-8,.71.71-8,8Z"></path>
                                                          </g>
                                                       </svg>
                                            </a>
                                        </div>
                                    </div>
                                </div>`

                            productsContainer.appendChild(productElement);
                        });
                    } else if(templateStyle == "uni-product2") {
                        response.data.rows.forEach(function (product) {
                            let sliderImagesHtml = product.sliderImage.slice(0, 3).map((image) =>
                                `<div class="img">
                                <a href="/product/detail/${product.productUrl}.html">
                                     <img src="${image.imgUrl}" title="${product.storeName}" alt="${image.imgAlt ? image.imgAlt :product.storeName}" width="551" height="431">
                                </a>
                            </div>`
                            ).join('');

                            let productElement = document.createElement('li');
                            productElement.className='uni-product-card col-6 col-sm-6 col-lg-3 '
                            productElement.innerHTML = `<div class="uni-product-item">
                                    <div class="uni-product-style2-img-slide">

                                        ${sliderImagesHtml}            </div>
                                    <a href="/product/detail/${product.productUrl}.html" class="box" tabindex="0">
                                        <div class="txt">
                                            <div class="title">
                                                <h5>${product.barCode}</h5>
                                                <p>${product.storeName}</p>
                                            </div>
                                            <div class="uni-btn"><span>`+"\u7ACB\u5373\u67E5\u770B"+`</span></div>
                                        </div>
                                    </a></div>
                                `;

                            productsContainer.appendChild(productElement);
                        });
                        $('.uni-product-style2-img-slide').not('.slick-initialized').slick({
                            dots: true,
                            arrows:false,
                            infinite: true,
                            draggable: true,
                            speed: 1000,
                            slidesToShow: 1,
                            slidesToScroll: 1,

                            autoplay: false,

                        });
                    }else{
                        response.data.rows.forEach(function (product) {
                            let productElement = document.createElement('div');
                            productElement.className = 'uni-productList-style3 row';

                            let productHtml = `
        <div class="col-lg-3 col-sm-4 col-4 uni-productList-style3-img">
            <a href="/product/detail/${product.productUrl}.html">
                <div class="figure-box">
                     <img src="${product.image.imgUrl}" title="${product.storeName}" alt="${product.image.imgALt ? product.image.imgUrl : product.storeName}">
                </div>
            </a>
        </div>
        <div class="col-lg-9 col-sm-8 col-8 uni-productList-style3-content">
            <div class="uni-productList-style3-text">
                <a href="/product/detail/${product.productUrl}.html">
                    <h4 class="uni-productList-style3-content-title">${product.storeName}</h4>
                    <div class="uni-productList-style3-content-subtitle">"\u4EA7\u54C1\u7F16\u7801" : ${product.barCode}</div>
                    <div class="uni-productList-style3-content-desc">
                        ${product.infoList.map(info => `<p>${info}</p>`).join('')}
                    </div>
                </a></div>
                <div class="uni-productList-style3-btn">
                    <p>"\u4EA7\u54C1\u5E93\u5B58" : ${product.productStock}${product.unitName}</p>
                    <p>"\u751F\u4EA7\u5468\u671F":${product.productiveCycle}</p>
                    <a class="btn" id="consultModal" data-bs-toggle="modal"
                       data-bs-target="#uniContactModal"
                       th:text="#{productDetail.consult}"  data-product-id="${product.uuid}">点击咨询</a>
                </div>
            </div>`;

                            productElement.innerHTML = productHtml;
                            productsContainer.appendChild(productElement);
                        });

                    }

                    const pagination = document.querySelector('.pagination');
                    const totalPages = Math.ceil(response.data.total / pageSize);
                    pagination.innerHTML = '';


                    const prevPageLi = document.createElement('li');
                    prevPageLi.className = 'page-item';
                    const prevPageButton = document.createElement('a');
                    prevPageButton.className = 'page-link';
                    prevPageButton.href = '#';
                    prevPageButton.textContent = '«';
                    prevPageButton.setAttribute('aria-label', 'Previous');
                    prevPageButton.onclick = function() {
                        fetchProducts(pageNum - 1, pageSize);
                    };
                    prevPageLi.appendChild(prevPageButton);
                    pagination.appendChild(prevPageLi);


                    const numAdjacentButtons = 4;
                    const totalButtons = numAdjacentButtons * 2 + 1;


                    let startPage = Math.max(1, pageNum - numAdjacentButtons);
                    let endPage = Math.min(totalPages, pageNum + numAdjacentButtons);


                    if (endPage - startPage + 1 < totalButtons) {
                        if (startPage === 1) {
                            endPage = Math.min(totalPages, startPage + totalButtons - 1);
                        } else if (endPage === totalPages) {
                            startPage = Math.max(1, endPage - totalButtons + 1);
                        }
                    }

                    for (let i = startPage; i <= endPage; i++) {
                        const pageLi = document.createElement('li');
                        pageLi.className = 'page-item';
                        const pageButton = document.createElement('a');
                        pageButton.className = 'page-link';
                        pageButton.href = '#';
                        pageButton.textContent = i;
                        pageButton.setAttribute('index', i);
                        if (i === pageNum) {
                            pageButton.classList.add('active');
                        }
                        pageButton.onclick = function() {






                            fetchProducts(i, pageSize);
                        };
                        pageLi.appendChild(pageButton);
                        pagination.appendChild(pageLi);
                    }

                    const nextPageLi = document.createElement('li');
                    nextPageLi.className = 'page-item';
                    const nextPageButton = document.createElement('a');
                    nextPageButton.className = 'page-link';
                    nextPageButton.href = '#';
                    nextPageButton.textContent = '»';
                    nextPageButton.setAttribute('aria-label', 'Next');
                    nextPageButton.onclick = function() {






                        fetchProducts(pageNum + 1, pageSize);
                    };
                    nextPageLi.appendChild(nextPageButton);
                    pagination.appendChild(nextPageLi);





                },


                error: function(jqXHR, textStatus, errorThrown) {
                    console.error('Error fetching products:', textStatus, errorThrown);
                }
            });
        }
        if(productParam!=null){

            checkAndSetupExpandButton();
            let selectedTagsContainer = document.querySelector('.filter-pc .selectedTagsContainer');
            if(isMobile){
                selectedTagsContainer = document.querySelector('.filter-mobile .selectedTagsContainer');
            } else{
                selectedTagsContainer = document.querySelector('.filter-pc .selectedTagsContainer');
            }
            let resetButton = selectedTagsContainer.querySelector('.filter-pc .uni-reset-button');
            if(isMobile){
                resetButton = document.querySelector('.filter-mobile .uni-reset-button');
            } else {
                resetButton = selectedTagsContainer.querySelector('.filter-pc .uni-reset-button');
            }


            $('.expand-button').on('click', function() {
                if (isMobile){
                    const filterValuesDiv = this.parentElement.parentElement.nextElementSibling;
                    filterValuesDiv.classList.toggle('expanded');
                    const expandContainerDiv = this.parentElement;
                    const filterNameDiv = this.parentElement.previousElementSibling;
                    const filterTemplateDiv = filterValuesDiv.parentElement;
                    const isExpanded = filterValuesDiv.classList.contains('expanded');
                    if(isExpanded){
                        this.textContent = collapse
                        filterValuesDiv.style.maxHeight = '';
                    } else{
                        this.textContent = expand
                        filterValuesDiv.style.maxHeight = '39px';
                    }
                    filterTemplateDiv.classList.toggle("align-items-center");
                    filterNameDiv.classList.toggle("expanded");
                    expandContainerDiv.classList.toggle("expanded");
                }else{
                    const filterValuesDiv = $(this).parent().next();
                    filterValuesDiv.toggleClass('expanded');

                    const expandContainerDiv = $(this).parent();
                    const filterNameDiv = $(this).parent().prev();
                    const filterTemplateDiv = filterValuesDiv.parent();
                    const isExpanded = filterValuesDiv.hasClass('expanded');

                    if (isExpanded) {
                        $(this).text(collapse)
                        filterValuesDiv.css('max-height', '');
                    } else {
                        $(this).text(expand)
                        filterValuesDiv.css('max-height', '3.2rem');
                    }

                    filterTemplateDiv.toggleClass("align-items-center");
                    filterNameDiv.toggleClass("expanded");
                    expandContainerDiv.toggleClass("expanded");
                }

            });
            $('.expand-filter-pc').on('click', function() {
                if ($(this).text() === expand) {
                    $('.filter-pc .filter-template').each(function(index) {
                        if (index >= pcFilterLimitLines) {
                            $(this).css('display', '');
                        }
                    });
                    pcExpandedFlag = true;
                    $(this).text(collapse);
                } else if ($(this).text() === collapse) {
                    $('.filter-pc .filter-template').each(function(index) {
                        if (index >= pcFilterLimitLines) {
                            $(this).css('display', 'none');
                        }
                    });
                    pcExpandedFlag = false;
                    $(this).text(expand);
                }
                checkAndSetupExpandButton();
            });
            $('.multisel-button').on('click', function() {
                $(this).toggleClass("multisel");
                $(this).parent().parent().toggleClass("multisel");
                $(this).text($(this).hasClass('multisel') ? submit : multiple);

                if (!$(this).hasClass("multisel")) {
                    fetchProducts();

                }
            });
            $('.uni-fifter-param').on('click', function() {
                if (isMobile) {

                    $(this).toggleClass('selected');
                    $(this).toggleClass('active');


                    var index = selectedValueIds.indexOf($(this).attr("data-fvid"));
                    if (index != -1) {

                        $(this).removeClass('selected');

                        selectedValueIds.splice(index, 1);
                    } else {

                        selectedValueIds.push($(this).attr("data-fvid"));
                    }

                    const selectedFiltersDiv = $(this)[0].parentElement.firstElementChild;
                    if (selectedFiltersDiv.parentElement.parentElement.firstElementChild.classList.contains("multisel")) {
                        fetchFlag = false;
                    } else {
                        fetchFlag = true;
                    }
                    updateSelectedTagsDisplayMobile()
                } else {

                    $(this).toggleClass('selected');
                    $(this).toggleClass('active');
                    const selectedFiltersDiv = $(this)[0].parentElement.parentElement.firstElementChild;
                    const filterId = selectedFiltersDiv.getAttribute("data-fid");
                    const filterValueId = $(this).attr("data-fvid");
                    var index = selectedValueIds.indexOf($(this).attr("data-fvid"));
                    if (index != -1) {

                        $(this).removeClass('selected');
                        selectedValueIds.splice(index, 1);
                        let paramValues = filters[filterId]
                        if (paramValues){
                            if(paramValues.length > 1){
                                paramValues.splice(paramValues.indexOf(filterValueId), 1);
                            }else{
                                delete filters[filterId];
                            }
                        }
                    } else {
                        selectedValueIds.push($(this).attr("data-fvid"));

                    }
                    if ($(this).parent().parent().hasClass("multisel")) {
                        fetchFlag = false;
                    } else {
                        fetchFlag = true;
                    }
                    updateSelectedTagsDisplayPc();

                }
              /*  filters = Object.assign({}, filters, selectedFiltersIds);
                if (fetchFlag) {
                    fetchProducts();
                */
            });

            if (resetButton) {
                resetButton.addEventListener('click', function () {
                    goPage(1);
                });
            }


            var fetchFiltersPc = function () {
                $.ajax({
                    url: filterFetchUrl,
                    method: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify(filters),
                    success: function(data) {

                        if (data.code !== 200) {
                            console.error('Failed to fetch filters:', data.msg);
                            return;
                        }

                        const filters = data.data.filter;
                        const filterValues = data.data.filterValue;

                        if(Object.keys(filters).length === 0){
                            const filtersContainers = document.querySelectorAll(".filtersContainer");
                            const filterMobileBtn = document.querySelector(".filter-mobile-btn-div")
                            filterMobileBtn.style.display = "none"
                            filtersContainers.forEach(container =>{
                                container.style.display = "none"
                            })
                        }

                        const filtersContainer = document.querySelector('.filter-pc .filtersContainer');

                        const allChildren = Array.from(filtersContainer.children);


                        allChildren.forEach((child, index) => {
                            if (index !== 0) {
                                child.remove();
                            }
                        });

                        const templateRow = document.querySelector('.filter-pc .filter-template');

                        let filterCount = 0;
                        Object.values(filters).forEach((filter, index) => {
                            const clone = templateRow.cloneNode(true);
                            clone.style.display = '';
                            clone.querySelector('.filter-name').textContent = filter.name;

                            const valuesContainer = clone.querySelector('.filter-values');
                            const multiselButton = clone.querySelector('.multisel-button');
                            valuesContainer.innerHTML = "";

                            let valueCount = 0;


                            filter.OrderedvalueIds.forEach(valueId => {
                                const filterValue = filterValues[valueId];
                                if (filterValue) {
                                    valueCount++;

                                    const valueButton = document.createElement('div');
                                    valueButton.className = 'uni-fifter-param';
                                    valueButton.textContent = filterValue.name;
                                    valueButton.setAttribute("data-fvid", valueId)



                                    if( selectedValueIds != null && selectedValueIds.indexOf(valueId) != -1) {
                                        valueButton.classList.toggle("selected", true)
                                    }



                                    valueButton.addEventListener('click', function () {
                                        this.classList.toggle('selected');
                                        this.classList.toggle('active');
                                        if(valueButton.classList.contains('selected')){
                                            selectedValueIds.push(this.getAttribute("data-fvid"))
                                        }else{
                                            var index = selectedValueIds.indexOf(this.getAttribute("data-fvid"));
                                            if(index != -1){

                                                selectedValueIds.splice(index, 1);
                                            }

                                        }
                                        if(this.parentElement.parentElement.classList.contains("multisel")){
                                            fetchFlag = false;
                                        } else {
                                            fetchFlag = true;
                                        }
                                        updateSelectedTagsDisplayPc();
                                    });

                                    valuesContainer.appendChild(valueButton);
                                }
                            });
                            multiselButton.style.display = valueCount > 1 ? '' : 'none';
                            const expandButton = clone.querySelector('.expand-button');

                            multiselButton.addEventListener('click', function () {
                                this.classList.toggle("multisel");
                                this.parentElement.parentElement.classList.toggle("multisel")
                                this.textContent = this.classList.contains('multisel') ? submit : multiple
                                if(!this.classList.contains("multisel")){
                                    fetchProducts();
                                    fetchFilters();
                                };
                            });

                            expandButton.addEventListener('click', function () {
                                const filterValuesDiv = this.parentElement.nextElementSibling;
                                filterValuesDiv.classList.toggle('expanded');
                                const expandContainerDiv = this.parentElement;
                                const filterNameDiv = this.parentElement.previousElementSibling;
                                const filterTemplateDiv = filterValuesDiv.parentElement;
                                const isExpanded = filterValuesDiv.classList.contains('expanded');
                                if(isExpanded){
                                    this.textContent = collapse
                                    filterValuesDiv.style.maxHeight = '';
                                } else{
                                    this.textContent = expand
                                    filterValuesDiv.style.maxHeight = '3.2rem';
                                }
                                filterTemplateDiv.classList.toggle("align-items-center");
                                filterNameDiv.classList.toggle("expanded");
                                expandContainerDiv.classList.toggle("expanded");
                            });
                            clone.firstElementChild.setAttribute("data-fid", filter.id)

                            filtersContainer.appendChild(clone);
                            filterCount++;
                        });
                        if(filterCount > pcFilterLimitLines){
                            const expandPcFilter = document.createElement("div");
                            expandPcFilter.className = "expand-filter-pc";
                            if(!pcExpandedFlag){
                                expandPcFilter.textContent =expand
                                document.querySelectorAll(".filter-pc .filter-template").forEach((filter, index) => {
                                    if(index > pcFilterLimitLines){
                                        filter.style.display = "none";
                                    }
                                })
                            }
                            else {
                                expandPcFilter.textContent = collapse
                                document.querySelectorAll(".filter-pc .filter-template").forEach((filter, index) => {
                                    if(index > pcFilterLimitLines){
                                        filter.style.display = "";
                                    }
                                })
                            }


                            expandPcFilter.addEventListener('click', function (){
                                if(this.textContent == expand){
                                    document.querySelectorAll(".filter-pc .filter-template").forEach((filter, index) => {
                                        if(index > pcFilterLimitLines){
                                            filter.style.display = "";
                                        }
                                    })
                                    pcExpandedFlag = true;
                                    this.textContent = collapse
                                } else if(this.textContent == collapse) {
                                    document.querySelectorAll(".filter-pc .filter-template").forEach((filter, index) => {
                                        if(index > pcFilterLimitLines){
                                            filter.style.display = "none";
                                        }
                                    })
                                    pcExpandedFlag = false;
                                    this.textContent = expand
                                }
                            })
                            filtersContainer.appendChild(expandPcFilter);
                        }

                        checkAndSetupExpandButton();
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.error('Error fetching filters:', textStatus, errorThrown);
                    }
                });
            }

            var fetchFiltersMobile = function() {
                $.ajax({
                    url: filterFetchUrl,
                    method: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify(filters),
                    success: function(data) {

                        if (data.code !== 200) {
                            console.error('Failed to fetch filters:', data.msg);
                            return;
                        }



                        const filters = data.data.filter;
                        const filterValues = data.data.filterValue;


                        if(Object.keys(filters).length === 0){
                            const filtersContainers = document.querySelectorAll(".filtersContainer");
                            const filterMobileBtn = document.querySelector(".filter-mobile-btn-div")
                            filterMobileBtn.style.display = "none"
                            filtersContainers.forEach(container =>{
                                container.style.display = "none"
                            })
                        }


                        const filtersContainer = document.querySelector('.filter-mobile .filtersContainer');

                        const allChildren = Array.from(filtersContainer.children);


                        allChildren.forEach((child, index) => {
                            if (index !== 0) {
                                child.remove();
                            }
                        });

                        const templateRow = document.querySelector('.filter-mobile .filter-template');

                        Object.values(filters).forEach((filter, index) => {
                            const clone = templateRow.cloneNode(true);
                            clone.style.display = '';
                            clone.querySelector('.filter-name').textContent = filter.name;

                            const valuesContainer = clone.querySelector('.filter-values');
                            const multiselButton = clone.querySelector('.multisel-button');
                            valuesContainer.innerHTML = "";

                            let valueCount = 0;





                            filter.OrderedvalueIds.forEach(valueId => {
                                const filterValue = filterValues[valueId];

                                if (filterValue) {
                                    valueCount++;


                                    const valueButton = document.createElement('div');

                                    valueButton.className = 'uni-fifter-param';
                                    valueButton.textContent = filterValue.name;
                                    valueButton.setAttribute("data-fvid", valueId)


                                    if( selectedValueIds != null && selectedValueIds.indexOf(valueId) != -1) {
                                        valueButton.classList.toggle("selected", true)

                                    }


                                    valueButton.addEventListener('click', function () {
                                        this.classList.toggle('selected');
                                        if(valueButton.classList.contains('selected')){
                                            selectedValueIds.push(this.getAttribute("data-fvid"))
                                        }else{
                                            var index = selectedValueIds.indexOf(this.getAttribute("data-fvid"));
                                            if(index != -1){

                                                selectedValueIds.splice(index, 1);
                                            }

                                        }
                                        if(this.parentElement.parentElement.firstElementChild.classList.contains("multisel")){
                                            fetchFlag = false;
                                        } else {
                                            fetchFlag = true;
                                        }
                                        updateSelectedTagsDisplayMobile();
                                    });

                                    valuesContainer.appendChild(valueButton);
                                }
                            });
                            multiselButton.style.display = valueCount > 1 ? '' : 'none';


                            const expandButton = clone.querySelector('.expand-button');

                            multiselButton.addEventListener('click', function () {
                                this.classList.toggle("multisel");
                                this.parentElement.parentElement.classList.toggle("multisel")
                                this.textContent = this.classList.contains('multisel') ? submit : multiple
                                if(!this.classList.contains("multisel")){
                                    fetchProducts();
                                    fetchFilters();
                                };
                            });

                            expandButton.addEventListener('click', function () {
                                const filterValuesDiv = this.parentElement.parentElement.nextElementSibling;
                                filterValuesDiv.classList.toggle('expanded');
                                const expandContainerDiv = this.parentElement;
                                const filterNameDiv = this.parentElement.previousElementSibling;
                                const filterTemplateDiv = filterValuesDiv.parentElement;
                                const isExpanded = filterValuesDiv.classList.contains('expanded');
                                if(isExpanded){
                                    this.textContent = collapse
                                    filterValuesDiv.style.maxHeight = '';
                                } else{
                                    this.textContent = expand
                                    filterValuesDiv.style.maxHeight = '39px';
                                }
                                filterTemplateDiv.classList.toggle("align-items-center");
                                filterNameDiv.classList.toggle("expanded");
                                expandContainerDiv.classList.toggle("expanded");
                            });
                            clone.firstElementChild.setAttribute("data-fid", filter.id)
                            filtersContainer.appendChild(clone);

                        });
                        if(selectedValueIds){
                            flushSelectedValues();
                        }
                        checkAndSetupExpandButton();

                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.error('Error fetching filters:', textStatus, errorThrown);
                    }
                });
            }

            let fetchFilters = fetchFiltersPc;

            if(isMobile){
                fetchFilters = fetchFiltersMobile;
            }



            function switchFetchFunc(){
                const width = window.innerWidth;
                if(width < 992) {
                    fetchFilters = fetchFiltersMobile;
                    fetchFilters();
                } else{
                    fetchFilters = fetchFiltersPc;
                    fetchFilters();
                }
            }


         /*   fetchFilters();
            fetchProducts();*/

            function debounce(func, wait) {
                let timeout;
                return function() {
                    const context = this, args = arguments;
                    clearTimeout(timeout);
                    timeout = setTimeout(function() {
                        func.apply(context, args);
                    }, wait);
                };
            }




            const debouncedResize = debounce(function() {
                checkMobile();
                checkAndSetupExpandButton();

                switchFetchFunc();


            }, 250);

            window.addEventListener('resize', debouncedResize);

            function checkMobile(){
                const width = window.innerWidth;
                if(width < 992){
                    isMobile = true;
                    selectedTagsContainer = document.querySelector('.filter-mobile .selectedTagsContainer');
                    resetButton = document.querySelector('.filter-mobile .uni-reset-button');
                } else{
                    isMobile = false;
                    const sidebar = document.getElementById("sidebar1");
                    sidebar.close();
                    selectedTagsContainer = document.querySelector('.filter-pc .selectedTagsContainer');
                    resetButton = selectedTagsContainer.querySelector('.filter-pc .uni-reset-button');

                }
                if (resetButton) {
                    resetButton.addEventListener('click', function () {
                        goPage(1);
                    });
                }

            }


            function checkAndSetupExpandButton() {
                if(!isMobile){
                    allValuesContainer = document.querySelectorAll(".filter-pc .filter-values");
                } else {
                    allValuesContainer = document.querySelectorAll(".filter-mobile .filter-values");
                }

                allValuesContainer.forEach((container, index) =>{
                    if(index != 0){
                        const expandButton = container.parentElement.querySelector(".expand-button")
                        const isOverflowing = container.scrollHeight > 1.65 * container.firstElementChild.clientHeight;

                        if (!isOverflowing) {

                            expandButton.style.display = 'none';
                        } else{

                            expandButton.style.display = '';
                        }
                    }

                })

            }




            function flushSelectedValues(){
                let enableReset = false;
                document.querySelectorAll(".filter-mobile .filter-name").forEach(filterName => {
                    const selectedValuesArr = [];
                    const currentFilterSelectedValues = filterName.parentElement.parentElement.querySelectorAll(".filter-values .uni-fifter-param.selected");
                    if(currentFilterSelectedValues) {
                        currentFilterSelectedValues.forEach(value => {
                            selectedValuesArr.push(value.innerHTML)
                            enableReset = true;
                        })
                    }
                    if (!selectedValuesArr) {
                        filterName.nextElementSibling.innerHTML = "";
                    } else {
                        filterName.nextElementSibling.innerHTML = selectedValuesArr.toString();
                    }

                });
                if(enableReset){
                    resetButton.classList.toggle('disabled', false)
                } else{
                    resetButton.classList.toggle('disabled', true)
                }
            }



            function updateSelectedTagsDisplayPc() {
                selectedTagsContainer.querySelectorAll('.filter-pc .uni-selected-tag').forEach(tag => {
                    tag.remove();
                });
                let selectedFiltersText = {};
                let selectedFiltersIds = {};

                let selectedCount = 0;

                document.querySelectorAll('.filter-pc .uni-fifter-param.selected').forEach(tag => {
                    const tagName = tag.textContent.trim();
                    const selectedTag = document.createElement('div');
                    const selectedFiltersDiv = tag.parentElement.parentElement.firstElementChild;
                    const selectedFiltersName = selectedFiltersDiv.innerHTML;
                    const filterId = selectedFiltersDiv.getAttribute("data-fid");
                    const filterValueId = tag.getAttribute("data-fvid");

                    if (!selectedFiltersIds[filterId]) {
                        selectedFiltersIds[filterId] = [];
                    }
                    selectedFiltersIds[filterId].push(filterValueId);

                    if (!selectedFiltersText[selectedFiltersName]) {
                        selectedFiltersText[selectedFiltersName] = [];
                    }
                    selectedFiltersText[selectedFiltersName].push(tagName);

                    selectedTag.className = 'uni-selected-tag ';
                    selectedTag.textContent = selectedFiltersName+" : "+tagName;



















                    selectedTagsContainer.insertBefore(selectedTag, resetButton);
                    selectedCount++;
                });
                if(selectedCount === 0) {
                    selectedValueIds = [];
                }



                filters.selectedFilters=selectedFiltersIds;
                let isMulti = false;
                document.querySelectorAll(".filter-pc .multisel-button").forEach(button => {
                    if(button.classList.contains("multisel")){
                        isMulti = true
                    }
                })
                resetButton.classList.toggle('d-none', !selectedTagsContainer.querySelectorAll('.filter-pc .uni-selected-tag').length);

                if(fetchFlag){
                    fetchFilters();
                    fetchProducts();
                }
            }

            function updateSelectedTagsDisplayMobile() {
                selectedTagsContainer.querySelectorAll('.filter-mobile .uni-selected-tag').forEach(tag => {
                    tag.remove();
                });

                let selectedFiltersText = {};
                let selectedFiltersIds = {};

                let selectedCount = 0;

                document.querySelectorAll('.filter-mobile .uni-fifter-param.selected').forEach(tag => {
                    const tagName = tag.textContent.trim();
                    const selectedTag = document.createElement('div');
                    const selectedFiltersDiv = tag.parentElement.firstElementChild;
                    const selectedFiltersName = selectedFiltersDiv.innerHTML;

                    const filterValueId = tag.getAttribute("data-fvid");
                    const filterId = selectedFiltersDiv.parentElement.parentElement.firstElementChild.firstElementChild.getAttribute("data-fid");
                    if (!selectedFiltersIds[filterId]) {
                        selectedFiltersIds[filterId] = [];
                    }
                    selectedFiltersIds[filterId].push(filterValueId);

                    if (!selectedFiltersText[selectedFiltersName]) {
                        selectedFiltersText[selectedFiltersName] = [];
                    }
                    selectedFiltersText[selectedFiltersName].push(tagName);

                    selectedTag.className = 'uni-selected-tag ';
                    selectedTag.textContent = tagName;

                    const removeBtn = document.createElement('span');
                    removeBtn.className = 'uni-remove-tag';
                    removeBtn.innerHTML = '&times;';









                    selectedCount++;
                });
                if(selectedCount === 0) {
                    selectedValueIds = [];
                }



                filters.selectedFilters=selectedFiltersIds;
                let isMulti = false;
                document.querySelectorAll(".filter-mobile .multisel-button").forEach(button => {
                    if(button.classList.contains("multisel")){
                        isMulti = true
                    }
                })



                if(fetchFlag){
                    fetchFilters();
                    fetchProducts();
                }
            }


            if (resetButton) {
                resetButton.addEventListener('click', function () {
                    goPage(1);
                });
            }
        }





    });


</script>

<script>
    function save() {
        let myCookie = getCookie("l");
        let success = myCookie == "zh_CN" ? "咨询留言成功，将在第一时间回复您" : "Consultation message success, will be the first time to reply to you.";
        let error = myCookie == "zh_CN" ? "发送失败，请稍后重试" : "Failed to send, please try again later.";
        $("#addForm").disabled = true

        var data = $("#addForm").serialize()
        $.ajax({
            url: "/contact/bbs",
            async: true,//请求是否异步，默认为异步，这也是ajax重要特性
            data: data,
            type: "POST",
            success: function (req) {

                if (req.result == "success") {
                    alert(success)
                    location.reload();
                } else {
                    alert(error);
                }
            },
            error: function () {

            }
        });
        return false;
    }

    $("#uniContactModal").on("show.bs.modal", function (event) {
        var button = $(event.relatedTarget);
        var productId = button.data("product-id");

        $.ajax({
            url: "/product/" + productId,
            dataType: "json",
            async: true,
            data: {id: productId},
            type: "POST",
            success: function (req) {


                $(".modal-title").text(req.storeName);


                $("p:contains('产品编码')").text("产品编码 : " + req.barCode);


                $(".uni-modal-img").html('<img src="' + req.image + '">');


            },
            error: function () {

                console.error("Error fetching product details.");
            }
        });
    });
    function saveModel(){
        let myCookie = getCookie("l");
        let success=myCookie=="zh_CN"?"咨询留言成功，将在第一时间回复您":"Consultation message success, will be the first time to reply to you.";
        let error=myCookie=="zh_CN"?"发送失败，请稍后重试":"Failed to send, please try again later.";
        $("#addFormModel").disabled = true

        var data = $("#addFormModel").serialize()
        console.log(data)
        $.ajax({
            url:"/contact/bbs",
            async:true,//请求是否异步，默认为异步，这也是ajax重要特性
            data:data,
            type:"POST",
            success:function(req){

                if( req.result == "success"){
                    alert(success)
                    location.reload();
                }else {
                    alert(error);
                }
            },
            error:function(){

            }
        });
        return false;
    }
</script>

</html>