PageSourceSearch

https://hilitetex.com/about.html

html hilitetex.com collected 2026-10-08 08:26:15 UTC 30,225 bytes, 1,475 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			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
14
15
16
17		<title>About HiLite_HiLite Textile</title>
18<meta name="keywords" content=" knitted denim,cotton warp-knitted casual fabrics,textile research,textile production,HiLite Textile,HiLite Textile" />
19<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" />
20
21		<link rel="shortcut icon" href="/hilite/2025/06/18/pxyobD9BQF1eg.ico" type="image/x-icon" />
22
23		<link rel="stylesheet" href="static/css/swiper-bundle.min.css">
24
25
26
27		<link rel="stylesheet" href="static/css/common.css">
28
29		<link rel="stylesheet" href="static/css/animate.css">
30
31		<link rel="stylesheet" href="static/css/index.css">
32
33		<link rel="stylesheet" href="static/css/nei.css">
34
35		
35<script src="static/js/swiper-bundle.min.js"></script>
35
36
37
38
39		
39<script src='static/js/jquery-1.7.2.js'></script>
39
40
41		
41<script src="static/js/swiper.animate.js"></script>
41
42
43
44
45		
45<script type='text/javascript' src='static/js/jquery.waypoints.min.js'></script>
45
46
47		
47<script type='text/javascript' src='static/js/jquery.countup.min.js'></script>
47
48
49		
49<script type='text/javascript' src='static/js/lenis.min.js'></script>
49
50
51
52
53		
53<script type='text/javascript' src='static/js/gsap.min.js'></script>
53
54
55		
55<script type='text/javascript' src='static/js/ScrollTrigger.min.js'></script>
55
56
57
58
59		
59<script src="static/js/wow.js"></script>
59
60
61		
61<script src="static/js/menu.js"></script>
61
62
63		
63<script src="static/js/common.js"></script>
63
64
65	</head>
66
67
68
69	<body>
70
71		<!-- 		header -->
72<div class="g-header">
73
74    <div class="m-box">
75        <div class="m-c">
76            <div class="s-logo"> <a href="/">
77                    <img src="/hilite/2025/08/14/wznnU0tj62Nkg.png" alt="logo">
78
79                </a> </div>
80            <div class="s-nav ">
81                <div id='cssmenu' class="float">
82                                                            <ul>
83                        <li>
84                            
85                            <a href="javascript:;" class="anniu">Products and Brands</a>
86                            <ul>
87                                                                <li> <a href="/product-12.html">Indigo Knitted Denim </a>
88                                </li>
89                                                                <li> <a href="/product-13.html">CORELOR Knitted Denim </a>
90                                </li>
91                                                                <li> <a href="/product-15.html">Cotton Warp Knitting </a>
92                                </li>
93                                                                <li> <a href="/product-14.html">Woven-Look Knitting </a>
94                                </li>
95                                                                <li> <a href="/product-39.html">Urban Outdoor Knitting </a>
96                                </li>
97                                                            </ul>
98                        </li>
99                                                                                            <li> <a href="/differe.html"> Fabric Trend </a></li>
100                                                                                            <li> <a href="/esg.html"> ESG </a></li>
101                                                                                            <li class='active'> <a href="/about.html"> About HiLite </a></li>
102                                                                                            <li> <a href="/news.html"> News </a></li>
103                                                                                            <li> <a href="/contact.html"> Contact Us </a></li>
104                                                                    </ul>
105                </div>
106
107                <div class="g-tr-but">
108                    <div class="p16"><a style="line-height: 1.5;" href="https://cn.hilitetex.com/" class="on">中文</a></div>
109                    <div class="img">
110                        <img  src="static/images/en.svg">
111                    </div>
112
113                </div>
114
115            </div>
116
117        </div>
118    </div>
119</div>
120
121<script>
122document.addEventListener('DOMContentLoaded', function() {
123    var menuButtons = document.querySelectorAll('.anniu');
124    
125    // 隐藏所有子菜单的函数
126    function hideAllSubMenus() {
127        var subMenus = document.querySelectorAll('.anniu + ul');
128        subMenus.forEach(function(menu) {
129            menu.style.display = 'none';
130        });
131    }
132    
133    menuButtons.forEach(function(button) {
134        var parentLi = button.parentNode;
135        var subMenu = parentLi.querySelector('ul');
136        
137        if (subMenu) {
138            // 鼠标悬浮显示子菜单
139            parentLi.addEventListener('mouseenter', function() {
140                subMenu.style.display = 'block';
141            });
142            
143            // 鼠标离开隐藏子菜单
144            parentLi.addEventListener('mouseleave', function() {
145                subMenu.style.display = 'none';
146            });
147        }
148    });
149    
150    // 初始化时隐藏所有子菜单
151    hideAllSubMenus();
152    
153    // 屏幕尺寸改变时隐藏所有子菜单
154    window.addEventListener('resize', function() {
155        hideAllSubMenus();
156    });
157});
158</script>
158
159<!--  -->
160		
161		<div class="n-banner">
162
163			<div class="img">
164
165				<img src="/hilite/2025/05/05/rUEhy5tBbwiRo.jpg" alt="About HiLite">
166
167			</div>
168
169			<div class="m-c">
170
171				<div class="m-box">
172
173					<div class="h68 white">About HiLite</div>
174
175				</div>
176
177			</div>
178
179		</div>
180
181		
182		
183		<div class="a-si m-padding">
184
185			<div class="m-box">
186
187				<div class="m-c wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
188
189					<div class="p-3">
190
191						<div class="is--animated_text splited-text p32">
192
193							Driven by continuous technological innovation and a keen sense of fashion trends, HiLite&nbsp;focuses on delivering flexible and diverse textile solutions. We are committed to providing global customers with high-quality, sustainable knitted fabrics, combining expertise and craftsmanship to meet market demands and lead industry development.
194						</div>
195
196						<div class="is--dimmed splited-text p32">
197
198							Driven by continuous technological innovation and a keen sense of fashion trends, HiLite&nbsp;focuses on delivering flexible and diverse textile solutions. We are committed to providing global customers with high-quality, sustainable knitted fabrics, combining expertise and craftsmanship to meet market demands and lead industry development.
199						</div>
200
201
202
203					</div>
204
205					<ul id="datascoll">
206
207						
208						<li class="p24">
209
210							<div>Circular Knitting Machines</div>
211
212							<div class="p-p">
213
214								<span class="p36">250</span>units
215							</div>
216
217						</li>
218
219						
220						<li class="p24">
221
222							<div>Total Number of Employees</div>
223
224							<div class="p-p">
225
226								<span class="p36">500</span>+
227							</div>
228
229						</li>
230
231						
232						<li class="p24">
233
234							<div>Warp Knitting Machines</div>
235
236							<div class="p-p">
237
238								<span class="p36">30</span>units
239							</div>
240
241						</li>
242
243						
244						<li class="p24">
245
246							<div>Annual Production Capacity</div>
247
248							<div class="p-p">
249
250								<span class="p36">30,000</span>tons
251							</div>
252
253						</li>
254
255						
256					</ul>
257
258				</div>
259
260			</div>
261
262		</div>
263
264		<div id="white-bevelled-box" class="beveled--background"></div>
265
266		<!--  -->
267
268		
269		
270		
271		<div class="g-pic ">
272
273			<div class="img">
274
275				<img src="/uploads/image/20251119/691d8b093899f.jpg">
276
277			</div>
278
279		</div>
280
281
282
283		<!--  -->
284
285		<div class="a-tab s-pc">
286
287			<div class="m-box">
288
289				<div class="m-c">
290
291
292
293					<!-- 左侧文本列表 -->
294
295					<div class="swiper swiper-text">
296
297						<div class="swiper-wrapper">
298
299							
300							<div class="swiper-slide">
301
302								<div class="t-t">
303
304									<div class="h38">HiLite | Jiang Yin</div>
305
306									<div class="p24">
307
308										<p style="text-indent: 0em;">Established in 2008, HiLite’s Jiangyin factory ranks among China’s Top 30 knitted fabric manufacturers. It specializes in knitted denim and cotton warp-knitted fabrics and holds various industry and environmental certifications. The factory, equipped with advanced knitting machinery and supported by a technical team, focuses on fabric development and sustainability. As a research base for knitted de
308nim, HiLite drives industry innovation and provides high-quality, sustainable products to customers worldwide.</p><p><br/></p>
309									</div>
310
311								</div>
312
313
314
315							</div>
316
317							
318							<div class="swiper-slide">
319
320								<div class="t-t">
321
322									<div class="h38">HiLite | Yi Xing</div>
323
324									<div class="p24">
325
326										<p style="text-indent: 0em;">HiLite’s Yixing factory features cutting-edge production equipment, intelligent online detection, and advanced wastewater treatment facilities. It integrates processes like yarn procurement, production, dyeing, and finishing. The factory is committed to sustainability and digital transformation, focusing on energy-efficient and eco-friendly practices.</p><p><br/></p>
327									</div>
328
329								</div>
330
331
332
333							</div>
334
335							
336							<div class="swiper-slide">
337
338								<div class="t-t">
339
340									<div class="h38">HiLite | Hong Kong</div>
341
342									<div class="p24">
343
344										<p style="text-indent: 0em;">HiLite’s Hong Kong branch offers global customers efficient service and strengthens international cooperation. Positioned in the heart of global commerce, it listens to clients’ needs and plans to accelerate international expansion, leveraging China’s advanced production capabilities. The branch is focused on leading innovations in sustainable fashion.</p>
345									</div>
346
347								</div>
348
349
350
351							</div>
352
353							
354						</div>
355
356					</div>
357
358
359
360					<!-- 右侧图片卡片 -->
361
362					<div class="swiper swiper-image">
363
364						<div class="swiper-wrapper">
365
366							
367							<div class="swiper-slide">
368
369								<div class="img">
370
371									<img src="/hilite/2025/04/14/CGTRhEjhF030k.png" alt="HiLite | Jiang Yin">
372
373
374									<div class="dw">
375
376										<div>
377
378											<img src="static/images/dz.png">
379
380										</div>
381
382										<div class="p28">
383
384											HiLite | Jiang Yin
385										</div>
386
387									</div>
388								</div>
389
390
391
392							</div>
393
394							
395							<div class="swiper-slide">
396
397								<div class="img">
398
399									<img src="/hilite/2025/04/14/zYqUcoFIhyboJ.png" alt="HiLite | Yi Xing">
400
401
402									<div class="dw">
403
404										<div>
405
406											<img src="static/images/dz.png">
407
408										</div>
409
410										<div class="p28">
411
412											HiLite | Yi Xing
413										</div>
414
415									</div>
416								</div>
417
418
419
420							</div>
421
422							
423							<div class="swiper-slide">
424
425								<div class="img">
426
427									<img src="/hilite/2025/04/14/7Msm4eQRsPsr5.png" alt="HiLite | Hong Kong">
428
429
430									<div class="dw">
431
432										<div>
433
434											<img src="static/images/dz.png">
435
436										</div>
437
438										<div class="p28">
439
440											HiLite | Hong Kong
441										</div>
442
443									</div>
444								</div>
445
446
447
448							</div>
449
450							
451						</div>
452
453					</div>
454
455				</div>
456
457
458
459			</div>
460
461		</div>
462
463		
463<script>
464			// 初始化左侧文本列表 Swiper
465			const swiperText = new Swiper('.swiper-text', {
466				direction: 'horizontal', // 垂直方向
467				slidesPerView: 1, // 只显示一个 slide
468				resistanceRatio: 0,
469				mousewheel: {
470					releaseOnEdges: true,
471				}, // 启用鼠标滚动
472				// 监听滑动事件
473				breakpoints: {
474					750: { //当屏幕宽度大于等于320
475						direction: 'vertical',
476					},
477				},
478			});
479
480			// 初始化右侧图片卡片 Swiper
481			const swiperImage = new Swiper('.swiper-image', {
482				direction: 'vertical', // 垂直方向
483				slidesPerView: 3, // 显示 3 个 slide
484
485				resistanceRatio: 0,
486				mousewheel: {
487					releaseOnEdges: true,
488				}, // 启用鼠标滚动
489				centeredSlides: true,
490				on: {
491					// 监听 slide 切换事件
492					slideChange: function () {
493						// 同步左侧文本列表的切换
494						swiperText.slideTo(this.activeIndex);
495					},
496
497				},
498			});
499
500			// 同步左侧文本列表的切换
501			swiperText.on('slideChange', function () {
502				swiperImage.slideTo(this.activeIndex);
503			});
504		</script>
504
505
506		<div class="a-tabw s-wap m-padding">
507
508			<div class="m-box">
509
510				<div class="m-c">
511
512
513
514					<ul>
515
516						
517						<li>
518
519							<div class="h38">HiLite | Jiang Yin</div>
520
521							<div class="m-m">
522
523								<div class="img">
524
525									<img src="/hilite/2025/04/14/CGTRhEjhF030k.png" alt="HiLite | Jiang Yin">
526
527									<div class="dw">
528
529										<div>
530
531											<img src="static/images/dz.png">
532
533										</div>
534
535										<div class="p28">
536
537											HiLite | Jiang Yin
538										</div>
539
540									</div>
541								</div>
542
543
544							</div>
545
546
547
548							<div class="p24">
549
550								<p style="text-indent: 0em;">Established in 2008, HiLite’s Jiangyin factory ranks among China’s Top 30 knitted fabric manufacturers. It specializes in knitted denim and cotton warp-knitted fabrics and holds various industry and environmental certifications. The factory, equipped with advanced knitting machinery and supported by a technical team, focuses on fabric development and sustainability. As a research base for knitted denim, HiLite drives industry innovation and provides high-quality, sustainable products to customers worldwide.</p><p><br/></p>
551							</div>
552
553						</li>
554
555						
556						<li>
557
558							<div class="h38">HiLite | Yi Xing</div>
559
560							<div class="m-m">
561
562								<div class="img">
563
564									<img src="/hilite/2025/04/14/zYqUcoFIhyboJ.png" alt="HiLite | Yi Xing">
565
566									<div class="dw">
567
568										<div>
569
570											<img src="static/images/dz.png">
571
572										</div>
573
574										<div class="p28">
575
576											HiLite | Yi Xing
577										</div>
578
579									</div>
580								</div>
581
582
583							</div>
584
585
586
587							<div class="p24">
588
589								<p style="text-indent: 0em;">HiLite’s Yixing factory features cutting-edge production equipment, intelligent online detection, and advanced wastewater treatment facilities. It integrates processes like yarn procurement, production, dyeing, and finishing. The factory is committed to sustainability and digital transformation, focusing on energy-efficient and eco-friendly practices.</p><p><br/></p>
590							</div>
591
592						</li>
593
594						
595						<li>
596
597							<div class="h38">HiLite | Hong Kong</div>
598
599							<div class="m-m">
600
601								<div class="img">
602
603									<img src="/hilite/2025/04/14/7Msm4eQRsPsr5.png" alt="HiLite | Hong Kong">
604
605									<div class="dw">
606
607										<div>
608
609											<img src="static/images/dz.png">
610
611										</div>
612
613										<div class="p28">
614
615											HiLite | Hong Kong
616										</div>
617
618									</div>
619								</div>
620
621
622							</div>
623
624
625
626							<div class="p24">
627
628								<p style="text-indent: 0em;">HiLite’s Hong Kong branch offers global customers efficient service and strengthens international cooperation. Positioned in the heart of global commerce, it listens to clients’ needs and plans to accelerate international expansion, leveraging China’s advanced production capabilities. The branch is focused on leading innovations in sustainable fashion.</p>
629							</div>
630
631						</li>
632
633						
634					</ul>
635
636				</div>
637
638			</div>
639
640		</div>
641
642		<!--  -->
643
644		
645		
646		
647		<div class="a-tt m-padding">
648
649			<div class="m-box">
650
651				<div class="m-c wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
652
653					<div class="h38 p-p">Committed to Sustainability</div>
654
655					<a class="a-link a-link1" href="/esg.html">
656
657						<span class="p16 c98_color">Go to ESG</span>
658
659						<div>
660
661							<img src="static/images/jtr.png">
662
663						</div>
664
665					</a>
666
667				</div>
668
669			</div>
670
671		</div>
672
673		<!--  -->
674
675		<div class="swiper sylogo swiper-szgd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
676
677			<div class="l-lbj"></div>
678
679			<div class="l-lbj1"></div>
680
681			<div class="swiper-wrapper">
682
683				
684				<div class="swiper-slide">
685
686					<img src="/hilite/2025/04/17/VsvAUUjZ1NJl4.png" alt="1">
687
688				</div>
689
690				
691				<div class="swiper-slide">
692
693					<img src="/hilite/2025/04/17/JTG86zCbXmUKa.png" alt="1">
694
695				</div>
696
697				
698				<div class="swiper-slide">
699
700					<img src="/uploads/image/20260204/6982cc45612e8.png" alt="1">
701
702				</div>
703
704				
705				<div class="swiper-slide">
706
707					<img src="/hilite/2025/04/17/4Z83oywdfawob.png" alt="1">
708
709				</div>
710
711				
712				<div class="swiper-slide">
713
714					<img src="/hilite/2025/04/17/D34cY83vrVHXQ.png" alt="">
715
716				</div>
717
718				
719				<div class="swiper-slide">
720
721					<img src="/hilite/2025/04/17/lqiqkIyf32Gwm.png" alt="">
722
723				</div>
724
725				
726				<div class="swiper-slide">
727
728					<img src="/hilite/2025/04/17/vGUudAZkAJIKi.png" alt="">
729
730				</div>
731
732				
733			</div>
734
735
736
737		</div>
738
739		
739<script>
740				var swiper111;
741				
742				function initSwiper() {
743					// 检查屏幕宽度,1024px以下不执行swiper初始化
744					if (window.innerWidth > 1024) {
745						if (!swiper111) {
746							swiper111 = new Swiper('.swiper-szgd', {
747
748										
749
750										observer: true,  //开启动态检查器,监测swiper和slide
751
752													observeParents: true,  //监测Swiper 的祖/父元素
753
754													speed: 4000,//切换速度
755
756													loop:true,//循环
757
758													slidesPerView:4,//显示数量
759
760													spaceBetween:10,//间隔
761
762									
763
764													autoplay: {//自动播放
765
766														delay: 3000,//自动切换的时间间隔
767
768														
769
770														disableOnInteraction: false,//用户操作后是否停止
771
772													},
773
774													breakpoints: { 
775
776													750: {  //当屏幕宽度大于等于320
777
778													  slidesPerView: 7,
779
780													},
781
782													}
783
784											
785
786							})
787						}
788					} else {
789						// 屏幕宽度小于等于1024px时,销毁swiper实例
790						if (swiper111) {
791							swiper111.destroy(true, true);
792							swiper111 = null;
793						}
794					}
795				}
796				
797				// 初始化
798				initSwiper();
799				
800				// 监听窗口大小变化,拖动窗口时重新判断执行
801				window.addEventListener('resize', function() {
802					initSwiper();
803				});
804			</script>
804
805
806		
807
808
809
810		<!--  -->
811
812		
813		
814		<style>
815			.p-page .m-c ul a {
816
817				font-size: 1rem;
818
819				text-align: center;
820
821
822
823				margin: 0 0.3rem;
824
825				width: 1rem;
826
827				text-align: center;
828
829
830
831			}
832
833			.p-page .m-c ul .prev,
834			.p-page .m-c ul .next {
835
836				width: 1rem;
837
838				height: 1rem;
839
840
841
842
843
844				background: url(/static/images/btn_first_page.svg%20fill.png) center center no-repeat;
845
846				background-size: 0.8rem auto;
847
848			}
849
850			.p-page .m-c ul .f_prev,
851			.p-page .m-c ul .l_next {
852
853				width: 1rem;
854
855				height: 1rem;
856
857
858
859
860
861				background: url(/static/images/btn_next_page.svg%20fill.png) center center no-repeat;
862
863				background-size: 0.8rem auto;
864
865			}
866
867			.p-page .m-c ul .f_prev {
868
869
870
871				background: url(/static/images/btn_prev_page.svg%20fill.png) center center no-repeat;
872
873				background-size: 0.8rem auto;
874
875			}
876
877			.p-page .m-c ul .next {
878
879
880
881				background: url(/static/images/Button.png) center center no-repeat;
882
883				background-size: 0.8rem auto;
884
885			}
886
887
888
889			.p-page .m-c ul .gard {
890
891				color: rgba(139, 139, 139, 1);
892
893			}
894
895			.p-page .m-c ul .on {
896
897				color: rgba(224, 28, 28, 1);
898
899				border-bottom: 1px solid rgba(224, 28, 28, 1);
900
901			}
902
903			.p-page .m-c ul .prev:hover {
904
905				opacity: 0.8;
906
907			}
908
909			.p-page .m-c ul .next:hover {
910
911				opacity: 0.8;
912
913			}
914		</style>
915
916		<div class="a-aw m-padding">
917
918			<div class="m-box">
919
920				<div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
921
922					<h1 class="h38">Awards</h1>
923
924				</div>
925
926				<div class="m-c wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
927
928					<ul>
929
930
931
932					</ul>
933
934				</div>
935
936			</div>
937
938		</div>
939
940		<!--  -->
941
942		<div class="p-page m-padding">
943
944			<div class="m-box-index">
945
946				<div class="m-c">
947
948					<ul>
949
950					</ul>
951
952				</div>
953
954			</div>
955
956		</div>
957
958		<!--  -->
959
960		
961		
962		
963		<div class="a-tt m-padding">
964
965			<div class="m-box">
966
967				<div class="m-c wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
968
969					<div class="h38 p-p">Brand Partners </div>
970
971
972
973				</div>
974
975			</div>
976
977		</div>
978
979		<!--  -->
980
981		<div class="swiper dierge swiper-szgd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
982
983			<div class="l-lbj"></div>
984
985			<div class="l-lbj1"></div>
986
987			<div class="swiper-wrapper">
988
989				
990				<div class="swiper-slide">
991
992					<img src="/hilite/2025/05/25/MyWtQsM03Hsmb.png" alt="">
993
994				</div>
995
996				
997				<div class="swiper-slide">
998
999					<img src="/hilite/2025/05/25/cVS9ftBcQURA2.png" alt="">
1000
1001				</div>
1002
1003				
1004				<div class="swiper-slide">
1005
1006					<img src="/hilite/2025/05/25/AR6UeQkLp80I2.png" alt="">
1007
1008				</div>
1009
1010				
1011				<div class="swiper-slide">
1012
1013					<img src="/hilite/2025/05/25/EQyr9Oq6OcM2u.png" alt="">
1014
1015				</div>
1016
1017				
1018				<div class="swiper-slide">
1019
1020					<img src="/hilite/2025/05/25/XZif3HvXX91CW.png" alt="">
1021
1022				</div>
1023
1024				
1025				<div class="swiper-slide">
1026
1027					<img src="/hilite/2025/05/25/r7RT7rUJXxqiu.png" alt="">
1028
1029				</div>
1030
1031				
1032				<div class="swiper-slide">
1033
1034					<img src="/hilite/2025/05/25/xT3AB5sZ7mc6k.png" alt="">
1035
1036				</div>
1037
1038				
1039				<div class="swiper-slide">
1040
1041					<img src="/hilite/2025/05/25/hFCJU4TpmV0lJ.png" alt="">
1042
1043				</div>
1044
1045				
1046				<div class="swiper-slide">
1047
1048					<img src="/hilite/2025/05/25/nc4m2sHMSpuhp.png" alt="">
1049
1050				</div>
1051
1052				
1053				<div class="swiper-slide">
1054
1055					<img src="/hilite/2025/05/25/TV5DpG6MPhlaL.png" alt="">
1056
1057				</div>
1058
1059				
1060				<div class="swiper-slide">
1061
1062					<img src="/hilite/2025/05/25/DAWQcHVADjFw0.png" alt="">
1063
1064				</div>
1065
1066				
1067			</div>
1068
1069
1070
1071		</div>
1072
1073		
1073<script>
1074			var swiper111 = new Swiper('.dierge', {
1075
1076
1077
1078				observer: true, //开启动态检查器,监测swiper和slide
1079
1080				observeParents: true, //监测Swiper 的祖/父元素
1081
1082				speed: 4000, //切换速度
1083
1084				loop: true, //循环
1085
1086				slidesPerView: 4, //显示数量
1087
1088				spaceBetween: 10, //间隔
1089
1090
1091
1092				autoplay: { //自动播放
1093
1094					delay: 3000, //自动切换的时间间隔
1095
1096
1097
1098					disableOnInteraction: false, //用户操作后是否停止
1099
1100				},
1101
1102				breakpoints: {
1103
1104					750: { //当屏幕宽度大于等于320
1105
1106						slidesPerView: 7,
1107
1108					},
1109
1110				}
1111
1112
1113
1114			})
1115		</script>
1115
1116
1117		
1118		
1119		
1120		<div class="a-join m-padding">
1121
1122			<div class="m-box">
1123
1124				<div class="m-c">
1125
1126					<div class="h38 white">Contact Us</div>
1127
1128					<div class="p24 white">
1129
1130						<p data-start="54" data-end="270" class="">Whether you’re seeking innovative textile solutions or looking to join a team that values creativity and sustainability, we welcome you to connect with us—let’s shape the future of textiles together.</p>
1131					</div>
1132
1133					<a class="a-link" href="/contact.html">
1134
1135						<span class="p16">See More</span>
1136
1137						<div class="m">
1138
1139
1140
1141						</div>
1142
1143					</a>
1144
1145				</div>
1146
1147			</div>
1148
1149		</div>
1150
1151		
1152		<div class="g-footer ">
1153	<div class="m-box">
1154		<div class="m-c">
1155			<div class="l-l">
1156				<div class="logo">
1157					<a><img src="/hilite/2025/04/07/eWyi3hIjx9yR2.svg">
1158					</a>
1159				</div>
1160								<div class="ewm">
1161										<div class="wm">
1162						<img src="/hilite/2025/05/08/2RFpDeY44Yimq.png" alt="">
1163						<div class="p20" style="color: #666"> </div>
1164					</div>
1165										<div class="wm">
1166						<img src="/uploads/image/20250925/68d4fd4405887.jpg" alt="">
1167						<div class="p20" style="color: #666"> </div>
1168					</div>
1169										<div class="wm">
1170						<img src="/uploads/image/20250925/68d4d645e2a1a.jpg" alt="">
1171						<div class="p20" style="color: #666"> </div>
1172					</div>
1173									</div>
1174												<div class="li ">
1175										<div class="l-m s-wap">
1176						<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">
1177							<img src="/hilite/2025/05/08/lbwCvBQZeHlUh.svg" alt="小红书">
1178						</a>
1179					</div>
1180										<div class="l-m s-wap">
1181						<a href="https://www.linkedin.com/company/hilitetex">
1182							<img src="/hilite/2025/05/08/W6LfZ6EEPVBGi.svg" alt="领英">
1183						</a>
1184					</div>
1185										<div class="l-m s-wap">
1186						<a href="https://www.instagram.com/hilite_tex?igsh=MTFiOHM0am9nYmZjdw%3D%3D&utm_source=qr">
1187							<img src="/hilite/2025/05/08/J6DN6kvPvoBYf.svg" alt="ins">
1188						</a>
1189					</div>
1190										<div class="l-m s-wap">
1191						<a href="https://v.douyin.com/G6Uwb842w9M/">
1192							<img src="/hilite/2025/08/06/wgxF4vwXCmUDn.png" alt="">
1193						</a>
1194					</div>
1195									</div>
1196				<div class="li ">
1197										<div class="l-m s-pc">
1198						<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">
1199							<img src="/hilite/2025/05/08/lbwCvBQZeHlUh.svg" alt="小红书">
1200						</a>
1201					</div>
1202										<div class="l-m s-pc">
1203						<a href="https://www.linkedin.com/company/hilitetex">
1204							<img src="/hilite/2025/05/08/W6LfZ6EEPVBGi.svg" alt="领英">
1205						</a>
1206					</div>
1207										<div class="l-m s-pc">
1208						<a href="https://www.instagram.com/hilite_tex?igsh=MTFiOHM0am9nYmZjdw%3D%3D&utm_source=qr">
1209							<img src="/hilite/2025/05/08/J6DN6kvPvoBYf.svg" alt="ins">
1210						</a>
1211					</div>
1212										<div class="l-m s-pc">
1213						<a href="https://v.douyin.com/G6Uwb842w9M/">
1214							<img src="/hilite/2025/08/06/wgxF4vwXCmUDn.png" alt="">
1215						</a>
1216					</div>
1217									</div>
1218							</div>
1219			<ul>
1220								<li class="p20">
1221					<div class="p24 p-s">
1222						<a href="/product.html">Products and Brands</a>
1223					</div>
1224										<p><a href="/product-12.html">Indigo Knitted Denim</a></p>
1225										<p><a href="/product-13.html">CORELOR Knitted Denim</a></p>
1226										<p><a href="/product-15.html">Cotton Warp Knitting</a></p>
1227										<p><a href="/product-14.html">Woven-Look Knitting</a></p>
1228										<p><a href="/product-39.html">Urban Outdoor Knitting</a></p>
1229									</li>
1230								<li>
1231										<div class="p24 p-s">
1232						<a href="/differe.html">Fabric Trend</a>
1233					</div>
1234															<div class="p24 p-s">
1235						<a href="/esg.html">ESG</a>
1236					</div>
1237															<div class="p24 p-s">
1238						<a href="/about.html">About HiLite</a>
1239					</div>
1240															<div class="p24 p-s">
1241						<a href="/news.html">News</a>
1242					</div>
1243															<div class="p24 p-s">
1244						<a href="/contact.html">Contact Us</a>
1245					</div>
1246									</li>
1247			</ul>
1248		</div>
1249	</div>
1250</div>
1251<div class="f-fbt">
1252	<div class="m-box">
1253		<div class="m-c p14 ">
1254			<p>Copyright ©2025 HiLite Textile. All Rights Reserves. </p>
1255			<div class=" p2">
1256				<div class="g-tr-but">
1257					<div class="p16"><a href="https://cn.hilitetex.com/" class="on">中文</a></div>
1258					<div class="img">
1259						<img src="static/images/en.svg">
1260					</div>
1261				</div>
1262			</div>
1263		</div>
1264	</div>
1265</div>
1266		
1266<script src="static/js/globe.gl.min.js"></script>
1266
1267
1268		
1268<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
1268
1269
1270		
1270<script>
1271			$(document).ready(function () {
1272
1273				// 监听滚动事件
1274
1275				$(window).scroll(function () {
1276
1277					$('#datascoll li').each(function () {
1278
1279						const $li = $(this);
1280
1281						const $span = $li.find('.p36').first(); // 获取第一个 span
1282
1283						const targetNumber = parseFloat($span.text().replace(/,/g, '')); // 获取目标数字
1284
1285
1286
1287						// 判断 li 是否进入视口
1288
1289						if (isElementInViewport($li)) {
1290
1291							if (!$li.data('animated')) { // 如果未动画过
1292
1293								animateNumber($span, targetNumber); // 执行动画
1294
1295								$li.data('animated', true); // 标记为已动画
1296
1297							}
1298
1299						}
1300
1301					});
1302
1303				});
1304
1305
1306
1307				// 触发一次滚动事件,确保页面加载时检查
1308
1309				$(window).trigger('scroll');
1310
1311
1312
1313				// 判断元素是否在视口中
1314
1315				function isElementInViewport($el) {
1316
1317					if (!$el.length) return false; // 确保元素存在
1318
1319
1320
1321					const scrollTop = $(window).scrollTop();
1322
1323					const windowHeight = $(window).height();
1324
1325					const elementOffset = $el.offset().top;
1326
1327					const elementHeight = $el.outerHeight();
1328
1329
1330
1331					return (elementOffset < (scrollTop + windowHeight)) && (elementOffset + elementHeight > scrollTop);
1332
1333				}
1334
1335
1336
1337				// 数字滚动动画
1338
1339				function animateNumber($element, targetNumber) {
1340
1341					let currentNumber = 0;
1342
1343					const duration = 2000; // 动画持续时间
1344
1345					const increment = targetNumber / (duration / 16); // 每帧增加的值
1346
1347
1348
1349					const interval = setInterval(() => {
1350
1351						currentNumber += increment;
1352
1353						if (currentNumber >= targetNumber) {
1354
1355							clearInterval(interval);
1356
1357							currentNumber = targetNumber;
1358
1359						}
1360
1361						$element.text(Math.floor(currentNumber).toLocaleString()); // 更新数字
1362
1363					}, 16); // 大约 60 帧每秒
1364
1365				}
1366
1367			});
1368		</script>
1368
1369
1370		
1370<script src="https://unpkg.com/split-type"></script>
1370
1371
1372		
1372<script>
1373			window.addEventListener("DOMContentLoaded", (event) => {
1374
1375				let typeSplit = new SplitType(".splited-text", {
1376
1377					types: "words, chars",
1378
1379					tagName: "span"
1380
1381				});
1382
1383				let timeline_1 = gsap.timeline();
1384
1385				timeline_1.to("#white-bevelled-box", {
1386
1387					scrollTrigger: {
1388
1389						trigger: '#white-bevelled-box',
1390
1391						start: 'top 0%',
1392
1393						scrub: 0.3,
1394
1395						//markers: true,
1396
1397					},
1398
1399					scale: 1.3,
1400
1401				});
1402
1403				timeline_1.from(".is--animated_text .char", {
1404
1405					scrollTrigger: {
1406
1407						trigger: '#white-bevelled-box',
1408
1409						start: 'top 120%',
1410
1411						end: "+=500",
1412
1413						scrub: 1,
1414
1415					},
1416
1417					opacity: 0.01,
1418
1419					scale: 1.35,
1420
1421					ease: "back.out(2)",
1422
1423					stagger: {
1424
1425						amount: 10,
1426
1427						from: "start"
1428
1429					},
1430
1431				});
1432
1433			});
1434
1435			function awards(cid, page) {
1436
1437
1438
1439				$.ajax({
1440
1441					url: 'common/awards.php',
1442
1443					data: {
1444						cid,
1445						page
1446					},
1447
1448					dataType: 'json',
1449
1450					type: 'post',
1451
1452					success: function (res) {
1453
1454						if (res.code == 200) {
1455
1456							$('.a-aw .m-c ul').html(res.list);
1457
1458							$('.p-page .m-c ul').html(res.pagehtml)
1459
1460						}
1461
1462					}
1463
1464				})
1465
1466			}
1467
1468			awards(30, 1)
1469		</script>
1469
1470
1471	</body>
1472
1473
1474
1475</html>

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.