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&
18family=Roboto:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Noto%20Sans%20SC:wght@100;200;300;400;500;600;700;800;900&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 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 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.