@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:Ubuntu-Regular;src:url('../font/Ubuntu-Regular.ttf');}
@font-face{font-weight:600;font-style:normal;font-family:FiraSans-Bold;src:local('FiraSans-Bold'),local('FiraSans-Bold'),url(../font/FiraSans-Bold.woff) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:FiraSans;src:local('FiraSans-Regular'),local('FiraSans-Regular'),url(../font/FiraSans-Regular.woff) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:400;font-style:normal;font-family:SourceSansPro;src:local('SourceSansPro-Regular'),local('SourceSansPro-Regular'),url(../font/SourceSansPro-Regular.woff) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");}




.iconfont {font-family:"iconfont" !important;font-size:1.5rem;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:#666;font-family:SourceSansPro, Arial, Helvetica, sans-serif;font-size:1.2rem;line-height:1.45;}
.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 {display:inline-block;color:#1b1b1b; position: relative; padding-bottom: .5rem; margin-top: .5rem; font-weight: normal;font-size: 1.2rem;font-family:FiraSans-Bold;}
strong text{color:#01b9ff;}
figure{margin-bottom: 0;}
.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;}
.btn-secondary {padding:0rem 0.5rem;}
/* .layui-layer-dialog .layui-layer-content{display: none;} */
/* .layui-layer-btn .layui-layer-btn0{ background: none !important;font-size: 1.4rem;border: none !important;}
.layui-layer-btn a{height:50px !important;line-height: 50px !important;} */
.btn:not(:disabled):not(.disabled) {cursor:pointer;}
.review {color:#00193c;font-size:18px;}
.brief {width:100%;margin:1rem auto; font-size:1rem;}
.etw_pdf{position: relative; }
.etw_pdf a{color: #333; padding-left: 1.5rem;position: relative;font-size: .9rem;}
.etw_pdf a::before{position: absolute;content: "\f1c1";left: 0;top: -.2rem;font-family:fontawesome; color: #9a0000;}
.etw_pdf a:hover{color: #9a0000;}
.table td{padding: 0.55rem;line-height: 1.35; vertical-align: middle; border: 1px solid #ddd; font-size: 1rem;}
.table .top{font-family:FiraSans-Bold; }
.table .top td{background-color: #eee; color: #333;}
.table_img img{mix-blend-mode: multiply; height: 60px;}
.table_img h3{font-size: 1rem;}

.inquiry{color: #00193c; text-decoration: underline;}
.inquiry:hover{color: #01b9ff;}

.theme-send-inquiry-box {background:#01b9ff !important;}
.theme-box-name {background:#00193c !important;text-transform:uppercase;border-left:1px #3498db solid !important;}

h3 {font-size: 1.3rem;font-family:FiraSans-Bold; }
.title01{color: #0a1962; margin-top: 1rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;font-size: 2.4rem;font-family:FiraSans-Bold;  margin: 0; padding-bottom: 1rem;  margin-top: 2rem;color: #0A1962; line-height: 1.25; }
.etw_hometitle{font-size:1.8rem; position: relative;margin-bottom: 1rem; padding-bottom: .5rem;}
.etw_hometitle::before{position: absolute;content: "";left: 0;bottom: 0;width: 80px;height: 2px;background-color: #01b9ff;}
.text-center::before{right: 0;margin: 0 auto;text-align: center;}
.etw_hometitle span{display: block;}
.pro_name{color: #666; font-size: 1.4rem; position: relative;line-height: 1.35;margin-top: -.5rem; margin-bottom: 2rem; position: relative; font-weight: bold; }
.color_font{color: #00193c; font-size: 1.8rem; margin-top: 2rem;font-family:FiraSans-Bold; border-bottom: 1px solid #989fc1; padding-bottom: 1rem; text-align: center;text-transform: uppercase;margin-bottom: 2rem;}
.color_font span{position: relative;}
.color_font span::before{position: absolute;content: "";left: 0;right: 0;bottom:-1.35rem;width: 100%;height: 4px;background-color: #01b9ff;}

.contact_des a{ color: #01b9ff; 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;  padding:0 1rem;    box-shadow: 0 0 25px rgb(0 0 0 / 10%); background-color:rgba(2,59,125,.65)}
.bg_blue{background-color:rgba(2,59,125,1) !important}
.header_in {width:100%;max-width:1200px;margin:0 auto; position: relative;}
#etw_logo {width:auto;text-align:center;float:left; margin-top: .5rem;transition: all .8s; background-color: #fff; padding: 1rem; border-radius: 15px 15px 0 0 ; }
#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;}

.left_share{position: relative;display: flex; }
.left_share a{width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-right: .5rem; transition: all .5s;color: #fff  !important; background-color: #00193c; border-radius: 50%; font-size: 1rem;}

.left_share a:hover{background-color: #01b9ff; }

/* .top-nav */
.top-nav {width:auto;float:right;padding-left:2rem; transition: all .8s; }
.top-nav .navbar {padding:0;float:right;}
.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-color:rgba(2,59,125,1) !important; margin-top: 0 !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-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:1rem .8rem;font-size:1rem;color:#fff; position: relative;font-family:FiraSans-Bold; }
.navbar-light .navbar-nav a.nav-link:before{content:"";position:absolute;bottom:14px;left:0; right:0;height:2px;width:0;background:#01b9ff;transition-delay:.1s;transition:.3s all linear; margin: 0 auto;text-align: center;}
.navbar-light .navbar-nav .active a.nav-link:before,.navbar-light .navbar-nav .show a.nav-link:before,.navbar-light .navbar-nav a.nav-link:hover:before{width:80%;}

.navbar-nav .dropdown-menu {top:66px; transition: all .5s;box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);background-color: rgb(2 59 125 / 75%);backdrop-filter: blur(4px);border-radius: 0;padding:1rem .8rem; border: none; border-top: none;visibility:hidden;pointer-events:none;opacity:0;display:block; }
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}


.navbar-expand-lg .navbar-nav .dropdown-menu li a {color:#fff;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:#fff;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2rem;font-size:0.9rem;position:relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu  li ol a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a.active {color:#01b9ff;}
.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:#01b9ff !important;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#01b9ff;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#01b9ff!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:#00193c;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}
.top-nav ul>li>ul.dropdown-menu>li>.second_list {position:absolute;left:258px;top:-1px;background:#fff;transition:all .5s;width:250px;opacity:0;transform:scaleX(0);transition:all 0.4s ease 0s;z-index:99999999;padding:0;visibility:hidden;}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li {width:100%;display:block;border-bottom:1px #e6e6e6 solid;}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li:last-child {border-bottom:none}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a {display:block;color:#666;font-size:14px;line-height:20px;padding:8px 10px;}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a:before {display:none}
.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a:hover,.top-nav ul>li>ul.dropdown-menu>li>.second_list>li>a.dq {color:#fbc93b;background:#f5f5f5;}
.top-nav ul>li>ul.dropdown-menu>li:hover>.second_list {opacity:1;visibility:visible;transform:scaleX(1);}




@media (max-width:1260px) {


}
@media (max-width:1064px) {

}

/* .etw_language */
.etw_language {float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:42%;height:32px;line-height:32px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem; }
#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:#fff;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:#fff;}
#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:#01b9ff;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 #00193c;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#00193c;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_txt{ position: absolute; top: 30%;  left:0; right: 0; margin: 0 auto;  text-align: left;line-height: 1.55; width: 100%;max-width: 1200px;color: #fff;text-shadow: 0 1px 1px #000; }
.banner_inner{width: 100%; max-width:820px; color: #fff; padding: 1rem; }
.banner_txt h3{font-size:2.2rem;color: #fff;font-family:FiraSans-Bold;}
.banner_txt p{margin-bottom: 2rem; font-size: 1.4rem;}
.banner_inner2{margin: 0 auto; text-align: center;}
.banner_inner3{max-width: 700px;}
/* small_banner */
.small_banner{position: relative;}
.small_banner_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.small_banner_txt h3{font-size: 2rem;}

.more{ padding: .5rem 2rem; padding-left: 2rem; color: #fff;transition: all 1s; position: relative; display: inline-block; font-size: .9rem;     background: linear-gradient(90deg,#01b9ff 0%,#0d378b 100%);cursor:pointer; }
.more:hover{color: #fff;background: linear-gradient(90deg,#0d378b 0%,#01b9ff 100%);}
.more::before{position: absolute;content: "\f105"; left: .5rem; top: .42rem;font-family:fontawesome; font-size:1rem; transition: all .5s;width: 20px;height: 20px;border-radius: 50%; display: flex;align-items: center;justify-content: center;text-align: center; padding-left: 4px;}
.btn_more::before{content: "\f086";}
.more:hover::before{right: .5rem; }
.more span,.more::before{ display: block;}

/* about_box */
.about_box{background-color: #f4f9ff;padding: 3rem 0;}
.about_box .content{background-color: #fff;padding: 2rem;  }
.about_box img{width: 100%;}
.webtitle h3{font-size: 2.4rem; text-transform: uppercase;}
.webtitle{color: #00193c; margin-bottom: 1rem;}
/* main_pro_box */
.main_pro_box{width: 100%; padding: 3rem 0; background:url(../images/pro_bg.jpg)top; background-size: cover; background-attachment: fixed;}
.main_pro_box .pro_item{background-color: rgba(0,25,60,.85);height: 100%; position: relative;  box-shadow: 0 .5rem 1rem rgba(0,25,60,.85,.15)}
.main_pro_box .pro_item .main_pro_name{padding: 2rem;color: #fff;}
.main_pro_box .webtitle{color: #fff;margin-bottom: 2rem; }
.main_pro_box .pro_item .main_pro_name h3{margin-bottom: 1rem;}
.main_pro_box .pro_item .main_pro_name p{font-weight: 100;}
.main_pro_box .pro_item a::before{position: absolute;content: "\f178";font-family:fontawesome; right: 2rem;bottom: 1rem;color: #f4c90c;font-size: 1.8rem; transition: all .5s;}
.main_pro_box .pro_item a:hover::before{right: 1rem;color: #01b9ff;}


/* application_box */
.application_box{background-color: #f4f9ff;padding: 3rem 0;}
.swidth{width: 100%;max-width:600px;margin: 0 auto; text-align: center;}

.app_item{background-color: #fff;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
.app_item .app_des{padding: 2rem; height: 230px;}
.app_item .app_des h3{color: #333;}
.app_item .app_des p{color: #666; line-height: 1.35;}
.case_box{width: 96%;margin:3rem auto;}
.case_box .content{max-width: 1400px;}

.case_item ul li{width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;margin-bottom: 1rem; border: 1px solid #eee; align-items: center; padding: 1.2rem;}
.case_item ul li .case_img{width: 34%;}
.case_item ul li .case_txt{width: 62%;}
.case_item a h3{color: #00193c;}
.case_item ul li p{ line-height: 1.35; font-size:1rem;}
.case_txt a h3{transition: all .5s;font-size:1.1rem;}
.case_txt a h3:hover{color: #01b9ff;}
/* service_item */
.service_item{border: 1px solid #eee; padding: 1.2rem; }
.service_item ul{width: 100%; display: flex;flex-wrap: wrap;}
.service_item ul li a{width: 100%;display: flex;flex-wrap: wrap; align-items: center; margin-bottom: .5rem;justify-content: space-between;}
.service_item ul li a h4{font-size: 1.2rem;font-family:FiraSans-Bold;color: #00193c; width: 80%; }
.service_item ul li a .service_img{width: 95px; height: 95px; border-radius: 50%;padding:1rem;background-color: #F4F9FF;}
.service_item ul li a .service_des{width: 78%; color: #666; line-height: 1.35; font-size:1rem;}
.service_item ul li a .service_des h4{font-size: 1.1rem;}

/* pro_banner */
.pro_banner{position: relative;text-align: center;position: relative;margin: 0 auto;}
.pro_banner .probanner_txt{position: absolute; top: 60%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.pro_banner .probanner_txt h2,.pro_banner .probanner_txt .etw_hometitle{color: #fff; }
.pro_banner .probanner_txt .etw_hometitle::before{display: none;}
.pro_banner .probanner_txt1{width: 90%;font-size: 2.2rem;}
.pro_banner .probanner_txt1 .pro_name{margin-bottom: 0;}
.pro_name{color: #eee;}
/* .left_pics */
.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; border: 1px solid #eee; }
.left_pro_img a {position:relative;display:block;}
.left_pics {height:auto;margin:0 auto;text-align:center;position:relative; margin-bottom: 1rem;order: 1;width: 100%; }
.left_pics img {text-align:center;mix-blend-mode: multiply }
.left_pics a {display:block;overflow:hidden}
.related_pic {width:100%; position: relative;  display: flex; flex-wrap: wrap;justify-content: center;}
.related_pic a {width:18%; margin-right: 1%;}
.related_pic a:nth-child(5n){margin-right: 0;}
.related_pic img {width:100%;height:auto;float:left;border:1px #eee solid; margin-bottom: 5px;}
.related_pic img:hover,.related_pic a.imgdq img {border:1px #00193c solid;}
.related_pic span {font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
.left_pro_img .video_button{width: 60px; height: 60px; left: 50%;}
.pro_detail_des{padding: 2rem;}
/* pro_ducts_img */
.pro_ducts_img{width: 100%; margin: 2rem auto;}
.pro_ducts_img ul{width: 100%;display: flex;flex-wrap: wrap;}
.pro_ducts_img ul li{width: 32%;margin-right: 2%;border: 1px solid #eee;text-align: center;}
.pro_ducts_img ul li:last-child{margin-right: 0;}
.pro_ducts_img ul li span{display: block;width: 100%; background-color: #01b9ff; color: #fff; padding: .5rem;}
.carousel-control-next, .carousel-control-prev{width: 40px; height: 40px; background-color: #01b9ff; top: 42%; outline: none; border: none;}
.carousel-indicators li{background-color: #01b9ff;}

/* nav-tabs-list */
.nav-tabs-list{width: 100%; border-bottom:none;}
.nav-tabs-list li a{padding: .5rem 2rem; display: block; background-color: #eee; color: #666;font-family:FiraSans-Bold;font-size: 1rem; position: relative;}
.nav-tabs-list li a.active,.nav-tabs-list li a:hover{background-color: #01b9ff;color: #fff;}
.tab-content{background-color: #f4f9ff; padding:1rem 2rem; margin-bottom: 2rem;}
.nav-tabs-list li a::before{position: absolute; content: "\f0d7"; font-family:fontawesome;left: 0; bottom: -1.6rem;right: 0;margin: 0 auto;text-align: center;font-size: 2rem; visibility:hidden;pointer-events:none;opacity:0;transition: all .5s;color: #01b9ff; }
.nav-tabs-list li a.active::before,.nav-tabs-list li a:hover::before{visibility:visible;pointer-events:all;opacity:1;}

/* faq_box */
.faq_box{width: 100%;margin: 1rem auto;}
.faq_box li{margin-bottom: 1.2rem;}
.faq_box h5{position: relative;padding-left: 2rem;color: #01b9ff;font-family:FiraSans-Bold;}
.faq_box h5::before{position: absolute;content: "\f086";left: 0;top: 0;font-family:fontawesome;color: #01b9ff; font-size: 1.3rem;}
.faq_box p{background-color:#fff ;padding: 1rem;border-left: 3px solid #01b9ff;}

/* contact_us */
.contact_us{color: #01b9ff;font-family:FiraSans-Bold; transition: all .5s; cursor: pointer;position: relative;}
.contact_us:hover{color: #023b7d;}
.contact_us::before{position: absolute;content: "";width: 100%;height: 1px;background-color: #01b9ff;left: 0;bottom: -3px;}
/* inquiry_box */
.inquiry_box{background-color: #01b9ff;color: #fff; padding: 2rem; position: relative;margin-bottom: -5rem;z-index: 1; margin-top: 3rem;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.inquiry_box h3{font-size: 2.4rem;}
.inquiry_button{background-color: #fff; color: #01b9ff; padding:.5rem 1rem; cursor: pointer;transition: all .5s;}
.inquiry_button:hover{background-color: #023b7d;}
/* systems_list */
.systems_list{width: 100%; display: flex;flex-wrap: wrap;justify-content: center;}
.systems_list li{width: 24%; margin-right: 2%;text-align: center;}
.systems_list li:last-child{margin-right: 0;}
.systems_list li h5{color: #01b9ff;font-family:FiraSans-Bold;text-transform: uppercase;font-size: 1.6rem; margin-top: 1rem;}
.sys_img{width: 100px;background-color: #f4f9ff; margin: 0 auto; height: 100px; border-radius: 50%;padding: 1rem;}
.systems_list li p{font-size: 1.1rem;line-height: 1.35;}
/* video_button */
.video_button{width: 80px;height: 80px; position: absolute; border-radius: 50%;background-color: #01b9ff; top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;transition: all .5s; box-shadow: 0 0 25px rgb(0 0 0 / 20%);z-index: 1;border: 2px solid #fff;}
.video_button::before{position: absolute;content: "\f04b"; top: 50%;left: 50%;transform: translate(-50%,-50%);font-family:fontawesome;color: #fff;font-size: 2rem;padding-left: .5rem;}
.video_button:hover{background-color: #023b7d;}
.small_video{width: 50px;height: 50px;}
.small_video::before{font-size: 1.3rem; padding-left: .3rem;}
.video_txt{display: block;text-align: center; padding-top: .5rem;color: #333;}
.video_img{position: relative;}
.video_img img{width: 100%;}
.video_txt:hover{color: #01b9ff;}
/* .history */
.history{margin-top: 2rem; position: relative; }
.history::before{position: absolute;content: "";left: 0;top: 0;height: 5px;width: 105%;background:url(../images/dot.png);}
.history ul{position: relative;padding-top: 2rem;  }
.history ul li{ display: flex;margin-bottom: 1rem;align-items: center;padding-bottom: 1rem;flex-wrap: wrap;  -webkit-perspective: 800px;-moz-perspective: 800px;-o-perspective: 800px;-ms-perspective: 800px;perspective: 800px;position: relative; justify-content: space-between; }
.history ul li .history_img{width: 15%; max-width: 150px;height: 150px;border-radius: 50%; border: 6px solid #01b9ff;display: flex;align-items: center;justify-content: center; margin-right: 2rem;position: relative;    }
.history ul li .history_img img{ width: 140px;height: 140px;border-radius: 50%;}
.history ul li .history_des{width: 79%; background-color: #fff;padding: 2rem;border-left: 5px solid #01b9ff;-webkit-transform: rotateY(-5deg);
  -moz-transform: rotateY(-8deg);
  -o-transform: rotateY(-8deg);
  -ms-transform: rotateY(-8deg);
 transform: rotateY(-8deg); justify-content: center; position: relative; box-shadow: 0 4px 6px rgb(0 0 0 / 10%); color: #333; }

 .history ul::before{position: absolute;content: "";left:18%;top: 0;width: 5px;height: 100%;background:url(../images/dot.png);}
 .history ul li .history_img::before{position: absolute;content: "";right: -15%;top:40%;width: 20px;height: 20px;border-radius: 50%;background-color: #01b9ff;}
 .history ul li .history_des h3{color: #01b9ff;font-size: 2rem;}
 .history ul li .history_img::after{position: absolute;content: "";width: 104px;height: 3px; background-color: #01b9ff; right: -90%;top: 46%;}
 .history ul li .history_img a{display: block; position: relative;}
 .history ul li .history_img a::before{position: absolute;content: "\f0d9";font-family:fontawesome;color: #01b9ff;right: -102%;top: 19%;font-size:3.6rem;}
 /* innovative_box */
.innovative_box{background: #fff;padding: 2rem;margin-bottom: 2rem;}
.innovative_box:last-child{margin-bottom: 0;}
.inn_des{font-size: 1.4rem;padding: 2rem; color: #666;}
/* social_box */
.social_box{width: 100%; margin-top: 2rem;}
.social_item{height: 100%;background-color: #fff;box-shadow: 0 0 25px rgb(0 0 0 / 10%); }
.social_des{padding: 1rem;}
.social_des h5{color: #016acf;font-size: 1.4rem;font-family:FiraSans-Bold; position: relative;padding-bottom: .5rem;}
.social_des h5::before{position: absolute;content: "";left: 0;bottom: 0;width: 50px;height: 1px;background-color: #016acf;}
/* team_item */
.team_box{margin: 2rem auto;}
.team_item{height: 100%;     border: 1px solid #eaeaea;box-shadow: 0 20px 20px 0 rgb(0 0 0 / 4%); padding: 2rem;position: relative;overflow: hidden;}
.team_item h5{color: #333; font-size: 1.4rem;font-family:FiraSans-Bold; margin-top:1rem;}
.team_item p{font-size: 1rem;line-height: 1.35;}
.team_item::before{position: absolute;content: "";left:20%;top: -5%;background:url(../images/shape-4.png) no-repeat; width: 100%;height: 80px; }
/* photographs_box */
.pho_item{height: 100%;border-bottom: 2px dotted #eee;padding-bottom: 1.5rem;}
/* projects_box */
.projects_box{margin-top: 2rem;}
.projects_des{background-color: #eee; padding: 2rem;  position: relative; margin-left: -5%;box-shadow: 0 0 25px rgb(0 0 0 / 10%);}
.projects_des h3{color: #023b7d;font-size: 1.4rem; margin-top: 1rem; margin-right:1rem;}
.projects_des p{font-size: 1.2rem;}
.projects_des h3 span{background-color: #01b9ff; position: absolute; top: 0; right: 0; padding: .5rem 2rem; color: #fff;display: inline-block;}
/* app_inner_box */
.app_inner_box{width: 100%; margin: 2rem auto;}
.app_inner_box ul{width: 100%;display: flex;flex-wrap: wrap;}
.app_inner_box ul ol{width: 49%; margin-right: 1%;position: relative; margin-bottom: 1rem;background-color: #f4f9ff; }
.app_inner_box ul ol:nth-child(2n){margin-right: 0;margin-bottom: 1rem;}
.app_inner_box ul ol li.app_img{position: relative; margin-bottom: 1rem;}
.app_inner_box ul ol li.app_img::before{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,25,60,.55);pointer-events: none;}
.app_inner_box ul ol li h3{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%); width: 60%; padding: .5rem; color: #fff; text-align: center; font-size: 1.6rem; padding-bottom: 2rem;}
.app_inner_box ul ol li h3::before{position: absolute;content: "";width: 60px; height: 3px; background-color: #fff; left: 0;right: 0; bottom: 1rem; text-align: center;margin:  0 auto;}
.app_inner_box ul ol li.app_des{padding: 1rem 2rem;}
/* service_inner_box */
.service_inner_box{width: 100%;margin-top: 2rem;}
.service_content{display: flex; margin-top: 2rem; background-color: #f4f9ff; padding: 2rem; align-items: center; margin-bottom:2rem; flex-wrap: wrap; justify-content: space-between;}
.service_icon{width: 115px;
  height: 115px;
  border-radius: 50%;
  padding: 1rem;
  background-color: #fff;}
.service_des{width: 84%;}
/* etw_set_feedback_form */
.etw_set_feedback_form{margin: 3rem 0; padding:1rem 2rem;}
/* etw_video_list */
#etw_video_list{box-shadow: 0 10px 30px 0 rgb(223 223 223 / 50%); padding-bottom: .5rem;}
#etw_video_list ul{padding:0 1rem;margin-bottom:1rem;}
#etw_video_list .videotitle{color:#fff;font-size:1.2rem;margin-bottom:1rem;background: linear-gradient(90deg,#0d378b 0%,#01b9ff 100%);padding:.5rem;font-family:FiraSans-Bold;}
#etw_video_list li a{display:flex;margin-bottom:.5rem;align-items:center;transition:all .5s;border-bottom: 1px solid #eee; padding-bottom: 5px;margin-bottom:5px; }
#etw_video_list li:last-child a{border: none;}
#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.9rem;position:relative;display:block;transition:all .5s;}
#etw_video_list li a:hover span,#etw_video_list li a.dq span{color:#01b9ff;}
#etw_right video{width:100%;}
/* cer_list */
.cer_list{width: 100%;}
.cer_list ul{display: flex; flex-wrap: wrap;}
.cer_list ul li{width: 32%; display: flex;flex-wrap: wrap;border:2px solid #f4f9ff; background-color: #f5f5f5; padding: 1rem; margin-bottom: 1rem; margin-right: 1%; justify-content: space-between; align-items: center; }
.cer_list ul li:nth-child(3n){margin-right: 0;}
.cer_list ul li a{width: 32%;}
.cer_list ul li span{width: 64%;font-size: 1rem;line-height: 1.35;}

/* #container */
#container {width:100%;margin:0 auto;margin-top:105px;}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto; }
.big_content{max-width: 1600px;}
.bg-color{background-color: #f4f9ff; padding: 1rem 0;}



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

.quicknav_01{border: none !important; }
.quicknav_01 a{color: #ccc !important;}
.quicknav_01 li + li::before{color: #fff !important;}

/* tags_box */
.tags_box {width:100%;margin:1rem auto;color:#666; border-bottom: 1px solid #ddd; padding-bottom: .5rem;}
.tags_box ul {display:flex;flex-wrap:wrap;}
.tags_box ul li {padding:0.3rem 0.8rem;font-size:1rem; position: relative;}
.tags_box ul li::before{position: absolute;content: ""; left: 0; top:.5rem; width: 1px; height: 50%; background-color: #ccc;}
.tags_box ul li:first-child::before{display: none;}
.tags_box ul li:first-child{padding-left: 0}
.tags_title {color: #000;}

/* .item */
.item{width: 100%; display: flex; flex-wrap: wrap;}
.item li{width:100%; margin-bottom: .5rem; position: relative; padding-left: 2rem; }
.item li::before{position: absolute;content: "";left: .5rem; top:.8rem; width: 8px; height: 4px; background-color: #01b9ff;   }
.item li p{font-size: 1rem;}
.item2{display: flex; flex-wrap: wrap;}
.item2 li{width: 48%; margin-right: 2%;}
.item2 li:nth-child(2n){margin-right: 0;}
.proitem{ padding:8px 0; float:none; width:auto; overflow:hidden;}
.proitem>li{ width:100%; padding:0 0 0.7rem 1.5rem; position:relative; }
.proitem>li::before{ position:absolute; content:"\f046";  left:1px; top:.4rem;font-family: 'fontawesome'; color: #01b9ff;font-size: .9rem;}
.sfont{font-size: 1.2rem;}

/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 2% .5rem 0;position:relative;}
.etw_gallery ul li img{mix-blend-mode: multiply; transition: all .5s; transform: scale(1); border: 1px solid #eee;}
.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.4%;}
.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),.etw_gallery5 ul li:nth-child(5n){margin-right: 0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative; margin-bottom: 0; }

.etw_gallery ul li a .inquiry{display: block; color: #01b9ff; position: relative; font-size:.9rem;line-height:1.35; display: block;padding-top: .5rem; text-align: center;}
.etw_gallery ul li a .inquiry:hover{text-decoration: none;color: #00193c;}
.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;line-height:1.35;color: #666;  display: block; width: 100%; font-size: 1rem; padding-bottom: 1rem;text-align: center;}
.etw_gallery ul li span strong{display: block;}
.etw_gallery ul li h5{font-size: 1rem; color: #333; margin-top: 1rem; margin-bottom: 0;}
.etw_gallery ul li p{font-size: .9rem; text-align: left;color: #666;margin-top: 0rem;}
.gallery_video_img{position: relative;}







/* footer */
#footer {width:100%;text-align:center;margin:0 auto;background: url(../images/footer-bg.jpg) no-repeat top center; background-size: cover; overflow: hidden; position: relative;}
.etw_bottom {padding:6rem 0; padding-bottom: 0; width:100%;margin:0 auto;position:relative;text-align:left;  color:#7badde;  }
.foot_log{border-bottom: 1px solid #0d378b; margin-bottom: 2rem; padding-bottom: 1rem;}
.bottom_logo p{margin-top: 1.5rem;}
.bottom_logo .bg-white{width: 160px; padding: .5rem; border-radius: 12px 12px 0 0; }
.home_link {width:100%; overflow:hidden;margin:0 auto;padding:.5rem 0; border-top: 1px solid #0d378b;}
#footer a:hover {color:#01b9ff;}
.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;  text-transform: uppercase; padding-bottom: 1rem;font-family:FiraSans-Bold;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#7badde!important;text-decoration:none;}
.etw_bottom .etw_foot_title::before{position: absolute;content: "";background: linear-gradient(90.09deg,#01b9ff -7.63%,rgba(250,67,24,0) 99.84%);    width: 100px;height: 3px; bottom: 0;left: 0;}

.etw_bottom h4{color: #7badde;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#7badde;}
.etw_bottom a:hover {color:#01b9ff;}
.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;color:#7badde;position:relative;position:relative;padding:.3rem 0;  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:#fff;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:8px;color:#fff;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:7px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f2be";position:absolute;left:0px;top:7px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:1px;color:#fff;font-family:fontawesome;font-size:26px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f1d7";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;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;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:#01b9ff;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}

/*tags*/
#tags{ width:100%;display: flex; margin-top: 1rem; margin-bottom: 2rem;}
.tags_title{ float:left;margin-right:15px; color:rgb(255, 255, 255); font-size:1.25rem; text-align:center; padding:0 10px;background:rgb(68, 67, 73);border-radius:4px;}
#tags ul{width: 100%; display: flex;}
#tags li{padding:7px 10px;border-radius:4px;margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:12px; background:#eee;}


/*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) {
  .app_item .app_des p{font-size: 1rem; line-height: 1.35;}
}
@media (max-width:1300.98px) {
  #etw_content,.etw_bottom,.content,.bg_color{padding-left:15px;padding-right:15px;}
  .banner_txt h3,.webtitle h3{font-size: 2rem;}
  .pro_banner .probanner_txt1{font-size: 1.8rem;}
  #etw_video_list li a span{ font-size: 0.8rem;}


}
@media (max-width:1299.98px) {
.top-nav {padding-left:0;}
h2,.etw_hometitle {font-size:2rem;}



}
@media (max-width:1199.98px) {
  .navbar-expand-lg .navbar-nav .nav-link {font-size: .9rem;}
  .banner_txt h3, .webtitle h3{font-size: 1.5rem;}
  .service_item ul li a .service_des{width: 70%;}
  .pro_banner .probanner_txt1{width: 100%;}
  .pro_banner .probanner_txt1 .pro_name{display: none;}
}

@media (max-width:1025.98px){
 #etw_logo img{width: 90px;}
 #etw_logo{padding: 0;}
}
@media (max-width:991.98px) {
  #header,.bg_blue {position:inherit;min-height:inherit;display:block;padding-bottom:0;border-bottom:2px solid #0075c1; background-color: #fff !important;}
#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,.left_share,#quicknav {display:none;}

.top-nav{width:100%;float:left;background:#fff;margin:0;display:block;padding:0}
.top-nav:after,.top-nav:before{display:none;}
.top-nav .navbar{float: left; width: 100%;}
.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;display:none;}
.top-nav .navbar-nav .row{width:100%!important;box-shadow:none;margin:0;}
.navbar-light .navbar-nav .dropdown-item,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:#fff;padding:.4rem 1rem .4rem 2.4rem;border-bottom:none;font-size:.9rem;color:#333;white-space:normal;font-weight:400}
.navbar-light .navbar-nav .dropdown-item:before{content:normal}
.navbar-light .navbar-nav .show>.nav-link{color:#333}
.navbar-light .navbar-nav li.nav-item{margin:0}
.navbar-light .navbar-nav li.nav-item:before{content:normal}
.navbar-light .navbar-nav a.nav-link:before{content:normal}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#818ea2;background:0 0}
.navbar-light .navbar-nav .show>.nav-link{background:0 0}
.navbar-light .navbar-nav a.nav-link{font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);color:#333;padding:1rem;margin:0 1rem}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none}
.navbar-light .navbar-nav .dropdown-menu1 li.menu_img{display:none;}
.dropdown-menu{border:none}
.navbar-light .navbar-toggler{color:#333;font-size:2.4rem;margin:0.5rem 1rem 0 0;border:none;outline:0;z-index:200;position:relative}
.nav-item span.pro_icon{display:block}
.nav-item span.caret{display:none}
.nav-item .dropdown-toggle::after{display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu li a{color: #333; padding: .3rem 2rem; border-bottom: none;}
/* .etw_language */
.etw_language {background:none;width:auto;padding-top:1rem; }
.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:#00193c !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img,#etw_logo h1 {display:none;}

#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev,#etw_banner .swiper{display: none;}
.swiper-pagination{display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{padding: 1rem 1.5rem; background-color: #eee;}
  .service_item ul li a .service_des{width: 80%;}
  .etw_bottom{padding: 3rem 0;}
  .inquiry_box{margin-bottom: 0;margin-top: 1rem;}
  .inquiry_box h3{font-size: 2rem;}
  .color_font{font-size: 1.6rem;}
  .systems_list li{width: 32%;}
  .systems_list li h5{font-size: 1.2rem;}
  .pro_banner .probanner_txt{top: 50%;width: 100%;padding: 1rem;}
  .pro_banner .probanner_txt .pro_name{display: none;}
  .history ul li .history_des{transform: none;}
  .history ul li .history_img{width: 110px; height: 110px;}
  .history ul li .history_img img{width: 100px; height: 100px;}
  .history ul li .history_img::after{width: 80px;height: 2px;top: 50%;}
  .history ul li .history_des{width: 79%;}
  .history ul li .history_img a::before{top: 11%;}
  .cer_list ul li{width: 49%;}
  .cer_list ul li:nth-child(3n){margin-right: 2%;}
  .cer_list ul li:nth-child(2n){margin-right: 0;}
  .service_des{width: 100%; margin-top: 1rem;}
  .title01{margin-top: 0;}
  #etw_video_list ul{display: flex; flex-wrap: wrap;}
  #etw_video_list ul li{width: 32%; margin-right: 2%;}
  #etw_video_list ul li:nth-child(3n){margin-right: 0;}
.nav-tabs-list li{width: 25%; }
.nav-tabs-list li a{font-size: .9rem;height: 54px;text-align: center;}
.etw_hometitle span{display: inline;}
}
@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;}
.etw_gallery5 ul li:nth-child(5n){margin-right: 2%;}
.history ul li .history_des{width: 70%;}
.nav-tabs-list li{width: 100%;display: block; border-bottom: 1px solid #fff;}
.nav-tabs-list li a.active::before{display: none;}
.nav-tabs-list li a{height: auto;}

}
@media (max-width:650.98px) {
  html {font-size:14px; }
.etw_gallery3 ul li,.etw_gallery4 ul li{width: 48%;}
.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(3n){margin-right: 2%;}
.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(4n){margin-right: 0;}
.about_box,.main_pro_box,.application_box,.etw_bottom{padding: 2rem 0;}
.case_box{margin: 2rem auto;}
.video_button{width: 50px; height: 50px;}
.app_inner_box ul ol{width: 100%; margin-right: 0;}
.app_inner_box ul ol li h3{width: 100%;}
.app_inner_box ul ol li.app_des,.pro_detail_des{padding: 1rem;}
.team_item h5,.projects_des h3{font-size: 1.2rem;}

}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.5rem;}
  .etw_gallery6 ul li{width:32%;}
  .etw_gallery6 ul li:nth-child(3n){margin-right: 0;}
  .small_banner_txt{line-height: 1.25;}
  .small_banner_txt h3{font-size: 1.4rem;}
  .app_inner{padding:1rem 2rem;}
  .owl-carousel .owl-stage-outer{padding: 0;}
  .app_item .app_des{height: auto;}
  .service_item ul li a .service_img{margin: 0 auto;}
  .case_item ul li .case_img{margin-bottom: 1rem;text-align: center;}
  .case_item ul li .case_img,.case_item ul li .case_txt,.service_item ul li a h4,.service_item ul li a .service_des,.systems_list li{width:100%;}
  .history ul li .history_des{width: 100%;}
  .history ul li .history_img img,.history ul li .history_img{height: 100%;width: 100%; border-radius: 0;max-width: inherit;margin-right: 0;border: none;}
  .history ul li .history_img{width: 80%; margin: 0 auto;text-align: center;}
  .history ul li .history_img::before,.history ul li .history_img::after,.history ul li .history_img a::before{display: none;}
  .cer_list ul li{width: 100%;margin-right: 0 !important;}
  #etw_video_list ul li{width: 49%;  }
  #etw_video_list li a{border: none;}
  #etw_video_list ul li:nth-child(3n){margin-right: 2%;}
  #etw_video_list ul li:nth-child(2n){margin-right: 0;}
}
@media (max-width:480.98px) {
  #etw_video_list ul li,.related_pro 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{width: 100%; margin-right: 0 !important;}
}
@media (max-width:320.98px) {



}


/* 2024-10-08 */

/* .inquiry_box{margin-bottom: 0;} */
#etw_set_feedback_form{width: 100%;text-align: center;}
.inquiry_bg{background:url(../images/pro_bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;width:100%;position:relative;padding:3rem 0 2rem;}
.inquiry_box1{display:flex;margin:2rem 0;flex-wrap:wrap;width:100%;padding:0 5rem;color: #fff;background: none;}
.inquiry_box1 h3{font-size: 2rem;}

#floatchatiframe2011{margin:0 auto;}
.inquiry_bg .inquiry_box1{max-width:1000px;margin:0 auto;}
.inquiry_bg #etw_form_title{text-align:center;color:#fff;font-weight:200;text-transform:uppercase;font-size:2.4rem;line-height:2.4rem;letter-spacing:0.05rem;padding:1rem 0 0;}
.inquiry_bg p{text-align:center;width:80%;margin:0 auto;color:#fff;}
.inquiry_bg p.inquiry_text {margin-bottom: 2rem;}

.etw_bottom1{padding-top: 3rem;}

.layui-layer-btn .layui-layer-btn0{float:none;font-size:1.5rem;color:#fff !important;margin-bottom:28px;}
.layui-layer-btn{text-align:center !important;}
.layui-layer-btn a{padding:5px 15px !important;height:auto !important;}

.other_pro{width:100%;margin:0 auto;position:relative;z-index:1;}
.other_pro ul{display:flex;flex-wrap:wrap}
.other_pro ul>li{width:23.5%;overflow:hidden;margin:0 2% 1.5rem 0;transition:.3s all ease-in-out;background:#fff;position:relative;border-radius:2rem;box-shadow:1px 1px 16px rgb(0 0 0 / 10%);}
.other_pro ul>li:before{position:absolute;content:'';background:linear-gradient(180deg,#efefef,transparent,#efefef);width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out;transform:scaleX(0);}
.other_pro ul>li:hover{box-shadow:1px 1px 16px rgb(0 0 0 / 20%);}
.other_pro ul>li:hover:before{transform:scaleX(1);}
.other_pro ul>li:nth-child(4n){margin-right:0}
.other_pro ul>li:nth-child(4n+1){clear:both}
.other_pro ul li ol{width:100%;overflow:hidden;position:relative;}
.other_pro ul li ol li.product_img{width:100%;position:relative;}
.other_pro ul li ol li.product_img a{display:block;width:100%;position:relative;overflow:hidden;padding:1rem;}
.other_pro ul li ol li.product_img img{width:100%;transition:.3s all ease-in-out;mix-blend-mode:multiply;}
.other_pro ul li ol li.product_con{text-align:center;margin:auto;width:100%;position:relative;padding:0 1rem;}
.other_pro ul li ol li.product_con a{color:#333;display:block;padding:1rem 0;font-size:0.9rem;line-height:1.2rem;font-weight:200;text-align:center;font-family:'Oswald';letter-spacing:0.03rem;border-top:1px solid #ccc;}

.other_pro5 ul>li{width:19.2%;margin:0 1% 1rem 0;}
.other_pro5 ul>li:nth-child(4n){margin-right:1%}
.other_pro5 ul>li:nth-child(4n+1){clear:none}
.other_pro5 ul>li:nth-child(5n){margin-right:0;}
.other_pro5 ul>li:nth-child(5n+1){clear:both}

.navbar-expand-lg .navbar-nav .nav-link {padding: 1rem 0.75rem;}
.faq_box ul.item{background-color:#fff ;padding: 1rem;border-left: 3px solid #01b9ff;}

.banner_wrap::before{
  position: absolute;
  content: '';
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  z-index: -1;
  background: rgba(0,25,60,.3);
  border-radius: 0.5rem;
  box-shadow:1px 1px 16px rgb(0 0 0 / 10%);
}
.banner_wrap{max-width: 640px;}
.banner_wrap h3{font-size: 1.9rem;}
.banner_wrap p{font-weight: 600;font-size: 1.2rem;}
@media (max-width:1199.98px) {#etw_logo{width: 120px;}
.banner_txt{padding: 0 2rem;}
.banner_txt p{font-size: 1.2rem;}
.banner_wrap{max-width: 768px;}
}
@media (max-width:1099.98px) {.navbar-expand-lg .navbar-nav .nav-link{font-size: 0.8rem;}


}
@media (max-width:1025.98px) {#etw_logo{width: auto;}


}
@media (max-width:991.98px) {

  .other_pro5 ul>li{width:32%;margin:0 2% 1rem 0;}
  .other_pro5 ul>li:nth-child(4n){margin-right:2%}
  .other_pro5 ul>li:nth-child(4n+1){clear:none}
  .other_pro5 ul>li:nth-child(5n){margin-right:2%;}
  .other_pro5 ul>li:nth-child(5n+1){clear:none}
  .other_pro5 ul>li:nth-child(3n){margin-right:0;}
  .banner_txt p,.banner_wrap p{display: none;}
  .banner_wrap h3, h2, .etw_hometitle{font-size: 1.8rem;}
}
@media (max-width:767.98px) {
.banner_wrap{max-width: 100%;}


}
@media (max-width:649.98px) {
  .other_pro5 ul>li,.other_pro ul>li{width:49%;}
  .other_pro5 ul>li:nth-child(3n){margin-right:2%;}
  .other_pro5 ul>li:nth-child(2n),.other_pro ul>li:nth-child(2n){margin-right:0;}
  
}
@media (max-width:575.98px) {
.pro_banner .probanner_txt{width: 95%;position: static;transform: none;}
.pro_banner img{position: absolute;height: 100%;z-index: -1;}
.small_banner_txt{display: none;}
}

/* new */
.hub_list{width: 100%; display: flex; flex-wrap: wrap; padding-top: 40px; margin: 1.25rem 0;}
.hub_list>li{width: 100%;display: flex; margin-bottom: 40px;}
.hub_list>li>ol{width: 100%; display: flex; flex-wrap: wrap; background-color: #f5f5f5; align-items: center; border-radius: 20px 20px 0 0; overflow: hidden;}
.hub_list>li>ol>li.product_img{width: 40%; padding: 20px;}
.hub_list>li>ol>li.product_img img{mix-blend-mode: multiply;}
.hub_list>li>ol>li.product_con{width: 60%; padding: 2rem; padding-left: 3rem; flex-direction: column; display: flex;}
.hub_list>li>ol>li.product_con a.h6{ font-size: 1.4rem; color: #000; font-weight: 600; margin-bottom: 1.25rem;}
.hub_list>li>ol>li.product_con a.h6:hover{color: #01b9ff;}
.hub_list>li>ol>li.product_con p{font-size: 1rem; line-height: 24px; margin-bottom: 1.25rem;}
.hub_list>li>ol>li.product_con a.more{width: fit-content;}

p.small_text{margin-bottom: 1rem; font-size: 1.2rem;line-height: 1.2;color: #333;}
p.small_text.blue{color: #0A1962;font-weight: 600;}

.hub_list>li:nth-child(1)>ol>li.product_img,.hub_list>li:nth-child(4)>ol>li.product_img,.hub_list>li:nth-child(5)>ol>li.product_img,.hub_list>li:nth-child(6)>ol>li.product_img{background-image: linear-gradient(rgba(197,197,197,1),rgba(231,231,231,1));}
.hub_list>li:nth-child(2)>ol>li.product_img,.hub_list>li:nth-child(3)>ol>li.product_img{padding: 0;}

@media (max-width:767.98px) {
  .hub_list>li>ol>li.product_img{width: 100%;margin-bottom: 1rem;}
  .hub_list>li>ol>li.product_con{width: 100%;padding: 1rem;}
}
@media (max-width:575.98px) {

}

/*2025-5-7*/
.btn_pdf::before{content: "\f1c1";}