@charset "utf-8";@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype");font-display:swap}
@font-face{font-family:'Cabin';font-style:normal;font-weight:400;font-stretch:100%;src:url(../fonts/Cabin-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}
@font-face{font-family:'Cabin';font-style:normal;font-weight:400;font-stretch:100%;src:url(../fonts/Cabin-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
@font-face{font-family:'Cabin';font-style:normal;font-weight:700;font-stretch:100%;src:url(../fonts/Cabin-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}
@font-face{font-family:'Cabin';font-style:normal;font-weight:700;font-stretch:100%;src:url(../fonts/Cabin-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(../fonts/Noto-Sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(../fonts/Noto-Sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:500;font-stretch:100%;src:url(../fonts/Noto-Sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:500;font-stretch:100%;src:url(../fonts/Noto-Sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-stretch:100%;src:url(../fonts/Noto-Sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-stretch:100%;src:url(../fonts/Noto-Sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
@font-face{font-family:"iconfont";src:url("../fonts/iconfont.ttf?t=1622274305876") format("truetype");font-display:swap}
.iconfont{font-family:"iconfont" !important;font-size:1.6rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666}
.sp-preloader{display:none!important;width:100% !important}
#header,#container,#footer,video#my_video,html{visibility:visible!important}
body{color:#333;font-family:'Noto Sans',Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.75;background-color:#fff;font-weight:400}
.home_bg{background:#fff !important}
*{box-sizing:border-box;padding:0;margin:0}
li,ol,ul{list-style:none;margin-bottom:0}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic}
.pro_img{overflow:hidden}
.pro_img a img{transition:all .8s ease}
.pro_img a:hover img{transform:scale(1.05)}
.clear{clear:both}
.clearfix::after{display:table}
hr{margin:2rem auto;border-top:1px solid #eee}
strong{display:inline-block;position:relative;font-size:1.2rem}
.etw_pdf{color:#fff;background:linear-gradient(to left,#0075c1,#002d5d);display:inline-block;padding:.5rem 1.5rem;margin-top:1rem;border-radius:50px;margin-bottom:3rem;padding-left:4rem;position:relative;text-transform:uppercase}
.etw_pdf:hover{background:#00a0df;color:#fff}
.etw_pdf::before{position:absolute;content:"\f019";font-family:fontawesome;left:1.5rem;top:.65rem;color:#0075c1;width:25px;height:25px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .5s ease}
.etw_pdf:hover::before{color:#00a0df}
b{color:#333}
.inquiry{color:#023b7d;text-decoration:none}
.inquiry:hover{color:#0075c1}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;transition:all .5s}
a:hover{color:#174277}
a:focus{outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
a.link{color:#174277;display:inline-block;text-decoration:underline;font-size:1.2rem}
a.link:hover{color:#0075c1;text-decoration:none}
.table td{border:1px solid #f2f2f2;vertical-align:middle;padding:.5rem;font-size:.875rem}
.table tr.top td{background-color:#fafafa;font-weight:700}
.table td img{width:90px;margin:0 auto}
.table td a{color:#004e8f;text-decoration:underline}
.table td a:hover{color:#00a0df}
.inquiry{color:#004680;text-decoration:underline}
.inquiry:hover{color:#002d5d}
.theme-send-inquiry-box{background:#004e8f !important}
.theme-box-name{background:#333 !important;text-transform:uppercase;border-left:1px #004e8f solid !important}
h3{font-size:1.2rem}
h4{color:#333;font-size:1.1rem;margin-top:1rem}
h2,.etw_hometitle{display:block;font-size:clamp(1.5rem,5vw,2rem);margin:0;padding-bottom:1rem;line-height:1.15}
.etw_hometitle{font-size:clamp(1.55rem,3vw,2.2rem);position:relative;margin-bottom:1rem;padding-bottom:.5rem}
.small_font{font-size:.95rem;color:#666}
.pro_name{color:#666;font-size:1.1rem;position:relative;line-height:1.35;margin-top:-.5rem;margin-bottom:.8rem;position:relative;padding-bottom:1rem}
.color_font{color:#333;font-size:1.4rem;margin-top:1rem;border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:1rem}
h2 strong{font-size:2.2rem}
h2 small{display:block;color:#666;font-size:1.6rem}
.page_title{font-size:1.2rem;text-transform:uppercase;display:block;line-height:1.35;padding-bottom:1rem;margin-bottom:1rem;position:relative;margin-top:2rem}
.page_title::before{position:absolute;content:"";width:50px;height:5px;background-color:#004e8f;left:0;bottom:0}
.font_fold{font-size:1.1rem;color:#000;font-weight:500;background:#004e8f;color:#fff;padding:.5rem 1rem;margin-bottom:.5rem}
.contact_content{margin-top:3rem}
.contact_des a{color:#002d5d;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s}
.contact_des a:hover{color:#023b7d}
.contact_des b{font-weight:600}
.contact_des h3.title01{font-size:1.5rem;font-weight:700}
.indent-left{padding-left:3.8rem}
#etw_top{position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#f7f7f7;z-index:100;cursor:pointer;color:#333;font-weight:700;line-height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}
#etw_top a{color:#002d5d}
#etw_top:hover{transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#ddd}
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;transition:all .5s;background-color:rgba(255,255,255,1);padding:0 1rem;box-shadow:0 0 25px rgb(0 0 0 / 10%)}
.header_in{width:100%;max-width:1200px;margin:0 auto;position:relative}
#etw_logo{width:auto;text-align:center;float:left;margin-top:1rem;transition:all .8s}
#etw_logo a{width:100%;display:flex;align-items:end}
#etw_logo strong{color:#666;display:block;display:block;width:100%;max-width:170px;text-align:center;padding-left:.8rem;line-height:1.35;font-weight:normal;border-left:2px solid #f5f5f5;margin-left:1.5rem;font-size:.9rem}
#etw_logo strong span{display:block;font-weight:500;font-size:1.275rem}
.top-nav{width:72%;float:left;transition:all .8s;position:relative;padding-left:3rem}
.top-nav .navbar{padding:0}
.nav-fixed{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;margin-top:0 !important;background-color:rgba(255,255,255,1)  !important}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}.dropdown-menu-one{background-color:#eee}
.navbar-expand-lg .navbar-collapse{flex-flow:row wrap !important}
.navbar-nav{width:100%}
.navbar-light .navbar-nav .nav-link{transition:all 0.5s}
.navbar-expand-lg .navbar-nav .nav-link{padding:1rem 2.5rem;color:#000;position:relative;line-height:1.35;text-transform:uppercase;font-weight:500}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom:-1px;width:0px;height:3px;background:#005bac;transform:translateX(-50%);transition:0.5s;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before{width:100%}
.navbar-expand-lg .navbar-nav .nav-link i{font-size:1.2rem;line-height:1.15}
.navbar-light .navbar-nav .nav-item:first-child .nav-link::before{display:none}
.navbar-expand-lg .navbar-nav .dropdown-menu strong{font-size:1rem;font-weight:600;display:block;padding:.5rem}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:53px;transition:all .5s;box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);background-color:rgb(255 255 255 / 100%);min-width:21rem;border-radius:0 0 1rem 1rem;padding:1rem .8rem;border:none;border-top:1px solid #eee}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1rem;border-bottom:1px solid #eee;background:none;font-weight:300}
.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a{border-bottom:none}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1rem;border-bottom:1px solid #eee;background:none;font-weight:300}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a{color:#333;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2rem;font-size:0.9rem;position:relative}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a.active{color:#004e8f}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before{position:absolute;content:"\f0da";left:1rem;top:0.2rem;font-family:fontawesome}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link,.dropdown-menu-one li > a.active{color:#005bac !important}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#005bac}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover{color:#005bac!important}
.dropdown-item{font-size:0.9rem}
.dropdown-item.active,.dropdown-item:active{background:none !important}
.nav-item span.pro_icon{position:absolute;top:0.5rem;right:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center}
.top-nav ul>li>ul.dropdown-menu>li{position:relative}
.dropdown-toggle::after{display:none !important}
.navbar-light .navbar-nav .video_item .nav-link{padding-right:50px;position:relative;text-align:right}
.navbar-light .navbar-nav .video_item .nav-link::before{display:none}
.navbar-light .navbar-nav .video_item .nav-link::after{position:absolute;content:"\f4f2";font-family:bootstrap-icons !important;right:1rem;top:.5rem;font-size:1.5rem;color:#005bac}
@media (max-width:991.98px){.page_title2{margin-top:1rem}
}@media (max-width:767.98px){.contact_des h3.title01{font-size:1.4rem}
.page_title{font-size:1.2rem;margin-top:1rem}
.pro_name{font-size:1rem}
#etw_logo strong{margin-left:0.5rem}
}@media (max-width:575.98px){#etw_logo{width:140px}
#etw_logo a{display:block}
#etw_logo img{width:130px}
#etw_logo strong{border:none;max-width:140px;padding:0;margin-left:0}
#etw_logo strong span{font-size:0.9rem;display:inline}
}.etw_language{float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:42%;height:22px;line-height:22px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem;margin-top:.5rem}
#etw_language{float:right;width:auto;text-align:right}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#162537;min-width:auto !important;font-size:.9rem;position:relative}
#etw_language .dropdown-item::before{position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc}
#etw_language .dropdown-item:last-child::before{display:none}
#etw_language .dropdown-item img{margin-right:5px;margin-top:1px}
#etw_language .dropdown-item:hover{color:#005bac;background:none}
#etw_language .dropdown-item:focus{background:none !important}
#etw_banner{width:100%;position:relative;margin:0 auto;text-align:center;overflow:hidden}
#etw_banner .swiper-slide{height:100%;position:relative;width:100%;margin:0 auto}
#etw_banner img{display:block;width:100%;text-align:center;margin:0 auto}
#etw_banner .swiper-pagination-bullet{cursor:pointer;width:10px;height:10px;background:none;opacity:1;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;background-color:#fff}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#005bac;cursor:pointer}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px !important}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{width:56px;height:56px;background-image:none;right:1%;z-index:1;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:50%;color:rgba(255,255,255,1)}
#etw_banner .swiper-button-prev{left:1%}
#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover{background-color:rgba(255,255,255,1);color:#005bac}
#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after{opacity:1}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after{font-size:1.4rem}
.banner_txt{position:absolute;top:32%;left:0;right:0;margin:0 auto;text-align:left;line-height:1.55;width:100%;color:#fff;z-index:1}
#etw_banner .img-bg{position:relative}
#etw_banner .img-bg::before{position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.35);top:0;left:0}
.banner_inner strong{line-height:1.15;display:block;margin-bottom:1rem;color:#fff;font-size:clamp(1.45rem,3vw,2.45rem);font-weight:400}
.banner_inner strong span{display:block;font-size:3rem}
.more_btn{color:#fff;display:inline-block;margin-top:1rem;padding:.75rem 2rem;border-radius:50px;line-height:1.35;text-transform:uppercase;font-size:.9rem;border:2px solid #fff;font-weight:700}
.more_btn:hover{background-color:#fff;color:#000}
.more_btn2{color:#004e8f;border:2px solid #004e8f;font-weight:700}
.banner_inner1{max-width:650px;margin:0 auto;text-align:center}
.banner_txt3{top:22%}
.banner_inner2{max-width:580px;float:right}
.banner_inner3{max-width:620px;float:right}
@media (max-width:991.98px){.banner_txt{top:30%}
.banner_inner p{display:none}
.banner_inner{float:inherit;width:90%;margin:0 auto;text-align:center}
}@media (max-width:767.98px){.banner_txt .more_btn{display:none}
}@media (max-width:575.98px){.banner_txt{display:none}
.etw_language{padding-left:0rem;padding-right:0rem}
}.vision_solution_wrap{margin-top:3rem}
.webtitle{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:500;color:#000;line-height:1.35}
.small_webtitle{font-size:clamp(1.3rem,3vw,1.5rem);margin-bottom:1rem}
.vision_solution_wrap .solution_item{background-color:#fff;height:100%;border:1px solid #e9ecef;overflow:hidden;transition:all .5s ease;position:relative;margin-right:15px;border-radius:10px}
.vision_solution_wrap .solution_item .pro_des{padding:.5rem;text-align:center}
.vision_solution_wrap .solution_item .pro_des a{color:#333;font-size:1rem;display:block;margin-bottom:.5rem;line-height:1.35}
.vision_solution_wrap .solution_item .pro_des p{font-size:.9rem;color:#666}
.vision_solution_wrap .solution_item2 a{color:#000;text-transform:uppercase;font-weight:500;font-size:1.125rem;position:relative;padding-right:3rem;display:inline-block;padding-bottom:1rem}
.vision_solution_wrap .solution_item2 a::before{position:absolute;content:"\f134";right:0;top:0;font-family:bootstrap-icons}
.vision_solution_wrap .solution_item2 a::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:2px;background-color:#000}
.vision_solution_wrap .solution_item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.vision_solution_wrap .solution_item:hover .pro_des a::before{right:1rem}
.by_application_list{margin:3rem auto}
.by_application_list .solution_item{position:relative}
.by_application_list .solution_item .pro_des{position:absolute;bottom:0;left:0;width:100%}
.by_application_list .solution_item .pro_des a{display:block;background:linear-gradient(to bottom,transparent,rgb(0,0,0,.75));color:#fff;padding:1rem;font-weight:700;font-size:clamp(1.05rem,3vw,1.125rem);position:relative;line-height:1.35}
.by_application_list .solution_item .pro_des a::before{position:absolute;content:"";width:30px;height:1px;top:0;left:1rem;background-color:#fff;transition:all .5s ease}
.by_application_list .solution_item:hover .pro_des a::before{width:60px}
@media (max-width:575.98px){.by_application_list .solution_item .pro_des{text-align:center;position:inherit}
.by_application_list .solution_item .pro_img{text-align:center}
.by_application_list .solution_item .pro_des a{background:none;color:#333}
.vision_solution_wrap .solution_item .pro_img{text-align:center;margin-top:1rem}
}.by_application_list .mb-4{margin-bottom:0rem !important}
.more_link{color:#333;display:inline-block;position:relative;margin-top:1rem;border:1px solid #eee;padding:.5rem 1rem;padding-right:3rem}
.more_link::before{position:absolute;content:"\f134";right:0;top:.35rem;font-family:bootstrap-icons;right:1rem;font-size:1rem}
.more_link:hover{background-color:#004680;color:#fff}
.featured_products_wrap ul{display:flex;flex-wrap:wrap;margin-top:1.2rem}
.featured_products_wrap ul li{width:15.5%;margin-right:1%;text-align:center}
.featured_products_wrap ul li:nth-child(6n){margin-right:0}
.featured_products_wrap ul li a{color:#333}
.featured_products_wrap ul li a span{display:block;font-weight:500;font-size:1rem;line-height:1.35}
.featured_products_wrap ul li a strong{font-weight:normal;font-size:.875rem;margin-top:.5rem}
.featured_products_wrap ul li .pro_img{text-align:center}
.featured_products_wrap ul li .pro_img img{mix-blend-mode:multiply}
.featured_products_wrap ul li a:hover{color:#004e8f}
@media (max-width:767.98px){.featured_products_wrap ul li{width:30.3%}
}@media (max-width:480.98px){.featured_products_wrap ul li{width:48%}
}@media (max-width:375.98px){.featured_products_wrap ul li{width:100%;margin-right:0}
}.about_us_wrap{padding:3rem 1.5rem 3rem 0;position:relative;margin-top:3rem}
.about_us_wrap::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:#f5f5f5;border-bottom:1px solid #e9ecef}
.about_us_wrap h3{font-size:1.3rem;color:#666;margin-top:.5em;margin-bottom:1rem}
.about_item_box{position:relative;padding-top:2rem;margin-top:1rem}
.about_item_box .about_item{height:100%}
.about_item_box .about_item .img_title a{display:block;color:#000;width:80%;margin:0 auto;background-color:#fff;position:relative;margin-top:-2rem;padding:1rem;font-weight:500;font-size:1.15rem;text-align:center;text-transform:uppercase}
.about_item_box .about_item .img_title a span{display:block;color:#666;font-weight:400;font-size:.9rem;text-transform:uppercase;margin-top:.5rem;position:relative;padding-top:.5rem}
.about_item_box .about_item .img_title a span::before{position:absolute;content:"";width:60px;height:1px;background-color:#666;left:0;right:0;margin:0 auto;top:0;transition:all .5s ease}
.about_item_box .about_item:hover .img_title a span,.about_item_box .about_item:hover .img_title a{color:#004e8f}
.about_item_box .about_item:hover .img_title a span::before{width:120px}
.pro_banner_box{position:relative;height:260px;margin-bottom:3rem}
.pro_banner_box .pro_banner_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:100%}
.pro_banner_box .pro_banner_inner{max-width:760px;margin:0 auto;text-align:center}
.pro_banner_box .pro_banner_inner h2,.pro_banner_box .pro_banner_inner .etw_hometitle{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;margin-top:1rem}
.pro_banner_box .pro_banner_inner h2 span{display:block;text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400}
.pro_banner_box .pro_banner_inner ul.optical_list{display:flex;flex-wrap:wrap;margin-top:.5rem;justify-content:center}
.pro_banner_box .pro_banner_inner ul.optical_list li{width:25%;margin-right:2%;position:relative;text-align:left;padding-left:1rem}
.pro_banner_box .pro_banner_inner ul.optical_list li::before{position:absolute;content:"";width:5px;height:5px;background-color:#fff;border-radius:50%;left:0;top:.65rem}
.pro_banner_box .pro_banner_inner ul.optical_list li:last-child{margin-right:0}
.pro_banner_box .img_box{height:100%}
.pro_banner_box .img_box img{width:100%;height:100%;object-fit:cover}
.customization_banner_box{height:300px}
.customization_banner_box .pro_banner_inner{max-width:650px;margin:0 auto;text-align:center}
@media (max-width:991.98px){.about_item_box .about_item .img_title a{font-size:1rem}
.pro_banner_box{height:160px}
}@media (max-width:767.98px){.about_item_box .about_item{text-align:center}
.about_item_box .about_item .img_title a{width:100%}
}@media (max-width:575.98px){.about_item_box .about_item .img_title a{margin-top:0}
.pro_banner_box .pro_banner_inner ul.optical_list li{width:90%;margin-right:0}
.about_item_box,.pro_banner_box .pro_banner_inner ul.optical_list{display:none}
}.right_sidebar{position:sticky;top:100px;width:90%;border-right:1px solid #eee;padding-right:2rem}
.right_sidebar a{color:#4a4e54;padding:.3rem;display:block;font-size:.9375rem}
.right_sidebar strong{display:flex;line-height:1.15;margin-bottom:.5rem;align-items:center;width:100%;padding-bottom:.5rem;font-size:1rem;font-weight:600;text-transform:uppercase;color:#000;position:relative}
.right_sidebar strong::before{content:"\f282";font-family:bootstrap-icons;position:absolute;right:0;top:0;font-weight:600;font-size:1rem}
.right_sidebar ul{margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:1rem}
.right_sidebar a:hover,.right_sidebar a.dq{color:#004e8f}
.right_sidebar ul ol{padding-left:1rem}
.right_sidebar ul ol li a{position:relative;padding-left:.85rem;font-size:.75rem}
.right_sidebar ul ol li a::before{position:absolute;content:"";width:4px;height:4px;border-radius:50%;background-color:#ccc;left:0;top:.75rem}
.right_sidebar ul>li>a{position:relative}
.right_sidebar ul>li>a span{display:block}
.right_sidebar .customization_box{overflow:hidden;border-radius:10px;text-align:center}
.right_sidebar .customization_box a{color:#fff;position:relative;display:block;width:100%}
.right_sidebar .customization_box a::before{position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.55);top:0;left:0}
.right_sidebar .customization_box a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;line-height:1.35;display:block;font-weight:700;z-index:1;padding-bottom:1rem}
.right_sidebar .customization_box::before{position:absolute}
.right_sidebar .customization_box a span::before{position:absolute;content:"";width:60px;height:3px;bottom:0;left:0;right:0;margin:0 auto;bottom:0;background-color:#fff}
@media (max-width:991.98px){.right_sidebar{display:none}
}.solutions_item_list{display:flex;flex-wrap:wrap;margin-bottom:3rem}
.solutions_item_list li{width:32%;margin-right:2%;background:linear-gradient(to top,#fff,#f7f7f7);box-shadow:rgba(0,0,0,0.25) 0px 15px 20px -20px;padding:2rem;position:relative;font-size:.9rem}
.solutions_item_list li:nth-child(3n){margin-right:0}
.solutions_item_list li b{display:block;position:relative;margin-bottom:1rem;font-size:1rem;line-height:1.35;color:#000;font-weight:700;padding-bottom:.5rem}
.solutions_item_list li b::before{position:absolute;content:"";width:30px;height:1px;background-color:#004680;bottom:0;left:0}
.by_type_img ul{display:flex;flex-wrap:wrap;margin-top:1rem}
.by_type_img ul li{width:32%;margin-right:2%;text-align:center;box-shadow:rgba(14,63,126,0.04) 0px 0px 0px 1px,rgba(42,51,69,0.04) 0px 1px 1px -0.5px,rgba(42,51,70,0.04) 0px 3px 3px -1.5px,rgba(42,51,70,0.04) 0px 6px 6px -3px,rgba(14,63,126,0.04) 0px 12px 12px -6px,rgba(14,63,126,0.04) 0px 24px 24px -12px;padding:.5rem;padding-bottom:1rem;margin-bottom:1rem}
.by_type_img ul li:nth-child(3n){margin-right:0}
.by_type_img ul li a{color:#333;display:block;line-height:1.15}
.by_type_img ul li:hover a{color:#004e8f}
.products_page_wrap{margin-bottom:3rem}
.products_hub_bg{background:linear-gradient(to top,#fff,#fafafa);padding:3rem 0;margin-top:3rem}
.app_nav_list{display:flex;justify-content:center;border:none;width:100%;margin-bottom:1rem}
.app_nav_list li{width:18.5%;margin-right:1%;text-align:center}
.app_nav_list li:last-child{margin-right:0}
.app_nav_list li a{color:#333;display:block;padding-bottom:.5rem;position:relative;background-color:#fff;padding:5px}
.app_nav_list li a span{display:flex;height:40px;align-items:center;justify-content:center;line-height:1.35}
.app_nav_list li a:hover,.app_nav_list li a.active{color:#004e8f;background-color:#f2f2f2}
.app_nav_list li img{border-radius:5px}
.app_nav_list li a::before{position:absolute;content:"";width:100%;height:2px;background-color:#ddd;left:0;right:0;margin:0 auto;bottom:0;transition:all .5s ease}
.app_nav_list li a::after{position:absolute;content:"\f229";transition:all .5s ease;font-family:bootstrap-icons !important;bottom:-1.15rem;left:0;right:0;margin:0 auto;color:#ddd;font-size:1.2rem;opacity:0}
.app_nav_list li a.active::after{opacity:1}
.pro_app_img_list .img_box{height:100%;background:linear-gradient(to left,#004e8f,#00a0df);margin-right:.8rem;color:#fff}
.pro_app_img_list .img_box span{display:flex;height:60px;align-items:center;justify-content:center;padding:.5rem;line-height:1.35}
@media (max-width:991.98px){.app_nav_list li{width:32%}
.small_products_hub .col-md-3{-ms-flex:0 0 33.3%;flex:0 0 33.3%;max-width:33.3%}
}@media (max-width:767.98px){.app_nav_list li{width:49%}
.app_nav_list li img{display:none}
.by_type_img ul li{width:48%}
.by_type_img ul li:nth-child(3n){margin-right:2%}
.by_type_img ul li:nth-child(2n){margin-right:0}
.solutions_item_list li{width:100%;margin-right:0%}
.small_products_hub .col-md-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}@media (max-width:575.98px){.app_nav_list li{width:100%;margin-right:0}
.by_type_img ul li{width:100%}
.by_type_img ul li:nth-child(3n),.by_type_img ul li{margin-right:0%}
.small_products_hub .col-md-3{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}.custom_lens_wrap{background:linear-gradient(to top,#fff,#fafafa);padding-top:3rem}
.custom_lens_wrap img{mix-blend-mode:multiply}
.custom_lens_wrap .custom_img{text-align:center}
.bottom_inquiry_wrap{background:url(../images/inquiry_bg_img.jpg) no-repeat top center;padding:2rem 3rem;background-size:cover;border-radius:10px;color:#fff}
.bottom_inquiry_wrap strong{font-size:clamp(1.5rem,3vw,1.8rem);line-height:1.3;display:block}
.inquiry_btn{display:inline-block;padding:.5rem 2rem;border:1px solid #fff;margin-top:1rem;border-radius:50px;cursor:pointer;transition:all .5s ease;font-size:.875rem}
.inquiry_btn:hover{background-color:#004e8f;color:#fff}
.inquiry_btn2{background-color:#fff;color:#004e8f;border:1px solid #004e8f}
.item_list li{position:relative;padding-left:1.2rem;margin-bottom:.35rem;width:100%}
.item_list li::before{position:absolute;content:"";width:5px;height:5px;border-radius:50%;background-color:#666;left:0;top:.7rem}
.item_list li b{display:block}
.small_products_hub{margin-bottom:2rem}
.small_products_hub .pro_item{height:100%;box-shadow:rgba(14,63,126,0.04) 0px 0px 0px 1px,rgba(42,51,69,0.04) 0px 1px 1px -0.5px,rgba(42,51,70,0.04) 0px 3px 3px -1.5px,rgba(42,51,70,0.04) 0px 6px 6px -3px,rgba(14,63,126,0.04) 0px 12px 12px -6px,rgba(14,63,126,0.04) 0px 24px 24px -12px;padding:1.5rem;transition:all .5s ease}
.small_products_hub .pro_item .pro_des a{color:#333;display:block;margin-bottom:.5rem;font-weight:600;font-size:.9375rem}
.small_products_hub .pro_item:hover .pro_des a{color:#004e8f}
.small_products_hub .pro_item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.application_img_wrap .img_box{position:relative;margin:5px;overflow:hidden}
.application_img_wrap .img_box span{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;padding:.5rem 1rem;color:#fff;background:linear-gradient(to top,rgb(0,0,0,.85),transparent)}
.products_page_wrap2{margin-top:3rem}
.pro_top_img h3{color:#666;text-transform:uppercase;font-size:1rem}
.pro_top_img img{mix-blend-mode:multiply}
.pro_top_img h2{font-size:clamp(1.5rem,3vw,1.8rem)}
.adv_list{margin-bottom:1rem}
.adv_list li{position:relative;padding-left:2rem;margin-bottom:.25rem}
.adv_list li::before{position:absolute;content:"\f26a";font-family:bootstrap-icons;left:0;top:0;color:#004e8f}
.key_parameter ul{display:flex;flex-wrap:wrap}
.key_parameter ul li{background-color:#fafafa;padding:.35rem 1rem;border-radius:5px;margin-right:8px;font-weight:500;color:#666}
.key_parameter ul li:last-child{margin-right:0}
.specification_wrap{margin-top:1rem;border-bottom:1px solid #eee;padding-bottom:3rem}
.specification_wrap ul{display:flex;flex-wrap:wrap;width:100%;margin:0 auto}
.specification_wrap ul li{width:32%;margin-right:2%;margin-bottom:.5rem;padding-left:1rem;position:relative;font-size:.875rem}
.specification_wrap ul li:nth-child(3n){margin-right:0}
.specification_wrap ul li::before{position:absolute;content:"";width:6px;height:6px;background-color:#004e8f;left:0;top:0;border-radius:50%;top:8px}
.related_products{margin-top:3rem;border-top:2px solid #fafafa;padding-top:3rem}
.related_products .pro_item a{display:block;text-align:center;color:#333;font-size:.875rem}
.related_products .pro_item{position:relative;padding:1rem}
.related_products .pro_item::before{position:absolute;content:"";width:1px;height:100%;background-color:#eee;right:-1rem;top:0}
.related_products .col-6:nth-child(4n) .pro_item::before{display:none}
.related_products .dq a,.related_products .pro_item:hover a{color:#004e8f}
.related_products .more_btn{margin-top:0}
.feedback_wrap{margin:3rem auto}
.feedback_wrap .feedback_form_bg{background-image:radial-gradient(#fff 52%,#f3f3f3);padding:2rem 1rem;box-shadow:rgba(0,0,0,0.25) 0px 25px 20px -20px;padding-bottom:0}
#feedback2017 .etw-inquery-btn{background-color:#8f99a5;height:auto;text-transform:uppercase;color:#fff;padding:.2rem 2rem;font-weight:800}
#feedback2017  .etw-inquery-control{border-radius:0;background:none;border:none;border-bottom:1px solid #eee}
#feedback2017 .etw-inquery-icon{display:none}
#feedback2017 .etw-inquery-control{font-size:14px}
.by_application_wrap{background:linear-gradient(to top,#fff,#fafafa);padding-top:3rem;margin-bottom:0}
.nav-tabs-products{border-bottom:2px solid #eee;background-color:#fafafa}
.nav-tabs-products li a{color:#333;padding:.5rem 1.5rem;display:block;width:100%;position:relative;text-align:center;border-radius:10px 10px 0 0;text-transform:uppercase;font-size:1.125rem}
.nav-tabs-products li a::before{position:absolute;content:"";width:10px;height:3px;background-color:#fff;left:0;bottom:-3px;transition:all .5s ease;opacity:0}
.nav-tabs-products li a:hover,.nav-tabs-products li a.active{background-color:#fff;color:#00a0df}
.nav-tabs-products li a:hover::before,.nav-tabs-products li a.active::before{opacity:1;width:100%}
.products-content-des{background-color:#fff;padding:1rem}
.our_company_adv{margin:2rem auto}
.our_company_adv .webtitle{margin-bottom:1rem}
.our_company_adv .adv_item{background:linear-gradient(to top,#fff 0%,#f3f3f3 100%);height:100%;box-shadow:rgba(0,0,0,0.1) 0px 1px 2px 0px;margin:0 10px}
.our_company_adv .adv_item strong{display:block;font-size:1rem;margin-bottom:.5rem}
.our_company_adv .adv_item .img_des{padding:1.5rem;font-size:0.875rem;line-height:1.55;color:#666}
.our_company_adv .adv_item .img_box img{mix-blend-mode:multiply}
.our_company_adv .adv_item .img_box{background:linear-gradient(to left,#f2f2f2,#f7f7f7)}
.custom_title{position:relative;margin-bottom:1rem;padding-bottom:1rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500;color:#000;text-align:center;line-height:1.5}
.custom_title::before{position:absolute;content:"";width:60px;height:1px;left:0;right:0;margin:0 auto;background-color:#004680;bottom:0}
.optical_solutions_wrap{margin:3rem auto}
.why_choose_us_wrap{background:linear-gradient(to top,#f2f2f2,#fff,#fafafa);padding:3rem;margin:3rem auto}
.why_choose_us_wrap img{mix-blend-mode:multiply}
.product_definition{display:flex;flex-wrap:wrap;margin:2rem auto}
.product_definition li{width:23%;margin-right:2%;background-image:radial-gradient(#fff 52%,#ddd);text-align:center;padding:2rem;border-radius:10px}
.product_definition li:nth-child(4n){margin-right:0}
.product_definition li span{display:block}
.product_definition li img{width:60px;margin:0 auto;margin-bottom:1rem}
.design_img_box .img_box{position:relative}
.design_img_box .img_box::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.55)}
.design_img_box .img_box span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:2;color:#fff}
.application_scenarios{background:linear-gradient(to left,#f2f2f2,#f7f7f7);padding:3rem 0;margin-top:3rem}
.application_scenarios .application_item{background-color:#fff;height:100%}
.application_scenarios .application_item b{display:block;font-size:1.1rem;display:block;margin-bottom:.5rem;line-height:1.35}
.application_scenarios .application_item .pro_des{padding-right:1rem}
.customization_page{margin-bottom:3rem}
.service_type_wrap{margin-top:3rem}
.service_type_wrap .service_type_item{background-color:#f2f2f2;height:100%;padding:3rem;position:relative}
.service_type_wrap .service_type_item b{display:block;font-size:1.25rem;margin-bottom:.5rem;color:#fff}
.service_type_wrap .service_type_item .type_img{position:absolute;top:0;left:0;opacity:.15;width:100%;height:100%}
.service_type_wrap .service_type_item .type_img img{width:100%;height:100%;object-fit:cover}
.service_type_wrap .service_type_item::before{position:absolute;content:"";width:100%;height:100%;background-color:rgb(0,70,128,1);top:0;left:0}
.service_type_wrap .service_type_item .type_des{position:relative;z-index:2;color:#fff}
.production_network .text_box{box-shadow:rgba(0,0,0,0.1) 0px 10px 15px -3px,rgba(0,0,0,0.05) 0px 4px 6px -2px;padding:3rem;height:100%;background:linear-gradient(to left,#f2f2f2,#fff,#f7f7f7)}
.production_network .text_box strong{display:block;margin-bottom:.5rem}
.production_capacity_wrap{background:linear-gradient(to top,#f2f2f2,#fff,#fafafa);padding:3rem 0;margin-top:3rem;margin-bottom:3rem}
.production_capacity_wrap .capa_img{position:relative}
.production_capacity_wrap .capa_img strong{display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;background:linear-gradient(to top,rgb(0,0,0,.95),transparent);padding:1rem;color:#fff;text-align:center;font-weight:normal;font-size:1rem}
.production_capacity_wrap .capa_img strong span{display:block}
.development_history ul{margin-bottom:2rem}
.development_history{background:linear-gradient(to top,#fff,#f2f2f2);padding:3rem 0;margin-top:3rem}
.development_history .history_item{margin-bottom:2rem}
.development_history .history_item ul li{display:flex}
.development_history ul li b{position:relative;padding-right:2rem;width:15%}
.development_history ul li b::before{position:absolute;content:"";width:8px;height:1px;background-color:#666;right:1.2rem;top:.8rem}
.development_history ul li p{width:75%;margin-bottom:0}
.bg_color{background:linear-gradient(to top,#f2f2f2,#fff,#f2f2f2);padding:3rem 0;margin-bottom:3rem}
.imaging_solution_item{margin-bottom:3rem;font-size:.9rem;line-height:1.35}
.imaging_solution_item strong{background:linear-gradient(to top,#f2f2f2,#fff,#f2f2f2);padding:1.5rem;font-size:1rem;display:flex;align-items:center;font-weight:400;border:1px solid #002d5d}
.imaging_solution_item b{margin-top:1rem;display:block}
.pro_title01{font-size:1.275rem;font-weight:700;background:linear-gradient(to right,#f5f5f5,#fff);padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:20px 0 20px 0;color:#000;margin-top:3rem}
.freeform_optics_bg .left_wrap{position:relative;padding-left:3rem;height:100%}
.freeform_optics_bg .left_wrap::before{position:absolute;content:"";width:1px;height:100%;background-color:#f2f2f2;top:0;left:0}
.simulation_application_bg .img_box{background-color:#f2f2f2;height:100%}
.simulation_application_bg .img_box p{padding:1rem;margin-bottom:0;line-height:1.35;font-size:.875rem}
.simulation_application_bg .img_box p b{display:block}
.simulation_application_bg span{display:block;margin-bottom:1rem;line-height:1.35}
.infrared_confocal span{display:block;background-color:#ddd;padding:.5rem;text-align:center}
.etw_img_list .img_box{margin:0 8px}
.optical_equipment_list{display:flex;flex-wrap:wrap}
.optical_equipment_list .img_box{width:32%;margin-right:2%;display:flex;flex-wrap:wrap;background-color:#f2f2f2;margin-bottom:1rem;align-items:center}
.optical_equipment_list .img_box:nth-child(3n){margin-right:0}
.optical_equipment_list .img_box img{width:35%}
.optical_equipment_list .img_box p{width:65%;padding:1rem;margin-bottom:0;font-size:.875rem}
.optical_equipment_list .img_box b{display:block;line-height:1.35;margin-bottom:.5rem}
.by_type_hub{margin-top:1rem}
.by_type_hub .pro_item{display:flex;flex-wrap:wrap;box-shadow:rgba(14,63,126,0.04) 0px 0px 0px 1px,rgba(42,51,69,0.04) 0px 1px 1px -0.5px,rgba(42,51,70,0.04) 0px 3px 3px -1.5px,rgba(42,51,70,0.04) 0px 6px 6px -3px,rgba(14,63,126,0.04) 0px 12px 12px -6px,rgba(14,63,126,0.04) 0px 24px 24px -12px;padding:3rem;margin-bottom:2rem;justify-content:space-between;align-items:center}
.by_type_hub .pro_item .pro_img{width:30%;text-align:center}
.by_type_hub .pro_item .pro_des{width:60%}
.by_type_hub .pro_item .pro_des a{display:block;color:#000;font-size:1.25rem;font-weight:500;line-height:1.35;margin-bottom:1rem}
.by_type_hub .pro_item .pro_des a.Learn_more_link{color:#333;font-size:1rem;font-weight:400;display:inline-block;margin-top:1rem;padding-left:2rem;position:relative}
.by_type_hub .pro_item .pro_des a.Learn_more_link::before{position:absolute;content:"\f138";font-family:bootstrap-icons;left:0;top:0;transition:all .5s ease}
.by_type_hub .pro_item .pro_des a.Learn_more_link:hover::before{left:5px}
.by_type_hub .pro_item .pro_des a:hover{color:#00a0df}
.sub_link{margin-top:3rem}
.sub_link ul{display:flex;flex-wrap:wrap}
.sub_link ul li{width:18%;margin-right:2%;text-align:center}
.sub_link ul li:last-child{margin-right:0}
.sub_link ul li span{display:block}
.sub_link ul li a{color:#333;box-shadow:rgba(14,63,126,0.04) 0px 0px 0px 1px,rgba(42,51,69,0.04) 0px 1px 1px -0.5px,rgba(42,51,70,0.04) 0px 3px 3px -1.5px,rgba(42,51,70,0.04) 0px 6px 6px -3px,rgba(14,63,126,0.04) 0px 12px 12px -6px,rgba(14,63,126,0.04) 0px 24px 24px -12px;padding:1rem;background:linear-gradient(to top,#f2f2f2,#fafafa);display:block}
.sub_link ul li a:hover,.sub_link ul li a.active{color:#00a0df}
#container{width:100%;margin:0 auto;margin-top:85px}
.home_box{margin-top:0 !important}
.content{width:100%;max-width:1200px;margin:0 auto}
.big_content{max-width:1430px}
#quicknav{width:100%;margin:0 auto;height:auto;color:#666;font-size:0.85rem;overflow:hidden;position:relative;font-weight:400}
#quicknav ul{width:100%;max-width:1200px;margin:0 auto}
#quicknav a{color:#666}
#quicknav li{display:inline-block;padding:0.2rem 0.4rem 0.2rem 0}
#quicknav li + li::before{padding:0 5px;color:#666;content:"/\00a0"}
#quicknav a:hover{color:#000}
#quicknav li:last-child{color:#000}
.quicknav_01{border:none !important}
.quicknav_01 a{color:#fff !important}
.quicknav_01 li + li::before,.quicknav_01 li:last-child{color:#fff !important}
.pro_bg{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(70%,#eee));background-image:linear-gradient(to right,#fff 0 30%,#eee 70% 100%);padding:2rem;padding-left:0;margin-bottom:2rem}
.left_pro_img{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.left_pro_img a{position:relative;display:block}
.left_pics{height:auto;margin:0 auto;text-align:center;position:relative;margin-bottom:1rem;width:100%}
.related_pic{width:100%}
.related_pic ul{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center}
.related_pic ul li{width:18%;margin-right:1%}
.related_pic ul li:last-child{margin-right:0}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin-bottom:5px}
.related_pic img:hover,.related_pic li.imgdq img{border:1px #005bac solid}
.related_pic span{font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666}
.pro_video_menu{position:relative;z-index:1;cursor:pointer}
.pro_video_menu::before{position:absolute;width:35px;height:35px;content:"\f4f4";font-family:bootstrap-icons;font-size:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-left:5px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;border:2px solid #fff;background-color:#005bac}
.faq_content{margin-top:1rem;margin-bottom:4rem}
.accordion .card{background:0;border:none;border-radius:0 !important}
.accordion .card-header{transition:.3s all ease-in-out;border-radius:0 !important;background:#fff;padding:0}
.accordion .card-header:hover,.accordion .btn[aria-expanded="true"]{background:#d5d5d5}
.accordion .card-header .btn{font-size:1rem;color:#666;position:relative;line-height:1.355;white-space:normal;padding:1rem 3rem 1rem 1.5rem;font-weight:400;border-bottom:1px solid #ddd !important}
.accordion .card-header .btn a{color:#000}
.accordion .card-header .btn:hover a{color:#000}
.accordion .card-header .btn:before{content:"\f64d";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:25px;height:25px;transition:.3s all ease-in-out;background-color:#f2f2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:bootstrap-icons;font-weight:normal}
.accordion .card-body{position:relative;padding:1rem 2rem 1rem 3rem;font-size:.9rem;line-height:1.5rem;color:#555;font-weight:300}
.accordion .card-header .btn span{float:right;font-size:3rem;color:#777;font-weight:100;transition:.3s all ease-in-out}
.accordion .card-header .btn:hover span{transform:rotate(135deg);color:#0d948f}
.accordion .btn:hover,.accordion .btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus{text-decoration:none;color:#000}
.accordion .btn:hover:before,.accordion .btn[aria-expanded="true"]:before{transform:translateY(-50%) rotate(45deg)}
.accordion .btn[aria-expanded="true"] span{transform:rotate(135deg);color:#666}
.accordion p{margin-bottom:0}
.accordion2 .card-body{padding:0}
.accordion2 .card{margin-bottom:1.5rem}
.accordion2 > .card > .card-header{border:none;margin-bottom:.5rem}
.video_img{position:relative;text-align:center;margin-bottom:0.5rem}
.video_menu{width:80px;height:80px;border-radius:50%;background-color:rgb(0,160,223,.65);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding-left:.3rem;cursor:pointer;transition:all .5s ease;z-index:2}
.video_menu::before{position:absolute;content:"\f4f4";font-family:bootstrap-icons;font-size:2.5rem;color:#fff}
.video_menu::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid #00a0df;animation:pulse 3s infinite ease-out;opacity:0}
.video_menu:hover{background-color:#fff}
.video_menu:hover::before{color:#00a0df}
@keyframes pulse{0%{transform:scale(0.5);opacity:1}
70%{transform:scale(1.5);opacity:0.3}
100%{transform:scale(2);opacity:0}
}#footer{width:100%;text-align:center;margin:0 auto;position:relative;font-size:.9rem;background:#fafafa;background-size:cover;box-shadow:rgba(0,0,0,0.1) 0px 3px 12px}
.foot_img_center{position:absolute;text-align:center;z-index:2;left:0;right:0;margin:0 auto;top:-8rem}
.etw_bottom{width:100%;margin:0 auto;position:relative;text-align:left;color:#333;z-index:1;padding:2rem 0rem 1rem 0rem}
.home_link{width:100%;overflow:hidden;margin:0 auto;padding:.5rem 0;position:relative;border-top:1px solid #e0e0e0}
#footer a:hover{color:#005bac}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a{position:relative;font-size:1.2rem;line-height:1.35;margin-bottom:.8rem;color:#000;font-weight:500;margin-top:1rem}
.etw_bottom .etw_foot_title{position:relative}
.etw_bottom .etw_foot_title a:hover{color:#333!important;text-decoration:none}
.logo_foot_des strong{color:#000;font-size:1rem;display:block;line-height:1.35;margin-top:1rem}
.pblist{overflow:hidden;margin:0.5rem auto}
.pblist_box{width:100%}
.etw_bottom a{color:#333}
.etw_bottom a:hover{color:#005bac}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap}
.etw_bottom ul li{width:100%;float:left;position:relative}
.etw_bottom ul > li > a{display:block;line-height:1.25rem;color:#333;position:relative;position:relative;padding:.3rem 0;padding-left:.8rem;font-size:.9rem}
.etw_bottom ul > li > a::before{position:absolute;content:"\f105";left:0;top:.3rem;font-family:fontawesome}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem}
.cot_add:before{content:"\f041";position:absolute;left:0px;top:4px;color:#666;font-family:fontawesome;font-size:20px}
.cot_tel:before{content:"\f095";position:absolute;left:0px;top:3px;color:#666;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:16px}
.cot_people:before{content:"\f007";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:2px;top:-5px;color:#666;font-family:fontawesome;font-size:26px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before{content:"\f1d7";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:18px}
#etw_coper{margin-top:2px;width:100%;line-height:22px}
#etw_coper a{color:#666;font-size:12px}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem}
#otherlink a{color:#666;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;font-size:12px}
#otherlink a span{opacity:0.5;position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:#005bac}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
@media (max-width:1449.98px){}
@media (max-width:1259.98px){.content{padding-left:15px;padding-right:15px}
}@media (max-width:1199.98px){#quicknav ul{padding-left:1rem}
.content #quicknav ul{padding-left:0}
.navbar-expand-lg .navbar-nav .nav-link{padding:1rem 1.5rem}
}@media (max-width:991.98px){#header{position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color:#fff}
#container,#etw_content,.home_box{margin:0 auto}
#header::before{height:2px}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,#quicknav{display:none}
.top-nav .navbar{float:left;width:100%}
.nav-item span.pro_icon{display:block}
.navbar-light .navbar-toggler{color:#333;font-size:2.5rem;border:none !important;padding:.5rem 0.75rem;position:relative;z-index:1;margin-top:0.5rem}
.top-nav{width:100%;padding-left:0;margin-top:0;background-color:#eee;padding:0}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.6rem 0.5rem;border-right:none;font-size:1.1rem;border-bottom:1px solid #666;color:#333;text-transform:none}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before{display:none}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{font-size:1rem}
.navbar{padding:0}
.dropdown-item{white-space:normal;padding-top:0.5rem;font-size:14px}
.dropdown-toggle::after{display:none}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link{border-radius:0;color:#fff !important;background-color:#004e8f}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{border-radius:0;color:#fff;background-color:#004e8f}
.top-nav{width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important}
.navbar-nav .dropdown-menu{background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important}
.navbar-light .navbar-nav .nav-link:focus span.pro_icon,.navbar-light .navbar-nav .nav-link:hover span.pro_icon,.navbar-light .navbar-nav .active .nav-link span.pro_icon,.navbar-light .navbar-nav .show .nav-link span.pro_icon{color:#fff}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none}
.navbar-light .navbar-nav .nav-item:last-child a.nav-link{background:0;color:#333 !important;padding:0.6rem 0.5rem;font-size:1.2rem}
.navbar-light .navbar-nav .video_item .nav-link::after{display:none}
.navbar-light .navbar-nav .nav-item:last-child .nav-link:focus,.navbar-light .navbar-nav .nav-item:last-child .nav-link:hover,.navbar-light .navbar-nav .nav-item:last-child.active .nav-link{border-radius:0;color:#fff !important;background-color:#004e8f}
.etw_language{background:none;width:auto;padding-top:.5rem;display:block;float:right;height:auto;z-index:9}
.etw_language > ul{position:relative;float:right;font-size:1rem;border-radius:8px}
.etw_language > ul > li span{cursor:pointer;float:left;padding:0rem 1rem;margin-top:.8rem}
.etw_language ul ul{display:none;position:absolute;top:100%;left:-1rem;padding:0;background-color:#eee;min-width:100px;border-radius:10px}
.etw_language ul ul a{display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333}
#etw_language .dropdown-item{color:#333;padding:0.2rem 0 0 1.5rem}
#etw_language .dropdown-item:hover{color:#8f99a5}
.etw_language ul li:hover > ul{display:block}
.etw_language .dropdown-item{min-width:100px}
.etw_language #etw_language{float:none;margin-top:0;height:auto}
.etw_language #etw_language a{line-height:1.5rem;width:100%}
.etw_language #etw_language a:hover{color:#004680 !important}
#etw_language .dropdown-item::before{display:none}
#etw_language .dropdown-item img{display:none}
#etw_logo{margin-top:0.5rem;margin-bottom:0.5rem}
#footer{padding-top:0}
.navbar-light .navbar-nav .nav-item:last-child a.nav-link{position:relative;right:inherit;bottom:inherit;text-align:left}
.quality_control_wrap .quality_control_item{width:100%}
.products_top_content .left_img{position:relative;text-align:center;width:100%;max-width:500px;margin:0 auto;margin-top:2rem}
.products_top_content .right_des{padding:1rem}
.about_img_left{text-align:center;margin-bottom:1rem}
.about_us_wrap{padding:3rem 0rem}
.by_type_hub .pro_item{padding:2rem}
.by_type_hub .pro_item .pro_des a{font-size:1.05rem}
.sub_link ul li{width:18%}
.sub_link ul li{width:32%;margin-bottom:0.5rem}
.sub_link ul li:nth-child(3n){margin-right:0}
.pro_specifications_wrap .item_list{float:right;width:50%}
.simulation_application_bg img,.infrared_confocal img{display:block;margin:0.5rem auto}
.optical_equipment_list .img_box{width:48%}
.optical_equipment_list .img_box:nth-child(3n){margin-right:2%}
.optical_equipment_list .img_box:nth-child(2n){margin-right:0}
.application_scenarios{margin-top:1rem;padding:1rem  0}
.service_type_wrap,.feedback_wrap{margin-top:1.5rem}
.customization_page{margin-bottom:1rem}
.why_choose_us_wrap{padding:1rem}
}@media (max-width:767.98px){.by_type_hub .item_list{display:none}
.specification_wrap ul li{width:48.5%}
.specification_wrap ul li:nth-child(3n){margin-right:2%}
.specification_wrap ul li:nth-child(2n){margin-right:0}
.our_company_adv .adv_item .img_box{text-align:center}
.pro_right{margin-top:1rem}
.product_definition li{width:48%;margin-bottom:1rem}
.product_definition li:nth-child(2n){margin-right:0}
.design_img_box .img_box{position:inherit}
.design_img_box .img_box img{display:block;margin:0 auto .5rem auto}
.design_img_box .img_box span{position:relative;top:inherit;left:0;color:#333}
.design_img_box .img_box::before{display:none}
.service_type_wrap .service_type_item{padding:1.5rem}
.application_item{padding:1rem}
.application_item .pro_img{text-align:center;margin-bottom:1rem}
.production_network .text_box{padding:1rem}
.production_capacity_wrap .capa_img{text-align:center}
.history_img{text-align:center}
.imaging_solution_item img{display:block;margin:0.5rem 0}
.imaging_solution_item .small_l_r img{float:left;max-width:45%;margin-right:1.5rem}
.pro_specifications_wrap .item_list{float:right;width:40%}
.freeform_optics_bg .left_wrap{padding:1rem 0 0 0}
.freeform_optics_bg .left_wrap::before{display:none}
.sm_blbok img{display:block;margin:0 auto}
.sm_blbok span{font-size:0.9rem;line-height:1.3}
.our_company_adv .adv_item .img_box{padding:0.8rem 0.8rem 0 0.8rem;background:#f3f3f3}
.our_company_adv .adv_item{background:#f3f3f3}
#etw_banner,.by_application_list{display:none}
.featured_products_wrap{margin-top:2rem}
}@media (max-width:575.98px){.by_type_hub .pro_item .pro_img{width:100%}
.by_type_hub .pro_item .pro_des{width:100%}
.img_box img{display:block;margin:0.5rem auto}
.production_capacity_wrap .capa_img strong{background:none;position:inherit;color:#333}
.sub_link ul li{width:48%}
.sub_link ul li:nth-child(3n){margin-right:2%}
.sub_link ul li:nth-child(2n){margin-right:0}
.imaging_solution_item img{display:block;margin:0.5rem auto}
.imaging_solution_item .small_l_r img{float:none;max-width:100%;margin-right:auto}
.pro_specifications_wrap img{display:block;margin:0 auto}
.pro_specifications_wrap .item_list{float:none;width:100%}
.right_wrap img{display:block;margin:0.5rem auto}
.optical_equipment_list .img_box{width:100%;margin-right:0}
.optical_equipment_list .img_box:nth-child(3n){margin-right:0}
.service_type_wrap .service_type_item .type_img{display:none}
.simulation_application_bg .img_box{padding:0.8rem 0.8rem 0 0.8rem}
.simulation_application_bg .img_box img,.our_company_adv .adv_item .img_box img{margin:0 auto}
}@media (max-width:480.98px){.specification_wrap ul li{width:100%;margin-right:0}
.specification_wrap ul li:nth-child(3n){margin-right:0}
.related_products .col-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.product_definition li{width:100%;margin-right:0}
.sub_link ul li{width:100%}
.sub_link ul li:nth-child(3n),.sub_link ul li{margin-right:0}
.development_history ul li b::before{display:none}
}@media (max-width:375.98px){.optical_equipment_list .img_box img,.optical_equipment_list .img_box p{width:100%}
}