@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype");}
@font-face {font-family:"Montserrat-Regular";src:url(../font/Montserrat-Regular.ttf) format("truetype");}
@font-face {font-family:"Montserrat-Light";src:url(../font/Montserrat-Light.ttf) format("truetype");}
@font-face {font-family:"Montserrat-Bold";src:url(../font/Montserrat-Bold.ttf) format("truetype");}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");}

.iconfont {font-family:"iconfont" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body {color:#000;font-family:"Montserrat-Light",Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.55;}
* {box-sizing:border-box;padding:0;margin:0;}
li,ol,ul {list-style:none;margin-bottom:0;}
img {vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clear {clear:both;}
.clearfix::after {display:table;}
hr {margin-bottom:2rem;border-top:1px solid #ddd;}
strong {font-size:1.1rem;display:inline-block;font-weight:normal;color:#000;padding-bottom:.5rem;padding-top:1rem;font-family:"Montserrat-Bold"; border-bottom: 1px solid #000; margin-bottom: 1rem;}
.strongfont{ font-size:1rem;}
b {color:#333;font-size:1rem;font-weight:normal;font-family:"Montserrat-Bold";}
a {text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;}
a:hover {color:#174277;}
a:focus {outline:0;text-decoration:none;}
a,a:hover {text-decoration:none;}
a.link {color:#174277;display:inline-block;text-decoration:underline;}
a.link:hover {color:#289fe1;text-decoration:none;}
.btn-secondary {padding:0rem 0.5rem;}
.layui-layer-btn a {color:#fff !important;margin-bottom:1rem !important;}
.btn:not(:disabled):not(.disabled) {cursor:pointer;}
.review {color:#f00;font-size:18px;}
.brief {width:100%;margin:2rem auto;font-size:0.9rem;color:#666;}
.etw_pdf{position: relative; display: flex; align-items: center;}
.etw_pdf p{margin-bottom: 0;}
.etw_pdf a{font-size: 2rem; color: #e4202a; display: inline; padding-left: 2rem;}
.table td {vertical-align:middle;padding-top:.4rem;padding-bottom:.4rem;}
.table tr:nth-child(odd) {background-color:#f3f3f3;}
.table tr:nth-child(even) {background-color:#fff;}
.table-bordered td {border:4px solid #fff;} 
.theme-send-inquiry-box {background:#123e7c !important;}
.theme-box-name {background:#e70014 !important;text-transform:uppercase;border-left:1px #e70014 solid !important;}
h3 {font-size:1.2rem;margin-bottom:1rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
.h4_title {font-size:1rem;position:relative;margin-bottom:1rem;margin-top:1rem;font-family:"Montserrat-Bold";color:#333;}
h2,.etw_hometitle {display:block;line-height:1.35;color:#000;font-size:1.6rem;padding-bottom:0.5rem;font-family:"Montserrat-Bold";}
h3.pro_name{color: #666; font-size: 1.1rem; margin-bottom: 2rem; position: relative;padding-bottom: 1rem;}
h3.pro_name::before{position: absolute;content: ""; width: 100px; height: 2px; background-color: #e4202a; bottom: 0; left: 0; }
.swidth{width: 100%; max-width: 800px; margin: 0 auto; text-align: center;}

.etw_hometitle {margin-bottom:1rem;}
#etw_top {position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a {color:#fff;}
#etw_top:hover {transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#000;}
/* #header */#header {width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;background:#fff;}
.header_in {width:100%;max-width:1100px;margin:0 auto;}
#etw_logo {width:auto;text-align:center;float:left;margin-top:1.5rem;padding-bottom:.5rem;}
.top-nav {width:auto;float:right;padding-left:2rem;margin-top:.5rem;}
.top-nav .navbar {padding:0;float:right;}
.nav-fixed {box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;}
@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}
.navbar-expand-lg .navbar-collapse {flex-flow:row wrap !important;}
.navbar-expand-lg .navbar-nav {justify-content:flex-end;}
.navbar-nav {width:100%;}
.navbar-light .navbar-nav .nav-link {color:#333;transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.5rem .5rem;text-transform:uppercase;color:#333;position:relative;font-size:1rem;}
.navbar-light .navbar-nav .nav-link:before {content:"";position:absolute;bottom:-0rem;left:0;right:0;margin:0 auto;height:2px;width:0;background:#e4202a;transition-delay:0.1s;transition:0.1s all linear;border-radius:2rem;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {width:100%;right:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu {padding-top:0;padding-bottom:0;top:38px;box-shadow:0px 10px 20px 0px rgb(0 0 0 / 20%);}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {background-color:#fff;color:#333;font-size:.9rem;position:relative;display:block;transition:all 0.5s;padding-top:0.3rem;padding-bottom:0.3rem;border-bottom:1px solid #eee;position:relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {color:#333;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2.5rem;font-size:0.9rem;position:relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover {color:#e4202a;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before {position:absolute;content:"\f0da";left:1.8rem;top:0.2rem;font-family:fontawesome;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a {border-bottom:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a::before {position:absolute;content:"\f105";font-family:fontawesome;left:.8rem;top:0.3rem;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {color:#e4202a;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#e4202a;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#e4202a !important;}
.dropdown-item {font-size:0.9rem;}
.dropdown-item.active {background-color:#fff}
.nav-item span.pro_icon {position:absolute;top:0.5rem;right:1rem;color:#000;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}
.navbar-light .navbar-nav .dropdown-menu1{padding-bottom: 2rem;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:0;position:relative;padding:0.5rem 0 0.5rem 0.3rem;font-size:1rem;color:#000;font-family:"Montserrat-Bold";}
.navbar-light .navbar-nav .dropdown-menu1 li a.dropdown-item{border-bottom:1px solid #ddd;}
.navbar-nav .dropdown-menu1{min-width:60rem;left:-21rem;padding:0.3rem 1.5rem;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a{color: #333; font-size: .9rem; padding: .2rem;padding-left:1rem; display: block; position: relative; }
.navbar-light .navbar-nav .dropdown-menu1 li ol li a::before{position: absolute;content: ""; left: 0; top:.7rem; width: 6px; height: 6px; border-radius: 50%; background-color: #ddd; }
.navbar-light .navbar-nav .dropdown-menu1 li ol li a:hover{color:#e4202a ;}
/* .etw_language */
.etw_language {float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:37%;height:36px;line-height:36px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem; background-color: #dee4ed;}
#etw_language {float:right;width:auto;text-align:right;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.5rem .8rem;color:#000;min-width:auto !important;font-size:1rem;position:relative;}
#etw_language .dropdown-item::before {position:absolute;content:"";right:0;top:.5rem;width:1px;height:15px;background-color:#4f4d4d;}
#etw_language .dropdown-item:last-child::before {display:none;}
#etw_language .dropdown-item img {margin-right:5px;}
#etw_language .dropdown-item:hover {color:#123e7c;background:none;}
#etw_language .dropdown-item:focus {background:none !important;}
/* banner */
#etw_banner {width:100%;position:relative;max-width:0 auto;text-align:center;}
#etw_banner img{width: 100%;}
.banner_01 {width:100%;color:#fff;margin:0 auto;line-height:1.45;font-size:1rem;text-align:left;position:absolute;left:0;bottom:0;}
.ban_txt {width:100%;max-width:806px; background-color: #e70014; padding:1.5rem 3rem;}
.ban_txt h1{font-family:"Montserrat-Bold"; font-size: 1.8rem;}

.banner_02,.banner_03{width: 100%;max-width: 1320px;position: absolute; top: 20%; left: 0; right: 0; margin: 0 auto; color: #fff; text-align: left;}
.ban_txt2,.ban_txt3{width: 100%; max-width: 570px; }
.ban_txt2 h3{background-color: #e70014;padding:1rem 1rem; font-family:"Montserrat-Bold"; text-transform: uppercase;font-size: 1.8rem; }
.ban_txt2 p{padding-left: 12%; color: #fefefe;}
.ban_txt3{max-width: 520px;}
.ban_txt3 h3{color: #e70014; font-family:"Montserrat-Bold"; font-size: 1.8rem;}
.ban_txt3 h4{color: #fff; border: 1px solid #f4f4f4; width: 100%; max-width: 370px; padding: .5rem 1rem; margin-top: 2rem; margin-bottom: 2rem;}




/* mainpro_box */
.mainpro_box{width: 100%; margin: 0 auto; background-color: #f8f8f8; padding: 3rem 0; color: #6f6f6f; line-height: 1.75;}
.mainpro_box .content{max-width: 1300px}
.webtitle{font-size: 2.2rem; color: #e70014;font-family:"Montserrat-Bold"; line-height: 1.35; margin-bottom: 1rem;}
.small_font{font-size: 1.8rem;}
.mainpro_box span{color: #e70014;}
.mainpro_inner{border-top: 1px solid #cbcbcb; margin-top: 2.5rem; padding-top: 2.5rem;}
.mainpro_item{background-color: #fff; padding: 1rem; -webkit-box-shadow: 0 12px 32px 0 rgba(0, 35, 70, .12);-moz-box-shadow: 0 12px 32px 0 rgba(0, 35, 70, .12);box-shadow: 0 12px 32px 0 rgba(0, 35, 70, .12); position: relative; height: 100%; padding-bottom: 3rem; transition: all .5s;}
.mainpro_item p{ color: #666; line-height: 1.45; font-size: .9rem;}
.mainpro_item img{margin-bottom: 1rem;}
.mainpro_item h3{color: #000;font-family:"Montserrat-Bold"; padding: 0 2rem;transition: all .5s; font-size: 1rem;}
.mainpro_item a.read_more,.read_more{color: #fff; background-color: #123e7c; font-size: 1rem; padding: .3rem 1.2rem; border-radius: 10px 0 10px 0; position: absolute; left: 0; bottom: -1rem;transition: all .5s;}
.mainpro_item:hover a.read_more{background-color: #e70014;left: 1rem;}
.mainpro_item:hover a h3{color: #e70014;}

/* custom_box */
.custom_box{width: 100%; margin: 0 auto; background: url(../images/custom_bg.jpg) no-repeat top; background-size: cover; padding: 3rem 0; color: #fff;}
.custom_box span{display: block;font-family:"Montserrat-Regular";}
.custom_box .read_more{position: relative; left: 0;}
.custom_box .read_more:hover{background-color: #e70014; color: #fff;}
/* app_box */
.app_box{width: 100%; max-width: 1100px; margin: 3rem auto; background: url(../images/logo_bg.jpg) no-repeat top center #234c85; padding: 3rem; color: #fff; position: relative;}
.app_box::before{position: absolute;content: ""; width: 100%; height: 40%; background-color: #123e7c; bottom: 0; left: 0;}
.app_box .webtitle{color: #fff;}
.app_item a span{color: #fff; text-align: center; padding-top: 1rem; display: block;}
/* about_box */
.about_box{color: #6f6f6f; width: 100%; margin: 3rem auto;}
.color_red{color: #e70014;}
.about_img{position: relative;}
.more{padding-left: 1rem; color: #f00; text-decoration: underline;}

.video_icon{width: 200px; background-color: #e70014; color: #fff; padding: .5rem 0; position: absolute; left: 0; top: 10%;  cursor: pointer; transition: all .5s;}
.video_icon:hover{background-color: #123e7c;}
.video_icon text{display: inline-block; font-size: 1.5rem;}
.video_icon i{width: 40px; height: 40px; line-height: 40px; background-color: rgba(255, 255, 255, .48); border-radius: 50%; display: inline-block; font-size:2.2rem; padding-left: .2rem; margin-left: 2rem;}
.left_pro_img .video_icon{position: relative; margin: 0 auto; padding-left: 2rem;font-family: "Montserrat-Bold"; border-radius: 22px; margin-bottom: 0;}
.left_pro_img .video_icon i{padding-left:1rem;}
.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_btn2{display:flex;flex-wrap:wrap;position:absolute;width:150px;height:150px;opacity:0.9;cursor:pointer;z-index:1;background:url(../images/video_btn.png) no-repeat;background-size:cover;}

/* video_item */
.videoinner_item{width: 100%; height: 100%; padding: 1rem; background-color: #eee; border-radius: 1rem;}
.video_text a{display: block; padding: .5rem 0; color: #000; font-size: 1rem; position: relative; line-height: 1.3; padding-left: 1.5rem;}
.video_text a::before{position: absolute; content: "\f0a9"; left: 0; top: .5rem;  font-family: fontawesome; transition: all .5s;}
.videoinner_item:hover a{color: #e70014;}
.videoinner_item:hover a::before{left: .3rem;}
.plyr__poster{background: none !important;}
/* video_itembox */
.video_itembox{width: 100%;position: relative;background: #f2f2f2;padding: 1rem 0;}
.video_itembox:before{    position: absolute;
    content: '';
    width: 98%;
    height: 1px;
    top: 5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-top: 1px solid #cecece;}
.icon_down{position:absolute;content:'';top:-1.5rem;width:60px;height:60px;border:1px solid #cecece;left:0;right:0;margin:0 auto;background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.icon_down:before{border:4px solid #f2f2f2;border-radius:50%;box-sizing:content-box;content:"";display:block;height:100%;left:-5px;padding:1px;position:absolute;top:-5px;width:100%}
.icon_down i{color:#aaa;font-size:30px}
.video_btn3{display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 88px;
  height: 88px;
  opacity: 0.9;
  cursor: pointer;
  z-index: 1;
  background: url(../images/video_btn.png) no-repeat;
  background-size: cover;}


/* .about_box2 */
.about_box2{    width: 100%;
  margin: 0 auto;
  position: relative;}
.about_box2>ul{display:flex;flex-wrap:wrap}
.about_box2>ul>li{margin:0 2% 2rem 0;width:32%;background:#fff;border-radius:1rem;overflow:hidden;transition: .3s all ease-in-out;}
.about_box2>ul>li:hover{box-shadow: 1px 3px 10px #ccc;}
.about_box2>ul>li:nth-child(3n){margin-right:0}
.about_box2>ul>li:nth-child(3n+1){clear:both}
.about_box2 ul li ol li.product_img{width:100%;position:relative;overflow:hidden}
.about_box2 ul li ol li.product_img a{display:block;width:100%}
.about_box2 ul li ol li.product_img img{transition:.3s all ease-in-out}
.about_box2 ul li ol:hover li.product_img img{transform:scale(1.06)}
.about_box2 ul li ol li.product_con{width:100%;position:relative;}
.about_box2 ul li ol li.product_con a{color: #000;
  padding: 1rem;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.2rem;
  font-size: 1rem;}
.about_box2 ul li ol li.product_con strong{font-size:1rem;line-height:1.6rem;padding:0 0 .5rem 0;display:block;font-weight:400}
.about_box2 ul li ol li.product_con span{font-size:.9rem;color:#333;padding:0 .5rem;line-height:1.4rem;display:block}
.about_box2 ul li ol:hover li.product_con a{color: #0051b0;}
.about_box2 ul li ol li.product_con a.more{font-size:.8rem;line-height:1.2rem;background:#1e2b50;color:#fff;font-size:.85rem;font-weight:300;text-align:center;display:inline-block;padding:.4rem 1rem .3rem 1rem;width:auto;margin:1rem 0 2rem .5rem}
.about_box2 ul li ol:hover li.product_con a.more{background:#333}




/* cap_box */
.cap_box{width: 100%; margin: 0 auto; margin-top: 2rem;}
.cap_item{background-color: #eee; height: 100%;}
.cap_des{padding: 1rem 2rem 2rem; border-top: 4px solid #e70014; font-size: .9rem;}
.cap_des h4{color: #e70014;font-family:"Montserrat-Bold";}

/* #container */
#container {width:100%;margin:0 auto;margin-top:85px;}
.content {width:100%;max-width:1100px;margin:0 auto;}
.content_big{max-width: 1400px;}
/* bg_color */
.bg_color{padding: 3rem 0; background-image: linear-gradient(to right,#fff,#eee);  }
/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#333;font-size:.8rem;overflow:hidden;position:relative; background-color: #eee; padding:.5rem 0;}
#quicknav a {color:#333;}
#quicknav ul {width:100%;max-width:1100px;margin:0 auto;}
#quicknav li {display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li + li::before {padding:0 5px;color:#333;content:"/\00a0";}
#quicknav a:hover {color:#e70014;}
.pro_banner{height: 340px; background-size: cover;  width: 100%; color: #fff; padding-top: 3rem;}
.pro_banner .content{position: relative;}
.top_txt{width: 100%; max-width: 600px; }
.top_txt_center{ text-align: center; margin: 0 auto;max-width: 800px; }
.top_txt h2,.top_txt .etw_hometitle{color: #fff; font-size: 2.4rem;}

/* about_top */
.about_top{width: 100%; margin: 0 auto; background: url(../images/logo_bg.jpg) no-repeat top right #234c85;clip-path: polygon(0 0,0 100%,calc(100% - 10%) 100%,100% calc(100% - 20%),100% 0,0 0); margin-bottom: 3rem;}
.about_inner{width: 100%; max-width: 1460px; margin: 0 auto;}
.about_txt{padding: 3rem; color: #fff;}
.about_top .etw_hometitle{color: #fff;}


/* etw_products */
.etw_products,.etw_products ul,.etw_products ul ol{width: 100%; margin: 0 auto;}
.etw_products{margin: 2rem auto;}
.etw_products ul ol{display: flex; justify-content: space-between; margin-bottom: 2rem; align-items: center; padding: 3rem; background-image: linear-gradient(to right,#fff, #f4f4f4); border-radius: 15px;}
.etw_products ul ol:nth-child(2n){background-image: linear-gradient(to left,#fff, #f4f4f4);}
.etw_products ul ol>li{width: 49%; margin-right: 2%;}
.etw_products ul ol>li img{mix-blend-mode: multiply;}
.etw_products ul ol:nth-child(2n)>li{order: 1;}
.etw_products ul ol:nth-child(2n)>li:last-child{order: 0;}
.etw_products ul ol>li:last-child{margin-right: 0;}
.etw_products ul ol>li>a h3{color: #000; font-size:1.6rem;font-family:"Montserrat-Bold"; position: relative; margin-bottom: 2rem;transition: all .5s;}
.etw_products ul ol>li>a h3::before{position: absolute;content: ""; width: 100px; height: 1px; background-color: #000; left: 0; bottom: -5px;}
.etw_products ul ol>li>a h4{color: #000; position: relative; margin-top: -1rem; margin-bottom: 2rem;}

.etw_products ul ol>li>dl{width: 100%; display: flex; flex-wrap: wrap;}
.etw_products ul ol>li>dl a{display: block; width: 49%; margin-right: 2%; color: #333; font-size: .9rem; padding: .2rem 0; position: relative; padding-left: .8rem;}
.etw_products ul ol>li>dl a:nth-child(2n){margin-right: 0;}
.etw_products ul ol>li>dl a::before{position: absolute; left: 0; top: .3rem;font-family:fontawesome;content: "\f105"; }
.etw_products ul ol>li p{color: #333; font-size: 1rem;}
.etw_products ul ol>li a{transition: all .5s;}
.etw_products ul ol>li a:hover,.etw_products ul ol>li a:hover h3{color: #e70014;}
.etw_products ul ol>li.products_img a{position: relative; display: block;}
.etw_products ul ol>li.products_img a::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 0.5s ease 0s;
}
.etw_products ul ol:hover>li.products_img a:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  /* big_products */
.big_products{width: 100%; margin: 0 auto;}
.big_products ul{width: 100%; background-color: #eee; height: 100%; box-shadow: 0 2px 12px 0 rgba(0, 35, 70, .22);}
.big_products ul h3{padding: 1rem; margin-bottom: 0; padding-bottom: 0;}
.big_products ul a h3{color: #000; font-size: 1rem;font-family:"Montserrat-Bold";}
.big_products .hiden_txt{font-size: .9rem; padding:.5rem 1rem; color: #666;}
.big_products .bigpro_img{position: relative;}
.resource-category span {
  position: absolute;
  left: 0;
  top: 0;
  background: #e70014;
  padding: .5rem 1rem;
  font-size: .87rem;
  color: #FFF;
  line-height: 1em;
  text-transform: uppercase;
  display: inline-block;
  transition: all ease-in-out 0.3s;
}



  /* hub_products */
  .hub_products{width: 100%; margin: 0 auto; background-color: #f4f4f4; padding: 3rem 0; margin-top: 2rem; }
  .hub_products ul{width: 100%; display: flex; background-color: #fff; padding: 2rem; height: 100%; justify-content: space-between; position: relative; padding-bottom: 3rem; }
  .hub_products ul li{width: 40%; margin-right: 2%;}
  .hub_products ul li:last-child{margin-right: 0;}
  .hub_products ul li.hubpro_des{border: 1px solid #ccc; border-top: 3px solid #ccc;border-bottom:3px solid #ccc; padding: 1.5rem 1rem; background-color: rgba(255, 255, 255, .78);width: 68%; position: absolute; right: 3%; top: 20%;}
  .hub_products ul li.hubpro_des a h3{color: #e4202a; font-size: 1.4rem;font-family:"Montserrat-Bold";}
  .hub_products ul li.hubpro_des p{color: #666; font-size: .9rem;}
  .hub_products ul li.hubpro_des a.more{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -1rem; text-align: center; display: inline-block; background-color: #123e7c; width: 150px; padding: .5rem 1rem; color: #fff; transition: all .5s; border-radius: 10px 0 10px 0; }
  .hub_products ul li.hubpro_des a.more:hover{background-color:#e4202a ;}
.big_title{font-size: 1.8rem; position: relative;padding-bottom: 1rem; color: #333; display: inline-block; margin-bottom: 1rem; transition: all .5s;}
.big_title::before{position: absolute; content: ""; width: 100px; height: 1px; left: 0; right: 0; margin: 0 auto; bottom: 0; background-color: #e4202a; }
.bigpro_img a{
  background-color: #fff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0; -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;}
.bigpro_img a:before,
.bigpro_img a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #000;
  content: "";
  opacity: 0.1;
  z-index: 1;
}
.bigpro_img a:before {
  -webkit-transform: skew(45deg) translateX(-155%);
  transform: skew(45deg) translateX(-155%);
}

.bigpro_img a:after {
  -webkit-transform: skew(45deg) translateX(155%);
  transform: skew(45deg) translateX(155%);
}
.bigpro_img a:hover:before,
.bigpro_img a.hover:before {
  -webkit-transform: skew(45deg) translateX(-45%);
  transform: skew(45deg) translateX(-45%);
}

.bigpro_img a:hover:after,
.bigpro_img a.hover:after {
  -webkit-transform: skew(45deg) translateX(55%);
  transform: skew(45deg) translateX(55%);
}
/* main_des */
.main_des{width: 100%; display: flex; flex-wrap: wrap; margin-top: 2rem;}
.bg_line{ width: 49%; background-image: linear-gradient(to left,#eee,#f4f4f4); padding: 1rem; margin-right: 2%; margin-bottom: 1rem;border: 10px solid rgba(221 221 221 / 30%); }
.bg_line:nth-child(2n){margin-right: 0;}
.bg_line b{text-align: center; display: block; margin-bottom: 1rem;}
.bg_line .item li{font-size: .9rem;}
.bg_line .item li::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #666; top: .5rem; left: .5rem; }
/* applicatio_box */
.applicatio_box{width: 100%; margin: 3rem auto;}
.applicatio_box ul{width: 100%; display: flex; flex-wrap: wrap;}
.applicatio_box ul li{width: 32%; margin-right: 2%; position: relative; margin-bottom: 2rem; 
  background-image: linear-gradient(to bottom,#234c85,#234c85);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
  .applicatio_box ul li::before{position: absolute;content: ""; width: 100%; height: 25%; background-color: #123e7c; left: 0; bottom: 0;}
.applicatio_box ul li:nth-child(3n){margin-right: 0;}
.application_des{
  position: relative;
  padding: 1rem;
  color: #fff;
}
.applicatio_box ul li a{color: #eee; display: block; line-height: 1.35;}
.applicatio_box ul li dt{font-weight: normal; font-size: .9rem; margin-bottom: .5rem;}
.applicatio_box ul li h3{font-family:"Montserrat-Bold";text-align: center;}
.applicatio_box ul li dd{font-size: .8rem; position: relative; padding-left: 1rem; color: #eee;}
.applicatio_box ul li dd::before{position: absolute;content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; top: .5rem; left: 0;}
.applicatio_box ul li:hover{background-color: rgba(231, 0, 20, 0.9);}
.applicatio_box ul li a:hover{color: #e4202a;}
/* material_list */
.material_list { width: 100%; margin-bottom: 1rem;}
.material_list .bg_color{height: 100%; background:none; border: 1px solid #ccc; padding:0 2rem; font-size: .9rem; }



/* .etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{width:25%;margin:0 0 4px 0;padding:0 2px;position:relative;}
.etw_gallerys ul li{padding:0;margin:0; position: relative;}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:50%;}
.etw_gallery3 ul li{width:33.33%;}
.etw_gallery5 ul li{width:20%;}
.etw_gallery6 ul li{width:16.66%;}
.etw_gallery ul li a{width:100%;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-items:center;justify-content:center;}
.etw_gallery ul li a:before{position:absolute;content:'';background:rgba(0 0 0 / 30%);left:0;right:0;margin:0 auto;width:0;height:0;transition:.3s all ease-in-out;}
.etw_gallery ul li a:after{position:absolute;content:"\f00e";color:#fff;font-size:3rem;line-height:3rem;font-family:FontAwesome;opacity:0;transition:.6s all ease-in-out;}
.etw_gallery ul li a:hover:before{width:100%;height:100%;}
.etw_gallery ul li a:hover:after{opacity:1;}
.etw_gallery ul li span{display:block;padding:0.5rem;text-align:center;font-size:0.95rem;line-height:1.35;font-weight:400;}

/* contact_des */
.contact_des strong{ border-bottom:none; margin-bottom: 0;}
.c_name{font-family:"Montserrat-Bold"; font-size: 1.1rem;}
  /* inquiry_bg */
.inquiry_bg{width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/custom_bg.jpg) no-repeat; background-size: cover; padding: 3rem 0; color: #fff; line-height: 1.35;}
.inquiry_txt{font-size: 2rem;font-family:"Montserrat-Bold"; text-align: center; max-width: 800px; margin: 0 auto; }
.inquiry_txt small,.inquiry_txt a{font-size: 1.2rem;font-family:"Montserrat-Light"; display: block;padding-top: 1rem;}
.inquiry_txt a{color: #fff; background-color: #e70014; display: inline-block; padding: .5rem 2rem; border-radius: 22px; margin-top: 1rem;}
/* btn-inquiry */
.btn-inquiry{color: #e4202a; text-transform: uppercase; font-size: 1.2rem;font-family:"Montserrat-Bold"; position: relative; padding-bottom: .5rem; }
.btn-inquiry::before{position: absolute; content: "" ; left: 0; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #e4202a;}
/* inquiry_box */
.inquiry_box{margin: 3rem auto; border: 1px solid #e4202a;box-shadow: 0 12px 32px 0 rgba(0, 35, 70, .22);  }
.etw_set_feedback_form{margin: 15px;background-color: #eee;padding: 2rem ;  }
.form_contact_title{font-family:"Montserrat-Bold"; font-size: 1.8rem; margin-bottom: 1rem;}

/* etw_sidebar */
#etw_sidebar,#etw_sidebar ul {width: 100%;}
.etw_productlist{margin: 0 auto;color: #504a4a; margin-bottom: 2rem; background-color: #f8f8f8; width: 90%; margin-top: 1rem;}
.etw_productlist .title{font-size: 1.4rem;color: #fff;  padding: .5rem ; text-align: center; background-image: linear-gradient(90deg,#e4202a,#fc0512); font-family:"Montserrat-Bold"; text-transform: uppercase; border-radius: 10px 10px 0 0;}
.etw_productlist ul{border: 1px solid #f2f2f2; padding: .5rem;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li{position:relative;}
.etw_productlist ul>li:last-child{border-bottom:none;}
.etw_productlist ul>li>a{padding:0.5rem 0 0.5rem 1rem; font-size:1rem;color:#333; line-height: 1.35;font-size:.9rem;font-family:"Montserrat-Bold"; border-bottom: 1px solid #eee; }
.etw_productlist ul>li:last-child>a{border: none;}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{ color:#e4202a; background-color:#f2f2f2; text-decoration:none;}
.etw_productlist ul>li>ol{ padding:0px; padding-top: .5rem; clear: both; float:none}
.etw_productlist ul>li>ol>li{position: relative; margin-bottom: .2rem;}
.etw_productlist ul>li>ol>li a{ display:block; color:#8f99a5;padding:0.3rem 1rem 0.2rem 2rem;font-size:0.8rem; font-weight: 400; line-height: 1.35; position: relative;}
.etw_productlist ul>li>ol>li a:before{ position:absolute;content:"\f0da"; font-family: fontawesome; left: 1rem; top:.3rem; color:#504a4a; font-size: .9rem;}

.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#e4202a; text-decoration:none;}
.etw_productlist ul>li>ol>li dl{display: flex; flex-wrap: wrap; padding-left:1.5rem; display: none; margin-top: .5rem;}
.etw_productlist ul>li>ol>li dl.show{display: block;}
.etw_productlist ul>li>ol>li dl a{width: 100%; font-size: .82rem; position: relative; display: block; line-height: 1.35; color: #666; padding-left: 1rem; margin-bottom: .3rem;}
.etw_productlist ul>li>ol>li dl a::before{position: absolute;content: "";width: 3px; height: 3px; background-color: #ccc; border-radius: 50%; left: .5rem; top: .8rem;}
.etw_productlist ul>li>ol>li{position: relative;}

/* otherpro_box */
.otherpro_box{background:#efefef; padding: 3rem 0; width: 100%; margin: 0 auto; border-top: 1px solid #eee;}
.otherpro_item{box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 1rem; height: 100%; background-color: #fff; padding-bottom: 2rem;}
.otherpro_item p{color: #333; font-size: .9rem; line-height: 1.35;}
.otherpro_item h3{font-family:"Montserrat-Bold"; color: #000; font-size: 1rem;}
.mpro_des{border-top: 1px solid #e8e8e8; padding-top:1rem; color: #666; text-align: center;}
.mpro_img{position: relative; text-align: center;}
.mpro_img img{transform: scale(1);transition: all .5s;}
.mpro_img::before{position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.1); transition: all .5s; opacity: 0; z-index: 1;}
.otherpro_item:hover .mpro_img::before{opacity: 1; }
.otherpro_item:hover .mpro_img img{transform: scale(1.02);}
.otherpro_item a{display: block; }
.otherpro_item a::before{position: absolute; content: "+"; width:30px; height: 30px; border-radius: 50%; background-color: #ccc; bottom: -1rem; left: 0; right: 0; margin: 0 auto; text-align: center; line-height: 30px; font-size: 1.5rem; color: #333; transition: all .5s;}
.otherpro_item:hover a::before{background-color: #e4202a; color: #fff;}


/* ul.item */
ul.item {
  margin-bottom: 5px;
  width: 100%;
  float: none;
}
ul.item li {
  position: relative;
  text-align: left;
  padding-left: 1.6rem;
  margin-bottom: 0.5rem;
}
ul.item li::before{position: absolute;content: "\f05d"; top: 0rem; left: 0; font-family: fontawesome; color: #333; font-size: 1rem; }
/* img_list */
.img_list{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.img_list li{width: 32%; margin-right: 2%; position: relative;background-color:#eee; padding: 1rem; margin-bottom: 2rem;}
.img_list li:nth-child(3n){margin-right: 0;}
.img_list li span{display: block;font-size: .9rem; line-height: 1.35; padding-top: 1rem; }

/* .left_pics */.left_pro_img,.pro_img {position:relative;}
.left_pro_img a {position:relative;display:block;}
.left_pics {width:98%;height:auto;margin:0 auto;text-align:center;position:relative;}
.sample_img {position:absolute;right:.5rem;bottom:1rem;z-index:1;}
.left_pics img {text-align:center; mix-blend-mode: multiply;}
.left_pics a {display:block;overflow:hidden}
.related_pic {width:100%;display:flex;flex-flow:wrap;justify-content:center;}
.related_pic a {width:18%;margin-right:2%;}
.related_pic a:nth-child(5n) {margin-right:0;}
.related_pic a:nth-child(5n + 1) {clear:both;}
.related_pic img {width:100%;height:auto;float:left;border:1px #eee solid;margin:10px 0 10px 0;}
.related_pic img:hover,.related_pic a.imgdq img {border:1px #0051b0 solid;}
.related_pic span {font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
/* footer */
#footer {width:100%;text-align:center;margin:0 auto;overflow:hidden;padding-top:3rem; background-color: #f8f8f8;}
.etw_bottom {max-width:1100px;padding:2rem 0; padding-bottom: 0; width:100%;margin:0 auto;position:relative;text-align:left; border-top: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb; margin-bottom: 2rem; }
.home_link {width:100%;overflow:hidden;background:#123e7c;margin:0 auto;padding:.5rem 0;}
#footer a:hover {color:#e70014;}
#footer .left_share a i {color:#fff !important;font-size:1rem;padding:0 0.5rem;}
.etw_bottom .etw_foot_title {position:relative;font-size:1.6rem;line-height:1.35;position:relative;border-radius:5px;margin-bottom:.8rem;font-family:"Montserrat-Bold"; color: #000;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#e70014!important;text-decoration:none;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#000;}
.etw_bottom a:hover {color:#e70014;}
.etw_bottom ul {width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li {width:100%;float:left;border-bottom:1px solid #f8f8f8;position:relative;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:#000;position:relative;font-weight:400;position:relative;padding:.5rem 0;}
.big_link a{display: block; width: 100%; width: 100%;font-family:"Montserrat-Bold"; color: #000; font-size: 1.6rem; padding-bottom: .5rem;}
.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:#000;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:5px;color:#000;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:4px;color:#000;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f2be";position:absolute;left:0px;top:2px;color:#000;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:4px;top:0px;color:#000;font-family:fontawesome;font-size:22px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:0px;color:#000;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f232";position:absolute;left:0px;top:0px;color:#000;font-family:fontawesome;font-size:18px;}
#etw_coper {margin-top:2px;width:100%;line-height:22px;}
#etw_coper a {display:block;color:#fff;font-size:12px;}
#otherlink {clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem;}
#otherlink a {color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;font-size:12px;}
#otherlink a span {opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover {color:#b00811;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
/* tags_box */.tags_box {width:100%;max-width:1100px;margin:1rem auto;margin-top:0;color:#fff;}
.tags_box ul {display:flex;flex-wrap:wrap;justify-content:center;}
.tags_box ul li {padding:0.5rem 0.5rem;font-size:12px;}
.tags_title {padding:0.1rem 0.5rem;}
/*sitemap*/#sitemap {width:100%;margin:20px auto;font-size:13px;}
#sitemap .name {width:100%;font-size:15px;margin:10px 0;clear:both;}
#sitemap a {color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;}
#sitemap a.sname {margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline !important;background:0 0;font-size:14px;}
#sitemap a:hover {text-decoration:underline !important;}
#sitemap a.sname:hover {color:#0f599b;text-decoration:none !important;}
#sitemap p {margin:0 0 10px;line-height:22px;}
#sitemap .list_m {width:100%;height:auto;margin:10px 0;overflow:hidden;}
#sitemap .list_m a {width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px;}
#sitemap .list_m a:nth-child(2n + 1) {clear:both;}
#sitemap .list_m a:hover {color:#0f599b;}
@media (max-width:1550.98px) {
  .banner_02,.banner_03{top: 40%;transform: translateY(-50%);}
}
@media (max-width:1400.98px) {
  .banner_03{max-width: 1200px;}
}
@media (max-width:1300.98px) {
  #etw_content,.header_in,.etw_bottom,.content,.ban_txt {padding-left:15px;padding-right:15px;}
  .ban_txt{max-width: 500px;}
  .ban_txt h1,.ban_txt2 h3,.ban_txt3 h3{font-size: 1.5rem;}
  .ban_txt3 p{display: none !important;}
  .banner_03{top: 20%; left: 6%;}
  .ban_txt3{max-width: 400px;}
}
@media (max-width:1299.98px) {.navbar-expand-lg .navbar-nav .nav-link {padding:0.5rem .5rem;font-size:.92rem;}
.dropdown-item {white-space:normal;}
.top-nav {padding-left:0;}
.bx-controls-direction{display: none;}
}
@media (max-width:1199.98px) {
  #etw_logo img{width: 160px;}
  #etw_logo{margin-top: 1rem;}
}

@media (max-width:1025.98px){
  .ban_txt2{max-width: 400px; font-size: .9rem; line-height: 1.35;}
  .ban_txt2 h3{font-size: 1.3rem;}
  .banner_03{left: 2%;}
}
@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,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev {display:none;}
#etw_sidebar {border:none;}
.top-nav .navbar {float:left;width:100%;}
.nav-item span.pro_icon {display:block;}
.navbar-light .navbar-toggler {color:#e4202a;font-size:2.5rem;border:none !important;padding:0.5rem 0.75rem;position:relative;z-index:1;}
.top-nav {width:100%;padding-left:0;margin-top:1rem;background-color:#eee;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.6rem 0.5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {font-size:1rem;}
.navbar {padding:0;}
.dropdown-item {white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after {display:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {border-radius:0;color:#fff;background-color:#e4202a;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#e4202a;}
.navbar-nav .dropdown-menu1{min-width: inherit;}

.etw_language {background:none;width:auto;padding-top:.8rem;}
.etw_language {display:block;float:right;height:auto;}
.etw_language > ul {position:relative;z-index:9;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li > a {display:block;color:#000;padding:0rem 1rem;}
.etw_language ul ul {display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;}
.etw_language ul ul a {display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item {color:#333;padding:0.2rem 0 0 1.5rem;}
#etw_language .dropdown-item:hover {color:#8f99a5;}
.etw_language ul li:hover > ul {display:block;}
.etw_language .dropdown-item {min-width:100px;}
.etw_language #etw_language {float:none;margin-top:0;height:auto;}
.etw_language #etw_language a {line-height:1.5rem;width:100%;}
.etw_language #etw_language a:hover {color:#fff !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img {display:none;}
#menu-items {border-radius:0 !important;}
.hub_products ul li.hubpro_des{position: relative; right: 0; top: 0;}
.left_pro_img .video_icon{margin-bottom: 2rem;}
.pro_banner{height: 240px;padding-top: 2rem;}
.about_txt{padding: 1rem;}
.about_top{clip-path:none}
.etw_products ul ol{padding: 1rem;}
.etw_products ul ol:nth-child(2n)>li{order:inherit;}
.etw_products ul ol:nth-child(2n)>li:last-child{order: inherit;}
.big_link a,.etw_bottom .etw_foot_title{font-size: 1.2rem;}
.webtitle,.inquiry_txt{font-size: 1.8rem;}
.app_box{padding: 1.5rem 1rem;}
.otherpro_box{padding: 2rem 0;}
.about_box2>ul>li{width:49%}
.about_box2>ul>li:nth-child(3n){margin-right:2%}
.about_box2>ul>li:nth-child(3n+1){clear:none}
.about_box2>ul>li:nth-child(2n){margin-right:0}
.about_box2>ul>li:nth-child(2n+1){clear:both}
}
@media (max-width:768.98px) {
.etw_gallery ul li{width:50%;}
.etw_gallery3 ul li{width:33.33%;}
.etw_gallery5 ul li{width:33.33%;}
.etw_gallery6 ul li{width:33.33%;}
.ban_txt{padding: 1rem;max-width: 400px;}
.ban_txt h1, .ban_txt2 h3, .ban_txt3 h3{font-size: 1.2rem;}
.top_txt_center p{font-size: 0.9rem;line-height: 1.1rem;}
}
@media (max-width:650.98px) {html {font-size:14px;}
.hub_products ul{flex-wrap: wrap;}
.hub_products ul li.hubpro_img{text-align: center;}
.hub_products ul li,.hub_products ul li.hubpro_des{width: 100%;}
.video_icon{width: 180px;}
.left_pro_img .video_icon{padding-left: 1rem;}
.video_icon i{font-size: 2rem; width: 35px; height: 35px; line-height: 35px; }
}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.3rem;}
.etw_gallery3 ul li{width:49%;}
.top_txt h2, .top_txt .etw_hometitle{font-size: 1.8rem; margin-bottom: 0;}
.img_list li,.applicatio_box ul li{width: 48%;}
.img_list li:nth-child(2n){margin-right: 0;}
.img_list li:nth-child(3n){margin-right: 2%;}
.applicatio_box ul li:nth-child(3n){margin-right: 2%;}
.applicatio_box ul li:nth-child(2n){margin-right: 0;}

.etw_products ul ol{flex-wrap: wrap;}
.etw_products ul ol > li{width: 100%; margin-bottom: 1rem; margin-right: 0;}
.pblist_box{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-top: 1rem;}
.bg_line{width: 100%; margin-right: 0;}
.ban_txt{background: none; text-shadow: 1px 1px 3px #000;}
}
@media (max-width:480.98px) {
  #etw_logo img{width: 140px;}
  .etw_gallery3 ul li{width:100%;margin:0 0 1rem 0;}
  .applicatio_box ul li{width: 100%; margin-right: 0;}
  .about_box2>ul>li{width:100%; margin-right: 0;}
}
@media (max-width:380.98px) {
  .img_list li{width: 100%; margin-right: 0;}
}
@media (max-width:320.98px) {.navbar-light .navbar-toggler,.iconfont {font-size:1.55rem;}
}


.img_list li .owl-theme .owl-dots .owl-dot span{border-radius: 50%;padding-top: 0;margin-bottom: 0;}

/* 2024-12-20 */
/****link list****/
.tab_li{border:none;position:relative;margin:0;margin-bottom: 2rem;}
.tab_li ul{width:100%;margin:0 auto;justify-content:center;display:flex;flex-wrap:wrap;}
.tab_li li{
    font-size: 1rem;
    line-height: 1.2rem;
    position: relative;
    display: flex;
    font-weight: 500;
    padding: 1rem 0;
    cursor: pointer;
    margin: 0;
    width: 32%; 
    text-align: center;
    transition: .3s all ease-in-out;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;box-shadow: 0 0 5px #ccc;margin-right: 2%;
}
.tab_li li:nth-child(3n){margin-right: 0;}
.tab_li li span{display:inline-block;font-size: 1rem;line-height: 1.4rem;color: var(--hover-color);font-weight: 600;}
.tab_li li:last-child span{border-right:none;}
.tab_li li:before{position:absolute;content:'';background:var(--primary-color);width:0;height:2px;right:0;bottom:0;transition:.3s all ease-in-out;}
.tab_li li img{display:inline-block;margin:0 1rem 0 0;border-radius: 50%;border: 1px solid #ccc;}
.tab_li li:hover,.tab_li li.dq{background: #fff;}
.tab_li li:hover:before{width: 100%;left: 0;} 

.tabfixed{position:fixed;top:85px;left:0;margin:0;z-index:999;width:100%;background:#f6f6f6;right:0;box-shadow:0 3px 10px rgb(0,0,0,.2);max-width: none;}
.tabfixed ul{max-width:1300px;width:100%;margin:0 auto;}
.tabfixed ul li{padding: 1rem 0;box-shadow: none;}
.tabfixed ul li span{font-size: 1.2rem;line-height: 1.2rem;}
.tabfixed ul li img{width:50px;height: 50px;}
.tabfixed li:hover{background: #fff;}

.tabfixed.tab_li1 li span{font-size: 1rem;line-height: 1rem;}
.tabfixed.tab_li2{margin: 0 auto;}
@media (max-width:991.98px){.tabfixed{position:relative;top:auto;left:auto;right:auto;}
.tabfixed ul{background:#dde2e6;}
.tabfixed ul li{color:#333;}
.tabfixed li:before{background:#333;}
.tab_li{display:none;}
}
.big_products01{margin-bottom: 1rem;}
.big_products01 ul a h3{margin-bottom: 1rem;}
.indent{padding-left: 59px;}

/* 2025-1-23 */
.accordion {
    position: relative;
}

.card {
    background: 0;
    border: none;
}

.card-header {
    transition: .3s all ease-in-out;
    border-bottom: none;
    border-radius: 0 !important;
    background: #fff;
    padding: 0;
    margin: 0 0 1px;
}

.card-header:hover {
    background: rgba(0,0,0,.01);
}

.card-header .btn {
    font-size: 1.3rem;
    color: #333;
    position: relative;
    line-height: 1.5rem;
    white-space: normal;
    padding: 1rem 3rem 1rem 1rem;
    font-weight: 400;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}

.card-header .btn a {
    color: #333;
}

.card-header .btn:hover a {
    color: #666;
}

.card-header .btn {
    position: relative;
}
.card-header h3{font-size: 1.1rem;font-weight: 500;}

.card-header .btn:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 21px;
    background: url(../images/icon5.png) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    transition: .3s all ease-in-out;
    opacity: .3;
}

.card-header .btn:hover {
    background: rgba(0,0,0,.1);
}

.card-body {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem 2rem 1rem 1.5rem;
    font-size: 1.05rem;
    line-height: 1.5rem;
    color: #666;
}

.card-header .btn span {
    float: right;
    font-size: 3rem;
    color: #777;
    font-weight: 100;
    transition: .3s all ease-in-out;
}

.card-header .btn:hover span {
    transform: rotate(135deg);
    color: var(--primary-color);
}

.btn:hover,.btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus {
    text-decoration: none;
    color: #333;
}

.btn:hover:before,.btn[aria-expanded="true"]:before {
    transform: rotate(180deg);
}

.btn[aria-expanded="true"] span {
    transform: rotate(135deg);
    color: #666;
}
.pro_banner01{height: auto;padding-top: 1.5rem;padding-bottom: 1.5rem;height: 400px;display: flex;flex-wrap: wrap;align-items: center;}
.pro_banner01 .content{max-width: 800px;}
.etw_application{width: 100%;float: left;margin-bottom: 2rem;position: relative;z-index: 10;text-align: center;}
.etw_application ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.etw_application ul li{width: 50%;margin-bottom: 1rem;float: left;position: relative;position: relative;border: 1px solid #ccc;background: rgba(18,62,124)} 
.etw_application ul li:nth-child(2n){margin-right: 0;} 
.applicatio_box ul li{padding-bottom: 2.25rem;}
.applicatio_box ul li.dq{padding-bottom: 0;}
.app_more{position: absolute;bottom: 1rem;left: 50%;transform: translateX(-50%);}
.app_more a{display: inline-block!important;border: 1px solid #fff;color: #fff;font-size: 0.9rem;padding: 4px 10px;}
.app_more a:hover{background: #e4202a;color: #fff!important;} 

.more_application{width: 100%;}
.more_application ul{width: 100%;display: flex;flex-wrap: wrap;}
.more_application ul li{width: 100%;background: #fff;}
.more_application ul li ol{width: 100%;background: #fff;display: flex;flex-wrap: wrap;}
.more_application ul li ol li.product_img{width: 100%;float: left;border: none;}
.more_application ul li ol li.product_con{width: 100%;float: right;padding: 1.5rem 1.5rem;font-size: 1rem;border: none;color: #555;}
.more_application ul li ol li.product_con a{display: block;font-size: 1.25rem;font-weight: bold;color: #333;line-height: 1.55rem;padding-bottom: 0.5rem;}
.more_application .owl-carousel .owl-stage{display: flex;flex-wrap: wrap;}
.more_application .owl-carousel.owl-drag .owl-item{background: #fff;border: 1px solid #eee;}
.more_application ul li ol li.product_con strong{font-size: 0.95rem;line-height: 1.2rem;}
.more_application ul li ol li.product_con a:hover{color: #e4202a;}
.more_application .owl-dots{display: none;}
.inquiry_txt01{max-width: 800px;}
.etw_hometitle1{width: 100%;font-size: 1rem;color: #555;margin-bottom: 1rem;} 
.etw_products01 ul ol{padding: 1rem 1.5rem;background: #fff;}
.etw_products01 ul ol>li.products_img{text-align: center;}
.etw_products01 ul ol>li>a h4{margin-bottom: 1rem;}
.etw_products01 ul ol>li span{font-size: 0.9rem;} 
.row01{display: flex;flex-wrap: wrap;align-items: center;}
.ssmall_font{font-size: 1.6rem;}
.btn-inquiry1{color:#fff; text-transform: uppercase; font-size: 1.2rem;font-family:"Montserrat-Bold"; position: relative; padding-bottom: .5rem;background:  #e4202a;padding: 6px 30px;border-radius: 20px;} 
.btn-inquiry1:hover{background: #333;color: #fff;}
.pro_bg{background: #f4f4f4;padding: 1.5rem 0;margin-top: 1.75rem;}
.inquiry_bg01{background: #e4202a;}
.inquiry_bg01 .inquiry_txt a{background: #fff;color: #e4202a;}
.inquiry_bg01 .inquiry_txt a:hover{background: #000;color: #fff;}
.mainpro_box01{padding: 3rem 2rem;}
@media (max-width:991.98px){
  .pro_banner01{height: auto;}
}
.layui-layer-btn .layui-layer-btn0{ font-size:1.5rem; line-height:30px !important;}
.layui-layer-dialog .layui-layer-content{ padding-top:10px !important;}