@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype");}

@font-face {font-family:"OpenSans-Bold";src:url(../font/OpenSans-Bold.ttf) format("truetype");}
@font-face {font-family:"OpenSans-Regular";src:url(../font/OpenSans-Regular.ttf) format("truetype");}
@font-face {font-family:"OpenSans-Light";src:url(../font/OpenSans-Light.ttf) format("truetype");}
@font-face {font-family:"OpenSans-SemiBold";src:url(../font/OpenSans-SemiBold.ttf) format("truetype");}
@font-face {font-family:"OpenSansCondensed-Bold";src:url(../font/OpenSansCondensed-Bold.ttf) format("truetype");}
@font-face {font-family:"FiraSans-Light";src:url(../font/FiraSans-Light.ttf) format("truetype");}
@font-face {font-family:"FiraSans-Thin";src:url(../font/FiraSans-Thin.ttf) format("truetype");}
@font-face {font-family:"FiraSans-Regular";src:url(../font/FiraSans-Regular.ttf) format("truetype");}
@font-face {font-family:"FiraSans-Bold";src:url(../font/FiraSans-Bold.ttf) format("truetype");}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");}
@font-face {font-family:"iconfont";src:url("../font/iconfont2.ttf?t=1667971785691") format("truetype");}
.iconfont {font-family:"iconfont" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}
.iconfont2 {font-family:"iconfont2" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body {color:#333;font-family:"FiraSans-Regular", Helvetica,sans-serif;font-size:1rem;line-height:1.65; background-color: #fff;}
.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;}
.clear {clear:both;}
.clearfix::after {display:table;}
hr {margin-bottom:1rem;border-top:1px solid #ddd;}
strong {font-size:1.1rem;display:inline-block;font-weight:normal;color:#1b1b1b;font-family:"FiraSans-Bold"; position: relative; padding-bottom: .5rem; margin-top: 1rem; }



.inquiry{color: #023b7d; text-decoration: none;}
.inquiry:hover{color: #e41b36;}
a {text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;}
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;}
a.link:hover {color:#e41b36;text-decoration:none;}
.btn-secondary {padding:0rem 0.5rem;}
.layui-layer-btn a {color:#fff !important;margin-bottom:1rem !important;}
.btn:not(:disabled):not(.disabled) {cursor:pointer;}
.review {color:#f00;font-size:18px;}
.brief {width:100%;margin:2rem auto;font-size:0.9rem;color:#666;}
.etw_pdf{position: relative; display: flex; align-items: center;}
.etw_pdf p{margin-bottom: 0;}
.etw_pdf a{font-size: 2rem; color: #224565; display: inline; padding-left: 2rem;}
.table td{padding: 0.55rem; font-size: .9rem; line-height: 1.35; vertical-align: middle;text-align: center; }
.table tr.top td{background-color: #00467f !important;  color: #fff;font-size: 1rem; text-align: center;}
.table tr:nth-child(2n){background-color: #e6e6e6;}
.table-bordered td{ border: 1px solid #d9d9d9;}
.theme-send-inquiry-box {background:#00467f !important;}
.theme-box-name {background:#3498db !important;text-transform:uppercase;border-left:1px #3498db solid !important;}

h3 {font-size: 1.3rem;font-family:"FiraSans-Bold";}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;color:#e41b36;font-size:2.2rem; font-family:"FiraSans-Bold"; margin: 0; padding-bottom: 1rem; padding-top: 1rem; }
.etw_hometitle{text-transform: uppercase;}
.pro_name{color: #003264; font-size: 1.2rem; position: relative;line-height: 1.35;padding-bottom: 1rem;margin-bottom: 1rem; margin-top: -.5rem; position: relative;}
.model_txt{color: #666;  position: relative; margin-bottom: 1rem; font-size: 1.4rem; margin-top: -1rem;}
.protitle{color: #023b7d;font-family:"FiraSans-Bold"; font-size: 1.4rem; padding-bottom: 1rem; text-align: center; position: relative;}
.protitle::before{position: absolute;content: ""; bottom: 5px; left: 0; right: 0; margin: 0 auto; text-align: center; background-color: #e41b36; width: 50px; height: 4px;}
.big_font{color:#023b7d;font-size: 1.2rem; margin-bottom:.5rem;  position: relative; margin-top: 1rem;}
.big_font1 h3{font-size: 2rem;}
.contact_des a{ color: #3498db; 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;}
.indent-left{padding-left: 3.8rem;}
#etw_top {position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a {color:#fff;}
#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:#000;}
/* #header */
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left; transition: all .5s; background:url(../images/header_bg.jpg) no-repeat top center;  }
.header_in {width:100%;max-width:1200px;margin:0 auto; position: relative; }
#etw_logo {width:auto;text-align:center;float:left; margin-top: .5rem; margin-bottom: .5rem; transition: all .8s; }
#etw_logo a{display: flex; align-items: center;}
#etw_logo span{color: #666; font-size: 1rem; display: block; display: block; width: 100%;text-align: left; padding-left:.8rem;font-family:"FiraSans-Bold"; line-height: 1.35; text-transform: uppercase;}
#etw_logo span text{color:#e41b36;font-size: 1.6rem; }
.left_share{position: relative;display: flex; justify-content: center; }
.left_share a{width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin-right: 5px; transition: all .5s;color: #333;}
.left_share a:hover{background-color: #e41b36; color: #333 !important;}

/* .top-nav */
.top-nav {width:100%;transition: all .8s; padding: .5rem 0; background-color: #003264; float: left; }
.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; background: rgba(255, 255, 255, 0.95) !important; margin-top: 0 !important;}
.nav-fixed #etw_logo img{width: 80px;}
.nav-fixed #etw_logo span{font-size: .9rem;}
.nav-fixed #etw_logo span text{color:#e41b36;font-size: 1.1rem; }
.nav-fixed .etw_language{padding-top: 0rem;}
@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-expand-lg .navbar-nav {justify-content:center;}
.navbar-nav {width:100%;}
.navbar-light .navbar-nav .nav-link {transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.2rem 1rem;font-size:0.9rem;color:#fff;text-transform: uppercase;font-family:"OpenSans-SemiBold";}
.navbar-expand-lg .navbar-nav .dropdown-menu {top:38px; transition: all .5s;box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);background-color: rgb(255 255 255 / 80%);backdrop-filter: blur(10px);border-radius: 0 0 1rem 1rem;padding: 0.5rem;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {color:#000;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;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {color:#000;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2rem;font-size:0.9rem;position:relative;font-family:"FiraSans-Light";}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a.active {color:#e41b36;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before {position:absolute;content:"\f0da";left:1rem;top:0.2rem;font-family:fontawesome;}
.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:#e41b36;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#e41b36;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#e41b36 !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:#aa333a;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}






/* .etw_language */
.etw_language {float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:42%;height:46px;line-height:46px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem; padding-top: 1rem; }
#etw_language {float:right;width:auto;text-align:right;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.5rem .8rem;color:#000;min-width:auto !important;font-size:.9rem;position:relative;}
#etw_language .dropdown-item::before {position:absolute;content:"";right:0;top:.5rem;width:1px;height:15px;background-color:#4f4d4d;}
#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:#e41b36;background:none;}
#etw_language .dropdown-item:focus {background:none !important;}
/* banner */
#etw_banner {width:100%;position:relative; margin: 0 auto; text-align: center;color: #fff; overflow: hidden; }
#etw_banner .swiper-slide{height: 100%; position:relative;width:100%;margin:0 auto;overflow: hidden;}
#etw_banner img {display: block; width:100%;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet{cursor: pointer; width:12px;height:12px; background: none; border-radius: 50%;opacity: 1; background-color:#fff; margin:0 6px; font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; outline: none; border: 1px solid #e41b36;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#e41b36;cursor:pointer;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 15px;}
#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev{width: 50px;
  height: 95px;
  background-image: none;
  background-color: rgba(255, 255, 255, 0);right: 0;
  z-index: 1;transform: translateY(-50%);  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#etw_banner .swiper-button-prev{left: 0;}
#etw_banner .swiper-button-next:hover, #etw_banner .swiper-button-prev:hover{  background-color: rgba(255, 255, 255, 0.2); }
#etw_banner .swiper-button-next::after, #etw_banner .swiper-button-prev::after{ content:''; position: absolute;background: url(../images/arrow_next.png) no-repeat;background-size: cover;opacity: .6;    width: 25px;
  height: 62px; left: 50%; top: 50%;margin: 0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);    transition: .3s all ease-in-out; }
#etw_banner .swiper-button-prev::after{ background: url(../images/arrow_prev.png) no-repeat;background-size: cover; }
#etw_banner:hover .swiper-button-next:after, #etw_banner:hover .swiper-button-prev:after{opacity: 1;}
.banner_txt1{position: absolute; bottom:20%; left: 0; right: 0; margin: 0 auto; background-color: rgba(255, 255, 255, 0.65); padding: .8rem 1rem;  }
.banner_txt1 h1{font-size:2rem; width: 100%; color: #000; max-width: 1200px; margin: 0 auto;  }

.banner_txt{ color: #fff; max-width: 1200px;position: absolute; top: 24%;  left:0; right: 0; margin: 0 auto;   }
.banner_txt h3{font-size:2.7rem; width: 100%; max-width: 900px; margin: 0 auto;  text-shadow: 2px 2px 1px #000; padding: 2rem; font-family:"FiraSans-Bold"; }
/* advantage_box */
.advantage_box{width: 100%; margin: 3rem auto; margin-top: -3rem; position: relative; z-index: 1;}
.advantage_box ul{width: 100%; display: flex; flex-wrap: wrap;}
.advantage_box ul li{width: 23.5%; margin-right: 2%; text-align: center;font-family:"FiraSans-Light";}
.advantage_box ul li:nth-child(4n){margin-right: 0;}
.advantage_box ul li a{color: #444; font-size: 1rem; line-height: 1.55;}
.advantage_box ul li a h3{color: #444;font-family:"OpenSans-Regular";}
.advantage_box ul li span{width: 120px; height: 120px; display: flex; align-items: center; background-color: #fff; margin: 0 auto; border-radius: 50%; margin-bottom: 1rem; justify-content: center; font-size: 4rem;  color: #e41b36;   }

/* home_pro */
.home_pro{width: 100%; margin: 3rem auto; padding: 2rem 0; background-color: #e5e5e5; color: #444; }
.home_pro_des{background: #003264;
  color: #fff;
  letter-spacing: 0.4;
  padding: .5rem;
  padding-left: 4rem;
  display: block;
  margin-top: 10px;}
  .home_pro_des::before {
  position: absolute;
  left: 15px;
  top: 10px;
  content: '';
  border-bottom: 68px solid #e5e5e5;
  border-right: 48px solid transparent;
}
.customized_des{color: #e41b36;}

.gallery-wrap {display:flex;flex-direction:row;width:100%; flex-wrap: wrap;}
.main_item{transition:flex .5s ease; display: block; margin-right: 2%; width: 32%; margin-bottom: 2rem; position: relative; overflow: hidden;border: 1px solid #e7e7e7; background-color: #fff;transition: all .5s;}
.main_item:nth-child(3n){margin-right: 0;}
.pro_item{color: #333; font-size: 1rem; line-height: 1.45; position: relative;border-bottom-color: #ffffff; width: 100%; }
.pro_item a{color: #333; font-family:"OpenSans-SemiBold"; font-size: 1.5rem; display: block;position: relative;}
.featured-content {background-color: #fff; width: 100%; padding:1rem;}
.featured-content a{display: flex;width: 100%; align-items: center;}
.featured-content a img{margin-right: 1rem; width: 50px;}
.featured-content h3{margin-bottom: 0; color: #333;transition: all .5s;}
.featured-desc{padding-top: 1rem; font-size: 1rem; margin-bottom: 0;}
.featured-desc a{display: block; font-size: .9rem; color: #333; padding-left: 2rem; position: relative; transition: all .5s;}
.featured-desc a::before{position: absolute;content: "\f105"; left: 1.2rem; top: 0;font-family:fontawesome; }
.main_item:hover h3,.featured-desc a:hover{color: #e41b36;}
.main_item:hover{border-color: #e41b36;}
/* about_box */
.about_box{width: 100%; margin: 1rem auto; margin-bottom: 0; text-align: center;padding: 5rem 0;background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,#eee 100%),url(../images/silver.jpg); background-size: cover;background-position: 50%;background-repeat: no-repeat; color: #565656;}
.webtitle h3{font-size: 1.6rem; text-transform: uppercase;}
.about_box .webtitle{position: relative;padding-top: 1rem; margin-bottom: 1rem;}
.about_box .webtitle h3{font-family:"FiraSans-Bold";font-size: 2.5rem; }
.about_box .webtitle::before{position: absolute;content: ""; width: 100px; height: 4px; background-color: #e41b36; left: 0; right: 0; margin: 0 auto; top: 0;}
.company_name{font-size: 1.4rem; color: #e41b36;font-family:"FiraSans-Bold";}
.swidth{width: 100%; max-width: 1000px; margin: 0 auto; font-size: 1.1rem;}
.swidth span{font-size: 1.5rem;color: #e41b36;font-family:"FiraSans-Bold";}
.video_button{cursor: pointer; transition: all .5s;}
.video_button span{padding-left: 3.5rem; position: relative;}
.video_button span::before{position: absolute;content: "";font-family:fontawesome;content: "\f144"; left: 0; top: -1.5rem; font-size: 3rem;}
.video_button:hover{color: #000;}
.video_img_button{position: relative; cursor: pointer;}
.video_img_button::before{position: absolute;content: "";font-family:fontawesome;content: "\f144"; left: 50%; top: 50%; transform: translate(-50%,-50%);color: #e41b36;z-index: 1;font-size: 4rem; background-color: #fff; width: 60px;height: 60px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.video_img_button::after{position: absolute;content: "";left: 0;top: 0; background-color: rgba(0,0,0,.35);width: 100%;height: 100%; z-index: 0;}
/* industries_box */
.industries_box{width: 100%; margin: 0 auto; background: url(../images/f_bg.jpg) no-repeat top center #c6c6c6 ; padding: 3rem 0; }
.industries_item a{display: block;position: relative;}
.industries_item a span{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; padding: .5rem; background-color: rgba(64,71,87,.55); color: #fff; font-size: 1rem; height: 90px; display: flex; align-items: center;}
.pro_list{width: 100%; background-color: #fff; padding: 2rem; border: 1px solid #ccc;height: 100%; position: relative;}
.pro_list ul{width: 100%; display: flex; flex-wrap: wrap;}
.pro_list ul li{width: 48%; margin-right: 3%;}
.pro_list ul li:nth-child(2n){margin-right: 0;}
.pro_list ul li a{color: #224565; display: block; padding-bottom: .5rem; border-bottom: 1px solid #ddd; margin-bottom: .5rem; font-size: 1rem;position: relative; padding-left: 2rem; transition: all .5s;}
.pro_list ul li a::before{position: absolute;content: ""; left: 1rem; top: .7rem; width: 5px; height: 5px; border-radius: 50%; background-color: #224565;transition: all .5s;}
.pro_list ul li a:hover{color: #e41b36;}
.pro_list ul li a:hover::before{background-color: #e41b36;}
.pro_list .more{position: absolute; bottom: 0; background-color: #003264; display: block; width: 100%; left: 0; right: 0; color: #fff; padding: .5rem 1rem; text-transform: uppercase;transition: all .5s;}
.pro_list .more:hover{background-color: #e41b36;}
.pro_list .more::before{display: none;}
.customization_box{padding: 2rem; background-color: #cacaca; height: 100%; font-size: 1rem; line-height: 1.55; color: #224565;}
.customization_box a h3{color: #e41b36; font-size: 1.6rem; text-transform: uppercase; position: relative; margin-bottom: 1rem; padding-bottom: 1rem; transition: all .5s;}
.customization_box a h3::before{position: absolute;content: ""; left: 0; bottom: 0; width: 100px; height: 1px; background-color: #e41b36;}
.customization_box a:hover h3{color: #224565;}


/* #container */
#container {width:100%;margin:0 auto;margin-top:139px;}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto; }
.page_body{background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,#eee 100%),url(../images/silver2.jpg); background-size: cover;background-position: 50%;background-repeat: no-repeat; padding: 2rem 0; }
.big-font{color: #003264; font-size: 1.58rem; text-shadow: 1px 1px 3px #fff; line-height: 1.35;font-family:"OpenSans-SemiBold";}
.products_bg{background-color: #eee; padding-bottom: 1rem; width: 100%; margin: 0 auto;}
/* hub_box */
.products_bg .content{max-width: 1400px;}
.hub_box,.hub_box ul{width: 100%; margin: 0 auto;}
.hub_box ul{display: flex; flex-wrap: wrap;}
.hub_box ul li{width: 30%; margin-right:4%; margin-bottom: 2rem;}
.hub_box ul li:nth-child(3n){margin-right: 0;}
.hub_box ul li .main_img{box-shadow: 6px 6px 18px 0px rgb(0 0 0 / 30%); background-color: #fff; padding: .5rem; margin-bottom: 1rem; position: relative;}
.hub_box ul li .main_img a {display: block; position: relative;}
.hub_box ul li .main_img a::before{position: absolute;content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,50,100,.75); transition: all .5s; opacity: 0; z-index: 0;}
.hub_box ul li .main_img a::after{position: absolute;content: "\f105";left: 50%; top: 50%; transform: translate(-50%,-50%);  transition: all .5s; font-family:fontawesome; z-index: 1; color: #003264; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem;transition: all .5s; opacity: 0;}

.hub_box ul li .main_con{padding:0 1rem;}
.hub_box ul li .main_con a h3{color: #333; font-size: 1.2rem; margin-bottom: 0;}
.hub_box ul li .main_con a span{color: #666; font-size: 1rem;}
.hub_box ul li:hover .main_img a::before,.hub_box ul li:hover .main_img a::after{opacity: 1;}

/* inquiry_box */
.inquiry_box{width: 100%; background: url(../images/banner_03.jpg) no-repeat top center; padding: 3rem 0; color: #fff; margin-bottom: 2rem; font-size: 1.2rem; text-transform: uppercase; position: relative; background-attachment:fixed ; background-size: cover;}
.inquiry_box::before{position: absolute;content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,50,100,.75);}
.inquiry_box .inquiry_des{width: 100%; max-width: 560px;font-family:"FiraSans-Light"; }
.inquiry_des span{display: block; font-size: 1.5rem;}
.inquiry_button{background-color: #e41b36; text-align: center; width: 180px; border-radius:8px; padding: .3rem 1rem; color: #fff; transition: all .8s; margin: 0 auto;}
.inquiry_button:hover{background-color: #003264; cursor: pointer;}
.products_top{background-image: linear-gradient(180deg,#fff,#eee); padding:0 1rem; border-radius: 5px; margin-bottom:2rem;}
.inquiry_button2{background:none; color: #e41b36; border:1px solid #e41b36; width: 120px; }


/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#666;font-size:.9rem;overflow:hidden;position:relative; margin-bottom: 1rem; }
#quicknav a {color:#666;}
#quicknav ul {width:96%;max-width:1200px;margin:0 auto; padding: .5rem 0;}
#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:#003264;}
#quicknav li:last-child{color: #003264;}

.border_line{border-bottom: 1px solid #eee;}
.bg_shape{background-color: #eee; padding: 1rem; height: 100%;}

/* etw_sidebar */
#etw_sidebar{width: 95%; background-color: #f5f5f5; padding: 1rem; float: right;    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%); margin-top: 2rem;}
#etw_sidebar ul li a{transition: all .5s;}
#etw_sidebar ul li a:hover,#etw_sidebar ul li a.dq{color: #e41b36;}
#etw_sidebar ul li>a{font-size: 1rem; padding: .5rem; color: #666; display: flex; align-items: center; line-height: 1.35;}
#etw_sidebar ul li>ol{padding-left: 2.4rem;}
#etw_sidebar ul li>ol>a{display: block; color: #333; font-size:.9rem;font-family:"FiraSans-Light"; padding-left:1rem; padding-bottom: .5rem;}
#etw_sidebar ul li>a img{width: 30px; margin-right: 10px;}

/* production_item */

.production_item{background-color: #eee;}
.production_des{padding: 1rem;}
.more{position: relative; color: #e41b36;transition: all .5s;}
.more::before{position: absolute;content: "";width: 40px;height: 1px; background-color: #e41b36;left: 0;bottom: -.5rem; transition: all .5s;}
.more:hover::before{background-color: #00467f; width: 80px;}
/* related_pro */
.related_pro ul{width: 100%; display: flex; flex-wrap: wrap;}
.related_pro ul li{width: 32%;margin-right: 2%; display: flex;flex-wrap: wrap; margin-bottom: 1rem;align-items: center; background-color: #eee; padding:.5rem;}
.related_pro ul li:nth-child(3n){margin-right: 0;}
.related_pro2{ margin-top: 1rem;}
.related_pro2 ul li{width: 48%; margin-right: 2%;}
.related_pro2 ul li:nth-child(2n){margin-right: 0;}
.related_pro2 ul li:nth-child(3n){margin-right: 2%;}

.related_pro ul li .main_img,.related_pro ul li .main_con{flex: 1;}
.related_pro ul li .main_con{padding:0 1rem;}
.related_pro ul li .main_con h3{font-family:"FiraSans-Regular";font-size: .9rem; transition: all .5s;}
.related_pro ul li.dq .main_con h3,.related_pro ul li:hover .main_con h3{color: #e41b36;}

.related_pro3 strong{font-size: 1.4rem;}
.related_pro3 ul{width: 100%; display: flex; flex-wrap: wrap;}
.related_pro3 ul li{width: 31%;margin-right: 2%;margin-bottom: 1rem; background-color: #eee; padding:.5rem;}
.related_pro3 ul li h3{margin-top: 16px;font-size: 1.2rem;}
.related_pro3 ul li .main_img {width: 100%;}
.related_pro3 ul li .main_img img{width: 100%;}

.related_pro4 strong{font-size: 1.4rem;}
.related_pro4 ul{width: 100%; display: flex; flex-wrap: wrap;}
.related_pro4 ul li{width: 23%;margin-right: 2%;margin-bottom: 1rem; background-color: #eee; padding:.5rem;}
.related_pro4 ul li h3{margin-top: 16px;font-size: 1.2rem;}
.related_pro4 ul li .main_img {width: 100%;}
.related_pro4 ul li .main_img img{width: 100%;}

.related_pro5 ul{width: 100%; display: flex; flex-wrap: wrap;}
.related_pro5 ul li{width: 98%;margin-right: 2%;margin-bottom: 1rem; background-color: #eee; padding:.5rem;display: flex;}
.related_pro5 ul li .main_img{width: 30%;margin-right: 2%; background-color: #eee; padding:.5rem;}
.related_pro5 ul li .main_con{width: 70%;margin-right: 2%; background-color: #eee; padding:.5rem;}
/* other_pro */
.other_pro ul{width: 100%; display: flex; flex-wrap: wrap; margin: 3rem auto; margin-top: 0;}
.other_pro ul li{width: 23.5%; margin-right: 2%; background-color: #eee; padding: 1rem;transition: all .5s;}
.other_pro ul li:nth-child(4n){margin-right: 0;}
.other_pro ul li h3{ margin-top: 1rem; color: #00467f;transition: all .5s;}
.other_pro ul li:hover{background-color: #f5f5f5;}
.other_pro ul li:hover h3{color: #e41b36;}
.other_pro ul li p{font-size: .9rem;font-family:"FiraSans-Light";}
/* .item */
.item{width: 100%; display: flex; flex-wrap: wrap;}
.item li{width:100%; margin-bottom: .5rem; position: relative; padding-left: 1.5rem; line-height: 1.45;}
.item li::before{position: absolute;content: "";left: .5rem; top:.5rem; width: 5px; height: 5px; border-radius: 50%; background-color: #666;   }

.proitem{ padding:8px 0; float:none; width:auto; overflow:hidden; margin-top: 2rem;}
.proitem>li{ width:100%; padding:0 0 0.7rem 1.5rem; position:relative; }
.proitem>li::before{ position:absolute; content:"\f046";  left:1px; top:0rem;font-family: 'fontawesome'; color: #aa333a;}

/* inquiry_bg */
.inquiry_bg{background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 50%,#eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );padding: 2rem; margin: 2rem auto; margin-bottom: 3rem; border:2px solid #eee;}
.form_contact_title{font-size: 2rem;color: #e41b36;font-family:"FiraSans-Bold"; margin-bottom: 1rem; text-transform: uppercase;}

/* video_bg */
.video_bg a{position: relative; display: block;}
.video_bg a::before{position: absolute;content: "";left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.35);}

/* video_box */
.video_box{width: 100%; margin: 2rem auto; margin-top:1rem;}
.video_title{font-size: 2rem;font-family:"OpenSansCondensed-Bold";}
.video_box ul{width: 100%; display: flex; flex-wrap: wrap;}
.video_box ul li{width: 32%; margin-right: 2%;}
.video_box ul li:nth-child(3n){margin-right: 0;}
.video_box ul li a{display: flex; margin-bottom: 1rem;background-image: linear-gradient(to left,#f5f5f5,#ccc); align-items: center; border: 1px solid #ddd; }
.video_box ul li a .video_img{width: 50%; position: relative;}
.video_box ul li a .video_img::before{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-family:fontawesome; content: "\f144"; font-size: 2rem; color: #e41b36;; cursor: pointer; transition: all .5s; z-index: 1; width: 35px; height: 35px;background-color: #fff;border-radius: 50%;justify-content: center;align-items: center; display: flex;}
.video_box ul li a .video_img::after{position: absolute;content: ""; top: 0; left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4); z-index: 0;}
.video_box ul li a span{width: 50%; display: block; padding: 1rem; color: #333;transition: all .5s;font-size: 0.8rem;}
.video_box ul li a:hover .video_img::before,.video_box ul li a:hover span{color: #003264;}

/* etw_video_list */
#etw_video_list{border: 1px solid #000;}
#etw_video_list ul{padding:0 1rem; margin-bottom: 1rem;}
#etw_video_list .videotitle{color: #fff; font-size: 1.2rem;margin-bottom: 1rem;  background-color: #e41b36; padding: .5rem; border-top: 2px solid #023b7d; }
#etw_video_list li a{display: flex; margin-bottom: .5rem; align-items: center; transition: all .5s; border-radius: 6px;border: 1px solid #fff;}
#etw_video_list li a img{width: 38%;
  float: left;
  overflow: hidden;
  border-radius: 0.3rem;}
  #etw_video_list li a span {
    width: 62%;
    float: right;
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
    color: #111;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 300;
    position: relative;
    display: block;transition: all .5s;
}
#etw_video_list li a:hover span,#etw_video_list li a.dq span{color: #01b9ff;}
#etw_video_list li a.dq{border: 1px solid #01b9ff;}
#etw_video_list li a:hover{box-shadow:1px 3px 6px rgba(0 0 0 / 30%);border: 1px solid #01b9ff;}
#etw_right video{width: 100%;}





/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 2% 2rem 0;position:relative; }
.etw_gallery ul li img{mix-blend-mode: multiply; transition: all .5s; transform: scale(1);}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:49%;}
.etw_gallery3 ul li{width:32%;}
.etw_gallery4 ul li{width:23.5%;}
.etw_gallery5 ul li{width:18%;}
.etw_gallery6 ul li{width:14.66%;}
.etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-right: 0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative;  }
.etw_gallery ul li figure:before{position:absolute;content:'';background:rgba(0,0,0,.35);left:0;right:0;margin:0 auto;width:0;height:0;transition:.3s all ease-in-out;}
.etw_gallery ul li figure:after{position:absolute;content:"\f00e";color:#fff;font-size:2rem;line-height:3rem;font-family:FontAwesome;opacity:0;transition:.6s all ease-in-out; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.etw_gallery ul li:hover figure:before{width:100%;height:100%;}
.etw_gallery ul li:hover figure:after{opacity: .6}
.etw_gallery ul li a .inquiry{display: block; text-decoration: none !important; color: #00467f; position: relative; padding-left: 1.5rem;font-size:1.1rem;line-height:1.35;}
.etw_gallery ul li a .inquiry::after{position: absolute; content: "\f0e0";font-family:fontawesome; left: 0; top: .2rem; font-size: .95rem;}
.etw_gallery ul li p{margin-top: .5rem; font-size: 0.8rem; color: #333; margin-bottom: 0; text-align: center; line-height: 1.35; }

.etw_gallery ul li span{padding:.5rem 1rem;text-align:center;font-size:1rem;line-height:1.25;color: #fff; position: absolute; bottom: 0; left: 0; display: block; width: 100%; background-color: rgba(0,47,108,.55); font-size: .9rem;height: 60px; display: flex; align-items: center; justify-content: center;}
.etw_gallery ul li a:hover img{transform: scale(1.02); }



/* .left_pics */
.left_pro_img,.products_img{position:relative;}
.left_pro_img a {position:relative;display:block;}
.left_pics {width:98%;height:auto;margin:0 auto;text-align:center;position:relative;}
.sample_img {position:absolute;right:.5rem;bottom:1rem;z-index:1;}
.left_pics img {text-align:center;}
.left_pics a {display:block;overflow:hidden}
.related_pic {width:100%;display:flex;flex-flow:wrap; position: relative; justify-content: center;}
.pro_video_play{position: absolute; left: 4%; top: 28%; z-index: 1; cursor: pointer;}
.p_top{top: 24%;}
.pro_video_play i{font-size: 2.63rem; color:#3498db;  text-shadow: 1px 2px 3px #000; transition: all .5s;}
.pro_video_play i:hover{color: #000;}
.related_pic a {width:23.5%;margin-right:2%;}
.related_pic a:nth-child(4n) {margin-right:0;}
.related_pic a:nth-child(4n + 1) {clear:both;}
.related_pic img {width:100%;height:auto;float:left;border:1px #eee solid;margin:10px 0 10px 0;}
.related_pic img:hover,.related_pic a.imgdq img {border:1px #3498db solid;}
.related_pic span {font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
/* item_box */
.item_box{display: flex;flex-wrap: wrap;position: relative;background: #003264;align-items: center;}
.item_box span{color: #fff;display: flex;flex-wrap: wrap;padding: 1rem; padding-right: 2rem;}
.item_box1{    background: #efefef;margin: 0 0 1.5rem;
  padding: 1rem;
  border-radius: 1rem;}
.item_box1 .etw_gallery ul li{margin-bottom: 0;}
.img_bg{position: relative;}
.img_bg::before{position: absolute;content: "";left: 0; top: 0; background-color: rgba(0,0,0,.35); width: 100%; height: 100%;}



.protitle1{font-size: 1.6rem;
  line-height: 1.8rem;
  color: #e41b36;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  margin: 1rem 0;}
.protitle1:before{position: absolute;content: '';background: #e41b36;width: 50px;height: 2px;left: 0;bottom: -10px;}
.protitle1:after{position: absolute;content: '';background: #e41b36;width: 80px;height: 2px;left: 0;bottom: -4px;}

/* about_hub */
.about_hub{position: relative;margin: 2rem 0 4rem;}
.about_hub ul{display: flex;flex-wrap: wrap;position: relative;}
.about_hub ul li{flex: 1;position: relative;text-align: center;font-size: 0.9rem; transition: .3s all ease-in-out;}
.about_hub ul li:hover {transform: translateY(-0.5rem);}
.about_hub ul li img{width: 60px;height: 60px;margin: 0 auto;display: block;transition: .3s all ease-in-out;}
.about_hub ul li a{display: block;position: relative;transition: .3s all ease-in-out;}
.about_hub ul li a:hover,.about_hub ul li a.dq{color: #e41b36;}

/* about_table */
.about_table{position: relative;display: block;}
.about_table li{
  position: relative;
  margin: 0 0 0.5rem;
  display: flex;
  border-bottom: 1px solid #ddd;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.about_table li strong{
  display: inline;
  font-size: 1.1rem;
  color: #003264;
}
.about_table li span{display: block;
  float: right;}
.about_table li img{max-width: 200px;text-align: right;}


.bannerin{
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(../images/bannerin01.jpg) no-repeat;
  background-size: cover;
  min-height: 220px;
  background-position: 0 40%;
}



.bannerin:before{
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: linear-gradient(90deg, #003264 15%, transparent);
}


.banner_box{position: absolute;
  max-width: 1200px;
  margin: 0 auto;
  width: 94%;
  z-index: 4;
  left: 0;
  right: 0;
  top: 18%;}


.banner_box h2,.banner_box .etw_hometitle{
  font-size: 2.6rem;
  padding: 2rem 0;
  font-weight: 600;
  position: relative;
  line-height: 3.4rem;
  border-bottom: none;
  margin: 0;
  color: #fff;
}
.banner_box .etw_hometitle:before,.banner_box h2:before{bottom:-25px;display:none;right:-82px;left:0;transform:rotate(-110deg);z-index:-1;opacity:.5;content:"";position:absolute;width:0;height:0;border-left:20px solid #fff;border-top:35px solid transparent;border-bottom:58px solid transparent;margin:0 auto;}
.banner_box .etw_hometitle:after,.banner_box h2:after{bottom:-25px;display:none;right:0;left:-82px;transform:rotate(110deg);z-index:-1;content:"";position:absolute;width:0;opacity:.5;height:0;border-right:20px solid #fff;border-top:35px solid transparent;border-bottom:58px solid transparent;margin:0 auto;-webkit-transform:rotate(110deg);-moz-transform:rotate(110deg);-ms-transform:rotate(110deg);-o-transform:rotate(110deg);}
.banner_box p{     color: #fff;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.6rem;
  width: 80%;}
.bannerin2 .banner_box p,.bannerin3 .banner_box p{width: 50%;}
.banner_box #quicknav{border-top: none;font-size: 1rem;}
.banner_box #quicknav a:hover{color:#0062a5;}
.banner_box #quicknav ul{width:100%;}
.banner_box #quicknav li+li::before{color:#ddd;}
.about_video_box{background-color: #fff; width: 150px; height: 100px; position: absolute; right: 5%; top:10%; border-radius: 15px; box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.about_video_box::before{position: absolute;content: "\f144";font-family:fontawesome; font-size: 4rem; color: #e41b36; transition: all .5s;}
.about_video_box:hover::before{color: #003264;}


/* footer */
#footer {width:100%;text-align:center;margin:0 auto;overflow:hidden; font-size: .95rem; background-color: #e5e5e5;   }
.etw_bottom {padding:2rem; width:100%;margin:0 auto;position:relative;text-align:left;  color:#333;  }
.home_link {width:100%; overflow:hidden;background-color: #c3c3c3;margin:0 auto;padding:.5rem 0;}
#footer a:hover {color:#e41b36;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a {position:relative;font-size:1.52rem;line-height:1.35;margin-bottom:.8rem;color: #333; font-family:"FiraSans-Bold"; text-transform: uppercase;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#333!important;text-decoration:none;}
h4.c_name{color: #333; line-height: 1.55;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#333;}
.etw_bottom a:hover {color:#e41b36;}
.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; margin-bottom: .5rem;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:#333;position:relative;position:relative;padding:.3rem 0; font-size:1rem; padding-left: .8rem;}
.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:#333;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:3px;color:#333;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f2be";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:-3px;color:#333;font-family:fontawesome;font-size:26px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:0px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f232";position:absolute;left:0px;top:0px;color:#333;font-family:fontawesome;font-size:18px;}

#etw_coper {margin-top:2px;width:100%;line-height:22px;}
#etw_coper a {color:#333;font-size:12px;}
#otherlink {clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem;}
#otherlink a {color:#333;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;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:#e41b36;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
/* tags_box */.tags_box {width:100%;max-width:1200px;margin:1rem auto;margin-top:0;color:#fff;}
.tags_box ul {display:flex;flex-wrap:wrap;justify-content:center;}
.tags_box ul li {padding:0.3rem 0.5rem;font-size:12px;}
.tags_title {padding:0.1rem 0.5rem;}
/*sitemap*/#sitemap {width:100%;margin:20px auto;font-size:13px;}
#sitemap .name {width:100%;font-size:15px;margin:10px 0;clear:both;}
#sitemap a {color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;}
#sitemap a.sname {margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline !important;background:0 0;font-size:14px;}
#sitemap a:hover {text-decoration:underline !important;}
#sitemap a.sname:hover {color:#0f599b;text-decoration:none !important;}
#sitemap p {margin:0 0 10px;line-height:22px;}
#sitemap .list_m {width:100%;height:auto;margin:10px 0;overflow:hidden;}
#sitemap .list_m a {width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px;}
#sitemap .list_m a:nth-child(2n + 1) {clear:both;}
#sitemap .list_m a:hover {color:#0f599b;}
@media (max-width:1580.98px) {
 
}
@media (max-width:1400.98px) {

}
@media (max-width:1300.98px) {
  #etw_content,.header_in,.etw_bottom,.content{padding-left:15px;padding-right:15px;}
  .brief{padding-bottom: 15px;}
  body{background-color: #fff;}
  .pro_inner{padding: 0;}
  
}
@media (max-width:1299.98px) {
.top-nav {padding-left:0;}
.about_txt{display: none;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.2rem 0.8rem;}
.home_pro_des::before{display: none;}
.home_pro_des{ border-radius: 15px; padding: 1rem;}
.banner_txt h3{font-size: 2rem;}
.banner_txt1 h1{font-size: 1.8rem;}
}
@media (max-width:1199.98px) {
  .navbar-expand-lg .navbar-nav .nav-link {font-size: .775rem;}
}

@media (max-width:1025.98px){
 
  
}
@media (max-width:991.98px) {
  #header {position:inherit;min-height:inherit;display:block;padding-bottom:0;border-bottom:2px solid #e41b36; background-color: #fff;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#etw_logo{margin-top:.5rem;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,.left_share,#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; margin-top: .5rem; padding:0rem 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.2rem;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;background-color:#00467f;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#00467f;}
.navright{display: none;}
.top-nav .navbar-nav .row .navleft li a {padding:5px 0 5px 8px;display:block; color: #333;}
.top-nav .navbar-nav .row .navleft li a:hover{color: #00467f;}

.etw_language {background:none;width:auto;padding-top:.2rem; }
.etw_language {display:block;float:right;height:auto;}
.etw_language > ul {position:relative;z-index:9;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li > a {display:block;color:#000;padding:0rem 1rem;}
.etw_language ul ul {display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;}
.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:#f00 !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img,#etw_logo h1 {display:none;}
#menu-items {border-radius:0 !important;} 
.pro_banner{display: none;}
#etw_logo span{display: none;}
.app_box ul li{width: 100%; margin-right: 0;}
#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev{display: none;}
.page_details .swiper-wrapper,.swiper-pagination{display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .pro_list{padding: 1rem;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{padding: 1rem 1.5rem; background-color: #eee;}
  
#etw_banner .swiper-wrapper,#etw_banner .swiper-pagination{display: none;}
.advantage_box ul li a h3,.featured-content h3{font-size: 1rem;}
.customization_box a h3,.webtitle h3{font-size: 1.6rem; text-transform: none;}
.about_box{padding: 2rem 0;}
#etw_video_list ul{display: flex; flex-wrap: wrap;}
#etw_video_list ul li,.video_box ul li{width: 49%; margin-right: 2%;}
.video_box ul li:nth-child(3n){margin-right: 2%;}
#etw_video_list ul li:nth-child(2n),.video_box ul li:nth-child(2n){margin-right: 0;}
.other_pro ul li h3{font-size: 1rem;}
}
@media (max-width:768.98px) {

.etw_gallery4 ul li{width: 32%;}
.etw_gallery4 ul li:nth-child(4n){margin-right: 2%;}
.etw_gallery4 ul li:nth-child(3n){margin-right: 0;}
.etw_gallery5 ul li{width: 32%;}
.etw_gallery5 ul li:nth-child(3n){margin-right: 0;}
.other_box ul li{width: 100%;margin: 0 3%; margin-bottom: 2rem;}
.other_box ul li:nth-child(2n){margin-left: 3%;margin-right: 3%;}
.other_box ul li .other_con{width: 60%;}
.other_box ul li .other_img{margin-left: -15%;}
.other_box ul li:nth-child(2n) .other_img {margin-right: -15%;margin-left: inherit;}
.inquiry_button2{position: relative; left: 0; right: 0; margin: 0 auto; margin-bottom: 1rem; bottom: 0;}
.other_pro ul li{width:32%}
.other_pro ul li:nth-child(3n){margin-right: 0;}
.other_pro ul li:nth-child(4){display: none;}
.advantage_box ul li{width: 48%; margin-right: 2%; }
.advantage_box ul li span{box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%); width: 100px; height: 100px;}
.advantage_box ul li a h3, .featured-content h3{  font-size: 0.875rem;}
}
@media (max-width:650.98px) {
  html {font-size:14px; }
.etw_gallery3 ul li,.etw_gallery4 ul li,.measurement_test ul li{width: 48%;}
.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(3n),.measurement_test ul li:nth-child(3n){margin-right: 2%;}
.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(4n),.measurement_test ul li:nth-child(4n){margin-right: 0;}
.main_item,.related_pro ul li{margin-right: 2%; width: 49%;}
.main_item:nth-child(3n),.related_pro ul li:nth-child(3n){margin-right: 2%; }
.main_item:nth-child(2n),.related_pro ul li:nth-child(2n){margin-right: 0;}
.advantage_box ul li a h3, .featured-content h3{  font-size: 1rem;}.related_pro3 ul li{width: 100%;margin-right: 0}
.related_pro4 ul li{width: 100%;margin-right: 0}
.related_pro3 ul li h3{margin-top: 16px;}
.related_pro3 ul li .main_img {width: 100%;}
.related_pro3 ul li .main_img img{width: 100%;}

.related_pro5 ul li{display: block;}
.related_pro5 ul li .main_img {width: 100%;}
.related_pro5 ul li .main_con{width: 100%;}
}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.6rem;}
  .hub_box ul li,.related_pro ul li{width: 49%; margin-right: 2%;}
  .hub_box ul li:nth-child(3n),.related_pro ul li:nth-child(3n){margin-right: 2%;}
  .hub_box ul li:nth-child(2n),.related_pro ul li:nth-child(2n){margin-right: 0;}
  
.other_pro ul li{width:48%;margin-bottom: 1rem;}
.other_pro ul li:nth-child(2n){margin-right: 0;}
.other_pro ul li:nth-child(3n){margin-right: 2%;}
.other_pro ul li:nth-child(4){display: block;}
.banner_box h2, .banner_box .etw_hometitle{font-size: 1.8rem; padding: 1rem 0;}
.about_video_box{position: relative; right: inherit; top: inherit; height: 70px;}

}
@media (max-width:480.98px) {
  .other_box ul li .other_con, .other_box ul li .other_img{width: 100%; }
  .other_box ul li:nth-child(2n) .other_img,.other_box ul li .other_img{margin-right: 0; margin-left: 0; order: 0;}
  .advantage_box ul li,.main_item{width: 100%; margin-right: 0; }
  .hub_box ul li{margin-right: 0; width: 100%;}
  .pro_list ul li,.related_pro ul li{width: 100%; margin-right: 0;}
  .related_pro ul li:nth-child(3n){margin-right: 0;}
  .other_pro ul li{width:100%; margin-right: 0;}
  .other_pro ul li:nth-child(3n),.main_item:nth-child(3n){margin-right: 0;}
  .about_hub ul li{width: 32%; flex: none;}
  #etw_video_list ul li,.video_box ul li{width: 100%; margin-right: 0 !important;}
}
@media (max-width:380.98px) {
  .etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li,.measurement_test ul li{width: 100%; margin-right: 0;}
  .etw_gallery5 ul li{width: 48%;}
  .etw_gallery5 ul li:nth-child(3n){margin-right:2%}
}
@media (max-width:320.98px) {
  .navbar-light .navbar-toggler,.iconfont {font-size:1.55rem;}


}

.item8{margin-left: 20px;}
.item8 li{list-style-type: decimal;padding-left: 5px;}
.item8 ol::before{content: "•"; color: #999;display: inline-block; width: 0.6em;margin-left: -0.6em;font-size: 1.5rem;}

.item9{margin-left: 20px;}
.item9 li{list-style-type: decimal;padding-left: 5px;}