@charset "utf-8";
@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype");font-display: swap;}
@font-face {font-family:Lunasima-Bold;src:url('../font/Lunasima-Bold.ttf');font-display: swap;}
@font-face {font-family:Lunasima-Regular;src:url('../font/Lunasima-Regular.ttf');font-display: swap;}
@font-face {font-family:Abel-Regular;src:url('../font/Abel-Regular.ttf');font-display: swap;}
@font-face {font-family:Open-Sans;src:url('../font/Open-Sans.ttf');font-display: swap;}
@font-face {font-family:Teko-Bold;src:url('../font/Teko-Bold.ttf');font-display: swap;}
@font-face {font-family:Teko-Regular;src:url('../font/Teko-Regular.ttf');font-display: swap;}

@font-face{font-weight:200;font-style:normal;font-family:Poppins;src:local('Poppins-Light'),local('Poppins-Light'),url(../font/Poppins-Light.woff2) 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:Poppins;src:local('Poppins-Regular'),local('Poppins-Regular'),url(../font/Poppins-Regular.woff2) 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:Poppins;src:local('Poppins-Medium'),local('Poppins-Medium'),url(../font/Poppins-Medium.woff2) 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:500;font-style:normal;font-family:Poppins;src:local('Poppins-SemiBold'),local('Poppins-SemiBold'),url(../font/Poppins-SemiBold.woff2) 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:600;font-style:normal;font-family:Poppins;src:local('Poppins-Bold'),local('Poppins-Bold'),url(../font/Poppins-Bold.woff2) 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:700;font-style:normal;font-family:Poppins;src:local('Poppins-ExtraBold'),local('Poppins-ExtraBold'),url(../font/Poppins-ExtraBold.woff2) 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:eurostilenext;src:url('../font/eurostilenext.woff2');font-display: swap;}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");font-display: swap;}

.iconfont {font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}
body {color:#333;font-family:Open-Sans, Arial, Helvetica, sans-serif;font-size:0.95rem;line-height:1.65; background-color: #fff;letter-spacing: -0.02rem;}
.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:#000; position: relative; padding-bottom: .5rem; margin-top: .5rem; font-weight: normal;font-size: 1rem;font-family:Lunasima-Bold;}
strong text{color:#0c4e99;}
b{color: #333;}
.inquiry{color: #023b7d; text-decoration: none;}
.inquiry:hover{color: #0075c1;}
a {text-decoration:none;-webkit-tap-highExtraBold-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:#004680;font-size:18px;}
.brief {width:100%;margin:1rem auto; font-size:1rem;color:#666;}
.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: 10px 8px;
  line-height: 1.35;
  vertical-align: middle;
  font-size: 0.85rem;

  border: 1px solid #eee;}

.table .top td{background-color: #ddd ; color: #000;padding: 12px 8px;}
.table_img img{mix-blend-mode: multiply; height: 60px;}
.table_img h3{font-size: 1rem;}
.table tr:nth-child(2n) {background-color:#f5f5f5}
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #fff !important;
}
.table{border-bottom:  1px solid #ccc;text-align: center;}
.border-none{border:none !important }
.table-bordered td{border: 1px solid #ccc;}
.table-bordered tr td:last-child{ border: 1px solid #ccc; }
.table-bordered tr:nth-child(2n) {background-color:#fff}
.table-bordered tr.top td:last-child{border-bottom: 1px solid #055994 !important;}



.inquiry{color: #004680; text-decoration: underline;}
.inquiry:hover{color: #0c4e99;}
.theme-send-inquiry-box {background:#0c4e99 !important;font-family: 'Poppins';}
.theme-box-name {background:#43b02a !important;text-transform:uppercase;border-left:1px #323e48 solid !important;}

h3 {font-size: 1.2rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;font-size: 1.65rem; margin: 0; padding-bottom: 1rem; color: #000; line-height: 1.15;font-family: 'Poppins';font-weight: 500;}
.etw_hometitle{ font-size: 2rem; position: relative;margin-bottom: 1rem; padding-bottom: .5rem;}
.small_font{font-size: 1.6rem; color: #0c4e99;}
.pro_name{color: #666; font-size: 1.1rem; position: relative;line-height: 1.35;margin-top: -.5rem; margin-bottom: .8rem; position: relative; border-bottom: 1px solid #eee; padding-bottom: 1rem; }
.color_font{color: #0c4e99; font-size: 1.2rem; margin-top: 1rem;padding-bottom: 1rem; font-family:Lunasima-Bold; position: relative; padding-left: 2rem; }
.color_font::before{position: absolute;content: "\f005";font-family:fontawesome; left: 0; top: 0;}
.big_title{font-size: 1.6rem; position: relative;font-family:Lunasima-Bold; margin-bottom: .5rem; margin-top: 2rem;}
.big_title span{background-color: #fff; position: relative; z-index: 1; padding: 0 1rem;}
.big_title::before{position: absolute;content: "";width: 60%; height: 1px; background-color: #eee; left: 0; top: 1.5rem;}
.big_title::after{position: absolute;content: "";width: 60%; height: 1px; background-color: #eee; right: 0; top: 1.5rem;}

h3.pro_model{color: #666; font-size: .9rem; margin-bottom: 1rem;}

h2 strong{font-size: 2.2rem;}
h2 small{display: block; color: #666; font-size: 1.6rem;}
.page_title{font-size: 1.4rem; position: relative;  display: block; padding-left: 1.5rem;}
.page_title::before{position: absolute;content: "";width:9px; height: 4px; background-color: #0c4e99; left: 0; top:1rem;}
.font_fold{font-size: 1.2rem; color: #000;}
.contact_des{font-size: 1.1rem; line-height: 1.85;}
.contact_des a{ color: #0c4e99; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.contact_des a:hover{color: #023b7d;}
.contact_des b{font-weight: 600; color: #333; margin-bottom: 1rem; }
.indent-left{padding-left: 3.8rem;}
.contact_des .title01{line-height: 1.65;font-family: 'Poppins'; color: #333;}
.contact_des .title01 b{ font-weight: normal; font-weight: 600;color: #333;}



#etw_top {position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#f2f2f2;z-index:100;cursor:pointer;color:#333;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a {color:#0c4e99;}
#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-color:#fff;   box-shadow: 0 0 25px rgb(0 0 0 / 10%); }
.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; }
#etw_logo a{width: 100%; display: flex; align-items: center;}
#etw_logo strong{color: #1b3e93; font-size: 1.2rem; display: block; display: block; width: 100%; 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: #0c4e99; border-radius: 50%; font-size: 1rem;}

.left_share a:hover{background-color: #31a03b; }

/* .top-nav */
.top-nav {width:100%;transition: all .8s;  float: left; background-color: #0c4e99; }
.top-nav .navbar{padding: 0;}
.nav-fixed {box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown; margin-top: 0 !important;}

@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}

.dropdown-menu-one {background-color:#eee;}
.navbar-expand-lg .navbar-collapse {flex-flow:row wrap !important;}

.navbar-nav {width:100%;}
.navbar-light .navbar-nav .nav-link {transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.8rem 1.4rem;color:#fff; position: relative;font-family:Lunasima-Bold; font-size: 1rem;}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom: 0rem;width:0px;height:2px;background-color:#43b02a;transform:translateX(-50%);transition:0.5s;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before{width:100%;}

.navbar-expand-lg .navbar-nav .dropdown-menu {top:50px; transition: all .5s;box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);background-color:#fff;padding:1rem .8rem; border: none; border-top: 1px solid #eee; border-radius: 0; }
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem; padding-left: 1rem; border-bottom:1px solid #eee; background: none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {color:#333;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:#fff;}
.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:#fff !important; }
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#fff;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#0c4e99!important;}
.dropdown-item {font-size:0.9rem;}
.dropdown-item.active, .dropdown-item:active{background:none !important;}
.nav-item span.pro_icon {position:absolute;top:0.5rem;right:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}

.top-nav ul>li>ul.dropdown-menu>li {position:relative}
.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);}

.navbar-nav .dropdown-menu1{min-width:72rem;left:-27.5rem;padding:2rem 2rem 1rem;}
.navbar-light .navbar-nav .dropdown-menu1 li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:0;position:relative;padding:0.4rem 0 0.4rem 0.3rem;font-size:1.2rem;color:#004680;white-space:normal;line-height:1.3rem;text-align:left;border-bottom:1px dotted #ccc;margin:0 0 0.2rem;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{width:24px;height:24px;position:absolute;left:0;top:1px;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item:hover,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item.active{color:#f4c90c;}
.navbar-nav .dropdown-menu li ol{position:relative;display:block;padding:0.3rem 0;width:100%;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a{width:100%;display:block;position:relative;padding:0.2rem 0 0.2rem 1.5rem;font-weight:400;font-size:.95rem;color:#111;line-height:1.35rem;position: relative;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;left: .5rem;top: .7rem;background-color: #666;}
.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover{color:#0c4e99;}

@media screen and (min-width:991.98px) {.top-nav .navbar-nav .row {position:absolute;padding:0;box-shadow:none;position:fixed;width:100% !important;top:106px !important;max-width:800px !important;left:50% !important;margin-left:-400px !important;border-radius:0;border:none;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; background: #eee !important;}
.top-nav .navleft {padding-left:0;width:36%;max-width:380px;float:left;}
.top-nav .navproinfo {display:flex;flex-wrap:wrap;}
.top-nav .navclassname {display:block;color:#00467f;font-size:20px;padding-bottom:20px;text-transform:uppercase;}
.top-nav .navbar-nav .row .navleft li {line-height:45px;border-bottom:1px #ccc solid;clear:both;}
.top-nav .navbar-nav .row .navleft li:last-child {border:none;}
.top-nav .navbar-nav .row .navleft li a {padding:10px 0 10px 8px;display:block;border-left:5px #eee solid;background-color:#eee;line-height:1.5rem;color:#333;position:relative;}
.top-nav .navbar-nav .row .navleft li a::before {position:absolute;content:"\f105";font-family:fontawesome;right:0.5rem;top:0.5rem;font-size:1.1rem;}
.top-nav .navbar-nav .row .navleft li a.lidq,.top-nav .navbar-nav .row .navleft li a:hover {background:0 0;border-left:5px #ffffff solid;color:#0c4e99;background:#fff;}
.top-nav .navbar-nav .navright {width:64%;float:left;display:block;background-color:#fff; padding: 2rem;}
.top-nav .navbar-nav .navright ul {width:100%;display:none; padding: .5rem 0   }
.top-nav .navbar-nav .navright ul.shownavpro {display:block;}
.top-nav .navbar-nav .navright ul > li {width:32%; margin-right:.5rem; float:left;clear:inherit; margin-bottom: .5rem;position: relative; background-color: #eee;  }
.top-nav .navbar-nav .navright ul.no-bottom li::before{display: none;}
.top-nav .navbar-nav .navright ul > li:nth-child(3n){margin-right: 0;}
.top-nav .navbar-nav .navright ul > li:nth-child(3n+1){clear: both;}
.top-nav .navbar-nav .navright ul > li > a {color:#000;display:flex; flex-wrap: wrap; position:relative;font-size:.9rem; padding-bottom: .3rem; line-height: 1.35;  }
.top-nav .navbar-nav .navright ul > li > a span{display: flex; width: 100%; text-align: center; padding:.5rem; height: 48px; align-items: center; justify-content: center;}
.top-nav .navbar-nav .navright ul > li > a:hover,.top-nav .navbar-nav .navright ul > li > a.active,.top-nav .navbar-nav .navright ul > li dl a:hover {text-decoration:underline;color:#0c4e99;}
.top-nav .navbar-nav .navright ul > li ol {width: 100%; display: flex; flex-wrap: wrap;}
.top-nav .navbar-nav .navright ul > li ol a{display: block; font-size: .8rem; position: relative; width: 32%; margin-right: 2%; color: #555; padding-left:1rem; position: relative;}
.top-nav .navbar-nav .navright ul > li ol a:nth-child(3n){margin-right: 0;}
.top-nav .navbar-nav .navright ul > li ol a::before{position: absolute;content: "\f101";left: 0rem; top: 0;font-family:fontawesome; font-size: 12px;}
.top-nav .navbar-nav .navright ul > li ol a:hover,.top-nav .navbar-nav .navright ul > li ol a.active{color: #0c4e99;}
}





@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:60%;height:32px;line-height:22px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem;margin-top: 2rem; }
#etw_language {float:right;width:auto;text-align:right;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#333;min-width:auto !important;font-size:.9rem;position:relative;}
#etw_language .dropdown-item::before {position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc;}
#etw_language .dropdown-item:last-child::before {display:none;}
#etw_language .dropdown-item img {margin-right:5px; margin-top: 1px;}
#etw_language .dropdown-item:hover {color:#000;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;}
#etw_banner img {display:block;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet {cursor:pointer;width:12px;height:12px;background:none;border-radius:50%;opacity:1;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;background-color:#fff;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#0c4e99;cursor:pointer;}
#etw_banner .swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:20px;}
#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:20%;left:0;right:0;margin:0 auto;text-align:left;line-height:1.55;width:100%;max-width: 1200px;color:#fff;}
.banner_inner {
  width: 100%;
  max-width: 750px;
  float: right;
}
.banner_txt h1 {
  font-size: 3.1rem;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-family: 'Poppins';
  font-weight: 600;
  line-height: 4rem;
  letter-spacing: 0.03rem;
}
.banner_txt1 {width:100%;top:25%;}
.banner_inner1 {
  width: 100%;
  max-width: 690px;
  float: left;
}
.banner_inner1 p{
  font-size: 1.3rem;
  line-height: 2rem;
}
.banner_txt2{top: 36%;}
.banner_txt h3 {
  font-size: 2.8rem;
  color: #fff;
  position: relative;
  z-index: 1;
  font-family: 'Poppins';
  line-height: 3.8rem;
  font-weight: 500;
}
.banner_inner2 p{
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.banner_inner2 strong{color: #fff; font-size: 1.82rem; line-height: 1.15;font-family:Lunasima-Bold; position: relative; }
.banner_inner2 strong::before{position: absolute;content: ""; width: 100%; height: 2px; background-color:#fff; bottom: 0; left: 0;}
.banner_txt3{top: 30%;}
.banner_inner3{
  max-width: 1200px;
  text-align: center;
}

.banner_inner3  h3{color: #fff;}
.banner_inner3 p{
  font-size: 1.3rem;
  line-height: 2rem;
  width: 73%;
  margin: 0 auto;
}
.banner_inner3 .more{
  width: 240px;
  background: 0;
  border: 1px solid #fff;
  font-family: 'Poppins';
  font-weight: 200;
  letter-spacing: 0.03rem;
  margin: 1.5rem auto;
}
.banner_txt3 h3 {
  font-size: 3rem;
  color: #fff;
  position: relative;
  z-index: 1;
  font-family: 'Poppins';
  line-height: 4rem;
  font-weight: 500;
  text-transform: uppercase;
}

.cer_list{display: flex; flex-wrap: wrap; margin-top: 1rem;  justify-content: flex-end;} 
.cer_list li{width: 90px; margin-right: 4%; text-align: left !important;}
.cer_list li:last-child{margin-right: 0;}

.more{  color: #fff;transition: all .5s; position: relative; display: inline-block;  background-color: #1b3e93;border-radius: 5px;  margin-top: 2rem; display: flex; align-items: center; justify-content: center; height: 45px; width: 100px;}

.more{  color: #fff;transition: all .5s; position: relative; display: inline-block;  background-color: #1b3e93;border-radius: 5px;  margin-top: 2rem; display: flex; align-items: center; justify-content: center; height: 45px; width: 100px;}
.big_more{width: 240px;margin-top: 2rem;font-family: 'Poppins';letter-spacing: 0.03rem;}
.more:hover{color: #fff;background-color: #0c4e99;}
.margin_auto{margin: 0 auto;}



#etw_banner .swiper-slide img {
  width: 100%;
  transition: 3s linear;
  transform: scale(1.1);
}

#etw_banner .swiper-slide.swiper-slide-active img {
  transform: scale(1);
}
/* bannerin */
.bannerin{
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(../images/bannerin01.jpg) no-repeat;
  background-size: cover;
  min-height: 360px;
  background-position: 0px 47%;
}
@media (max-width:1299.98px) {
	.banner_inner{padding: 0 2rem;}
	.banner_txt3 h3,.banner_txt h1,.banner_txt h3{font-size: 2.25rem;line-height: 2.6rem;}
	.banner_inner1 p{font-size: 1rem;line-height: 1.3rem;}
	.banner_inner3 p{font-size: 1rem;width: 95%;line-height: 1.3rem;}
}
@media (max-width:768.98px) {
 .bannerin{min-height: 200px;}
}
@media (max-width:575.98px) {
 .bannerin{min-height: 140px;}
}
.about_banner_box{background: url(../images/about_banner.jpg) no-repeat;background-size: cover;}
.app_bannerin_01{background: url(../images/app_bannerin_01.jpg) no-repeat;background-size: cover;}
.app_bannerin_02{background: url(../images/app_bannerin_02.jpg) no-repeat;background-size: cover;}
.app_bannerin_03{background: url(../images/app_bannerin_03.jpg) no-repeat;background-size: cover;}
.app_bannerin_04{background: url(../images/app_bannerin_04.jpg) no-repeat;background-size: cover;}
.app_bannerin_05{background: url(../images/app_bannerin_05.jpg) no-repeat;background-size: cover;}
.app_bannerin_06{background: url(../images/app_bannerin_06.jpg) no-repeat;background-size: cover;}
.app_bannerin_07{background: url(../images/app_bannerin_07.jpg) no-repeat;background-size: cover;}
.app_bannerin_08{background: url(../images/app_bannerin_08.jpg) no-repeat;background-size: cover;}
.app_bannerin_09{background: url(../images/app_bannerin_09.jpg) no-repeat;background-size: cover;}
.app_bannerin_0{background: url(../images/app_bannerin_0.jpg) no-repeat;background-size: cover;}
.solutions_banner{background: url(../images/solutions_banner.jpg) no-repeat;background-size: cover;}




.bannerin_shadow:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: .5;
  background: linear-gradient(90deg,#000 55%,transparent,#000);
}
.bannerin_shadow1{background: url(../images/bannerin01.jpg) center no-repeat; min-height:380px;}
.bannerin_shadow1:before{
  position: absolute;content: '';bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg,#fff,transparent);
}
.banner_box{position:absolute;max-width:1200px;margin:0 auto;width:94%;z-index:4;left:0;right:0;top:50%;transform:translateY(-50%);}
.banner_box h1,.banner_box h2,.banner_box h4,.banner_box .etw_hometitle,.banner_box #quicknav,.banner_box #quicknav a{color:#fff;background:0;}
.banner_box h1,.banner_box h2,.banner_box .etw_hometitle{font-size:3.6rem;padding:1rem 0;font-weight:600;position:relative;line-height:4rem;border-bottom:none;margin:0;color:#fff;font-family: 'Poppins';}
.banner_box h1.small_h2,.banner_box h2.small_h2{font-size:2.4rem;line-height:2.6rem;}
.banner_box p{color:#fff;font-weight:200;font-size:1rem;line-height:1.35;width:60%;}
.banner_box #quicknav a:hover{color:#0c4e99;}
.banner_box #quicknav ul{
  width: 100%;
  border: none;
  margin: 0;
  padding: 0.5rem 0;
}
.banner_box #quicknav li+li::before,.banner_box #quicknav li:last-child{color:#fff;}
.banner_box1{text-align: center;top: 45%;}

.banner_box1 #quicknav,.banner_box1 #quicknav a{color: #333;font-size: .95rem;
  font-weight: 600;}
.banner_box1 #quicknav li+li::before,.banner_box1 #quicknav li:last-child{color:#333;}
.banner_box1 h2,.banner_box1 .etw_hometitle{
  font-family: 'Poppins';
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
}
.info_box{width: 70%;text-align: center;margin: 0 auto;}
.info_box p{font-size: 1.05rem;line-height: 1.7rem;}
@media (max-width:991.98px) {
 .bannerin_shadow1{min-height:280px;}
 .info_box{width: 100%;}
 .info_box p{ text-align:left;}
}
@media (max-width:768.98px) {
 .banner_box h1,.banner_box h2,.banner_box .etw_hometitle{ font-size:2.6rem;line-height: 3.4rem;}
 .bannerin_shadow1{min-height:160px;}
}
@media (max-width:575.98px) {
 .banner_box h1,.banner_box h2,.banner_box .etw_hometitle{ font-size:2.125rem;line-height: 3rem;}
  .bannerin_shadow1{min-height:140px;}
}
/* application_box */
.webtitle{ 
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
  position: relative;
  line-height: 2.6rem;
  color: #1b3e93;
  
  font-family: 'Poppins';
  font-weight: 300;
}
.application_box{
  width: 94%;
  max-width: 1200px;
  margin: 4rem auto 3rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.application_box .webtitle{ 
  font-size: 2rem;
  margin-bottom: 1rem;
  position: relative;
  line-height: 2.4rem;
  color: #1b3e93;
  font-family: 'Poppins';
  font-weight: 500;
}
.application_box .webtitle span{
  display: block;
  font-size: 1.1rem;
  color: #999;
  font-weight: 400;
  margin-bottom: .5rem;
  letter-spacing: 0.03rem;
  line-height: 1.1rem;
}
.application_box .webtitle a{color: #1b3e93;}
.application_box .webtitle a:hover{color: #0c4e99;}
.application_box .more{
  width: 200px;
  text-align: center;
  margin: 1rem 0;
  font-family: 'Poppins';
 
}
.small_font{font-size: 2rem;}
.app_left{
  width: 26%;
  position: relative;
  padding: 0 2rem 0 0;
}
.app_left p{font-size: 1rem;}
.app_right{width: 74%;}
.app_right ul{display: flex; flex-wrap: wrap;}
.app_right ul li{ margin:0 0 1rem 0; position: relative;}
.app_right ul li:nth-child(3n){margin-right: 0;}
.app_right ul li a{display: block; position: relative; color: #fff;}
.app_right ul li a::before{position: absolute;content:"";width: 100%; height: 100%;background-color: #4a545b;  opacity: 0.6;transition: all .5s; }
.app_right ul li:nth-child(8n){margin-right: 0;}
.app_right ul li .app_name{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; padding: 0 1rem;}
.app_right ul li .app_name img{width: 100px;}
.app_right ul li .app_img::before{position: absolute;content:"";width: 100%; height: 100%;background-color:rgba(0 0 0 / 20%); transition: all .5s; }
.app_right ul li .app_name strong{
  color: #fff;
  font-weight: 200;
  font-size: 1.4rem;
  line-height: 1.6rem;
  display: block;
  width: 100%;
  font-family: 'Poppins';
  letter-spacing: 0.03rem;
}
.app_right ul li a:hover::before{opacity: .2;}

@media (max-width:991.98px) {
.app_left{width: 100%;}
.app_right{width: 100%;}
}
@media (max-width:768.98px) {
.solution_box ul li{width: 49%; margin-bottom:0.6rem;}
.solution_box ul li:nth-child(4n){margin-right: 2%;}
.solution_box ul li:nth-child(4n+1){clear: none;}
.solution_box ul li:nth-child(2n){margin-right: 0;}
.solution_box ul li:nth-child(2n+1){clear: both;}
}

/* mainproducts_box */
.mpro_top_bg{
  background-image: url(../images/bg-top.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.mainproducts_box{padding:1rem 0; position: relative;}
.mainproducts_box:before{
  position: absolute;
  content: '';
  background: url(../images/mainpro_bg1.webp) no-repeat;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 600px;
  opacity: .1;
}
.mainproducts_box .content{max-width: 1200px; position: relative;margin: 1rem auto;}
.mainproducts_box p{font-size: 1.05rem;line-height: 1.7rem;text-align: center;width: 88%;margin: 0 auto 1.5rem;}
.mainproducts_box .webtitle{
  font-weight: 600;
  padding: 1rem 0;
  margin: 0;
}
.mainproducts_box ul{ display: flex; flex-wrap: wrap;}
.mainproducts_box ul li{width: 23.5%; margin:0 2% 1.5rem 0;  background-color: #fff;border-radius: 15px;
  box-shadow: 5px 10px 10px 4px #6696ff12;
  border: 2px solid #6797ff14;
  overflow: hidden; transition: all .5s; overflow: hidden; padding-top: 1rem;}
.mainproducts_box ul li:nth-child(4n){margin-right: 0;}
.mainproducts_box ul li:nth-child(4n+1){clear: both;}
.mainproducts_box ul li a{display: block;width: 100%;padding: 1rem 0;}
.mainproducts_box ul li span{font-size: .9rem; display: block; line-height: 1.35; color: #0c4e99;   transition: all .5s;text-align: center; padding: 1rem;font-weight: 600;}
.mainproducts_box ul li:hover{box-shadow: 5px 10px 10px 4px rgba(0, 0, 0, 0.1);}
.mainproducts_box ul li img{transition: all .5s;}
.mainproducts_box ul li:hover img{transform: scale(1.05);}
.mainproducts_box ul li:hover span{color: #31a03b;}
@media (max-width:768.98px) {
.mainproducts_box ul li{width: 49%;}
.mainproducts_box ul li:nth-child(4n){margin-right: 2%;}
.mainproducts_box ul li:nth-child(4n+1){clear: none;}
.mainproducts_box ul li:nth-child(2n){margin-right: 0;}
.mainproducts_box ul li:nth-child(2n+1){clear: both;}
.mainproducts_box ul li span{ padding:1rem 0.5rem;}
}
@media (max-width:430px) {
.mainproducts_box ul li{width: 100%;margin-right: 0%;}
.mainproducts_box ul li a{ text-align:center;}
}

/* custom_box */
.custom_box{padding: 4rem 0;position: relative;background: linear-gradient(180deg,#1183c9,#111);}
.custom_box:before{
  position: absolute;
  content: '';
  background: url(../images/mainpro_bg2.png) no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  opacity: .9;
}
.custom_box .content{max-width: 1200px;position: relative;}
.custom_box .webtitle{font-weight: 700;text-transform: capitalize;text-align: center;}
.custom_box .webtitle a{color: #fff;}
.custom_box .small_title{
  color: #fff;
  font-family: 'Poppins';
  font-size: 1rem;
  line-height: 1rem;
  text-transform: uppercase;
  margin: 1rem 0 0.8rem;
  letter-spacing: 0.02rem;
  text-align: center;
  font-weight: 400;
}
.custom_box p{
  font-size: 1rem;
  line-height: 1.6rem;
  color: #fff;
  text-align: center;
  width: 80%;
  margin: 0 auto 1rem;
}
.custom_more{margin: 2rem auto 0;background: 0;background-color: rgba(0, 0, 0, 0);color: #fff;border: 1px solid #fff;border-radius: 2rem;width: 120px;font-family: 'Poppins';}

/* solution_box */
.solution_box{position: relative; margin-top: 1rem; }
.solution_box ul{display: flex; flex-wrap: wrap; margin-bottom: 1rem;}
.solution_box ul li{
  width: 23.5%;
  margin: 0 2% 0 0;
  border: 1px solid #eee;
  padding: .8rem;
  background-color: rgba(255 255 255 / 100%);
  box-shadow: 0 12px 18px 0 rgba(25,42,70,.13);
  border-radius: 1rem;
  transition: all .5s;
}
.solution_box ul li:nth-child(4n){margin-right: 0;}
.solution_box ul li a {
  display: block;
  width: 100%;
  position: relative;
}
.solution_box ul li a .solution_icon {
  width: 100%;
  margin:1.5rem auto 0.5rem auto;
  position: relative;
  text-align: center;
}
.solution_box ul li a .solution_des{width: 100%;}
.solution_box ul li a p{
  color: #333;
  font-size: 1.05rem;
  line-height: 1.6rem;
  margin-bottom: 0.5rem;
}
.solution_box ul li a strong{font-size: 1rem; color: #0c4e99;font-family:Lunasima-Bold; display: block; line-height: 1.35; transition: all .5s; }
.solution_box ul li a:hover strong{color: #31a03b;}
.solution_box ul li:hover{  box-shadow: 0 12px 18px 0 rgba(25,42,70,.33);transform: translateY(10px);}

@media (max-width:991.98px) {
.custom_box p{ width:100%;}
}
@media (max-width:768.98px) {
.custom_box .webtitle{ font-size:2rem;}
.solution_box ul li{width: 49%; margin-bottom:1rem;}
.solution_box ul li:nth-child(4n){margin-right: 2%;}
.solution_box ul li:nth-child(4n+1){clear: none;}
.solution_box ul li:nth-child(2n){margin-right: 0;}
.solution_box ul li:nth-child(2n+1){clear: both;}
}
@media (max-width:430px) {
.solution_box ul li{width: 100%;margin-right: 0%;}
}


/* about_us_box */
.about_us_box{
  
  background: url(../images/about_bg.jpg) no-repeat bottom;
    background-size: auto;
  background-size: cover;
  padding: 2rem 0;
  position: relative;
}
.about_us_box .about_img{position: relative; padding: 1rem;}
.about_des .webtitle{
  margin: 1rem 0;
  font-weight: 500;
}
.about_des .webtitle span{
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  color: #777;
  margin: 0.5rem 0;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
  font-weight: 600;
}
.about_des p{font-size: 1.05rem;}
.about_des .small_title{font-size: 1.2rem;line-height: 1.4rem;color: #0c4e99;font-style: oblique;font-weight: 500;font-family: 'Poppins';margin: 0 0 0.5rem;}
.about_des .item{font-size: 1rem;}
.about_des .item li{padding: 0 0 0 2rem;}
.about_des .item li:before{background: rgb(12, 78, 153,.7);width: 8px;height: 8px;}
.about_des .item li:first-child:before{background: rgb(12, 78, 153,.96);width: 15px;height: 15px;}
.about_des .more{width: 220px;text-align: center;font-family: 'Poppins';font-weight: 200;}

.abt_img_none{ display:none;}
@media (max-width:768.98px) {
.abt_img_none{ display:block;}
.abtimg_black{ display:none;}
.about_des .webtitle{ font-size:2rem;}
.about_us_box .about_img{ padding:1rem 0;}
}
/* our_advantage */
.our_advantage{color: #333; position: relative;  font-size: .9rem; margin-top: 2rem;  padding-bottom: 3rem; }
.our_advantage .webtitle{position: relative; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.5rem; color: #333;font-family:Lunasima-Bold; text-transform: none; }
.our_advantage .webtitle::before{position: absolute;content: ""; width: 100px; height: 2px; background-color: #333; left: 0;   bottom: 0;}
.our_advantage .item li::before{background-color: #0c4e99;width: 6px;height: 6px;}
.our_advantage .more{margin-top: 0; }

/* hub_about_item */
.hub_about_item{box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1); padding:1rem 2rem; height: 100%; transition: all .5s;}
.about_hub{margin: 3rem auto;}
.about_hub .hubabout_img{width: 60px;height: 60px; border-radius: 50%; display: flex;align-items: center; justify-content: center; background-color: #31a03b; margin: 0 auto; padding: .5rem;}
.about_hub .hubabout_des strong{font-family: Teko-Regular;font-size: 1.8rem; display: block; line-height: 1.35;transition: all .5s;}
.about_hub .hubabout_des p{color: #999;transition: all .5s;}
.hub_about_item:hover{background-color: #eee;}
.hub_about_item:hover p,.hub_about_item:hover strong{color: #333;}
.hub_about_item a{display: block; text-align: center;}
/* .about_hub */
.about_hub{position:relative;margin:2rem 0;}
.about_hub ul{position:relative;display:flex;flex-wrap:wrap;justify-content:center; width: calc(100% + 10px); margin: 0 -5px; display: flex; flex-wrap: wrap;}
.about_hub ul li{width:calc(100% / 7); padding: 0 5px; margin-bottom: 10px; display: flex;}
.about_hub ul li a{width:100%; display: block; margin: 0 auto; text-align: center; color: #333; box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1); background-color: #fff; padding: 1rem;}
.about_hub ul li a.dq{color:#31a03b;}
.about_hub ul li span{margin:0 0.5rem;display:inline-block;font-size:.8rem;line-height:1rem; width: 100%;}
.about_hub ul li .hub_img{width: 100%; max-width: 60px; height: 60px; background-color: #31a03b; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; margin: 0 auto; margin-bottom: 1rem; }
.about_hub ul li img{transition:.3s all ease-in-out;width:50px;margin:0.5rem auto;display:block;text-align: center; }
.about_hub ul li a:hover img{transform:translateY(-0.3rem);-webkit-transform:translateY(-0.3rem);-moz-transform:translateY(-0.3rem);-ms-transform:translateY(-0.3rem);-o-transform:translateY(-0.3rem);}
.about_hub ul li a:hover{color: #31a03b;}
@media (max-width:991.98px) {
  .about_hub ul li{width: calc(100% / 3);}
}
@media (max-width:767.98px) {
  .about_hub ul li{width: 50%;}
}
@media (max-width:575.98px) {
  .about_hub ul li{width: 100%;}
}


/* history_box */
.history_box{ width: 100%; display: flex; flex-wrap: wrap;}
.history_box ul{width: 32%; margin-right: 2%; margin-bottom: 1rem;background-color: #eee; }
.history_box ul:nth-child(3n){margin-right: 0; }
.history_box ul li{padding: 1rem 1rem;}
.history_box ul li:first-child{background-color: #ddd;font-family: 'Poppins';font-size: 1.8rem; color: #31a03b;padding:.5rem 1rem; padding-bottom: 0; }

@media (max-width:767.98px) {
 .history_box ul{width: 49%;}
 .history_box ul:nth-child(3n){margin-right: 2%;}
 .history_box ul:nth-child(3n+1){clear:none;}
 .history_box ul:nth-child(2n){margin-right: 0;}
 .history_box ul:nth-child(2n+1){clear:both;}
}
@media (max-width:575.98px) {
 .history_box ul{width: 100%;margin-right: 0;}
}

/* cer_box */
.cer_box{display: flex; flex-wrap: wrap;}

/* cer_item */
.cer_item{display: flex; flex-wrap: wrap; width: 48%; margin-right: 2%; margin-bottom: 2rem; background-color: #fff;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05); padding: 1rem; align-items: center;}
.cer_item:nth-child(2n){margin-right: 0;}
.cer_item .cer_img{width: 32%; margin-right: 2%;}
.cer_item .cer_name{width: 62%;}
@media (max-width:767.98px) {
 .cer_item{width: 100%; margin-right:0;}
 .cer_item .cer_img{width: 28%; margin-right: 2%;}
 .cer_item .cer_name{width: 66%;}
}
@media (max-width:575.98px) {
 .cer_item{padding:0;}
 .cer_item .cer_img{width: 100%; margin-right: 0; margin-bottom:1rem; text-align:center;}
 .cer_item .cer_name{width: 100%;}
}

/* customers_box */
.customers_box{display: flex; flex-wrap: wrap;}
.customers_box ul{display: flex; flex-wrap: wrap; width: 48%; margin-right: 2%; background-color: #eee; padding: 1rem; margin-bottom: 1rem; justify-content: space-between; align-items: center; }
.customers_box ul:nth-child(2n){margin-right: 0;}
.customers_box ul li.custom_img {width: 22%; margin-right: 2%;width: 100px; height: 100px; border-radius: 50%;}
.customers_box ul li.custom_txt{width: 74%;}
.customers_box ul li.custom_img img{width: 100px; height: 100px; border-radius: 50%; }

@media (max-width:991.98px) {
  .customers_box ul li.custom_img {width: 24%;}
  .customers_box ul li.custom_txt{width: 72%;}
}
@media (max-width:767.98px) {
 .customers_box ul{width: 100%; margin-right:0;}
}
@media (max-width:575.98px) {
  .customers_box ul li.custom_img {width: 30%;}
  .customers_box ul li.custom_txt{width: 66%;}
}
@media (max-width:430px) {
  .customers_box ul li.custom_img {width: 100%; margin-right:0; text-align:center; margin-bottom:0.8rem;}
  .customers_box ul li.custom_txt{width: 100%;}
}

/* Our Partners */
.partners_box{background: linear-gradient(180deg,#eef9ff,transparent);position:relative;width:100%;padding:1rem 0 2rem 0;}
.partners_box .webtitle{margin:3rem auto 2rem;padding:0;font-weight:200;font-size:2.8rem;line-height:3.2rem;width:100%;color:#0c4e99;}
.partners_box .webtitle span{font-weight:600;}

.partners_box img{mix-blend-mode: multiply;}
.partners_box ul{display: flex; flex-wrap: wrap;}
.partners_box ul li {margin: 0 2% 1rem 0;border: 1px solid #F0F0F0;box-shadow: 6px 6px 10px rgba(61,86,145,0.25);background: #fff; transition: .3s all ease-in-out; width: 18%; }
.partners_box .owl-theme .owl-dots .owl-dot.active span, .partners_box .owl-theme .owl-dots .owl-dot:hover span{ background:#0c4e99;}

.partners_box ul.owl-carousel2{ display:none;}
.partners_box ul.owl-carousel2 li {width: 100%;}

@media (max-width:768.98px) {
.partners_box ul.owl-carousel2{ display:block;}
.owl-carousel1.owl-loaded{ display:none!important;}
.partners_box .webtitle{ font-size:2.2rem;}
}

/* pro_accordion */
.pro_accordion{margin-bottom:3rem;margin-top:1rem;font-size:.9rem;}
.pro_accordion h3{font-size:1.1rem;color:#666;border-bottom:1px solid #ddd;padding-bottom:1rem;}
.etw_pdf_left{text-align:center;}
.pro_accordion .card-header{padding:0;transition:all .5s;}
.pro_accordion .card{margin-bottom:1rem;border-radius:0;}
.pro_accordion .btn-link{position:relative;color:#333;font-size:1rem;cursor:default !important;display:block;white-space:inherit !important;font-family:Lunasima-Bold;}
.pro_accordion .btn-link span{width:95%;display:block;}
.pro_faq_content01 .btn-link{min-height:62px;}
.pro_accordion .btn-link::before{position:absolute;content:"+";right:1rem;top:.2rem;font-size:1.6rem;transition:.3s all ease-in-out;cursor:pointer;width:28px;height:28px;border-radius:50%;color:#888;display:flex;align-items:center;justify-content:center;font-family:Teko-Bold;}
.btn-link:hover{text-decoration:none;}
.pro_accordion strong{font-size:1rem;}
.pro_faq_content01 .btn-link::before{top:1rem;font-size:1.6rem;}
.card-header .btn:hover.btn-link::before{transform:rotate(135deg);color:#31a03b;}
.card-header .btn:hover,.card-header .btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus{text-decoration:none;color:#31a03b}
.card-header .btn[aria-expanded="true"]::before{transform:rotate(135deg);color:#31a03b;}
.card{border:none;}
.card-header{background-color:#fff;}
@media (max-width:768.98px) {
  .pro_accordion .btn-link::before{ right:0.5rem;}
  .pro_accordion .btn-link span{ padding-right:0.5rem;}
}

/* application_box_inner */
.application_box_inner{margin: 2rem auto;}
.application_box_inner .app_item{height: 100%;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05); padding: 1rem; position: relative; padding-bottom: 5rem;}
.application_box_inner .app_item a strong{font-size: 1.1rem; transition: all .5s; }
.application_box_inner .app_item ol li{display: flex; flex-wrap: wrap;}
.application_box_inner .app_item ol li a{color: #999;display: block; font-size: .9rem; padding-left: 1rem; position: relative; line-height: 1.35; margin-bottom: .5rem; }
.application_box_inner .app_item ol li a::before{position: absolute;content: "";width: 4px; height: 4px; border-radius: 4px; background-color: #999; left: 0; top: .6rem; }
.application_box_inner .app_item ol li a:hover{color: #31a03b;}
.application_box_inner .app_item a strong:hover{color: #31a03b;}
.application_box_inner .app_item .app_img{overflow: hidden;}
.application_box_inner .app_item .app_img img{transform: scale(1); transition: all .5s;}
.application_box_inner .app_item a:hover img{transform: scale(1.05);}
.application_box_inner .app_item a.more{background-color: #fff; border: 1px solid #0c4e99; color: #0c4e99; position: absolute; left: 1rem; bottom: 1rem;}
.application_box_inner .app_item a.more:hover{background-color: #0c4e99; color: #fff;}
@media (max-width:768.98px) {
.application_box_inner .app_item .app_img img{ width:100%;}
.application_box_inner{ margin-top:0;}
.application_box_inner .app_item a.more{ height:35px;}
}


/* app_pro_item */
.app_pro_item{background: #eef9ff; box-shadow: 0 1px 2px #0003,0 1px 3px #0000001a; margin: 3rem auto; margin-top: 1rem; padding: 2rem;}
.app_pro_item strong{font-size: 1.4rem; position: relative;padding-bottom: 1rem; margin-bottom: 1rem; transition: all .5s; }
.app_pro_item strong::before{position: absolute;content: "";width: 60px; height: 3px; background-color: #31a03b; bottom: 0; } 
.app_pro_item strong:hover{color: #0c4e99;}
.app_pro_item img{mix-blend-mode: multiply;}
@media (max-width:767.98px) {
   .app_pro_item{ padding:1rem;}
}
/* other_application_box */
.other_application_box .other_app_title{font-size: 1.8rem;}
.other_application_box .app_item{padding-bottom: 1rem;}

/* why_pullner_box */
.why_pullner_box{background-color: #f8f8f8; padding: 4rem 0; margin-bottom: 4rem; margin-top: 4rem;}
.why_pullner_box .swidth{width: 60%; margin: 0 auto;}
.why_pullner_box .webtitle{font-family:Lunasima-Bold; font-size: 1.6rem; text-transform: none;}
@media (max-width:991.98px) {
   .why_pullner_box{ padding:2rem 0;}
   .why_pullner_box .swidth{width: 90%;}
}
@media (max-width:767.98px) {
   .why_pullner_box .swidth{width: 100%;}
}
/* pro_model */
.siger_solutions_box .pro_model{font-size: 1.6rem;font-family:Lunasima-Bold; line-height: 1.35; color: #333; margin-bottom: 1rem;}
.siger_solutions_box{border-bottom: 2px solid #eee; padding-bottom: 3rem; margin-bottom: 3rem;}
.solutions_img img{mix-blend-mode: multiply;}
.solutions_img{background-color: #f8f8f8; padding: 2rem; text-align: center;}
.siger_solutions_box:last-child{border: none;padding-bottom: 0;}
@media (max-width:768.98px) {
.siger_solutions_box .pro_model{ margin-top:1rem;}
}


/* tabfixed*/
.tabfixed{position:fixed;top:138px;left:0;margin:0;z-index:9;width:100%;background-color: #eee;right:0;box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.35);}
.tabfixed ul{max-width:1200px;width:100%;margin:0 auto;}
.tabfixed ul li{color:#333;box-shadow:none; padding: .5rem; position: relative;}
.tabfixed ul li::before{position: absolute;content: "";width: 1px; height: 100%; background-color: #fff; top: 0; right: 0;}
.tabfixed ul li span{font-size: .9rem;}
.tabfixed li:hover, .tabfixed li.dq,.nav-tabs-list-specifications li.dq span{color: #31a03b !important; }
.tabfixed ul li:last-child::before{display: none;}
/* custom_inner */
.custom_inner .swidth{width: 80%; margin: 0 auto; text-align: center;}
@media (max-width:768.98px) {
  .order-md-last img{ width:100%;}
  .order-md-last{ padding-bottom:1rem;}
}
@media (max-width:575.98px) {
  .order-sm-last img{ width:100%;}
  .order-sm-last{ padding-bottom:1rem;}
}
/* custom_advantages */
.custom_advantages{ display: flex; flex-wrap: wrap; margin-bottom: 3rem; background-color: #f8f8f8; padding: 2rem;}
.custom_advantages li{width: 32.5%; margin-right: 1%; background-color: #fff; padding: 1rem; margin-bottom: 1rem; display: flex; align-items: center; }
.custom_advantages li:nth-child(3n){margin-right: 0;}
.custom_advantages li .adv_icon_img{width: 50px; height: 50px; margin-right: 1rem;}
.custom_advantages li .adv_des{width: 80%;}
@media (max-width:991.98px) {
  .custom_advantages{ padding:1rem;}
 .custom_advantages li{width: 49%;}
 .custom_advantages li:nth-child(3n){margin-right: 2%;}
 .custom_advantages li:nth-child(3n+1){clear:none;}
  .custom_advantages li:nth-child(2n){margin-right: 0;}
 .custom_advantages li:nth-child(2n+1){clear:both;}
}
@media (max-width:575.98px) {
 .custom_advantages li{width: 100%;margin-right: 0;}
}
/* feedback_box */
.feedback_box{padding: 1rem 2rem;}
.feedback_box .webtitle{
  font-size: 1.2rem;
  color: #0c4e99;
  position: relative;
  padding: 0 0 0 0.8rem;
  line-height: 1.6rem;
  margin: 1rem 0 .3rem 0;
  font-weight: 600;
  letter-spacing: 0.03rem;
  font-family: 'Poppins';
 
}
.feedback_box p {
  padding: 0 0 0 0.8rem;
  font-size: 1rem;
  font-weight: 600;
  color: #777;
}
/* video_item */
.video_item{height: 100%;background-color: #f8f8f8; padding: 5px; }
.video_item a{display: flex; align-items: center;}
.video_img{position: relative; flex: 1;}
.video_item span{flex: 1; padding: 1rem; color: #333; font-size:.9rem;line-height: 1.35;}
.video_item a:hover{filter:drop-shadow(3px 3px 6px rgba(0 0 0 / 30%));-webkit-filter:drop-shadow(3px 3px 6px rgba(0 0 0 / 30%));}
/* video_button */
.video_button{width: 60px;height: 60px; position: absolute; border-radius: 50%;background-color: #31a03b; 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: .4rem;padding-top: 0.1rem;}
.video_button:hover{background-color: #023b7d;}
.small_video{width: 40px;height: 40px;}
.small_video::before{font-size: 1rem; padding-left: .3rem;}


/* pro_box */
.pro_box{position: relative;}
.pro_box ul{display: flex;flex-wrap: wrap;}
.pro_box ul>li{width: 100%;position: relative;background: linear-gradient(90deg,#efefef,transparent);padding: 0.5rem;}
.pro_box ul li ol{display: flex;flex-wrap: wrap;align-items: center;}
.pro_box ul li ol li.product_img{width: 20%;position: relative;}
.pro_box ul li ol li.product_img img{display: block;}
.pro_box ul li ol li.product_con{width: 80%;position: relative;padding: 0 2rem; font-size: .9rem;}
.pro_box ul li ol li.product_con a{letter-spacing: 0.02rem;
  font-family: Teko-Regular;font-size: 1.4rem;line-height: 1.5rem;display: block;color: #111;position: relative;padding: 0 0 1rem;}
.pro_box ul li ol li.product_con a:before{position: absolute;content: '';background: #0c4e99;width:40px;height: 3px;left: 0;bottom: 7px;transition: .3s all ease-in-out;}
.pro_box ul li ol:hover li.product_con a{color: #0c4e99;}
.pro_box ul li ol:hover li.product_con a:before{width: 50px;}
.pro_box ul li ol:hover li.product_con span{display: block;}


.related_pro1{position: relative;}
.related_pro1 ul{display: flex;flex-wrap: wrap;}
.related_pro1 ul>li{width: 49%;margin: 0 2% 0.5rem 0; position: relative;background: linear-gradient(90deg,#efefef,transparent);padding: 0.5rem;transition: .5s all ease-in-out;}
.related_pro1 ul>li:nth-child(2n){margin-right: 0;}
.related_pro1 ul>li:nth-child(2n+1){clear: both;}
.related_pro1 ul li ol{display: flex;flex-wrap: wrap;align-items: center;}
.related_pro1 ul li ol li.product_img{width: 20%;position: relative;}
.related_pro1 ul li ol li.product_img img{display: block;}
.related_pro1 ul li ol li.product_con{width: 80%;position: relative;padding: 0 1.5rem;}
.related_pro1 ul li ol li.product_con a{font-size: 0.95rem;line-height: 1.2rem;display: block;color: #111;position: relative;}
.related_pro1 ul li ol:hover li.product_con a{color: #31a03b;}

/* hub_products */
.hub_products ul{display: flex; flex-wrap: wrap; margin-bottom: 3rem;}
.hub_products ul>li{width: 32%; margin-right: 2%; background: linear-gradient(90deg,#efefef,transparent); margin-bottom: .5rem;}
.hub_products ul>li>ol{display: flex; align-items: center; justify-content: space-between;}
.hub_products ul>li:nth-child(3n){margin-right: 0;}
.hub_products ul>li>ol>li.product_img{width: 22%;}
.hub_products ul>li>ol>li.product_img img{mix-blend-mode: multiply; position: relative; transition: all .5s; top: 0;}
.hub_products ul>li>ol>li.product_con{width: 70%;}
.hub_products ul>li>ol>li.product_con a{color: #333;}
.hub_products ul>li>ol>li.product_con a:hover{color: #31a03b;}
.hub_products ul>li>ol>li.product_img a:hover img{top: -5px;}

@media (max-width:991.98px) {
 .hub_products ul>li{width: 49%;}
 .hub_products ul>li:nth-child(3n){margin-right: 2%;}
 .hub_products ul>li:nth-child(3n+1){clear:none;}
 .hub_products ul>li:nth-child(2n){margin-right: 0;}
 .hub_products ul>li:nth-child(2n+1){clear:both;}
}
@media (max-width:575.98px) {
 .hub_products ul>li{width: 100%;margin-right: 0;}
}

.carousel-control-next,.carousel-control-prev{width:40px;height:40px;border:none;outline:none;opacity:1;top:40%;border-radius:50%;background-color:#875d3e;cursor:pointer;}
.carousel-control-prev-icon,.carousel-control-next-icon{width:14px;}
.carousel-control-prev{left:-1rem;}
.carousel-control-next{right:-1rem;}
.carousel-indicators li{background-color: #31a03b;}
.carousel-indicators .active{background-color: #0075c1;}

/* about_box_hub */
.about_box_hub{ margin: 3rem auto;}
.about_title a{color: #0c4e99;font-size: 1.6rem;font-family:Lunasima-Bold; display: block; margin-bottom:1rem; position: relative; padding-bottom: 1rem;}
.about_title a::before{position: absolute;content: "";width: 100px; height: 2px; background-color: #0c4e99; bottom: 0; left: 0;}
.about_box_hub .aboutinner_des{padding: 2rem;}
.about_title a:hover{color: #31a03b;}
@media (max-width:768.98px) {
  .about_box_hub{ margin-top:0;}
  .about_box_hub .aboutinner_des{ padding:1rem;}
}

/* #container */
#container {width:100%;margin:0 auto;margin-top:133px;}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width: 1200px;margin:0 auto; }
.small_content{max-width: 1200px;}
.content1 {width:100%;max-width: 1200px;margin:2rem auto; }
@media (max-width:991.98px) {
.content1 { padding:0 1rem;}
.small_content{ padding-top:2rem;}
.procontent{ margin-top:0;}
}
/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#666;font-size:.85rem;overflow:hidden;position:relative;}
#quicknav ul{
  width: 100%;
  max-width: 1200px;
  padding: 1.5rem 0 0.5rem;
  border-bottom: 1px solid #ccc;
  margin: 0 auto 1.5rem;
}
#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:#0c4e99;}
#quicknav li:last-child{color: #0c4e99;}

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


/* prohub_box */
.prohub_box{background:linear-gradient(180deg,#eef9ff,transparent) ;padding: 3rem 0; padding-bottom: 0; position: relative;}
.prohub_box .webtitle{
  font-size: 2.6rem;
  line-height: 2.6rem;
  font-family: 'Poppins';
}
.prohub_box .webtitle a{display: block;}
.prohub_box .webtitle span{
  font-size: 2.6rem;
  line-height: 2.6rem;display: block;color: #31a03b ;font-family: Teko-Regular;}
.prohub_des{padding: 0 0 0 2rem;}
.prohub_box svg{display: none;}
@media (max-width:991.98px) {
 .prohub_box .row{ margin:0;}
}
@media (max-width:768.98px) {
  .prohub_box{ padding:1rem 0 2rem 0;}
  .prohub_box .content1{ padding:0; margin:0;}
  .prohub_box .prohub_des{ padding:1rem 0 0 0;}
}

@media (max-width:575.98px) {
  .prohub_box .webtitle,.prohub_box .webtitle span{ font-size:2rem;}
}
/* product_hub */
.etw_products,.etw_products ul{width:100%}
.etw_products>ul{width:100%;display:flex;flex-wrap:wrap}
.etw_products>ul>li{width:100%;transition:.3s all ease-in-out;position:relative;display:flex;margin:0 0 2rem;flex-wrap:wrap;align-items:center;}
.etw_products>ul>li:nth-last-of-type(1){margin-bottom:0;}
.etw_products ul li ol,.etw_products ul li ol li{width:100%}
.etw_products ul li ol{display:flex;flex-wrap:wrap;width:100%;}

.etw_products ul li ol li.product_img{
  width: 10%;
  float: left;
  position: relative;
  background: #eef9ff;
  margin: 0 2% 0 0;
}
.etw_products ul li ol li.product_img a{width:100%;display:block;overflow:hidden;margin:0 auto;position:relative;}

.etw_products ul li ol li.product_img img{width:100%;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;mix-blend-mode: multiply;}
.etw_products ul li ol li.product_con{
  width: 56%;
  float: right;
  padding: 1rem 2rem;
  text-align: left;
  background: #eef9ff;
  margin: 0 2% 0 0;
}
.etw_products ul li ol li.product_con a{
  font-size: 1.1rem;
  font-weight: 200;
  color: #0c4e99;
  padding: 0.5rem 0;
  display: block;
  line-height: 1.6rem;
  font-family:Lunasima-Bold;border-bottom: 1px solid #ccc;
  margin: 0 0 0.5rem;
}
.etw_products ul li ol:hover li.product_con a{color: #323e48;}
.etw_products ul li ol li.product_con span{display:block;font-size:0.85rem;line-height:1.3rem;color:#555;}
.etw_products ul li ol li.product_info{
  width: 30%;
  background: #eef9ff;
  position: relative;
  padding: 2rem;
}
.etw_products ul li ol li.product_info p{font-size: 0.9rem;line-height: 1.4rem;margin: 0;}
.etw_products ul li ol li.product_info p strong{
  font-size: .9rem;
  line-height: 1.3rem;
  font-family:Lunasima-Bold;
  margin: 0;
  padding: 0;
  margin-top: .5rem;
}
@media (max-width:767.98px) {
  .etw_products ul li ol{ display:block;background: #eef9ff; padding:1rem 0;}
  .etw_products ul li ol li.product_img{ width:20%; margin-right:0; float:left;}
  .etw_products ul li ol li.product_con{ width:80%; margin-right:0; padding:0 0.5rem 0 0; float:right;}
  .etw_products ul li ol li.product_con span{ display:none;}
  .etw_products ul li ol li.product_info{width:80%; padding:0 0.5rem 0 0; float:right;}
}

@media (max-width:575.98px) {
  .etw_products ul li ol li.product_img{ width:30%;}
  .etw_products ul li ol li.product_con{ width:70%;}
  .etw_products ul li ol li.product_info{width:70%;}
}

@media (max-width:430px) {
  .etw_products ul li ol li.product_img{ width:35%;}
  .etw_products ul li ol li.product_con{ width:65%;}
  .etw_products ul li ol li.product_info{width:65%;}
}

.etw_products1{width:100%;height:auto;float:left}
.etw_products1>ul{width:100%;display:flex;flex-flow:wrap;}
.etw_products1 ul>li{
  width: 49%;
  position: relative;
  margin: 0 2% 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  transition: .3s all ease-in-out;
  align-items: flex-start;
  border-radius: 15px;
  box-shadow: 5px 10px 10px 4px #6696ff12;
  border: 2px solid #6797ff14;
  overflow: hidden;
 
}
.etw_products1 ul>li:nth-child(2n){margin-right:0}
.etw_products1 ul>li:nth-child(2n+1){clear:both}
.etw_products1 ul li ol{width:100%;display:flex;flex-wrap:wrap;position:relative;align-items: center;}

.etw_products1 ul li ol li.product_img{display:block;width:45%;position:relative;overflow:hidden;  background: linear-gradient(45deg,#f8f8f8,#dfdfdf);}
.etw_products1 ul li ol li.product_img a{display:block;width:100%;position:relative;}
.etw_products1 ul li ol li.product_img img{position:relative;transition:.5s all ease-in-out;mix-blend-mode: darken;}
.etw_products1 ul li ol:hover li.product_img img{transform:scale(1.05);}
.etw_products1 ul li ol li.product_con{width:55%;position:relative;text-align:center;padding: 0 1.5rem;}

.etw_products1 ul li ol li.product_con>a{
  color: #333;
  display: block;
  font-weight: 400;
  text-align: left;
  line-height: 1.4rem;
  font-size: 1.2rem;
  padding: 0.5rem 0;
  position: relative;

  font-family: 'Poppins';
}
.etw_products1 ul li ol li.product_con>a small{display: block;position: relative;color: #0c4e99;padding: 0.8rem 0 0;font-family: Teko-Regular;
  letter-spacing: 0.05rem;font-size: 1.2rem;line-height: 1.2rem;}
.etw_products1 ul li ol li.product_con>a small:after{content:"\f105";font-family:FontAwesome;color:#0c4e99;font-size:16px;margin: 0 0 0 0.5rem;}
.etw_products1 ul li ol li.product_con span{
  color: #666;
  display: block;
  font-size: 0.9rem;
  line-height: 1.3rem;
  text-align: left;
  font-weight: 300;
  padding: 0;
}
.etw_products1 ul li ol li.product_con strong{font-size:.9rem;color:#555;}
.etw_products1 ul li ol li.product_con a.more{padding:0.5rem 1rem;color:#333;box-shadow:none;border-width:2px;border-style:solid;border-color:rgba(25,25,25,.1);border-radius:2rem;font-size:0.8rem;font-weight:400;display:inline-block;margin:0 0 1rem 0;line-height:0.8rem;}
.etw_products1 ul li ol:hover li.product_con>a{color:#0c4e99}
.etw_products1 ul li:hover ol li.product_con a.more{color:#333}
.etw_products1 ul li ol li.product_con dl{width: 100%;position: relative;margin: 0;}
.etw_products1 ul li ol li.product_con dl dd{display: block;margin: 0;}
.etw_products1 ul li ol li.product_con dl dd a{
  display: block;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.1rem;
  position: relative;
  color: #333;
  padding: 0.3rem 0.5rem 0.3rem 0.8rem;
  text-align: left;
}
.etw_products1 ul li ol li.product_con dl dd a:before{
  position: absolute;
  content: '';
  background: #333;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 2px;
  top: 11px;
}
.etw_products1 ul li ol li.product_con dl dd a:hover{color: #0c4e99;}
.etw_products1 ul li ol li.product_con a.more1{
  display: block;
  position: relative;
  color: #0c4e99;
  padding: 0.8rem 0 0;
  letter-spacing: 0.05rem;
  font-size: 0.9rem;
  line-height: 0.9rem;
  font-family: 'Poppins';
}
.etw_products1 ul li ol li.product_con a.more1:after{content:"\f105";font-family:FontAwesome;color:#0c4e99;font-size:16px;margin: 0 0 0 0.5rem;}
.etw_products1 ul li ol li.product_con p{font-size: 0.9rem;line-height: 1.1rem;padding: 0 0 0.5rem 0.8rem;position: relative;margin: 0;text-align: left;}
.etw_products1 ul li ol li.product_con p:before{position: absolute;content: '';background: #333;border-radius: 50%;width: 5px;height: 5px;left: 2px;top: 7px;}

@media (max-width:991.98px) {
  .etw_products1 ul li ol li.product_img{ width:40%;}
  .etw_products1 ul li ol li.product_con{ width:60%;padding: 0 1rem;}
}

@media (max-width:767.98px) {
  .etw_products1 ul>li{width: 100%; margin-right:0;}
}

@media (max-width:430px) {
  .etw_products1 ul li ol li.product_img{ width:100%;}
  .etw_products1 ul li ol li.product_con{ width:100%;padding: 0.8rem 0.5rem;}
}

/****products list****/
#etw_right{float:right;width:77%;position:relative;background:#fff;}
#etw_sidebar{float:left;width:20%;position:relative;margin:1rem auto 0;}
#etw_sidebar .webtitle{text-align:left;font-size:1.6rem;line-height:1.6rem;padding:1rem 0 0.5rem;color:#333;font-weight:600;border-radius:2rem;position:relative;transition:.3s all ease-in-out;width:100%;margin:0;text-transform:uppercase;}
#etw_sidebar .webtitle:hover{width:100%;}
#etw_sidebar .webtitle span{display:block;padding:0 0 0 2rem;color:#111;}
#etw_sidebar .webtitle a{color:#fff;display:block;width:100%;padding:1.2rem;}
#etw_sidebar .webtitle a:hover{color:#818ea2;}
#etw_productlist{position:relative;overflow:hidden;margin:0 0 2rem;}
#etw_productlist>ul{position:relative;}
#etw_productlist>ul>li{width:100%;position:relative;display:block;transition:.3s all ease-in-out;padding:0 0 0.3rem;}
#etw_productlist>ul>li>a{padding:1.2rem 0;color:#0c4e99;font-size:1.2rem;line-height:1.4rem;font-weight:300;position:relative;display:block;width:100%;overflow:hidden;font-family:Teko-Regular;border-bottom:1px solid #ddd;}
#etw_productlist>ul>li>a:before{content:"\f101";font-family:FontAwesome;display:none;color:#111;position:absolute;left:6px;top:4px;transition:.3s all ease-in-out;}
#etw_productlist>ul.aboutlist>li>a{font-size:1rem;line-height:1.2rem}
#etw_productlist>ul>li>a.dq,#etw_productlist>ul>li>a:hover{color:#31a03b;}
#etw_productlist>ul>li>a:hover:before,#etw_productlist>ul>li>a.dq:before{color:#0c4e99;}
#etw_productlist ul li ol{position:relative;}
#etw_productlist ul li>ol>li>a{
  position: relative;
  display: block;
  padding: 0.6rem 1.5rem 0.6rem 0;
  color: #111;
  font-size: 1rem;
  line-height: 1.4rem;
  border-bottom: 1px solid #ccc;
}
#etw_productlist ul li>ol>li{position:relative;}
#etw_productlist ul li dl{
  padding: 0px;
  clear: both;
  float: none;
  display: none;
  margin: 0.3rem 0;
  border-bottom: 1px solid #ccc;padding: 0 0 0.5rem;
}
#etw_productlist ul li dl.show{display:block;}
#etw_productlist ul li dl dd{margin: 0;}
#etw_productlist ul li dl a{
  display: block;
  color: #555;
  position: relative;
  font-size: 0.8rem;
  line-height: 1rem;
  padding: 0.3rem 0 0.3rem 1rem;
  font-weight: 300;

}
#etw_productlist ul li dl a:before{content:'';position:absolute;left:4px;top:10px;width:5px;height:5px;background:#0c4e99;transform:rotate(45deg);transition:.3s all ease-in-out;}
#etw_productlist ul li dl a:hover,#etw_productlist ul li dl a.dq{color:#0c4e99;}
#etw_productlist ul li dl ol{padding:0 0 0.6rem 1.1rem;}
#etw_productlist ul li dl ol li a{position:relative;display:block;font-weight:300;padding:0.3rem 0;color:#555;font-size:.75rem;line-height:1rem;border-bottom:1px dotted #aaa;}
#etw_productlist ul li dl ol li a:before{display:none;}
#etw_productlist ul li ol li a.dq,#etw_productlist>ul>li ol li a:hover{color:#0c4e99;}
#etw_productlist ul li .more{
  position: absolute;
  opacity: .5;
  right: 2px;
  top: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #0c4e99;
  cursor: pointer;
  text-align: center;
  transition: .3s all ease-in-out;
  background: 0;
  margin: 0;
  display: block;
}
#etw_productlist ul li .more:before{content:"";width:12px;height:4px;background:#31a03b;right:0px;top:11px;position:absolute;font-size:.875rem;transition:all .2s;}
#etw_productlist ul li .more:after{content:"";width:4px;height:12px;background:#31a03b;right:4px;top:7px;position:absolute;font-size:.875rem;transition:all .2s;}
#etw_productlist ul li .more.on:after{transform:rotate(-90deg);}
#etw_productlist ul li .more.on:before{transform:rotate(180deg);}
#etw_productlist ul li .more:hover,#etw_productlist ul li .more:hover{opacity:.8;}
#etw_productlist ul li>ol>li>dl.show+.more:after{transform:rotate(-90deg);}
#etw_productlist ul li>ol>li>dl.show+.more:before{transform:rotate(180deg);}
#etw_sidebar1{float:left;width:23%;position:relative;margin:0 auto;background:url(../images/imgSidebarStripe3.png) bottom right repeat-y;padding:0 0 500px 0;}
#etw_right1{width:74%;float:right;position:relative;}
#etw_aboutlist{position:relative;width:100%;margin:2rem 0 0;padding:1rem;background:url(../images/industries_bg.jpg) no-repeat center;background-size:cover;}
#etw_aboutlist ul li{position:relative;width:100%;display:block;}
#etw_aboutlist ul li a{width:100%;display:block;position:relative;}
#etw_aboutlist ul li a span{position:relative;display:block;color:#fff;font-size:1.4rem;line-height:1.4rem;font-weight:600;transition:.3s all ease-in-out;text-align:left;width:100%;padding:1rem 0.5rem;}
#etw_aboutlist ul li a:hover:before,#etw_aboutlist ul li a.dq:before{right:1rem;}
#etw_aboutlist ul li a:hover span,#etw_aboutlist ul li a.dq span{color:#0c4e99;}
#etw_aboutlist ul li p{font-size:0.9rem;line-height:1.4rem;padding:0 1rem;}
#etw_aboutlist ul li a.more{position:relative;font-size:0.9rem;line-height:0.9rem;font-weight:600;color:#0c4e99;padding:0 1rem 1rem;}
#etw_aboutlist ul li a.more:after{font-family:FontAwesome;content:"\f101";color:#0c4e99;font-size:1rem;margin:0 0 0 0.3rem;transition:.3s all ease-in-out;font-weight:500;}
#etw_aboutlist ul li a.more:hover{color:#111;}
#etw_aboutlist ul li a.more:hover:after{color:#111;margin:0 0 0 0.6rem;}
#etw_aboutlist ul li ol li a{font-size:1rem;line-height:1.2rem;display:block;color:#fff;font-weight:300;padding:0.6rem 0.5rem;border-bottom:1px solid rgba(255 255 255 / 30%);}
#etw_aboutlist ul li ol li:last-child a{border-bottom:none;}
#etw_aboutlist ul li ol li a:hover{color:#0c4e99;}
@media (max-width:991.98px){#etw_right,#etw_sidebar,#etw_sidebar1,#etw_right1{width:100%}
#etw_productlist,#etw_sidebar .webtitle,#left_contact,#etw_aboutlist,#etw_sidebar1{display:none}
#etw_right{margin-top:0;}
}
/****content title****/
.protitle{
  width: 100%;
  color: #333;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.8rem;
  position: relative;
  font-weight: 500;
  padding: 0;
  margin: 1rem 0;
  font-family:Lunasima-Bold;
}
.title_line{margin:0.5rem 0 0;background:#999;height:2px;display:flex;flex-wrap:wrap;transition:.3s all ease-in-out;flex:1;}
.protitle small{display:inline-block;font-size:65%;}
.protitle:hover .title_line{background:#0c4e99;}
.protitle a{color:#0c4e99;display:inline-block;position:relative;}
.protitle:hover a{color:#31a03b;}
.protitle_center{text-align:center;}
.protitle_center:before{right:0;margin:0 auto;}
.protitle1{display:block}
.protitle1{
  width: 100%;
  color: #0c4e99;
  display: block;
  font-size: 1.2rem;
  line-height: 1.8rem;
  position: relative;
  font-weight: 400;
  border-bottom: 1px solid #0c4e99;
  padding: 0.6rem 0;
  margin: 1rem 0;
  font-family:Lunasima-Bold;
}
.protitle1 a{color:#0c4e99;}
.protitle1 a:hover{color:#111;}
.protitle1 a.more{font-size:0.9rem;line-height:0.9rem;float:right;padding:1.2rem 0 0 0;}
.protitle2{
  font-size: 2.2rem;
  line-height: 3rem;
  text-align: center;
  margin: 2rem auto;
  position: relative;
  color: #1b3e93;
  padding: 1.5rem 0;
  font-family: 'Poppins';
  text-transform: uppercase;
  font-weight: 500;
}
.protitle2:before{
  position: absolute;
  content: '';
  width: 50px;
  height: 100px;
  top: -2%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #0c4e99;
  transform: skewX(-40deg);
}
.protitle2 span{
  color: #1b3e93;
  display: inline-block;
  padding: 0 1.5rem;
  background: #eef9ff;
  position: relative;
}
.protitle2 a{color:#111;position:relative;display:block;}
.protitle2 a:hover{color:#0c4e99;}
.protitle2 a:before{position:absolute;content:'';display:none;width:0;height:1px;margin:0 auto;background:#fff;left:0;right:0;bottom:24px;transition:.3s all ease-in-out;}
.protitle2 a:hover:before{width:920px;}




.sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;float:left;}
.sendinquiry span,.sendinquiry a{
  color: #fff;
  padding: 0.6rem 1.5rem;
  font-size: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  display: inline-block;
  margin: 0.5rem 0 1rem 0;
  min-width: 100px;
  position: relative;
  overflow: hidden;
  font-weight: 300;
  z-index: 1;
  transition: .5s all ease-in-out;
  border-radius: 2rem;
  background: linear-gradient(-90deg,#31a03b,#0c4e99);
  letter-spacing: 0.03rem;
  font-family: 'Poppins';
}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover{color:#111;}

.sendinquiry2{width:100%;white-space:nowrap}
.sendinquiry2 span{text-decoration:underline;cursor:pointer;color:#0c4e99;transition:.3s all ease-in-out;display:inline-block;white-space:nowrap;font-weight:300;font-style:normal;}
.top .sendinquiry2 span{color:#fff;}
.sendinquiry2 i{margin:0 .3rem 0 0}
.sendinquiry2 span:hover{text-decoration:none}
/****Hub quote****/
.bottom_quote{position:relative;padding:3rem 0;}
.bottom_quote .content{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:800px;align-items:center; text-align: center;}
.quote_text{position:relative;width:65%;}
.quote_title{font-size:2rem;margin:0;position:relative;font-family:Lunasima-Bold; line-height: 1.25; margin-bottom: 1rem;}

.quote_title span{display:block;}
.bottom_quote p{
  font-size: 1.3rem;
  line-height: 1.5rem;
  margin: 0;
  font-weight: 400;
}
.bottom_inquiry{
  position: relative;
  padding: 0.5rem 2rem 0.3rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 1.6rem;
  align-items: center;
  margin: 0 5% 0 0;
  background: #fff;
  cursor: pointer;
  font-weight: 300;
  border-radius: 2rem;
  transition: .5s all ease-in-out;
  border: 1px solid #0c4e99;
  font-family: Teko-Regular;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #0c4e99;
}
.bottom_inquiry:after{width:14px;height:9px;margin:0 0 0 0.3rem;content:'';background:url(../images/jiantou1.svg) no-repeat;background-size:cover;position:absolute;right:25px;top:20px;transition:.3s all ease-in-out;}
.bottom_inquiry:hover{background:#111;color:#fff;}
.bottom_inquiry:hover:after{right:18px;}
@media (max-width:991.98px){.bottom_quote{padding:1.5rem 0;}
.quote_text{width:100%;padding:0 0 1rem 0;}
}
@media (max-width:767.98px){.bottom_inquiry{font-size:.85rem;}
.quote_title{font-size:1.2rem;line-height:1.3rem;}
}

/****ul li style****/

ul.discitem li{position:relative;padding-left:1.125rem;text-align:left;margin:0 0 0.8rem 0;}
ul.discitem li:before{position:absolute;top:8px;left:3px;width:6px;height:6px;background:#0c4e99;content:"";transform:rotate(45deg)}


/*other pro*/
.otherpro_bg{position:relative;width:100%;background:linear-gradient(180deg,#eef9ff,transparent) ;overflow:hidden; padding-top: 2rem; }
.otherpro_bg svg{display: none;}
.othertitle{display:block;width:100%;margin:1.2rem 0;padding:0 0 1rem 0;position:relative;line-height:1.7rem;font-size:1.5rem;color:#555;overflow:hidden;font-weight:500;font-family:'Oswald';}
.othertitle:before{content:"";width:180px;height:5px;display:inline-block;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:linear-gradient(-90deg,#31a03b,#0c4e99);}
.othertitle:after{content:"";width:100%;margin-left:187px;height:10px;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:linear-gradient(70deg,transparent,transparent);border-left:1px solid #aaa;border-bottom:1px solid #aaa;}
.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:18.4%;overflow:hidden;margin:0 2% 1.5rem 0;transition:.3s all ease-in-out;background:#fff;border:1px solid #dde2e6;position:relative;}
.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:scaleY(0);}
.other_pro ul>li:hover{box-shadow:1px 1px 16px rgb(0 0 0 / 20%);}
.other_pro ul>li:hover:before{transform:scaleY(1);}
.other_pro ul>li:nth-child(5n){margin-right:0}
.other_pro ul>li:nth-child(5n+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;padding: 1rem 0; text-align: center; margin: 0 auto;}
.other_pro ul li ol li.product_img a{display:block;width:100%;position:relative;overflow:hidden;}
.other_pro ul li ol li.product_img img{height:180px; object-fit: cover; 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;}
.other_pro ul li ol li.product_con a{
  color: #333;
  display: block;
  padding: 1rem;
  line-height: 1.2rem;font-size:.9rem;
}
.other_pro ul li ol li.product_con i{display:block;font-size:.9rem;color:#888;line-height:1.1rem;padding:.5rem 0}
.other_pro ul li ol:hover li.product_con a{color:#0c4e99;}
.other_pro ul li ol:hover li.product_img img{transform:scale(1.03);}
@media (max-width:991.98px) {
.other_pro ul>li{width:32%;}
.other_pro ul>li:nth-child(5n){margin-right:2%}
.other_pro ul>li:nth-child(5n+1){clear:none}
.other_pro ul>li:nth-child(3n){margin-right:0}
.other_pro ul>li:nth-child(3n+1){clear:both}
}
@media (max-width:768.98px) {
.other_pro ul>li{width:49%;}
.other_pro ul>li:nth-child(3n){margin-right:2%}
.other_pro ul>li:nth-child(3n+1){clear:none}
.other_pro ul>li:nth-child(2n){margin-right:0}
.other_pro ul>li:nth-child(2n+1){clear:both}
}
@media (max-width:430px) {
.other_pro ul>li{width: 100%;margin-right: 0;}
}

/**related pro**/
.relatedpro{width:100%;height:auto;margin:1rem 0}
.relatednames{font-size:1.4rem;color:#313947;padding:.5rem 0;position:relative;font-family:Oswald}
.relatednames::before{content:"";color:#31a03b;position:absolute;left:0;bottom:0;border-bottom:1px dotted #333;width:150px}
.relatedpro ul{width:100%;height:auto;display:flex;flex-wrap:wrap}
.relatedpro li{width:50%;margin:0 0 0.5rem 0;position:relative;}
.relatedpro li:nth-child(2n){margin-right:0}
.relatedpro li:nth-child(2n+1){clear:both}
.relatedpro li a{
  display: block;
  padding: 0.2rem 0.5rem 0.2rem 1.1rem;
  color: #111;
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: 300;
}
.relatedpro li a::before{
  content: "\f101";
  position: absolute;
  left: 4px;
  top: 3px;
  font-family: fontawesome;
  font-size: 15px;
  color: #555;
  transition: .3s all ease-in-out;
}
.relatedpro li a.dq,.relatedpro li a:hover,.relatedpro li a.dq:before,.relatedpro li a:hover:before{color:#0c4e99;}
.relatedpro li a:hover:before{left:8px;}

@media (max-width:430px) {
 .relatedpro li{width: 100%;margin-right: 0;}
}
/*contact*/
#etw_form{width:100%;display:flex;flex-flow:wrap;margin:3rem 0 2rem 0}
#etw_form_title{
  font-size: 1.6rem;
  color: #0c4e99;
  position: relative;
  padding: 0 0 0 0.8rem;
  line-height: 2rem;
  margin: 3rem 0 0 0;
  font-weight: 600;
  letter-spacing: 0.03rem;
  font-family: 'Poppins';
  font-style: oblique;
}
#etw_set_feedback_form{width:100%;}
.contact_info #etw_set_feedback_form{padding:1rem 2rem;margin:0;background:#e1eef8;}
#floatchatiframe2011{margin:0 auto}

.inquiry_box{
  display: flex;
  margin: 2rem 0 3rem;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 6rem;
  box-shadow: 5px 10px 10px 4px #6696ff12;
  border: 2px solid #6797ff14;
  overflow: hidden;
  border-radius: 1rem;
}
.inquiry_box p{
  padding: 0 0 0 0.8rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #777;
}
.form_box{width:50%;position:relative;float:left;overflow:hidden;padding:1rem 2rem 0 2rem;}
.form_box:before{position:absolute;display:none;content:'';width:100%;height:100%;left:0;top:0;opacity:.5;}
.form_box #etw_set_feedback_form{background:0;margin:0;padding:0;}

@media (max-width:991.98px) {
  .inquiry_box{padding: 0 1rem;}
  #etw_form_title{ margin-top:1rem;}
}

@media (max-width:575.98px) {
  .inquiry_box{padding: 0;}
}

/* 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: 1.6rem; }
.item li::before{position: absolute;content: "";left: .5rem; top:.65rem; width: 4px; height: 4px; border-radius: 50%; background-color: #333;   }
.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: #0c4e99;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); }
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:49%;}
.etw_gallery3 ul li{width:32%;}
.etw_gallery4 ul li{width:23.5%;}
.etw_gallery5 ul li{width:18%;}
.etw_gallery6 ul li{width:14.66%;}
.etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-right: 0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative; margin-bottom: 0; }

.etw_gallery ul li a .inquiry{display: block; color: #0c4e99; 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: #004680;}
.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.25;color: #666;  display: block; width: 100%; font-size: .9rem; 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;}



/****related img****/
figure{margin:0;width:100%;display:table;clear:both}
.left_pic{width:100%;height:auto;float:right;margin:0 0 1.5rem 0;}
.left_pics{width:100%;overflow:hidden; position: relative;background: linear-gradient(225deg,#f8f8f8,#dfdfdf);}
.left_pic img{max-width:100%;text-align:center;transition:.3s all ease-in-out;mix-blend-mode: multiply;}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0 0;}
.related_pic ul{display:flex;flex-flow:wrap}
.related_pic li{width:auto;float:left;overflow:hidden;margin:0;flex:1;padding:0 2px;display:flex;flex-wrap:wrap;}
.related_pic li a{display:block;position:relative;border:1px solid #eee;}
.related_pic li a.imgdq{border:1px solid #0c4e99}
.related_pics li{width:18.4%;margin:0 2% 0.5rem 0;flex:none;}
.related_pics li:nth-child(5n){margin-right:0}
.related_pics li:nth-child(5n+1){clear:both}
.related_pic img{transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;}
.related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.related_pic1{width:100%;display:flex;flex-wrap:wrap;position:relative;margin:0 auto;}
.related_pic1 li{width:100%;margin:0 0 0.25rem 0;}
.related_pic1 li:last-child{margin:0;}
.item_mod{position:absolute;right:15%;top:3%;transition:.4s all ease-in-out;background:#0c4e99;width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px #0c4e99;-webkit-animation:scaleout 1.5s infinite ease-in-out;animation:scaleout 1.5s infinite ease-in-out;}
.item_mod span{opacity:0;visibility:hidden;display:block;background:rgba(17 166 163 / 95%);color:#fff;text-align:center;width:180px;font-size:0.95rem;line-height:1.2rem;font-weight:400;transition:.3s all ease-in-out;padding:0.5rem;border-radius:4rem;pointer-events:none;}
.item_mod small{line-height:1rem;margin:0.3rem 0 0;}
.item_txt{display:none;}
.left_pics:hover .item_mod{animation:none;right:35%;background:none;box-shadow:none;}
.left_pics:hover .item_mod span{visibility:visible;opacity:1;pointer-events:all;}
.left_pic1{width:100%;display:flex;flex-wrap:wrap;margin:0;position:relative;align-items:start;background:linear-gradient(90deg,#0c4e99,transparent);padding:1rem 1rem 2rem 1rem;}
.left_pic1 .left_pics{width:80%;overflow:hidden;position:relative;}
.left_pic1 img{max-width:100%;text-align:center;transition:.3s all ease-in-out}
.left_pic1 .related_pic{width:19%;display:flex;flex-wrap:wrap;margin:0 0 0 1%;justify-content:center;}
.left_pic1 .related_pic ul{display:flex;flex-flow:wrap}
.left_pic1 .related_pic li{width:100%;float:left;overflow:hidden;margin:0}
.left_pic1 .related_pic li a{display:block;position:relative;border:1px solid #f3f8f0;margin:0 0 0.45rem 0;}
.left_pic1 .related_pic li:last-child a{margin:0;}
.left_pic1 .related_pic li a.imgdq{border:1px solid #0c4e99}
.left_pic1 .related_pic img{transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;}
.left_pic1 .related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.left_pic1 .related_pic1 img{margin:0 0 12px 0;}
@media (max-width:991.98px){.first{margin:0 0 1rem 0}
}
@media (max-width:767.98px){.left_pic{float:none;text-align:center}
.related_pic1 li{width:23.5%;margin:0 2% 1rem 0;}
.related_pic1 li:nth-child(4n){margin-right:0;}
}


/* footer */
#footer {width:100%;text-align:center;margin:0 auto; margin-top: 1rem; font-size: .95rem; background: #0c4e99; overflow: hidden; position: relative; background-size: cover; }
@media (max-width:575.98px) {
  .footer_bg{ display:none;}
  #footer{ padding-top:2rem;}
}
.home_footer{padding: 3rem 0 0 !important;margin-top: 0 !important;}
.etw_bottom { width:100%;margin:0 auto;position:relative;text-align:left;  color:#fff;  }
.home_link {width:100%; overflow:hidden;margin:0 auto;padding:.5rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
#footer a:hover {color:#31a03b;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a {position: relative;
  font-size: 1.3rem;
  line-height: 1.35;
  margin-bottom: .8rem;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Poppins';
  letter-spacing: 0.03rem;
  font-weight: 600;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#31a03b!important;text-decoration:none;}

.etw_bottom h4{color: #fff;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff;}
.etw_bottom a:hover {color:#0c4e99;}
.etw_bottom ul {width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li {width:100%;float:left;position:relative;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:#fff;position:relative;position:relative;padding:.3rem 0; font-size:.9rem; 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:3px;color:#fff;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f007";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:-3px;color:#fff;font-family:fontawesome;font-size:26px;}
.cot_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:#31a03b;}
#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:1440.98px) {
  .banner_txt1::before{width: 57%;} 
}
@media (max-width:1300.98px) {

  #etw_content,.etw_bottom,.content{padding-left:15px;padding-right:15px;}
  .navbar-expand-lg .navbar-nav .nav-link{padding: .8rem 1.5rem;}

  
}
@media (max-width:1299.98px) {
.top-nav {padding-left:0;}
.navbar-expand-lg .navbar-nav .nav-link{padding: .8rem 0.5rem;}



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

  .top-nav .navbar-nav .row{max-width: 1000px;margin-left: -485px !important;}
 

}

@media (max-width:1025.98px){
 #etw_logo img{width: 90px;}
  
}
@media (max-width:991.98px) {
  #header {position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color: #fff;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,.left_share,#quicknav {display:none;}
.top-nav .navbar {float:left;width:100%;}
.nav-item span.pro_icon {display:block;}
.navbar-light .navbar-toggler {color:#333;font-size:2.5rem;border:none !important;padding:.5rem 0.75rem;position:relative;z-index:1;margin-top:15px; margin-right:5px;}
.top-nav {width:100%;padding-left:0;margin-top:0;background-color:#eee; padding: 0;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.6rem 0.5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {font-size:1rem;}
.navbar {padding:0;}
.dropdown-item {white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after {display:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {border-radius:0;color:#fff !important;background-color:#0c4e99;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#0c4e99;}

.top-nav {width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important;}

.top-nav:after,.top-nav:before,.top-nav ul>li>ul.dropdown-menu>li>.second_list {display:none;}
.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}
.top-nav .navbar-nav .row,.nav-fixed .top-nav .navbar-nav .row {width:100%!important;box-shadow:none !important;top: auto !important;margin: 0 !important;left: auto !important;}
.top-nav .navbar-nav .navright{display: none;}
.top-nav .navleft{width: 100%;float: none;padding: 0.5rem 1rem;}
.top-nav .navbar-nav .row .navleft li{line-height: 1.5rem;}
.top-nav .navbar-nav .row .navleft li a{
  color: #111;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.4rem 0 0.4rem 0.5rem;
}
.top-nav .navbar-nav .row .navleft li a:hover,.top-nav .navbar-nav .row .navleft li a.lidq{color: #004680;}

/* .etw_language */
.etw_language {background:none;width:auto; padding-top: .5rem; padding-right:0.5rem;}
.etw_language {display:block;float:right;height:auto; margin-top:10px;}
.etw_language > ul {position:relative;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li span {cursor: pointer;float:left;padding:.8rem 1rem; }
.etw_language ul ul {display:none;position:absolute;top:100%; left: -1rem; padding:0;background-color:#eee;min-width:100px; border-radius: 10px; }
.etw_language ul ul a {display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item {color:#333;padding:0.2rem 0 0 1.5rem;}
#etw_language .dropdown-item:hover {color:#8f99a5;}
.etw_language ul li:hover > ul {display:block;}
.etw_language .dropdown-item {min-width:100px;}
.etw_language #etw_language {float:none;margin-top:0;height:auto;}
.etw_language #etw_language a {line-height:1.5rem;width:100%;}
.etw_language #etw_language a:hover {color:#004680 !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img{display:none;}
#etw_logo{margin: 0.3rem 0 0.2rem 0;}

#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev,.swiper{display: none;}
.mainproducts_box p{ width:100%;text-align: left;}
.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;}
  .pro_content{width: 100%;}
}
@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_logo strong{ width:250px; text-align:left;}
}
@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;}



}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.6rem;}
  .etw_gallery6 ul li{width:32%;}
  .etw_gallery6 ul li:nth-child(3n){margin-right: 0;}
  #etw_logo strong{ display:none;}

}
@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;}
}
@media (max-width:320.98px) {



}
/* new */
.img-abs{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}

.about_hub_list{width: calc(100% + 20px); margin: 0 -10px; margin-bottom: 2rem; display: flex; flex-wrap: wrap;}
.about_hub_list li{width: 20%; padding: 0 10px; margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.about_hub_list li>ol{width: 100%; display: flex; flex-wrap: wrap; box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1); transition: all .4s;}
.about_hub_list li>ol>a{width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; padding:1rem;}
.about_hub_list li>ol .hubabout_img{width: 60px;height: 60px; border-radius: 50%; display: flex;align-items: center; justify-content: center; background-color: #31a03b; margin: 0 auto; padding: .5rem;}
.about_hub_list li>ol .hubabout_des strong{font-family: Teko-Regular;font-size: 1.6rem; display: block; line-height: 1.2;transition: all .5s; text-align: center;}
.about_hub_list li>ol:hover{background-color: #eee;}
.about_hub_list li>ol:hover strong{color: #333;}

ul.discitem1{display: flex; flex-wrap: wrap;}
ul.discitem1 li{width: 50%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0; padding: 20px; padding-left: 30px;}
ul.discitem1 li strong{margin: 0; padding: 0;}
ul.discitem1 li p{margin-bottom: 0;}
ul.discitem1 li:before{left:15px; top: 30px;}
ul.discitem1 li:nth-child(2),ul.discitem1 li:nth-child(4){border-right: none;}
ul.discitem1 li:nth-child(3),ul.discitem1 li:nth-child(4){border-bottom: none;}

.support ul{width: 100%; justify-content: space-between; display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.support ul li{width: calc(50% - 10px); margin-top: 20px; display: flex; flex-wrap: wrap; background-color: #f8f9fa; padding: 20px;}
.support ul li p{margin-bottom: 0;}
.support_bottom{text-align: center; font-size: 1.125rem;}

.aftersales small,
.advantages small,
.cers small{display: block; max-width: 80%; font-size: 1rem; text-align: center; margin: 0 auto 1.5rem auto;}
.advantages ul{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
.advantages ul li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px; display: flex;}
.advantages ul li>ol{width: 100%; display: flex; flex-direction: column;}
.advantages ul li>ol a.imgbox{width: 100%; overflow: hidden; background-color: #dcdcdc;}
.advantages ul li>ol a.imgbox>img{mix-blend-mode: multiply;}
.advantages ul li>ol .textbox{width: 100%; display: flex; flex-direction: column; padding-top: 1.25rem;}
.advantages ul li>ol .textbox h6{font-size: 1.25rem; font-weight: bold;}
.advantages ul li>ol .textbox>p{margin-bottom: 0;}

.cers ul{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
.cers ul li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px; display: flex;}

.solutions ul{width: 100%; display: flex; flex-wrap: wrap;}
.solutions ul li{width: 100%; display: flex; margin-bottom: 30px;}
.solutions ul li:last-child{margin-bottom: 0;}
.solutions ul li>ol{width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.solutions ul li>ol a.imgbox{width: 35%; display: flex; overflow: hidden; background-color: #f8f8f8; padding: 2rem;}
.solutions ul li>ol a.imgbox>img{display: block; width: 100%; height: auto;}
.solutions ul li>ol .textbox{width: 65%; padding-left: 40px; display: flex; flex-direction: column; justify-content: center;}
.solutions ul li>ol .textbox a.h6{font-size: 1.5rem; font-family: Lunasima-Bold; margin-bottom: 1rem;}
.solutions ul li>ol .textbox>dl{display: flex; flex-direction: column; margin-bottom: 1rem;}
.solutions ul li>ol .textbox>dl>dd{width: 100%; display: block; margin-bottom: 0; position: relative; line-height: 24px; padding-left: 1rem;}
.solutions ul li>ol .textbox>dl>dd::before{content: ''; position: absolute; background-color: #0c4e99; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 9px;}
.solutions ul li>ol .textbox a.more1{width: fit-content; display:block;position:relative;color:#fff; background-color: #0c4e99; letter-spacing:0.05rem;font-size:0.9rem;line-height:0.9rem;font-family:'Poppins'; padding: .5rem 1rem; border-radius: 5px; overflow: hidden;}
.solutions ul li>ol .textbox a.more1:after{content:"\f105";font-family:FontAwesome;color:#fff;font-size:16px;margin:0 0 0 0.5rem; transition: all .4s;}
.solutions ul li>ol .textbox a.more1:hover::after{margin-left: 1rem;}
.solutions ul li>ol .textbox a.more1:hover{background-color: #43b02a;}

.solu_title{margin-bottom: 1rem;}
.solu_title .etw_hometitle,.byBrand .etw_hometitle{margin: 0; padding: 0;}
.solu_title small,.byBrand small{font-size: 1.25rem; color: #666;}

.items{display: flex; flex-direction: column; margin-bottom: 1.25rem;}
.items li{margin-bottom: .5rem; position: relative; padding-left: 1.5rem; line-height: 24px;}
.items li strong{padding: 0; margin: 0;}
.items li::before{content:"\f046";font-family:FontAwesome;color:#0c4e99;font-size:16px; position: absolute; left: 0; top: 3px;}
.items_icon1 li{padding-left: 1rem;}
.items_icon1 li::before{content: "\f111"; font-size: .5rem; top: 0;}
.items2,.items2-2 {flex-direction: row; flex-wrap: wrap;}
.items2 li{width: 55%;padding-right: 10px;}
.items2 li:nth-child(even){width: 45%;padding-right: 0;}
.items2-2 li{width: 45%;}
.items2-2 li:nth-child(even){width: 55%;}

.solu_pics .left_pics>a{width: 100%; overflow: hidden; display: flex; position: relative;}
.solu_pics .left_pics>a:has(.img-abs)::before{content: ''; display: block; padding-top: 75%;}
.solu_pics .related_pic{margin-top: 10px;}
.solu_pics .related_pic ul{width: calc(100% + 10px); margin: 0 -5px;}
.solu_pics .related_pic ul li{padding: 0 5px;}
.solu_pics .related_pic ul li>a{padding: 2px;}
.solu_pics-top{margin-top: -5rem;}
.solu_pics-top2{margin-top: -8.5rem;}

.etw_phone{width: 100%; display: flex; flex-wrap: wrap;}
.etw_phone li{width: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}
.etw_phone li>a{width: 100%; display: flex; overflow: hidden; position: relative; flex-direction: column;}
.etw_phone li span{flex: 1; padding: .5rem; text-align: center; background-color: #f8f9fa; display: flex; align-items: center; justify-content: center;}
.etw_phone2 li{width: 50%;}
.etw_phone3 li{width: calc(100% / 3);}
.etw_phone5 li{width: 20%;}
.etw_phone-pb1{width: calc(100% + 10px); margin: 0 -5px;}
.etw_phone-pb1 li{padding: 5px;}
.etw_phone1-2{display: block;}
.etw_phone1-2 li{width: 50%; float: left;}

.recommendedPros,
.otherSolutions{ padding: 3rem 0;}
.recommendedPros .protitle1,
.otherSolutions .protitle1{font-size: 1.8rem; margin-top: 0; padding-top: 0;}

.recommendedPros ul{width: 100%; display: flex; flex-wrap: wrap;}
.recommendedPros ul li{width: 100%; display: flex; margin-top: 20px;}
.recommendedPros ul li>ol{width: 100%; display: flex; flex-wrap: wrap;}
.recommendedPros ul li>ol a.imgbox{width: 40%; overflow: hidden; position: relative;}
.recommendedPros ul li>ol .textbox{width: 60%; display: flex; flex-direction: column; justify-content: center; padding-left: 2.5rem;}
.recommendedPros ul li>ol .textbox a.h6{font-size: 1.5rem; color: #000; font-weight: 600; margin-bottom: 1rem;}
.recommendedPros ul li>ol .textbox a.more1{width: fit-content; display:block;position:relative;color:#fff; background-color: #0c4e99; letter-spacing:0.05rem;font-size:0.9rem;line-height:0.9rem;font-family:'Poppins'; padding: .5rem 1rem; border-radius: 5px; overflow: hidden;}
.recommendedPros ul li>ol .textbox a.more1:after{content:"\f105";font-family:FontAwesome;color:#fff;font-size:16px;margin:0 0 0 0.5rem; transition: all .4s;}
.recommendedPros ul li>ol .textbox a.more1:hover::after{margin-left: 1rem;}
.recommendedPros ul li>ol .textbox a.more1:hover{background-color: #43b02a;}

.otherSolutions ul{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
.otherSolutions ul li{width: 25%; padding: 0 15px; margin-top: 30px; display: flex;}
.otherSolutions ul li>ol{width: 100%; display: flex; flex-direction: column; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05); padding: 1rem;}
.otherSolutions ul li>ol a.imgbox{width: 100%; overflow: hidden; position: relative; display: flex;}
.otherSolutions ul li>ol a.imgbox>img{width: 100%; display: block; transition: all .4s;}
.otherSolutions ul li>ol:hover a.imgbox>img{transform: scale(1.05);}
.otherSolutions ul li>ol .textbox{width: 100%; display: flex; flex-direction: column; flex: 1; padding-top: 1rem;}
.otherSolutions ul li>ol .textbox a.h6{font-size: 1.125rem; font-weight: bold;}
.otherSolutions ul li>ol .textbox a.h6:hover{color: #0c4e99;}
.otherSolutions ul li>ol .textbox>dl{flex: 1;}
.otherSolutions ul li>ol .textbox>dl{display: flex; flex-direction: column; margin-bottom: 1rem;}
.otherSolutions ul li>ol .textbox>dl>dd{width: 100%; display: block; margin-bottom: 0; position: relative; line-height: 20px; font-size: .9rem; padding-left: .8rem;}
.otherSolutions ul li>ol .textbox>dl>dd::before{content: ''; position: absolute; background-color: #0c4e99; width: 4px; height: 4px; border-radius: 50%; left: 0; top: 8px;}
.otherSolutions ul li>ol .textbox a.more1{width: fit-content; display:block;position:relative;color:#0c4e99; border: 1px solid #0c4e99; letter-spacing:0.05rem;font-size:0.9rem;line-height:0.9rem;font-family:'Poppins'; padding: .5rem 1rem; border-radius: 5px; overflow: hidden;}
.otherSolutions ul li>ol .textbox a.more1:after{content:"\f105";font-family:FontAwesome;color:#0c4e99;font-size:16px;margin:0 0 0 0.5rem; transition: all .4s;}
.otherSolutions ul li>ol .textbox a.more1:hover::after{margin-left: 1rem;color: #fff;}
.otherSolutions ul li>ol .textbox a.more1:hover{background-color: #0c4e99; color: #fff;}
.otherSolutions.bg-light ul li>ol{background-color: #fff;}

.choose{width: 100%; display: block; overflow: hidden;}
.choose>figure{padding: 0 0 0 20px;}

.advantages{display: flex; flex-wrap: wrap; margin-bottom: 3rem; background-color: #f8f8f8; padding: 1.875rem;}
.advantages ul{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
.advantages ul li{width: 50%; padding: 0 15px; margin-bottom: 30px;}
.advantages ul li>ol{width: 100%; display: flex; flex-direction: column; background-color: #fff; padding: 1.25rem;}
.advantages ul li>ol>h6{font-size: 1.125rem; font-family: Lunasima-Bold; margin-bottom: 1rem;}
.advantages ul li>ol>p{font-size: .95rem; line-height: 1.65; margin-bottom: 0;}

.steps{width: 100%; display: flex; flex-wrap: wrap;}
.steps-item{width: 100%; margin-bottom: 30px; background-color: #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.steps_img{width: 40%;}
.steps_right{width: 60%; padding: 2.5rem;}
.steps_right .protitle{width: auto; margin-top: 0;}
.steps_right>p{margin-bottom: 0;}
.steps-item:nth-child(even){flex-direction: row;}
.steps_bottom{display: flex; flex-direction: column; align-items: center; margin-top: 1rem; text-align: center;}
.steps_bottom .protitle{width: auto; margin: 0 0 .5rem 0; font-size: 1.5rem;}
.steps_bottom a{font-size: 1.25rem; font-style: oblique; text-decoration: underline;}
.steps_bottom a:hover{text-decoration: none;}

.banner_box1 .etw_hometitle2{line-height: 1; text-transform: initial;}
.banner_box1 .etw_hometitle2>div{font-size: 2rem; line-height: 1;}
.banner_box1 .etw_hometitle2>small{font-size: 1.125rem; color: #666; font-weight: 300; display: block; margin-top: 1rem;}

.etw_products2 ul>li{width: 100%; margin: 0 0 30px 0;}
.etw_products2 ul li ol li.product_con>a{padding: 0; margin-bottom: .8rem;}
.etw_products2 ul li ol li.product_con p{position: relative; padding: 0;}
.etw_products2 ul li ol li.product_con p::before{content: none;}
.etw_products2 ul li ol li.product_con a.more1{margin-bottom: 0;}

.byBrand_list{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.byBrand_list li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px; display: flex;}
.byBrand_list li>ol{width: 100%; display: flex; flex-direction: column; box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 10px; overflow: hidden;}
.byBrand_list li>ol a.imgbox{width: 100%; overflow: hidden; position: relative; display: flex; background-color: #dcdcdc;}
.byBrand_list li>ol a.imgbox::before{content: ''; display: block; padding-top: 75%;}
.byBrand_list li>ol a.imgbox>img{mix-blend-mode: multiply; transition: all .4s;}
.byBrand_list li>ol .textbox{width: 100%; flex: 1; padding: 1.25rem; display: flex; flex-direction: column; justify-content: space-between;}
.byBrand_list li>ol .textbox a.h6{font-size: 1.2rem; line-height: 24px; color: #000; display: block; margin-bottom: 1rem;}
.byBrand_list li>ol .textbox>dl{width: 100%; flex: 1; display: flex; flex-direction: column; margin-bottom: 1rem;}
.byBrand_list li>ol .textbox>dl>dd{position: relative; margin-bottom: 0; padding-left: 1rem; font-size: .95rem; line-height: 24px;}
.byBrand_list li>ol .textbox>dl>dd::before{content: ''; width: 6px; height: 6px; background-color: #0c4e99; position: absolute; left: 0; top:9px;}
.byBrand_list li>ol .textbox a.more1{display:block;position:relative;color:#0c4e99; letter-spacing:0.05rem;font-size:0.9rem;line-height:1;font-family:'Poppins'}
.byBrand_list li>ol .textbox a.more1:after{content:"\f105";font-family:FontAwesome;color:#0c4e99;font-size:16px;margin:0 0 0 0.5rem}
.byBrand_list li>ol:hover a.imgbox>img{transform: scale(1.05);}
.byBrand_list li>ol:hover .textbox a.h6{color: #0c4e99;}

.inquiryForm{width: 100%; overflow: hidden; padding-top: 5rem;}
.inquiryForm_bg{width: 100%; display: flex; background: url(../images/about_banner.jpg) no-repeat center center; background-size: cover; padding-bottom: 2.5rem; position: relative;}
.inquiryForm .textbox{margin-top: -5rem; background-color: #0c4e99; padding: 2.5rem;}
.inquiryForm #etw_form_title{margin: 0 0 1rem 0; color: #fff; padding: 0;font-family: 'Poppins'; font-weight: 300;}
.inquiryForm p{color: #fff; opacity: .8; font-size: 1.25rem; font-weight: 300;}
.inquiryForm dl{display: flex; flex-direction: column; color: #fff;}
.inquiryForm dl>dd{display: flex; align-items: center;}
.inquiryForm dl>dd>a{color: #fff;}
.inquiryForm dl>dd>a:hover{text-decoration: underline; color: #fff;}
.inquiryForm dl>dd>i{width: 16px; display: flex; justify-content: center; margin-right: .5rem;}
.inquiryForm dl>dd>.icon-envelope{font-size: 16px;}
.inquiryForm dl>dd>.icon-mobile-phone{font-size: 26px;}
.inquiryForm .inquiryBtn{display: flex;}
.inquiryForm .inquiryBtn>a{padding: .5rem 1.5rem; background-color: #31a03b; color: #fff;}
.inquiryForm2{padding: 0;}
.inquiryForm2 .inquiryForm_bg{padding: 0;}
.inquiryForm2 .textbox{margin: 0;}
.inquiryForm2 .feedback{width: 100%; background-color: #fff; padding: 1.25rem;}
.inquiryForm2 .feedback .webtitle{text-align: center; margin-bottom: 1rem;}
.inquiryForm2 #feedback2017 .etwfrom-sendsubmit{background-color: #0c4e99 !important; border-color: #0c4e99 !important;}
.inquiryForm2 #feedback2017 .etwfrom-sendsubmit:hover{background-color: #31a03b !important; border-color: #31a03b !important;}

.more_btn{display: flex;}
.more_btn>a{margin-right: 1.875rem;}
.more_btn>a:last-child{margin: 0;}

@media (max-width:1199.98px) {
  .content1{padding: 0 1rem;}
  .navbar-expand-lg .navbar-nav .nav-link {padding: .8rem; font-size: .9rem;}
}
@media (max-width:991.98px) {
  .about_hub_list{justify-content: center;}
  .about_hub_list li{width:calc(100% / 3);}
  .aftersales small,.advantages small,.cers small{max-width: 100%;}
  .advantages ul li {width: 50%;}
  .solutions ul li>ol a.imgbox{width: 45%; padding: 1.875rem;}
  .solutions ul li>ol .textbox{width: 55%; padding-left: 30px; }
  .chemical figure>a,.chemical img,
  .solu_pics .left_pics>a>img{width: 100%;}
  .otherSolutions ul li{width: calc(100% / 3);}
  .otherSolutions ul li:last-child{display: none;}
  .recommendedPros,.otherSolutions{ padding: 2.5rem 0;}
  .solu_pics-top,.solu_pics-top2{margin-top: 0;}
  .choose>figure{padding: 0; margin-bottom: 1rem;}
  .choose>figure img,
  .advantages ul li{width: 100%;}
  .steps_img{width: 50%;}
  .steps_right{width: 50%; padding: 1.875rem;}
  .siger_solutions_box {padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
}
@media (max-width:767.98px) {
  .about_hub_list li{width:50%;}
  ul.discitem1 li{width: 100%; border-bottom: 1px solid #eee;border-right: none;}
  ul.discitem1 li:nth-child(3){border-bottom: 1px solid #eee;}
  .support ul li{width: 100%;}
  .cers ul li{width: 50%;}
  .cers ul li:last-child{display: none;}
  .solutions ul li {margin-bottom: 20px;}
  .solutions ul li>ol a.imgbox{width: 100%; padding: 1.25rem;}
  .solutions ul li>ol .textbox{width: 100%; padding: 20px;}
  .recommendedPros ul li>ol a.imgbox {width: 100%;}
  .recommendedPros ul li>ol .textbox {width: 100%; padding: 30px 0 0 0;}
  .otherSolutions ul li{width: 50%; margin-top: 20px;}
  .otherSolutions ul li:last-child{display: flex;}
  .recommendedPros,.otherSolutions{ padding: 1.875rem 0;}
  .recommendedPros .protitle1,.otherSolutions .protitle1{font-size: 1.4rem;}
  .advantages{padding: 20px; margin-bottom: 1.875rem;}
  .steps_img, .steps_img img{width: 100%;}
  .steps_right{width: 100%; padding: 1.25rem;}
  .siger_solutions_box {padding-bottom: 1.875rem; margin-bottom: 1.875rem;} 
.byBrand_list li{width: calc(100% / 2);}
}
@media (max-width:575.98px) {
  .about_hub_list li,
  .advantages ul li,
  .advantages ul li,
  .advantages ul li>ol a.imgbox>img,
  .solu_pics .related_pic ul li>a,
  .items2 li,
  .items2 li:nth-child(even),
  .items2-2 li,
  .items2-2 li:nth-child(even),
  .etw_phone2 li,
  .etw_phone3 li,
  .otherSolutions ul li,
  .cers ul li {width: 100%;padding-right: 0;}
  .cers ul li:last-child{display: flex;}
  .solutions ul li {margin-bottom: 10px;}
  .solutions ul li>ol a.imgbox{padding: 10px;}
  .solutions ul li>ol .textbox{padding: 10px;}
  .recommendedPros,.otherSolutions{ padding: 1.25rem 0;}
  .recommendedPros .protitle1,.otherSolutions .protitle1{font-size: 1.25rem;}
  .solu_pics .left_pics{display: none;}
  .solu_pics .related_pic{margin-top: 0;}
  .solu_pics .related_pic ul li{width: 100%; flex: none;}
  .advantages{padding: 10px; margin-bottom: 1.25rem;}
  .advantages ul li>ol{padding: 1rem;}
  .siger_solutions_box {padding-bottom: 1.25rem; margin-bottom: 1.25rem;}
  .byBrand_list li{width: calc(100% / 1);}

}