PageSourceSearch

https://hilitetex.com/product-12.html

html hilitetex.com collected 2026-10-08 08:26:13 UTC 21,320 bytes, 1,022 lines download raw bytes

1
2<!doctype html>
3
4<html>
5
6
7
8	<head>
9
10		<meta charset="utf-8">
11
12		<meta name="viewport"
13
14			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
15
16
17
18        <title>Products and Brands_HiLite Textile</title>
19<meta name="keywords" content=" knitted denim,cotton warp-knitted casual fabrics,textile research,textile production,HiLite Textile,HiLite Textile" />
20<meta name="description" content="HiLite Textile was founded in 2008, focusing on the research and production of knitted denim and cotton knitted casual fabrics. With a scientific management model covering the entire process of dyeing, weaving, and finishing, the company has become a desi" />
21
22        <link rel="shortcut icon" href="/hilite/2025/06/18/pxyobD9BQF1eg.ico" type="image/x-icon" />
23
24		<link rel="stylesheet" href="static/css/swiper-bundle.min.css">
25
26
27
28		<link rel="stylesheet" href="static/css/common.css">
29
30		<link rel="stylesheet" href="static/css/animate.css">
31
32		<link rel="stylesheet" href="static/css/index.css">
33
34		<link rel="stylesheet" href="static/css/nei.css">
35
36		
36<script src="static/js/swiper-bundle.min.js"></script>
36
37
38
39
40		
40<script src='static/js/jquery-1.7.2.js'></script>
40
41
42		
42<script src="static/js/swiper.animate.js"></script>
42
43
44
45
46		
46<script type='text/javascript' src='static/js/jquery.waypoints.min.js'></script>
46
47
48		
48<script type='text/javascript' src='static/js/jquery.countup.min.js'></script>
48
49
50		
50<script type='text/javascript' src='static/js/lenis.min.js'></script>
50
51
52
53
54		
54<script type='text/javascript' src='static/js/gsap.min.js'></script>
54
55
56		
56<script type='text/javascript' src='static/js/ScrollTrigger.min.js'></script>
56
57
58
59
60		
60<script src="static/js/wow.js"></script>
60
61
62		
62<script src="static/js/menu.js"></script>
62
63
64		
64<script src="static/js/common.js"></script>
64
65
66	</head>
67
68
69
70	<body>
71
72        <!-- 		header -->
73<div class="g-header">
74
75    <div class="m-box">
76        <div class="m-c">
77            <div class="s-logo"> <a href="/">
78                    <img src="/hilite/2025/08/14/wznnU0tj62Nkg.png" alt="logo">
79
80                </a> </div>
81            <div class="s-nav ">
82                <div id='cssmenu' class="float">
83                                                            <ul>
84                        <li class='active'>
85                            
86                            <a href="javascript:;" class="anniu">Products and Brands</a>
87                            <ul>
88                                                                <li> <a href="/product-12.html">Indigo Knitted Denim </a>
89                                </li>
90                                                                <li> <a href="/product-13.html">CORELOR Knitted Denim </a>
91                                </li>
92                                                                <li> <a href="/product-15.html">Cotton Warp Knitting </a>
93                                </li>
94                                                                <li> <a href="/product-14.html">Woven-Look Knitting </a>
95                                </li>
96                                                                <li> <a href="/product-39.html">Urban Outdoor Knitting </a>
97                                </li>
98                                                            </ul>
99                        </li>
100                                                                                            <li> <a href="/differe.html"> Fabric Trend </a></li>
101                                                                                            <li> <a href="/esg.html"> ESG </a></li>
102                                                                                            <li> <a href="/about.html"> About HiLite </a></li>
103                                                                                            <li> <a href="/news.html"> News </a></li>
104                                                                                            <li> <a href="/contact.html"> Contact Us </a></li>
105                                                                    </ul>
106                </div>
107
108                <div class="g-tr-but">
109                    <div class="p16"><a style="line-height: 1.5;" href="https://cn.hilitetex.com/" class="on">中文</a></div>
110                    <div class="img">
111                        <img  src="static/images/en.svg">
112                    </div>
113
114                </div>
115
116            </div>
117
118        </div>
119    </div>
120</div>
121
122<script>
123document.addEventListener('DOMContentLoaded', function() {
124    var menuButtons = document.querySelectorAll('.anniu');
125    
126    // 隐藏所有子菜单的函数
127    function hideAllSubMenus() {
128        var subMenus = document.querySelectorAll('.anniu + ul');
129        subMenus.forEach(function(menu) {
130            menu.style.display = 'none';
131        });
132    }
133    
134    menuButtons.forEach(function(button) {
135        var parentLi = button.parentNode;
136        var subMenu = parentLi.querySelector('ul');
137        
138        if (subMenu) {
139            // 鼠标悬浮显示子菜单
140            parentLi.addEventListener('mouseenter', function() {
141                subMenu.style.display = 'block';
142            });
143            
144            // 鼠标离开隐藏子菜单
145            parentLi.addEventListener('mouseleave', function() {
146                subMenu.style.display = 'none';
147            });
148        }
149    });
150    
151    // 初始化时隐藏所有子菜单
152    hideAllSubMenus();
153    
154    // 屏幕尺寸改变时隐藏所有子菜单
155    window.addEventListener('resize', function() {
156        hideAllSubMenus();
157    });
158});
159</script>
159
160<!--  -->
161        
162		<div class="g-ddd">
163
164			<div class="m-box">
165
166				<div class="m-c">
167
168					<div class="swiper mySwiper-pd">
169
170						<div class="swiper-wrapper">
171
172							<div class="swiper-slide">
173
174
175
176								<div class="l-l wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
177
178									<div>
179
180										<!-- <div class="h68 ">Indigo Knitted Denim</div> -->
181<div class="h68 "><img style="width: 100%;height: auto;" src="/hilite/2025/05/08/XBYRtHExtsUW2.png"></div>
182										<ul class="p24">
183                                           											<a>Eco-friendly</a>
184																						<a>Comfortable</a>
185																						<a>Timeless</a>
186																					</ul>
187
188									</div>
189
190								</div>
191
192							</div>
193
194                            
195							<div class="swiper-slide"><img src="/uploads/image/20251120/691eb985e1758.jpg" alt=""></div>
196
197							
198						</div>
199
200
201
202
203
204
205
206					</div>
207
208				</div>
209
210			</div>
211
212		</div>
213
214
215
216		
216<script>
217
218			var swiper = new Swiper(".mySwiper-pd", {
219
220				slidesPerView: "auto",
221
222		// 		mousewheel: {
223
224  //   releaseOnEdges: true,
225
226  // },
227
228				simulateTouch: true, // 启用鼠标拖动
229
230				preventInteractionOnTransition: true, // 防止拖动时页面滚动
231
232				resistance: false, // 禁用边缘阻力
233
234
235
236				// 监听滑动事件
237
238				// on: {
239
240				//   init: function () {
241
242				//     // 初始化时禁用页面滚动
243
244				//     $('html, body').css({
245
246				//       'overflow': 'hidden',
247
248				//       'height': '100%'
249
250				//     });
251
252				//   },
253
254				//   reachEnd: function () {
255
256				//     // 到达最后一个幻灯片时,允许页面滚动
257
258				//     $('html, body').css({
259
260				//       'overflow': 'auto',
261
262				//       'height': 'auto'
263
264				//     });
265
266				//   },
267
268				//   reachBeginning: function () {
269
270				//     // 回到第一个幻灯片时,允许页面滚动
271
272				//     $('html, body').css({
273
274				//       'overflow': 'auto',
275
276				//       'height': 'auto'
277
278				//     });
279
280				//   },
281
282				//   fromEdge: function () {
283
284				//     // 离开边缘时,禁用页面滚动
285
286				//     $('html, body').css({
287
288				//       'overflow': 'hidden',
289
290				//       'height': '100%'
291
292				//     });
293
294				//   }
295
296				// }
297
298			});
299
300		</script>
300
301
302		<!--  -->
303
304		<div class="p-tt m-padding wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
305
306			<div class="m-box">
307
308				<div class="m-c">
309
310					<h2 class="is--animated_text splited-text h68">Classic Indigo, Reinvented in Knit</h2>
311
312					<h2 class="is--dimmed splited-text h68">Classic Indigo, Reinvented in Knit</h2>
313
314				</div>
315
316				
317
318			</div>
319
320		</div>
321
322		<div id="white-bevelled-box" class="beveled--background"></div>
323
324        
325        
326        
327		<!-- Minified UMD bundle -->
328
329		<div class="p-pic">
330
331			<div class="img">
332
333				<img src="/uploads/image/20251108/690e9f26096a2.jpg">
334
335			</div>
336
337		</div>
338
339		<!--  -->
340
341		<div class="p-kd m-padding">
342
343			<div class="m-box">
344
345				<div class="m-c wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
346
347					<div class="swiper swiper-kd">
348
349						<div class="swiper-wrapper">
350
351                            
352							<div class="swiper-slide">
353
354								<div class="s-l">
355
356									<a>
357
358										<div class="h38">The New Comfort Code of Denim</div>
359
360										<div class="p24"><p data-start="135" data-end="422">Classic indigo meets the soft, breathable texture of knit. Our knitted denim redefines everyday comfort with stretch, flexibility, and a casual yet refined look. Perfect for modern lifestyles, it’s timeless denim—lightened, softened, and reimagined for daily wear.</p>
361										</div>
362
363									</a>
364
365								</div>
366
367
368
369							</div>
370
371							
372							<div class="swiper-slide">
373
374								<div class="s-l">
375
376									<a>
377
378										<div class="h38">Sustainable Origins, Certified Quality</div>
379
380										<div class="p24"><p>Using low-impact indigo dyeing and continuous open-width finishing, we reduce water and chemical usage. Certified by GRS, OEKO-TEX, and more, our production meets global sustainability expectations—without compromising the iconic look of denim.</p>
381										</div>
382
383									</a>
384
385								</div>
386
387
388
389							</div>
390
391							
392							<div class="swiper-slide">
393
394								<div class="s-l">
395
396									<a>
397
398										<div class="h38">From Relaxed Looks to Elevated Casual</div>
399
400										<div class="p24"><p>With enhanced stretch and drape, Indigo Knitted Denim fits a wide range of styles—from joggers and hoodies to 
400smart-casual tops and more. It offers freedom in design and comfort in wear, making it perfectly suited for versatile and all-day fashion.</p><p><br/></p>
401										</div>
402
403									</a>
404
405								</div>
406
407
408
409							</div>
410
411							
412						</div>
413
414						<!-- 分页器 -->
415
416						<div class="swiper-pagination"></div>
417
418						<!-- 分页器之间的线 -->
419
420 <!-- 如果需要导航按钮 -->
421
422    <div class="swiper-button-prev"></div>
423
424    <div class="swiper-button-next"></div>
425
426					</div>
427
428				</div>
429
430			</div>
431
432		</div>
433
434		
434<script>
435
436			var swiper = new Swiper('.swiper-kd', {
437
438				loop: true,
439
440				pagination: {
441
442					el: '.swiper-pagination',
443
444					clickable: true,
445
446					renderBullet: function(index, className) {
447
448						return '<span class="' + className + '">' + '0' + (index + 1) + '</span>';
449
450					},
451
452				},
453
454				  // 如果需要前进后退按钮
455
456				    navigation: {
457
458				      nextEl: '.swiper-button-next',
459
460				      prevEl: '.swiper-button-prev',
461
462				    },
463
464
465
466			});
467
468		</script>
468
469
470        
471		<!--  -->
472
473        
474		<div class="p-lb m-padding">
475
476			<div class="m-box">
477
478				<div class="m-c">
479
480					<div class="swiper swiper_lb">
481
482						<div class="swiper-wrapper">
483
484                            
485                            
486							<div class="swiper-slide">
487
488								<div class="l-img">
489
490									<div class="img">
491
492										<img src="/hilite/2025/06/13/Pvv3HZKISNkwj.jpg">
493
494									</div>
495
496                                    
497									<div class="img">
498
499										<img src="/hilite/2025/06/13/i6ap17lv1lRt0.jpg">
500
501									</div>
502
503                                    
504								</div>
505
506							</div>
507
508                            
509                            
510							<div class="swiper-slide">
511
512								<div class="l-imgl">
513
514									<div class="img">
515
516									<img src="/hilite/2025/07/17/VvRneDj3jA33F.jpg">
517
518									</div>
519
520
521
522								</div>
523
524							</div>
525
526                            
527							
528                            
529							<div class="swiper-slide">
530
531								<div class="l-img">
532
533									<div class="img">
534
535										<img src="/hilite/2025/07/17/AkgVn6B79qJ6l.jpg">
536
537									</div>
538
539                                    
540									<div class="img">
541
542										<img src="/hilite/2025/07/17/tus8I3v7nk1Ox.jpg">
543
544									</div>
545
546                                    
547								</div>
548
549							</div>
550
551                            
552                            
553							<div class="swiper-slide">
554
555								<div class="l-imgl">
556
557									<div class="img">
558
559									<img src="/hilite/2025/07/17/DePpW4xMaCEAB.jpg">
560
561									</div>
562
563
564
565								</div>
566
567							</div>
568
569                            
570							
571						</div>
572
573						<!-- 分页器 -->
574
575						<div class="swiper-pagination"></div>
576
577					</div>
578
579				</div>
580
581			</div>
582
583		</div>
584
585		
585<script>
586
587			var swiper1 = new Swiper('.swiper_lb', {
588
589				// loop:true,
590
591				slidesPerView: 'auto',
592
593				autoplay: true,
594
595			});
596
597		</script>
597
598
599		<!--  -->
600
601        
602		<div class="g-ps p-ps m-padding">
603
604			<div class="m-box">
605
606				<div class="tit tit_c wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
607
608					<h1 class="h38">Product Series</h1>
609
610				</div>
611
612				<div class="m-c wow fadeInUp" data-wow-duration="01s" data-wow-delay="0.2s">
613
614					<ul>
615
616                        
617						<li>
618
619							<div class="img">
620
621								<img src="/hilite/2025/05/08/OKimDTFtJoxIi.png">
622
623							</div>
624
625							<div class="c-t">
626
627								<div>
628
629									<h1 class="h38"><img style="width: 100%;height: auto;" src="/hilite/2025/05/08/7mfNrPQS7AV0n.png"></h1>
630
631									<a class="a-link" href="/product-12.html">
632
633										<span class="p16">See More</span>
634
635										<div class="m">
636
637
638
639										</div>
640
641									</a>
642
643								</div>
644
645							</div>
646
647						</li>
648
649						
650						<li>
651
652							<div class="img">
653
654								<img src="/hilite/2025/05/08/WEJvNgJqPiAzj.jpg">
655
656							</div>
657
658							<div class="c-t">
659
660								<div>
661
662									<h1 class="h38"><img style="width: 100%;height: auto;" src="/hilite/2025/05/08/fyuajGjxRMjq7.png"></h1>
663
664									<a class="a-link" href="/product-13.html">
665
666										<span class="p16">See More</span>
667
668										<div class="m">
669
670
671
672										</div>
673
674									</a>
675
676								</div>
677
678							</div>
679
680						</li>
681
682						
683						<li>
684
685							<div class="img">
686
687								<img src="/hilite/2025/08/08/xwPIFdsMtpuzR.jpg">
688
689							</div>
690
691							<div class="c-t">
692
693								<div>
694
695									<h1 class="h38"><img style="width: 100%;height: auto;" src="/hilite/2025/08/08/lIl6odJSe7SOE.png"></h1>
696
697									<a class="a-link" href="/product-14.html">
698
699										<span class="p16">See More</span>
700
701										<div class="m">
702
703
704
705										</div>
706
707									</a>
708
709								</div>
710
711							</div>
712
713						</li>
714
715						
716						<li>
717
718							<div class="img">
719
720								<img src="/hilite/2025/05/08/2GS9GkOWCHtCJ.jpg">
721
722							</div>
723
724							<div class="c-t">
725
726								<div>
727
728									<h1 class="h38"><img style="width: 100%;height: auto;" src="/hilite/2025/08/08/dm0GRJiT6Jq7Z.png"></h1>
729
730									<a class="a-link" href="/product-15.html">
731
732										<span class="p16">See More</span>
733
734										<div class="m">
735
736
737
738										</div>
739
740									</a>
741
742								</div>
743
744							</div>
745
746						</li>
747
748						
749						<li>
750
751							<div class="img">
752
753								<img src="/hilite/2025/07/16/5LR63ca97YHYk.jpg">
754
755							</div>
756
757							<div class="c-t">
758
759								<div>
760
761									<h1 class="h38"><img style="width: 100%;height: auto;" src="/hilite/2025/07/16/WqZrQ63SSymHd.png"></h1>
762
763									<a class="a-link" href="/product-39.html">
764
765										<span class="p16">See More</span>
766
767										<div class="m">
768
769
770
771										</div>
772
773									</a>
774
775								</div>
776
777							</div>
778
779						</li>
780
781						
782					</ul>
783
784
785
786				</div>
787
788			</div>
789
790		</div>
791
792        
793        <div class="g-footer ">
794	<div class="m-box">
795		<div class="m-c">
796			<div class="l-l">
797				<div class="logo">
798					<a><img src="/hilite/2025/04/07/eWyi3hIjx9yR2.svg">
799					</a>
800				</div>
801								<div class="ewm">
802										<div class="wm">
803						<img src="/hilite/2025/05/08/2RFpDeY44Yimq.png" alt="">
804						<div class="p20" style="color: #666"> </div>
805					</div>
806										<div class="wm">
807						<img src="/uploads/image/20250925/68d4fd4405887.jpg" alt="">
808						<div class="p20" style="color: #666"> </div>
809					</div>
810										<div class="wm">
811						<img src="/uploads/image/20250925/68d4d645e2a1a.jpg" alt="">
812						<div class="p20" style="color: #666"> </div>
813					</div>
814									</div>
815												<div class="li ">
816										<div class="l-m s-wap">
817						<a href="https://www.xiaohongshu.com/user/profile/64856de4000000000f007145?xsec_token=YBcVu43kEnzA0G--inxaKL7x3tdBO6dQe91sf3-EWOCg8=&xsec_source=app_share&xhsshare=CopyLink&appuid=5952798e50c4b42dbecd7600&apptime=1741250005&share_id=3591a2849b614ad9a30949faf00d36b">
818							<img src="/hilite/2025/05/08/lbwCvBQZeHlUh.svg" alt="小红书">
819						</a>
820					</div>
821										<div class="l-m s-wap">
822						<a href="https://www.linkedin.com/company/hilitetex">
823							<img src="/hilite/2025/05/08/W6LfZ6EEPVBGi.svg" alt="领英">
824						</a>
825					</div>
826										<div class="l-m s-wap">
827						<a href="https://www.instagram.com/hilite_tex?igsh=MTFiOHM0am9nYmZjdw%3D%3D&utm_source=qr">
828							<img src="/hilite/2025/05/08/J6DN6kvPvoBYf.svg" alt="ins">
829						</a>
830					</div>
831										<div class="l-m s-wap">
832						<a href="https://v.douyin.com/G6Uwb842w9M/">
833							<img src="/hilite/2025/08/06/wgxF4vwXCmUDn.png" alt="">
834						</a>
835					</div>
836									</div>
837				<div class="li ">
838										<div class="l-m s-pc">
839						<a href="https://www.xiaohongshu.com/user/profile/64856de4000000000f007145?xsec_token=YBcVu43kEnzA0G--inxaKL7x3tdBO6dQe91sf3-EWOCg8=&xsec_source=app_share&xhsshare=CopyLink&appuid=5952798e50c4b42dbecd7600&apptime=1741250005&share_id=3591a2849b614ad9a30949faf00d36b">
840							<img src="/hilite/2025/05/08/lbwCvBQZeHlUh.svg" alt="小红书">
841						</a>
842					</div>
843										<div class="l-m s-pc">
844						<a href="https://www.linkedin.com/company/hilitetex">
845							<img src="/hilite/2025/05/08/W6LfZ6EEPVBGi.svg" alt="领英">
846						</a>
847					</div>
848										<div class="l-m s-pc">
849						<a href="https://www.instagram.com/hilite_tex?igsh=MTFiOHM0am9nYmZjdw%3D%3D&utm_source=qr">
850							<img src="/hilite/2025/05/08/J6DN6kvPvoBYf.svg" alt="ins">
851						</a>
852					</div>
853										<div class="l-m s-pc">
854						<a href="https://v.douyin.com/G6Uwb842w9M/">
855							<img src="/hilite/2025/08/06/wgxF4vwXCmUDn.png" alt="">
856						</a>
857					</div>
858									</div>
859							</div>
860			<ul>
861								<li class="p20">
862					<div class="p24 p-s">
863						<a href="/product.html">Products and Brands</a>
864					</div>
865										<p><a href="/product-12.html">Indigo Knitted Denim</a></p>
866										<p><a href="/product-13.html">CORELOR Knitted Denim</a></p>
867										<p><a href="/product-15.html">Cotton Warp Knitting</a></p>
868										<p><a href="/product-14.html">Woven-Look Knitting</a></p>
869										<p><a href="/product-39.html">Urban Outdoor Knitting</a></p>
870									</li>
871								<li>
872										<div class="p24 p-s">
873						<a href="/differe.html">Fabric Trend</a>
874					</div>
875															<div class="p24 p-s">
876						<a href="/esg.html">ESG</a>
877					</div>
878															<div class="p24 p-s">
879						<a href="/about.html">About HiLite</a>
880					</div>
881															<div class="p24 p-s">
882						<a href="/news.html">News</a>
883					</div>
884															<div class="p24 p-s">
885						<a href="/contact.html">Contact Us</a>
886					</div>
887									</li>
888			</ul>
889		</div>
890	</div>
891</div>
892<div class="f-fbt">
893	<div class="m-box">
894		<div class="m-c p14 ">
895			<p>Copyright ©2025 HiLite Textile. All Rights Reserves. </p>
896			<div class=" p2">
897				<div class="g-tr-but">
898					<div class="p16"><a href="https://cn.hilitetex.com/" class="on">中文</a></div>
899					<div class="img">
900						<img src="static/images/en.svg">
901					</div>
902				</div>
903			</div>
904		</div>
905	</div>
906</div>
907		
907<script src="static/js/globe.gl.min.js"></script>
907
908
909
910
911		
911<script>
912
913			const $gPic1 = $('.mySwiper-pd .swiper-slide img');
914
915			const $customCursor1 = $('#customCursor1');
916
917			$gPic1.on('mouseenter', function() {
918
919
920
921				$customCursor1.css('display', 'flex'); // 显示自定义光标
922
923			});
924
925			$gPic1.on('mousemove', function(event) {
926
927				// 更新自定义光标的位置
928
929				$customCursor1.css({
930
931					left: event.pageX,
932
933					top: event.pageY
934
935				});
936
937			});
938
939			$gPic1.on('mouseleave', function() {
940
941				$customCursor1.css('display', 'none'); // 隐藏自定义光标
942
943			});
944
945		</script>
945
946
947
948
949		
949<script src="https://unpkg.com/split-type"></script>
949
950
951		
951<script>
952
953			window.addEventListener("DOMContentLoaded", (event) => {
954
955				let typeSplit = new SplitType(".splited-text", {
956
957					types: "words, chars",
958
959					tagName: "span"
960
961				});
962
963				let timeline_1 = gsap.timeline();
964
965				timeline_1.to("#white-bevelled-box", {
966
967					scrollTrigger: {
968
969						trigger: '#white-bevelled-box',
970
971						start: 'top 0%',
972
973						scrub: 0.3,
974
975						//markers: true,
976
977					},
978
979					scale: 1.3,
980
981				});
982
983				timeline_1.from(".is--animated_text .char", {
984
985					scrollTrigger: {
986
987						trigger: '#white-bevelled-box',
988
989						start: 'top 90%',
990
991						end: "+=500",
992
993						scrub: 1,
994
995					},
996
997					opacity: 0.01,
998
999					scale: 1.35,
1000
1001					ease: "back.out(2)",
1002
1003					stagger: {
1004
1005						amount: 10,
1006
1007						from: "start"
1008
1009					},
1010
1011				});
1012
1013			});
1014
1015		</script>
1015
1016
1017	</body>
1018
1019
1020
1021</html>
1022

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.