@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");}
.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-Light", Helvetica,sans-serif;font-size:1.1rem;line-height:1.65; background-color: #fff;direction: rtl;text-align: right}
.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.3rem;display:inline-block;font-weight:normal;color:#1b1b1b;font-family:"FiraSans-Bold"; position: relative; padding-bottom: .5rem; margin-top: 1rem; }



.inquiry{color: #023b7d;}
.inquiry:hover{color: #0480b7;}
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:#284376;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: 1rem; line-height: 1.35; vertical-align: middle; }
.table tr.top td{background-color: #eee !important; font-family:"FiraSans-Regular"; color: #000;}
.table tr:nth-child(2n){background-color: #fff;}
.table-bordered td{ border: 1px solid #ddd;}
.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:#284376;font-size:2rem; font-family:"FiraSans-Bold"; margin: 0; margin-bottom: 1rem;  padding-bottom: 1rem; padding-top: 1rem; }
.etw_hometitle{text-transform: uppercase;}
.pro_name{color: #0480b7; font-size: 1.2rem; position: relative;line-height: 1.35; margin-top: 1rem;  padding-bottom: 1rem;border-bottom: 1px solid #0480b7; margin-bottom: 1rem;}
.model_txt{color: #666;  position: relative; margin-bottom: 1rem; font-size: 1.4rem;font-family:"FiraSans-Regular"; margin-top: -1rem;}
.protitle{color: #000;font-family:"FiraSans-Bold";}
.big_font{color:#023b7d;font-size: 1.2rem; margin-bottom:.5rem;  position: relative; margin-top: 1rem;font-family:"FiraSans-Regular";}
.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-right: 4.3rem;}
.indent-left1{padding-right: 6.4rem;}
#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);  }
.header_in {width:100%;max-width:1200px;margin:0 auto; position: relative; }
#etw_logo {width:auto;text-align:center;float:right; margin-top: .8rem; margin-bottom: .5rem; transition: all .8s; }
#etw_logo a{display: flex; align-items: center;}
#etw_logo span{color: #000; font-size: 1rem; display: block; display: block; width: 100%;text-align: right; padding-right:.8rem;font-family:"FiraSans-Light"; max-width: 240px; line-height: 1.35;}
/* .top-nav */
.top-nav {width:auto;float:left;transition: all .8s; padding-bottom: 1rem; }
.top-nav .navbar {padding:0;float:left;}
.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 .top-nav{padding-bottom: 0;}
@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}
.top-nav .navbar-nav .nav-item .dropdown-menu-one {min-width:48rem;padding:0 0.5rem;}
.dropdown-menu-one {background-color:#eee;}
.navbar-expand-lg .navbar-collapse {flex-flow:row wrap !important;}
.navbar-expand-lg .navbar-nav {justify-content:flex-end;}
.navbar-nav {width:100%;}
.navbar-light .navbar-nav .nav-link {color:#000;transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.2rem 1.8rem;font-size:1rem;color:#000;text-transform: uppercase;font-family:"OpenSans-SemiBold";}
.navbar-expand-lg .navbar-nav .dropdown-menu {padding-top:0;padding-bottom:0;top:30px; transition: all .5s;}


.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {background-color:#fff;color:#000;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem;border-bottom:1px solid #eee;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {color:#000;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2.5rem;font-size:0.9rem;position:relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover {color:#284376;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before {position:absolute;content:"\f0da";left:1.8rem;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:#284376;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#284376;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#284376 !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;left: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:left;display:flex;flex-wrap:wrap;margin-right:1rem;justify-content:flex-end;width:42%;height:46px;line-height:46px;z-index:1;position:relative;padding-right:1rem;padding-left:1rem;  }
#etw_language {float:left;width:auto;text-align:left;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.5rem .8rem;color:#000;min-width:auto !important;font-size:1rem;position:relative; font-size: .9rem; text-transform: uppercase;}
#etw_language .dropdown-item::before {position:absolute;content:"";left: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-left:5px; margin-top: 1px;}
#etw_language .dropdown-item:hover {color:#284376;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;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#284376;cursor:pointer;}

#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{right: 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; right: 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_txt{ margin: 0 auto; color: #fff; text-align: right; max-width: 1200px;position: absolute; top: 30%;  left:0; right: 0;   }
.banner_txt h1{font-size:2rem; width: 100%; max-width: 700px;  text-shadow: 1px 1px 2px #000; background-color: rgba(0,0,0,.55); padding: 2rem; font-family:"FiraSans-Bold"; border-right: 10px solid #3498db; }


/* mainproducts_box */
.mainproducts_box{width: 100%; margin: 0 auto; background-color: #f5f3ed; padding: 3rem 0; padding-bottom: 1rem;}
.mainproducts_box ul{width: 100%; display: flex; flex-wrap: wrap;}
.mainproducts_box ul li{width: 32%; margin-left: 2%; background-color: #fff; margin-bottom: 2rem; display: flex;flex-wrap: wrap; justify-content: center; padding:1.5rem; border: 1px solid #e7e5df;  }
.mainproducts_box ul li:nth-child(3n){margin-left: 0;}
.mainproducts_box ul li .main_img{display: flex; align-items: center; overflow: hidden; text-align: center; justify-content: center; order: 1; }
.mainproducts_box ul li .main_img img{transform: scale(1); transition: all 1.5s; }
.mainproducts_box ul li .main_img:hover img{transform: scale(1.1);}

.mainproducts_box ul li .main_con{position: relative; color: #003065; line-height: 1.55; width: 100%; margin-bottom: 1rem;}
.mainproducts_box ul li .main_con a{color: #003065;transition: all .5s; position: relative; display: block; padding-bottom:.4rem; }
.mainproducts_box ul li .main_con a::before{position: absolute;content: ""; right: 0; bottom: 0; width: 40%; height: 1px; background-color: #003065;transition: all .5s;}
.mainproducts_box ul li .main_con a h3{line-height: 1.35; font-size: 1.3rem; height: 45px; display: flex; align-items: center;}
.mainproducts_box ul li .main_con a:hover{color: #3498db;}
.mainproducts_box ul li .main_con a:hover::before{background-color:#3498db;}
.mainproducts_des{background: url(../images/pro_bg.jpg) no-repeat top center; position: relative;}
.mainproducts_des::before{position: absolute;content: ""; left: 0; top: 0; background-color: rgba(255,255,255,.85); width: 100%; height: 100%;}
.mainproducts_des .main_img{position: relative; z-index: 1;}
.mainproducts_des p{color: #000;}
.mainproducts_des a h3{font-size: 2.5rem; margin-bottom: 1rem; text-transform: uppercase; color: #000;}
/* test_box */
.test_box{background:url(../images/test_shape.png) no-repeat 75% -10px #fff; padding: 2rem 0;}

.read_more{font-size: 1.2rem; text-align: center; text-transform: uppercase; border: 2px solid #003065; padding:.8rem 1.5rem; color: #000;font-family:"FiraSans-Regular"; transition: all .5s;}
.read_more:hover{background-color: #3498db; color: #fff;}
/* about_box */
.about_box{width: 100%; margin: 0 auto; padding: 3rem 0; background-color: #eceff5; }
.webtitle{margin-bottom: 1rem;}
.webtitle span{color: #3498db;}
.webtitle h3{ font-size: 2.5rem; text-transform: uppercase; color: #000;}
.small_font h3{font-size: 1.8rem;}
.more{color:#284376; transition: all .5s; position: relative;  padding-top: .2rem; padding-left:1.2rem;}
.more::before{font-family:fontawesome; position: absolute;  content: "\f100"; left: -27px; top: 0;transition: all .5s;}
.more:hover::before{left: -2rem;}
/* #container */
#container {width:100%;margin:0 auto;margin-top:95px;overflow: hidden}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto; }
.page_body{padding-top: 2rem;}
/* about_banner */
.about_banner{position: relative;}
.about_banner::before{position: absolute;content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33,49,66,.65);}
.about_txt{position: absolute; width: 100%; max-width: 1200px; margin: 0 auto; top: 30%; left: 0; right: 0; color: #fff;font-family:"FiraSans-Regular";}
.about_txt h3{font-size: 3rem;}
.about_inner{width: 100%; max-width: 600px;}

.big-font{font-size: 1.1rem; line-height: 1.65;}

/* hub_box */
.hub_box{width: 100%; margin: 3rem auto;}
.hub_box ul{display: flex; flex-wrap: wrap; width: 100%;}
.hub_box ul li{width: 30%; margin-left: 4%; margin-bottom: 1.5rem;}
.hub_box ul li:nth-child(3n){margin-left: 0;}
.hub_box ul li a h3{font-family:"FiraSans-Regular";  color: #003065; transition: all .5s; font-size: 1.4rem; height: 50px; display: flex; align-items: center; margin-bottom: 1rem;}
.hub_box ul li a{display: block;}
.hub_box ul li .main_img{margin-bottom: 1rem; overflow: hidden;border: 1px solid #e7e5df;}
.hub_box ul li .main_img img{transition: all 1.5s; transform: scale(1);}
.hub_box ul li a h3:hover{color: #3498db;}
.hub_box ul li .main_img a:hover img{transform: scale(1.082);}
.hub_box01 ul li{width: 100%;margin-left: 0;}
.hub_box01 ul li .main_img{width: 32%;float: right;}
.hub_box01 ul li .main_con{width: 65%;float: left;}


/* brief_box */
.brief_box{width: 100%; margin: 0 auto; background-color: #eceff5; padding: 3rem 0; margin-bottom: 3rem;color: #575f62;}

.left_brief h3{font-size: 2rem; text-transform: uppercase; color: #575f62;}
.left_brief h3 span{font-family:"FiraSans-Thin";font-size: 2rem; display: block;}
.left_brief {padding-right: 2rem;font-size: 1rem;}
/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#fff;font-size:.9rem;overflow:hidden;position:relative; margin-bottom: 1rem; background-color: #213142;border-radius: 4px 4px 0 0; }
#quicknav a {color:#fff;}
#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:#fff;content:"/\00a0";}
#quicknav a:hover {color:#f08a00;}
#quicknav li:last-child{color:#ccc;}





/* inquiry_box */
.inquiry_box{width: 100%; background-color: #213142; padding: 2rem; border-radius: 4px; color: #fff;}
.inquiry_box h3{ font-size: 2rem;}
.inquiry_box small{display: block;font-family:"OpenSans-Light"; padding-top: 1rem; font-size: 1.2rem;}
.swidth{ width: 100%; max-width: 560px;}


.inquiry_button{background-color: #f08a00; padding:.5rem 1rem; text-align: center;font-family:"FiraSans-Regular"; border-radius: 32px; }
.inquiry_button{cursor: pointer; color: #fff; transition: all .5s;font-size: 1.4rem;}
.inquiry_button:hover{background-color: #016acf; }
/* inquiry_button2 */
.inquiry_button2{width: 140px;background-color: #f08a00; color: #fff; padding: .3rem; text-align: center; margin-bottom: 1rem; position: absolute; left: 2%; bottom:-3rem ; border-radius: 22px;font-family:"FiraSans-Regular"; cursor: pointer; transition: all .5s; }
.inquiry_button2:hover{background-color: #003065;}
.inquiry_button02{width: 140px;background-color: #f08a00; color: #fff; padding: .3rem; text-align: center; margin-bottom: 1rem; position: absolute; right:0;border-radius: 22px;font-family:"FiraSans-Regular"; cursor: pointer; transition: all .5s; }
.inquiry_button02:hover{background-color: #003065;}
.inquiry_button3{position: relative; text-align: center; margin: 0 auto;width: 140px; padding: .3rem;font-size: 1.2rem; }

.etw_pdf1{position: relative; margin: 0 auto;background: #f08a00; width: 160px; border-radius: 22px;padding: .3rem;}
.etw_pdf1 a{color: #fff;font-size: 1.2rem;text-align: center;font-family:"FiraSans-Regular";}
.etw_pdf1:hover{background-color: #003065;}

.etw_pic4,.etw_pic5{width: 100%;float: right;}
.etw_pic4 ul,.etw_pic5 ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_pic4 ul li{width: 23.5%;margin-left: 2%;float: right;}
.etw_pic5 ul li{width: 18.4%;float: right;margin-left: 2%;}
.etw_pic4 ul li img,.etw_pic5 ul li img{border: 1px solid #ccc;width: 100%;padding: 0.5rem;}
.etw_pic4 ul li span,.etw_pic5 ul li span{display: block;text-align: center;}
.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n){margin-left: 0;}

/* other_box */
.other_box{width: 100%; margin: 0 auto;}
.other_title{text-align: center; font-size: 2rem; text-transform: uppercase;font-family:"FiraSans-Bold"; color: #003065; margin-bottom: 1rem;}
.other_box ul{width: 100%; display: flex; flex-wrap: wrap;justify-content: center;}
.other_box ul li{width: 40%; margin-left:2%; display: flex; flex-wrap: wrap;box-shadow: 0px 2px 45px rgb(0 0 0 / 5%); background-color: #eee; align-items: center; padding: .5rem; margin-bottom: 1.5rem; border-radius: 4px; justify-content: center;  }
.other_box ul li:nth-child(2n){margin-left: 0;}
.other_box ul li .other_img{width: 50%; margin-right: -32%; order: 0;}
.other_box ul li .other_img img{border: 1px solid #e7e5df;}
.other_box ul li .other_con{width: 70%;font-size: 1rem; }
.other_box ul li .other_con h3{font-size: 1.3rem;font-family:"FiraSans-Regular"; line-height: 1.45; color: #003065; transition: all .5s;}
.other_box ul li .other_con a{ padding: 1rem; display: block;}
.other_box ul li .other_con a p{color: #333;}
.other_box ul li .other_con a span{color: #f08a00;font-family:"FiraSans-Bold"; position: relative; padding-bottom: .5rem }
.other_box ul li .other_con a span::before{position: absolute;content: ""; width: 60%; height: 2px; left: -60px; right: 0; margin: 0 auto; bottom: 0; background-color:#f08a00 ; transition: all .5s;}
.other_box ul li .other_con a span:hover::before{width: 100%;}
.other_box ul li:nth-child(2n) .other_img{order: 1; margin-left: -32%;margin-right: inherit;}
.other_box ul li .other_con h3:hover{color: #f08a00;}

/* .item */
.item{width: 100%; display: flex; flex-wrap: wrap;}
.item li{width:100%; margin-bottom: .5rem; position: relative; padding-right: 1.5rem; line-height: 1.45;}
.item li::before{position: absolute;content: "";right: .5rem; top:.5rem; width: 5px; height: 5px; border-radius: 50%; background-color: #666;   }

ul.etw_list{width: 100%;float: right;padding-right: 28px;}
ul.etw_list li{width: 100%;list-style: decimal;float: right;}

.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: #023b7d;font-family:"FiraSans-Bold"; margin-bottom: 1rem;}

/* measurement_test */
.measurement_test{width: 100%; }
.measurement_test ul{width: 100%; display: flex; flex-wrap: wrap;}
.measurement_test ul li{width: 32%; margin-left: 2%; background-color: #eceff5; margin-bottom: 2rem;}
.measurement_test ul li:nth-child(3n){margin-left: 0;}
.measurement_test ul li p{padding: 1rem;}
.main_pro a h3{ font-size: 1.1rem; color: #fff;font-family:"FiraSans-Regular"; background-color: #213142; height: 60px; display: flex; align-items: center; justify-content: center;text-align: center; padding: .5rem;direction: rtl}



/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 0 2rem 2%;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_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-left: 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: 1rem; 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-left:2%;}
.related_pic a:nth-child(4n) {margin-left:0;}
.related_pic a:nth-child(4n + 1) {clear:both;}
.related_pic img {width:100%;height:auto;float:right;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;}


/* footer */
#footer {width:100%;text-align:center;margin:0 auto;overflow:hidden; font-size: .95rem; background: url(../images/f_bg.jpg) no-repeat top center; background-size: cover;  }
.f_logo p{font-size: .9rem; margin-top: 1rem;}
.etw_bottom {padding:2rem; width:100%;margin:0 auto;position:relative;text-align:right;  color:#fff;  }
.home_link {width:100%; overflow:hidden;background-color: #213142;margin:0 auto;padding:.5rem 0;}
#footer a:hover {color:#f08a00;}
.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: #fff; font-family:"FiraSans-Bold"; text-transform: uppercase;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#fff!important;text-decoration:none;}
h4.c_name{color: #fff;font-family:"FiraSans-Regular"; line-height: 1.55;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff;}
.etw_bottom a:hover {color:#284376;}
.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:#fff;position:relative;position:relative;padding:.3rem 0; font-size:1rem; padding-right: .8rem;}
.etw_bottom ul > li > a::before{position: absolute;content: "\f104";right: 0; top:.3rem;font-family:fontawesome;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp {position:relative;padding-right:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem;}
.cot_add:before {content:"\f041";position:absolute;right:0px;top:4px;color:#fff;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;right:0px;top:3px;color:#fff;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;right:0px;top:4px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f2be";position:absolute;right:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;right:2px;top:-3px;color:#fff;font-family:fontawesome;font-size:26px;}
.cot_fax:before {content:"\f1ac";position:absolute;right:0px;top:0px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f232";position:absolute;right:0px;top:0px;color:#fff;font-family:fontawesome;font-size:18px;}
.left_share{position: absolute; left: 0; padding-top:.5rem;}
.left_share{width: 100%; display: flex;} 
.left_share a{width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin-right: 5px; transition: all .5s;color: #fff;}
.left_share a:hover{background-color: #284376; color: #fff !important;}
#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;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:#3498db;}
#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:1467.98px) {
	.banner_txt{    top: 18%;}
}
@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_banner{display: none;}
}
@media (max-width:1199.98px) {
  .banner_txt h1{font-size:2rem; padding: 1rem; border-left: 5px solid #3498db; }
  .mainproducts_box ul li .main_con a h3{font-size: 1rem;}
  .mainproducts_des a h3,.webtitle h3,h2, .etw_hometitle{font-size: 2rem;}
}

@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 #284376; 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;}
#etw_sidebar {border:none;}
.top-nav{padding-bottom: 0; margin-top: 0;}
.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.5rem 0.75rem;position:relative;z-index:1;}
.top-nav {width:100%;padding-left:0;margin-top:1rem;background-color:#eee;}
.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:left;height:auto;}
.etw_language > ul {position:relative;z-index:9;float:left;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:right;float:right;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item {color:#333;padding:0.2rem 1.5rem 0 0;}
#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:#f08a00 !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img,#etw_logo h1 {display:none;}
#menu-items {border-radius:0 !important;} 
.swiper-wrapper,.swiper-pagination{display: none;}
.pro_banner{display: none;}
#etw_logo span{display: none;}
.app_box ul li{width: 100%; margin-right: 0;}
.mainproducts_box ul li{width: 49%;}
.mainproducts_box ul li:nth-child(3n){margin-left: 2%;}
.mainproducts_box ul li:nth-child(2n){margin-left: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-right: -15%;}
.other_box ul li:nth-child(2n) .other_img {margin-left: -15%;margin-right: inherit;}
.small_font h3{font-size: 1.4rem;}
}
@media (max-width:1366.98px) {
	.banner_txt h1{    font-size: 1.5rem;}
	.about_txt{top: 17%;}
}
@media (max-width:768.98px) {
	
	.left_brief h3{font-size: 1.8rem;}
	.banner_txt{top: 10%;}
.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;}

.inquiry_button2{position: relative; left: 0; right: 0; margin: 0 auto; margin-bottom: 1rem; bottom: 0;}
.hub_box ul li{width: 49%; margin-left: 2%; }
.hub_box ul li:nth-child(3n){margin-left: 2%; }
.hub_box ul li:nth-child(2n){margin-left: 0;}
.hub_box p{display: none;}
.hub_box ul li a h3{margin-bottom: 0;}
}
@media (max-width:650.98px) {
	.ae_none{display: none}
	.left_brief{padding-right: 0;}
  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-left: 2%;}
.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(4n),.measurement_test ul li:nth-child(4n){margin-left: 0;}
.banner_txt h1{font-size:1rem; }
}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.6rem;}
  .mainproducts_box ul li{width: 100%; margin-left: 0 !important;}
  .mainproducts_box ul li .main_con a h3{height: auto;}
  .hub_box ul li a h3{font-size: 1.2rem;}
  .inquiry_bg{padding: 1rem;}
  .hub_box01 ul li .main_img,.hub_box01 ul li .main_con{width: 100%;}
}
@media (max-width:480.98px) {
	.etw_gallery3 ul li:nth-child(3n),.measurement_test ul li:nth-child(3n){    margin-left: 0;}
  .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;}

}
@media (max-width:380.98px) {
  .etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li,.measurement_test ul li{width: 100%; margin-left: 0;}
  .hub_box ul li{width: 100%; margin-left: 0 !important; }
  .hub_box ul li a h3{height: auto;}
}
@media (max-width:320.98px) {
  .navbar-light .navbar-toggler,.iconfont {font-size:1.55rem;}


}
.main_pro{direction: ltr}
.h3_ae{color: #7E7E7E;margin-top: -1rem;padding-bottom: 1rem;}
.dropdown-menu{right: 0;left: inherit;text-align: right;float: right}