@charset "utf-8";
/* font-awesome */
@import "../fonts/fontawesome/font-awesome.min.css";
/* bootstrap-icons */
@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";
/* Animate */
@import "animate.min.css";
@font-face{font-family:iconfont;font-display:swap;src:url(../fonts/iconfont.ttf?t=1622274305876) format("truetype")}
.iconfont{cursor:pointer;font-family:iconfont !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
@font-face{font-family:"NunitoSans";font-style:normal;font-display:swap;font-weight:300;src:local(''),url(../fonts/NunitoSans/NunitoSans-Light.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-Light.woff) format("woff")}
@font-face{font-family:"NunitoSans";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/NunitoSans/NunitoSans-Regular.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-Regular.woff) format("woff")}
@font-face{font-family:"NunitoSans";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/NunitoSans/NunitoSans-SemiBold.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-SemiBold.woff) format("woff")}
@font-face{font-family:"NunitoSans";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/NunitoSans/NunitoSans-Bold.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-Bold.woff) format("woff")}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/Manrope/Manrope-Regular.woff2) format("woff2"),url(../fonts/Manrope/Manrope-Regular.woff) format("woff")}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/Manrope/Manrope-Medium.woff2) format("woff2"),url(../fonts/Manrope/Manrope-Medium.woff) format("woff")}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/Manrope/Manrope-SemiBold.woff2) format("woff2"),url(../fonts/Manrope/Manrope-SemiBold.woff) format("woff")}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/Manrope/Manrope-Bold.woff2) format("woff2"),url(../fonts/Manrope/Manrope-Bold.woff) format("woff")}
/* loading start */
.skip-loading{display: none;}
html{overflow: visible;}
#header,#container,#footer{visibility: visible;}
/* loading stop */
:root {
	--bg-main: #b22233;
	--bg-hover: #6a0c1c;
	--family-first: "NunitoSans", sans-serif;
	--family-second: "Manrope", sans-serif;
	--bg-F0: #f0f0f0;
	--bg-F1: #f1f1f1;
	--bg-F2: #f2f2f2;
	--bg-F3: #f3f3f3;
	--bg-F4: #f4f4f4;
	--bg-WhiteSmoke: #f5f5f5;
	--bg-F6: #f6f6f6;
	--bg-F7: #f7f7f7;
	--bg-F8: #f8f8f8;
	--bg-F9: #f9f9f9;
	--bg-Gainsboro: #DCDCDC;
	--bg-Eee: #eeeeee;
}
.bg-F0{background-color: var(--bg-F0) !important;}
.bg-F1{background-color: var(--bg-F1) !important;}
.bg-F2{background-color: var(--bg-F2) !important;}
.bg-F3{background-color: var(--bg-F3) !important;}
.bg-F4{background-color: var(--bg-F4) !important;}
.bg-WhiteSmoke {background-color: var(--bg-WhiteSmoke) !important;}
.bg-F6{background-color: var(--bg-F6) !important;}
.bg-F7{background-color: var(--bg-F7) !important;}
.bg-F8{background-color: var(--bg-F8) !important;}
.bg-F9{background-color: var(--bg-F9) !important;}
.bg-Gainsboro{background-color: var(--bg-Gainsboro) !important;}
.bg-Eee{background-color: var(--bg-Eee) !important;}
.bg-white-WhiteSmoke{background-image: linear-gradient(#fff,var(--bg-WhiteSmoke));}
.bg-WhiteSmoke-white{background-image: linear-gradient(var(--bg-WhiteSmoke),#fff);}
.bg-white-light{background-image: linear-gradient(#fff,#f8f9fa);}
.bg-light-white{background-image: linear-gradient(#f8f9fa,#fff);}
/* public */
* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#555; font-family:var(--family-first); font-weight: 400; font-size: .95rem; line-height:1.5; background-color:#fff; overflow-x:hidden}
li,ol,ul,dl {list-style: none;margin-bottom: 0;}
h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6 {color: #333; font-family: var(--family-second); margin-bottom: 1rem;}
h2,.h2 {font-size: 2.5rem;}
h3,.h3 {font-size: 2rem;}
h4,.h4 {font-size: 1.75rem;}
h5,.h5 {font-size: 1.5rem;}
h6,.h6 {font-size: 1.25rem; font-family: var(--family-first);}
h2 a,h3 a,h4 a,h5 a,h6 a,a.h2,a.h3,a.h4,a.h5,a.h6 {color: inherit;font-size: inherit;}
a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: var(--bg-main);}
p:last-child{margin-bottom: 0;}
strong {font-weight: bold;}
b {font-weight: 600;}
.picture{width: 100%; display: block;}
img{display:block; max-width:100%; height:auto; margin:0 auto; transition: all .4s;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all 0.5s;color:inherit;text-decoration:none}
a:hover{text-decoration:none;color: var(--bg-main);}
figure,.figure{width: 100%; display:flex; flex-wrap: wrap;}
figure>a,.figure>a{width: 100%; display: flex; flex-wrap: wrap; position: relative; overflow: hidden;}
figure>a:hover,.figure>a:hover{cursor: zoom-in;}
figure:last-child{margin-bottom: 0;}
.imgbox{width:100%;display:flex; flex-wrap: wrap; align-items:center; justify-content:center; overflow:hidden; position:relative; transition:all 0.4s; z-index: 2;}
.imgbox:has(.img-abs)::before,.imgbox:has(.img-cover)::before{content: ''; display: block; padding-top: 75%;}
.textbox{width: 100%; display: flex; flex: 1; flex-direction: column;}
.swiper{width: 100%;}
.swiper .swiper-slide{float: left; height: auto; display: flex;}
.swiper .swiper-slide>ol{width: 100%; display: flex; flex-wrap: wrap;}
.prev-button.swiper-button-disabled,
.next-button.swiper-button-disabled{cursor: no-drop; opacity: .7;}
.prev-button,.next-button{width: 40px; height: 40px; font-size: 1.25rem; display: flex; align-items: center; justify-content: center; color: var(--bg-main); position: absolute; left: -60px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all .3s;}
.next-button{left: auto; right: -60px;}
.prev-button:hover,.next-button:hover{background-color: var(--bg-main); color: #fff;}
.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;}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:all 1s;}
.container{max-width:1230px; margin: 0 auto;}
.container1{max-width:1130px; margin: 0 auto; padding: 0 15px;}
.container2{max-width:1030px; margin: 0 auto; padding: 0 15px;}
.container3{max-width:930px; margin: 0 auto; padding: 0 15px;}
.multiply,.img_bg img{mix-blend-mode: multiply;}
ul{width: calc(100% + 20px); margin: 0 -10px; display: flex; flex-wrap: wrap;}
ul li{display: flex; flex-wrap: wrap; padding: 10px;}
ul li>ol{width: 100%; display: flex; flex-wrap: wrap; transition: all .4s ease-in-out;}
.etw_photo{width: 100%; display: flex; flex-wrap: wrap;}
.etw_photo>figure{width: 100%; display: flex; flex-wrap: wrap;}
.etw_photo ul{width: calc(100% + 10px); margin: 0 -5px;}
.etw_photo ul li{width:100%; padding: 5px;}
.etw_photo ul li>a{width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; overflow: hidden; position: relative;}
.etw_photo ul li>a>span,.etw_photo ul li span{width: 100%; flex: 1; display: flex; justify-content: center; text-align: center; padding: .5rem 0; font-size: .95rem;}
.etw_photo ul li:hover img{cursor: zoom-in;}
.etw_photo ul li:hover span{color: var(--bg-hover);}
.etw_photo2 ul li{width:50%;}
.etw_photo3 ul li{width:calc(100% / 3)}
.etw_photo4 ul li{width:25%}
.etw_photo5 ul li{width:20%}
.etw_photo6 ul li{width:calc(100% / 6)}
.etw_photo_m1 ul{width: calc(100% + 20px); margin: 0 -10px;}
.etw_photo_m1 ul li{padding: 10px;}
.etw_photo_m2 ul li{padding: 15px;}
.etw_photo_m2{width: calc(100% + 30px); margin: 0 -15px;}
.etw_photo .no-gutters{width: 100%;}
.etw_photo .no-gutters>div{display: flex; flex-wrap: wrap;}
@media (max-width:1199.98px){
  .prev-button,.next-button{left: 0;}
  .next-button{left: auto; right: 0;}
	.etw_photo6 ul li{width: 20%;}
}@media (max-width:991.98px){
  .etw-lg-photo2 ul li{width: 50%;}


	.etw_photo5 ul li,.etw_photo6 ul li{width: 25%;}
  .table_991{min-width: 991px;}
}@media (max-width:767.98px){
  .prev-button,.next-button{width: 30px; height: 30px; font-size: 1.125rem; left: 0;}
  .next-button{left: auto; right: 0;}
  h2,.h2 {font-size: 2rem;}
  h3,.h3 {font-size: 1.75rem;}
  h4,.h4 {font-size: 1.5rem;}
  h5,.h5 {font-size: 1.25rem;}
  h6,.h6 {font-size: 1rem;}
  .etw_photo4 ul li{width: 50%;}
  .etw_photo5 ul li,.etw_photo6 ul li{width: calc(100% / 3);}
}@media (max-width:575.98px){
  h2,.h2 {font-size: 1.8rem;}
  h3,.h3 {font-size: 1.6rem;}
  h4,.h4 {font-size: 1.4rem;}
  .prev-button,.next-button{display: none;}



	.etw_photo3 ul li,.etw_photo5 ul li,.etw_photo6 ul li{width: 50%;}
  .etw_photo_white ul li>a{padding: .5rem;}
	.etw_photo ul li span{font-size: .875rem !important;}
  .table_767{min-width: 767px;}
}@media (max-width:375.98px){


}@media (max-width:370.98px){
	.etw_photo ul li{width: 100% !important; display: flex !important;}
}
ul.items,dl.items{width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 1rem 0;}
ul.items:last-child,dl.items:last-child{margin-bottom: 0;}
ul.items li,dl.items dd{width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; position:relative; margin-bottom: 10px; padding: 0; line-height: 24px;}
ul.items li:last-child,dl.items dd:last-child{margin-bottom: 0;}
ul.items li::before,dl.items dd::before{display:inline-block; font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
ul.items li strong,dl.items dd strong{margin-right: .25rem;}
ul.items1 li,dl.items1 dd{padding-left: 1.75rem;}
ul.items1 li::before,dl.items1 dd::before{content: ''; width: 16px; height: 24px; background: url(../images/li.svg) no-repeat left center; background-size: contain; position: absolute; left: 0; top: 0;}
ul.items2 li,dl.items2 dd{padding-left: 1rem;}
ul.items2 li::before,dl.items2 dd::before{content: ''; width: 4px; height: 4px; background-color: var(--bg-main); position: absolute; left: 0; top: 10px;}
ul.items3,dl.items3{counter-reset: item-count; list-style-type: none;}
ul.items3 li,dl.items3 dd{padding-left: 1.875rem; position: relative;}
ul.items3 li::before,dl.items3 dd::before{counter-increment: item-count; content: counters(item-count, ""); font-family: var(--family-first); width: 1.25rem; height: 1.25rem; border: 1px solid #ccc; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: .75rem; position: absolute; left: 0; top: 2px;}
ul.items.d-block li,dl.items.d-block dd{display: block;}
/* table */
.table-responsive{margin-bottom: 1rem;}
.table-responsive:last-child{margin-bottom: 0;}
.table{color: #666; margin-bottom: 0;}
.table td,.table th{vertical-align: middle; font-size: .95rem; line-height: 1.2; padding: .625rem;}
.table tr>td:first-of-type{font-weight: bold; color: #333;}
.table-bordered td{border: none; border-bottom: 1px solid rgba(0, 0, 0, .125);}
.table .top td{border-bottom: 1px solid rgba(0, 0, 0, .6); color: #000;; font-weight: 400; font-size: 1rem;}
.table-hover tr:hover,.table-hover tr:hover td{background-color: #eee;}
u.inquiry{text-decoration: none; color: var(--bg-main);}
u.inquiry:hover{color: var(--bg-hover); text-decoration: underline;}
/* video_Btn */
.video_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9; cursor:pointer; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out;}
.video_btn::before{content: "\F4F4"; --w:70px; width: var(--w); height: var(--w); border-radius: 50%; background-color: rgba(255, 255, 255, .7); color: var(--bg-main); font-size: 2.5rem; padding-left: 5px; display: flex; align-items: center; justify-content: center; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all .3s ease-in-out;}
.video_bigbtn{left: 0; top: 0; right: 0; bottom: 0; transform: initial;}
.video_btn:hover::before{ background-color: rgba(255, 255, 255, .9)}
/* More */
.more{display: flex;}
.more>a{width:fit-content;  display: flex; flex-direction: row-reverse; align-items: center; position: relative; z-index: 0; transition: all .4s; font-size: .95rem; font-weight: 400; line-height: 1; color: var(--bg-main); overflow: hidden; padding: .75rem 1rem; border-left: 1px solid var(--bg-main); clip-path: polygon(95% 0, 100% 48%, 95% 100%, 0 100%, 0 0);}
.more>a::before{content: '\F138'; margin-left: .625rem; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all .3s;}
.more>a::after{content: ''; width: 0; height: 100%; background-color: var(--bg-main); position: absolute; right: 0; bottom: 0; transition: all .3s ease-in-out; z-index: -1;}
.more>a:hover{color: #fff;}
.more>a:hover::after{width: 100%; left: 0; right: auto;}
/* inquiry_quote */
.inquiry_quote,.inquiry_btn{display: flex; margin-top: 1.5rem;}
.inquiry_quote>a,.inquiry_btn>a{display: flex; padding: .5rem 1.5rem; color: #fff; font-size: .95rem; position: relative; overflow: hidden; z-index: 0;}
.inquiry_quote>a::before,.inquiry_btn>a::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(135deg,var(--bg-hover),var(--bg-main)); background-size: 100% 100%; background-position: center center; z-index: -1; transition: all .3s ease-in-out;}
.inquiry_quote>a:hover,.inquiry_btn>a:hover{transform: translateY(3px); box-shadow: 0 10px 10px rgba(0,0,0,.2);}
.inquiry_quote>a:hover::before,.inquiry_btn>a:hover::before{background-size: 250% 100%;}
/* public-End */
/* etw_language */
.etw_language{min-height: 40px; display: flex;}
.etw_language ul{width:100%; margin: 0; display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap; position: relative; padding: 0;}
.etw_language ul>li>span{width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 1rem; font-size: .95rem; text-transform: uppercase; color: var(--bg-hover);}
#etw_language{display:flex; height: auto; position: relative; z-index: 9; padding: 0;}
#etw_language>a{width: fit-content; padding:0 .8rem; color:#000; display:flex; justify-content:center; align-items:center; height: 40px; position: relative; text-align: center; font-size: .95rem;}
#etw_language>a::after{content: ''; width: 1px; height: 40%; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: .5;}
#etw_language>a:last-child{margin-bottom: 0; padding-right: 0;}
#etw_language>a:last-child::after{display: none;}
#etw_language>a:hover{color: var(--bg-hover); text-decoration: underline; background: initial;}
@media (max-width:991.98px){
	.etw_language{padding-top: 0; position: relative; z-index: 14;}
	.etw_language::before{display: none;}
	.etw_language ul>li>span{color: #333; font-size: 1.875rem; margin-right: 2.5rem;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%; left:25%; transform:translateX(-50%); width: 120px; z-index: 9;}
	#etw_language{background-color: #eee;}
	#etw_language>a{width: 100%; height:auto; padding:.7rem .5rem; margin:0;color:#000; font-size: .95rem; line-height: 1;}
	#etw_language>a::after{display: none;}
	#etw_language>a:last-child{padding:.7rem .5rem;}
	#etw_language>a:hover{background-color: var(--bg-main);color: #fff; text-decoration: none;}
}
/* header */
#header{padding-top: 90px;}
.header{width: 100%; position:fixed; left:0; top:0; z-index:12; background-color: #fff; transition: all .5s ease-in-out; box-shadow: 4px 4px 100px rgba(0,0,0,.15); visibility: visible;}
.nav-fixed{-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown; animation:.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}}
#etw_logo{float: left; padding: 15px 0; position: relative; z-index: 3;}
#etw_logo a{display: flex; align-items: center;}
#etw_logo a>img{display:block; max-height:60px;}
#etw_logo a>span{color: var(--bg-main); font-size: .8rem; line-height: 1.5; border-left: 1px solid var(--bg-main); padding-left: 1.875rem; margin-left: 1.875rem; text-transform: uppercase;}
nav{display: block;}
nav .navbar{padding:0; justify-content:flex-end}
nav .navbar-collapse{flex-grow:0; width:100%; border:none; height:100%; align-items:initial; position: relative;}
.navbar-expand-lg .navbar-nav{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; margin: 0;}
.navbar-expand-lg .navbar-nav .nav-item{display:flex; align-items:center; justify-content:center; margin-left: 2.5rem; padding: 0;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%; color:#444; min-height:50px; display:flex;align-items:center;justify-content:center; font-size: 1rem; font-weight: 600; font-family: var(--family-second); position: relative; z-index: 0; padding: 0; overflow: hidden;}
nav .navbar-nav .nav-item .dropdown-toggle::after{transition:all 0.3s;margin-left:0.5rem;content: "\F282"; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none;}
.navbar-light .navbar-nav .nav-item.active .nav-link{color: var(--bg-hover);}
.navbar-light .navbar-nav .nav-item:hover .nav-link,.navbar-light .navbar-nav .show>.nav-link{color:var(--bg-hover);}
nav .navbar-nav .nav-item.active .dropdown-toggle::after,nav .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.pro_icon{display:none}
/* 导航下拉 */
.dropdown-menu{left:0; top:150%; border:none; margin:0; padding:0; border-radius:0 0 10px 10px; background-color: rgba(255,255,255,.8); backdrop-filter: blur(6px); overflow:hidden;transition:all 0.3s ease 0s; visibility:hidden;pointer-events:none;opacity:0;display:block; box-shadow: 0 10px 10px rgba(0,0,0,.15);}
.dropdown-menu ul{width: 100%; margin: 0;}
.dropdown-menu ul li{width: 100%; padding: 0; border-bottom: 1px dashed #ccc;}
.dropdown-menu ul li:last-child{border-bottom: none;}
.dropdown-menu ul li .dropdown-item{color:#000; font-weight: 500; font-size:.95rem; position:relative;display:flex;transition:all 0.5s; padding: .75rem 1rem; padding-left: 1.5rem; align-items: center;}
.dropdown-menu ul li .dropdown-item::before{content: "\F285"; display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1; vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; line-height: 1; position: absolute; left: .5rem; top: 50%; transform: translateY(-50%); color: inherit; font-size: 12px;}
.dropdown-menu ul li .dropdown-item:hover{background-color: var(--bg-hover); color: #fff;}
.dropdown-menu ul li .dropdown-item.active{background: none; color: var(--bg-hover);}
/* 产品下拉 */
.dropdown-menu1{padding: 1rem;}
.dropdown-menu1 ul{width: calc(100% + 10px); margin: 0 -5px;}
.dropdown-menu1 ul>li{width: 25%; padding: 5px; border: none;}
.dropdown-menu1 ul>li .dropdown-item{width:100%; display: flex; flex-direction: column; align-items: center; white-space:initial;}
.dropdown-menu1 ul>li .dropdown-item>img{max-width: 100%; height: 100px; margin-bottom: 1rem;}
.dropdown-menu1 ul>li .dropdown-item>span{width: 100%; display: flex; justify-content: center; text-align: center; font-size: .9rem; line-height: 1.2;}
.dropdown-menu1 ul>li .dropdown-item::before{content: none;}
.dropdown-menu1 ul>li .dropdown-item:hover{background-color: #fff; color: var(--bg-hover); box-shadow: 0 0 5px rgba(0,0,0,.15);}
.dropdown-menu1 ul li .dropdown-item.active>span{color: var(--bg-hover);}
/* 应用下拉 */
.dropdown-menu2{padding: 1.25rem; left: auto; right:0; max-width: 900px;}
.dropdown-menu2 .row>.col-lg-8{border-left: 1px dashed #ccc; padding-left: 30px;}
.dropdown-menu2 .h3{display: block; font-size: 1.125rem;}
.dropdown-menu2 .h3>a:hover,.dropdown-menu2 .h3>a.active{color: var(--bg-hover);}
.dropdown-menu2 ul{width: 100%; margin: 0;}
.dropdown-menu2 ul li{border-bottom:none;}
.dropdown-menu2 ul li .dropdown-item{font-weight: 400; padding: .625rem; padding-left: 1.5rem;}
@media (max-width:1099.98px){
	.navbar-expand-lg .navbar-nav .nav-item{margin-left: 1.5rem;}
	.navbar-expand-lg .navbar-nav .nav-link{font-size: .95rem;}
}@media (max-width:991.98px){
	#header {padding-top: 0;}
	.header{position: relative;}
	.header .container{display: flex; flex-wrap: wrap; align-items: center;}
	#etw_logo {flex: 1;display: flex;}
	#etw_logo a>img{max-height:50px;}
	.navbtn{width:40px;height:36px;float:right;border:1px solid #000;display:flex;align-items:center;justify-content:center;border-radius:5px}
	nav{width: 100%;}
	nav .navbar{width: 100%; position:relative;right:initial;top:inherit;z-index:10}
	nav .navbar-collapse{flex: 1;}
	.navbar-expand-lg .navbar-nav .nav-item{width:100%;flex-direction:column;margin: 0; padding: 0;}
	.navbar-expand-lg .navbar-nav .nav-item>div{width: 100%;}
	.navbar-expand-lg .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0 1rem; min-height: 40px; position:relative;font-size:1rem;justify-content:flex-start; color: #000;}
	.navbar-light .navbar-nav a.nav-link::before,.navbar-light .navbar-nav a.nav-link::after{display: none;}
	.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px; line-height: 1; width:50px;height:100%;display:flex; justify-content:center;text-align:center; align-items: center; font-weight:200;z-index:2}
	.navbar-expand-lg .navbar-nav .nav-item:hover span.pro_icon,
	.navbar-expand-lg .navbar-nav .nav-item.active span.pro_icon{color: #fff;}
	.navbar-light .navbar-nav .nav-item.active .nav-link,
	.navbar-light .navbar-nav .nav-item:hover .nav-link,
	.navbar-light .navbar-nav .show>.nav-link{color:#fff; background-color: var(--bg-main);}
	.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{padding: 0 1rem; color: #000; background-color: #fff; border: none; border-radius: 0;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link:hover{background-color: var(--bg-main); color: #fff;}
	.navbar-nav .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;position:relative;left:initial;top:initial}
	.dropdown-toggle::after{display:none}
	.dropdown-menu{border-top: none;}
	.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:0;display:block}
}@media (max-width:575.98px){
	#etw_logo a>img {max-height: 40px;}
	.etw_language ul>li>span {margin-right: 1rem;}
}@media (max-width:375.98px){
	.etw_language ul>li>span {font-size: 1.5rem; margin-right: .5rem;}
}
/* Banner */
.etw_banner{background-image: url(../images/banner-bj-1920.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.etw_banner::before{content: ''; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(7, 7, 7, 0.9), rgba(0, 0, 0, 0.53),rgba(0, 0, 0, 0.61)); position: absolute; left: 0; top: 0; z-index: 1;}
.etw_banner::after{content: ''; width: 20%; height: 95%; background-color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; clip-path: polygon(0 0, 100% 75%, 70% 100%, 0 100%, 30% 75%, 0 50%); opacity: .1;}
.etw_banner h2{display: flex; flex-direction: column; position: relative; z-index: 3; max-width: 680px; color: #fff; font-weight: 700; font-family: var(--family-second); line-height: 1.5; text-align: center; margin-bottom: 2rem;}
.etw_banner h2>span:last-child{font-size: 1.4rem;}
.etw_banner .swiper{width: 100%; max-width: 800px; z-index: 3; position: relative; border-radius: 1rem;}
.etw_banner .swiper .swiper-slide{height: auto; display: flex;}
.etw_banner .swiper .swiper-slide>img{width: 100%; display: block;}
.etw_banner .swiper-horizontal>.swiper-pagination-bullets,.etw_banner .swiper-pagination-bullets.swiper-pagination-horizontal{width: 100%; bottom: 20px; display: flex; justify-content: center; z-index: 2;}
.etw_banner .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #fff; opacity: .5; border-radius: 20px; transition: all .4s ease-in-out; margin: 0 5px !important;}
.etw_banner .swiper-pagination-bullet-active{width: 30px; opacity: 1;}
.etw_banner .prev-button,.etw_banner .next-button{width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fff; position: absolute; right: 30px; bottom: 100px; z-index: 5; cursor: pointer; font-size: 1.25rem; color: #fff; line-height: 1; display: flex; align-items: center; justify-content: center; transition: all .4s ease-in-out;}
.etw_banner .next-button{left: auto; right: 30px; bottom: 160px;}
.etw_banner .prev-button:hover,
.etw_banner .next-button:hover{background-color: var(--bg-main); border-color: var(--bg-main);}
@media (max-width:1439.98px){
  .etw_banner{background-image: url(../images/banner-bj-1280.webp);}
}@media (max-width:991.98px){
  .etw_banner{padding-left: 1.25rem !important; padding-right: 1.25rem !important;}
}@media (max-width:767.98px){
  .etw_banner{background-image: url(../images/banner-bj-750.webp);}
  .etw_banner h2{line-height: 1.2;}
}
/* Banner-end */
/* index */
.overflow-initial{overflow: initial;}
section,.section{width: 100%; padding:3.75rem 0; display: block; position: relative; overflow: hidden;}
.section_item{width: 100%; padding: 3.125rem 0; display: block; position: relative; overflow: hidden;}
.title1,.title2,.title3,.title4,.title5,.title6{display: block; margin-bottom: 1rem; line-height: 1.2; color: #333;}
.title1{font-size: 2.5rem; font-weight: bold;}
.title2{font-size: 2rem; font-weight: bold;}
.title3{font-size: 1.75rem; font-weight: 600;}
.title4{font-size: 1.5rem; font-weight: 600;}
.title5{font-size: 1.25rem; font-weight: 500;}
.title6{font-size: 1rem; font-weight: 500;}
.homepros_title{padding: 0 2.5rem;}
.homepros_title .title3{color: #000; text-transform: uppercase;}
.homepros_swiper {margin-top:2rem; position: relative;}
.homepros_swiper .swiper-slide{width: 277px;}
.homepros_swiper .swiper-slide>a{width: 100%; display: flex; flex-direction: column;}
.homepros_swiper .swiper-slide>a .imgbox::before{content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background-color: rgba(0,0,0,.7);}
.homepros_swiper .swiper-slide>a .imgbox>.icon{width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homepros_swiper .swiper-slide>a .textbox{background-color: var(--bg-WhiteSmoke); padding: 1.5rem; position: relative;}
.homepros_swiper .swiper-slide>a .textbox .h6{color: #333; font-weight: 600; margin-bottom: 0;}
.homepros_swiper .swiper-slide>a:hover .textbox .h6{color: var(--bg-main);}
.homepros_swiper .swiper-slide>a .textbox .more{width: 40px; height: 40px; position: absolute; right: 20px; top: -20px; z-index: 3; background-color: var(--bg-main); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.25rem;}
.more_right{display: flex; justify-content: flex-end; padding-top: 1.5rem;}
.more_right>a{flex-direction: row-reverse; padding: .75rem 1rem; clip-path: polygon(95% 0, 100% 48%, 95% 100%, 0 100%, 0 0); border-left:1px solid var(--bg-main)}
.more_right>a::before{margin: 0 0 0 .5rem;}
.more_right>a::after{height: 100%;}
.more_right>a:hover{color: #fff;}
.more_right>a:hover::before{margin: 0 0 0 .5rem;}
.homemetal{background-color: var(--bg-F1);}
.homemetal_title{display: flex; flex-direction: column; align-items: center;}
.homemetal_title .title2,.homemetal_title .title3{width: fit-content; padding-bottom: 1rem; position: relative; color: #000;}
.homemetal_title .title2::before,.homemetal_title .title3::before{content: ''; width: 100%; height: 1px; background-color: var(--bg-main); position: absolute; left: 0; bottom: 1px;}
.homemetal_title .title2::after,.homemetal_title .title3::after{content: ''; width: 50%; height: 3px; background-color: var(--bg-main); position: absolute; left: 0; bottom: 0;}
.homemetal_title .title4{color: #333; text-align: center;}
.homemetal .leftbox{background-color: #fff; padding: 1.875rem; margin: 10px 0;}
.homemetal .leftbox p{margin-bottom: 1.5rem;}
.homemetal .leftbox .more>a{padding: .75rem 1rem; flex-direction: row-reverse; border-left: 1px solid var(--bg-main); clip-path: polygon(95% 0, 100% 48%, 95% 100%, 0 100%, 0 0);}
.homemetal .leftbox .more>a::before{margin: 0 0 0 .5rem;}
.homemetal .leftbox .more>a::after{height: 100%;}
.homemetal .leftbox .more>a:hover{color: #fff;}
.homemetal .homemetal_nav{flex-direction: column; width: 100%; margin: 0 0 1rem 0;}
.homemetal .homemetal_nav>li{width: 100%; padding: 0; margin-bottom: .5rem;}
.homemetal .homemetal_nav>li>a{color: #333; position: relative; padding-left: 1rem;}
.homemetal .homemetal_nav>li>a::before{content: ''; width: 4px; height: 4px; background-color: var(--bg-main); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.homemetal .homemetal_nav>li>a:hover{color: var(--bg-main); text-decoration: underline;}
.homemetal_list>li{width: calc(100% / 3);}
.homemetal_list>li>a{width: 100%; display: flex; overflow: hidden; position: relative;}
.homemetal_list>li>a::before{content: ""; display: block; padding-top: 75%;}
.homemetal_list>li>a::after{content: ''; width: 100%; height: 100%; position: absolute; inset: 0; z-index: 2; background-color: rgba(0,0,0,.4);}
.homemetal_list>li>a>span{width: fit-content; position: absolute; right: 10px; bottom: 10px; z-index: 3; color: #fff; font-weight: bold; text-align: right; padding-right: 1rem; font-size: 1.125rem; line-height: 1.2; border-right: 3px solid #fff;}
.homeind_nav{display: flex; justify-content: center; width: 100%; margin: 0;}
.homeind_nav>li{padding: 0;}
.homeind_nav>li>a{display: flex; border-bottom: 1px solid #ccc; padding: .75rem 1.5rem; position: relative; font-size: 1.125rem; font-weight: 600;}
.homeind_nav>li>a::after{content: ''; width: 0; height: 3px; background-color: var(--bg-main); position: absolute; left: 50%; bottom: -2px; transition: all .3s; transform: translateX(-50%);}
.homeind_nav>li>a:hover,
.homeind_nav>li.active>a{color: var(--bg-main);}
.homeind_nav>li.active>a::after{width: 100%;}
.homeind_content{display: block;}
.homeind_content>div{display: none;}
.homeind_content>div:first-child{display: block;}
.homeind_list{width: calc(100% + 30px); margin: 0 -15px;}
.homeind_list>li{width: 25%; padding: 0 15px; margin-top: 30px;}
.homeind_list>li>a{width: 100%; display: flex; flex-direction: column;}
.homeind_list>li>a .textbox{padding-top: 1rem; color: #333; font-size: 1.125rem; font-weight: bold;}
.homeind_list>li>a:hover .textbox{color: var(--bg-main);}
.homeabout{background-color: var(--bg-F1);}
.homeabout .container{position: relative; z-index: 2;}
.homeabout .imgbox::before{content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background-image: linear-gradient(to right, rgba(0,0,0,.9), transparent);}
.homeabout .textbox{width: 150%; margin-left: -50%; padding: 1.8rem 2.5rem; position: relative; z-index: 3; background-color: #fff;}
.homeabout .textbox>small{display: flex; flex-direction: column; text-transform: uppercase; font-size: 1.125rem; width: fit-content; position: relative; line-height: 1;}
.homeabout .textbox>.title2{margin: 1rem 0;}
.homeabout .textbox .more{justify-content: flex-end;}
.homeabout .textbox .more>a{padding: .75rem 1rem; flex-direction: row-reverse; border-left: 1px solid var(--bg-main); clip-path: polygon(95% 0, 100% 48%, 95% 100%, 0 100%, 0 0);}
.homeabout .textbox .more>a::before{margin: 0 0 0 .5rem;}
.homeabout .textbox .more>a::after{height: 100%;}
.homeabout .textbox .more>a:hover{color: #fff;}
@media (max-width:1199.98px){
	section,.section{padding:3.125rem 0;}
  .homepros_title{padding: 0;}
  .homepros_swiper{padding: 0 50px;}
  .homepros_swiper .swiper-slide>a .imgbox>.icon{width: 70px; height: 70px;}
  .homepros_swiper .swiper-slide>a .textbox{padding: .8rem; padding-top: 1.5rem;}
  .homepros_swiper .swiper-slide>a .textbox .h6{font-size: 1rem;}
  .homepros_swiper .swiper-slide>a .textbox .more{width: 30px; height: 30px; right: .8rem; top: -15px;}
  .homemetal .title1{font-size: 2rem;}
}@media (max-width:991.98px){
	section,.section{padding:2.5rem 0;}
  .homeind_list{width: calc(100% + 20px); margin: 0 -15px;}
  .homeind_list li{width: 25%; padding: 0 10px; margin-top: 20px;}
  .homeind_list>li>a .textbox{font-size: 1rem; line-height: 1.2;}
}@media (max-width:767.98px){
	section,.section{padding:1.875rem 0;}
  .title1{font-size: 2rem;}
  .title2,.homemetal .title1{font-size: 1.8rem;}
  .title3{font-size: 1.6rem;}
  .title4{font-size: 1.4rem;}
  .title5{font-size: 1.2rem;}
  .title6{font-size: 1rem;}
  .homepros_swiper{padding: 0 40px;}
  .homemetal .leftbox{padding: 1.25rem;}
  .homeind_list li{width: calc(100% / 3);}
  .homeind_nav>li>a{padding: .5rem 1rem; font-size: 1rem;}
  .homeabout .textbox{width: 100%; margin-left: 0; padding: 1.5rem;}
}@media (max-width:575.98px){
	section,.section{padding:1.25rem 0;}
  .title1{font-size: 1.75rem;}
  .title2,.homemetal .title1{font-size: 1.5rem;}
  .title3{font-size: 1.25rem;}
  .title4{font-size: 1.125rem;}
  .title5{font-size: 1.1rem;}
  .title6{font-size: 1rem;}
  .homepros_swiper{padding: 0 0 22px 0;}
  .homepros_swiper .swiper-slide>a .imgbox>.icon{width: 50px; height: 50px;}
  .homepros_swiper .swiper-pagination{bottom: 0 !important; justify-content: center;}
  .homepros_swiper .swiper-pagination-bullet-active{background-color: var(--bg-main);}
  .more_right>a{font-size: .875rem;}
  .homemetal_list>li,.homeind_list li{width: 50%;}
  .homemetal_list>li>a>span{font-size: 1rem;}
  .homeind_list>li>a .textbox{font-size: .9rem;}
}@media (max-width:375.98px){
	section,.section{padding:1rem 0;}
  .homemetal_list>li>a>span{font-size: .9rem;}
}
/* index-end */
.footer {padding: 3.5rem 0 3rem 0; position: relative; overflow: hidden; background-color: #d9d9d9;}
.footer::before{content: ""; width: 100%; height: 8px; background-image: linear-gradient(to right,#2f2493,#851424); position: absolute; left: 0; top: 0; z-index: 3;}
.footer .container{position: relative; z-index: 2;}
.footer .h3{font-family: var(--family-second); font-weight: bold; font-size: 1.25rem; color: #000; margin-bottom: 1.25rem;}
.footer .h3::after{content: ''; width: 55px; height: 2px; background-color: var(--bg-main); display: block; margin-top: .5rem;}
.footer .h3>a{font-size: inherit; color: inherit;}
.footer .h3>a:hover{color: var(--bg-main);}
.footer_list{display:flex;flex-direction:column; width: 100%; margin: 0;}
.footer_list li{display:block;margin-bottom: .5rem; padding: 0; position: relative; padding-left: 1rem; line-height: 24px;}
.footer_list li::before{content: ""; width: 4px; height: 4px; background-color: var(--bg-main); position: absolute; left:0; top: 10px;}
.footer_list li:last-child{margin-bottom: 0;}
.footer_list li>a{display: block; color: #333; font-size: .95rem;}
.footer_list li>a:hover{color: var(--bg-main); text-decoration: underline;}
.footer_contact{display: flex; flex-direction: column;}
.footer_contact dd{width: 100%; color: #333; display: block; margin-bottom: .5rem; font-size: .95rem; line-height: 24px; padding-left: 2rem; position: relative;}
.footer_contact dd a{color: #333;}
.footer_contact dd i{font-size: 1.125rem; position: absolute; left: 0; top: 0; color: var(--bg-main);}
.footer_contact dd a:hover{color: var(--bg-main); text-decoration: underline;}
.footer_contact dd:last-child{margin-bottom: 0;}
/* #otherlink */
.etw_root{width:100%;overflow:hidden; position:relative; z-index:2; padding: 0 0 1.875rem 0; background-color: #d9d9d9;}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#333;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #333;font-size:.9rem;}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--bg-main); opacity: 1;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
#etw_coper{width:100%;line-height:22px;font-size:1rem;display:flex;font-weight:300;justify-content:center}
#etw_coper a{color:#333;font-size:.9rem;}
/* #etw_top */
#etw_top{display: none !important;}
.theme-send-inquiry-box{background: linear-gradient(to right, var(--bg-hover),var(--bg-main)) !important;border: none !important;}
.theme-box-name{background:transparent !important;border-left: none !important; padding-left: 0 !important;}
@media (max-width:767.98px){
	.footer{padding: 1.25rem 15px;}
	.etw_root {padding: 1rem 0;}
}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;}
#quicknav ul{width:100%;display:flex; min-height: 50px; padding: 1rem 0; margin: 0;}
#quicknav ul li{display:flex;align-items: center; padding: 0 16px; position: relative;}
#quicknav ul li::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
#quicknav ul li:last-child::after{display: none;}
#quicknav ul li a{font-size:.95rem; text-transform:capitalize;}
#quicknav ul>li:first-child{padding-left: 0; padding-right: 1.25rem;}
#quicknav ul>li:first-child>a{text-decoration:none !important; font-size: 1.2rem;}
#quicknav ul>li:first-child>a>i{font-size: inherit;}
#quicknav ul li::after,#quicknav ul li a,#quicknav ul>li:first-child>a{color:#555;}
#quicknav ul li:last-child{color:#000;}
#quicknav ul.quicknav{padding-left: 0;}
#quicknav ul.quicknav li::after,#quicknav ul.quicknav li a{color:rgba(255,255,255,.8);}
#quicknav ul.quicknav li:last-child{color: #fff;}
#quicknav ul li a:hover{text-decoration:underline; color:var(--bg-hover); opacity: 1;}
@media (max-width:767.98px){#quicknav{display: none;}}
/* #quicknav-End */
.etw_hometitle{display: flex; flex-direction: column; margin-bottom: 1.5rem;}
.etw_hometitle h2,.etw_hometitle>div{font-size: 2rem; color: #000; font-weight: bold; margin-bottom: 0;}
@media (max-width:1199.98px){
	.etw_hometitle h2,.etw_hometitle>div{font-size: 2rem;}
}@media (max-width:991.98px){
	.etw_hometitle h2,.etw_hometitle>div{font-size: 1.75rem;}
}@media (max-width:767.98px){
	.etw_hometitle h2,.etw_hometitle>div{font-size: 1.5rem;}
}@media (max-width:575.98px){
	.etw_hometitle h2,.etw_hometitle>div{font-size: 1.25rem;}
}
/* Metal Processing Services */
.nbanner{background-image: url(../images/nbanner1_1920.webp); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.nbanner::before{content: ''; position: absolute; top: -15px; right: -30px; bottom: -15px; left: -30px; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px);}
.nbanner_hover{width: 100%; height:100%; display: flex; align-items: center; padding: 30px 0;}
.nbanner_hover .textbox{max-width: 410px;}
.nbanner_hover .textbox .etw_hometitle>h2{color: #fff;}
.nbanner_hover .textbox p{color: #fff; opacity: .7; font-size: 1.1rem;}
.nbanner_hover .imgbox{border-radius: 1.5rem;}
.hub_list{width: 100%; margin: 0;}
.hub_list>li{width: 100%; padding: 0; margin-top: 50px;}
.hub_list>li>ol{padding: 2.5rem; background: linear-gradient(to right,#f7f7f7,transparent); border-radius: 25px; box-shadow: 0 0 4rem 0 rgba(0,0,0,.15);}
.hub_list>li>ol a.imgbox{width: 50%;}
.hub_list>li>ol a.imgbox::before{padding-top: 60%;}
.hub_list>li>ol .textbox{width: 50%; padding-left: 2rem; justify-content: center;}
.hub_list>li>ol .textbox>a.h6{font-size: 1.25rem; font-weight: bold; color: #333;}
.hub_list>li>ol .textbox>p{color: #666;}
.hub_list>li>ol .textbox>dl{display: flex; flex-direction: column; margin-bottom: 1rem;}
.hub_list>li>ol .textbox>dl>dd{padding-left: 1rem; position: relative; line-height: 24px;}
.hub_list>li>ol .textbox>dl>dd::before{content: ''; width: 4px; height: 4px; background-color: var(--bg-main); position: absolute; left: 0; top: 10px;}
.hub_list>li>ol .textbox>dl>dd:last-child{margin-bottom: 0;}
.hub_list>li>ol .textbox>.more{justify-content: flex-end;}
.hub_list>li:nth-child(even)>ol{flex-direction: row-reverse;}
.hub_list>li:nth-child(even)>ol .textbox{padding:0 2rem 0 0;}
.hub_list>li:nth-child(even)>ol .textbox>.more{justify-content: flex-start;}
.hubmetal_content{display: flex; flex-wrap: wrap; padding-top: 1rem;}
.hubmetal_left{width: 20%; padding-right: 20px;}
.hubmetal_left>ul{width: 100%; margin: 0; flex-direction: column;}
.hubmetal_left>ul>li{width: 100%; padding: 0;}
.hubmetal_left>ul>li>a{width: 100%; padding: 1rem; font-size: 1rem; color: #000; font-weight: 500; border-bottom: 1px solid #ccc;}
.hubmetal_left>ul>li>a:hover,.hubmetal_left>ul>li.active>a{color: var(--bg-main);}
.hubmetal_right{width: 80%;}
.hubmetal_right>div{display: none;}
.hubmetal_right>div:first-child{display: block;}
.hubmetal_list{width: calc(100% + 20px); margin: 0 -10px;}
.hubmetal_list>li{width: 25%; padding: 0 10px; margin-bottom: 20px;}
.hubmetal_list>li>ol{background-color: #fff; padding: .625rem; box-shadow: 0 0 10px rgba(0,0,0,.15); flex-direction: column;}
.hubmetal_list>li>ol .textbox{flex: 1; justify-content: center; align-items: center; text-align: center; padding-top: 1rem; font-weight: 600;}
.hubmetal_list3>li{width: calc(100% / 3);}
.hubmetal_list4>li>ol{padding: 0;}
.hubmetal_list4>li>ol .textbox{padding: .625rem;}
.hubmetal_more{justify-content: center; margin-top: 1rem;}
.hubmetal_more>a{background-color: var(--bg-main); clip-path: initial; color: #fff;}
.hubmetal_more>a::after{background-color: var(--bg-hover);}
.inquiryform{background-color: #e3e3e1; background-image: url(../images/stroke1.svg); background-position: 150px -545px; background-repeat: no-repeat;}
.inquiryform_box{background-color: #f8f6ef; padding: 2.5rem; display: flex; flex-direction: column; align-items: center; text-align: center;}
.inquiryform_box .title2{display: flex; flex-direction: column; align-items: center; color: #000; margin-bottom: 1.5rem;}
.inquiryform_box .title2>small{font-size: 1.25rem; color: #555; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: .5rem;}
.inquiryform_box p{max-width: 800px; margin-bottom: 0;}
.hubapps .container{max-width: 1500px;}
.hubapps_swiper{position: relative;}
.hubapps_swiper .swiper .swiper-wrapper{margin: 0; flex-wrap: nowrap;}
.hubapps_swiper li.swiper-slide{width: 294px; padding: 15px;}
.hubapps_swiper li.swiper-slide>ol a.imgbox{background-color: #bbbbbb; padding-bottom: 60px;}
.hubapps_swiper li.swiper-slide>ol a.imgbox::before{content: none;}
.hubapps_swiper li.swiper-slide>ol a.imgbox .imgbox_sub{width: 80px; border-radius: 50%; overflow: hidden; background-color: #fff; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%);}
.hubapps_swiper li.swiper-slide>ol a.imgbox .imgbox_sub::before{content: ''; display: block; padding-top: 100%;}
.hubapps_swiper li.swiper-slide>ol a.imgbox .imgbox_sub>img{max-width: 70%;}
.hubapps_swiper li.swiper-slide>ol .textbox{background-color: var(--bg-F9); padding: 1rem;}
.hubapps_swiper li.swiper-slide>ol .textbox a.h6{font-size: 1.25rem; font-weight: bold; color: #333;}
.hubapps_swiper li.swiper-slide>ol .textbox a.h6:hover{color: var(--bg-main);}
.hubapps_swiper li.swiper-slide>ol .textbox>p{font-size: .875rem; height:72px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all;}
.hubapps_swiper li.swiper-slide>ol .textbox .more{justify-content: flex-end;}
.hubapps_swiper li.swiper-slide>ol .textbox .more>a{padding: .25rem .5rem; font-size: .875rem;}
.hubapps_swiper .swiper-pagination{bottom: 0 !important; justify-content: center;}
.hubapps_swiper .swiper-pagination-bullet-active{background-color: var(--bg-main);}
@media (max-width:1199.98px){
  .hubmetal_left{width: 22%;}
  .hubmetal_right{width: 78%;}
  .hubapps_swiper{padding-bottom: 20px;}
}@media (max-width:991.98px){
  .nbanner{background-image: url(../images/nbanner1_1024.webp);}
  .hubmetal_left{width: 30%;}
  .hubmetal_right{width: 70%;}
  .hubmetal_list>li{width: calc(100% / 3);}
  .hubmetal_list>li>ol .textbox{font-size: .875rem;}
}@media (max-width:767.98px){
  .nbanner{background-image: url(../images/nbanner1_750.webp);}
  .nbanner_hover .textbox{max-width: 100%;}
  .hub_list>li{margin-top: 30px;}
  .hub_list>li>ol{padding: 1.5rem;}
  .hub_list>li>ol a.imgbox,.hub_list>li>ol .textbox{width: 100%;}
  .hub_list>li>ol .textbox{padding: 1.5rem 0 0 0 !important;}
  .hubmetal{overflow: visible;}
  .hubmetal .container{display: flex; flex-direction: column;}
  .hubmetal_content{display: block;}
  .hubmetal_left{width: 35%; float: left; position: sticky; top: 0;}
  .hubmetal_left>ul>li>a{padding: .5rem; font-size: .9rem;}
  .hubmetal_right{width: 65%; float: right;}
  .hubmetal_list>li{width: 50%;}
  .inquiryform_box{padding: 1.875rem;}
}@media (max-width:575.98px){
  .nbanner{background-image: url(../images/nbanner1_480.webp);}
  .hub_list>li>ol{padding: 1rem;}
  .inquiryform_box{padding: 1.5rem;}
  .hubapps_swiper li.swiper-slide{padding: 10px;}
}@media (max-width:375.98px){
  .inquiryform_box{padding: 1.25rem;}
}
/* Details */
.details_top .etw_hometitle{display: flex; flex-direction: column; margin-bottom: 1rem;}
.details_top .etw_hometitle>small{text-transform: uppercase; color: var(--bg-main);}
.details_top .etw_hometitle>h2{margin-bottom: 0; line-height: 1.2;}
.details_top .items>dd{margin-bottom: 0;}
.left_pics{width: 100%; display: flex; position: relative; overflow: hidden; box-shadow: 12px 30px 46px -30px rgba(0, 0, 0, 0.5); margin-bottom: 1.5rem;}
.left_pics>a{width: 100%; position: relative; overflow: hidden; display: flex;}
.left_pics>a>img{mix-blend-mode: multiply; width: 100%;}
.left_pics>a:has(.img-abs)::before,.left_pics>a:has(.img-cover)::before{content: ''; display: block; padding-top: 75%;}
.related_pic{width: 100%; margin-top: 1rem;}
.related_pic ul{width: calc(100% + 16px); margin: 0 -8px; flex-wrap: nowrap; justify-content: center;}
.related_pic ul>li{width: 25%; padding: 0 8px;}
.related_pic ul>li>a{width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; overflow: hidden; position: relative;}
.related_pic ul>li>a>img{width: 100%;}
.related_pic ul>li>a:has(.img-abs)::before,.related_pic ul>li>a:has(.img-cover)::before{content: ''; display: block; padding-top: 75%;}
.related_pic ul>li>a.imgdq{border-color: var(--bg-hover);}
.stamping_swiper{position: relative;}
.stamping_swiper .swiper-slide>figure>a{background-color: var(--bg-F9); padding: 1rem; flex-direction: column;}
.stamping_swiper .swiper-slide>figure>a>img{mix-blend-mode: multiply;}
.stamping_swiper .swiper-slide>figure>a>span{flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 1rem;}
.stamping_swiper_white .swiper-slide>figure>a{background-color: #fff;}
.capabilities .textbox,.process .textbox{position: relative;}
.capabilities .textbox::before,.process .textbox::before{content: ''; width: 6px; height: 100%; border-left: 2px solid var(--bg-main); border-right: 2px solid var(--bg-main); position: absolute; left: -3px; top: 0;}
.process_list{width: 100%; margin: 0;}
.process_list>li{width: calc(100% / 3); position: relative; padding: 10px 30px 10px 10px;}
.process_list>li::before{content: ''; width: 100%; height: 2px; background-color: var(--bg-main); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.process_list>li::after{content: ''; width: 20px; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/li.svg) no-repeat center center; background-size: contain;}
.process_list>li>span{width: 100%; position: relative; background-color: #fff; line-height: 24px; padding: 10px 15px; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; color: #333;}
@media (min-width:992px){
  .process_list>li:nth-child(1){order: 1;}
  .process_list>li:nth-child(2){order: 2;}
  .process_list>li:nth-child(3){order: 3;}
  .process_list>li:nth-child(3)::before{width: 120%; height: 78px; background: none; border: 2px solid var(--bg-main); border-left: none; border-radius: 0 78px 78px 0; transform: initial; top: 31px;}
  .process_list>li:nth-child(3)::after{content: none;}
  .process_list>li:nth-child(4){order: 5;}
  .process_list>li:nth-child(5){order: 4; width: 50%;}
  .process_list>li:nth-child(4)::after,.process_list>li:nth-child(5)::after{transform: rotateY(180deg);}
}@media (min-width:370px){
  .process_list>li{width: 50%;}
  .process_list>li:nth-child(1){order: 1;}
  .process_list>li:nth-child(2){order: 2;}
  .process_list>li:nth-child(3){order: 4;}
  .process_list>li:nth-child(4){order: 3;}
  .process_list>li:nth-child(5){order: 5; width: 100%; padding: 10px 10px 10px 30px;}
  .process_list>li:nth-child(5)::after{right: auto; left: 5px;}
  .process_list>li:nth-child(2)::before,.process_list>li:nth-child(3)::before{width: 120%;}
  .process_list>li:nth-child(3)::after,.process_list>li:nth-child(4)::after{transform: rotateY(180deg);}
}
.process_list2{width: 100%; margin: 0;}
.process_list2>li{position: relative; padding: 10px 30px 10px 10px;}
.process_list2>li::before{content: ''; width: 100%; height: 2px; background-color: var(--bg-main); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.process_list2>li::after{content: ''; width: 20px; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/li.svg) no-repeat center center; background-size: contain;}
.process_list2>li>span{width: 100%; position: relative; background-color: #fff; line-height: 24px; padding: 10px 15px; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; color: #333;}
@media (min-width:992px){
  .process_list2>li:nth-child(1){order: 1; width: 20%;}
  .process_list2>li:nth-child(2){order: 2; width: auto;}
  .process_list2>li:nth-child(2)::before{width: 300%; height: 90px; background: none; border: 2px solid var(--bg-main); border-left: none; border-radius: 0 78px 78px 0; transform: initial; top: 50%; margin-top: -1px;}
  .process_list2>li:nth-child(2)::after{content: none;}
  .process_list2>li:nth-child(3){order: 4; width: 50%;}
  .process_list2>li:nth-child(4){order: 3; width: 50%;}
  .process_list2>li:nth-child(3)::after,
  .process_list2>li:nth-child(4)::after{transform: rotateY(180deg);}
}@media (min-width:375px){
  .process_list2>li:nth-child(2)::before{width: 300%;}
  .process_list2>li:nth-child(3)::before{width: 110%;}
  .process_list2>li:nth-child(4){padding: 10px 10px 10px 30px;}
  .process_list2>li:nth-child(4)::after{left: 5px; right: auto;}
  .process_list2>li:nth-child(3),.process_list2>li:nth-child(4){order: 4; width: 100%;}
  .process_list2>li:nth-child(3)::after{transform: rotateY(180deg);}
}
.details_automotive_swiper .swiper-slide{flex-direction: column;}
.details_automotive_list{width: 100%; margin: 0;}
.details_automotive_list>li{width: 50%; padding: 0 10px; margin: 10px 0;}
.processes_title{display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 1rem;}
.processes_title .title3{margin-bottom: .5rem;}
.processes_title small{font-size: .9rem; max-width: 1000px;}
.details_faqs #accordion{max-width: 800px; margin: 0 auto;}
.card{border: none; border-radius: 0; background-color: transparent; border-bottom: 1px dashed rgba(0, 0, 0, .125);}
.card-header{background-color: inherit; padding: 0;border-bottom: none;}
.card-link{width:100%; display:block; padding:1rem; padding-right: 2.5rem; font-size:1rem; font-weight:600; color: #333; position:relative; line-height:24px}
.card-link::after{content:"\F282"; font-size:1.2rem; color:#000; position:absolute; right:1rem; top:1rem;transition:all 0.3s; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.card-body{padding:1rem; padding-top: 0;}
.card:hover{background-color: var(--bg-Eee);}
.card-link[aria-expanded="true"]::after{transform: rotate(180deg);}
.faq_hover_white .card:hover{background-color: #fff;}
.related_pros ul{width: 100%; margin: 20px 0 0 0; padding: 1px 0 0 1px;}
.related_pros ul>li{width: 25%; padding: 0; margin: -1px 0 0 -1px;}
.related_pros ul>li>ol{flex-direction: column-reverse; border: 1px solid #ccc; padding: 1.25rem; transition: all .3s; position: relative;}
.related_pros ul>li>ol .textbox{margin-bottom: 1.5rem;}
.related_pros ul>li>ol .textbox>a.h6{font-size: 1.125rem; font-weight: bold;}
.related_pros ul>li>ol .textbox>p{font-size: .875rem; height:48px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.related_pros ul>li>ol .textbox .more{justify-content: flex-end;}
.related_pros ul>li>ol .textbox .more>a{padding: .3rem .5rem; font-size: .875rem;}
.related_pros ul>li>ol:hover{border-color: var(--bg-main); z-index: 2;}
.inquiryform_details{background-image: url(../images/inquiryform_bg_1920.webp); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.inquiryform_details::before{content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.4);}
.inquiryform_details .feedback{width: 100%; max-width: 800px; margin: 0 auto; background-color: #fff; padding: 2.5rem; border-left: 5px solid var(--bg-main); position: relative; z-index: 3;}
.inquiryform_details .feedback .title2{display: flex; flex-direction: column; align-items: center; text-align: center;}
.inquiryform_details .feedback .title2>small{font-size: 1.25rem; text-transform: uppercase; color: #666;}
.inquiryform_details .feedback p{text-align: center; color: #666;}
.details_apps small{display: block; max-width: 1000px; margin: 0 auto; text-align: center}
.details_apps ul{width: 100%;}
.details_apps ul>li{width: 20%; border-right: 1px solid #ccc; padding: 0; margin-top: 30px;}
.details_apps ul>li:last-child{border-right: none;}
.details_apps ul>li>a{width: 100%; display: flex; flex-direction: column; align-items: center; padding: 1.5rem;}
.details_apps ul>li>a>.icon{width: 100%; overflow: hidden; margin-bottom: 1rem;}
.details_apps ul>li>a>.icon>img{width: 60px; filter: drop-shadow(0 60px #000); position: relative; transform: translateY(-100%); transition: initial;}
.details_apps ul>li>a>.text{flex: 1; width: 100%; text-align: center; font-size: 1rem; color: #333; font-weight: 600;}
.details_apps ul>li>a:hover{background-color: var(--bg-F9);}
.details_apps ul>li>a:hover>.icon>img{filter: drop-shadow(0 60px var(--bg-main));}
.details_apps ul>li>a:hover>.text{color: var(--bg-main);}
@media (max-width:1199.98px){
  .stamping_swiper{padding: 0 50px;}
}@media (max-width:991.98px){
  .stamping_swiper{padding: 0 0 20px 0;}
  .stamping_swiper .swiper-slide>figure>a>span{font-size: .875rem; line-height: 1.2;}
  .stamping_swiper .swiper-pagination{bottom: 0 !important; justify-content: center;}
  .stamping_swiper .swiper-pagination-bullet-active{background-color: var(--bg-main);}
  .inquiryform_details{background-image: url(../images/inquiryform_bg_1024.webp);}
  .related_pros ul>li>ol{padding: .625rem;}
}@media (max-width:767.98px){
  .capabilities .textbox::before,.process .textbox::before{content: none;}
  .inquiryform_details{background-image: url(../images/inquiryform_bg_750.webp);}
  .related_pros ul>li{width: 50%;}
  .related_pros ul>li>ol{padding: 1rem;}
  .details_apps ul>li{margin-top: 20px;}
  .details_apps ul>li>a{padding: 1rem;}
  .details_apps ul>li>a>.text{font-size: .9rem;}
  .inquiryform_details .feedback{padding: 1.875rem;}
}@media (max-width:575.98px){
  .inquiryform_details{background-image: url(../images/inquiryform_bg_480.webp);}
  .related_pros ul>li{width: 100%;}
  .related_pros ul>li>ol{padding: .625rem; flex-direction: column;}
  .related_pros ul>li>ol .textbox{margin-top: 1rem;}
  .related_pros ul>li>ol .textbox>a.h6{margin-bottom: .5rem;}
  .inquiryform_details .feedback{padding: 1.25rem;}
  .details_apps ul{justify-content: center; margin-top: 1.25rem;}
  .details_apps ul>li{width: calc(100% / 3); margin: -1px 0 0 -1px; border: 1px solid #ccc !important;}
  .process_list>li>span,.process_list2>li>span{font-size: .875rem; line-height: 1.2;}
}@media (max-width:370.98px){
  .related_pros ul>li{width: 100%;}
  .details_apps ul>li{width: 50%;}
}
/* Metal Processing Services End */
/* Custom Metal Products */
.nbanner2::before{content: ''; display: block; padding-top: 40vh;}
.nbanner2::after{content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.5);}
.nbanner2_hover{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3;}
.nbanner2_hover .etw_hometitle>h2{color: #fff;}
.hub_services ul{justify-content: center; width: calc(100% + 20px); margin: 0 -10px;}
.hub_services ul>li{width: calc(100% / 3); margin-bottom: 1rem; padding: 10px;}
.hub_services ul>li>ol{align-items: center;}
.hub_services ul>li>ol .icon{width: 90px; overflow: hidden; display: flex; flex-direction: column; align-items: center;}
.hub_services ul>li>ol .icon>img{width: 50px; filter: drop-shadow(50px 0 var(--bg-main)); position: relative; transform: translateX(-100%);}
.hub_services ul>li>ol .icon>span{padding: .5rem 0; border-bottom: 1px solid var(--bg-main); width: 100%; text-align: center; font-weight: 600; font-size: .95rem; line-height: 1.2; color: #333;}
.hub_services ul>li>ol .textbox{padding-left: 1.5rem;}
.hub_services ul>li>ol .textbox>.h6{font-weight: bold; font-size: 1rem; color: #333; margin-bottom: .625rem;}
.hub_services ul>li>ol .textbox>p{height:72px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.hub_services ul>li:nth-child(4),.hub_services ul>li:nth-child(5){width: 40%; margin-bottom: 0;}
.hub_products ul{width: calc(100% + 30px); margin: 0 -15px;}
.hub_products ul>li{width: calc(100% / 3); padding: 15px;}
.hub_products ul>li>ol{flex-direction: column;}
.hub_products ul>li>ol a.h6{flex: 1; display: flex; align-items: center; padding-top: 1rem; font-size: 1.125rem; font-weight: 600; color: #333; margin-bottom: 0;}
.hub_products ul>li:nth-child(1),.hub_products ul>li:nth-child(2){width: 50%;}
.hub_products ul>li:nth-child(1) a.imgbox::before,.hub_products ul>li:nth-child(2) a.imgbox::before{padding-top: 50%;}
.related_products ul>li{width: 25%;}
.related_products ul>li>a{width: 100%; display: flex; overflow: hidden; position: relative; border-bottom: 2px solid var(--bg-main);}
.related_products ul>li>a .textbox{width: 100%; height: 100%; position: absolute; inset: 0; background-image: linear-gradient(transparent 50%,rgba(0,0,0,.7));; z-index: 2; justify-content: flex-end; align-items: center; padding: 1rem; color: #fff; font-weight: bold; font-size: 1.125rem;}
.etw_photo_white ul li>a{background-color: #fff; padding: 1rem;}
@media (max-width:991.98px){
  .hub_services ul>li,.hub_services ul>li:nth-child(4){width: 50%;}
  .hub_services ul>li:nth-child(5){width: 100%;}
  .related_products ul>li>a .textbox{font-size: .95rem; line-height: 1.2;}
}@media (max-width:767.98px){
  .nbanner2::before{padding-top: 200px;}
  .related_products ul>li{width: 50%;}
}@media (max-width:575.98px){
  .hub_services ul>li{width: 100% !important;}
  .hub_products ul{width: calc(100% + 20px); margin: 0 -10px;}
  .hub_products ul>li{width: 50% !important; padding: 10px;}
  .hub_products ul>li>ol a.h6{font-size: .95rem;}
}@media (max-width:370.98px){
  .hub_products ul>li,.related_products ul>li{width: 100% !important;}
}
/* Custom Metal Products End */
/* Industries Served */
.indhub_banner{overflow: visible;}
.indhub_banner .imgbox{width: 42%; position: absolute; right: 0; top: 0;}
.indhub_banner .textbox{width: 100%; max-width: 700px; padding: 1rem 2.5rem 2.5rem 0;}
.indhub ul{width: 100%; margin: 0;}
.indhub ul>li{width: 100%; padding: 2.5rem; margin-bottom: 60px; flex-direction: column; box-shadow: 0 0 4rem 0 rgba(0, 0, 0, .15); background-color: var(--bg-F9);}
.indhub ul>li:last-child{margin-bottom: 0;}
.indhub ul>li .indhub_title{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 1.5rem;}
.indhub ul>li .indhub_title .title4{font-weight:bold; position: relative; display: flex; flex-direction: column;}
.indhub ul>li .indhub_title .title4::before{content: ''; width: 80px; height: 2px; background-color: var(--bg-main); margin: 0 auto .5rem auto;}
.indhub ul>li .indhub_title>p{max-width: 800px;}
.indhub ul>li>ol{width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.indhub ul>li>ol a.imgbox{width: 48%; border-radius: 10px;}
.indhub ul>li>ol .textbox{width: 52%; padding-left: 1.875rem;}
.indhub ul>li>ol .textbox table{width: 100%;}
.indhub ul>li>ol .textbox table tr td{border-bottom: 1px solid rgba(0, 0, 0, .125); padding: .5rem; font-size: .875rem;}
.indhub ul>li>ol .textbox table tr td:nth-child(1){width: 40%; color: var(--bg-main); font-weight: 600;}
.indhub ul>li>ol .textbox table tr td:nth-child(2){width: 60%;}
.indhub ul>li>ol .textbox .more{justify-content: flex-end;}
.hubcases .title2{text-align: center;}
.hubcases small{display: block; max-width: 800px; margin: 0 auto; text-align: center; font-size: .9rem;}
.hubcases_swiper{position: relative; margin-top: 30px;}
.hubcases_swiper .swiper-slide>ol{flex-direction: column;}
.hubcases_swiper .swiper-slide>ol .textbox{padding: 1rem 0; font-size: .875rem; font-weight: 600; border-bottom: 1px solid var(--bg-main);}
.ind_banner .imgbox::before{padding-top: 50%;}
.ind_banner_list{width: 120px; height: 100%; position: absolute; left: -60px; top: 0; flex-direction: column;  justify-content: center; margin: 0;}
.ind_banner_list>li{width: 100%; padding: 10px 0;}
.ind_banner_list>li .imgbox{background-color: #fff; border-radius: 50%;}
.ind_banner_list>li .imgbox::before{padding-top: 100%;}
.ind_banner .textbox{max-width: 750px; justify-content: center; padding:0 5rem 0 1.25rem;}
.ind_banner .textbox .etw_hometitle{display: flex; flex-direction: column;}
.ind_banner .textbox .etw_hometitle>span{font-size: .95rem; text-transform: uppercase; color: var(--bg-main);}
.ind_banner .textbox .etw_hometitle>div[itemprop="name"]{margin-bottom: 0; padding: .5rem 0; line-height: 1.2;}
.ind_banner .textbox .etw_hometitle>small{font-size: 1.1rem; color: #999;}
.etw_photo_bg ul li>a{background-color: var(--bg-F9); padding: .625rem;}
.etw_photo_bg ul li>a>img{mix-blend-mode: multiply;}
.etw_photo_bg ul li>a>span{padding: .625rem 0 0 0;}
.details_ind ul{width: 100%; border-top: 1px solid #ccc; margin: 1rem 0 0 0;}
.details_ind ul>li{width: 25%; border-right: 1px solid #ccc; padding: 0;}
.details_ind ul>li:last-child{border-right: none;}
.details_ind ul>li>a{width: 100%; display: flex; flex-direction: column; align-items: center; padding: 1.5rem;}
.details_ind ul>li>a>.icon{width: 100%; overflow: hidden; margin-bottom: 1rem;}
.details_ind ul>li>a>.icon>img{width: 60px; filter: drop-shadow(0 60px #000); position: relative; transform: translateY(-100%); transition: initial;}
.details_ind ul>li>a>.text{flex: 1; width: 100%; text-align: center; font-size: 1rem; color: #333; font-weight: 600;}
.details_ind ul>li>a:hover{background-color: var(--bg-F9);}
.details_ind ul>li>a:hover>.icon>img{filter: drop-shadow(0 60px var(--bg-main));}
.details_ind ul>li>a:hover>.text{color: var(--bg-main);}
.etw_photo_hover ul li>a>span{width: 100%; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(transparent,rgba(0,0,0,.8)); padding: 1rem .5rem; text-align: center; color: #fff; transition: all .3s;}
@media (max-width:1199.98px){
  .ind_banner_list{width: 100%; height: auto; flex-direction: row; left: 0; top: auto; bottom: 0; transform: translateY(50%); z-index: 3; justify-content: center;}
  .ind_banner_list>li{width: 20%; padding:0 15px;}
  .ind_banner .textbox{max-width: 100%; padding: 5rem 1.875rem 0 1.875rem;}
  .indhub_banner .textbox{max-width: 600px;}
  .hubcases_swiper{padding-bottom: 20px;}
  .hubcases_swiper .swiper-pagination{bottom: 0 !important; display: flex; flex-wrap: wrap; justify-content: center;}
  .hubcases_swiper .swiper-pagination-bullet-active{background-color: var(--bg-main);}
}@media (max-width:991.98px){
  .indhub_banner .imgbox{width: 100%; position: relative;}
  .indhub_banner .textbox{width: 100%; max-width: 100%; padding: 2rem 0;}
  .indhub ul>li{padding: 1.875rem;}
}@media (max-width:767.98px){
  .indhub ul>li>ol a.imgbox{width: 100%;}
  .indhub ul>li>ol .textbox{width: 100%; padding: 1.875rem 0 0 0;}
  .ind_banner .textbox{padding-top: 3rem;}
  .ind_banner_list>li{width: 25%;}
  .etw_photo ul li.item_img{width: 50%;}
  .etw_photo ul li.item_img>a>img{position: relative;}
}@media (max-width:575.98px){
  .ind_banner .textbox{padding-top: 2rem;}
  .details_ind ul>li{width: 50%; border: 1px solid #ccc !important; margin: -1px 0 0 -1px;}
  .details_ind ul>li>a{padding: .625rem;}
  .details_ind ul>li>a>.icon>img{width: 50px;}
}
/* Industries Served End  */
/* About Us */
.company{padding: 0; font-size: .95rem;}
.company_banner .textbox{max-width: 620px; justify-content: center; padding:0 2.5rem 0 1.25rem;}
.etw_photo_case ul>li>ol{flex-direction: column;}
.etw_photo_case .textbox{padding-top: 1rem;}
.faq_hover_white .title4{position: relative; width: fit-content; padding-bottom: 1rem;}
.faq_hover_white .title4::before{content: ''; width: 100%; height: 1px; background-color: var(--bg-main); position: absolute; left: 0; bottom: 1px;}
.faq_hover_white .title4::after{content: ''; width: 50%; height: 3px; background-color: var(--bg-main); position: absolute; left: 0; bottom: 0;}
@media (max-width:991.98px){
  .company_banner .textbox{max-width: 100%; padding:0 1.25rem;}
}@media (max-width:575.98px){
  .etw_photo_case .textbox{font-size: .875rem;}
}
/* About Us-End */
/* Contact Us */
.contact{padding:1rem 0 2.5rem 0}
.contact dl{display: flex; flex-direction: column;}
.contact dl .h6{font-size:1.3rem; font-weight: bold; line-height: 1.2; margin-bottom:1rem; color: var(--bg-main); font-family: var(--family-second);}
.contact dl dd{font-size:1rem; line-height:24px; color: #333; font-weight: 400; margin-bottom: .5rem;}
.contact dl dd strong{color:#000; font-weight: 600; margin-right: .25rem;}
.contact dl dd a{color: var(--bg-main);}
.contact dl dd a:hover{color:var(--bg-hover); text-decoration: underline;}
.contact dl dd b{font-weight: 400; color:#000;}
.contact dl dd img{margin-left: 0;}
.contact .feedback{padding: 1.5rem 1rem; box-shadow: 10px 10px 0 #eee;}
.contact .feedback .webtitle{font-size:1.875rem; color:#000; text-align: center; font-weight: 700; font-family: var(--family-second);}
.contact_map{margin-top: 2rem;}
#floatchatiframe2011 #feedback2017.etw-inquery-from-box{min-height: initial;}
#floatchatiframe2011 #feedback2017 .etw-inquery-btn{background-color: var(--bg-main) !important; color: #fff !important; transition: all .4s;}
#floatchatiframe2011 #feedback2017 .etw-inquery-btn:hover{background-color: var(--bg-hover) !important;}
#floatchatiframe2011 #feedback2017 .etw-inquery-container{padding: 0;}
.etw-inquery-btn{background: var(--bg-main) !important; color: #fff !important; transition: all .4s;}
.etw-inquery-btn:hover{background: var(--bg-hover) !important;}
/* Contact Us-End */
/* Overview */
.overview_banner{background-image: url(../images/banner-bj-1920.webp); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.overview_banner::before{content: ''; position: absolute; top: -15px; right: -30px; bottom: -15px; left: -30px; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px);}
.overview_banner .container2{position: relative; z-index: 3;}
.overview_banner .imgbox{border-radius: 10px;}
.overview_banner .etw_hometitle>div[itemprop="name"]{color: #fff; margin-bottom: 1.5rem;}
.overview_banner .etw_hometitle>small{color: #fff; font-size: 1rem; opacity: .8;}
.overview_company ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.overview_company li{width:calc(50% - 20px); margin-top:30px; flex-direction: column; font-size:1rem; line-height: 24px;}
.overview_company li .overview-company-label{padding-bottom:1rem; position:relative; font-size:1.2rem; margin-bottom:1rem; color:#333; font-weight: bold; font-family: var(--family-second);}
.overview_company li .overview-company-label::before{content:""; width:100%; height:1px; background-color:#ccc; position:absolute; left:0; bottom:0}
.overview_company li .overview-company-label::after{content:""; width:50px; height:1px; background-color:var(--bg-main);position:absolute; left:0; bottom:0; transition:all 0.4s}
.overview_company li .overview-company-value{margin-bottom:0; color:#555; font-size:1rem; line-height: 1.3;}
.overview_company li .overview-company-value dl{margin-bottom: 0;}
.overview_company li .overview-company-value dl dd{display: flex; align-items: center; margin-bottom: .875rem; line-height: 24px; position: relative; padding-left: 1.5rem;}
.overview_company li .overview-company-value dl dd>i{color: var(--bg-main); font-size: 1rem; position: absolute; left: 0; top: 0;}
.overview_company li:hover .overview-company-label::after{width:100%}
.overview_company li .overview-company-value dl dd:last-child{margin-bottom: 0;}
.overview_service small{display: block; max-width: 1000px; margin: 0 auto; text-align: center; font-size: .95rem;}
.overview_service .hub_list>li:nth-child(even)>ol{flex-direction: row;}
.overview_service .hub_list>li:nth-child(even)>ol .textbox{padding: 0 0 0 2rem;}
.overview_service .hub_list>li:nth-child(even)>ol .textbox>.more{justify-content: flex-end;}
.overview_products small{display: block; max-width: 1000px; margin: 0 auto; text-align: center; font-size: .95rem;}
.overview_products_swiper{position: relative; margin-top: 30px;}
.overview_products_swiper .swiper-slide>a{width: 100%; display: flex; flex-direction: column;}
.overview_products_swiper .swiper-slide>a>span{width: 100%; position: absolute; left:0; bottom: 0; z-index: 2; background-image: linear-gradient(transparent,rgba(0,0,0,.8)); color: #fff; font-size: 1rem; padding: 1rem;}
@media (max-width:1199.98px){
  .overview_banner{background-image: url(../images/banner-bj-1280.webp);}
  .overview_products_swiper{padding-bottom: 20px;}
  .overview_products_swiper .swiper-pagination{justify-content: center; bottom: 0 !important;}
  .overview_products_swiper .swiper-pagination-bullet-active {background-color: var(--bg-main);}
}@media (max-width:991.98px){
	.overview_company li{width:100%; margin-top:20px;}
}@media (max-width:767.98px){
  .overview_banner{background-image: url(../images/banner-bj-750.webp);}
}@media (max-width:575.98px){
  .overview_banner{background-image: url(../images/banner-bj-480.webp);}
}
/* Overview-End */