@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}

 
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(../fonts/Roboto-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
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(../fonts/Roboto-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
} 
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../fonts/Roboto-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
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../fonts/Roboto-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
} 
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(../fonts/Roboto-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
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(../fonts/Roboto-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.8rem;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{visibility:visible!important}
html{overflow:visible!important;}

body{color:#333;font-family:'Roboto',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 img{ display: block; margin: 0 auto;}
.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-bottom:1rem;border-top:1px solid #ddd}
strong{display:inline-block;position:relative;font-size: clamp(1.05rem, 3vw, 1.2rem); font-weight: 700;}

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-top:none;border:1px solid #f0f2f5;vertical-align:middle;background-color:#fafafa;line-height:1.45;font-size:.875rem;font-weight:300;padding:clamp(0.55rem,1.2vw,1rem);border-right:0.0625rem solid #eef0f3;border-bottom:0.0625rem solid #eef0f3;vertical-align:middle;line-height:1.6;color:#111827}
.table tr:nth-child(2n) td{background-color: #fff;}
.table tr.top td{ font-weight: 700; background-color: #fafafa;}
.table tr td strong {font-size: 1.1rem;font-weight: 400;margin-top: .8rem;}
.tablestyle{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:0.0625rem solid #e5e7eb;border-radius:0.5rem;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.04);font-size:clamp(0.9rem,0.9vw,1rem); margin-bottom: 0;}





.inquiry{color:#004680;text-decoration:underline}
.inquiry:hover{color:#002d5d}
.theme-send-inquiry-box{background:#d80016 !important}
.theme-box-name{background:#004e8f !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.4rem,3vw,2.2rem);margin:0;padding-bottom:1rem;line-height:1.15;}
.etw_hometitle{position:relative;margin-bottom:1rem;padding-bottom:.5rem;font-weight: 700;font-size:clamp(1.4rem,3vw,2.2rem); color: #000;}
.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; font-weight: 300;}
.model_font{color:#002d5d;font-size:1.24rem; font-weight: 700; margin-bottom: 1rem;}

h2 strong{font-size:2.2rem}
h2 small{display:block;color:#666;font-size:1.6rem}
.page_title{font-size:clamp(1.2rem,3vw,1.4rem); text-transform: uppercase; line-height:1.35; font-weight: 700;  position: relative; display: inline-block; padding-left: 140px; padding-right: 140px;margin-bottom:.8rem; }
.page_title::before{position: absolute; content: ""; width: 100px; height: 1px; background-color: #ddd; left: 0; top: .85rem; }
.page_title::after{position: absolute; content: ""; width: 100px; height: 1px; background-color: #ddd; right: 0; top: .85rem; }




.font_fold{font-size:1.2rem;color:#000}
.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}
#header::before{position: absolute; content: ""; width: 100%; height: 36px; top: 0; left: 0; background-color: #fff;}

#header::after{content: "";
  display: block;
  position: absolute;
  left: -10%;
  top: 0;
  background: #f7f7f7;

  width: 40%;
   height: 36px;
  transform: skew(-45deg) translateX(30px); }





#etw_logo{width:auto;text-align:center;float:left;margin-top:3.35rem;transition:all .8s}
#etw_logo a{width:100%;display:flex;align-items:center}
#etw_logo h1{color:#666;font-size:.9rem;display:block;display:block;width:100%;max-width:170px;text-align:center;padding-left:.8rem;line-height:1.35}
.since_year{font-weight: 700; color: #000; position: absolute; top: 0; left: 0; text-transform: uppercase; z-index: 2;}
.since_year span{color: #d80016; font-size: 1.4rem;}


.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:1.5rem 1.5rem;color:#091010;text-transform:uppercase;position:relative; line-height: 1.35; font-weight: 700;}

.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{top:68px;transition:all .5s;box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);background-color:rgb(255 255 255 / 100%);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-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:#d80016 !important}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#d80016}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover{color:#d80016!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:1rem;font-size:1.5rem; color: #d80016 ;}





@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}
}@media (max-width:575.98px){}
.etw_language{float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:62%;height:32px;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:#333;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:#00b7e4 ;background:none}
#etw_language .dropdown-item:focus{background:none !important}



#etw_banner{width:100%;position:relative;margin:0 auto;text-align:center;overflow:hidden;  max-width: 1660px; }
#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:#1b4a9c;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);background-color:rgba(0,0,0,.25);}
#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:#1b4a9c}
#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:33%;left: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: #26374580; top: 0; left: 0;}

.banner_txt1{top: 52%;}
.banner_inner1{max-width: 820px; float: right; padding-right: 3rem; }
.banner_inner h3{ line-height: 1.15; display: block; margin-bottom: 1rem; color:#fff ;font-size: clamp(1.45rem,3vw,2.65rem); text-shadow: 2px 2px 1px #000; font-weight: 700; }

.banner_inner p{font-size: 1.2rem;text-shadow: 1px 1px 1px #000;color: #fff; }

.banner_inner2{max-width: 800px; margin: 0 auto; text-align: center;}
.banner_inner2 h3{color: #fff; text-shadow: 2px 2px 1px #000;}





.more_btn{background-image: linear-gradient(to right, #1b4a9c, #1458ce 50%, #075ef5); color: #fff; display: inline-block; margin-top: 1.5rem; padding:1rem 2rem; border-radius: 5px; line-height: 1.35; text-transform: uppercase; font-size: .9rem;}

.more_btn:hover{background-image: linear-gradient(to left, #1b4a9c, #1458ce 50%, #075ef5);  color: #fff;}

.more_btn2{background: #fff; color: #1b4a9c; border: 2px solid #1b4a9c;padding:.5rem 2rem; }
/* big_pro_wrap */
.big_pro_wrap{margin-top: 3rem; margin-bottom: 3rem;}
.big_pro_wrap .pro_item{height: 100%;  position: relative;}

.big_pro_wrap .pro_item .pro_des {
  position: relative;
  width: 100%;
  background-color: #f7f7f7;
  padding: 1rem;
  width: 100%;
  margin-top: -2rem;
  height: 190px;
}
.big_pro_wrap .pro_item .pro_des strong a{display: flex; color: #333; font-size: 1rem; line-height: 1.35; margin-bottom: 1rem;}
.big_pro_wrap .pro_item .pro_des ul li a{display: block; font-size: .875rem; color: #666; font-weight: 300; padding-left: 1rem; position: relative; line-height: 1.35; margin-bottom: .5rem;}
.big_pro_wrap .pro_item .pro_des ul li a::after{position: absolute; content: "\f285";font-family: bootstrap-icons;top:0; left: 0;  justify-content: center; align-items: center;   }
.big_pro_wrap .pro_item .pro_des ul li:last-child {
  display: inline-block;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background-color: #ddd;
  color: #666;
  padding: .5rem 1rem;
    padding-left: 1rem;
  padding-left: 0;
  border-radius: 35px;
}
.big_pro_wrap .pro_item .pro_des ul li:last-child a::after{display: none;}
.big_pro_wrap .pro_item .pro_des ul li:last-child a{margin-bottom: 0;}
.big_pro_wrap .pro_item .pro_des ul li a:hover{color: #d80016;}



.pro_top_text{width: 100%; max-width: 1000px; margin: 0 auto; margin-bottom: 1rem; text-align: center; font-size: clamp(1.05rem, 3vw, 1.2rem); font-weight: 300;}
.webtitle{font-size: clamp(1.45rem,3vw,2rem); font-weight: 700; line-height: 1.35; margin-bottom: .5rem; display: block; position: relative;}
.webtitle span{font-weight: 300;}


.webtitle2{margin-bottom: .5rem;display: inline-block; padding-left: 80px; padding-right: 80px;}
.webtitle2::before{position: absolute; content: ""; width:60px; height: 1px; left: 0; background-color: #d80016; top:50%;  margin: 0 auto;}
.webtitle2::after{position: absolute; content: ""; width:60px; height: 1px; right: 0; background-color: #d80016; top:50%;  margin: 0 auto;}


/* hot_products_wrap */
.hot_products_wrap{margin-bottom: 3rem;}
.hot_products_wrap .products_inner{border: 1px solid #eee; border-right: none;}

.hot_products_wrap .pro_item{height: 100%; text-align: center; overflow: hidden;  padding: 1.5rem; position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.hot_products_wrap .pro_item .pro_des a{padding: 1rem; display: block; color: #333; font-weight: 700;text-align: left; line-height: 1.35; font-size: 1.125rem; position: relative; padding-right: 2rem;}
.hot_products_wrap .pro_item .pro_des a span{color: #d80016; display: block; }

.hot_products_wrap .pro_item:hover .pro_des a::before{background-color: #d80016;}
.hot_products_wrap .pro_item:hover .pro_des a{color: #d80016;}
.hot_products_wrap .pro_item .pro_des a::after{position: absolute; content: "\f285";font-family: bootstrap-icons;top:1rem; right: 0;  justify-content: center; align-items: center;  font-weight: normal;   }



/* customization_wrap */
.customization_wrap{padding: 2rem 0;
  color: #fff;
  position: relative;
  background: linear-gradient(to right,#1d629c,#004e8f,#fff);
  padding-bottom: 1rem;
  border-radius: 150px;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 1rem;
  margin: 1rem auto;
  border: 5px solid #d80016; margin-bottom: 3rem;}


.customization_wrap p{font-weight: 300; line-height: 1.3;}



.customization_text .more_btn{background: #d80016; border-radius: 0; padding: .8rem 2rem;}
.customization_text .more_btn:hover{background-color: #750410;}




/* application_wrap */
.application_wrap{padding: 3rem 0; background:linear-gradient(to top,#fff,#f7f7f7); }
.application_wrap .top_des{max-width: 660px; margin: 0 auto;}
.application_wrap .top_des p{font-weight: 300;}
.application_wrap ul{ display: flex; flex-wrap: wrap; flex-direction: column;width:15.5%; margin-right: 1%; margin-bottom: 1.5rem; position: relative; overflow: hidden; text-align: center;}

.application_wrap ul li.pro_des{width: 100%; margin-top: .35rem; }
.application_wrap ul li.pro_des a{display: flex; padding:1rem; height: 65px; align-items: center; color: #002d5d; line-height: 1.35; position: relative;  font-weight: 600; font-size: .875rem; }
.application_wrap ul li.pro_img{background: linear-gradient(to top,#ddd,#fff,#ddd);width: 175px; height: 175px;border-radius: 50%; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center;}
.application_wrap ul li.pro_img img{ mix-blend-mode: multiply; width: 150px; height: 150px; object-fit: cover; border-radius: 50%;}
.application_inner{display: flex; flex-wrap: wrap;}
.application_inner ul:nth-child(6n){margin-right: 0;}
/* sample_display_wrap */
.sample_display_wrap{background-color: #f0f0f0; padding: 3rem 0; padding-bottom: 2rem;}
.sample_display_wrap{margin-bottom: 3rem;}
.sample_display_wrap .sample_wrap{height: 100%; background-color: #fff;-webkit-clip-path: polygon(88% 0, 100% 13%, 100% 100%, 10% 100%, 0 86%, 0 0);
clip-path: polygon(88% 0, 100% 13%, 100% 100%, 10% 100%, 0 86%, 0 0);  }
.sample_display_wrap .sample_wrap .img_des{padding: 1.2rem 2rem; font-weight: 700;line-height: 1.35;}
.sample_display_wrap .sample_wrap .img_des span{display: block; font-weight: 300; color: #666; margin-top: .5rem; }
.sample_display_wrap .sample_wrap ul{padding: 0 2rem;}










/* partners_logo */
.partners_logo{margin-bottom: 3rem;}
.partners_logo ul{display: flex; flex-wrap: wrap;}
.partners_logo li{width: 13.8%; background-color: #fafafa; margin-right: .5%; margin-bottom: .5rem;}
.partners_logo li img{mix-blend-mode: multiply;}
.partners_logo li:nth-child(7n){margin-right: 0;}
.partners_logo .webtitle{position: relative; padding-top: 1rem; }
.partners_logo .webtitle::before{position: absolute; content: ""; width: 60px; height: 1px; top: 0; left: 0; background-color: #d80016;}
/* about_us_content */

.about_us_content{ position: relative; padding-top: 3rem; margin-bottom: 3rem;}
.about_us_content::before{position: absolute; content: ""; width: 100%; height: 60%; left: 0; right: 0; background: linear-gradient(to top,#fafafa,#fff,#fafafa); top: 0;}
.about_us_content .content{position: relative;}

.about_us_content .about_top_des{width: 100%; max-width: 1000px; margin: 0 auto; margin-bottom: 2rem; font-weight: 300;text-align: center}
.about_us_content .about_top_des h3{font-weight: 300; text-align: center; position: relative; margin-top: -1rem; font-size: clamp(1.2rem,3vw,1.8rem); margin-bottom: 1.5rem;}
.about_us_content .about_item{background-color: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; height: 100%;}
.about_us_content .about_item .pro_des{padding: 1.5rem; font-size: .9375rem; font-weight: 300;}
.about_us_content .about_item .pro_des strong a{display: inline-block;font-size: 1.375rem; font-weight: 700; color: #333;  position: relative; margin-bottom: 1rem; }
.about_us_content .about_item .pro_des strong a::before{position: absolute; content: ""; width: 100%; height: 1px; background-color: #d80016; left: 0; bottom: 0;}
.learn_more_btn{display: inline-block; font-size: .875rem; position: relative; padding-right: 2rem; color: #666;}
.learn_more_btn::before{position: absolute; content: "\f144";font-family: bootstrap-icons !important; right: 0; top: 0;}
.learn_more_btn:hover{color: #d80016;}
/* pro_top_banner */
.pro_top_banner{position: relative; width: 100%; margin: 0 auto; height: 320px; overflow: hidden;}
.app_inner_banner{max-width: inherit;height: 220px;}
.pro_top_banner .img_box{width: 100%; height: 100%;}
.pro_top_banner .img_box img{width: 100%; height: 100%; object-fit: cover;}
.pro_top_banner .pro_banner_des{position: absolute; bottom: 2rem; left: 0; right: 0; margin: 0 auto;color: #fff;}
.pro_top_banner .pro_banner_des h2{color: #fff; font-size: clamp(1.8rem,3vw,2.4rem); font-weight: 700;}
.pro_top_banner .pro_banner_des h2 span{font-weight: 300; display: block;font-size: clamp(1.65rem,3vw,2.5rem);}
.pro_top_banner .pro_banner_des #quicknav{margin-bottom: 1.5rem !important;}
.app_inner_banner,.app_inner_banner .pro_banner_des h2{color: #333;}





/* right_sidebar */
.right_sidebar{position: sticky;top: 100px; }
.right_sidebar .products_list ul{padding-top: 0;}
.right_sidebar .products_list ul>li>a{color: #333;
  display: block;
  line-height:1.5;
  padding: 0.4rem 1.2px;
  margin-bottom: .75rem;
  padding-right: 1.2rem;
  position: relative;
  font-size: 15px;
  font-weight: 500; }
.right_sidebar .products_list ul>li>a::before{position: absolute;
  content: "\f4fe";
  font-family: bootstrap-icons !important;
  right: -1.7rem;
  top: -.25rem;
  font-size: 1.4rem;}
.right_sidebar .products_list ul>li>a:hover,.right_sidebar .products_list ul>li>a.dq{color: #d80016;}
.right_sidebar .products_list ul>li>a.dq::before{content: "\f2ea";}
.right_sidebar .products_list ul li ol{margin-bottom: 1rem;}
.right_sidebar .products_list ul li ol li a{display: block; line-height: 1.35; font-size: .875rem; color: #333; position: relative; margin-bottom: 1rem;}
.right_sidebar .products_list ul li ol li a:hover,.right_sidebar .products_list ul li ol li a.dq{color: #d80016;}
.right_sidebar .title_01{display: block; margin-bottom: 1rem; position: relative;border-bottom: 1px solid #ccc;}
.right_sidebar .applications_list li{background-color: #fff;padding: 1rem 0; border-bottom: 1px solid #eee; }
.right_sidebar .applications_list li:last-child{border: none;}
.right_sidebar .applications_list ul>li>a{display: flex; flex-wrap: wrap; align-items: center;}
.right_sidebar .applications_list ul>li>a img{width: 40px; margin-right: 1rem;}
.right_sidebar .applications_list ul>li>a span{display: block; width: 65%; color: #8f8f8f; display: block; line-height: 1.35; font-size: .9375rem; font-weight: 500;}


/* products_page */
.products_page{margin: 3rem auto;}
.left_products_content{padding-left: 2rem;}
.big_title{font-size: 1.2rem; font-weight: 700; color: #333; display: block; border-bottom: 1px solid #eee; padding-bottom: .5rem; margin-bottom: 1rem;  position: relative; line-height: 1.35;}
.big_title a{color: #333; display: block; position: relative;}
.big_title::before{position: absolute; content: ""; width: 60px; height: 4px; background-color: #d80016; left: 0; bottom: -3px;}
.big_title .inquiry{color: #333; text-decoration: none;}
.big_title .inquiry:hover{color: #d80016;}
.big_title .inquiry span{font-weight: 300; font-size: 1rem;}
.big_title a.more_link{font-size: 1rem; font-weight: 300; position: absolute; right: 0; top: 0;}

.hub_products .big_title,.hub_products .big_title a{font-size: clamp(1.2rem, 2vw, 1.4rem); }



/* big_products_wrap */
.big_products_wrap .pro_item{height: 100%; padding-bottom: 2rem; position: relative;border-bottom: 2px solid #f4f4f4;}
.big_products_wrap .pro_item::before{position: absolute; content: ""; width:0; height: 2px; background-color: #d80016; bottom: 0; left: 0; transition: all .5s ease;}
.big_products_wrap .pro_item:hover::before{width: 100%;}
.big_products_wrap .pro_item .pro_img{background-color: #f7f7f7; margin-bottom: 1rem; text-align: center; }
.big_products_wrap .pro_item .pro_img img{mix-blend-mode: multiply;}
.big_products_wrap .pro_item .pro_des strong{display: block;}
.big_products_wrap .pro_item .pro_des strong a{color: #434343; font-size: clamp(1.15rem, 2vw, 1.375rem); line-height: 1.3; display: block; margin-bottom: .5rem; position: relative; padding-right: 2rem; width: 100%;}
.big_products_wrap .pro_item .pro_list li a{color: #808285; position: relative; padding-left: 2rem; line-height: 1.35; display: block;margin-bottom: .5rem; line-height: 1.35; font-weight: 300; }
.big_products_wrap .pro_item .pro_list li a::before{position: absolute; content: "\f135";font-family: bootstrap-icons; left: 0; top: 0;}
.big_products_wrap .pro_item .pro_des strong a:hover,.big_products_wrap .pro_item .pro_list li a:hover{color: #d80016;}
.big_products_wrap .pro_item .pro_des strong a::before{position: absolute; content: "\f138";font-family: bootstrap-icons; right: 0; top: 0; font-weight: normal;}


.hub_products_inner .pro_item{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-bottom: 1.5rem; padding: 1.2rem;}
.hub_products_inner{margin-bottom: 3rem;}
.hub_products_inner .pro_item .pro_des{padding: 1rem 0; font-weight: 300; padding-left: 0;}
.hub_products_inner .pro_item .pro_des strong{display: block;}
.hub_products_inner .pro_item .pro_des strong a{display: block; color: #000; margin-bottom:1rem; position: relative; width: 100%; padding-right: 3rem; line-height: 1.35;}
.hub_products_inner .pro_item .pro_des strong a::before{position: absolute; content: "\f285"; font-family: bootstrap-icons; width: 35px; height: 35px; border-radius: 50%; background-color: #f7f7f7; top: -.35rem; right: 0; color: #d80016; display: flex; align-items: center; justify-content: center; font-weight: 300; font-size: .9rem; transition: all .5s ease; }
.hub_products_inner .pro_item .pro_des strong a span{display: block; font-weight: 300;}
.hub_products_inner .pro_item .pro_des ul li a{display: block; color: #333; padding-left: 1.5rem; font-weight: 300; margin-bottom: .5rem; position: relative;  }
.hub_products_inner .pro_item .pro_des ul li a::before{position: absolute; content: "\f285"; font-family: bootstrap-icons; left: 0; top: 0; font-size: .9rem;}
.hub_products_inner .pro_item .pro_img{padding: 1rem; text-align: center;}
.hub_products_inner .pro_item .pro_des strong a:hover,.hub_products_inner .pro_item .pro_des ul li a:hover{color: #d80016;}
.hub_products_inner .pro_item .pro_des strong a:hover::before{right: -.5rem;}

.hub_products_inner2 .pro_item{height: 100%; margin-bottom: 0;}
.hub_products_inner2 .pro_item .pro_des strong a{padding: 1.5rem; padding-top: 1rem; margin-bottom: 0; display: block; line-height: 1.35;}

.hub_products_inner2 .pro_item .pro_des strong a::after{position: absolute; content: ""; width: 30px; height: 2px; background-color: #d80016; left: 1.5rem; top: 0; }
.hub_products_inner2 .pro_item .pro_des strong a span{display: block; font-weight: 300;}

/* products_application */
.products_application{background-color: #f7f7f7; padding: 3rem 0; margin-bottom: 3rem;}
.products_application .app_item{background-color: #fff; height: 100%; border-radius: 10px; overflow: hidden;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.products_application .app_item .app_des{padding: 2rem;}
.products_application .app_item .app_img img{mix-blend-mode: multiply;}
.products_application .app_item .app_img{background: linear-gradient(to top,#aaa,#fff,#d8d8d8);}
.products_application .app_item .app_des a{display: block; font-weight: 600; color: #333; line-height: 1.35; margin-bottom:.5rem; font-size: 1.125rem; position: relative; padding-right: 2rem;}
.products_application .app_item .app_des a::before{position: absolute;content: "\f285"; font-family: bootstrap-icons !important; right: 0; top: 0; color:#d80016}
.products_application .app_item .app_des a span{font-size: 1rem; font-weight: 300; display: block;}
.more_link{text-align: center; color: #333; text-decoration: underline; position: relative; display: inline-block; padding-right: 2rem;}
.more_link::before{position: absolute; content: "\f138"; font-family: bootstrap-icons !important; right: 0; top: 0;} 
.products_application .app_item:hover .app_des a{color: #d80016;}
.more_link:hover{color: #d80016;}

/* why_us_wrap */
.why_us_wrap{background-color: #fff; margin: 3rem auto;}
.why_us_wrap .why_item{height: 100%; background-color: #f7f7f7;}
.why_us_wrap .why_item .pro_des a{display: block; padding: 1rem; color: #333;font-weight: 700;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; position: relative;}
.why_us_wrap .why_item .pro_des a::before{position: absolute; content: "\f138";font-family: bootstrap-icons; right: 1rem; top: 1rem; font-weight: 300;}
.why_us_wrap .why_item:hover .pro_des a{color: #d80016;}



/* bottom_inquiry_content */
.bottom_inquiry_content{margin-bottom: 3rem;}
.bottom_inquiry_content .inquiry_des{width: 100%; max-width: 550px; margin: 0 auto; text-align: center;}
.bottom_inquiry_content .inquiry_des strong{display: block; font-size: clamp(1.2rem,3vw,1.6rem); font-weight: 700; line-height: 1.35; margin-bottom: 1rem;}
.bottom_inquiry_content .inquiry_des strong span{ font-weight: 300;}
.bottom_inquiry_content .inquiry_btn{cursor: pointer;}
/* why_us_content */
.why_us_content{background: #f7f7f7; padding: 3rem 0; margin-bottom: 3rem;}
.why_us_content .about_item{background-color: #fff;}
.why_us_content .about_item .pro_des{padding: 2rem;}
.why_us_content .about_item .pro_des strong a{color: #333; display: block; margin-bottom: .5rem;}
.inquiry_btn2 {cursor: pointer; display: inline-block; padding: .5rem 2rem; border: 1px solid #004680; color: #004680; border-radius: 50px; font-size: .9375rem; font-weight: 700; transition: all .5s ease; margin-top: 1rem;}
.inquiry_btn2:hover{background-color: #004680; color: #fff;}


/* quick_bg */
.quick_bg{padding:2rem 0; border-top: 1px solid #ddd;box-shadow: rgba(0, 0, 0, 0.15) 0px -50px 36px -28px inset;}
.quick_bg strong{display: block; font-size: 1.575rem; font-weight: 700; text-transform: uppercase; margin-top:1rem;}
/* pro_top_img */
.pro_top_img{padding: 3rem 0; background: linear-gradient(to top,#fafafa,#f8f8f8); }
.pro_top_img h2,.quick_bg h2{color: #d80016; font-size: clamp(1.5rem,3vw,1.8rem); font-weight: 700; position: relative; padding-top: 1rem;}
.pro_top_img h2::before,.quick_bg h2::before{position: absolute; content: ""; width: 30px; height: 2px; background-color: #d80016; top: 0; left: 0;}
.pro_top_img h2 span{display: block; font-weight: 300;}
.pro_h2{display: flex; flex-wrap: wrap; align-items: center;}
.pro_h2 span{color: #d80016; font-size: clamp(1.5rem,3vw,1.8rem); font-weight: 300; padding-left:.5rem;}




/* more_img_list */
.more_img_list{width: 92%; max-width: 1500px; margin: 0 auto; margin-top: 2rem; overflow: hidden;}
.more_img_list ul{display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.more_img_list ul li{width: 19.15%; margin-right: 1%;}
.more_img_list ul li:nth-child(5n){margin-right: 0;}
/* applicaton_wrap */
.applicaton_wrap{margin: 3rem auto;}
.applicaton_wrap .app_item{height: 100%; background-color: #fafafa;display: flex; flex-wrap: wrap; align-items: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;}
.applicaton_wrap .app_item img{width: 50%;}
.applicaton_wrap .app_item span{width: 50%; display: block; padding: 1rem; font-weight: 700; line-height: 1.35;  text-align: center;}

/* components_wrap */
.components_wrap{background: linear-gradient(to bottom,#fafafa,#fff); padding: 3rem 0;}
.components_wrap .components_item{background-color: #fff; padding: 1rem; font-weight: 300; height: 100%;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; font-size: .9375rem; line-height: 1.55; }
.components_wrap .components_item strong{font-size: 1.1rem; line-height: 1.35; display: block;}
.components_wrap .components_item p{margin-bottom: 0;}
.components_wrap .bg-white{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}




/* btn-more */
.collapse1:not(.show){height:0;overflow:hidden;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:1;position:relative;}

.btn1{width:55px;height:50px;position:relative;transition:.3s all ease-in-out;display:block;margin:0 auto;}
.btn1:before{position:absolute;content: "\f282";font-family: bootstrap-icons !important; background-color: #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; width:30px;height:30px;top:3px;left:0;transition:.3s all ease-in-out;opacity:.5;}

.btn1[aria-expanded="true"]::before{content: "\f286";}


@-webkit-keyframes scaledown{50%{top:15px;opacity:.2}
100%{top:3px;opacity:.7}
}
@keyframes scaledown{50%{top:15px;opacity:.2}
100%{top:3px;opacity:.7}
}
.btn1:hover,.btn1[aria-expanded="true"]{transform:translateY(0.5rem)}
@media (max-width:767.98px){.protitle2{font-size:1.5rem;line-height:1.8rem;}
}

/* feedback_wrap */
.feedback_wrap{ padding: 4rem 0; position: relative; width: 100%;}
.feedback_wrap::before{position: absolute;content: ""; width: 85%; height: 100%; top: 0; left: 0;  -webkit-clip-path: polygon(98% 0, 100% 8%, 100% 89%, 98% 100%, 0 100%, 0 0);clip-path: polygon(98% 0, 100% 8%, 100% 89%, 98% 100%, 0 100%, 0 0);  overflow: hidden;background: linear-gradient(45deg, #f0f0f0, #f2f2f2);}



.feedback_wrap .webtitle{font-size: clamp(1.5rem,3vw,1.865rem); font-weight: 300; margin-bottom: 2rem;}
.feedback_wrap .webtitle strong{font-weight: 700; font-size: clamp(1.5rem,3vw,1.675rem); color: #d80016; position: relative; padding-left: 40px; display: block;}
.feedback_wrap .webtitle strong::before{position: absolute; content:""; width: 30px; height: 1px; left: 0; top: 1.15rem; background-color: #d80016;}

.feedback_wrap .right_feedback{background-color: #fff; padding: 1.5rem; padding-bottom: 0;}
#feedback2017 .etw-inquery-btn{background-color: #616161; height: auto;  text-transform: uppercase; color: #fff; padding: .2rem 2rem; font-weight: 800; }
#feedback2017  .etw-inquery-control{ border-radius: 0;  border: none ; border-bottom: 1px solid #f2f2f2;}
#feedback2017 .etw-inquery-icon{display: none;}
#feedback2017 .etw-inquery-control{font-size: 14px;}

/* related_prodcuts_wrap */
.related_prodcuts_wrap{background: linear-gradient(to top,#fff,#f0f0f0,#fff); padding: 4rem 0;}
.related_prodcuts_wrap2{background: linear-gradient(to top,#fff,#f0f0f0); padding-bottom: 0; margin-top: 3rem;}


.related_pro_inner_box .pro_item{background-color: #fff; height: 100%; position: relative; padding-bottom: 2rem;}
.related_pro_inner_box .pro_item .pro_des a{padding: 2rem; padding-top: 1rem; color: #333; display: block; font-weight: 700; line-height: 1.35; font-size: 1.125rem; }
.related_pro_inner_box .pro_item .pro_img a{display: block; padding: 1rem; padding-bottom: 0;}
.related_pro_inner_box .pro_item .pro_des a::before{position: absolute; content: "\f137";font-family: bootstrap-icons !important; color: #666; left: 2rem; bottom: 1rem; font-weight: normal;}
.related_pro_inner_box .pro_item .pro_des a span{display: block;font-weight: 300; margin-top:.5rem; font-size: .9375rem;}
.related_pro_inner_box .pro_item:hover .pro_des a,.related_pro_inner_box .dq .pro_des a{color: #d80016;}
.related_prodcuts_wrap .big_pro_wrap{margin-top: 0;}

.related_prodcuts_wrap2 .pro_item {margin: 0 5px;}
.related_prodcuts_wrap2 .content{max-width: 1360px;}


.nav-tabs-products{border-bottom: none;   margin-bottom: 1rem; justify-content: center;}
.nav-tabs-products li{margin-right: 5px; }
.nav-tabs-products li a{color: #333; padding: .5rem 1.5rem;  display: block; width: 100%;   position: relative; text-align: center; border-radius:  0; text-transform: uppercase; font-size: 1.125rem; background-color: #ddd; }

.nav-tabs-products li a:hover,.nav-tabs-products li a.active{background-color: #d80016; color: #fff;}
/* application_solutions_wrap */
.application_solutions_wrap{margin-top: 3rem;}
.application_solutions_wrap .webtitle a{color: #333; font-weight: 300; font-size: clamp(1.5rem,5vw,2.4rem); position: relative; padding-bottom: 1rem; margin-bottom: 1rem; display: block;}
.application_solutions_wrap .webtitle a::before{position: absolute; content: ""; width: 60px; height: 2px; background-color: #d80016; left: 0; bottom: 0;}
.application_solutions_wrap .app_list ul li a{display: block; color: #333; margin-bottom:.5rem; padding-left: 2rem; position: relative;}
.application_solutions_wrap .app_list ul li a::before{position: absolute;content: "\f285";font-family: bootstrap-icons; left: 0; top: 0;}
.application_solutions_wrap .app_list ul li a:hover{color: #d80016;}
/* application_page */
.application_page{margin-top: 3rem;}
.bg_color{background: linear-gradient(to top,#fff,#f7f7f7); padding: 3rem 0; padding-bottom: 0; margin: 3rem auto;}
/* application_hub */
.application_hub .app_item{background-color: #fff; padding: 2rem;height: 100%; font-weight: 300; position: relative;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; line-height: 1.35;}
.application_hub .app_img{text-align: center; margin-bottom: 1rem;}
.application_hub .app_des a{display: block; color: #002d5d; font-weight: 700; font-size: 1.325rem; line-height: 1.35; margin-bottom:.5rem; }
.application_hub .app_des a span{display: block; color: #002d5d; font-weight: 300; font-size: 1rem;}
.application_hub .app_des a::before{position: absolute; content: "\f138";font-family: bootstrap-icons; right: 2rem; bottom:2rem; font-weight: 300; font-size: 1.2rem; transition: all .5s ease;}
.application_hub .app_item:hover .app_des a::before{right: 1.5rem;}

/* item_list */
.item_list{margin-bottom: 1rem;}
.item_list li{position: relative; padding-left: 1.5rem; line-height: 1.35; margin-bottom: .8rem;}
.item_list li::before{position: absolute;  content: ""; width: 8px; height: 8px; border-radius: 50%; left: 0; top:.35rem; background-color: #d80016;}
/* app_bg_color */
.app_bg_color{padding: 2rem;  margin-bottom: 3rem; position: relative;}
.app_bg_color::before{position: absolute; content: ""; width: 35%; top: 0; left: 0; background-color: #fafafa; height: 100%;}
.app_bg_color .etw_hometitle{color: #d80016; font-size: clamp(1.3rem,3vw,1.6rem); font-weight: 700; position: relative; padding-top: 1rem;}
.app_bg_color .etw_hometitle::before{position: absolute; content: ""; width: 100px; height: 2px; top: 0; left: 0; background-color: #d80016;}
.app_bg_color .content{position: relative;}


/* sample_img_list */
.sample_img_list{margin-bottom: 3rem;}
.sample_img_list .img_box{height: 100%; position: relative;}
.sample_img_list .img_box span{position: absolute; bottom: 0; left: 0; right: 0;  margin: 0 auto;  width: 100%; padding: 1rem; text-align: center; color: #fff; display: block; line-height: 1.35;}
.sample_img_list .img_box::before{position: absolute; content: "";background: linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.7)); width: 100%; height: 100%; top: 0; left: 0;}
.sample_img_list2 .img_box::before{display: none;}


/* sub_application_list */
.sub_application_list ul{display: flex; flex-wrap: wrap; margin-top: 3rem;}
.sub_application_list ul li{width: 32%; background: linear-gradient(to top,#f4f4f4,#f0f2f5,#d8d8d8); margin-bottom: 1rem; margin-right: 2%; padding: 1rem;}
.sub_application_list ul li:nth-child(3n){margin-right: 0;}
.sub_application_list ul li a{color: #666; display: flex; align-items: center;}
.sub_application_list ul li .icon_img{max-width: 90px; height: 90px; border-radius: 50%; background-color: #fff; padding: 1rem;text-align: center; transition: all .5s ease;}
.sub_application_list ul li a span{display: block; width: 70%; padding-left: 2rem; line-height: 1.35; font-weight: 700;}
.sub_application_list ul li .icon_img img{width: 60px;}
.sub_application_list ul li a.dq,.sub_application_list ul li a:hover{color: #d80016;}
.sub_application_list ul li:hover .icon_img{background-color: #f0f0f0;}
.sub_application_list2 {margin-bottom: 3rem;}
.sub_application_list2 ul li{width: 18%; background: linear-gradient(to top,#f4f4f4,#f0f2f5,#d8d8d8); margin-bottom: 1rem; margin-right: 2%; padding: 1rem; text-align: center;}
.sub_application_list2 ul li:nth-child(5n){margin-right: 0;}
.sub_application_list2 ul li:nth-child(3n){margin-right: 2%; }
.sub_application_list2 ul li a{flex-wrap: wrap;}
.sub_application_list2 ul li .icon_img{width: 100%; margin: 0 auto; margin-bottom: 1rem; }
.sub_application_list2 ul li a span{width: 100%; padding-left: 0;}



/* faq_content */
.faq_content{margin-bottom: 4rem;}
/* accordion */
.accordion .card{background:0;border:none;border-radius:0 !important; font-size: .875rem;}
.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:300;border-bottom:1px solid #ddd !important; font-weight: 500;}
.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:22px;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 2rem;font-size:1rem;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:rotate(45deg)}
.accordion .btn[aria-expanded="true"] span{transform:rotate(135deg);color:#666}
.accordion p{margin-bottom:0}

/* pro_item_wrap */
.pro_item_wrap{margin-bottom: 3rem; border-bottom: 2px solid #ddd;}
.pro_item_wrap:last-child{border: none;}
.pro_item_wrap img{mix-blend-mode: multiply;}
.pro_item_wrap .left_pics{background-color: #fafafa;}

/* diagram_pic */
.diagram_pic .img_box{height: 100%; }
.diagram_pic .img_box span{display: block; padding: .5rem; font-size: .875rem;border-radius: 20px;background-color: #f0f0f0; margin-top:0.5rem; }
/* solution_top_des */
.solution_top_des{margin: 3rem auto;}
/* automation_solution_content */
.automation_solution_content {margin-bottom: 3rem;}
.automation_solution_content  .solution_item{background-color: #f8f8f8; padding: 2rem; margin-bottom: 2rem; font-weight: 300;}
.automation_solution_content  .solution_item strong{display: block; margin-bottom: .5rem;}

/* case_img_list */
.case_img_list{margin-bottom: 3rem;}
.case_img_list .img_box{height: 100%; background-color: #fafafa;}
.case_img_list .img_box span{display: block; padding: 1.2rem; line-height: 1.35; font-weight: 300;}
/* abnput_top_banner */
.abnput_top_banner{position: relative;}
.abnput_top_banner .about_top_des{padding-top: 3rem; font-size: 1.125rem; font-weight: 500; color: #000; }
.abnput_top_banner .about_top_des h2{font-weight: 700; margin-top: 1rem; }
.abnput_top_banner .about_top_des h2 span{color: #d80016;}


.abnput_top_banner .img_box{width: 100%; height: 100%; position: relative;}
.abnput_top_banner .img_box img{width: 100%; height: 400px; object-fit: cover; object-position: center center;}
.abnput_top_banner .img_box::before{    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0, 70, 128,.8), #00499054 38%, #ffffffa6 73.5%, #fff);
    pointer-events: none;}

/* who_we_are_content */
.bg_shadow{filter: drop-shadow(0 0 28px rgba(0, 0, 0, .75));}

.who_we_are_content{background-color: #fff; padding: 3rem;clip-path: polygon(0 0, calc(50% - 38px) 0, 50% 22px, calc(50% + 38px) 0, 100% 0, 100% 100%, 0 100%);position: relative; margin-top: -2rem; border-radius: 12px; margin-bottom: 4rem; }
.who_we_are_content p{margin-bottom: 0;}
.who_we_are_content .des_left{position: relative; height: 100%;}
.who_we_are_content .des_left p{margin-bottom: 0;}
.who_we_are_content .des_left::before{position: absolute; content: ""; width: 1px; height: 100%; background-color: #d80016; top: 0; right: -3rem;}
.who_we_are_content .des_right::before{display: none;}
/* about_center */
.about_center{    background: linear-gradient(180deg, #f7f7f7, #f2f2f2 55.12%, #00499000);padding: 3rem 0;    clip-path: polygon(0 0, calc(50% - 48px) 0, 50% 30px, calc(50% + 48px) 0, 100% 0, 100% 100%, 0 100%); padding-top: 5rem;border-bottom: 2px solid #eee; padding-bottom: 2rem; margin-bottom: 3rem;}
.about_center .adv_des_item{background-color: #fff; padding: 2rem; border-radius: 12px; height: 100%; font-weight: 300;}
/* cer_img_list */
.cer_img_list{margin-top: 3rem; text-align: center; font-size: .875rem; line-height: 1.35;   }
.cer_img_list figure{margin: 0 8px; margin-bottom: .5rem;}
.cer_img_list span{padding: 0 5px; display: block;}
/* about_bottom_inquiry */
.about_bottom_inquiry{background: radial-gradient(circle at left center ,#fff,#efecec 61%); padding: 4rem 0; clip-path: polygon(0 0, calc(50% - 48px) 0, 50% 30px, calc(50% + 48px) 0, 100% 0, 100% 100%, 0 100%); text-align: center;}
.about_bottom_inquiry strong{font-size: clamp(1.5rem,3vw,2.3rem); color: #000; display: block; }
.about_bottom_inquiry .inquiry_btn{cursor: pointer;}
/* main_products_wrap */
.main_products_wrap{margin: 3rem 0;}
.main_products_wrap .main_webtitle{font-weight: 700; font-size: clamp(1.5rem,3vw,2rem); text-align: center; display: block; color: #000; margin-bottom: 1rem; line-height: 1.35;}
.main_products_wrap .pro_item .pro_img{box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.05); padding: 2rem 1rem; text-align: center;}
.main_products_wrap .pro_item .pro_des a{display: block; text-align: center; margin-top: 1rem; color: #000; font-size: 1.125rem; font-weight: 700;}
.main_products_wrap .pro_item .pro_des a span{display: block; font-weight: 300;}
/* design_des_top */
.design_des_top{padding-top:2rem;}
.design_des_top .top_content{margin-bottom: 3rem; background-color: #fafafa; padding: 3rem; border-radius: 12px;}

.design_des_top .rd_des_right ul{display: flex; flex-wrap: wrap;}
.design_des_top .rd_des_right ul li{width: 50%; border-left: 2px solid #d80016; border-bottom: 2px solid #d80016; padding: 1.5rem; text-align: center; }
.design_des_top .rd_des_right ul li:nth-child(2n){margin-right: 0;}
.design_des_top .rd_des_right ul li b{display: block; font-weight: 700; font-size: clamp(1.4rem,3vw,2.6rem); color: #000;}
/* rd_design_img_lisgt */
.rd_design_img_lisgt .img_box{position: relative;}
.rd_design_img_lisgt .img_box span{position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .55); color: #fff; display: inline-block; padding: .55rem 2rem; border-radius: 0 22px 22px 0; line-height: 1.3;}

/* manufacturing_des_top */
.manufacturing_des_top{padding-top: 3rem;}
/* manufacturing_pic_list */
.manufacturing_pic_list .img_box{position: relative; margin: 5px;}
.manufacturing_pic_list .img_box span{position: absolute; bottom: 0; left: 0; display: block; padding: 1rem; line-height: 1.35; color: #fff; background: linear-gradient(to bottom,transparent,rgb(0, 0, 0,.5)); width: 100%; font-weight: 700;}
/* capabilities_content */
.capabilities_content .cap_item{padding: 2rem; background-color: #fff;box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; height: 100%; }
.capabilities_content .cap_item strong{position: relative; display: block; padding-left: 3rem; margin-bottom: 1rem;}
.capabilities_content .cap_item strong::before{position: absolute; content: "\f270";font-family: bootstrap-icons !important; left: 0; color: #d80016; font-weight: normal; font-size: 1.8rem; top: -.5rem;}
/* quality_des_top */
.quality_des_top{padding-top: 3rem; }
.inspection_equipment{margin-bottom: 2rem; border-bottom: 2px solid #ddd; padding-bottom: 2rem;}
.inspection_equipment:last-child{padding-bottom: 0; border: none;}
.inspection_equipment .img_des{padding: 0 2rem;}
/* history_page */
.history_page{margin-top: 3rem;}

.history_page .img_box img{width: 250px; margin: 5px;}


.history_page  ul li strong{display: block; font-weight: 700; font-size: 2.2rem; font-family: Impact; color: #d80016;}
.history_page ul{padding-left: 3rem; position: relative;}
.history_page ul::before{position: absolute; content: ""; width: 2px; height: 100%; background-color: #d80016; left: 0; top: 0;}
.history_page ul li{margin-bottom: 2rem; position: relative;}

.history_page ul li::after {
  position: absolute; content: ""; width: 26px; height: 26px; border-radius: 50%;
  background-color: #d80016;
  box-shadow: 0 8px 32px rgba(71,159,231,.15),inset 0 0 0 1px rgba(71,159,231,.2);
  filter: blur(5px); top: 1.2rem; left: -3.8rem;
}
/* about_top_content */
.about_top_content{margin-top: 3rem;}
.about_top_content strong{display: block;}
.about_top_content strong a{display: block;color: #333; font-size: clamp(1.2rem,3vw,1.5rem);display: block; margin-bottom:1rem;}
.about_top_content .about_left_des{padding: 2rem; padding-left: 1rem;}
.about_top_content strong a:hover{color: #d80016;}








/* service_page */
.service_page{margin-top: 3rem;}


.video_hub ul{display:flex;flex-wrap:wrap;margin-bottom:3rem; }
.video_hub ul li{width:32%;margin-right:2%; text-align: center; margin-bottom:1rem;overflow:hidden; background-color: #f8f8f8;}
.video_hub ul li:nth-child(3n){margin-right:0}
.video_hub ul li a{color:#333;font-weight:300;font-size:.9rem ;display: flex; line-height: 1.35; align-items: center;}
.video_hub ul li .video_img{width: 50%;}
.video_hub ul li span{width: 50%; display: block; padding:0.5rem 1rem;}





.video_img{position: relative;}

.video_hub ul li a span b{display: block; font-size: 1.1rem;}

#etw_videolist{position:relative;margin:0 auto 2rem;background:#f3f3f3;}
#etw_videolist .video_title{font-size:1.4rem;line-height:1.6rem;text-align:left;color:#333;font-weight:700;background-color: #d5d5d5; display: block; padding: .8rem;}
#etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap; padding:1rem; padding-top: 0;}
#etw_videolist>ul>li{width:100%;position:relative;display:block}
#etw_videolist>ul>li>a{width:100%;position:relative;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;display:block;color:#333;padding:.3rem 1rem; font-size: .9rem;}
#etw_videolist>ul>li>a::before{position:absolute;content:"\f285";font-family:bootstrap-icons;left:0;top:.32rem;font-size:.65rem}
#etw_videolist>ul>li{font-size:.9rem;line-height:1.3rem;position:relative;display:block;transition:.3s all ease-in-out;display:block}
#etw_videolist>ul>li>a.dq,#etw_videolist>ul>li>a:hover{color:#d80016}
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:#d80016}
#etw_videolist strong{display: block;width: 100%; font-size: 1.1rem; margin-top: .5rem;}


#video_right video{width:100% !important}
.video_content{background-color:#fff;padding:2rem}
.etw_right video{display:block;width:100%}
.etw_right h2{color: #333; font-weight: 700; font-size: clamp(1.4rem,3vw,1.8rem);}

#etw_videolist .videohid{display:none}
.company_video_box{background-color:#f2f2f2;margin-bottom:3rem; margin-top: 1rem;}
.company_video_txt{height:100%;padding:2rem;font-weight:300}
.company_video_txt a{font-size:1.6rem;font-weight:700;color:#d80016;display:block;margin-bottom:1rem}
.company_video_txt a:hover{color:#d80016}
.company_video_img a img{width:100%;height:100%;object-fit:cover}
.company_video_img,.company_video_img a,.company_video_img .video_img{height:100%; display: block;}


.video_menu{position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-left: 5px; background-color: #d80016; cursor: pointer;color: #fff; transition: all .5s ease; border: 2px solid #fff;}
.video_menu::before{position: absolute; content: "\f4f4";font-family: bootstrap-icons; font-size: 2.2rem; }
.manufacturing_video ul li .video_img::before{position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); top: 0; left: 0;}
.video_menu:hover{background-color: #fff;color: #d80016;}

.video_menu2{ width: 40px; height: 40px;  padding-left: 5px;}
.video_menu2::before{font-size: 1.4rem; }



#container{width:100%;margin:0 auto;margin-top:110px}
.home_box{margin-top:0 !important}
.content{width:100%;max-width:1200px;margin:0 auto}
.big_content{max-width: 1360px;}



#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 img{border-radius: 5px; }
.left_pro_img a{position:relative;display:block}
.left_pics{height:auto;margin:0 auto;text-align:center;position:relative;margin-bottom:1rem;width:80%; order: 1; }

.related_pic{width: 15%;order: 0; }
.related_pic ul{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center; }
.related_pic ul li{width: 100%;}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin-bottom:5px; mix-blend-mode: normal; }
.related_pic img:hover,.related_pic li.imgdq img{border:1px #1b4a9c 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:2;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:#d80016}
.left_pics .video_menu{transform:none; bottom: 2rem; top: inherit; left: inherit; right: 2rem; z-index: 1;}









#footer{width:100%;text-align:center;margin:0 auto;position:relative; font-size:.9rem; background: transparent linear-gradient(135deg,#05519b,#091b31 120%) 0 0 no-repeat padding-box; margin-top: 4rem;  }
.foot_top_bg{position: absolute; width: 22%;    overflow: hidden; height: 10px; top: -8px; left: 0; margin: 0 auto;}
.foot_top_bg::before{ position: absolute; content: ""; height: 100%;  margin: 0 auto; left: 0; right: 0; margin: 0 auto;  background:#064e95; top: 0; 
-webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
}

.foot_inner_box{position: relative; overflow: hidden;}
.foot_inner_box:after {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(68%, hsla(0, 0%, 100%, .5)), color-stop(86%, hsla(0, 0%, 100%, .7)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 68%, hsla(0, 0%, 100%, .7) 86%, #fff);
    content: "";
    height: 300%;
    left: 50%;
    opacity: .08;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%) rotate(45deg);
    transform: translate(-100%, -50%) rotate(45deg);
    width: 12rem;
    z-index: 10;
}

.foot_logo{margin-bottom: 1rem;}


.etw_bottom{padding:4rem 0;padding-bottom:2rem;width:100%;margin:0 auto;position:relative;text-align:left;color:#fff;z-index:1; overflow: hidden;}
.home_link{width:100%;overflow:hidden;margin:0 auto;padding:.5rem 0;position:relative;}
#footer a:hover{color:#00b7e4}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a{position:relative;font-size:1.4rem;line-height:1.35;margin-bottom:.8rem;color:#fff;padding-bottom:1rem;  font-weight: 700; }
.etw_bottom .etw_foot_title{position:relative}
.etw_bottom .etw_foot_title a:hover{color:#fff!important;text-decoration:none}
.etw_bottom .etw_foot_title::before{position:absolute;content:"";width:30px;height:3px;background-color:#d80016;left:0;bottom:0}

.pblist{overflow:hidden;margin:0.5rem auto}
.pblist_box{width:100%}
.etw_bottom a{color:#fff}
.etw_bottom a:hover{color:#00b7e4}
.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:#fff;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_mobile,.cot_whatsapp,.cot_linkedin,.cot_facebook,.cot_instagram{position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem}
.cot_tel:before{content:"\f095";position:absolute;left:0px;top:3px;color:#fff;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:2px;top:-3px;color:#fff;font-family:fontawesome;font-size:26px}
.cot_whatsapp:before{content:"\f618";position:absolute;left:0px;top:2px;color:#fff;font-family: bootstrap-icons;font-size:18px}
.cot_linkedin:before{content:"\f472";position:absolute;left:0px;top:2px;color:#fff;font-family: bootstrap-icons;font-size:18px}
.cot_facebook:before{content:"\f344";position:absolute;left:0px;top:2px;color:#fff;font-family: bootstrap-icons;font-size:18px}
.cot_instagram:before{content:"\f437";position:absolute;left:0px;top:2px;color:#fff;font-family: bootstrap-icons;font-size:18px}



#etw_coper{margin-top:2px;width:100%;line-height:22px}
#etw_coper a{color:#fff;font-size:12px}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem}
#otherlink a{color:#fff;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:#00b7e4}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
@media (max-width:1599.98px){
.customization_wrap{width:98%; margin: 0 auto;}
}
@media (max-width:1399.98px){

.customization_text{ padding-left: 5rem;}
}
@media (max-width:1259.98px){
.content{padding-left: 15px; padding-right: 15px;}
.customization_text{ padding-left: 5rem;}
}
@media (max-width:1199.98px){
#quicknav ul{padding-left:1rem}
.content #quicknav ul{padding-left:0}
.top-nav{width:68%;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 1.5rem 0.7rem;}
.banner_txt1{ top: 36%;}
.big_pro_wrap .pro_item .pro_des{ height: 210px;}
.application_wrap ul{ display: block;}
.application_wrap ul li.pro_img{width:100%; height: auto; background: none; overflow: hidden;}
.application_wrap ul li.pro_img img{ border:10px solid #efefef;}
}

@media (max-width:1099.98px){
.big_pro_wrap .pro_item .pro_des{ height: 230px;}
.pro_item_wrap{ margin-bottom: 2rem; padding-bottom: 1rem;}
}
@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,.since_year,#header::after{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:0 0.75rem;position:relative;z-index:1;}
.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-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;display:block;float:right;height:auto;z-index:9; margin-top: .8rem;}
.etw_language > ul{position:relative;float:right;font-size:1rem;border-radius:8px}
.etw_language > ul > li span{cursor:pointer;float:left;padding:.0 1rem}
.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}
.etw_bottom{padding:2rem 0 1rem}

  .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;}

.banner_inner1{ padding-left:3rem;}
.banner_inner2{ padding: 0 3rem;}
.banner_inner p{ line-height: 1.5rem;}
.big_pro_wrap .pro_item .pro_des{ height: 240px;}
.products_page{ margin-top: 0;margin-bottom:2rem;}
.quick_bg{ padding:0rem 0 1rem 0;}
.related_pic ul li{ max-width: 100px;min-width: 70px;}
.applicaton_wrap .app_item img{ width: 40%;}
.applicaton_wrap .app_item span{ width: 60%;}
.left_products_content{ padding-left: 0;}
.pro_top_banner{ margin-bottom: 2rem;}
.applicaton_wrap .app_item img,.applicaton_wrap .app_item span{ width:100%;}
.related_pro_inner_box .pro_item .pro_des a {padding:1rem;}
.sub_application_list ul li a span{ padding-left: 1.2rem;}
.sub_application_list2 ul li a span{ padding-left:0rem;}
.pro_top_banner{ height: 200px;}
.video_hub ul li{width:48%;}
.video_hub ul li:nth-child(3n){margin-right:2%}
.video_hub ul li:nth-child(2n){margin-right:0}
.video_hub ul{margin-bottom: 2rem;}
.etw_right{ margin-top: 1rem;}
.application_wrap ul{width:32%;}
.application_wrap ul li.pro_des a{text-align: center; display: block;}
#etw_videolist > ul > li{ width:48%; float: left; margin-right:4%;}
#etw_videolist > ul > li:nth-child(2n){margin-right: 0;}
.app_bg_color{padding-bottom:0.5rem;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{width:36px;height:36px;}
.about_us_content .about_top_des h3{margin-top: 0;}

}
@media (max-width:767.98px){
.banner_inner p,.hub_products_inner .pro_item .pro_des p,.sample_img_list .img_box::before,.who_we_are_content .des_left::before,.history_page ul::before,.history_page ul li::after{ display: none;}
.big_pro_wrap .pro_item .pro_des{ height:180px;}
.big_pro_wrap .pro_item{ margin: 0.7rem 0;}
.big_pro_wrap .pro_item .pro_img img{ width:100%;}
.more_img_list ul li{width: 32%; margin-bottom: 1%;}
.more_img_list ul li:nth-child(5n){margin-right:1%;}
.more_img_list ul li:nth-child(3n){margin-right: 0;}
.components_wrap .components_item .pro_des{ padding-top: 1rem;}
.feedback_wrap::before{ width:100%;  clip-path:inherit;}
.related_prodcuts_wrap{ padding: 2rem 0;}
.related_prodcuts_wrap2{ padding-bottom: 0;}
.etw_bottom{ padding-bottom: 2rem;}
.pro_img_box{ padding-bottom: 1rem;}
.hub_products_inner{ margin-bottom: 2rem;}
.applicaton_wrap img{ display: block; margin: 0 auto 1rem auto;}
.applicaton_wrap span{ margin-bottom: 0.5rem; display: block;}
.applicaton_wrap .inquiry_btn2 span{ margin-bottom: 0;}
.sample_wrap .img_des,.sample_wrap .item_list{ padding:0.5rem 1rem 1rem 2rem !important; margin-bottom: 0;}
.components_item .pro_img{ margin-bottom:0rem !important;}
.applicaton_wrap .app_item img,.applicaton_wrap .app_item span{ width:50%; margin: 0;}
.item_list li{ text-align:left;}
.hub_products_inner .pro_item .pro_des strong a{ margin-bottom: 0;}
.hub_products_inner .pro_item .pro_des{ padding-bottom: 0;}
.app_bg_color::before{ width: 100%;}
.sub_application_list ul li{width: 48%;}
.sub_application_list ul li:nth-child(3n){margin-right:2%;}
.sub_application_list ul li:nth-child(2n){margin-right: 0;}
.sample_img_list .img_box{ text-align: center;}
.sample_img_list .img_box span{ position:inherit;color:#333}
.about_img{  text-align: center;}
.who_we_are_content{padding: 3rem 1.2rem 2rem 1.2rem;}
.about_center .adv_des_item{ padding: 1.2rem; margin-bottom: 1rem; height: auto;}
.cer_img_list{ margin-top: 2rem;}
.design_des_top .top_content{ padding: 1.2rem;}
.main_products_wrap .pro_des{ margin-bottom: 1rem;}
.page_title{ padding: 0 120px;}
.manufacturing_pic_list .no-gutters img{ width: 100%;}
.inspection_equipment .img_box{ text-align: center; margin-bottom: 1rem;}
.history_page .img_box{ text-align: center;}
.history_page .img_box img{ width: 100%; max-width: 250px; margin-bottom: 0.8rem;}
.history_page ul{ padding:0 0.5rem;}
.video_hub ul li{width:100%;}
.video_hub ul li:nth-child(3n),.video_hub ul li{margin-right:0}
#etw_videolist{ margin-bottom:0rem;}
.customization_wrap{border-radius: 15px;background:#004e8f;}
.customization_text{ padding-left:0rem;}
.customization_img{ margin-top: 1rem;}
.big_products_wrap .pro_item .pro_list li a{ padding-left: 1.5rem;}
#etw_videolist > ul > li{ width:100%;margin-right:0%;}
.sample_display_wrap .sample_wrap{clip-path:inherit}
.app_bg_color{ padding: 1rem 0;}
.app_bg_color::before{ display: none;}
.app_bg_color .img_box{ text-align: center;}
.application_page{ margin-top: 1rem;}
.components_wrap .p-4{padding:0.8rem !important; line-height: 1.3;}
.app_bg_color{padding:0;  margin-bottom:0;}

}
@media (max-width:600.98px){
.big_pro_wrap .pro_item .pro_des{ height:195px;}
.webtitle2{padding: 0;}
.webtitle2::before,.webtitle2::after{display: none;}
.abnput_top_banner .img_box img{height: 160px;}
}
@media (max-width:575.98px){
#etw_banner,.related_pro_inner_box .pro_item .pro_des a::before,.partners_logo,.why_us_wrap .why_item .pro_des a::before,.sample_img_list .img_box::before,.products_application,.about_us_content .row{ display: none;}
#etw_logo{ width:250px; }
.etw_language{ margin-left: 0; }
.big_pro_wrap .pro_item .pro_img img{ width: 100%; height: 260px; object-fit: cover;}

.big_pro_wrap .row{display: none;}
.related_prodcuts_wrap .big_pro_wrap .row{display: block;}



.big_pro_wrap .webtitle,.big_pro_wrap .webtitle span{font-size: 1.6rem; font-weight: 600;}

.big_pro_wrap .pro_item .pro_des{ height:auto; padding-bottom: 3.5rem;}
.left_pics,.related_pic{ width:100%; order: 1;}
.related_pic ul li{ width:15%; margin-right: 0.5rem; min-width:70px;}
.more_img_list ul li{width:49%;}
.more_img_list ul li:nth-child(3n){margin-right:1%;}
.more_img_list ul li:nth-child(2n){margin-right: 0;}
.sample_wrap{ text-align: center;}
.related_pro_inner_box .pro_item{ padding-bottom: 0;}
.related_pro_inner_box .pro_item .pro_des a{ padding: 1rem; text-align: center;}
.why_us_wrap .why_item{ text-align: center;}
.sub_application_list ul li{width:100%;}
.sub_application_list ul li:nth-child(3n),.sub_application_list ul li{margin-right:0%;}
.sample_img_list .img_box,.shadow1{text-align:center;}
.sample_img_list .img_box span{color:#333; position:inherit;}
.rd_design_img_lisgt .img_box img{ width: 100%;}
.shadow1 img{width:100%}
.page_title::after,.page_title::before{width:50px}
.page_title{ padding: 0 65px;}
.main_products_wrap .pro_item .pro_des a span{ font-size: 1.05rem;}
.inspection_equipment .img_des{ padding: 0 0.2rem;}
.video_hub ul li a{ display: block; padding: 0.5rem;}
.video_hub ul li .video_img,.video_hub ul li span{width:100%;padding: 0.5rem;}
.application_wrap{ display: none;}
.nav-tabs-products li,.nav-tabs-products li a{ width: 100%; display: block;}
}
@media (max-width:450.98px){
#etw_logo a{justify-content: center; }
#etw_logo{ width:100%; text-align: center; margin-top: 1.2rem;}
}