@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:"Barlow-Light";src:url(../font/Barlow-Light.ttf) format("truetype");}
@font-face {font-family:"Barlow-Regular";src:url(../font/Barlow-Regular.ttf) format("truetype");}
@font-face {font-family:"Barlow-SemiBold";src:url(../font/Barlow-SemiBold.ttf) format("truetype");}
@font-face {font-family:"Roboto-Bold";src:url(../font/Roboto-Bold.ttf) format("truetype");}
@font-face {font-family:"Roboto-Light";src:url(../font/Roboto-Light.ttf) format("truetype");}
@font-face {font-family:"Roboto-Regular";src:url(../font/Roboto-Regular.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=1655977117863") format("truetype");}
@font-face {font-family:"iconfont2";src:url("../font/iconfont3.ttf?t=1656552553743") format("truetype");}
.iconfont {font-family:"iconfont" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
.iconfont2 {font-family:"iconfont2" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body {color:rgba(0, 0, 0, 0.8);font-family:"Barlow-Regular",Arial,Helvetica,sans-serif;font-size:1.1rem;line-height:1.55;}
* {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:2rem;border-top:1px solid #ddd;}
strong {font-size:1.1rem;display:inline-block;font-weight:normal;color:#000;padding-bottom:.5rem;padding-top:1rem;font-family:"Barlow-SemiBold"; }
b {color:#333;font-size:1rem;font-weight:normal;font-family:"Barlow-SemiBold";}
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:#289fe1;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: #32325c; display: inline; padding-left: 2rem;}
.table td {vertical-align:middle;padding-top:.4rem;padding-bottom:.4rem;}
.table tr:nth-child(odd) {background-color:#f3f3f3;}
.table tr:nth-child(even) {background-color:#fff;}
.table-bordered td {border:4px solid #fff;} 
.theme-send-inquiry-box {background:#32325c !important;}
.theme-box-name {background:#3d6b57 !important;text-transform:uppercase;border-left:1px #3d6b57 solid !important;}
h3 {font-family:"Roboto-Bold";font-size: 1.3rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
.big_title {font-size:1.6rem;position:relative;margin-bottom:1rem;margin-top:1rem; position: relative; padding-bottom: .5rem; margin-bottom: 1rem; color: #000;}
.big_title::before{position: absolute;content: ""; left: 0; bottom: 0; width: 100px; height: 1px; background-color: #32325c;}
.big_title a{width: 100%; display: flex; justify-content: space-between;color: #000;transition: all .5s;}
.big_title a h5{color: #32325c; text-decoration: underline; transition: all .5s;}
.big_title a h5:hover,.big_title a:hover{color: #65ac8d; text-decoration: none;}

h2,.etw_hometitle {display:block;line-height:1.35;color:#32325c;font-size:1.6rem;padding-bottom:0.5rem;font-family:"Roboto-Regular"; margin-top: 1rem;;}
h3.pro_name{color: #666; font-size: 1.1rem; margin-bottom: 2rem; position: relative;padding-bottom: 1rem;}
h3.pro_name::before{position: absolute;content: ""; width: 100px; height: 2px; background-color: #32325c; bottom: 0; left: 0; }
.swidth{width: 100%; max-width: 800px; margin: 0 auto; text-align: center;}

.etw_hometitle {margin-bottom:1rem;}
#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;background:#fff;}
.header_in {width:100%;max-width:1320px;margin:0 auto;}
#etw_logo {width:auto;text-align:center;float:left;margin-top:.5rem;}
.top-nav {width:auto;float:right;padding-left:2rem;margin-top:.5rem;}
.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;}
@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}
.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:0.5rem .8rem;text-transform:uppercase;color:#333;position:relative;font-size:.9rem;}
.navbar-light .navbar-nav .nav-link:before {content:"";position:absolute;bottom:-0rem;left:0;right:0;margin:0 auto;height:1px;width:0;background:#65ac8d;transition-delay:0.1s;transition:0.1s all linear;border-radius:2rem;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {width:100%;right:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu {padding-top:0;padding-bottom:0;top:38px;box-shadow:0px 10px 20px 0px rgb(0 0 0 / 20%);}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {background-color:#fff;color:#333;font-size:.9rem;position:relative;display:block;transition:all 0.5s;padding-top:0.3rem;padding-bottom:0.3rem;position:relative;}

.navbar-expand-lg .navbar-nav .dropdown-menu > li > a::before {position:absolute;content:"\f105";font-family:fontawesome;left:.8rem;top:0.3rem;}
.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 {color:#65ac8d; }
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#65ac8d;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#65ac8d !important;background-color: #eee !important;}
.dropdown-item {font-size:0.9rem;}
.dropdown-item.active {background-color:#fff}
.nav-item span.pro_icon {position:absolute;top:0.5rem;right:1rem;color:#32325c;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:32%;height:32px;line-height:25px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem; background-color: #f4f4f4;}
#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:1rem;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: 2px;}
#etw_language .dropdown-item:hover {color:#123e7c;background:none;}
#etw_language .dropdown-item:focus {background:none !important;}
/* banner */
#etw_banner {width:100%;position:relative;max-width:0 auto;text-align:center;}
#etw_banner img{width: 100%;}
.banner_01 {width:100%;color:#fff;margin:0 auto;line-height:1.45;font-size:1rem;position:absolute;left:0;right: 0; max-width: 1180px; top: 20%;}
.ban_txt {width:100%; color: #32325c; padding:1.5rem 3rem;max-width:700px; position: absolute; right: 0; text-align: left;font-size: 1.3rem;}
.ban_txt h1{font-family:"Roboto-Bold"; font-size: 2rem; margin-bottom: 1rem;}
.ban_txt p{width: 100%; max-width: 392px;}
@media (max-width:1066px) {.ban_txt p{margin-top: -2%;}}
@media (max-width:991.98px) {.ban_txt p{line-height: 1.3rem;}}
@media (max-width:879px) {.ban_txt p{display: none!important;}}
/* solution_box */
.solution_box{width: 100%; margin: 3rem auto;}
.webtitle{font-size: 2.2rem; color: #32325c; text-align: center;font-family:"Roboto-Regular"; margin-bottom: 1rem;}
.bg_webtitle{background-color: #f8f9fa; padding: 1rem 0;}
.title_bg{background:url(../images/logo_bg.jpg) no-repeat top; padding: 2.5rem 0;}
.solution_item a{display: block; text-align: center; }
.solution_item a img{width: 100%;}
.solution_item a h3{color: #000;margin-top: 1rem; padding:0 1rem;transition: .5s ease; text-align: left;}
.solution_item p{color: rgba(0,0,0,0.7); padding:0 1rem; font-size: 1rem;}
.solution_item{height: 100%; box-shadow: 0 25px 98px 0 rgba(0, 0, 0, 0.05); transition: .5s ease;transform: translateY(0px);}
.solution_item:hover{box-shadow: 0 25px 98px 0 rgba(0, 0, 0, 0.1);  transform: translateY(-10px);}
.solution_item:hover a h3{color: #32325c;}
/* manpro_box */
.manpro_box{width: 100%; margin: 0 auto; background-color: #f8f9fa; padding: 3rem 0; position: relative; margin-top: 10rem;}
.manpro_box::before{position: absolute; content: ""; left: 0; right: 0; background: url(../images/box_img.png) no-repeat; width: 207px; height:147px; margin: 0 auto; top: -7rem;}
.manpro_item{height: 100%;position: relative; overflow: hidden; font-size: 1rem; padding-bottom: 1rem; }
.manpro_item a h3{color: #000; transition: all .5s; position: relative; z-index: 1; }
.manpro_item a span{display:inline-block; color: #65ac8d; position: relative; padding-right: 2rem; position: absolute; bottom: 2rem; left: 1rem;}
.manpro_item a span::before{position: absolute;content: ""; right: 0; top: .6rem; background: url(../images/icon_01.png) no-repeat; width: 19px; height: 12px;transition: all .5s;}
.manpro_item a{display: block; padding: 1rem;padding-bottom:3rem;}
.manpro_item a img{transition: all .8s; transform: scale(1);}
.manpro_item::before{position: absolute; content: ""; width: 100%; height: 45%; background-color: #e8f1ee; left: 0; bottom: 0;  z-index: 0; transition: all .5s;}
.manpro_item:hover::before{height: 100%; }
.manpro_item:hover a h3{color: #32325c;}
.manpro_item:hover a span::before{right: -2rem;}
.manpro_item:hover a img{transform: scale(1.1);}

/* about_box */
.about_box{width: 100%; margin: 3rem auto; text-align: center; }
.about_box span{color: #65ac8d;}
.about_box img{margin-top: 2rem;}
.about_box .more{text-align: right; padding-left: 1rem; color: #072034; text-decoration: underline; font-size: 1.2rem; transition: all .5s;}
.about_box .more:hover{color: #24e38f;}
/* case_box */
.case_box{width: 100%; margin: 2rem auto;}
.case_box ul{width: 100%; display: flex; flex-wrap: wrap;}
.case_box ul li{width: 15.8%; border: 1px solid #eee; margin-right: 5px; margin-bottom: 5px;}
.case_box ul li:nth-child(6n){margin-right: 0;}

/* #container */
#container {width:100%;margin:0 auto;margin-top:88px;}
.content {width:100%;max-width:1180px;margin:0 auto;}
.content_big{max-width: 1400px;}
/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#333;font-size:.8rem;overflow:hidden;position:relative; background-color: #e8f1ee; padding:.5rem 0; border-top: 1px solid #ddd;}
#quicknav a {color:#333;}
#quicknav ul {width:100%;max-width:1180px;margin:0 auto;}
@media (max-width:1197px) {
  #quicknav ul {padding-left: 1%;}
}
#quicknav li {display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li + li::before {padding:0 5px;color:#333;content:"/\00a0";}
#quicknav a:hover {color:#32325c;}

/* pagebox */
.pagebox{width: 100%; margin: 2rem auto; margin-bottom: 0;}
.swidth{width: 100%; max-width: 980px; margin: 0 auto;}

/* bg_color */
.bg_color{padding: 2rem 0; background:#f8f9fa; margin:3rem auto;  }
/* hubpro_box */
.hubpro_box{margin:2rem auto; width: 100%;}
.hubpro_box a{display: block; height: 100%;box-shadow: rgba(0,0,0,.3) 0 0 5px; transition: .5s ease;transform: translateY(0px); padding-bottom: 4rem;background-color:#f0f0f0 ;text-align: center; position: relative;}
.hubpro_box a img{width: 100%;}
.hubpro_box h3,.hubpro_box text{padding: 1rem; color: #000; padding-bottom: 0; transition: .5s ease; line-height: 1.55;}
.hubpro_box text{display: block; background-color: #ddd; padding: .2rem 2rem; border-radius: 22px;  margin: 0 auto; width: 100%; max-width: 180px; color: #65ac8d; margin-top: 2rem; position: absolute; bottom: 1rem; left: 0; right: 0; }
.hubpro_box a:hover{box-shadow: 0 25px 98px 0 rgba(0, 0, 0, 0.1);  transform: translateY(-10px); background-color:#65ac8d ;}
.hubpro_box a:hover h3{color: #fff;}
.hubpro_box a:hover text{background-color: #24e38f;color: #fff; }
.hubpro_box h3{font-size: 1.1rem;}
/* other_products */
.other_products{width: 100%; margin: 3rem auto; }
.other_title{width: 100%; text-align: center; font-size: 2.8rem;text-transform: uppercase;margin-bottom: 1rem;}
.other_title i{color: #65ac8d; font-style: normal;}
.other_products a{margin: 5px;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{background:none;}
.other_products h3{height: 70px; display: flex; align-items: center; justify-content: center;}
/* manufactur_box */
.manufactur_box{width: 100%; margin: 2rem auto;}
.manufactur_img {
  background: #65ac8d;
  margin: 0 auto;
  margin-top: 2rem;
  border-radius: 5px;
  width: 90%;
}
.manufactur_img img {
  margin-left: -1rem;
  margin-top: -1rem;
  margin-bottom:1rem;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #ccc;
}
.manufactur_text h3{ font-size: 2rem; margin-bottom: 1.5rem; margin-top: 0;}

/* sub_link */
.sub_link{width: 100%; margin: 2rem auto; display: flex; flex-wrap: wrap; justify-content: center;}
.sub_link li{width: auto; margin-right:1%; margin-bottom: 8px;}
.sub_link li a{ color: #333; background-color: #f0f0f0; padding: .2rem 2rem; padding-bottom: .5rem; border-radius: 22px; width: 100%; display: block; text-align: center; transition: all .5s; position: relative;box-shadow: rgba(0,0,0,.3) 0 0 5px;}
.sub_link li a::before{position: absolute; content: "\f061";font-family:fontawesome; right: 1rem; top: .75rem; color: #666; font-size: .6rem;transition: all .5s; }
.sub_link li a:hover,.sub_link li a.dq{background-color: #65ac8d; color: #fff;}
.sub_link li a:hover::before,.sub_link li a.dq::before{color: #fff;}


/* adv_box */
.adv_box{width: 100%; margin: 0 auto;}
.adv_item{text-align: center; font-size: .9rem; padding:0 1.6rem;}
.adv_item h4{font-size: 1.2rem;font-family:"Roboto-Bold"; margin-top: 0;}
.adv_item span{color: #65ac8d; font-size: 4rem;}
/* .item */
.item{width: 100%; display: flex; flex-wrap: wrap;}
.item li{width:100%; margin-bottom: .8rem; position: relative; padding-left: 1.5rem; line-height: 1.45;}
.item li::before{position: absolute;content: "\f00c";font-family: fontawesome;left: 0; top: 1.5rem; color: #333; font-size: .89rem;  }


/* inquiry_box */
.inquiry_box{background-color: #e8f1ee; padding: 3rem; margin: 0 auto; margin-top: 3rem; text-align: center;}
.inquiry_box h4{font-size: 2.6rem; margin-bottom: 1.5rem;}
.inquiry_box a,.btn-more,.btn-inquiry{background-color: #65ac8d; color: #fff; padding: .8rem 3rem; border-radius: 50rem; display: inline-block; margin-top: 1rem; text-transform: uppercase;box-shadow: rgba(0,0,0,.3) 0 0 5px; transition: all .5s; position: relative;}
.inquiry_box a span,.btn-more span,.btn-inquiry span{position: relative; z-index: 1;transition: all .5s;}
.inquiry_box a::before,.btn-more::before,.btn-inquiry::before{position: absolute; content: ""; width: 0; height: 0; background-color: #65ac8d;border-radius: 50rem; top: 0; left: 0; transition: all .5s; }
.inquiry_box a:hover::before,.btn-more:hover::before,.btn-inquiry:hover::before{background-color: #575789;width: 100%;height: 100%;}
.btn-more:hover{color: #fff;}
.contact_des{line-height: 1.45;}
.contact_des strong{padding-top: .5rem;}

/* btn-inquiry */
.btn-inquiry{margin-bottom: 1rem; display: block; margin-top:1rem; float: right; }
.btn-inquiry:hover{ color: #fff;}


/* feedback_bg */
.feedback_bg{width: 100%; padding: 3rem; margin: 3rem auto; margin-bottom: 0; background: url(../images/bg_inquiry.jpg) no-repeat top; background-size: cover; background-attachment: fixed;}
.form_contact_title{font-size: 2.4rem;text-transform: uppercase;}
.etw_set_feedback_form,.brief_box{background:rgba(255, 255, 255, 0.55); padding: 2rem; height: 100%; }
.brief_box ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; color: #32325c;}
.brief_box ul li{margin-right: 4%; background-color: #c3e5d6;width: 45%; text-align: center; padding: 1rem; border-radius: 5px; margin-bottom: 1rem; }
.brief_box ul li:nth-child(2n){margin-right: 0; }
.brief_box ul li ol{font-size: 1rem;}
.brief_box ul li ol.num{font-size: 2.1rem;font-family:"Barlow-SemiBold";color: #32325c}
.brief_box ul li ol.num span{font-size: 1.2rem;font-family:"Barlow-Light";}




/* etw_sidebar */
#etw_sidebar{background-color: #e8f1ee; }
#etw_sidebar .title{font-size: 1.2rem; color: #000;font-family:"Roboto-Bold"; line-height: 1.35; margin-bottom: 1rem; background-color: #65ac8d; padding: 1rem; color: #fff;}
.etw_productlist ul{padding:0 1.5rem; padding-bottom: 1rem;}
.etw_productlist ul li a{color: #333; padding:.5rem 0; display: block; width: 100%; line-height: 1.35; border-bottom: 1px solid #fff; font-size: .9rem; position: relative; padding-left: 1.5rem; transition: all .5s; left: 0;}
.etw_productlist ul li a::before{position: absolute; content: "\f192"; left: 0; top: .5rem;font-family:fontawesome; color: rgba(0, 0, 0, 0.25);  font-size: .8rem; transition: all .5s;}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{left: .5rem; color: #24e38f;}
.etw_productlist ul li a:hover::before,.etw_productlist ul li a.dq::before{color: #24e38f;}

/* 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:20%;}
.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;box-shadow: rgba(0,0,0,.3) 0 0 5px;  }
.etw_gallery ul li figure:before{position:absolute;content:'';background:rgba(36 227 143 / 20%);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: #65ac8d; position: relative; padding-left: 1.5rem;font-size:1.1rem;line-height:1.35;}
.etw_gallery ul li::before{position: absolute; content: ""; left: 0; right: 0; margin: 0 auto;  bottom:-.8rem; background-color: #dcfaed; width: 100%; height: 1px; text-align: center; transition: all .6s;}
.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: #666; margin-bottom: 0;}

.etw_gallery ul li span{display:block;padding:0 1rem;text-align:center;font-size:1rem;line-height:1.25;color: #333; width: 100%;}
.etw_gallery ul li a:hover img{transform: scale(1.02);}
.etw_gallery ul li:hover::before{width: 60%; background-color: #0051b0;}


/* flowline */
.flowline{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; margin: 3rem auto;}
.flowline li{text-align: center; width: 16.5%; font-size: 1.2rem;}
.flowline li span{width:72px; height: 72px; line-height: 72px; display: flex; justify-content: center; align-items: center; position: relative; background-color: #3d6b57; color: #fff; border-radius: 50%; padding: 1.2rem; margin-bottom: 1rem; font-size: 2.5rem; text-align: center; margin: 0 auto;font-family:"iconfont2" !important;}
.flowline li span::before{position: absolute; content: ""; width: 60px; height: 1px; background-color: #ccc; top: 50%; right: -92px;}



.flowline li:last-child span::before{display: none;}
/* .left_pics */.left_pro_img,.pro_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; mix-blend-mode: multiply;}
.left_pics a {display:block;overflow:hidden}
.related_pic {width:100%;display:flex;flex-flow:wrap;justify-content:center;}
.related_pic a {width:18%;margin-right:2%;}
.related_pic a:nth-child(5n) {margin-right:0;}
.related_pic a:nth-child(5n + 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 #0051b0 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; background-color: #32325c;}
.etw_bottom {max-width:1180px;padding:2rem 0; padding-bottom: 0; width:100%;margin:0 auto;position:relative;text-align:left;  margin-bottom: 2rem; color:rgba(255, 255, 255, .7); }
.home_link {width:100%;overflow:hidden;background:#32325c;margin:0 auto;padding:.5rem 0; border-top: 1px solid #575789;}
#footer a:hover {color:#65ac8d;}
#footer .left_share a i {color:#fff !important;font-size:1rem;padding:0 0.5rem;}
.etw_bottom .etw_foot_title {position:relative;font-size:1.6rem;line-height:1.35;position:relative;border-radius:5px;margin-bottom:.8rem;font-family:"Barlow-SemiBold"; color: #fff;}
@media (max-width: 960px){.etw_bottom .etw_foot_title {font-size:1.3rem;}}
@media (max-width: 767.98px){.etw_bottom .etw_foot_title {font-size:1.6rem;}}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#65ac8d!important;text-decoration:none;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff;}
.etw_bottom a:hover {color:#65ac8d;}
.etw_bottom ul {width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li {width:100%;float:left;position:relative;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:rgba(255, 255, 255, .7);position:relative;font-weight:400;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:#b1b1bd;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:5px;color:#b1b1bd;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:4px;color:#b1b1bd;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f2be";position:absolute;left:0px;top:2px;color:#b1b1bd;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:4px;top:0px;color:#b1b1bd;font-family:fontawesome;font-size:22px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:0px;color:#b1b1bd;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f232";position:absolute;left:0px;top:0px;color:#b1b1bd;font-family:fontawesome;font-size:18px;}
#etw_coper {margin-top:2px;width:100%;line-height:22px;}
#etw_coper a {display:block;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 {color:#b00811;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
/* tags_box */.tags_box {width:100%;max-width:1180px;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.5rem 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:1550.98px) {
  .banner_02,.banner_03{top: 10%;}
}
@media (max-width:1400.98px) {
  .banner_03{max-width: 1200px;}
}
@media (max-width:1300.98px) {
  #etw_content,.header_in,.etw_bottom,.content,.ban_txt {padding-left:15px;padding-right:15px;}
  .ban_txt {max-width:600px; }
  
}
@media (max-width:1299.98px) {.navbar-expand-lg .navbar-nav .nav-link {padding:0.5rem .7rem;font-size:.8rem;}
.dropdown-item {white-space:normal;}
.top-nav {padding-left:0;}
.bx-controls-direction{display: none;}
.ban_txt h1{font-size: 1.6rem; margin-bottom: 1rem;}
}
@media (max-width:1199.98px) {
  #etw_logo img{width: 155px;}
}
@media (max-width:1088px) {
  .navbar-expand-lg .navbar-nav .nav-link{font-size:.7rem;padding:0.5rem .5rem;}
}
@media (max-width:1025.98px){
  
}
@media (max-width:991.98px) {
  #header {position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color:#fff; border-bottom:2px solid #c3e5d6 ;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev {display:none;}
#etw_sidebar {border:none;}
.top-nav .navbar {float:left;width:100%;}
.nav-item span.pro_icon {display:block;}
.navbar-light .navbar-toggler {color:#32325c;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:#32325c;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#32325c;}


.etw_language {background:none;width:auto;padding-top:1.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:#fff !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img {display:none;}
#menu-items {border-radius:0 !important;}
.flowline li{ width: 32.5%; margin-bottom: 1rem; }
.flowline li span::before{display: none;}
.banner_01{top: 10%; left: inherit; right: 5%;}
.ban_txt {max-width:400px;text-align: right; }
.ban_txt p{text-align: right;}
.ban_txt h1{font-size: 1.6rem; text-shadow: 0px 1px 1px #000;}
.webtitle,.inquiry_box h4,.other_title{font-size: 2rem;}
.inquiry_box{padding: 1rem;}
.etw_hometitle{margin-bottom: 0;}
}
@media (max-width:768.98px) {
.feedback_bg{padding: 2rem 0;}
.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;}

}
@media (max-width:650.98px) {
  html {font-size:14px; }
  .manpro_item a{text-align: center;}
  .app_item img{width: 100%;}
.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;}
.ban_txt h1 {width: 350px;}
}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.3rem;}
  #etw_banner{display: none;}
  .case_box ul li{width: 23.5%;}
  .case_box ul li:nth-child(4n){margin-right: 0;}
}
@media (max-width:480.98px) {
  .flowline li{width: 48%;}
  .hubpro_box text{padding: .2rem 1rem; font-size: .9rem;}
}
@media (max-width:380.98px) {
  .etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li{width: 100%; margin-right: 0;}
  .case_box ul li{width: 31%;}
  .case_box ul li:nth-child(4n){margin-right: 2%;}
  .case_box ul li:nth-child(3n){margin-right: 0;}
}
@media (max-width:320.98px) {
  .navbar-light .navbar-toggler,.iconfont {font-size:1.55rem;}
}
@media (max-width: 1000px){
  .feedback_bg .col-md-6 {
      flex: 0 0 100%;
      max-width: 100%;
  }}