PageSourceSearch

https://www.jrsoptics.com/

html jrsoptics.com collected 2026-10-07 12:25:40 UTC 163,446 bytes, 3,758 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="en"><head>
2<script src="/js/hook.js" type="text/javascript"></script>
2
3<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
4<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
5<title>High-Quality Optical and Eye Lenses | JINRUISHI Resin Lenses</title>
6<meta content="JINRUISHI offer mainstream lenses such as CR39 sunglasses lenses, CR39 polarized lenses, an assortment of photochromic lenses and blue light blocking lenses." name="description"/>
7<meta content="Optical lens supplier, Prescription eyewear manufacturer, Wholesale optical lenses, Custom prescription sunglasses, Photochromic lenses supplier" name="keywords"/>
8<link href="/source/9e49a742e307b0152d57637b336ea093/ico.png" rel="icon" type="image/x-icon"/>
9<!-- core CSS --><link href="/css/1cd0ed681e223c5edcf34104fbca3854/style.css" rel="stylesheet"/>
10<link href="/css/9dc9709dc602ec3e665b92af0661169c/aos.css" rel="stylesheet"/>
11<link href="/css/4d6d4104acddd8ff8db2ac5874da5ddc/animate.min.css" rel="stylesheet"/>
12<link href="/css/051c6ee973fa6173307dca70f6b6757b/common.css" rel="stylesheet"/>
13<!-- core JS -->
13<script src="/js/acc3a438ba5e825869f7e93d9a86eda9/jquery.min.js"></script>
13<script src="/js/7f40224a4e8a8cc9ba768c3a74e88c5d/common.js"></script>
13<script>
14                var currentPage = "home"
15        </script>
15<style id="globalsojs-header">:root {--bs-screen-full: 100%;--bs-screen-xxl: 88%;--bs-screen-large: 79%;--bs-screen-mid: 68%;--bs-screen-small: 58%;--bs-screen-full-notebook: 100%;--bs-screen-xxl-notebook: 88%;--bs-screen-large-notebook: 78%;--bs-screen-mid-notebook: 68%;--bs-screen-small-notebook: 58%;--bs-screen-full-pad: 100%;--bs-screen-xxl-pad: 88%;--bs-screen-large-pad: 78%;--bs-screen-mid-pad: 68%;--bs-screen-small-pad: 58%;--bs-screen-full-mobile: 100%;--bs-screen-xxl-mobile: 88%;--bs-screen-large-mobile: 78%;--bs-screen-mid-mobile: 68%;--bs-screen-small-mobile: 58%;--bs-font-sans-serif: "Poppins";--bs-body-font-weight: 400;--bs-body-font-size: 16px;--bs-h-font-sans-serif: "Poppins";--bs-h-font-weight: 700;--bs-h-font-size: 100px;--bs-nb-h-font-size: 30px;--bs-pad-h-font-size: 21px;--bs-mob-h-font-size: 14px;--bs-body-color: #7a7a7a;--bs-body-bg: #fff;--bs-theme-color: #1b2285;--bs-sec-theme-color: #950384;--bs-link-color: #000;--bs-link-hover-color: #007eff;}img {width: auto;height: auto;}header[topsearchheader] {background-image: url("/source/aeed95dafa3d070f4ee40a2a4194f7c7/news.jpg");}.section-block-demo1-header .logo > img {height: 53px;width: 195px;}.demo118-body > .section-header-wrap-block.section-block-demo1-header > .layout > .nav {padding-left: 313px;padding-right: 0px;}.demo118-body > .section-header-wrap-block.section-block-demo1-header > .layout > .nav > .active {margin-right: 15px;}.demo118-body > .section-header-wrap-block.section-block-demo1-header > .layout > .nav > li {margin-right: 15px;}.demo118-body > .section-header-wrap-block.section-block-demo1-header.fixed-nav {background-color: rgb(255, 255, 255);}.demo118-body > .section-header-wrap-block.section-block-demo59-header {background-color: rgba(255, 255, 255, 0.6);}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .nav > li > a > em {color: rgb(46, 46, 46);font-weight: 500;}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .nav > .active > a > em {color: rgb(255, 255, 255);font-weight: 500;}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .nav > li > a > b > svg {fill: rgb(46, 46, 46);}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .change-language > .change-language-title > span {color: rgb(0, 0, 0);}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .change-language > .change-language-title > i > svg {fill: rgb(0, 0, 0);}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .nav {padding-left: 100px;padding-right: 100px;}.demo118-body > .section-header-wrap-block.section-block-demo59-header.fixed-nav > .layout.header-outer-wrap > .nav {padding-left: 150px;padding-right: 70px;}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .nav > .nav-li-1 > a > em {color: rgb(46, 46, 46);}.demo118-body > .section-header-wrap-block.section-block-demo59-header > .layout.header-outer-wrap > .nav > .nav-li-1 > a {padding-right: 20px;padding-left: 20px;}.demo118-body > .section-header-wrap-block.section-block-demo42-header > .layout.nav-box > .logo > img {max-height: 83px;height: 70px;}.demo118-body > .section-header-wrap-block.section-block-demo42-header {padding-top: 20px;}.demo118-body > .section-header-wrap-block.section-block-demo42-header.fixed-nav {background-color: rgba(54, 54, 54, 0.6);}.demo118-body > .section-header-wrap-block.section-block-demo42-header > .layout.nav-box > .nav > li > a > em {font-size: 18px;}@media (max-width: 992px){.section-imagetext-wrap-block[mask-color="mask-color-dark"] .page-title-bar .page-title, .section-imagetext-wrap-block[mask-color="mask-color-theme"] .page-title-bar .page-title {font-size: 24px;}}@media (max-width: 480px){.demo118-body > .section-header-wrap-block.section-block-demo42-header {padding-top: 10px !important;}#sectionIdjuu7486 > .layout > .tab-pannel-wrap > .tab-pannel.active > div > .case > .mw-100 {width: 100% !important;}#sectionIdjuu7486 > .layout > .tab-pannel-wrap > .tab-pannel.active > div > .case > div {width: 100% !important;padding-left: 0px !important;margin-top: 20px !important;}
15.section-block-demo119-form1 .inquiry-form .rest_btn span, .section-block-demo119-form1 .inquiry-form .item-submit button {padding-top: 0px !important;padding-right: 30px !important;padding-bottom: 0px !important;padding-left: 30px !important;}}</style>
16<style id="globalsojs-styles"></style>
17<style id="globalsojs-footer">.demo118-body > .section-footer-wrap-block.section-block-demo41-footer {background-color: rgb(246, 247, 251);}.demo118-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item.foot-solutions > .foot-title {color: rgb(0, 92, 161);}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-product > .foot-title {color: rgb(255, 255, 255);text-transform: capitalize;}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-application > .foot-title {color: rgb(255, 255, 255);}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-links > .foot-title {color: rgb(255, 255, 255);text-transform: capitalize;}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer {background-color: rgb(0, 0, 0);padding-bottom: 0px;}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-inquiry > .foot-desc {color: rgb(255, 255, 255);font-weight: 300;font-size: 16px;}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items {padding-bottom: 70px;}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-inquiry > .foot-logo > img {max-width: 93%;}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-product > .foot-nav > li > a {font-weight: 300;font-size: 16px;color: rgb(255, 255, 255);}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-application > .foot-nav > li > a {font-weight: 300;font-size: 16px;color: rgb(255, 255, 255);}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-links > .foot-nav > li > a {font-weight: 300;font-size: 16px;color: rgb(255, 255, 255);}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-inquiry > .py-2 > .btn.btn-inquiry {border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;background-color: rgb(246, 246, 246);color: rgb(0, 0, 0);border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;font-weight: 400;font-size: 18px;}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-product > .foot-title > i {background-color: rgb(255, 255, 255);}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-application > .foot-title > i {background-color: rgb(255, 255, 255);}.demo118-body > .section-footer-wrap-block.section-block-demo39-footer > .layout.foot-items > .foot-item.foot-links > .foot-title > i {background-color: rgb(255, 255, 255);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .footer-bottom.d-flex.justify-content-between.align-items-center {border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;padding-top: 0px;}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .footer-bottom.d-flex.justify-content-between.align-items-center > .copyright {text-align: left;color: rgb(46, 46, 46);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer {background-color: rgb(240, 240, 240);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item.foot-inquiry-item > .btn {color: rgb(255, 255, 255);background-color: rgb(46, 46, 46);padding-left: 50px;padding-right: 50px;}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item.foot-inquiry-item > .foot-title {color: rgb(46, 46, 46);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item.foot-inquiry-item > .inquiry-desc {color: rgb(56, 56, 56);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-title {color: rgb(46, 46, 46);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-nav > li > a {color: rgb(46, 46, 46);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-contacts > li > .foot-val {color: rgb(46, 46, 46);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-contacts > li > .foot-val > a {color: rgb(46, 46, 46);}.demo118-body > .section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .footer-bottom.d-flex.justify-content-between.align-items-center > .copyright > p > a {color: #000000;}</style>
18<link href="https://fonts.googleapis.com/css2?display=swap&amp;
18family=Roboto:wght@100;200;300;400;500;600;700;800;900&amp;family=Montserrat:wght@100;200;300;400;500;600;700;800;900&amp;family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;family=Noto%20Sans%20SC:wght@100;200;300;400;500;600;700;800;900&amp;glv=1745827832" id="google-fonts-link" rel="stylesheet"/>
19<style type="text/css">.lf-progress {
20  -webkit-appearance: none;
21  -moz-apperance: none;
22  width: 100%;
23  /* margin: 0 10px; */
24  height: 4px;
25  border-radius: 3px;
26  cursor: pointer;
27}
28.lf-progress:focus {
29  outline: none;
30  border: none;
31}
32.lf-progress::-moz-range-track {
33  cursor: pointer;
34  background: none;
35  border: none;
36  outline: none;
37}
38.lf-progress::-webkit-slider-thumb {
39  -webkit-appearance: none !important;
40  height: 13px;
41  width: 13px;
42  border: 0;
43  border-radius: 50%;
44  background: #0fccce;
45  cursor: pointer;
46}
47.lf-progress::-moz-range-thumb {
48  -moz-appearance: none !important;
49  height: 13px;
50  width: 13px;
51  border: 0;
52  border-radius: 50%;
53  background: #0fccce;
54  cursor: pointer;
55}
56.lf-progress::-ms-track {
57  width: 100%;
58  height: 3px;
59  cursor: pointer;
60  background: transparent;
61  border-color: transparent;
62  color: transparent;
63}
64.lf-progress::-ms-fill-lower {
65  background: #ccc;
66  border-radius: 3px;
67}
68.lf-progress::-ms-fill-upper {
69  background: #ccc;
70  border-radius: 3px;
71}
72.lf-progress::-ms-thumb {
73  border: 0;
74  height: 15px;
75  width: 15px;
76  border-radius: 50%;
77  background: #0fccce;
78  cursor: pointer;
79}
80.lf-progress:focus::-ms-fill-lower {
81  background: #ccc;
82}
83.lf-progress:focus::-ms-fill-upper {
84  background: #ccc;
85}
86.lf-player-container :focus {
87  outline: 0;
88}
89.lf-popover {
90  position: relative;
91}
92
93.lf-popover-content {
94  display: inline-block;
95  position: absolute;
96  opacity: 1;
97  visibility: visible;
98  transform: translate(0, -10px);
99  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
100  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
101}
102
103.lf-popover-content.hidden {
104  opacity: 0;
105  visibility: hidden;
106  transform: translate(0, 0px);
107}
108
109.lf-player-btn-container {
110  display: flex;
111  align-items: center;
112}
113.lf-player-btn {
114  cursor: pointer;
115  fill: #999;
116  width: 14px;
117}
118
119.lf-player-btn.active {
120  fill: #555;
121}
122
123.lf-popover {
124  position: relative;
125}
126
127.lf-popover-content {
128  display: inline-block;
129  position: absolute;
130  background-color: #ffffff;
131  opacity: 1;
132
133  transform: translate(0, -10px);
134  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
135  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
136  padding: 10px;
137}
138
139.lf-popover-content.hidden {
140  opacity: 0;
141  visibility: hidden;
142  transform: translate(0, 0px);
143}
144
145.lf-arrow {
146  position: absolute;
147  z-index: -1;
148  content: '';
149  bottom: -9px;
150  border-style: solid;
151  border-width: 10px 10px 0px 10px;
152}
153
154.lf-left-align,
155.lf-left-align .lfarrow {
156  left: 0;
157  right: unset;
158}
159
160.lf-right-align,
161.lf-right-align .lf-arrow {
162  right: 0;
163  left: unset;
164}
165
166.lf-text-input {
167  border: 1px #ccc solid;
168  border-radius: 5px;
169  padding: 3px;
170  width: 60px;
171  margin: 0;
172}
173
174.lf-color-picker {
175  display: flex;
176  flex-direction: row;
177  justify-content: space-between;
178  height: 90px;
179}
180
181.lf-color-selectors {
182  display: flex;
183  flex-direction: column;
184  justify-content: space-between;
185}
186
187.lf-color-component {
188  display: flex;
189  flex-direction: row;
190  font-size: 12px;
191  align-items: center;
192  justify-content: center;
193}
194
195.lf-color-component strong {
196  width: 40px;
197}
198
199.lf-color-component input[type='range'] {
200  margin: 0 0 0 10px;
201}
202
203.lf-color-component input[type='number'] {
204  width: 50px;
205  margin: 0 0 0 10px;
206}
207
208.lf-color-preview {
209  font-size: 12px;
210  display: flex;
211  flex-direction: column;
212  align-items: center;
213  justify-content: space-between;
214  padding-left: 5px;
215}
216
217.lf-preview {
218  height: 60px;
219  width: 60px;
220}
221
222.lf-popover-snapshot {
223  width: 150px;
224}
225.lf-popover-snapshot h5 {
226  margin: 5px 0 10px 0;
227  font-size: 0.75rem;
228}
229.lf-popover-snapshot a {
230  display: block;
231  text-decoration: none;
232}
233.lf-popover-snapshot a:before {
234  content: '⥼';
235  margin-right: 5px;
236}
237.lf-popover-snapshot .lf-note {
238  display: block;
239  margin-top: 10px;
240  color: #999;
241}
242.lf-player-controls > div {
243  margin-right: 5px;
244  margin-left: 5px;
245}
246.lf-player-controls > div:first-child {
247  margin-left: 0px;
248}
249.lf-player-controls > div:last-child {
250  margin-right: 0px;
251}
252</style>
253<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
254<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/gdocs-overrides.css?glv=1745827832" rel="stylesheet"/>
255<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
256<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
257<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
258<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/shadow.css?glv=1745827832" rel="stylesheet"/>
259<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/styles.css?glv=1745827832" rel="stylesheet"/>
260<style type="text/css">.lf-progress {
261  -webkit-appearance: none;
262  -moz-apperance: none;
263  width: 100%;
264  /* margin: 0 10px; */
265  height: 4px;
266  border-radius: 3px;
267  cursor: pointer;
268}
269.lf-progress:focus {
270  outline: none;
271  border: none;
272}
273.lf-progress::-moz-range-track {
274  cursor: pointer;
275  background: none;
276  border: none;
277  outline: none;
278}
279.lf-progress::-webkit-slider-thumb {
280  -webkit-appearance: none !important;
281  height: 13px;
282  width: 13px;
283  border: 0;
284  border-radius: 50%;
285  background: #0fccce;
286  cursor: pointer;
287}
288.lf-progress::-moz-range-thumb {
289  -moz-appearance: none !important;
290  height: 13px;
291  width: 13px;
292  border: 0;
293  border-radius: 50%;
294  background: #0fccce;
295  cursor: pointer;
296}
297.lf-progress::-ms-track {
298  width: 100%;
299  height: 3px;
300  cursor: pointer;
301  background: transparent;
302  border-color: transparent;
303  color: transparent;
304}
305.lf-progress::-ms-fill-lower {
306  background: #ccc;
307  border-radius: 3px;
308}
309.lf-progress::-ms-fill-upper {
310  background: #ccc;
311  border-radius: 3px;
312}
313.lf-progress::-ms-thumb {
314  border: 0;
315  height: 15px;
316  width: 15px;
317  border-radius: 50%;
318  background: #0fccce;
319  cursor: pointer;
320}
321.lf-progress:focus::-ms-fill-lower {
322  background: #ccc;
323}
324.lf-progress:focus::-ms-fill-upper {
325  background: #ccc;
326}
327.lf-player-container :focus {
328  outline: 0;
329}
330.lf-popover {
331  position: relative;
332}
333
334.lf-popover-content {
335  display: inline-block;
336  position: absolute;
337  opacity: 1;
338  visibility: visible;
339  transform: translate(0, -10px);
340  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
341  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
342}
343
344.lf-popover-content.hidden {
345  opacity: 0;
346  visibility: hidden;
347  transform: translate(0, 0px);
348}
349
350.lf-player-btn-container {
351  display: flex;
352  align-items: center;
353}
354.lf-player-btn {
355  cursor: pointer;
356  fill: #999;
357  width: 14px;
358}
359
360.lf-player-btn.active {
361  fill: #555;
362}
363
364.lf-popover {
365  position: relative;
366}
367
368.lf-popover-content {
369  display: inline-block;
370  position: absolute;
371  background-color: #ffffff;
372  opacity: 1;
373
374  transform: translate(0, -10px);
375  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
376  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
377  padding: 10px;
378}
379
380.lf-popover-content.hidden {
381  opacity: 0;
382  visibility: hidden;
383  transform: translate(0, 0px);
384}
385
386.lf-arrow {
387  position: absolute;
388  z-index: -1;
389  content: '';
390  bottom: -9px;
391  border-style: solid;
392  border-width: 10px 10px 0px 10px;
393}
394
395.lf-left-align,
396.lf-left-align .lfarrow {
397  left: 0;
398  right: unset;
399}
400
401.lf-right-align,
402.lf-right-align .lf-arrow {
403  right: 0;
404  left: unset;
405}
406
407.lf-text-input {
408  border: 1px #ccc solid;
409  border-radius: 5px;
410  padding: 3px;
411  width: 60px;
412  margin: 0;
413}
414
415.lf-color-picker {
416  display: flex;
417  flex-direction: row;
418  justify-content: space-between;
419  height: 90px;
420}
421
422.lf-color-selectors {
423  display: flex;
424  flex-direction: column;
425  justify-content: space-between;
426}
427
428.lf-color-component {
429  display: flex;
430  flex-direction: row;
431  font-size: 12px;
432  align-items: center;
433  justify-content: center;
434}
435
436.lf-color-component strong {
437  width: 40px;
438}
439
440.lf-color-component input[type='range'] {
441  margin: 0 0 0 10px;
442}
443
444.lf-color-component input[type='number'] {
445  width: 50px;
446  margin: 0 0 0 10px;
447}
448
449.lf-color-preview {
450  font-size: 12px;
451  display: flex;
452  flex-direction: column;
453  align-items: center;
454  justify-content: space-between;
455  padding-left: 5px;
456}
457
458.lf-preview {
459  height: 60px;
460  width: 60px;
461}
462
463.lf-popover-snapshot {
464  width: 150px;
465}
466.lf-popover-snapshot h5 {
467  margin: 5px 0 10px 0;
468  font-size: 0.75rem;
469}
470.lf-popover-snapshot a {
471  display: block;
472  text-decoration: none;
473}
474.lf-popover-snapshot a:before {
475  content: '⥼';
476  margin-right: 5px;
477}
478.lf-popover-snapshot .lf-note {
479  display: block;
480  margin-top: 10px;
481  color: #999;
482}
483.lf-player-controls > div {
484  margin-right: 5px;
485  margin-left: 5px;
486}
487.lf-player-controls > div:first-child {
488  margin-left: 0px;
489}
490.lf-player-controls > div:last-child {
491  margin-right: 0px;
492}
493</style>
494<style type="text/css">.lf-progress {
495  -webkit-appearance: none;
496  -moz-apperance: none;
497  width: 100%;
498  /* margin: 0 10px; */
499  height: 4px;
500  border-radius: 3px;
501  cursor: pointer;
502}
503.lf-progress:focus {
504  outline: none;
505  border: none;
506}
507.lf-progress::-moz-range-track {
508  cursor: pointer;
509  background: none;
510  border: none;
511  outline: none;
512}
513.lf-progress::-webkit-slider-thumb {
514  -webkit-appearance: none !important;
515  height: 13px;
516  width: 13px;
517  border: 0;
518  border-radius: 50%;
519  background: #0fccce;
520  cursor: pointer;
521}
522.lf-progress::-moz-range-thumb {
523  -moz-appearance: none !important;
524  height: 13px;
525  width: 13px;
526  border: 0;
527  border-radius: 50%;
528  background: #0fccce;
529  cursor: pointer;
530}
531.lf-progress::-ms-track {
532  width: 100%;
533  height: 3px;
534  cursor: pointer;
535  background: transparent;
536  border-color: transparent;
537  color: transparent;
538}
539.lf-progress::-ms-fill-lower {
540  background: #ccc;
541  border-radius: 3px;
542}
543.lf-progress::-ms-fill-upper {
544  background: #ccc;
545  border-radius: 3px;
546}
547.lf-progress::-ms-thumb {
548  border: 0;
549  height: 15px;
550  width: 15px;
551  border-radius: 50%;
552  background: #0fccce;
553  cursor: pointer;
554}
555.lf-progress:focus::-ms-fill-lower {
556  background: #ccc;
557}
558.lf-progress:focus::-ms-fill-upper {
559  background: #ccc;
560}
561.lf-player-container :focus {
562  outline: 0;
563}
564.lf-popover {
565  position: relative;
566}
567
568.lf-popover-content {
569  display: inline-block;
570  position: absolute;
571  opacity: 1;
572  visibility: visible;
573  transform: translate(0, -10px);
574  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
575  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
576}
577
578.lf-popover-content.hidden {
579  opacity: 0;
580  visibility: hidden;
581  transform: translate(0, 0px);
582}
583
584.lf-player-btn-container {
585  display: flex;
586  align-items: center;
587}
588.lf-player-btn {
589  cursor: pointer;
590  fill: #999;
591  width: 14px;
592}
593
594.lf-player-btn.active {
595  fill: #555;
596}
597
598.lf-popover {
599  position: relative;
600}
601
602.lf-popover-content {
603  display: inline-block;
604  position: absolute;
605  background-color: #ffffff;
606  opacity: 1;
607
608  transform: translate(0, -10px);
609  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
610  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
611  padding: 10px;
612}
613
614.lf-popover-content.hidden {
615  opacity: 0;
616  visibility: hidden;
617  transform: translate(0, 0px);
618}
619
620.lf-arrow {
621  position: absolute;
622  z-index: -1;
623  content: '';
624  bottom: -9px;
625  border-style: solid;
626  border-width: 10px 10px 0px 10px;
627}
628
629.lf-left-align,
630.lf-left-align .lfarrow {
631  left: 0;
632  right: unset;
633}
634
635.lf-right-align,
636.lf-right-align .lf-arrow {
637  right: 0;
638  left: unset;
639}
640
641.lf-text-input {
642  border: 1px #ccc solid;
643  border-radius: 5px;
644  padding: 3px;
645  width: 60px;
646  margin: 0;
647}
648
649.lf-color-picker {
650  display: flex;
651  flex-direction: row;
652  justify-content: space-between;
653  height: 90px;
654}
655
656.lf-color-selectors {
657  display: flex;
658  flex-direction: column;
659  justify-content: space-between;
660}
661
662.lf-color-component {
663  display: flex;
664  flex-direction: row;
665  font-size: 12px;
666  align-items: center;
667  justify-content: center;
668}
669
670.lf-color-component strong {
671  width: 40px;
672}
673
674.lf-color-component input[type='range'] {
675  margin: 0 0 0 10px;
676}
677
678.lf-color-component input[type='number'] {
679  width: 50px;
680  margin: 0 0 0 10px;
681}
682
683.lf-color-preview {
684  font-size: 12px;
685  display: flex;
686  flex-direction: column;
687  align-items: center;
688  justify-content: space-between;
689  padding-left: 5px;
690}
691
692.lf-preview {
693  height: 60px;
694  width: 60px;
695}
696
697.lf-popover-snapshot {
698  width: 150px;
699}
700.lf-popover-snapshot h5 {
701  margin: 5px 0 10px 0;
702  font-size: 0.75rem;
703}
704.lf-popover-snapshot a {
705  display: block;
706  text-decoration: none;
707}
708.lf-popover-snapshot a:before {
709  content: '⥼';
710  margin-right: 5px;
711}
712.lf-popover-snapshot .lf-note {
713  display: block;
714  margin-top: 10px;
715  color: #999;
716}
717.lf-player-controls > div {
718  margin-right: 5px;
719  margin-left: 5px;
720}
721.lf-player-controls > div:first-child {
722  margin-left: 0px;
723}
724.lf-player-controls > div:last-child {
725  margin-right: 0px;
726}
727</style>
728<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
729<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/gdocs-overrides.css?glv=1745827832" rel="stylesheet"/>
730<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
731<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
732<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
733<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/shadow.css?glv=1745827832" rel="stylesheet"/>
734<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/styles.css?glv=1745827832" rel="stylesheet"/>
735<style type="text/css">.lf-progress {
736  -webkit-appearance: none;
737  -moz-apperance: none;
738  width: 100%;
739  /* margin: 0 10px; */
740  height: 4px;
741  border-radius: 3px;
742  cursor: pointer;
743}
744.lf-progress:focus {
745  outline: none;
746  border: none;
747}
748.lf-progress::-moz-range-track {
749  cursor: pointer;
750  background: none;
751  border: none;
752  outline: none;
753}
754.lf-progress::-webkit-slider-thumb {
755  -webkit-appearance: none !important;
756  height: 13px;
757  width: 13px;
758  border: 0;
759  border-radius: 50%;
760  background: #0fccce;
761  cursor: pointer;
762}
763.lf-progress::-moz-range-thumb {
764  -moz-appearance: none !important;
765  height: 13px;
766  width: 13px;
767  border: 0;
768  border-radius: 50%;
769  background: #0fccce;
770  cursor: pointer;
771}
772.lf-progress::-ms-track {
773  width: 100%;
774  height: 3px;
775  cursor: pointer;
776  background: transparent;
777  border-color: transparent;
778  color: transparent;
779}
780.lf-progress::-ms-fill-lower {
781  background: #ccc;
782  border-radius: 3px;
783}
784.lf-progress::-ms-fill-upper {
785  background: #ccc;
786  border-radius: 3px;
787}
788.lf-progress::-ms-thumb {
789  border: 0;
790  height: 15px;
791  width: 15px;
792  border-radius: 50%;
793  background: #0fccce;
794  cursor: pointer;
795}
796.lf-progress:focus::-ms-fill-lower {
797  background: #ccc;
798}
799.lf-progress:focus::-ms-fill-upper {
800  background: #ccc;
801}
802.lf-player-container :focus {
803  outline: 0;
804}
805.lf-popover {
806  position: relative;
807}
808
809.lf-popover-content {
810  display: inline-block;
811  position: absolute;
812  opacity: 1;
813  visibility: visible;
814  transform: translate(0, -10px);
815  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
816  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
817}
818
819.lf-popover-content.hidden {
820  opacity: 0;
821  visibility: hidden;
822  transform: translate(0, 0px);
823}
824
825.lf-player-btn-container {
826  display: flex;
827  align-items: center;
828}
829.lf-player-btn {
830  cursor: pointer;
831  fill: #999;
832  width: 14px;
833}
834
835.lf-player-btn.active {
836  fill: #555;
837}
838
839.lf-popover {
840  position: relative;
841}
842
843.lf-popover-content {
844  display: inline-block;
845  position: absolute;
846  background-color: #ffffff;
847  opacity: 1;
848
849  transform: translate(0, -10px);
850  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
851  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
852  padding: 10px;
853}
854
855.lf-popover-content.hidden {
856  opacity: 0;
857  visibility: hidden;
858  transform: translate(0, 0px);
859}
860
861.lf-arrow {
862  position: absolute;
863  z-index: -1;
864  content: '';
865  bottom: -9px;
866  border-style: solid;
867  border-width: 10px 10px 0px 10px;
868}
869
870.lf-left-align,
871.lf-left-align .lfarrow {
872  left: 0;
873  right: unset;
874}
875
876.lf-right-align,
877.lf-right-align .lf-arrow {
878  right: 0;
879  left: unset;
880}
881
882.lf-text-input {
883  border: 1px #ccc solid;
884  border-radius: 5px;
885  padding: 3px;
886  width: 60px;
887  margin: 0;
888}
889
890.lf-color-picker {
891  display: flex;
892  flex-direction: row;
893  justify-content: space-between;
894  height: 90px;
895}
896
897.lf-color-selectors {
898  display: flex;
899  flex-direction: column;
900  justify-content: space-between;
901}
902
903.lf-color-component {
904  display: flex;
905  flex-direction: row;
906  font-size: 12px;
907  align-items: center;
908  justify-content: center;
909}
910
911.lf-color-component strong {
912  width: 40px;
913}
914
915.lf-color-component input[type='range'] {
916  margin: 0 0 0 10px;
917}
918
919.lf-color-component input[type='number'] {
920  width: 50px;
921  margin: 0 0 0 10px;
922}
923
924.lf-color-preview {
925  font-size: 12px;
926  display: flex;
927  flex-direction: column;
928  align-items: center;
929  justify-content: space-between;
930  padding-left: 5px;
931}
932
933.lf-preview {
934  height: 60px;
935  width: 60px;
936}
937
938.lf-popover-snapshot {
939  width: 150px;
940}
941.lf-popover-snapshot h5 {
942  margin: 5px 0 10px 0;
943  font-size: 0.75rem;
944}
945.lf-popover-snapshot a {
946  display: block;
947  text-decoration: none;
948}
949.lf-popover-snapshot a:before {
950  content: '⥼';
951  margin-right: 5px;
952}
953.lf-popover-snapshot .lf-note {
954  display: block;
955  margin-top: 10px;
956  color: #999;
957}
958.lf-player-controls > div {
959  margin-right: 5px;
960  margin-left: 5px;
961}
962.lf-player-controls > div:first-child {
963  margin-left: 0px;
964}
965.lf-player-controls > div:last-child {
966  margin-right: 0px;
967}
968</style>
969<style type="text/css">.lf-progress {
970  -webkit-appearance: none;
971  -moz-apperance: none;
972  width: 100%;
973  /* margin: 0 10px; */
974  height: 4px;
975  border-radius: 3px;
976  cursor: pointer;
977}
978.lf-progress:focus {
979  outline: none;
980  border: none;
981}
982.lf-progress::-moz-range-track {
983  cursor: pointer;
984  background: none;
985  border: none;
986  outline: none;
987}
988.lf-progress::-webkit-slider-thumb {
989  -webkit-appearance: none !important;
990  height: 13px;
991  width: 13px;
992  border: 0;
993  border-radius: 50%;
994  background: #0fccce;
995  cursor: pointer;
996}
997.lf-progress::-moz-range-thumb {
998  -moz-appearance: none !important;
999  height: 13px;
1000  width: 13px;
1001  border: 0;
1002  border-radius: 50%;
1003  background: #0fccce;
1004  cursor: pointer;
1005}
1006.lf-progress::-ms-track {
1007  width: 100%;
1008  height: 3px;
1009  cursor: pointer;
1010  background: transparent;
1011  border-color: transparent;
1012  color: transparent;
1013}
1014.lf-progress::-ms-fill-lower {
1015  background: #ccc;
1016  border-radius: 3px;
1017}
1018.lf-progress::-ms-fill-upper {
1019  background: #ccc;
1020  border-radius: 3px;
1021}
1022.lf-progress::-ms-thumb {
1023  border: 0;
1024  height: 15px;
1025  width: 15px;
1026  border-radius: 50%;
1027  background: #0fccce;
1028  cursor: pointer;
1029}
1030.lf-progress:focus::-ms-fill-lower {
1031  background: #ccc;
1032}
1033.lf-progress:focus::-ms-fill-upper {
1034  background: #ccc;
1035}
1036.lf-player-container :focus {
1037  outline: 0;
1038}
1039.lf-popover {
1040  position: relative;
1041}
1042
1043.lf-popover-content {
1044  display: inline-block;
1045  position: absolute;
1046  opacity: 1;
1047  visibility: visible;
1048  transform: translate(0, -10px);
1049  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1050  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
1051}
1052
1053.lf-popover-content.hidden {
1054  opacity: 0;
1055  visibility: hidden;
1056  transform: translate(0, 0px);
1057}
1058
1059.lf-player-btn-container {
1060  display: flex;
1061  align-items: center;
1062}
1063.lf-player-btn {
1064  cursor: pointer;
1065  fill: #999;
1066  width: 14px;
1067}
1068
1069.lf-player-btn.active {
1070  fill: #555;
1071}
1072
1073.lf-popover {
1074  position: relative;
1075}
1076
1077.lf-popover-content {
1078  display: inline-block;
1079  position: absolute;
1080  background-color: #ffffff;
1081  opacity: 1;
1082
1083  transform: translate(0, -10px);
1084  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1085  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
1086  padding: 10px;
1087}
1088
1089.lf-popover-content.hidden {
1090  opacity: 0;
1091  visibility: hidden;
1092  transform: translate(0, 0px);
1093}
1094
1095.lf-arrow {
1096  position: absolute;
1097  z-index: -1;
1098  content: '';
1099  bottom: -9px;
1100  border-style: solid;
1101  border-width: 10px 10px 0px 10px;
1102}
1103
1104.lf-left-align,
1105.lf-left-align .lfarrow {
1106  left: 0;
1107  right: unset;
1108}
1109
1110.lf-right-align,
1111.lf-right-align .lf-arrow {
1112  right: 0;
1113  left: unset;
1114}
1115
1116.lf-text-input {
1117  border: 1px #ccc solid;
1118  border-radius: 5px;
1119  padding: 3px;
1120  width: 60px;
1121  margin: 0;
1122}
1123
1124.lf-color-picker {
1125  display: flex;
1126  flex-direction: row;
1127  justify-content: space-between;
1128  height: 90px;
1129}
1130
1131.lf-color-selectors {
1132  display: flex;
1133  flex-direction: column;
1134  justify-content: space-between;
1135}
1136
1137.lf-color-component {
1138  display: flex;
1139  flex-direction: row;
1140  font-size: 12px;
1141  align-items: center;
1142  justify-content: center;
1143}
1144
1145.lf-color-component strong {
1146  width: 40px;
1147}
1148
1149.lf-color-component input[type='range'] {
1150  margin: 0 0 0 10px;
1151}
1152
1153.lf-color-component input[type='number'] {
1154  width: 50px;
1155  margin: 0 0 0 10px;
1156}
1157
1158.lf-color-preview {
1159  font-size: 12px;
1160  display: flex;
1161  flex-direction: column;
1162  align-items: center;
1163  justify-content: space-between;
1164  padding-left: 5px;
1165}
1166
1167.lf-preview {
1168  height: 60px;
1169  width: 60px;
1170}
1171
1172.lf-popover-snapshot {
1173  width: 150px;
1174}
1175.lf-popover-snapshot h5 {
1176  margin: 5px 0 10px 0;
1177  font-size: 0.75rem;
1178}
1179.lf-popover-snapshot a {
1180  display: block;
1181  text-decoration: none;
1182}
1183.lf-popover-snapshot a:before {
1184  content: '⥼';
1185  margin-right: 5px;
1186}
1187.lf-popover-snapshot .lf-note {
1188  display: block;
1189  margin-top: 10px;
1190  color: #999;
1191}
1192.lf-player-controls > div {
1193  margin-right: 5px;
1194  margin-left: 5px;
1195}
1196.lf-player-controls > div:first-child {
1197  margin-left: 0px;
1198}
1199.lf-player-controls > div:last-child {
1200  margin-right: 0px;
1201}
1202</style>
1203<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1204<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/gdocs-overrides.css?glv=1745827832" rel="stylesheet"/>
1205<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1206<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1207<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1208<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/shadow.css?glv=1745827832" rel="stylesheet"/>
1209<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/styles.css?glv=1745827832" rel="stylesheet"/>
1210<style type="text/css">.lf-progress {
1211  -webkit-appearance: none;
1212  -moz-apperance: none;
1213  width: 100%;
1214  /* margin: 0 10px; */
1215  height: 4px;
1216  border-radius: 3px;
1217  cursor: pointer;
1218}
1219.lf-progress:focus {
1220  outline: none;
1221  border: none;
1222}
1223.lf-progress::-moz-range-track {
1224  cursor: pointer;
1225  background: none;
1226  border: none;
1227  outline: none;
1228}
1229.lf-progress::-webkit-slider-thumb {
1230  -webkit-appearance: none !important;
1231  height: 13px;
1232  width: 13px;
1233  border: 0;
1234  border-radius: 50%;
1235  background: #0fccce;
1236  cursor: pointer;
1237}
1238.lf-progress::-moz-range-thumb {
1239  -moz-appearance: none !important;
1240  height: 13px;
1241  width: 13px;
1242  border: 0;
1243  border-radius: 50%;
1244  background: #0fccce;
1245  cursor: pointer;
1246}
1247.lf-progress::-ms-track {
1248  width: 100%;
1249  height: 3px;
1250  cursor: pointer;
1251  background: transparent;
1252  border-color: transparent;
1253  color: transparent;
1254}
1255.lf-progress::-ms-fill-lower {
1256  background: #ccc;
1257  border-radius: 3px;
1258}
1259.lf-progress::-ms-fill-upper {
1260  background: #ccc;
1261  border-radius: 3px;
1262}
1263.lf-progress::-ms-thumb {
1264  border: 0;
1265  height: 15px;
1266  width: 15px;
1267  border-radius: 50%;
1268  background: #0fccce;
1269  cursor: pointer;
1270}
1271.lf-progress:focus::-ms-fill-lower {
1272  background: #ccc;
1273}
1274.lf-progress:focus::-ms-fill-upper {
1275  background: #ccc;
1276}
1277.lf-player-container :focus {
1278  outline: 0;
1279}
1280.lf-popover {
1281  position: relative;
1282}
1283
1284.lf-popover-content {
1285  display: inline-block;
1286  position: absolute;
1287  opacity: 1;
1288  visibility: visible;
1289  transform: translate(0, -10px);
1290  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1291  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
1292}
1293
1294.lf-popover-content.hidden {
1295  opacity: 0;
1296  visibility: hidden;
1297  transform: translate(0, 0px);
1298}
1299
1300.lf-player-btn-container {
1301  display: flex;
1302  align-items: center;
1303}
1304.lf-player-btn {
1305  cursor: pointer;
1306  fill: #999;
1307  width: 14px;
1308}
1309
1310.lf-player-btn.active {
1311  fill: #555;
1312}
1313
1314.lf-popover {
1315  position: relative;
1316}
1317
1318.lf-popover-content {
1319  display: inline-block;
1320  position: absolute;
1321  background-color: #ffffff;
1322  opacity: 1;
1323
1324  transform: translate(0, -10px);
1325  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1326  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
1327  padding: 10px;
1328}
1329
1330.lf-popover-content.hidden {
1331  opacity: 0;
1332  visibility: hidden;
1333  transform: translate(0, 0px);
1334}
1335
1336.lf-arrow {
1337  position: absolute;
1338  z-index: -1;
1339  content: '';
1340  bottom: -9px;
1341  border-style: solid;
1342  border-width: 10px 10px 0px 10px;
1343}
1344
1345.lf-left-align,
1346.lf-left-align .lfarrow {
1347  left: 0;
1348  right: unset;
1349}
1350
1351.lf-right-align,
1352.lf-right-align .lf-arrow {
1353  right: 0;
1354  left: unset;
1355}
1356
1357.lf-text-input {
1358  border: 1px #ccc solid;
1359  border-radius: 5px;
1360  padding: 3px;
1361  width: 60px;
1362  margin: 0;
1363}
1364
1365.lf-color-picker {
1366  display: flex;
1367  flex-direction: row;
1368  justify-content: space-between;
1369  height: 90px;
1370}
1371
1372.lf-color-selectors {
1373  display: flex;
1374  flex-direction: column;
1375  justify-content: space-between;
1376}
1377
1378.lf-color-component {
1379  display: flex;
1380  flex-direction: row;
1381  font-size: 12px;
1382  align-items: center;
1383  justify-content: center;
1384}
1385
1386.lf-color-component strong {
1387  width: 40px;
1388}
1389
1390.lf-color-component input[type='range'] {
1391  margin: 0 0 0 10px;
1392}
1393
1394.lf-color-component input[type='number'] {
1395  width: 50px;
1396  margin: 0 0 0 10px;
1397}
1398
1399.lf-color-preview {
1400  font-size: 12px;
1401  display: flex;
1402  flex-direction: column;
1403  align-items: center;
1404  justify-content: space-between;
1405  padding-left: 5px;
1406}
1407
1408.lf-preview {
1409  height: 60px;
1410  width: 60px;
1411}
1412
1413.lf-popover-snapshot {
1414  width: 150px;
1415}
1416.lf-popover-snapshot h5 {
1417  margin: 5px 0 10px 0;
1418  font-size: 0.75rem;
1419}
1420.lf-popover-snapshot a {
1421  display: block;
1422  text-decoration: none;
1423}
1424.lf-popover-snapshot a:before {
1425  content: '⥼';
1426  margin-right: 5px;
1427}
1428.lf-popover-snapshot .lf-note {
1429  display: block;
1430  margin-top: 10px;
1431  color: #999;
1432}
1433.lf-player-controls > div {
1434  margin-right: 5px;
1435  margin-left: 5px;
1436}
1437.lf-player-controls > div:first-child {
1438  margin-left: 0px;
1439}
1440.lf-player-controls > div:last-child {
1441  margin-right: 0px;
1442}
1443</style>
1444<style type="text/css">.lf-progress {
1445  -webkit-appearance: none;
1446  -moz-apperance: none;
1447  width: 100%;
1448  /* margin: 0 10px; */
1449  height: 4px;
1450  border-radius: 3px;
1451  cursor: pointer;
1452}
1453.lf-progress:focus {
1454  outline: none;
1455  border: none;
1456}
1457.lf-progress::-moz-range-track {
1458  cursor: pointer;
1459  background: none;
1460  border: none;
1461  outline: none;
1462}
1463.lf-progress::-webkit-slider-thumb {
1464  -webkit-appearance: none !important;
1465  height: 13px;
1466  width: 13px;
1467  border: 0;
1468  border-radius: 50%;
1469  background: #0fccce;
1470  cursor: pointer;
1471}
1472.lf-progress::-moz-range-thumb {
1473  -moz-appearance: none !important;
1474  height: 13px;
1475  width: 13px;
1476  border: 0;
1477  border-radius: 50%;
1478  background: #0fccce;
1479  cursor: pointer;
1480}
1481.lf-progress::-ms-track {
1482  width: 100%;
1483  height: 3px;
1484  cursor: pointer;
1485  background: transparent;
1486  border-color: transparent;
1487  color: transparent;
1488}
1489.lf-progress::-ms-fill-lower {
1490  background: #ccc;
1491  border-radius: 3px;
1492}
1493.lf-progress::-ms-fill-upper {
1494  background: #ccc;
1495  border-radius: 3px;
1496}
1497.lf-progress::-ms-thumb {
1498  border: 0;
1499  height: 15px;
1500  width: 15px;
1501  border-radius: 50%;
1502  background: #0fccce;
1503  cursor: pointer;
1504}
1505.lf-progress:focus::-ms-fill-lower {
1506  background: #ccc;
1507}
1508.lf-progress:focus::-ms-fill-upper {
1509  background: #ccc;
1510}
1511.lf-player-container :focus {
1512  outline: 0;
1513}
1514.lf-popover {
1515  position: relative;
1516}
1517
1518.lf-popover-content {
1519  display: inline-block;
1520  position: absolute;
1521  opacity: 1;
1522  visibility: visible;
1523  transform: translate(0, -10px);
1524  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1525  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
1526}
1527
1528.lf-popover-content.hidden {
1529  opacity: 0;
1530  visibility: hidden;
1531  transform: translate(0, 0px);
1532}
1533
1534.lf-player-btn-container {
1535  display: flex;
1536  align-items: center;
1537}
1538.lf-player-btn {
1539  cursor: pointer;
1540  fill: #999;
1541  width: 14px;
1542}
1543
1544.lf-player-btn.active {
1545  fill: #555;
1546}
1547
1548.lf-popover {
1549  position: relative;
1550}
1551
1552.lf-popover-content {
1553  display: inline-block;
1554  position: absolute;
1555  background-color: #ffffff;
1556  opacity: 1;
1557
1558  transform: translate(0, -10px);
1559  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1560  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
1561  padding: 10px;
1562}
1563
1564.lf-popover-content.hidden {
1565  opacity: 0;
1566  visibility: hidden;
1567  transform: translate(0, 0px);
1568}
1569
1570.lf-arrow {
1571  position: absolute;
1572  z-index: -1;
1573  content: '';
1574  bottom: -9px;
1575  border-style: solid;
1576  border-width: 10px 10px 0px 10px;
1577}
1578
1579.lf-left-align,
1580.lf-left-align .lfarrow {
1581  left: 0;
1582  right: unset;
1583}
1584
1585.lf-right-align,
1586.lf-right-align .lf-arrow {
1587  right: 0;
1588  left: unset;
1589}
1590
1591.lf-text-input {
1592  border: 1px #ccc solid;
1593  border-radius: 5px;
1594  padding: 3px;
1595  width: 60px;
1596  margin: 0;
1597}
1598
1599.lf-color-picker {
1600  display: flex;
1601  flex-direction: row;
1602  justify-content: space-between;
1603  height: 90px;
1604}
1605
1606.lf-color-selectors {
1607  display: flex;
1608  flex-direction: column;
1609  justify-content: space-between;
1610}
1611
1612.lf-color-component {
1613  display: flex;
1614  flex-direction: row;
1615  font-size: 12px;
1616  align-items: center;
1617  justify-content: center;
1618}
1619
1620.lf-color-component strong {
1621  width: 40px;
1622}
1623
1624.lf-color-component input[type='range'] {
1625  margin: 0 0 0 10px;
1626}
1627
1628.lf-color-component input[type='number'] {
1629  width: 50px;
1630  margin: 0 0 0 10px;
1631}
1632
1633.lf-color-preview {
1634  font-size: 12px;
1635  display: flex;
1636  flex-direction: column;
1637  align-items: center;
1638  justify-content: space-between;
1639  padding-left: 5px;
1640}
1641
1642.lf-preview {
1643  height: 60px;
1644  width: 60px;
1645}
1646
1647.lf-popover-snapshot {
1648  width: 150px;
1649}
1650.lf-popover-snapshot h5 {
1651  margin: 5px 0 10px 0;
1652  font-size: 0.75rem;
1653}
1654.lf-popover-snapshot a {
1655  display: block;
1656  text-decoration: none;
1657}
1658.lf-popover-snapshot a:before {
1659  content: '⥼';
1660  margin-right: 5px;
1661}
1662.lf-popover-snapshot .lf-note {
1663  display: block;
1664  margin-top: 10px;
1665  color: #999;
1666}
1667.lf-player-controls > div {
1668  margin-right: 5px;
1669  margin-left: 5px;
1670}
1671.lf-player-controls > div:first-child {
1672  margin-left: 0px;
1673}
1674.lf-player-controls > div:last-child {
1675  margin-right: 0px;
1676}
1677</style>
1678<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1679<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/gdocs-overrides.css?glv=1745827832" rel="stylesheet"/>
1680<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1681<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1682<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/quillbot-fonts.css?glv=1745827832" rel="stylesheet"/>
1683<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/shadow.css?glv=1745827832" rel="stylesheet"/>
1684<link href="chrome-extension://iidnbdjijdkbmajdffnidomddglmieko/assets/css/styles.css?glv=1745827832" rel="stylesheet"/>
1685<meta content="Optical Lens, Eye Lenses, Resin Lens - JINRUISHI" property="og:title"/>
1686<meta content="site" property="og:type"/>
1687<meta content="Optical Lens, Eye Lenses, Resin Lens - JINRUISHI" property="og:site_name"/>
1688<script type="application/ld+json">[
1689  {
1690    "@context": "https://schema.org/",
1691    "@type": "Organization",
1692    "Logo": "/source/9e49a742e307b0152d57637b336ea093/ico.png",
1693    "Name": "JINRUISHI Optical Glasses Co., Ltd.",
1694    "Url": "https://www.jrsoptics.com/",
1695    "ContactPoint": [
1696      {
1697        "@type": "ContactPoint",
1698        "Telephone": "[email protected]",
1699        "ContactType": "customer service"
1700      }
1701    ]
1702  },
1703  {
1704    "@context": "https://schema.org/",
1705    "@type": "WebSite",
1706    "Name": "JINRUISHI Optical Glasses Co., Ltd.",
1707    "Url": "https://www.jrsoptics.com/",
1708    "PotentialAction": {
1709      "Query-Input": {
1710        "ValueName": "search_string",
1711        "ValueRequired": true,
1712        "@type": "PropertyValueSpecification"
1713      },
1714      "Target": {
1715        "UrlTemplate": "https://www.jrsoptics.com/search/?search={search_string}",
1716        "@type": "EntryPoint"
1717      },
1718      "@context": "https://schema.org/",
1719      "@type": "SearchAction"
1720    }
1721  }
1722]</script>
1722<script>var pageType = "index"</script>
1722<meta content="1" name="JOGOEJISAMPAI"/>
1723<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
1723<script>var currentPage = "index"</script>
1723<script>var pageRoute = "index"</script>
1723<meta content="https://www.jrsoptics.com/index.html" property="og:url"/>
1724<meta content="/source/a390d784523968595144a30ffd8ccc54/jrs-logo1.png" property="og:image"/>
1725<link href="https://www.jrsoptics.com/" rel="canonical"/><meta content="0" name="cookie_consent_banner"/>
1726</head>
1727<body class="demo118-body" data-aos-delay="0" data-aos-duration="400" data-aos-easing="ease" data-gr-ext-installed="" data-new-gr-c-s-check-loaded="14.1232.0" data-new-gr-c-s-loaded="14.1232.0" page-route="index" page-type="index" unevents="1">
1728    <!-- header -->
1729    <header class="section-header-wrap-block section-block-demo42-header" data-screen="screen-large" head-active-bg="head-ac-bg" head-active-bg-ani="head-ac-bg-an2" head-active-bg-color="head-ac-bg-color-theme" head-active-text-color="head-ac-text-color-white" headerindex="1" headerprivate="1" search-placeholder-color="placeholder-color-grey" search-style="search-style-2"><div class="layout nav-box" data-unable="demo42-header">
1730            <a aria-label="logo" class="logo" href="/" itemscope="1" itemtype="http://schema.org/ImageObject" title="logo"><img alt="JRS logouee" class="logo-top" data-src-desktop="/source/a390d784523968595144a30ffd8ccc54/jrs-logo1.png" data-src-mobile="/source/a390d784523968595144a30ffd8ccc54/jrs-logo1.png" itemprop="image" src="/source/a390d784523968595144a30ffd8ccc54/jrs-logo1.png"/><img alt="logo-fax" class="logo-fax" data-src-desktop="/source/ec0d278c1cddab45e5b7b2a381d112f7/logos.png" itemprop="image" src="/source/ec0d278c1cddab45e5b7b2a381d112f7/logos.png"/></a>
1731            <ul blockitems="1" class="nav" data-module="1" data-nav-type="default" navsubtype="1">
1732<li blockitem="1" data-page="index">
1733<a href="/" target="_self" title="Home"><i class="ico" itemscope="1" itemtype="http://schema.org/ImageObject" style="display:none;"><img alt="Home" blockimagetype="1" itemprop="image" src="/index.html" style="display:none;"/></i><em blocktitle="1">Home</em></a>
1734                </li>
1735<li blockitem="1" data-page="products">
1736<a href="/products/" target="_self" title="products"><i class="ico" itemscope="1" itemtype="http://schema.org/ImageObject"><img alt="Products" blockimagetype="1" itemprop="image" src="/index.html" style="display:none;"/></i><em blocktitle="1">Products</em></a>
1737                <ul>
1738<li blockitem="1" data-page="stock-lens">
1739<a href="/stock-lens/" target="_self" title="Stock Lens"><i class="ico" itemscope="1" itemtype="http://schema.org/ImageObject" style="display:none;"><img alt="Stock Lens" blockimagetype="1" itemprop="image" src="/index.html" style="display:none;"/></i><em blocktitle="1">Stock Lens</em></a>
1740                </li>
1741<div blockdesc="1" class="desc">
1742                                    <div class="desc-img" itemscope="1" itemtype="http://schema.org/ImageObject"><img alt="Products" itemprop="image" src="/index.html"/></div>
1743                                    <div class="desc-text"></div>
1744                                </div>
1745</ul>
1746</li>
1747<li blockitem="1" data-page="about-us">
1748<a href="/about-us/" target="_self" title="About Us"><i class="ico" itemscope="1" itemtype="http://schema.org/ImageObject" style="display:none;"><img alt="About Us" blockimagetype="1" itemprop="image" src="/index.html" style="display:none;"/></i><em blocktitle="1">About Us</em></a>
1749                </li>
1750<li blockitem="1" data-page="news">
1751<a href="/news/" target="_self" title="News"><i class="ico" itemscope="1" itemtype="http://schema.org/ImageObject" style="display:none;"><img alt="News" blockimagetype="1" itemprop="image" src="/index.html" style="display:none;"/></i><em blocktitle="1">News</em></a>
1752                </li>
1753<li blockitem="1" data-page="contact-us">
1754<a href="/contact-us/" target="_self" title="Contact Us"><i class="ico" itemscope="1" itemtype="http://schema.org/ImageObject" style="display:none;"><img alt="Contact Us" blockimagetype="1" itemprop="image" src="/index.html" style="display:none;"/></i><em blocktitle="1">Contact Us</em></a>
1755                </li>
1756</ul>
1757<div class="search">
1758                <button class="search-toggle" id="search-toggle" onclick="GlobalsoIframe.
1758search.init(this)" type="button">
1759                    <svg fill="#fff" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z"></path></g></svg></button>
1760                <div class="search-dropdown-menu">
1761                    <div class="search-close" id="search-close" onclick="GlobalsoIframe.search.init(this)"><svg fill="#333" height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"></path></g></svg></div>
1762                    <form action="/search/">
1763                        <input class="form-control" name="search" placeholder="Search..." type="text"/><button class="btn-search" type="submit">
1764                            <svg fill="#666" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z"></path></g></svg></button>
1765
1766                    </form>
1767                </div>
1768            </div>
1769        </div>
1770        <div class="pop-box inquiry-box form-header-demo1-block" id="formId601">
1771            <div class="box-container">
1772                <div class="box-header">
1773<strong class="title">Leave Your Message</strong><i class="close" onclick="GlobalsoIframe.popUp.inquiryClose(this)"><svg fill="#333" height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"></path></g></svg></i>
1774</div>
1775                <div class="box-body">
1776                    <div class="form-header-inquiry-block">
1777                        <form action="/search/" class="inquiry-form">
1778                            <div class="form-item item-name" required="true">
1779<input data-inquiry-message="*Name Cannot be empty!" name="name" placeholder="* Name" required="required" type="text" value=""/><span class="form-checktip"></span>
1780</div>
1781                            <div class="form-item item-email" required="true">
1782<input data-inquiry-message="Enter a Warming that does not meet the criteria!" name="email" placeholder="* Email (We will reply you via email in 24 hours)" required="required" type="email" value=""/><span class="form-checktip"></span>
1783</div>
1784                            <div class="form-item item-phone">
1785<input data-inquiry-message="Enter a Warming that does not meet the criteria!" name="phone" placeholder="Phone/WhatsApp/WeChat (Very important)" type="tel" value=""/><span class="form-checktip"></span>
1786</div>
1787                            <div class="form-item item-message" required="true">
1788<textarea data-inquiry-message="* Enter product details such as size, color,materials etc. and other specific requirements to receive an accurate quote. Cannot be empty" name="message" placeholder="* Enter product details such as size, color, materials etc. and other specific requirements to receive an accurate quote." required="required"></textarea><span class="form-checktip"></span>
1789</div>
1790                            <div class="form-item item-submit"><button class="btn btn-submit" id="project_2233_form_submit_index_1" onclick="GlobalsoIframe.inquiryform.verifyRules(this)" type="submit">Send<i class="la"></i><i class="btn-ani"></i></button></div>
1791                        </form>
1792                    </div>
1793                </div>
1794            </div>
1795        </div>
1796        <style>
1797            .section-block-demo42-header {
1798                position: absolute;
1799                background: none;
1800                box-shadow: none;
1801            }
1802
1803            .section-block-demo42-header .logo img {
1804                height: auto;
1805                max-height: 60px;
1806            }
1807
1808            .section-block-demo42-header .change-language .change-language-title {
1809                color: #fff;
1810            }
1811
1812            .section-block-demo42-header .head-top {
1813                border-bottom: 1px solid rgba(255, 255, 255, .4);
1814            }
1815
1816            .section-block-demo42-header .head-top .layout {
1817                height: 45px;
1818            }
1819
1820            .section-block-demo42-header .head-top .layout .head-contact {
1821                width: 35.6%;
1822                display: flex;
1823                justify-content: space-between;
1824                min-width: 470px;
1825            }
1826
1827            .section-block-demo42-header .head-top .layout .head-contact li a i {
1828                margin-right: 5px;
1829                position: relative;
1830                top: -1px;
1831            }
1832
1833            .section-block-demo42-header .head-top .layout .head-contact li a span.top_label {
1834                color: #ffffff;
1835            }
1836
1837            .section-block-demo42-header .head-top .layout .head-sns {
1838                display: flex;
1839            }
1840
1841            .section-block-demo42-header .head-top .layout .head-sns li {
1842                list-style: none;
1843                width: 23.5px;
1844                height: 23.5px;
1845                border-radius: 50%;
1846                border: 1px solid #fff;
1847                text-align: center;
1848                display: flex;
1849                align-items: center;
1850                justify-content: center;
1851                margin-left: 12px;
1852            }
1853
1854            .section-block-demo42-header .head-top .layout .head-sns li a {
1855                position: relative;
1856                top: -1px;
1857                -webkit-transition: all .3s ease;
1858                -moz-transition: all .3s ease;
1859                -o-transition: all .3s ease;
1860                transition: all .3s ease;
1861                -ms-transition: all .3s ease;
1862
1863            }
1864
1865            .section-block-demo42-header .head-top .layout .head-sns li a:hover {
1866                transform: rotate(30deg);
1867            }
1868
1869            .section-block-demo42-header .nav {
1870                justify-content: right;
1871            }
1872
1873            .section-block-demo42-header .change-language {
1874                margin-left: 3rem;
1875            }
1876
1877            .section-block-demo42-header .nav>
1877li {
1878                margin: 0 10px;
1879            }
1880
1881            .section-block-demo42-header .nav>li>a {
1882                padding: 7px 12px;
1883                line-height: 100%;
1884                text-transform: uppercase;
1885                color: #fff;
1886            }
1887
1888            .section-block-demo42-header>.layout {
1889                padding: 10px 0
1890            }
1891
1892            .section-block-demo42-header[head-active-bg-color="head-ac-bg-color-theme"] .nav>li>a::after {
1893                background: -webkit-linear-gradient(180deg, var(--bs-sec-theme-color), var(--bs-theme-color));
1894            }
1895
1896            .section-block-demo42-header.fixed-nav {
1897                background: rgba(7, 108, 193, .7);
1898            }
1899
1900            .section-block-demo42-header.fixed-nav .logo img {
1901                filter: brightness(0%) invert(100%);
1902            }
1903
1904            .section-block-demo42-header .nav[navsubtype]>li:not([data-sub-type]) li a {
1905                color: var(--bs-link-color);
1906            }
1907
1908            @media (max-width: 1600px) {
1909                .section-block-demo42-header .logo img {
1910                    max-height: 35px;
1911                }
1912
1913                .section-header-wrap-block .nav>li {
1914                    font-size: 14px;
1915                }
1916
1917                .section-block-demo42-header .nav>li {
1918                    margin: 0 5px;
1919                }
1920            }
1921
1922            @media (max-width: 1280px) {
1923                .section-block-demo42-header .logo img {
1924                    max-height: 20px;
1925                }
1926            }
1927
1928            @media (max-width: 992px) {
1929
1930                .section-block-demo42-header>.layout,
1931                .section-block-demo42-header .head-top {
1932                    display: none;
1933                }
1934
1935                .section-block-demo42-header .logo img {
1936                    max-height: 30px;
1937                }
1938
1939                .section-block-demo42-header {
1940                    position: fixed;
1941                }
1942
1943                
1944            }
1945            .logo-top{
1946                display: block;
1947            }
1948            .logo-fax{
1949                display: none;
1950            }
1951            .fixed-nav .logo-top{
1952                display: none !important;
1953            }
1954            .fixed-nav .logo-fax{
1955                display: block !important;
1956            }
1957        </style>
1958<script>
1959        </script>
1959</header><main><section banner-text-position="hide" class="section-banner-wrap-block section-block-demo118-banner1" data-pagination="always-show" data-screen="screen-full" data-section="section" id="sectionIdyyg5788" mask-opacity="9" pagination-btn-color="white" pagination-style="custom-5" slide-btn-style="square" slide-button="slide-button-always-show"><div class="layout outer-swiper-wrap" data-unable="demo118-banner1">
1960                    <div class="execute-swiper-slide swiper-backface-hidden">
1961                        <div aria-live="polite" class="swiper-wrapper" data-swiper-wrapper="swiperdestroy" wrapper-id="swiper-wrapper-84f31657526dbf21">
1962                            <div aria-label="1 / 3" class="swiper-slide" data-slide-type="active" role="group">
1963                                <a class="item-inner" href="/products/" itemscope="1" itemtype="http://schema.org/ImageObject">
1964                                    <img alt="What Wherever Enjoy Together" class="ani" data-src-desktop="/source/b0050ec6a54ba667551e1adeb70e587f/banner1-1.jpg" data-src-mobile="/source/b0050ec6a54ba667551e1adeb70e587f/banner1-1.jpg" href="https://v6-12djz.globalso.site/products/" itemprop="image" src="/source/b0050ec6a54ba667551e1adeb70e587f/banner1-1.jpg" swiper-animate-delay="0s" swiper-animate-duration="2.5s"/></a>
1965                            <div class="swiper-slide-shadow-left" style="opacity: 0;"></div>
1966<div class="swiper-slide-shadow-right" style="opacity: 0;"></div>
1967</div>
1968<div aria-label="1 / 3" class="swiper-slide" data-slide-type="next" role="group">
1969                                <a class="item-inner" href="/stock-lens/" itemscope="1" itemtype="http://schema.org/ImageObject">
1970                                    <img alt="What Wherever Enjoy Together" class="ani" data-src-desktop="/source/a4a02c720596f8f3fd598f1ea3a717ea/banner2_picture-king.jpg" data-src-mobile="/source/f47aae8fcbdd290ea5bc4912d78a62e3/jrs-2-1.jpg" href="https://v6-12djz.globalso.site/products/" itemprop="image" src="/source/a4a02c720596f8f3fd598f1ea3a717ea/banner2_picture-king.jpg" swiper-animate-delay="0s" swiper-animate-duration="2.5s"/></a>
1971                            <div class="swiper-slide-shadow-left" style="opacity: 1;"></div>
1972<div class="swiper-slide-shadow-right" style="opacity: 0;"></div>
1973</div>
1974<div aria-label="1 / 3" class="swiper-slide" data-slide-type="next" role="group">
1975                                <a class="item-inner" href="/about-us/" itemscope="1" itemtype="http://schema.org/ImageObject">
1976                                    <img alt="What Wherever Enjoy Together" class="ani" data-src-desktop="/source/baa06c7538d4fde534a1e5a8109f2037/banner-slide3.jpg" data-src-mobile="/source/baa06c7538d4fde534a1e5a8109f2037/banner-slide3.jpg" href="https://v6-12djz.globalso.site/products/" itemprop="image" src="/source/baa06c7538d4fde534a1e5a8109f2037/banner-slide3.jpg" swiper-animate-delay="0s" swiper-animate-duration="2.5s"/></a>
1977                            <div class="swiper-slide-shadow-left" style="opacity: 1;"></div>
1978<div class="swiper-slide-shadow-right" style="opacity: 0;"></div>
1979</div>
1980                            
1981                            
1982                            
1983                            
1984    
1985    
1986                        </div>
1987    
1988                    </div>
1989                    <div class="swiper-control">
1990                        <div aria-controls="swiper-wrapper-84f31657526dbf21" aria-disabled="true" aria-label="Previous slide" class="swiper-button swiper-button-prev" role="button" tabindex="-1"></div>
1991                        <div class="swiper-pagination">
1992<span class="swiper-pagination-current">01</span><i>/</i><span class="swiper-pagination-total">03</span>
1993</div>
1994                        <div aria-controls="swiper-wrapper-84f31657526dbf21" aria-disabled="false" aria-label="Next slide" class="swiper-button swiper-button-next" role="button" tabindex="0"></div>
1995                    </div>
1996                </div>
1997                <style>
1998                    .section-block-demo118-banner1 .banner-video-box video {
1999                        height: 100%;
2000                        width: 100%;
2001                        object-fit: cover;
2002                    }
2003    
2004                    .section-block-demo118-banner1 .item-info .btn {
2005                        padding: 0.8rem 2.5rem;
2006                    }
2007    
2008    
2009                    .section-block-demo118-banner1 .item-info .item-title {
2010                        font-size: 60px;
2011                    }
2012    
2013                    .section-block-demo118-banner1 .item-info .item-desc {
2014                        text-shadow: 3px 3px 3px rgba(0, 0, 0, .78);
2015                    }
2016    
2017                    .section-block-demo118-banner1 .swiper-pagination-custom {
2018                        text-align: right;
2019                        padding-right: 8.64%;
2020                    }
2021    
2022                    .section-block-demo118-banner1 .swiper-pagination-custom .swiper-pagination-current {
2023                        font-family: Roboto-Medium;
2024                        font-size: 60px;
2025                        line-height: 22px;
2026                        color: #0699cf;
2027                    }
2028    
2029                    .section-block-demo118-banner1 .swiper-pagination-custom .swiper-pagination-total {
2030                        font-family: Roboto-Medium;
2031                        font-size: 24px;
2032                        letter-spacing: 0px;
2033                        color: #ffffff;
2034                    }
2035    
2036                    .section-block-demo118-banner1[slide-btn-style="square"] .swiper-button {
2037                        width: 41px;
2038                        height: 41px;
2039                        background: rgba(255, 255, 255, 0.7);
2040                        border: none;
2041                    }
2042    
2043    
2044                    .section-block-demo118-banner1[slide-btn-style="square"] .swiper-button-next::before {
2045                        content: '\f054';
2046                        color: #fff;
2047                    }
2048    
2049                    .section-block-demo118-banner1[slide-btn-style="square"] .swiper-button-prev::before {
2050                        color: #fff;
2051                        content: '\f053';
2052                    }
2053    
2054                    @media only screen and (max-width:992px) {
2055                        .section-block-demo118-banner1 .swiper-control {
2056                            display: none;
2057                        }
2058                    }
2059                </style>
2060<script>GlobalsoIframe.Swiper.swiperNormal({"container":"#sectionIdyyg5788 .execute-swiper-slide","effect":"slide","delay":"5000","speed":1200,"paginationType":"custom","autoPlay":"true"})</script>
2060</section><section block-border-padding="7" block-content-blockicotype="1" block-content-desc="1" block-content-params="1" block-content-time="1" block-items-num="2" class="section-generalimgtext-wrap-block section-block-demo141-generalimgtext1" data-screen="screen-xxl" data-section="section" galleryitems="1" id="sectionId45idibu" mask-ani="10" mask-opacity="2" pictext-coincide="1" text-display-meth="6"><div class="layout title-bar aos-init" data-aos="fadeInLeft" data-aos-duration="1000">
2061                    <h1 class="title" content-text="1" heading-type="1" sectiontitle="1" textalign="center">Product Category</h1>
2062                    <p class="desc" textalign="center">Your Success, Our Commitment: Signature Products, Unmatched Quality</p>
2063                </div>
2064                <div blockitems="1" class="layout sc-block-items aos-init" data-aos="fadeInUp" data-aos-duration="1000" data-unable="demo141-generalimgtext1">
2065                    <div blockitem="1" class="block-item sc-block-item" style='background-image: url("/source/76b46667b637797f8dfe38f64b2a49f2/cpflbj11.jpg");'>
2066                        <a class="item-inner" href="/stock-lens/">
2067                            <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
2068                                <img alt="fleiufk" blockimagetype="1" itemprop="image" src="/source/1ad69bc9c7227647b63280953b7995b1/fle.png"/><div class="item-btn"><svg height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"></path></g></svg></div>
2069                            </div>
2070                            <div class="item-info">
2071                                <i class="item-order">01</i>
2072                                <span class="item-bg"></span>
2073                                <div class="item-time">
2074                                    <svg height="22" stroke-width="2" viewBox="0 0 24 24" width="25" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z"></path></g></svg><em>7 Jan 2019</em>
2075                                </div>
2076                                <h3 blocktitle="1" class="item-title">Finished Stock Lens <br/>
2077</h3>
2078                                <div blockdesc="1" class="item-desc">
2079                                    Lorem ipsum dolor sit amet, sea no tantas consul disputationi, ei his tota legere.
2080                                </div>
2081                                <div btn-arrow="arrow-right2" btn-bg-color="none" btn-border-color="none" btn-hover-animation="btn-ani-wave" btn-hover-bg-color="none" btn-hover-border-color="none" btn-text-color="theme" class="btn item-more">view more<i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: 202.767px; top: 28.5833px;"></i>
2082                                </div>
2083                            </div>
2084                        </a>
2085                    </div>
2086<div blockitem="1" class="block-item sc-block-item" style='background-image: url("/source/a5398e140c98074735da3294634cfbda/cpflbj2.jpg");'>
2087                        <a class="item-inner" href="/stock-lens/">
2088                            <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
2089                                <img alt="flei2muf" blockimagetype="1" itemprop="image" src="/source/82948eff528134b0a145661cadab7dfd/flei2.png"/><div class="item-btn"><svg height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"></path></g></svg></div>
2090                            </div>
2091                            <div class="item-info">
2092                                <i class="item-order">01</i>
2093                                <span class="item-bg"></span>
2094                                <div class="item-time">
2095                                    <svg height="22" stroke-width="2" viewBox="0 0 24 24" width="25" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z"></path></g></svg><em>7 Jan 2019</em>
2096                                </div>
2097                                <h3 blocktitle="1" class="item-title">Semi-Finished Lens <br/>
2098</h3>
2099                                <div blockdesc="1" class="item-desc">
2100                                    Lorem ipsum dolor sit amet, sea no tantas consul disputationi, ei his tota legere.
2101                                </div>
2102                                <div btn-arrow="arrow-right2" btn-bg-color="none" btn-border-color="none" btn-hover-animation="btn-ani-wave" btn-hover-bg-color="none" btn-hover-border-color="none" btn-text-color="theme" class="btn item-more">view more<i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: -1.53333px; top: 20.5833px;"></i>
2103                                </div>
2104                            </div>
2105                        </a>
2106                    </div>
2107                    
2108                    
2109                    <div blockitem="1" class="block-item sc-block-item category_img" style='background-image: url("/source/e9412ec2449875c382d91774b97baef2/convenient-and-fast1.jpg");'>
2110                        
2111                    </div>
2112                    
2113    
2114                </div>
2115    
2116                <style>
2117                    .section-block-demo141-generalimgtext1 {
2118                        position: relative;
2119                        padding: 6rem 0
2120                    }
2121    
2122                    .section-block-demo141-generalimgtext1 .title-bar {
2123                        margin-bottom: 3rem;
2124                        padding: 0 2.5%
2125                    }
2126    
2127                    .section-block-demo141-generalimgtext1 .title-bar .title {
2128                        padding: .5rem 0;
2129                        text-transform: capitalize;
2130                        color: #030000
2131                    }
2132    
2133                    .section-block-demo141-generalimgtext1 .title-bar .text {
2134                        text-align: left;
2135                        font-size: 1.285rem;
2136                        color: #999999
2137                    }
2138    
2139                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-items:after {
2140                        clear: both;
2141                        display: block;
2142                        visibility: hidden;
2143                        height: 0;
2144                        content: ""
2145                    }
2146    
2147                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item {
2148                        padding: 0;
2149                        width: 49%;
2150                        float: right
2151                    }
2152    
2153                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item:nth-child(1) {
2154                        width: 50%;
2155                        float: left
2156                    }
2157    
2158                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item:nth-child(2) {
2159                        margin-bottom: 1.15%
2160                    }
2161    
2162                    .section-block-demo141-generalimgtext1 .item-inner .item-info .item-title {
2163                        text-transform: capitalize;
2164                        font-weight: 600;
2165                        color: rgb(0, 0, 0);
2166                        font-size: 28px;
2167                    }
2168    
2169                    .section-block-demo141-generalimgtext1 .item-inner .item-info .item-title i {
2170                        content: "";
2171                        width: 28px;
2172                        height: 2px;
2173                        background-color: #f4c91d;
2174                        display: inline-block;
2175                        margin-top: 9px
2176                    }
2177    
2178                    .section-block-demo141-generalimgtext1 .item-inner .item-info .btn {
2179                        font-size: 16px;
2180                        text-transform: capitalize;
2181                        padding: 0.2rem 1rem 0.2rem 0
2182                    }
2183    
2184                    .section-block-demo141-generalimgtext1 .item-inner .item-info .btn[btn-arrow] i.la {
2185                        margin-left: 25px
2186                    }
2187    
2188                    .section-block-demo141-generalimgtext1[block-border-pad
2188ding="7"] .sc-block-item .item-inner .item-info {
2189                        padding: 40px 5%
2190                    }
2191    
2192                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item .item-inner {
2193                        background-color: transparent
2194                    }
2195    
2196                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item .item-inner::before,
2197                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item .item-inner::after {
2198                        width: 200%;
2199                        left: -100%;
2200                        background-color: #fafafa;
2201                        opacity: 1;
2202                        -webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 100%);
2203                        clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 100%);
2204                        -webkit-transition: all .6s ease;
2205                        -o-transition: all .6s ease;
2206                        transition: all .6s ease;
2207                        position: absolute
2208                    }
2209    
2210                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item .item-inner::before {
2211                        content: "";
2212                        display: block;
2213                        left: -200%;
2214                        height: 100%;
2215                        margin-left: 2px;
2216                        top: 0;
2217                        background-color: #f2f2f2
2218                    }
2219    
2220                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item .item-inner:hover::before {
2221                        left: -100%
2222                    }
2223    
2224                    .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item .item-inner:hover::after {
2225                        left: 0
2226                    }
2227                    @media only screen and (max-width:1366px) {
2228                        .section-block-demo141-generalimgtext1 {
2229                            padding: 5rem 0
2230                        }
2231    
2232                        .section-block-demo141-generalimgtext1 .title-bar {
2233                            margin-bottom: 2.5rem
2234                        }
2235                        .section-block-demo141-generalimgtext1 .title-bar .text {
2236                            font-size: 1rem
2237                        }
2238    
2239                        .section-block-demo141-generalimgtext1 .sc-block-item {
2240                            padding: 1rem
2241                        }
2242    
2243                        .section-block-demo141-generalimgtext1 .item-inner .item-info .item-title {
2244                            font-size: 1.285rem
2245                        }
2246                    }
2247    
2248                    @media only screen and (max-width:992px) {
2249                        .section-block-demo141-generalimgtext1[block-border-padding="7"] .sc-block-item .item-inner .item-info {
2250                            padding: 20px 3%
2251                        }
2252    
2253                        .section-block-demo141-generalimgtext1 .item-inner .item-info .btn {
2254                            font-size: 16px;
2255                            margin-top: 1rem
2256                        }
2257    
2258                        .section-block-demo141-generalimgtext1 {
2259                            padding: 3.5rem 0
2260                        }
2261    
2262                        .section-block-demo141-generalimgtext1 .title-bar {
2263                            margin-bottom: 2rem
2264                        }
2265
2266                        .section-block-demo141-generalimgtext1 .title-bar .text {
2267                            font-size: 12px
2268                        }
2269    
2270                        .section-block-demo141-generalimgtext1 .sc-block-item {
2271                            padding: .5rem
2272                        }
2273                    }
2274    
2275                    @media only screen and (max-width:768px) {
2276                        .section-block-demo141-generalimgtext1 .sc-block-item {
2277                            padding: 5px;
2278                            width: calc(100% / 3)
2279                        }
2280                    }
2281    
2282                    @media only screen and (max-width:640px) {
2283                        .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item {
2284                            padding: 0;
2285                            width: 100%;
2286                            float: unset;
2287                            margin-bottom: 1.15%
2288                        }
2289    
2290                        .section-block-demo141-generalimgtext1[pictext-coincide="1"] .sc-block-item:nth-child(1) {
2291                            width: 100%;
2292                            float: unset
2293                        }
2294    
2295                        .section-block-demo141-generalimgtext1 {
2296                            padding: 2rem 0
2297                        }
2298    
2299                        .section-block-demo141-generalimgtext1 .title-bar {
2300                            margin-bottom: 1.5rem
2301                        }
2302    
2303                        .section-block-demo141-generalimgtext1 .sc-block-item {
2304                            padding: 2px;
2305                            width: 50%
2306                        }
2307    
2308                        .section-block-demo141-generalimgtext1 .item-inner .item-info .item-title {
2309                            font-size: 1rem
2310                        }
2311                    }
2312                </style>
2313<script></script>
2313<style styleid="sectionId45idibu">#sectionId45idibu > .layout.title-bar > .title {font-size: 48px;color: rgb(46, 46, 46);}#sectionId45idibu > .layout.sc-block-items > .block-item.sc-block-item > .item-inner {height: 516px;}#sectionId45idibu > .layout.sc-block-items > .block-item.sc-block-item > .item-inner > .item-img > img {max-width: 500px;margin-left: 20%;margin-top: 6%;}#sectionId45idibu {padding-bottom: 40px;padding-top: 80px;}#sectionId45idibu > .layout.sc-block-items > .block-item.sc-block-item > .item-inner > .item-info > .item-title {color: rgb(46, 46, 46);}</style></section><section class="section-about-wrap-block section-block-demo44-about1" data-screen="screen-xxl" data-section="section" id="sectionIdalduq6n"><div class="layout about-outer-wrap" data-unable="demo44-about1">
2314                    <div class="about-img aos-init" data-aos="fadeInLeft" data-aos-duration="1000" itemscope="1" itemtype="http://schema.org/ImageObject">
2315                        <img alt="factory" itemprop="image" src="/source/692a747a681cfdb9500912b297160d2f/factory.jpg"/>
2316</div>
2317                    <div class="about-info aos-init" data-aos="fadeInRight" data-aos-duration="1000">
2318                        <span class="about-subtit">JINRUISHI OPTICAL</span>
2319                        <h2 class="about-title" content-text="1" heading-type="1" sectiontitle="1">
2320                            jINRUISHI<br/> Company Profile
2321                        </h2>
2322                        <p class="about-desc">Jinruishi Optical is a specialized lens manufacturing enterprise that integrates research and development, production, and sales. Our product range encompasses the major types of lenses available on the market, including CR39 sunglass lenses, CR39 polarized lenses, photochromic lenses (both base photochromic and rotating coating), blue light blocking lenses, and various optical lenses. This diverse portfolio is designed to meet the varied needs of consumers.</p>
2323                        <a aria-label="About Us" btn-border-color="none" btn-hover-animation="btn-ani-wave" class="btn" href="/about-us/" title="About Us">Read More <i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: 145.5px; top: -14.0333px;"></i></a>
2324                    </div>
2325                    <div class="about-bg" style="background-image: none;"></div>
2326                </div>
2327                <style>
2328                    .section-block-demo44-about1 {
2329                        position: relative;
2330                        padding: 2rem 0 0;
2331                    }
2332    
2333                    .section-block-demo44-about1 .about-bg {
2334                        position: absolute;
2335                        top: 0;
2336                        right: 0;
2337                        width: 74.5%;
2338                        height: 100%;
2339                        background-image: url("/source/1373d6fa6d7d000cd4ad7af3ae5c3b3f/64eeb5130aa6c80010.png");
2340                        z-index: -1;
2341                    }
2342    
2343                    .section-block-demo44-about1 .about-outer-wrap {
2344                        position: relative;
2345                        padding: 3.5rem 0;
2346                        display: flex;
2347                        align-items: center;
2348                        justify-content: space-between;
2349                        flex-wrap: wrap;
2350                        z-index: 1;
2351                    }
2352    
2353                    .section-block-demo44-about1 .about-img {
2354                        width: 50%;
2355                        padding: 1rem;
2356                    }
2357    
2358                    .section-block-demo44-about1 .about-info {
2359                        position: relative;
2360                        width: 44%;
2361                        padding: 2rem 5% 2rem 0;
2362                    }
2363    
2364                    .section-block-demo44-about1 .about-subtit {
2365                        color: #565969;
2366                        font-size: 1rem;
2367                        margin-bottom: 4px;
2368                        display: block;
2369                        text-transform: uppercase;
2370                    }
2371    
2372                    .section-block-demo44-about1 .about-title {
2373                        color: #000000;
2374                        text-transform: capitalize;
2375                        line-height: 52px;
2376                    }
2377    
2378                    .section-block-demo44-about1 [heading-type="1"] {
2379                        padding: 0;
2380                    }
2381    
2382                    .section-block-demo44-about1 .about-desc {
2383                        color: #565969;
2384                        font-size: 16px;
2385                        line-height: 1.44;
2386                        font-weight: 400;
2387                        margin-top: 1.4rem;
2388                        margin-bottom: 2.28rem;
2389                    }
2390    
2391                    .section-block-demo44-about1 .btn {
2392                        font-size: 16px;
2393                        padding: .5rem 2.7rem;
2394                        border-width: 1px;
2395                        border-radius: 2px;
2396                        line-height: 2em;
2397                    }
2398    
2399                    @media only screen and (max-width:992px) {
2400    
2401                        .section-block-demo44-about1 .about-img {
2402                            width: 100%;
2403                            padding: 0 0 2rem;
2404                        }
2405    
2406                        .section-block-demo44-about1 .about-info {
2407                            width: 100%;
2408                            padding: 0;
2409                        }
2410                    }
2411    
2412                    @media only screen and (max-width:768px) {}
2413    
2414                    @media only screen and (max-width:576px) {
2415                        .section-block-demo44-about1 {
2416                            padding: 0 0 2rem;
2417                        }
2418    
2419                        .section-block-demo44-about1 .about-desc {
2420                            font-size: 1.1rem;
2421                        }
2422                    }
2423                </style>
2424<script>
2425                </script>
2425<style styleid="sectionIdalduq6n">#sectionIdalduq6n > .layout.about-outer-wrap > .about-info > .about-title {font-size: 48px;color: rgb(46, 46, 46);}#sectionIdalduq6n {padding-top: 0px;padding-bottom: 40px;}#sectionIdalduq6n > .layout.about-outer-wrap {padding-top: 40px;}#sectionIdalduq6n > .layout.about-outer-wrap > .about-info > .about-desc {line-height: 30px;}#sectionIdalduq6n > .layout.about-outer-wrap > .about-img {padding-left: 0px;}#sectionIdalduq6n > .layout.about-outer-wrap > .about-info > .btn {border-top-left-radius: 15px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;background-color: #383838;}</style></section><section block-items-num="4" class="section-number-wrap-block section-block-demo111-number2" data-screen="screen-full" data-section="section" galleryitems="1" id="sectionId9uwq1o7"><div class="layout number-items d-flex justify-content-between flex-wrap aos-init" data-aos="fadeInUp" data-aos-duration="600" data-unable="demo111-number2">
2426                    <div class="block-item number-item">
2427                        <div class="item-inner">
2428                            <div class="item-title">
2429                                <div class="item-num">20</div>
2430                                <div class="item-ico item-subtit">Years</div>
2431                            </div>
2432                            <div class="item-desc">experience in CR39 Lens and Tint</div>
2433                            <i class="item-line"></i>
2434                        </div>
2435                    </div>
2436                    <div class="block-item number-item">
2437                        <div class="item-inner">
2438                            <div class="item-title">
2439                                <div class="item-num" data-gramm="false" data-qb-tmp-id="lt-60080" spellcheck="false">300</div>
2440                                <div class="item-ico">+</div>
2441                            </div>
2442                            <div class="item-desc">number of Personnel</div>
2443                            <i class="item-line"></i>
2444                        </div>
2445                    </div>
2446                    <div class="block-item number-item">
2447                        <div class="item-inner">
2448                            <div class="item-title">
2449                                <div class="item-num">20000</div>
2450                                <div class="item-ico item-subtit">m<sup>2</sup>
2451</div>
2452                            </div>
2453                            <div class="item-desc">Factory floor area</div>
2454                            <i class="item-line"></i>
2455                        </div>
2456                    </div>
2457                    <div class="block-item number-item">
2458                        <div class="item-inner">
2459                            <div class="item-title">
2460                                <div class="item-num" data-gramm="false" data-qb-tmp-id="lt-332181" spellcheck="false">16</div>
2461                                <div class="item-ico">+</div>
2462                            </div>
2463                            <div class="item-desc">million annual production</div>
2464                            <i class="item-line"></i>
2465                        </div>
2466                    </div>
2467                </div>
2468    
2469    
2470                <style>
2471                    .section-block-demo111-number2 {
2472                        position: relative;
2473                        padding: 2.5rem 0 60px;
2474                    }
2475    
2476                    .section-block-demo111-number2 .number-items {
2477                        position: relative;
2478                    }
2479    
2480                    .section-block-demo111-number2 .number-item {
2481                        position: relative;
2482                        padding: 1rem;
2483                        text-align: center;
2484                        color: #f5f5f5;
2485                        background-color: #ffffff;
2486                    }
2487    
2488                    .section-block-demo111-number2 .number-item .item-line {
2489                        position: absolute;
2490                        top: 50%;
2491                        left: 0;
2492                        width: 1px;
2493                        height: 73px;
2494                        background-color: #aaa;
2495                        -webkit-transform: translateY(-50%);
2496                        transform: translateY(-50%);
2497                    }
2498    
2499                    .section-block-demo111-number2 .number-item:first-child .item-line {
2500                        display: none;
2501                    }
2502    
2503                    .section-block-demo111-number2 .item-title {
2504                        padding: 10px 0;
2505                        line-height: 1;
2506                    }
2507    
2508                    .section-block-demo111-number2 .item-num {
2509                        display: inline-block;
2510                        color: var(--bs-theme-color);
2511                        vertical-align: top;
2512                        letter-spacing: -3px;
2513                        font-size: 52px;
2514                        font-weight: 500;
2515                        line-height: 1;
2516                    }
2517    
2518                    .section-block-demo111-number2 .item-ico.item-subtit {
2519                        vertical-align: bottom;
2520                        color: rgb(59, 53, 53);
2521                        font-weight: 400;
2522                    }
2523    
2524                    .section-block-demo111-number2 .item-ico {
2525                        display: inline-block;
2526                        margin-left: .5rem;
2527                        vertical-align: top;
2528                        font-weight: 300;
2529                        font-size: 1.5rem;
2530                    }
2531    
2532                    .section-block-demo111-number2 .item-desc {
2533                        line-height: 1.5;
2534                        font-weight: 300;
2535                        color: rgb(103, 103, 103);
2536                        font-size: 16px;
2537                    }
2538    
2539                    @media screen and (max-width:1366px) {
2540                        .section-block-demo111-number2 .item-desc {
2541                            font-size: 1.14rem;
2542                        }
2543    
2544                        .section-block-demo111-number2 .item-num {
2545                            font-size: 2.8rem;
2546                        }
2547    
2548                        .section-block-demo111-number2 .number-item {
2549                            padding: 7px;
2550                        }
2551    
2552                        .section-block-demo111-number2 .item-ico {
2553                            font-size: 1rem;
2554                        }
2555                    }
2556    
2557                    @media screen and (max-width:1079px) {
2558                        .section-block-demo111-number2 .number-item {
2559                            width: 50%;
2560                        }
2561    
2562                        .section-block-demo111-number2 .number-item:nth-child(odd) .item-line {
2563                            display: none;
2564                        }
2565                    }
2566    
2567                    @media screen and (max-width:992px) {
2568                        .section-block-demo111-number2 {
2569                            padding: 1rem 0;
2570                        }
2571    
2572                        .section-block-demo111-number2 .item-desc {
2573                            font-size: 1rem;
2574                        }
2575                    }
2576    
2577                    @media screen and (max-width:480px) {
2578                        .section-block-demo111-number2 .number-item {
2579                            width: 100%;
2580                        }
2581    
2582                        .section-block-demo111-number2 .number-item:nth-child(odd) .item-line {
2583                            display: block;
2584                        }
2585    
2586                        .section-block-demo111-number2 .number-item .item-line {
2587                            top: unset;
2588                            bottom: 0;
2589                            left: 20%;
2590                            width: 60%;
2591                            height: 1px;
2592                            -webkit-transform: unset;
2593                            transform: unset;
2594                        }
2595                    }
2596                </style>
2597<script>
2598
2599                </script>
2599<style styleid="sectionId9uwq1o7">#sectionId9uwq1o7 > .layout.number-items.d-flex.justify-content-between.flex-wrap > .block-item.number-item > .item-inner > .item-title > .item-num {font-family: Montserrat;font-weight: 700;color: rgb(56, 56, 56);}#sectionId9uwq1o7 > .layout.number-items.d-flex.justify-content-between.flex-wrap > .block-item.number-item > .item-inner > .item-desc {font-weight: 400;}#sectionId9uwq1o7 {background-color: rgb(242, 242, 242);padding-bottom: 35px;}#sectionId9uwq1o7 > .layout.number-items.d-flex.justify-content-between.flex-wrap > .block-item.number-item {background-color: rgba(255, 255, 255, 0);}#sectionId9uwq1o7 > .layout.number-items.d-flex.justify-content-between.flex-wrap > .block-item.number-item > .item-inner > .item-title > .item-ico {color: #212121;}</style></section><section block-content-params="1" class="section-product-wrap-block section-block-demo118-product1 aos-init" data-aos="bounceInUp" data-aos-duration="1000" data-pagination="always-show" data-screen="screen-xxl" data-section="section" id="sectionIdqu8dz0c" pagination-btn-color="dark" pagination-style="square" slide-btn-style="square" slide-button="slide-button-hover-show" swipernormal="1"><div class="layout outer-swiper-wrap" data-desc-charlength="120" data-module="1" data-title-charlength="50" data-totalnumber="4" data-type="recommend" data-unable="demo118-product1">
2600                    <div class="title-bar aos-init" data-aos="fadeInUp" data-aos-duration="1000">
2601                        <h2 class="title" content-text="1" heading-type="1" sectiontitle="1" textalign="center">featured products</h2>
2602                        
2603                    </div>
2604                    <div class="execute-swiper-slide">
2605                        <div blockitems="1" class="swiper-wrapper" data-swiper-wrapper="swiperdestroy">
2606<div aria-label="1 / 4" blockitem="1" class="swiper-slide" data-slide-type="active">
2607                                <div class="item-main">
2608                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
2609                                        <img alt="Nylon Polarized Sunglass Lenses" blockimagetype="1" itemprop="image" src="/source/913f045d990754a3e3b8314d832862d9/zhutu1-1.jpg"/>
2610</div>
2611                                    <div class="item-info">
2612                                        <h3 blocktitle="1" class="item-title">Nylon Polarized Sunglass Lenses</h3>
2613                                        <div blockdesc="1" class="item-desc">Nylon polarized lenses are widely recognized for their exceptional performance and diverse applications. Made from hi...</div>
2614                                        <div class="item-links">
2615                                            <div btn-border-color="none" btn-hover-bg-color="none" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="white" class="btn more-links">
2616                                                <a aria-label="Nylon Polarized Sunglass Lenses" href="/nylon-polarized-sunglass-lenses-product/" title="Nylon Polarized Sunglass Lenses"><span>Read More</span></a><i class="la"></i><i btn-ani-circle="desplode" class="btn-ani"></i>
2617                                            </div>
2618    
2619                                        </div>
2620                                    </div>
2621                                </div>
2622                            </div>
2623<div aria-label="2 / 4" blockitem="1" class="swiper-slide" data-slide-type="active">
2624                                <div class="item-main">
2625                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
2626                                        <img alt="PC Polycarbonate Polarized Sunglass Lenses" blockimagetype="1" itemprop="image" src="/source/b679058a6ce92bd75993c494adda08a2/zhutu03-1.jpg"/>
2627</div>
2628                                    <div class="item-info">
2629                                        <h3 blocktitle="1" class="item-title">PC Polycarbonate Polarized Sunglass Lenses</h3>
2630                                        <div blockdesc="1" class="item-desc">
2630PC polarized lenses are high-performance lenses designed to effectively reduce glare while enhancing visual clarity a...</div>
2631                                        <div class="item-links">
2632                                            <div btn-border-color="none" btn-hover-bg-color="none" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="white" class="btn more-links">
2633                                                <a aria-label="PC Polycarbonate Polarized Sunglass Lenses" href="/pc-polycarbonate-polarized-sunglass-lenses-product/" title="PC Polycarbonate Polarized Sunglass Lenses"><span>Read More</span></a><i class="la"></i><i btn-ani-circle="desplode" class="btn-ani"></i>
2634                                            </div>
2635    
2636                                        </div>
2637                                    </div>
2638                                </div>
2639                            </div>
2640<div aria-label="3 / 4" blockitem="1" class="swiper-slide" data-slide-type="active">
2641                                <div class="item-main">
2642                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
2643                                        <img alt="1.499 CR39 Tinted Plano Sunglass Lenses" blockimagetype="1" itemprop="image" src="/source/37a3f88b0f79a8e6de0f17146befa79b/zhutu01.jpg"/>
2644</div>
2645                                    <div class="item-info">
2646                                        <h3 blocktitle="1" class="item-title">1.499 CR39 Tinted Plano Sunglass Lenses</h3>
2647                                        <div blockdesc="1" class="item-desc">CR-39 tinted sunglasses are the perfect choice for outdoor enthusiasts, effectively alleviating eye fatigue and disco...</div>
2648                                        <div class="item-links">
2649                                            <div btn-border-color="none" btn-hover-bg-color="none" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="white" class="btn more-links">
2650                                                <a aria-label="1.499 CR39 Tinted Plano Sunglass Lenses" href="/1-499-cr39-tinted-plano-sunglass-lenses-product/" title="1.499 CR39 Tinted Plano Sunglass Lenses"><span>Read More</span></a><i class="la"></i><i btn-ani-circle="desplode" class="btn-ani"></i>
2651                                            </div>
2652    
2653                                        </div>
2654                                    </div>
2655                                </div>
2656                            </div>
2657<div aria-label="4 / 4" blockitem="1" class="swiper-slide" data-slide-type="active">
2658                                <div class="item-main">
2659                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
2660                                        <img alt="1.499 CR39 Polarized Plano Sunglass Lenses" blockimagetype="1" itemprop="image" src="/source/ef0645904c3214cceff6b3975db0e0e0/zt.jpg"/>
2661</div>
2662                                    <div class="item-info">
2663                                        <h3 blocktitle="1" class="item-title">1.499 CR39 Polarized Plano Sunglass Lenses</h3>
2664                                        <div blockdesc="1" class="item-desc">CR39 polarized lenses significantly enhance visual clarity and comfort through precision polarizing technology. Their...</div>
2665                                        <div class="item-links">
2666                                            <div btn-border-color="none" btn-hover-bg-color="none" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="white" class="btn more-links">
2667                                                <a aria-label="1.499 CR39 Polarized Plano Sunglass Lenses" href="/1-499-cr39-polarized-plano-sunglass-lenses-product/" title="1.499 CR39 Polarized Plano Sunglass Lenses"><span>Read More</span></a><i class="la"></i><i btn-ani-circle="desplode" class="btn-ani"></i>
2668                                            </div>
2669    
2670                                        </div>
2671                                    </div>
2672                                </div>
2673                            </div>
2674</div>
2675                    </div>
2676                    <div class="swiper-control">
2677                        <div aria-controls="swiper-wrapper-6945684c4ab210d09" aria-label="Previous slide" class="swiper-button swiper-button-prev" role="button" tabindex="0"></div>
2678                        <div class="swiper-pagination swiper-pagination-clickable">
2679<span class="swiper-pagination-bullet">01</span><span class="swiper-pagination-bullet">02</span><span class="swiper-pagination-bullet">03</span><span class="swiper-pagination-bullet">04</span>
2680</div>
2681                        <div aria-controls="swiper-wrapper-6945684c4ab210d09" aria-label="Next slide" class="swiper-button swiper-button-next" role="button" tabindex="0"></div>
2682                    </div>
2683                </div>
2684                <style>
2685                    .section-block-demo118-product1 {
2686                        padding: 50px 0 0px;
2687                        background-color: rgb(255, 255, 255);
2688                    }
2689    
2690                    .section-block-demo118-product1[slide-btn-style="custom-5"] .swiper-button-next::before {
2691                        content: '\f054';
2692                        color: #767676;
2693                    }
2694    
2695                    .section-block-demo118-product1[slide-btn-style="custom-5"] .swiper-button-prev::before {
2696                        color: #767676;
2697                        content: '\f053';
2698                    }
2699    
2700                    .section-block-demo118-product1[slide-btn-style="custom-5"] .swiper-button::before {
2701                        font-size: 2rem;
2702                    }
2703    
2704                    .section-block-demo118-product1 .swiper-slide img {
2705                        transition: all .3s linear;
2706                        width: 100%;
2707                    }
2708    
2709                    .section-block-demo118-product1 .swiper-slide:hover img {
2710                        transform: scale(1.04);
2711                    }
2712    
2713                    .section-block-demo118-product1 .title-bar .title {
2714                        color: #000000;
2715                        margin: auto;
2716                        text-transform: capitalize;
2717                    }
2718    
2719                    .section-block-demo118-product1 [heading-type="1"] {
2720                        padding: 8px 0;
2721                    }
2722    
2723                    .section-block-demo118-product1 .title-bar p {
2724                        font-size: 16px;
2725                        color: #676767;
2726                        text-align: center;
2727                    }
2728    
2729                    .section-block-demo118-product1 .execute-swiper-slide {
2730                        padding: 54px 10px 74px;
2731                        width: calc(100% + 20px);
2732                        position: relative;
2733                        left: 50%;
2734                        transform: translateX(-50%);
2735                    }
2736    
2737                    .section-block-demo118-product1 .swiper-slide {
2738                        padding: 5px;
2739                    }
2740    
2741                    .section-block-demo118-product1 .swiper-slide .item-main {
2742                        box-shadow: 0px 0px 8px 0px rgba(127, 127, 127, 0.22);
2743                        border-radius: 5px;
2744                    }
2745    
2746                    .section-block-demo118-product1 .swiper-slide:hover {
2747                        z-index: 5555;
2748                    }
2749    
2750                    .section-block-demo118-product1 .item-img {
2751                        overflow: hidden;
2752                        border-radius: 5px 5px 0 0;
2753                    }
2754    
2755                    .section-block-demo118-product1 .item-info {
2756                        padding: 36px;
2757                        background: #fff;
2758                        border-radius: 0 0 5px 5px;
2759                    }
2760    
2761                    .section-block-demo118-product1 .item-info .item-title {
2762                        font-weight: 600;
2763                        font-size: 22px;
2764                        color: #000000;
2765                        text-align: center;
2766                        display: -webkit-box;
2767                        overflow: hidden;
2768                        white-space: normal !important;
2769                        text-overflow: ellipsis;
2770                        word-wrap: break-word;
2771                        -webkit-line-clamp: 1;
2772                        -webkit-box-orient: vertical;
2773                    }
2774    
2775                    .section-block-demo118-product1 .item-info p {
2776                        font-weight: 400;
2777                        font-size: 16px;
2778                        color: #727171;
2779                        text-align: center;
2780                        margin: 29px auto 52px;
2781                    }
2782    
2783                    .section-block-demo118-product1 .item-links {
2784                        position: relative;
2785                        width: fit-content;
2786                        margin: auto;
2787                    }
2788    
2789                    .section-block-demo118-product1 .more-links {
2790                        padding: 0 22px;
2791                        line-height: 37px;
2792                        font-size: 16px;
2793                        color: #ffffff;
2794                        border-radius: 10px;
2795                        position: relative;
2796                        z-index: 5;
2797                    }
2798    
2799                    .section-block-demo118-product1 li::marker {
2800                        content: "";
2801                    }
2802    
2803                    .section-block-demo118-product1 ul {
2804                        padding: 24px 0 16px 9px;
2805                    }
2806    
2807                    .section-block-demo118-product1 .more-links.active+.items-nav,
2808                    .section-block-demo118-product1 ul.active {
2809                        opacity: 1;
2810                        pointer-events: all;
2811                    }
2812    
2813                    .section-block-demo118-product1 .items-nav {
2814                        position: absolute;
2815                        top: calc(100% - 20px);
2816                        left: 0;
2817                        width: 100%;
2818                        background: #2ea9d6;
2819                        padding-top: 44px;
2820                        opacity: 0;
2821                        pointer-events: none;
2822                        transition: all .3s linear;
2823    
2824                    }
2825    
2826                    .section-block-demo118-product1 .items-nav ul {
2827                        position: absolute;
2828                        left: 100%;
2829                        top: 20px;
2830                        width: 100%;
2831                        background: rgba(6, 153, 207, 0.49);
2832                        opacity: 0;
2833                        pointer-events: none;
2834                        transition: all .3s linear;
2835                    }
2836    
2837                    .section-block-demo118-product1 .items-nav ul ul {
2838                        background: rgba(6, 153, 207, 0.39);
2839                        top: 0;
2840                    }
2841    
2842                    .section-block-demo118-product1 .items-nav li a {
2843                        font-family: Roboto-Regular;
2844                        font-size: 14px;
2845                        line-height: 30px;
2846                        color: #ffffff;
2847                        border-bottom: 1px solid transparent;
2848                    }
2849    
2850                    .section-block-demo118-product1 .items-nav li.active>a {
2851                        border-bottom: 1px solid #fff;
2852    
2853                    }
2854    
2855                    .section-block-demo118-product1 .items-nav li.active>ul {
2856                        opacity: 1;
2857                        pointer-events: all;
2858                    }
2859    
2860                    .section-block-demo118-product1 .items-nav ul ul {
2861                        display: none;
2862                    }
2863    
2864                    @media only screen and (max-width:1680px) {
2865                        .section-block-demo118-product1 .item-info p {
2866                            font-size: 16px;
2867                        }
2868    
2869                        .section-block-demo118-product1 .item-info {
2870                            padding: 36px 10px;
2871                        }
2872                    }
2873    
2874                    @media only screen and (max-width:1280px) {
2875                        .section-block-demo118-product1 .item-info {
2876                            padding: 30px 10px;
2877                        }
2878    
2879                        .section-block-demo118-product1[pagination-btn-position=disperse] .swiper-control .swiper-button-prev {
2880                            left: -7%;
2881                        }
2882    
2883                        .section-block-demo118-product1[pagination-btn-position=disperse] .swiper-control .swiper-button-next {
2884                            right: -7%;
2885                        }
2886                    }
2887    
2888                    @media only screen and (max-width:1080px) {
2889                        .section-block-demo118-product1 .item-info {
2890                            padding: 30px 10px;
2891                        }
2892    
2893                        .section-block-demo118-product1[pagination-btn-position=disperse] .swiper-control .swiper-button-prev {
2894                            left: 0%;
2895                        }
2896    
2897                        .section-block-demo118-product1[pagination-btn-position=disperse] .swiper-control .swiper-button-next {
2898                            right: 0%;
2899                        }
2900                    }
2901    
2902                    @media only screen and (max-width:992px) {
2903                        .section-block-demo118-product1 {
2904                            padding: 50px 0 0;
2905                        }
2906    
2907                        .section-block-demo118-product1 .swiper-control {
2908                            display: none;
2909                        }
2910    
2911                        .section-block-demo118-product1 .title-bar h2 {
2912                            line-height: 1.5;
2913                        }
2914    
2915                        .section-block-demo118-product1 .title-bar p {
2916                            font-size: 16px;
2917                            line-height: 1.5;
2918                        }
2919                    }
2920                </style>
2921<script>GlobalsoIframe.Swiper.swiperNormal({ "container": "#sectionIdqu8dz0c .execute-swiper-slide", "delay": 3000, "speed": 1200, "loop": "true", "slidesPerView": "4", "spaceBetween": 18, "slidesPerView768": 2, "slidesPerView480": 1 })</script>
2921<script>
2922                    $(".section-block-demo118-product1  .more-links").hover(function () {
2923                        $(this).addClass("active")
2924                    }, function () {
2925                        $(this).removeClass("active")
2926
2927                    })
2928                    $(".section-block-demo118-product1  ul ").hover(function () {
2929                        $(this).addClass("active")
2930                    }, function () {
2931                        $(this).removeClass("active")
2932
2933                    })
2934                    $(".section-block-demo118-product1  .items-nav li").hover(function () {
2935                        $(this).addClass("active").siblings().removeClass("active")
2936                    }, function () {
2937                        $(this).removeClass("active")
2938
2939                    })
2940                </script>
2940<style styleid="sectionIdqu8dz0c">#sectionIdqu8dz0c > .layout.outer-swiper-wrap > .title-bar > .title {font-size: 48px;color: rgb(46, 46, 46);}#sectionIdqu8dz0c {padding-bottom: 60px;padding-top: 50px;}#sectionIdqu8dz0c > .layout.outer-swiper-wrap > .title-bar > p {color: rgb(122, 122, 122);}#sectionIdqu8dz0c > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper > .swiper-slide > .item-main > .item-info > .item-links > .btn.more-links {background-color: rgb(56, 56, 56);}#sectionIdqu8dz0c > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper > .swiper-slide > .item-main > .item-info > .item-desc > p {text-align: center;padding-top: 5px;padding-bottom: 5px;}#sectionIdqu8dz0c > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper > .swiper-slide > .item-main > .item-info > .item-desc {text-align: center;padding-top: 10px;padding-bottom: 10px;}</style></section><section block-items-num="4" class="section-advantage-wrap-block section-block-demo169-advantage" data-screen="screen-large" data-section="section" galleryitems="1" id="sectionIdzk7v7jo"><div class="layout title-bar">
2941                <h2 class="title" heading-type="custom" textalign="center"><strong content-text="1">
2942                        <em>Our</em> Service<i></i><span class="line"></span></strong></h2>
2943                
2944            </div>
2945            <div class="layout" data-unable="demo169-advantage">
2946                <div blockdatadiffer="" blockitems="1" class="block-items advantage-items d-flex flex-wrap" data-num="remaining">
2947                    <div class="block-item advantage-item">
2948                        <a class="item-inner" href="javascript:;">
2949                            <div class="item-line01">
2950<i></i><i></i><i></i><i></i>
2951</div>
2952                            <div class="item-img">
2953<i></i> <span class="item-icon" itemscope="1" itemtype="http://schema.org/ImageObject"><img alt="65f3ef2784" itemprop="image" src="/source/ef5aec1cfa0b1443504b07a5b05a9088/65f3ef269d3fb23628.png"/></span>
2954</div>
2955                            <div class="item-info">
2956                                <h3 class="item-title">OEM</h3>
2957                                <div class="item-desc">We provide tailored OEM services, customizing products to meet the specific requirements of each client.</div>
2958                                <div class="item-line02"></div>
2959                            </div>
2960                        </a>
2961                    </div>
2962                    <div class="block-item advantage-item">
2963                        <a class="item-inner" href="javascript:;">
2964                            <div class="item-line01">
2965<i></i><i></i><i></i><i></i>
2966</div>
2967                            <div class="item-img">
2968<i></i> <span class="item-icon" itemscope="1" itemtype="http://schema.org/ImageObject"><img alt="jishu" itemprop="image" src="/source/1094e2ccf7af782bc5eab1df2ab8e062/jishu.png"/></span>
2969</div>
2970                            <div class="item-info">
2971                                <h3 class="item-title">Technical Support</h3>
2972                                <div class="item-desc">We offer technical support and training to help clients gain a deeper understanding of the product and its usage.</div>
2973                                <div class="item-line02"></div>
2974                            </div>
2975                        </a>
2976                    </div>
2977                    <div class="block-item advantage-item">
2978                        <a class="item-inner" href="javascript:;">
2979                            <div class="item-line01">
2980<i></i><i></i><i></i><i></i>
2981</div>
2982                            <div class="item-img">
2983<i></i> <span class="item-icon" itemscope="1" itemtype="http://schema.org/ImageObject"><img alt="yunshu" itemprop="image" src="/source/93a5cff15a89a2029cdaeae0bc1c6cbf/yunshu.png"/></span>
2984</div>
2985                            <div class="item-info">
2986                                <h3 class="item-title">Fast Delivery</h3>
2987                                <div class="item-desc">We offer expedited production and delivery services to ensure that clients receive their lenses on time.</div>
2988                                <div class="item-line02"></div>
2989                            </div>
2990                        </a>
2991                    </div>
2992                    <div class="block-item advantage-item">
2993                        <a class="item-inner" href="javascript:;">
2994                            <div class="item-line01">
2995<i></i><i></i><i></i><i></i>
2996</div>
2997                            <div class="item-img">
2998<i></i> <span class="item-icon" itemscope="1" itemtype="http://schema.org/ImageObject"><img alt="fuwu" itemprop="image" src="/source/dee7a30695ea9be7a12178eb353f013b/fuwu.png"/></span>
2999</div>
3000                            <div class="item-info">
3001                                <h3 class="item-title">Excellent Service</h3>
3002                                <div class="item-desc">We offer a product quality guarantee to ensure customer satisfaction.</div>
3003                                <div class="item-line02"></div>
3004                            </div>
3005                        </a>
3006                    </div>
3007
3008                </div>
3009                <style>
3010                    .section-block-demo169-advantage .title-bar .desc{
3011                        font-size: 16px;
3012                        line-height: 1.6;
3013                        text-align: center;
3014                        padding: 20px 20% 30px;
3015                        color: #fff;
3016                    }
3017                    /* 标题样式 */
3018                    .section-block-demo169-advantage .title-bar .title[heading-type="custom"] .line{
3019                        width: 125px;
3020                        height: 1px;
3021                        bottom: 2px;
3022                    }
3023                    .section-block-demo169-advantage .title-bar .title[heading-type="custom"] i{
3024                        width: 63px;
3025                        height: 3px;
3026                        clip-path: polygon(0% 0%,100% 0%,80% 100%,20% 100%);
3027                        bottom: 0;
3028                    }
3029                    .section-block-demo169-advantage .title-bar .title[heading-type="custom"] i,
3030                    .section-block-demo169-advantage .title-bar .title[heading-type="custom"] .line{
3031                        background-color: currentColor;
3032                        position: absolute;
3033                        left: 50%;
3034                        transform: translate(-50%);
3035                    }
3036                    .section-block-demo169-advantage .title-bar .title[heading-type="custom"] em{
3037                        color: var(--bs-theme-color);
3038                    }
3039                    .section-block-demo169-advantage .title-bar .title{
3040                        font-size: 44px;
3041                        line-height: 1;
3042                        text-transform: uppercase;
3043                        padding: 32px 0;
3044                        color: #fff;
3045                        position: relative;
3046                    }
3047
3048
3049                    .section-block-demo169-advantage {
3050                        position: relative;
3051                        padding: 0 0 3rem 0;
3052                        background-color: #1e1c1f;
3053                    }
3054
3055                    .section-block-demo169-advantage .advantage-items {
3056                        position: relative;
3057                        padding: 15px;
3058                    }
3059
3060                    .section-block-demo169-advantage .advantage-item {
3061                        position: relative;
3062                        padding: 1%;
3063                    }
3064
3065                    .section-block-demo169-advantage .item-inner {
3066                        position: relative;
3067                        display: block;
3068                        padding: 44px 10px 68px;
3069                        height: 100%;
3070                        color: var(--bs-body-color);
3071                        text-align: center;
3072                    }
3073
3074                    .section-block-demo169-advantage .item-inner .item-img {
3075                        position: relative;
3076                        display: table;
3077                        margin: 0 auto;
3078                    }
3079
3080                    .section-block-demo169-advantage .item-inner .item-icon {
3081                        position: relative;
3082                        z-index: 10;
3083                        display: -webkit-box;
3084                        display: -webkit-flex;
3085                        display: -ms-flexbox;
3086                        display: flex;
3087                        width: 100px;
3088                        height: 100px;
3089                        border: 1px solid var(--bs-theme-color);
3090                        border-radius: 50%;
3091                        background-color: #1e1c1f;
3092                        -webkit-transition: all ease-in-out .35s;
3093                        transition: all ease-in-out .35s;
3094                        -webkit-box-align: center;
3095                        -webkit-align-items: center;
3096                        -ms-flex-align: center;
3097                        align-items: center;
3098                        -webkit-box-pack: center;
3099                        -webkit-justify-content: center;
3100                        -ms-flex-pack: center;
3101                        justify-content: center;
3102                    }
3103
3104                    .section-block-demo169-advantage .item-inner:hover .item-img .item-icon {
3105                        background-color: var(--bs-theme-color);
3106                    }
3107
3108                    .section-block-demo169-advantage .item-inner .item-img i {
3109                        position: absolute;
3110                        top: 0;
3111                        top: 50%;
3112                        right: 0;
3113                        left: -23%;
3114                        z-index: -1;
3115                        width: 144px;
3116                        height: 1px;
3117                        background: #ebb300;
3118                        -webkit-transform: rotate(-45deg);
3119                        transform: rotate(-45deg);
3120                        -ms-transform: rotate(-45deg);
3121                    }
3122
3123                    .section-block-demo169-advantage .item-inner .item-info {
3124                        position: relative;
3125                        padding: 31px 7px 13px;
3126                        color: #fff;
3127                    }
3128
3129                    .section-block-demo169-advantage .item-inner .item-title {
3130                        text-transform: uppercase;
3131                        font-weight: 500;
3132                        color: #fff;
3133                        font-size: 16px;
3134                        line-height: 1.2;
3135                    }
3136
3137                    .section-block-demo169-advantage .item-inner .item-desc {
3138                        margin-top: 18px;
3139                        font-weight: 400;
3140                        font-size: 14px;
3141                        line-height: 1.714;
3142                    }
3143
3144                    .section-block-demo169-advantage .item-inner .item-line01 i {
3145                        position: absolute;
3146                        background: var(--bs-theme-color);
3147                        -webkit-transition: all .3s ease-out;
3148                        transition: all .3s ease-out;
3149                    }
3150
3151                    .section-block-demo169-advantage .item-inner .item-line01 i:nth-child(odd) {
3152                        width: 0;
3153                        height: 1px;
3154                    }
3155
3156                    .section-block-demo169-advantage .item-inner .item-line01 i:nth-child(even) {
3157                        width: 1px;
3158                        height: 0;
3159                    }
3160
3161                    .section-block-demo169-advantage .item-inner .item-line01 i:nth-child(1) {
3162                        top: 0;
3163                        left: 0;
3164                        -webkit-transition-delay: .9s;
3165                        transition-delay: .9s;
3166                    }
3167
3168                    .section-block-demo169-advantage .item-inner .item-line01 i:nth-child(2) {
3169                        top: 0;
3170                        right: 0;
3171                        -webkit-transition-delay: .6s;
3172                        transition-delay: .6s;
3173                    }
3174
3175                    .section-block-demo169-advantage .item-inner .item-line01 i:nth-child(3) {
3176                        right: 0;
3177                        bottom: 0;
3178                        -webkit-transition-delay: .3s;
3179                        transition-delay: .3s;
3180                    }
3181
3182                    .section-block-demo169-advantage .item-inner .item-line01 i:nth-child(4) {
3183                        bottom: 0;
3184                        left: 0;
3185                        -webkit-transition-delay: 0s;
3186                        transition-delay: 0s;
3187                    }
3188
3189                    .section-block-demo169-advantage .item-inner:hover .item-line01 i:nth-child(1) {
3190                        -webkit-transition-delay: 0s;
3191                        transition-delay: 0s;
3192                    }
3193
3194                    .section-block-demo169-advantage .item-inner:hover .item-line01 i:nth-child(2) {
3195                        -webkit-transition-delay: .3s;
3196                        transition-delay: .3s;
3197                    }
3198
3199                    .section-block-demo169-advantage .item-inner:hover .item-line01 i:nth-child(3) {
3200                        -webkit-transition-delay: .6s;
3201                        transition-delay: .6s;
3202                    }
3203
3204                    .section-block-demo169-advantage .item-inner:hover .item-line01 i:nth-child(4) {
3205                        -webkit-transition-delay: .9s;
3206                        transition-delay: .9s;
3207                    }
3208
3209                    .section-block-demo169-advantage .item-inner:hover .item-line01 i:nth-child(odd) {
3210                        width: 100%;
3211                    }
3212
3213                    .section-block-demo169-advantage .item-inner:hover .item-line01 i:nth-child(even) {
3214                        height: 100%;
3215                    }
3216
3217                    .section-block-demo169-advantage .item-inner .item-info .item-line02 {
3218                        position: absolute;
3219                        bottom: 0px;
3220                        left: 50%;
3221                        width: 56px;
3222                        height: 1px;
3223                        background-color: var(--bs-theme-color);
3224                        -webkit-transition: all ease-in-out .35s;
3225                        transition: all ease-in-out .35s;
3226                        -webkit-transform: translateX(-50%);
3227                        transform: translateX(-50%);
3228                    }
3229
3230                    .section-block-demo169-advantage .item-inner:hover .item-info .item-line02 {
3231                        width: 86px;
3232                    }
3233
3234                    @media only screen and (max-width:1366px) {
3235                        .section-block-demo169-advantage .item-inner .item-title {
3236                            font-size: 18px;
3237                        }
3238
3239                        .section-block-demo169-advantage .item-inner .item-desc {
3240                            font-size: 12px;
3241                        }
3242                    }
3243
3244                    @media only screen and (max-width:1079px) {
3245                        .section-block-demo169-advantage {
3246                            padding: 1.5rem 0;
3247                        }
3248                        
3249                        .section-block-demo169-advantage .advantage-item {
3250                            width: 50%;
3251                        }
3252                    }
3253                    @media only screen and (max-width:768px) {
3254                        .section-block-demo169-advantage {
3255                            padding: 1rem 0;
3256                        }
3257                        .section-block-demo169-advantage .title-bar .title {
3258                            font-size: 30px;
3259                            padding: 0 0 10px;
3260                        }
3261                        .section-block-demo169-advantage .title-bar .desc {
3262                            padding: 10px 0;
3263                            font-size: 1rem;
3264                        }
3265                        .section-block-demo169-advantage .item-inner {
3266                            padding: 2rem 1rem;
3267                        }
3268                    }
3269                    @media only screen and (max-width:640px) {
3270                        .section-block-demo169-advantage .advantage-item {
3271                            width: 100%;
3272                        }
3273                    }
3274                </style>
3275</div>
3276<style styleid="sectionIdzk7v7jo">#sectionIdzk7v7jo {padding-top: 42px;background-color: rgb(250, 250, 250);}#sectionIdzk7v7jo > .layout > .block-items.advantage-items.d-flex.flex-wrap > .block-item.advantage-item > .item-inner > .item-info > .item-title {color: rgb(0, 0, 0);font-size: 18px;font-weight: 700;text-transform: capitalize;}#sectionIdzk7v7jo > .layout > .block-items.advantage-items.d-flex.flex-wrap > .block-item.advantage-item > .item-inner > .item-info > .item-desc {color: rgb(0, 0, 0);}#sectionIdzk7v7jo > .layout.title-bar > .desc {color: rgb(122, 122, 122);}#sectionIdzk7v7jo > .layout.title-bar > .title > strong {color: rgb(46, 46, 46);text-transform: capitalize;}#sectionIdzk7v7jo > .layout.title-bar > .title {font-size: 48px;}#sectionIdzk7v7jo > .layout > .block-items.advantage-items.d-flex.flex-wrap > .block-item.advantage-item > .item-inner > .item-img > .item-icon {background-color: rgb(46, 46, 46);}#sectionIdzk7v7jo > .layout.title-bar > .title > strong > em {color: #2e2e2e;}</style></section><section block-content-blockicotype="1" block-shadow="2" class="section-generalimgtext-wrap-block section-block-demo90-generalimgtext4" data-pagination="false" data-screen="screen-xxl" data-section="section" id="sectionIdxt49jt0" mask-ani="1" mask-color="mask-color-dark" mask-opacity="1" pagination-btn-color="dark" pagination-btn-position="bottom" pictext-ani="1" picture-ani="3" slide-btn-style="custom-14" slide-button="slide-button-false" swipernormal="1" title-hover-color="theme"><div class="layout title-bar">
3277                    <h2 class="title" content-text="1" heading-type="1" sectiontitle="1" textalign="center"> our news </h2>
3278                    <p class="text">
3278Your Success, Our Commitment: Signature Products, Unmatched Quality</p>
3279                </div>
3280                <div class="layout outer-swiper-wrap generalimgtext-slider" data-desc-charlength="150" data-module="2" data-title-charlength="30" data-type="all" data-unable="demo90-generalimgtext4">
3281                    <div class="execute-swiper-slide swiper-backface-hidden">
3282                        <div aria-live="polite" blockitems="1" class="swiper-wrapper sc-block-items" data-swiper-wrapper="swiperdestroy" wrapper-id="swiper-wrapper-7655a39305dd8f29">
3283<div aria-label="1 / 4" blockitem="1" class="swiper-slide sc-block-item" data-slide-type="active" role="group">
3284                                <a aria-label="Sunburn? Photoaging? Eye Da..." class="item-inner" href="/news/sunburn-photoaging-eye-damage-uv-rays-can-also-cause-eye-diseases/" title="Sunburn? Photoaging? Eye Da...">
3285                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
3286                                        <img alt="Sunburn? Photoaging? Eye Damage? UV Rays Can Also Cause Eye Diseases!" blockimagetype="1" itemprop="image" src="/source/59fbf80d98630e30451a7b6f068b4268/blue-block-photochromic-lenses.jpg"/><img alt="Sunburn? Photoaging? Eye Damage? UV Rays Can Also Cause Eye Diseases!" blockicotype="1" itemprop="image" src="/source/77654fa590dca7a7ded1bc61793e887b/65266e02593a668507.jpg"/><div class="item-btn"><svg height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"></path></g></svg></div>
3287                                    </div>
3288                                    <div class="item-info">
3289                                        <i class="item-order">01</i>
3290                                        <span class="item-bg"></span>
3291                                        <div class="item-time">
3292                                            <svg height="22" stroke-width="2" viewBox="0 0 24 24" width="25" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z"></path></g></svg><em>2025-04-28</em>
3293                                        </div>
3294                                        <h3 blocktitle="1" class="item-title">Sunburn? Photoaging? Eye Da...</h3>
3295                                        <div blockdesc="1" class="item-desc">Recently, the weather has been getting hotter, and the UV index has been rising sharply since April. So, we need to take extra care of our eyes. Wh...</div>
3296    
3297                                        <div btn-bg-color="white" btn-border-color="dark" btn-hover-animation="btn-ani-wave" btn-hover-bg-color="theme" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="dark" class="btn item-more">read more <i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: 9.8125px; top: 47.3125px;"></i>
3298                                        </div>
3299    
3300                                    </div>
3301    
3302                                </a>
3303                            </div>
3304<div aria-label="2 / 4" blockitem="1" class="swiper-slide sc-block-item" data-slide-type="active" role="group">
3305                                <a aria-label="Major Optical Exhibitions P..." class="item-inner" href="/news/about-exhibitions/" title="Major Optical Exhibitions P...">
3306                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
3307                                        <img alt="Major Optical Exhibitions Participated by JINRUISHI Optical" blockimagetype="1" itemprop="image" src="/source/2ba80877b889d0fde18a74a91b1ee307/news1-1.jpg"/><img alt="Major Optical Exhibitions Participated by JINRUISHI Optical" blockicotype="1" itemprop="image" src="/source/77654fa590dca7a7ded1bc61793e887b/65266e02593a668507.jpg"/><div class="item-btn"><svg height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"></path></g></svg></div>
3308                                    </div>
3309                                    <div class="item-info">
3310                                        <i class="item-order">02</i>
3311                                        <span class="item-bg"></span>
3312                                        <div class="item-time">
3313                                            <svg height="22" stroke-width="2" viewBox="0 0 24 24" width="25" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z"></path></g></svg><em>2024-08-27</em>
3314                                        </div>
3315                                        <h3 blocktitle="1" class="item-title">Major Optical Exhibitions P...</h3>
3316                                        <div blockdesc="1" class="item-desc">In recent years, JINRUISHI Optical Glasses Co., Ltd. has been vigorously advancing its strategy of integrating information technology with industri...</div>
3317    
3318                                        <div btn-bg-color="white" btn-border-color="dark" btn-hover-animation="btn-ani-wave" btn-hover-bg-color="theme" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="dark" class="btn item-more">read more <i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: 9.8125px; top: 47.3125px;"></i>
3319                                        </div>
3320    
3321                                    </div>
3322    
3323                                </a>
3324                            </div>
3325<div aria-label="3 / 4" blockitem="1" class="swiper-slide sc-block-item" data-slide-type="active" role="group">
3326                                <a aria-label="New Innovations in the Opti..." class="item-inner" href="/news/new-innovations-in-the-optical-industry-photochromic-blue-light-blocking-lenses/" title="New Innovations in the Opti...">
3327                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
3328                                        <img alt="New Innovations in the Optical Industry: Photochromic Blue Light Blocking Lenses" blockimagetype="1" itemprop="image" src="/source/4595faaf480fc21213fa228619a06baf/news2-1.jpg"/><img alt="New Innovations in the Optical Industry: Photochromic Blue Light Blocking Lenses" blockicotype="1" itemprop="image" src="/source/77654fa590dca7a7ded1bc61793e887b/65266e02593a668507.jpg"/><div class="item-btn"><svg height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"></path></g></svg></div>
3329                                    </div>
3330                                    <div class="item-info">
3331                                        <i class="item-order">03</i>
3332                                        <span class="item-bg"></span>
3333                                        <div class="item-time">
3334                                            <svg height="22" stroke-width="2" viewBox="0 0 24 24" width="25" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z"></path></g></svg><em>2024-08-27</em>
3335                                        </div>
3336                                        <h3 blocktitle="1" class="item-title">New Innovations in the Opti...</h3>
3337                                        <div blockdesc="1" class="item-desc">As we all know, different types of lenses have their own unique functions. For example, photochromic lenses effectively block glare and UV rays out...</div>
3338    
3339                                        <div btn-bg-color="white" btn-border-color="dark" btn-hover-animation="btn-ani-wave" btn-hover-bg-color="theme" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="dark" class="btn item-more">read more <i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: 9.8125
3339px; top: 47.3125px;"></i>
3340                                        </div>
3341    
3342                                    </div>
3343    
3344                                </a>
3345                            </div>
3346<div aria-label="4 / 4" blockitem="1" class="swiper-slide sc-block-item" data-slide-type="active" role="group">
3347                                <a aria-label="How Much Do You Know About ..." class="item-inner" href="/news/how-much-do-you-know-about-polarized-lenses/" title="How Much Do You Know About ...">
3348                                    <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject">
3349                                        <img alt="How Much Do You Know About Polarized Lenses?" blockimagetype="1" itemprop="image" src="/source/fe5479512d94b8fa6ccedda75e901e23/suoluetu.jpg"/><img alt="How Much Do You Know About Polarized Lenses?" blockicotype="1" itemprop="image" src="/source/77654fa590dca7a7ded1bc61793e887b/65266e02593a668507.jpg"/><div class="item-btn"><svg height="64" viewBox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"></path></g></svg></div>
3350                                    </div>
3351                                    <div class="item-info">
3352                                        <i class="item-order">04</i>
3353                                        <span class="item-bg"></span>
3354                                        <div class="item-time">
3355                                            <svg height="22" stroke-width="2" viewBox="0 0 24 24" width="25" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path d="M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z"></path></g></svg><em>2024-08-27</em>
3356                                        </div>
3357                                        <h3 blocktitle="1" class="item-title">How Much Do You Know About ...</h3>
3358                                        <div blockdesc="1" class="item-desc">With people increasingly focusing on fashion and health protection, more and more individuals are choosing to wear sunglasses during the scorching ...</div>
3359    
3360                                        <div btn-bg-color="white" btn-border-color="dark" btn-hover-animation="btn-ani-wave" btn-hover-bg-color="theme" btn-hover-border-color="none" btn-hover-text-color="white" btn-text-color="dark" class="btn item-more">read more <i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: 9.8125px; top: 47.3125px;"></i>
3361                                        </div>
3362    
3363                                    </div>
3364    
3365                                </a>
3366                            </div>
3367</div>
3368                    </div>
3369                    <div class="swiper-control">
3370                        <div aria-controls="swiper-wrapper-7655a39305dd8f29" aria-disabled="true" aria-label="Previous slide" class="swiper-button swiper-button-prev" role="button" tabindex="-1"></div>
3371                        <div class="swiper-pagination swiper-pagination-clickable">
3372<span class="swiper-pagination-bullet">01</span><span class="swiper-pagination-bullet">02</span>
3373</div>
3374                        <div aria-controls="swiper-wrapper-7655a39305dd8f29" aria-disabled="false" aria-label="Next slide" class="swiper-button swiper-button-next" role="button" tabindex="0"></div>
3375                    </div>
3376                </div>
3377    
3378    
3379                <style>
3380                    .section-block-demo90-generalimgtext4 {
3381                        position: relative;
3382                        padding: 5.5rem 0 0;
3383                    }
3384    
3385                    .section-block-demo90-generalimgtext4 .title-bar {
3386                        margin-bottom: 50px;
3387                        text-align: center;
3388                    }
3389    
3390                    .section-block-demo90-generalimgtext4 .title-bar .title {
3391                        color: rgb(0, 0, 0);
3392                        padding-bottom: 0px;
3393                        text-transform: capitalize;
3394                    }
3395    
3396                    .section-block-demo90-generalimgtext4 .title-bar .text {
3397                        display: inline-block;
3398                        max-width: 55rem;
3399                        font-size: 16px;
3400                        color: rgb(103, 103, 103);
3401                        font-weight: 300;
3402                    }
3403    
3404                    .section-block-demo90-generalimgtext4 [heading-type="25"] .ico {
3405                        background-image: url("/source/8eff542e46b8b32789d8048780facff5/652608a421ba331347.png");
3406                    }
3407    
3408                    .section-block-demo90-generalimgtext4 .sc-block-item .item-inner {
3409                        background-color: #f9f9f9;
3410                    }
3411    
3412                    .section-block-demo90-generalimgtext4 .sc-block-item .item-inner .item-info {
3413                        padding-top: 3px;
3414                        padding-bottom: 25px;
3415                        background-color: #fff;
3416                    }
3417    
3418                    .section-block-demo90-generalimgtext4 .item-inner .item-info .item-desc,
3419                    .section-block-demo90-generalimgtext4 .item-inner .item-info .item-time,
3420                    .section-block-demo90-generalimgtext4 .item-inner .item-info .item-title {
3421                        padding-right: 25px;
3422                        padding-left: 25px;
3423                    }
3424    
3425                    .section-block-demo90-generalimgtext4 .item-inner .item-info .item-time {
3426                        position: relative;
3427                        font-size: 14px;
3428                        margin-top: 0;
3429                        padding-top: 15px;
3430                        padding-bottom: 15px;
3431                        border-bottom: 1px solid #e4e4e4;
3432                    }
3433    
3434                    .section-block-demo90-generalimgtext4 .item-inner .item-info .item-title {
3435                        margin-top: 1.5rem;        
3436                        line-height: 1.3;
3437                        font-size: 22px;
3438                        font-weight: 600;
3439                        color: rgb(0, 0, 0);
3440                        text-transform: capitalize;
3441                    }
3442    
3443                    .section-block-demo90-generalimgtext4 .item-inner .item-info .item-desc {
3444                        font-size: 16px;
3445                        font-weight: 300;
3446                        color: rgb(103, 103, 103);
3447                    }
3448    
3449                    .section-block-demo90-generalimgtext4 .item-inner .item-info .item-more {
3450                        margin-left: 25px;
3451                        padding: .5rem 1rem;
3452                        text-transform: capitalize;
3453                        font-size: 16px;
3454                        border-width: 1px;
3455                    }
3456    
3457                    @media (max-width:1366px) {
3458                        .section-block-demo90-generalimgtext4 {
3459                            padding: 4rem 0;
3460                        }
3461    
3462                        .section-block-demo90-generalimgtext4 .title-bar {
3463                            margin-bottom: 2.5rem;
3464                        }
3465    
3466                        .section-block-demo90-generalimgtext4 .title-bar .text {
3467                            font-size: 1rem;
3468                        }
3469    
3470                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-title {
3471                            font-size: 1.285rem;
3472                        }
3473    
3474                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-desc,
3475                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-time,
3476                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-title {
3477                            margin-top: 1rem;
3478                            padding-right: 1rem;
3479                            padding-left: 1rem;
3480                        }
3481    
3482                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-more {
3483                            margin-left: 1rem;
3484                        }
3485                    }
3486    
3487                    @media (max-width:1080px) {
3488                        .section-block-demo90-generalimgtext4 .swiper-control {
3489                            display: flex !important;
3490                        }
3491    
3492                        .section-block-demo90-generalimgtext4 {
3493                            padding: 2.5rem 0;
3494                        }
3495    
3496                        .section-block-demo90-generalimgtext4 .title-bar {
3497                            margin-bottom: 1.5rem;
3498                        }
3499    
3500                        .section-block-demo90-generalimgtext4 [heading-type="25"] {
3501                            padding: .8rem 0;
3502                        }
3503    
3504                        .section-block-demo90-generalimgtext4 .title-bar .text {
3505                            max-width: 96%;
3506                            font-size: 12px;
3507                        }
3508    
3509                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-time {
3510                            padding-top: .7rem;
3511                            padding-bottom: .7rem;
3512                        }
3513    
3514                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-title {
3515                            margin-top: 1rem;
3516                            font-size: 1.14rem;
3517                        }
3518    
3519                        .section-block-demo90-generalimgtext4 .item-inner .item-info .item-desc {
3520                            margin-top: .7rem;
3521                            font-size: 12px;
3522                        }
3523    
3524                        .section-block-demo90-generalimgtext4[pagination-btn-position=bottom][swipernormal] .swiper-control {
3525                            margin-top: 1rem;
3526                        }
3527                    }
3528    
3529                    @media (max-width:320px) {
3530                        .section-block-demo90-generalimgtext4 {
3531                            padding: 1.5rem 0 2rem 0;
3532                        }
3533    
3534                        .section-block-demo90-generalimgtext4 .generalimgtext-img,
3535                        .section-block-demo90-generalimgtext4 .sc-block-item {
3536                            padding: 3px;
3537                        }
3538                    }
3539                </style>
3540<script>GlobalsoIframe.Swiper.swiperNormal({ "container": "#sectionIdxt49jt0 .execute-swiper-slide", "delay": 30000, "speed": 1200, "slidesPerView": "3", "slidesPerView320": 1 })</script>
3540<style styleid="sectionIdxt49jt0">#sectionIdxt49jt0 > .layout.title-bar > .title {font-size: 48px;color: rgb(46, 46, 46);}#sectionIdxt49jt0 {padding-top: 80px;}#sectionIdxt49jt0 > .layout.title-bar > .text {font-weight: 400;color: rgb(122, 122, 122);}#sectionIdxt49jt0 > .layout.outer-swiper-wrap.generalimgtext-slider > .execute-swiper-slide > .swiper-wrapper.sc-block-items > .swiper-slide.sc-block-item > .item-inner > .item-info > .item-desc {font-weight: 400;}#sectionIdxt49jt0 > .layout.outer-swiper-wrap.generalimgtext-slider > .execute-swiper-slide > .swiper-wrapper.sc-block-items > .swiper-slide.sc-block-item > .item-inner > .item-info > .btn.item-more {border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}</style></section></main><footer class="section-footer-wrap-block section-block-demo57-footer" data-screen="screen-xxl"><div class="footer-wrap">
3541            <div class="layout" data-unable="demo57-footer">
3542                <div class="foot-items flex-wrap d-flex justify-content-between">
3543
3544                    <nav class="foot-item foot-inquiry-item aos-init" data-aos="fadeInLeft" data-aos-duration="1000"><h2 class="foot-title">SEND INQUIRY</h2>
3545                        <div class="inquiry-desc">Pioneering Experts in Smart Devices and Display Solutions.</div>
3546
3547                        <a btn-arrow="plane" btn-border-color="none" btn-hover-animation="btn-ani-wave" btn-hover-bg-color="sec-theme" btn-hover-border-color="sec-theme" btn-hover-text-color="white" class="btn" href="javascript:" onclick="GlobalsoIframe.popUp.inquiryBox(this)" preventdefault="true">Contact us<i class="la"></i> <i btn-ani-circle="desplode" class="btn-ani" style="left: 118.703px; top: 33.4844px;"></i></a>
3548                        <ul class="foot-social d-flex justify-content-start align-items-center flex-wrap">
3549<li><a href="https://v6-12djz.globalso.site/contact-us/" itemscope="1" itemtype="http://schema.org/ImageObject" rel="nofollow" target="_blank"><img alt="linkedin" itemprop="image" src="/source/2db3fcc55ad38b6f55783e6124a44954/660a4ff81b59926377.png"/></a></li>
3550                            <li><a href="https://v6-12djz.globalso.site/contact-us/" itemscope="1" itemtype="http://schema.org/ImageObject" rel="nofollow" target="_blank"><img alt="youtube" itemprop="image" src="/source/25bc55d86d418654bd87fdf8371a7f8c/660a4ff8af25937800.png"/></a></li>
3551                            <li><a href="https://v6-12djz.globalso.site/contact-us/" itemscope="1" itemtype="http://schema.org/ImageObject" rel="nofollow" target="_blank"><img alt="Twitter" itemprop="image" src="/source/85f168bea073d009a33eb14b90ca4c3b/660a4ff93893d78915.png"/></a></li>
3552                            <li><a href="https://v6-12djz.globalso.site/contact-us/" itemscope="1" itemtype="http://schema.org/ImageObject" rel="nofollow" target="_blank"><img alt="Facebook" itemprop="image" src="/source/f2c3747e8092e8576cfa63102ac5a74b/660a4ff9be8f487061.png"/></a></li>
3553                        </ul></nav><nav class="foot-item aos-init" data-aos="fadeInLeft" data-aos-duration="1000"><h2 class="foot-title">PRODUCTS</h2>
3554                        <ul blockitems="1" class="foot-nav" data-module="1" data-nav-type="3">
3555<li blockitem="1"><a href="/stock-lens/" target="_self">Stock Lens</a></li>
3556</ul></nav><nav class="foot-item aos-init" data-aos="fadeInLeft" data-aos-duration="1000"><h2 class="foot-title">QUICK LINKS</h2>
3557                        <ul blockitems="1" class="foot-nav" data-module="1" data-nav-type="2">
3558<li blockitem="1"><a href="/about-us/" target="_self">About Us</a></li>
3559<li blockitem="1"><a href="/news/" target="_self">News</a></li>
3560<li blockitem="1"><a href="/contact-us/" target="_self">Contact Us</a></li>
3561</ul></nav><nav class="foot-item aos-init" data-aos="fadeInLeft" data-aos-duration="1000"><h2 class="foot-title">CONTACT US</h2>
3562                        <ul class="foot-contacts">
3563<li itemscope="1" itemtype="http://schema.org/ImageObject">
3564                                <i class="foot-ico"></i><img alt="660a4e1764fd217439vab" class="mw-100" itemprop="image" src="/source/71e647c2024808966cf7b63f8eaaccc8/660a4e1764fd217439.png"/><div class="foot-val">No.16 Zhouxiang, Xing Vallage, Situ Town, Danyang, Jiangsu, China.
3565                                </div>
3566                            </li>
3567                            <li itemscope="1" itemtype="http://schema.org/ImageObject">
3568                                <i class="foot-ico"></i><img alt="660a4e1808019236700vd" class="mw-100" itemprop="image" src="/source/7a8d8cc9d13c0b11e73c8774c08ca413/660a4e180801923670.png"/><div class="foot-val">
3569                                    <a href="tel:051186933810" target="_blank">0511-86933810</a>
3570                                </div>
3571                            </li>
3572                            <li itemscope="1" itemtype="http://schema.org/ImageObject">
3573                                <i class="foot-ico"></i><img alt="660a4e1808019236700vd" class="mw-100" itemprop="image" src="/source/7a8d8cc9d13c0b11e73c8774c08ca413/660a4e180801923670.png"/><div class="foot-val">
3574                                    <a href="tel:8617305290000" target="_blank">+8617305290000</a>
3575                                </div>
3576                            </li>
3577                            <li itemscope="1" itemtype="http://schema.org/ImageObject">
3578                                <i class="foot-ico"></i><img alt="whatsapp" class="mw-100" itemprop="image" src="/source/d6f0c26f913a791cf5b441781380f2fd/whatsapp.png"/><div class="foot-val">
3579                                    <a href="https://wa.me/8615252936652" rel="nofollow" target="_blank">+8615252936652</a>
3580                                </div>
3581                            </li>
3582                            <li itemscope="1" itemtype="http://schema.org/ImageObject">
3583                                <i class="foot-ico"></i><img alt="whatsapp" class="mw-100" itemprop="image" src="/source/d6f0c26f913a791cf5b441781380f2fd/whatsapp.png"/><div class="foot-val">
3584                                    <a href="https://wa.me/8617305290000" rel="nofollow" target="_blank">+8617305290000</a>
3585                                </div>
3586                            </li>
3587                            <li itemscope="1" itemtype="http://schema.org/ImageObject">
3588                                <i class="foot-ico"></i><img alt="660a4e18896a966322drv" class="mw-100" itemprop="image" src="/source/ac47c8f6c062e4cc38c91beeea9eff1c/660a4e18896a966322.png"/><div class="foot-val">
3589                                    <a href="/cdn-cgi/l/email-protection#0f7c6a7d79666c6a4f657d7c607f7b666c6e63216c6062" target="_blank"><span class="__cf_email__" data-cfemail="16657364607f7573567c64657966627f75777a3875797b">[email&#160;protected]</span></a>
3590                                </div>
3591                            </li>
3592                            <li itemscope="1" itemtype="http://schema.org/ImageObject">
3593                                <i class="foot-ico"></i><img alt="660a4e18896a966322drv" class="mw-100" itemprop="image" src="/source/ac47c8f6c062e4cc38c91beeea9eff1c/660a4e18896a966322.png"/><div class="foot-val">
3594                                    <a href="/cdn-cgi/l/email-protection#82e3eeebe1e7c2e8f0f1edf2f6ebe1e3eeace1edef" target="_blank"><span class="__cf_email__" data-cfemail="2544494c4640654f57564a55514c4644490b464a48">[email&#160;protected]</span></a>
3595                                </div>
3596                            </li>
3597
3598                        </ul></nav>
3599</div>
3600                <div class="footer-bottom d-flex justify-content-between align-items-center">
3601
3602                    <div class="copyright">© Copyright - 2010-2025 : All Rights Reserved.<p><a href="/sitemap.xml">Sitemap</a> - <a href="/top-blog/"> TOP BLOG </a> - <a href="/top-search/">Top Search</a></p>
3603</div>
3604                </div>
3605            </div>
3606        </div>
3607        <style>
3608            #tebel table th,
3609            #tebel table td {
3610                border: 1px solid #e2e2e2;
3611                background: none;
3612                padding: 12px;
3613            }
3614
3615            #tebel table tr:nth-child(2n-1) {
3616                background: rgb(249, 249, 249);
3617            }
3618
3619            #tebel table tr:first-child {
3620                font-size: 20px;
3621            }
3622
3623            .table_wrap {
3624                overflow-x: scroll;
3625            }
3626
3627            .page_icobox>div {
3628                margin: 10px !important;
3629                background-color: #ffffff;
3630                padding: 20px;
3631                box-shadow: 0px 15px 20px 0px rgb(209 218 235 / 50%);
3632            }
3633
3634            .page_icobo>div {
3635                border-radius: 15px !important;
3636                box-shadow: 0 0 10px rgba(0, 0, 0, .25);
3637            }
3638
3639            .page_icobo>div {
3640                margin: 10px !important;
3641                background-color: #ffffffe0;
3642                padding: 20px;
3643                box-shadow: 0px 15px 20px 0px rgb(209 218 235 / 50%);
3644            }
3645
3646            .about_icon>div {
3647                background-color: #ffffff;
3648                box-shadow: 0px 10px 15px 0px rgb(209 218 235 / 50%);
3649                border-radius: 10px;
3650                margin: 5px;
3651                border: 2px solid #d7d7d7;
3652            }
3653
3654            .about-img>div img {
3655                box-shadow: 0px 10px 15px 0px rgb(209 218 235 / 50%);
3656                border-radius: 20px;
3657                border: 2px solid #d7d7d7;
3658            }
3659
3660            .casting-process-txt>div {
3661                box-shadow: 0px 10px 15px 0px rgb(209 218 235 / 50%);
3662            }
3663
3664            .title_style>div {
3665                border-radius: 9px;
3666                box-shadow: 0px 10px 15px 0px rgb(209 218 235 / 50%);
3667            }
3668
3669            .item-links .more-links a {
3670                color: #fff;
3671            }
3672
3673            .section-block-demo57-footer .foot-item .btn {
3674                background-color: #fff;
3675                color: #000;
3676            }
3677
3678            .section-block-demo57-footer .foot-social li:nth-child(n+2) {
3679                margin-left: 1.5rem;
3680            }
3681
3682            .category_img {
3683                width: 50% !important;
3684                float: left !important;
3685                margin-top: 15px;
3686            }
3687
3688            .category_img1 {
3689                margin-top: 15px;
3690            }
3691
3692            .section-block-demo57-footer .footer-bottom .copyright a {
3693                color: #fff;
3694            }
3695
3696            .section-generalimgtext-wrap-block .sc-block-item .item-inner {
3697                border: 1px solid #f1f3f4;
3698                padding: 5px;
3699            }
3700
3701            .aside-sidebar-demo1-block .service-content li:hover .service-text {
3702                width: 244px;
3703            }
3704
3705            .section-sideproduct-wrap-block .product-item {
3706                overflow: visible;
3707                height: auto !important;
3708            }
3709
3710            /* 响应式 */
3711
3712            /* @media screen and (max-width: 1440px) {
3713                .section-generalimgtext-wrap-block .sc-block-item {
3714                    width: 33.3%;
3715                }
3716            } */
3717
3718
3719            /* @media screen and (max-width: 995px) {
3720                .section-generalimgtext-wrap-block .sc-block-item {
3721                    width: 50% !important;
3722                }
3723            } */
3724
3725            @media screen and (max-width: 678px) {
3726                #sectionIdnn6a1oj>.case-items.d-flex.flex-wrap.justify-content-center {
3727                    padding-right: 15px;
3728                    padding-left: 15px;
3729                }
3730
3731                .section-generalimgtext-wrap-block .sc-block-item {
3732                    width: 50%;
3733                }
3734            }
3735
3736            @media screen and (max-width: 480px) {
3737                .section-generalimgtext-wrap-block .sc-block-item {
3738                    width: 100% !important;
3739                }
3740
3741                #sectionId45idibu>.layout.sc-block-items>.block-item.sc-block-item.category_img {
3742                    width: 100% !important;
3743                }
3744
3745                #sectionId45idibu>.layout.sc-block-items>.block-item.sc-block-item.category_img1 {
3746                    width: 100% !important;
3747                }
3748            }
3749        </style>
vendor: 109 bytes, lines 3749-3750
3749
3750<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3750<script>
3751        </script>
3751</footer>
3751<script>
3752</script>
3752
3753
3754
3755
3756<script type="text/javascript" src="https://form.grofrom.com/livechat_v2.js"></script>
vendor: 1 bytes, line 3756
3756
3757<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4270c520623047de98b8d97ba6c054c3","r":1,"spa":2}' crossorigin="anonymous"></script>
3757
3758</body><!-- Globalso Cache file was created on 2025-04-28 16:10:32 --></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.