<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        首页-
        经纬纺织机械股份有限公司
    </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link href="./images/favicon.png" rel="icon" type="image/png" />
    <meta name="description" content=" 经纬纺织机械股份有限公司" />
    <meta name="keywords" content=" " />
    <link rel="stylesheet" href="/html/html/html/xwzx/sy/tjxw/202611/images/images/normalize.css">
    <link rel="stylesheet" href="/html/html/html/xwzx/sy/tjxw/202611/images/images/atomization.css">
    <link rel="stylesheet" href="/html/html/html/xwzx/sy/tjxw/202611/images/images/universal.css">
    <link rel="stylesheet" href="/html/html/html/xwzx/sy/tjxw/202611/images/images/swiper-bundle.min.css">
    <script src="/html/html/html/xwzx/sy/tjxw/202611/images/images/jquery-3.7.1.min.js"></script>
    <script src="/html/html/html/xwzx/sy/tjxw/202611/images/images/swiper-bundle.min.js" defer></script>
    <script src="/html/html/html/xwzx/sy/tjxw/202611/images/images/lenis.min.js" defer></script>
    <script src="/html/html/html/xwzx/sy/tjxw/202611/images/images/gsap.min.js" defer></script>
    <script src="/html/html/html/xwzx/sy/tjxw/202611/images/images/ScrollTrigger.min.js" defer></script>
    <script src="/html/html/html/xwzx/sy/tjxw/202611/images/images/universal.js" defer></script>
    <style>
      /* .gsap-section .gsap-animate, .gsap-stagger > * {
            opacity: 0;
        } */
</style>
    <style>
        /* 横幅区域样式 */
        .hero-section {
            position: relative;
            background: linear-gradient(135deg, #088BE1 0%, #0066cc 100%);
            display: flex;
            align-items: center;
            overflow: hidden;
            /* height: 100vh; */
        }

        .hero-section #banner-swiper {
            /* height: 100%; */
        }

        .feature-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .feature-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

        .feature-text {
            font-size: 1rem;
            font-weight: 500;
        }

        /* 侧边联系按钮 */
        .contact-buttons {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 10px;
            z-index: 999;
            background: #088BE1;
            border-radius: 10px 0 0 10px;
            width: 76px;
        }

        .contact-btn {
            width: 76px;
            height: 76px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            color: #fff;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
            position: relative;
        }

        .contact-btn:hover {
            transform: scale(1.1);
            background: #005CAD;
        }

        .contact-text {
            position: absolute;
            right: 100%;
            top: 50%;
            transform: translateY(-50%);
            margin-right: 10px;
            padding: 8px 12px;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 4px;
            font-size: 0.75rem;
            white-space: nowrap;
            z-index: 1000;
        }

        .contact-text::after {
            content: '';
            position: absolute;
            right: -5px;
            top: 50%;
            transform: translateY(-50%);
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
        }

        /* 轮播控制 */
        .carousel-controls {
            position: absolute;
            bottom: 7%;
            left: 13%;
            display: flex;
            gap: 10px;
            z-index: 3;
        }

        .carousel-btn {
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
        }

        .carousel-btn:hover {
            background-color: rgba(255, 255, 255, 0.5);
        }

        /* 滚动指示 */
        .scroll-indicator {
            position: absolute;
            bottom: 5%;
            right: 13%;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            z-index: 3;
        }

        .scroll-text {
            font-size: 0.875rem;
            margin-bottom: 10px;
        }

        .scroll-arrow {
            font-size: 1.5rem;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {

            0%,
            20%,
            50%,
            80%,
            100% {
                transform: translateY(0);
            }

            40% {
                transform: translateY(-20px);
            }

            60% {
                transform: translateY(-10px);
            }
        }

        /* 响应式设计 */
        /* @media screen and (max-width: 768px) {
            .navbar {
                padding: 0 20px;
            }

            .feature-icon {
                width: 48px;
                height: 48px;
                font-size: 1.125rem;
            }

            .contact-buttons {
                right: 10px;
            }

            .contact-btn {
                width: 40px;
                height: 40px;
            }
        } */

        /***************************** 我们的产品区域 *****************************/
        .products-section {
            position: relative;
            padding: 140px 0 130px;
            overflow: hidden;
            background-image: url('/html/html/html/xwzx/sy/tjxw/202611/images/images/sy-products-bg.png');
            background-size: cover;
            background-repeat: no-repeat;
        }

        .products-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /* background: radial-gradient(circle at center, rgba(0, 117, 194, 0.05) 0%, transparent 70%); */
        }

        .container {
            position: relative;
            z-index: 1;
            max-width: var(--container-max-width);
            margin: 0 auto;
        }

        .section-header {}

        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: #1D2129;
            margin-bottom: 10px;
        }

        .section-subtitle {
            font-size: 1rem;
            color: #858689;
            margin-bottom: 40px;
            letter-spacing: 2px;
        }

        .view-all-btn {
            display: inline-block;
            font-size: 1rem;
            color: #088BE1;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
            background-image: url('/html/html/html/xwzx/sy/tjxw/202611/images/images/sy-more-btn.png');
            background-size: contain;
            background-repeat: no-repeat;
            width: 167px;
            height: 38px;
            padding-right: 20px;
            text-align: center;
            line-height: 38px;
            letter-spacing: 2px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .view-all-btn:hover {
            color: #005CAD;
        }

        .product-content {
            display: flex;
            gap: 40px;
            margin-bottom: 60px;
            align-items: center;
            justify-content: center;
        }

        .product-info {
            padding: 20px 0;
            flex: 0 0 300px;
        }

        .product-name {
            font-size: 2rem;
            font-weight: 600;
            color: #0075C1;
            margin-bottom: 20px;
            word-break: keep-all;
        }

        .product-specs {
            list-style: none;
            margin-bottom: 40px;
        }

        .product-specs li {
            font-size: 1.125rem;
            color: #1A1A1A;
            margin-bottom: 10px;
        }

        .learn-more-btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #088BE1;
            color: #fff;
            font-size: 0.875rem;
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.3s ease-in-out;
        }

        .learn-more-btn:hover {
            background-color: #005CAD;
            transform: translateY(-2px);
        }

        .product-image {
            flex: 1;
            position: relative;
            padding: 20px;
            border-radius: 8px;
            /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); */
        }

        .product-image img {
            width: 100%;
            height: auto;
            max-height: 330px;
            border-radius: 4px;
        }

        .product-categories {
            flex: 0 0 300px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        .category-title {
            font-size: 1.125rem;
            font-weight: 600;
            color: #1D2129;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px dashed #E0E0E0;
        }

        .category-list {
            list-style: none;
        }

        .category-list li {
            margin-bottom: 10px;
        }

        .category-list a {
            font-size: 1rem;
            color: #767676;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .category-list a:hover {
            color: #088BE1;
        }

        .category-list a:hover::after {
            background-image: url(/html/html/html/xwzx/sy/tjxw/202611/images/images/right-arrow-1-hover.png);
        }

        .category-list a::after {
            content: '';
            background-image: url(/html/html/html/xwzx/sy/tjxw/202611/images/images/right-arrow-1.png);
            width: 12px;
            height: 12px;
        }

        .tab-item {
            font-size: 1rem;
            color: #858689;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
            position: relative;
            padding-bottom: 10px;
        }

        .tab-item:hover {
            color: #088BE1;
        }

        .tab-item.active {
            color: #088BE1;
            font-weight: 500;
        }

        .tab-item.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #088BE1;
        }

        /* Swiper 样式 */
        .products-swiper-container {
            position: relative;
            margin-top: 60px;
            overflow: hidden;
        }

        .products-swiper-container .swiper-slide {
            transition: opacity 0.5s ease-in-out;
        }

        .products-swiper-container .swiper-button-prev,
        .products-swiper-container .swiper-button-next {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.8);
            color: #088BE1;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .products-swiper-container .swiper-button-prev:hover,
        .products-swiper-container .swiper-button-next:hover {
            background-color: #fff;
        }

        .products-swiper-container .swiper-button-prev::after,
        .products-swiper-container .swiper-button-next::after {
            font-size: 1.125rem;
            font-weight: bold;
        }

        .products-swiper-pagination {
            position: relative;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: baseline;
            gap: 40px;
            padding-top: 40px;
        }

        .products-swiper-pagination .swiper-pagination-bullet {
            display: inline-block;
            width: auto;
            height: auto;
            padding: 8px 0;
            border-radius: 0;
            background: transparent;
            color: #858689;
            font-size: 1.125rem;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
            position: relative;
            opacity: 1;
        }

        .products-swiper-pagination .swiper-pagination-bullet:hover {
            color: #088BE1;
        }

        .products-swiper-pagination .swiper-pagination-bullet-active {
            color: #088BE1;
            font-weight: 700;
            font-size: 1.5rem;

        }

        .products-swiper-pagination .swiper-pagination-bullet-active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #088BE1;
        }

        /* 分页器轮播图样式 */
        .product-tabs {
            padding-top: 40px;
            margin-top: 60px;
            position: relative;
            z-index: 10;
            width: 65%;
            margin: 0 auto;
        }

        .pagination-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
            height: 50px;
        }

        .pagination-item {
            display: inline-block;
            padding: 8px 0;
            color: #1A1A1A;
            font-size: 1.125rem;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
            position: relative;
        }

        .pagination-item:hover {
            color: #088BE1;
        }

        .pagination-item.active {
            color: #088BE1;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .pagination-item.active::after {
            content: '';
            position: absolute;
            top: -14px;
            left: 50%;
            right: 0;
            height: 17px;
            width: 2px;
            background-color: #088BE1;
        }

        .video-section {
            padding: 120px 0;
            position: relative;
        }

        .video-section .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .vodeo-card {
            background-color: #FFFFFF;
        }

        .video-cover-container .video {
            width: 100%;
            height: 250px;
            object-fit: cover;
        }

        .video-cover-container {
            position: relative;
        }

        .video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background-color: rgba(0, 0, 0, 0.6);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
        }

        .video-play-btn:hover {
            background-color: rgba(8, 139, 225, 0.9);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .video-play-btn svg {
            width: 24px;
            height: 24px;
            color: white;
            fill: white;
        }

        .video-cover-container:hover .video-play-btn {
            opacity: 1;
        }

        .video-section .view-all-btn {
            top: 20px;
        }

        .video-info {
            background-color: #FFFFFF;
            width: 100%;
            padding: 20px 26px;
            text-align: center;
        }

        .video-info .video-title {
            font-size: 1.25rem;
            font-weight: 500;
            color: #1A1A1A;
        }

        .video-btn {
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0075C1;
            border: 1px solid #0075C1;
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
        }

        .video-btn-next {
            position: absolute;
            top: 55%;
            right: -60px;
            z-index: 10;
        }

        .video-btn-prev {
            position: absolute;
            top: 55%;
            left: -60px;
            z-index: 10;
        }

        .video-btn:hover {
            background-color: #0075C1;
            border: none;
            color: #FFFFFF;
        }

        /* 新闻 */
        .news-section {
            padding: 40px 0;
            position: relative;
            overflow: hidden;
        }

        .news-section::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 50%;
            transform: translate(80%, -50%);
            background: rgba(61, 166, 234, 0.2);
            filter: blur(133px);
            border-radius: 50%;
        }

        .news-section::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50%;
            height: 50%;
            transform: translate(-80%, 50%);
            background: rgba(61, 166, 234, 0.2);
            filter: blur(133px);
            border-radius: 50%;
        }

        .news-content {
            width: 100%;
            display: flex;
            gap: 30px;
        }

        .news-content .left {
            flex: 0 0 40%;
            min-height: 0;
        }

        .news-content .divider {
            flex: 0 0 2px;
            /* 虚线 */
            border-left: 2px dashed #C9CDD4;
        }

        .news-content .swiper-container,
        .news-content .swiper-wrapper {
            height: 100%;
        }

        .news-content .swiper-slide img {
            width: 100%;
            height: 400px;
            border-radius: 2px;
            object-fit: cover;
        }

        .news-content .banner_desc {
            width: 100%;
            padding: 30px 0;
            color: #6D6D6D;
        }

        .news-content a:hover .banner_desc,
        .news-content a:hover .banner_news_title {
            color: #0075C1;
        }

        .news-content .left .list_time {
            font-size: 0.875rem;
            color: #0075C4;
            line-height: 20px;
            align-items: center;
            display: flex;
            text-align: right;
            margin-top: 18px;
        }

        .news-content .banner_news_title {
            font-weight: 500;
            font-size: 1.25rem;
            line-height: 1.5;
            color: #333333;
        }

        .news-content .banner_news_desc {
            margin-top: 18px;
            font-size: 1rem;
            line-height: 30px;
        }

        .news-content .list_news_item {
            display: block;
            border-bottom: 1px dashed #C9CDD4;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #1D2129;
            transition: all 0.3s linear;
            padding-bottom: 15px;
        }

        .news-content .list_news_item:last-child {
            border-bottom: none;
        }

        .news-content .list_news_item:hover {
            color: #0066CC;
        }

        .news-content .list_news_item:hover .new_content {
            color: #0066CC;
        }

        .news-content .list_news_content {
            display: flex;
            align-items: center;
            flex: auto;
            gap: 17px;
        }

        .news-content .list_news_item img {
            max-width: 30%;
            height: 120px;
            object-fit: cover;
        }

        .news-content .list_news_item .content_right {
            flex: 1;
        }

        .news-content .list_news_item .news_title {
            font-weight: 500;
            font-size: 1.25rem;
            line-height: 30px;
            height: 60px;
        }

        .news-content .list_news_item .new_content {
            font-size: 1rem;
            color: #6D6D6D;
            line-height: 20px;
            transition: all 0.3s linear;
            margin-top: 14px;
        }

        .news-content .list_news_item .list_time {
            font-size: 0.875rem;
            color: #0075C4;
            line-height: 20px;
            align-items: center;
            display: flex;
            min-width: 120px;
            margin-top: 14px;
        }

        .news-content .list_news_item .list_time>img {
            width: 13px;
            height: 13px;
            margin-top: 2px;
            margin-right: 3px;
            object-fit: cover;
        }

        /* 友情链接 */
        .friend-links {
            padding: 60px 0 100px;
            background-color: #E9F3FC;
        }

        .friend-links-wrapper {
            overflow: hidden;
            position: relative;
            margin-top: 60px;
        }

        .friend-links-track {
            animation: scroll 30s linear infinite;
            display: flex;
            white-space: nowrap;
            padding: 16px 0;
        }

        .friend-links-track-second {
            animation: scroll-reverse 30s linear infinite;
        }

        .friend-links-track:hover {
            animation-play-state: paused;
        }

        .friend-links-content {
            display: flex;
            align-items: center;
            gap: 24px;
            margin-top: 0;
        }

        @keyframes scroll-reverse {
            0% {
                transform: translateX(-50%);
            }

            100% {
                transform: translateX(0);
            }
        }

        .friend-links-item {
            background: #fff;
            border: 1px solid #D1D1D1;
            border-radius: 4px;
            padding: 16px;
            transition: all 0.3s ease-in-out;
            min-width: 354px;
            flex: 0 0 auto;
        }

        .friend-links-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .friend-links-item img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: scale-down;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        /* 响应式设计 */
        /* @media screen and (max-width: 1200px) {
            .product-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .view-all-btn {
                position: static;
                margin-top: 20px;
            }

            .carousel-controls {
                padding: 0 10px;
            }
        }

        @media screen and (max-width: 768px) {
            .products-section {
                padding: 60px 0;
            }

            .container {
                padding: 0 20px;
            }

            .section-header {
                margin-bottom: 40px;
            }

            .carousel-pagination {
                gap: 20px;
                flex-wrap: wrap;
            }

            .tab-item {
                font-size: 0.875rem;
            }

            .carousel-btn {
                width: 32px;
                height: 32px;
                font-size: 0.875rem;
            }

            .friend-links {
                padding: 40px 0;
            }

            .friend-links-wrapper {
                margin: 0 -12px;
            }

            .friend-links-item {
                min-width: 150px;
                padding: 12px;
            }

            .friend-links-content {
                gap: 16px;
            }
        } */
    </style>
</head>

<body>
    <!-- 导航栏 -->
    <!-- 导航栏 -->
<nav class="navbar nav-anim">
    <div class="navbar-container">
        <div class="logo">
            <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/logo.png" alt="经纬纺织机械股份有限公司" />
        </div>
        <div class="nav-links">
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./sy/" ID="25886"
                    class="nav-link">
                    首页
                </a>
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./gyjw/" ID="25887"
                    class="nav-link">
                    关于经纬
                </a>
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./cpfw/" ID="25888"
                    class="nav-link">
                    产品服务
                </a>
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./szfw/" ID="25889"
                    class="nav-link">
                    数字服务
                </a>
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./fwwd/" ID="25890"
                    class="nav-link">
                    服务网点
                </a>
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./xwzx/" ID="25891"
                    class="nav-link">
                    新闻资讯
                </a>
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./ddjs/" ID="25892"
                    class="nav-link">
                    党的建设
                </a>
            
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./lxwm/" ID="25893"
                    class="nav-link">
                    联系我们
                </a>
            
        </div>
        <div class="nav-divider"></div>
        <div class="nav-link-language">
            <a href="http://www.jingweitexmach.com/" class="nav-link">English</a>
        </div>
    </div>
</nav>
<script>
    var channelTopId = ""
    $("#" + channelTopId).addClass("active");
</script>
    <!-- 横幅区域 -->
    <section class="hero-section">
        <div id="banner-swiper" class="swiper swiper-container">
            <div class="swiper-wrapper">
                
                    <div class="swiper-slide">
                        
                            <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/sylb/202603/W020260902400701582662.jpg" class='img-cover'/>
                        
                        
                    </div>
                
                    <div class="swiper-slide">
                        
                            <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/sylb/202603/W020260902401475433103.jpg" class='img-cover'/>
                        
                        
                    </div>
                
                    <div class="swiper-slide">
                        
                        
                            <a href="http://fjz.ttfj.com/">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/sylb/202603/W020260902401740939041.jpg" class='img-cover'/>
                            </a>
                        
                    </div>
                
            </div>
        </div>
        <!-- 轮播控制 -->
        <div class="carousel-controls">
            <div class="carousel-btn carousel-btn-prev">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 30"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round">
                    <polyline points="15 18 9 12 15 6"></polyline>
                </svg>
            </div>
            <div class="carousel-btn carousel-btn-next">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <polyline points="9 18 15 12 9 6"></polyline>
                </svg>
            </div>
        </div>
        <!-- 滚动指示 -->
        <div class="scroll-indicator">
            <div class="scroll-arrow">
                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/down-arrow.png" alt="" />
            </div>
            <span class="scroll-text">向下滑动</span>
        </div>
    </section>
    <section class="products-section gsap-section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title gsap-animate from-clip">我们的产品</h2>
                <p class="section-subtitle gsap-animate gsap-delay-1">智能制造，推动纺织产业高质量发展</p>
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/"
                    class="view-all-btn gsap-animate from-right">查看全部产品</a>
            </div>

            <div class="products-swiper-container gsap-animate from-scale gsap-delay-1">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            <div class="product-content">
                                
                                    <div class="product-info">
                                        <h3 class="product-name">
                                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/202608/t20260805_649372.html">JWF1013型往复抓棉机</a>
                                        </h3>
                                        <ul class="product-specs">
                                            <div class="trs_editor_view TRS_UEDITOR trs_paper_default"><ul class=" list-paddingleft-2"><li style="list-style-position: inside;">☆ 轻松并排放置4排棉包，有效利用场地；</li><li style="list-style-position: inside;">☆ 双电机打手单独传动，联组V带的使用提高稳定性与可靠性；</li><li style="list-style-position: inside;">☆ 打手刀片齿数10齿/片，实现精细抓取的工艺要求；</li></ul></div>
                                        </ul>
                                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/"
                                            class="learn-more-btn">了解更多
                                            →</a>
                                    </div>
                                    <div class="product-image">
                                        <img src="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/202608/W020261102392416880098.png" alt="JWF1013型往复抓棉机" />
                                    </div>
                                

                                <div class="product-categories">
                                    <h4 class="category-title">
                                        棉中国·云顶7610线路检测(股份)有限公司-Official website械
                                    </h4>
                                    <ul class="category-list">
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/qhj/">清花机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/yqj/">异纤机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/smj/">梳棉机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/btj/">并条机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/jsj/">精梳机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/csj/">粗纱机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/xsj/">细纱机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/ltj/">络筒机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/dbj/">打包机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/qlj/">气流纺</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/znwl/">智能物流输送系统</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/znxx/">智能信息管理系统</a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    
                        <div class="swiper-slide">
                            <div class="product-content">
                                
                                    <div class="product-info">
                                        <h3 class="product-name">
                                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/zzjx/202608/t20260805_649373.html">E2528型经编机</a>
                                        </h3>
                                        <ul class="product-specs">
                                            <div class="trs_editor_view TRS_UEDITOR trs_paper_default"><ul class=" list-paddingleft-2"><li style="list-style-position: inside;">☆?针床采用碳纤维复合材料，使机器适应环境温度范围更广，更节能、确保设备高速稳定编织。</li></ul></div>
                                        </ul>
                                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/zzjx/"
                                            class="learn-more-btn">了解更多
                                            →</a>
                                    </div>
                                    <div class="product-image">
                                        <img src="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/zzjx/202608/W020261102393383993069.png" alt="E2528型经编机" />
                                    </div>
                                

                                <div class="product-categories">
                                    <h4 class="category-title">
                                        织造机械
                                    </h4>
                                    <ul class="category-list">
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/zzjx/tlkxl/">特里科系列</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/zzjx/lsexl/">拉舍尔系列</a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    
                        <div class="swiper-slide">
                            <div class="product-content">
                                
                                    <div class="product-info">
                                        <h3 class="product-name">
                                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/202608/t20260805_649374.html">CGKV550A</a>
                                        </h3>
                                        <ul class="product-specs">
                                            <div class="trs_editor_view TRS_UEDITOR trs_paper_default"><ul class=" list-paddingleft-2"><li style="list-style-position: inside;">☆ 高效集成工艺?：将并纱、初捻、复捻多道工序整合为一体，省去中转工序，生产效率大提升。</li><li style="list-style-position: inside;">☆ 精准稳定控制?：采用PLC与变频器通讯控制，搭配西门子触摸屏可直接设定所有工艺参数，支持无级调速，能灵活适配奶瓶、双锥等多种成型方式。</li></ul></div>
                                        </ul>
                                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/"
                                            class="learn-more-btn">了解更多
                                            →</a>
                                    </div>
                                    <div class="product-image">
                                        <img src="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/202608/W020261102393567606330.png" alt="CGKV550A" />
                                    </div>
                                

                                <div class="product-categories">
                                    <h4 class="category-title">
                                        捻线机械
                                    </h4>
                                    <ul class="category-list">
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/blqwnxj/">玻璃纤维捻线机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/lzxnnj/">帘子线直捻机（含地毯）</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/gysbnj/">工业丝倍捻机</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/fjn/">非加捻</a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    
                        <div class="swiper-slide">
                            <div class="product-content">
                                
                                    <div class="product-info">
                                        <h3 class="product-name">
                                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/hqjx/202608/t20260805_649375.html">JWF2610</a>
                                        </h3>
                                        <ul class="product-specs">
                                            <div class="trs_editor_view TRS_UEDITOR trs_paper_default"><ul class=" list-paddingleft-2"><li style="list-style-position: inside;">☆ 绽数范围288锭~480锭，每24锭递增。</li><li style="list-style-position: inside;">☆ 独特的程序控制，在超细旦丝的品质、卷绕成型、退绕，满筒率等方面有很大优势。</li></ul></div>
                                        </ul>
                                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/hqjx/"
                                            class="learn-more-btn">了解更多
                                            →</a>
                                    </div>
                                    <div class="product-image">
                                        <img src="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/hqjx/202608/W020260805674784722694.png" alt="JWF2610" />
                                    </div>
                                

                                <div class="product-categories">
                                    <h4 class="category-title">
                                        化纤机械
                                    </h4>
                                    <ul class="category-list">
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/hqjx/jnbxj/">加捻变形机</a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    
                        <div class="swiper-slide">
                            <div class="product-content">
                                
                                    <div class="product-info">
                                        <h3 class="product-name">
                                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/202608/t20260805_649376.html">YJ200A-125</a>
                                        </h3>
                                        <ul class="product-specs">
                                            <div class="trs_editor_view TRS_UEDITOR trs_paper_default"><ul class=" list-paddingleft-2"><li style="list-style-position: inside;">☆ 首次实现弹簧摇架的整体半释压功能，前、中、后三区同步释压，留头率高，劳动强度低，提高相关专件使用寿命。</li><li style="list-style-position: inside;">☆ 降低工人劳动强度，提高生头效率，适应现代纺织高效生产需求。</li></ul></div>
                                        </ul>
                                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/"
                                            class="learn-more-btn">了解更多
                                            →</a>
                                    </div>
                                    <div class="product-image">
                                        <img src="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/202608/W020261102394132371807.png" alt="YJ200A-125" />
                                    </div>
                                

                                <div class="product-categories">
                                    <h4 class="category-title">
                                        中国·云顶7610线路检测(股份)有限公司-Official website专件
                                    </h4>
                                    <ul class="category-list">
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/dz/">锭子</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/ll/">罗拉</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/glpgzc/">纲领皮辊轴承</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/yj/">摇架</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/jnj/">假捻器</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/hsnxdz/">花式捻线锭子</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/fdzc/">纺锭轴承、张力盘</a>
                                            </li>
                                        
                                            <li>
                                                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/bfdz/">包覆锭子、纱管、精密络筒机锭子</a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>

            <div class="product-tabs gsap-animate gsap-delay-2">
                <div class="pagination-container">
                    
                        <span class="pagination-item">
                            棉中国·云顶7610线路检测(股份)有限公司-Official website械
                        </span>
                    
                        <span class="pagination-item">
                            织造机械
                        </span>
                    
                        <span class="pagination-item">
                            捻线机械
                        </span>
                    
                        <span class="pagination-item">
                            化纤机械
                        </span>
                    
                        <span class="pagination-item">
                            中国·云顶7610线路检测(股份)有限公司-Official website专件
                        </span>
                    
                </div>
            </div>
        </div>
    </section>
    <!-- 宣传视频区域 -->
    <section class='video-section gsap-section'>
        <div class="container">
            <div class="section-header">
                <h2 class="section-title gsap-animate from-clip">宣传视频</h2>
                <p class="section-subtitle gsap-animate gsap-delay-1">关于我们的宣传视频</p>
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/gyjw/spzx/"
                    class="view-all-btn gsap-animate from-right">查看全部视频</a>
            </div>
            <div class="video-container gsap-stagger">
                <div class="video-swiper-container">
                    <div class="swiper-wrapper">
                        
                            <div class="swiper-slide">
                                <div class="vodeo-card">
                                    <!-- 视频封面 -->
                                    <div class="video-cover-container">
                                        <video class="video"
                                            src="./gyjw/spzx/202603/P020260330547639092448.mp4"
                                            poster="./gyjw/spzx/202603/W020260403556311756884.png"
                                            alt="视频封面" controls muted loop>
                                            您的浏览器不支持HTML5视频播放，请升级浏览器！
                                        </video>
                                        <div class="video-play-btn">
                                            <svg class="play-icon" width="24" height="24" viewBox="0 0 24 24"
                                                fill="currentColor">
                                                <polygon points="5 3 19 12 5 21 5 3"></polygon>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="video-info">
                                        <div class="video-title">
                                            经纬中国·云顶7610线路检测(股份)有限公司-Official website产品片
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div class="vodeo-card">
                                    <!-- 视频封面 -->
                                    <div class="video-cover-container">
                                        <video class="video"
                                            src="./gyjw/spzx/202603/P020260330546418186295.mp4"
                                            poster="./gyjw/spzx/202603/W020260403563339895995.png"
                                            alt="视频封面" controls muted loop>
                                            您的浏览器不支持HTML5视频播放，请升级浏览器！
                                        </video>
                                        <div class="video-play-btn">
                                            <svg class="play-icon" width="24" height="24" viewBox="0 0 24 24"
                                                fill="currentColor">
                                                <polygon points="5 3 19 12 5 21 5 3"></polygon>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="video-info">
                                        <div class="video-title">
                                            经纬中国·云顶7610线路检测(股份)有限公司-Official website2024宣传片
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div class="vodeo-card">
                                    <!-- 视频封面 -->
                                    <div class="video-cover-container">
                                        <video class="video"
                                            src="./gyjw/spzx/202603/P020260330544646874136.mp4"
                                            poster="./gyjw/spzx/202603/W020260403567632941513.png"
                                            alt="视频封面" controls muted loop>
                                            您的浏览器不支持HTML5视频播放，请升级浏览器！
                                        </video>
                                        <div class="video-play-btn">
                                            <svg class="play-icon" width="24" height="24" viewBox="0 0 24 24"
                                                fill="currentColor">
                                                <polygon points="5 3 19 12 5 21 5 3"></polygon>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="video-info">
                                        <div class="video-title">
                                            经纬中国·云顶7610线路检测(股份)有限公司-Official website2021宣传片
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                    </div>
                </div>
            </div>
            <div class="video-btn video-btn-prev">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 30"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round">
                    <polyline points="15 18 9 12 15 6"></polyline>
                </svg>
            </div>
            <div class="video-btn video-btn-next">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <polyline points="9 18 15 12 9 6"></polyline>
                </svg>
            </div>
        </div>
    </section>
    <!-- 新闻区域 -->
    <section class="news-section gsap-section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title gsap-animate from-clip">新闻中心</h2>
                <p class="section-subtitle gsap-animate gsap-delay-1">了解经纬中国·云顶7610线路检测(股份)有限公司-Official website最新动态与行业资讯</p>
                <a href="/html/html/html/xwzx/sy/tjxw/202611/images/xwzx/"
                    class="view-all-btn gsap-animate from-right">查看全部新闻</a>
            </div>
            <div class="news-content xd-flex-c">
                <div class="left gsap-animate from-left">
                    <div id="new-swiper" class="swiper swiper-container">
                        <div class="swiper-wrapper">
                            
                                <div class="swiper-slide">
                                    <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./sy/tjxw/202611/t20261106_659800.html" target="_blank">
                                        <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/tjxw/202611/W020261106415698166282.jpg" class='img-cover'/>
                                        <div class="banner_desc">
                                            <div class="banner_news_title">
                                                赓续清梳匠脉 深耕质造初心 | 青岛宏大清梳设备厂第三届 “我们就是梳棉机” 师带徒拜师仪式顺利举办
                                            </div>
                                            <div class="banner_news_desc ellipsis-2">
                                                薪火接续传匠艺，匠心筑质育新人。为传承清梳联装配积淀的宝贵经验，加强装配岗位人才梯队建设，发挥装...
                                            </div>
                                            <div class="list_time">
                                                <span>
                                                    2026-11-05
                                                </span>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            

                        </div>
                    </div>
                </div>
                <div class="divider"></div>
                <div class="right flex-c-gap-20 gsap-animate from-right">
                    
                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./sy/tjxw/202611/t20261106_659799.html" target="_blank" class="list_news_item">
                            <div class="list_news_content">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/tjxw/202611/W020261106415693474786.jpg" class='img-cover'/>
                                <div class="content_right">
                                    <div class="news_title ellipsis-2" title='【双“流”共进，数智赋能】深耕丝路南疆 经纬智能巡回服务践初心'>
                                        <span>
                                            【双“流”共进，数智赋能】深耕丝路南疆 经纬智能巡回服务践初心
                                        </span>
                                    </div>
                                    <div class="new_content ellipsis">
                                        经纬智能2025年以来，经纬智能纺织机械有限公司（以下简称“经纬智能”）践行“三优一促”（优产品、优...
                                    </div>
                                    <div class="list_time">
                                        <span>
                                            2026-11-04
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    
                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./sy/tjxw/202611/t20261106_659798.html" target="_blank" class="list_news_item">
                            <div class="list_news_content">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/tjxw/202611/W020261106415688823941.jpg" class='img-cover'/>
                                <div class="content_right">
                                    <div class="news_title ellipsis-2" title='青岛宏大2026年三季度自主改善工作圆满完成'>
                                        <span>
                                            青岛宏大2026年三季度自主改善工作圆满完成
                                        </span>
                                    </div>
                                    <div class="new_content ellipsis">
                                        青岛宏大纺织机械有限责任公司（以下简称“青岛宏大”）全员自主改善活动在常态化推进中不断向纵深拓展...
                                    </div>
                                    <div class="list_time">
                                        <span>
                                            2026-11-02
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    
                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./sy/tjxw/202611/t20261106_659797.html" target="_blank" class="list_news_item">
                            <div class="list_news_content">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/tjxw/202611/W020261106415684358910.jpg" class='img-cover'/>
                                <div class="content_right">
                                    <div class="news_title ellipsis-2" title='铸魂砺本领 赋能新发展 | 经纬中国·云顶7610线路检测(股份)有限公司-Official website2026年党务和组织人事工作培训班圆满结束'>
                                        <span>
                                            铸魂砺本领 赋能新发展 | 经纬中国·云顶7610线路检测(股份)有限公司-Official website2026年党务和组织人事工作培训班圆满结束
                                        </span>
                                    </div>
                                    <div class="new_content ellipsis">
                                        为深入学习贯彻习近平总书记关于党的建设的重要思想，落实上级集团党委工作部署，全面提升党务、组织人...
                                    </div>
                                    <div class="list_time">
                                        <span>
                                            2026-10-30
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    
                        <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ ./sy/tjxw/202611/t20261106_659796.html" target="_blank" class="list_news_item">
                            <div class="list_news_content">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/tjxw/202611/W020261106415679734248.jpg" class='img-cover'/>
                                <div class="content_right">
                                    <div class="news_title ellipsis-2" title='青岛宏大亮相 IGATEX 2026，以硬核装备助力巴基斯坦棉纺升级'>
                                        <span>
                                            青岛宏大亮相 IGATEX 2026，以硬核装备助力巴基斯坦棉纺升级
                                        </span>
                                    </div>
                                    <div class="new_content ellipsis">
                                        10月15日—18日，南亚标杆纺织机械盛会“IGATEX 2026巴基斯坦国际纺织机械展”在拉合尔博览中心正式举办...
                                    </div>
                                    <div class="list_time">
                                        <span>
                                            2026-10-22
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    
                </div>
            </div>
        </div>
    </section>
    <!-- 友情链接 -->
    <section class="friend-links gsap-section">
        <div class="container">
            <h3 class="section-title gsap-animate from-clip">友情链接</h3>
        </div>
        <div class="friend-links-wrapper gsap-animate gsap-delay-1">
            <div class="friend-links-track">
                <div class="friend-links-content">
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/www.sinomach.com.cn/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312603402217045.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.chtgc.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312603607201327.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/xjs.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312602742542622.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.ycjwfj.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312604823290907.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/tjhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312604508581530.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/cdfj.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312604181987870.png"/>
                            </a>
                        </div>
                    
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/www.sinomach.com.cn/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312603402217045.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.chtgc.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312603607201327.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/xjs.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312602742542622.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.ycjwfj.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312604823290907.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/tjhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312604508581530.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/cdfj.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312604181987870.png"/>
                            </a>
                        </div>
                    
                </div>
            </div>
            <div class="friend-links-track friend-links-track-second">
                <div class="friend-links-content">
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/qdhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312603872583422.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.xfz.com.cn/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020261104615946196360.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.jwznfj.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312602482224125.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/zzhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312602212384141.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/syhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202611/W020261104618680389091.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/cdyaojia.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202611/W020261104620131120258.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href=" " target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202611/W020261105376060868095.png"/>
                            </a>
                        </div>
                    
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/qdhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312603872583422.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.xfz.com.cn/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020261104615946196360.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ http:/www.jwznfj.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312602482224125.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/zzhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202603/W020260312602212384141.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/syhd.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202611/W020261104618680389091.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ https:/cdyaojia.jwgf.com/" target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202611/W020261104620131120258.png"/>
                            </a>
                        </div>
                    
                        <div class="friend-links-item">
                            <a href=" " target="_blank">
                                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/sy/yqlj/202611/W020261105376060868095.png"/>
                            </a>
                        </div>
                    
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
    <div class="footer-container">
        <div class="footer-info">
            <div class="footer-logo">
                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/logo.png" alt="经纬纺织机械股份有限公司" />
            </div>
            <div class="contact-item">
                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/foot-phone.png" alt="电话" class="contact-icon" />
                <span>电话: 010-84534080</span>
            </div>
            <div class="contact-item">
                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/foot-map.png" alt="地址" class="contact-icon" />
                <span>地址: 北京市经济技术开发区永昌中路8号</span>
            </div>
            <div class="contact-item">
                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/foot-email.png" alt="邮箱" class="contact-icon" />
                <span>邮箱: jingwei@jwgf.com</span>
            </div>
        </div>
        <div class="footer-nav">
            <div class="footer-nav-top">
                
                    <div class="footer-nav-column">
                        <h4 class="footer-nav-title">
                            关于经纬
                        </h4>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/gyjw/jwjj/" class='footer-nav-link'>经纬简介</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/gyjw/kysl/" class='footer-nav-link'>科研实力</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/gyjw/zzry/" class='footer-nav-link'>公司荣誉</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/gyjw/qywh/" class='footer-nav-link'>企业文化</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/gyjw/spzx/" class='footer-nav-link'>视频中心</a>
                        
                    </div>
                
                    <div class="footer-nav-column">
                        <h4 class="footer-nav-title">
                            产品服务
                        </h4>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/mfjx/" class='footer-nav-link'>棉中国·云顶7610线路检测(股份)有限公司-Official website械</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/zzjx/" class='footer-nav-link'>织造机械</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/nxjx/" class='footer-nav-link'>捻线机械</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/hqjx/" class='footer-nav-link'>化纤机械</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/cpfw/fjzj/" class='footer-nav-link'>中国·云顶7610线路检测(股份)有限公司-Official website专件</a>
                        
                    </div>
                
                    <div class="footer-nav-column">
                        <h4 class="footer-nav-title">
                            数字服务
                        </h4>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/szfw/jjfa/" class='footer-nav-link'>全流程智能纺纱解决方案</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/szfw/fwal/" class='footer-nav-link'>服务案例</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/szfw/hzhb/" class='footer-nav-link'>合作伙伴</a>
                        
                    </div>
                
                    <div class="footer-nav-column">
                        <h4 class="footer-nav-title">
                            服务网点
                        </h4>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/fwwd/xsgsfb/" class='footer-nav-link'>销售公司分布</a>
                        
                    </div>
                
                    <div class="footer-nav-column">
                        <h4 class="footer-nav-title">
                            新闻资讯
                        </h4>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/xwzx/jwxw/" class='footer-nav-link'>经纬新闻</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/xwzx/jwps/" class='footer-nav-link'>经纬“品”说</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/xwzx/hyxw/" class='footer-nav-link'>行业新闻</a>
                        
                    </div>
                
                    <div class="footer-nav-column">
                        <h4 class="footer-nav-title">
                            党的建设
                        </h4>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ddjs/djdt/" class='footer-nav-link'>党建动态</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ddjs/qtgz/" class='footer-nav-link'>群团工作</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/ddjs/fwcl/" class='footer-nav-link'>反腐倡廉</a>
                        
                    </div>
                
                    <div class="footer-nav-column">
                        <h4 class="footer-nav-title">
                            联系我们
                        </h4>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/lxwm/lxdz/" class='footer-nav-link'>联系地址</a>
                        
                            <a href="/html/html/html/xwzx/sy/tjxw/202611/images/lxwm/rczp/" class='footer-nav-link'>人才招聘</a>
                        
                    </div>
                
            </div>
            <div class="footer-contact">
                <div class="footer-contact-item">
                    <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/foot-wechat.png" alt="wechat" class="wechat-icon" />
                    <p>微信公众号</p>
                </div>
            </div>
        </div>

    </div>
    <div class="footer-bottom">
        <p>京公网安备11010502035497号 京ICP备17051918号-1</p>
    </div>
</footer>

    <!-- 侧边联系按钮 -->
    <div class="contact-buttons">
        <div class="contact-btn">
            <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/sy-r-icon1.png" alt="联系我们" class="contact-icon" />
            <div class="contact-text" style="display:none;">8610-84534078</div>
        </div>
        <div class="contact-btn">
            <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/sy-r-icon2.png" alt="联系我们" class="contact-icon" />
            <div class="contact-text" style="display:none;">
                <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/foot-wechat.png" alt="联系我们" class="contact-icon" />
            </div>
        </div>
        <!-- <div class="contact-btn">
            <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/sy-r-icon3.png" alt="联系我们" class="contact-icon" />
            <div class="contact-text" style="display:none;"></div>
        </div>
        <div class="contact-btn">
            <img src="/html/html/html/xwzx/sy/tjxw/202611/images/images/sy-r-icon4.png" alt="联系我们" class="contact-icon" />
            <div class="contact-text" style="display:none;"></div>
        </div> -->
    </div>
</body>
<script>
    $(window).on("DOMContentLoaded", function () {
        // 初始化执行一次
        let swiper = new Swiper("#banner-swiper", {
            loop: true,
            // autoplay: {
            //     // delay: 6000,
            //     disableOnInteraction: false,
            // },
            // pagination: {
            //     el: ".swiper-pagination",
            //     clickable: true,
            // },
            navigation: {
                nextEl: ".carousel-btn-next",
                prevEl: ".carousel-btn-prev",
            },
        });
        // 产品区域轮播
        var productsSwiper;
        var isSyncing = false; // 用于防止无限递归调用
        var currentIndex = 2; // 当前激活的索引，初始为第三个标签
        var originalItems = []; // 保存原始的分页项顺序

        // 初始化主轮播图
        productsSwiper = new Swiper('.products-swiper-container', {
            slidesPerView: 1,
            spaceBetween: 40,
            loop: true,
            loopedSlides: 3, // 循环的幻灯片数量，与实际幻灯片数量一致
            speed: 300, // 滑动速度
            // autoplay: {
            //     delay: 5000,
            //     disableOnInteraction: false,
            // },
            initialSlide: 2,
            on: {
                mouseenter: function () {
                    this.autoplay.stop();
                },
                mouseleave: function () {
                    this.autoplay.start();
                },
                slideChange: function () {
                    if (isSyncing) return; // 防止递归调用

                    const realIndex = this.realIndex; // 使用realIndex获取真实索引
                    if (realIndex !== currentIndex) {
                        updateActiveState(realIndex);
                        currentIndex = realIndex;

                        // 重新排列分页项
                        rearrangePaginationItems(realIndex);
                    }
                },
            },
        });

        // 初始化激活状态
        document.querySelectorAll('.pagination-item')[2].classList.add('active');

        // 保存原始的分页项顺序
        originalItems = Array.from(document.querySelectorAll('.pagination-item'));

        // 更新激活状态
        function updateActiveState(index) {
            const items = document.querySelectorAll('.pagination-item');
            items.forEach((item, i) => {
                // 移除所有激活状态
                item.classList.remove('active');
            });
            // 为第三个位置的项添加激活状态
            if (items[2]) {
                items[2].classList.add('active');
            }
        }

        // 重新排列分页项，使选中项位于第三个位置
        function rearrangePaginationItems(activeIndex) {
            const container = document.querySelector('.pagination-container');

            // 移除所有项
            while (container.firstChild) {
                container.removeChild(container.firstChild);
            }

            // 计算新的顺序
            const newOrder = [];
            const totalItems = originalItems.length;

            // 从激活项的前两个开始，然后是激活项，然后是激活项的后两个
            for (let i = activeIndex - 2; i <= activeIndex + 2; i++) {
                const index = (i + totalItems) % totalItems;
                newOrder.push(originalItems[index]);
            }

            // 添加回容器
            newOrder.forEach(item => {
                // 克隆原始项，确保每次都使用干净的副本
                const clone = item.cloneNode(true);
                container.appendChild(clone);
            });

            // 更新激活状态
            updateActiveState(activeIndex);

            // 重新绑定点击事件
            bindPaginationClickEvents();
        }

        // 绑定分页项点击事件
        function bindPaginationClickEvents() {
            document.querySelectorAll('.pagination-item').forEach((item, index) => {
                item.addEventListener('click', function (e) {
                    e.preventDefault();
                    e.stopPropagation();

                    // 计算实际的索引（因为我们重新排列了项）
                    const actualIndex = (currentIndex - 2 + index + 5) % 5;

                    if (actualIndex !== currentIndex) {
                        isSyncing = true;
                        updateActiveState(actualIndex);
                        currentIndex = actualIndex;

                        if (productsSwiper) {
                            productsSwiper.slideTo(actualIndex, 300);
                        }

                        // 重新排列分页项
                        rearrangePaginationItems(actualIndex);

                        setTimeout(() => {
                            isSyncing = false;
                        }, 350); // 稍微延迟，确保滑动动画完成
                    }
                });
            });
        }

        // 初始化绑定点击事件
        bindPaginationClickEvents();

        // 视频播放/暂停控制
        $('.video-play-btn').click(function () {
            var videoContainer = $(this).closest('.video-cover-container');
            var video = videoContainer.find('.video')[0];
            var playBtn = $(this);

            // 暂停其他所有视频
            $('.video').each(function () {
                if (this !== video) {
                    this.pause();
                    var otherContainer = $(this).closest('.video-cover-container');
                    otherContainer.find('.video-play-btn').show();
                }
            });

            video.play();
            playBtn.hide();
        });

        // 视频暂停时显示播放按钮
        $('.video').on('pause', function () {
            var videoContainer = $(this).closest('.video-cover-container');
            videoContainer.find('.video-play-btn').show();
        });

        // 视频结束时显示播放按钮
        $('.video').on('ended', function () {
            var videoContainer = $(this).closest('.video-cover-container');
            videoContainer.find('.video-play-btn').show();
        });

        // 联系按钮点击显示文字
        $('.contact-btn').click(function () {
            var contactText = $(this).find('.contact-text');

            // 隐藏其他所有联系按钮的文字
            $('.contact-btn .contact-text').not(contactText).hide();

            // 切换当前联系按钮文字的显示状态
            contactText.toggle();
        });

        // 点击页面其他地方隐藏所有联系按钮文字
        $(document).click(function (e) {
            if (!$(e.target).closest('.contact-btn').length) {
                $('.contact-btn .contact-text').hide();
            }
        });

        // 视频区域轮播
        // 单页（视频数不足一屏 slidesPerView:3）时不显示翻页按钮且禁用循环；
        // 多页时按钮显示、loop 正常（loop 需要 slide 数足够，3 个 slide 不足以循环）
        var videoSlideCount = document.querySelectorAll(".video-swiper-container .swiper-slide").length;
        var videoSinglePage = videoSlideCount <= 3;
        var videoSwiper = new Swiper(".video-swiper-container", {
            slidesPerView: 3,
            spaceBetween: 40,
            loop: !videoSinglePage,
            loopedSlides: 3, // 循环的幻灯片数量，与实际幻灯片数量一致
            speed: 300, // 滑动速度
            // autoplay: {
            //     delay: 5000,
            //     disableOnInteraction: false,
            // },
            navigation: {
                nextEl: ".video-btn-next",
                prevEl: ".video-btn-prev",
            },
        });
        if (videoSinglePage) {
            var videoBtns = document.querySelectorAll(".video-btn");
            for (var vb = 0; vb < videoBtns.length; vb++) {
                videoBtns[vb].style.display = "none";
            }
        }
    });
</script>

</html>