@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:"NunitoSans";font-style:normal;font-display:swap;font-weight:200;src:local(''),url(../fonts/NunitoSans/NunitoSans-ExtraLight.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-ExtraLight.woff) format("woff")}
@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:500;src:local(''),url(../fonts/NunitoSans/NunitoSans-Medium.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-Medium.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:"NunitoSans";font-style:normal;font-display:swap;font-weight:800;src:local(''),url(../fonts/NunitoSans/NunitoSans-ExtraBold.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-ExtraBold.woff) format("woff")}
@font-face{font-family:"NunitoSans";font-style:normal;font-display:swap;font-weight:900;src:local(''),url(../fonts/NunitoSans/NunitoSans-Black.woff2) format("woff2"),url(../fonts/NunitoSans/NunitoSans-Black.woff) format("woff")}

@font-face{font-family:"Halant";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/Halant/Halant-Regular.woff2) format("woff2"),url(../fonts/Halant/Halant-Regular.woff) format("woff")}
@font-face{font-family:"Halant";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/Halant/Halant-Medium.woff2) format("woff2"),url(../fonts/Halant/Halant-Medium.woff) format("woff")}
@font-face{font-family:"Halant";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/Halant/Halant-SemiBold.woff2) format("woff2"),url(../fonts/Halant/Halant-SemiBold.woff) format("woff")}
@font-face{font-family:"Halant";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/Halant/Halant-Bold.woff2) format("woff2"),url(../fonts/Halant/Halant-Bold.woff) format("woff")}

@font-face{font-family:"ProtestStrike";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/ProtestStrike/ProtestStrike-Regular.woff2) format("woff2"),url(../fonts/ProtestStrike/ProtestStrike-Regular.woff) format("woff")}

@font-face{font-family:iconfont;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}
:root {
	--bg-main: #c92535;
	--bg-hover: #ec6539;
}
.bg-main{background-color: var(--bg-main);}
.bg-WhiteSmoke {background-color: #f5f5f5 !important;}
.bg-Gainsboro{background-color: #DCDCDC !important;}
.bg-LightGray{background-color: #D3D3D3 !important;}
.bg-Silver{background-color: #C0C0C0 !important;}
.bg-DarkGray{background-color: #A9A9A9 !important;}
.bg-Gray{background-color: #808080 !important;}
.bg-DimGray{background-color: #696969 !important;}
.bg-E{background-color: #eee !important;}

* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#333; font-family:Arial,Helvetica,sans-serif; font-weight:400; font-size: 1rem; line-height:24px; background-image: url(../images/zhi.jpg); background-repeat: repeat; background-color:#fff; overflow-x:hidden}
li,ol,ul {list-style: none;margin-bottom: 0;}
h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6 {color: #000; font-weight: 400; margin-bottom: 1rem; }
h2,.h2 {font-size: 2.5rem; font-weight: 700;}
h3,.h3 {font-size: 2rem;}
h4,.h4 {font-size: 1.5rem;}
h5,.h5 {font-size: 1.25rem;}
h6,.h6 {font-size: 1rem; }
h2 a,h3 a,h4 a,h5 a,h6 a {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-hover) !important;}
p {font-size: 1rem; line-height: 24px;}
strong,b {font-weight: 700;}
img{display:block;max-width:100%;height:auto;margin:0 auto;}
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-hover);}
figure{display:flex;flex-wrap:wrap;margin:0}
figure>a{width: 100%; display: block;}
.imgbox{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all 0.4s}
.imgbox-100::before{content:"";display:block;padding-top:100%}
.imgbox-75::before{content:"";display:block;padding-top:75%}
.img-abs{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.textbox{width: 100%;display: flex; flex-wrap: wrap; flex: 1;}
.container{max-width:1230px; margin: 0 auto;}
@media (max-width:1199.98px){
	.container{max-width:calc(100% - 50px)}
}
@media (max-width:991.98px){
	.container{max-width:calc(100% - 30px)}
}
@media (max-width:767.98px){
	.container{max-width:calc(100% - 20px)}
}
@media (max-width:575.98px){
	.container{max-width:calc(100% - 20px)}
}
@media (max-width:375.98px){
	.container{max-width:calc(100% - 10px)}
}
/* public */
ul{display: flex; flex-wrap: wrap; width: 100%;}
ul li{display: flex; flex-wrap: wrap;}
ul li>ol{width: 100%; display: flex; flex-wrap: wrap; transition: all .4s ease-in-out;}

ul.etw_phone{width:100%;}
ul.etw_phone li{width:100%; flex-direction: column;}
ul.etw_phone li>ol{position: relative; overflow: hidden; flex-direction: column;}
ul.etw_phone li a{display: block; width: 100%;}
ul.etw_phone li a.imgbox>img,.etw_phone li .imgbox>img{mix-blend-mode:multiply}
ul.etw_phone li span{width:100%; display:flex; align-items:flex-start; justify-content:center; text-align:center; color:#000; overflow:hidden; font-weight: 400; font-size: .9rem; line-height: 1.1; margin-top: .5rem; flex: 1;}
ul.etw_phone li a.imgbox:hover img,ul.etw_phone li a:hover img{opacity: .8;}
ul.etw_phone li>ol:hover span{bottom: -100%;}
ul.etw_phone2 li{width:50%;}
ul.etw_phone3 li{width:calc(100% / 3)}
ul.etw_phone4 li{width:25%}
ul.etw_phone5 li{width:20%}
ul.etw_phone6 li{width:calc(100% / 6)}
ul.etw_phone-pt1,ul.etw_phone-pb1{width: calc(100% + 10px); margin: 0 -5px;}
ul.etw_phone-pt1 li,ul.etw_phone-pb1 li{padding: 0 5px; }
ul.etw_phone-pt1 li{margin-top: 10px;}
ul.etw_phone-pb1 li{margin-bottom: 10px;}
ul.etw_phone-pt2,ul.etw_phone-pb2{width: calc(100% + 20px); margin: 0 -10px;}
ul.etw_phone-pt2 li,ul.etw_phone-pb2 li{padding: 0 10px; }
ul.etw_phone-pt2 li{margin-top: 20px;}
ul.etw_phone-pb2 li{margin-bottom: 20px;}
ul.etw_phone_bg li img{mix-blend-mode: multiply;}
ul.etw_phone_border li img{border: 1px solid #ccc; border-radius: 10px; padding: 5px;}
ul.etw_phone_shadow li a{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.etw_phone1-6{display: block; width: 100%; overflow: hidden;}
.etw_phone1-6 li{width: 20%; float: left;}
.etw_phone1-6 li:first-child{width: 40%;}
.etw_phone1-6 li a:hover img{opacity: .8;}
@media (max-width:1199.98px){
	ul.etw_phone6 li{width:calc(100% / 5)}
	ul.etw_phone6 li:last-child{display:none}
}
@media (max-width:991.98px){
	ul.etw_phone5 li{width:calc(100% / 4)}
	ul.etw_phone5 li:last-child{display:none}
	ul.etw_phone6 li{width:calc(100% / 3)}
	ul.etw_phone6 li:last-child{display:block}
}
@media (max-width:767.98px){
	ul.etw_phone3 li{width:calc(100% / 2)}
	ul.etw_phone3 li:last-child{display:none}
	ul.etw_phone5 li{width:calc(100% / 2)}
	ul.etw_phone6 li{width:calc(100% / 2)}
	.etw_phone1-6{display: flex;}
	.etw_phone1-6 li,	.etw_phone1-6 li:first-child{width: calc(100% / 3);}
	.etw_phone1-6 li:last-child{display: none;}
}
@media (max-width:575.98px){
	ul.etw_phone3 li{width:100%}
	ul.etw_phone3 li:last-child{display:block}
	ul.etw_phone4 li{width:50%}
	ul.etw_phone6 li{width:100%}
	.etw_phone1-6 li,	.etw_phone1-6 li:first-child{width: 50%;}
}
@media (max-width:375.98px){
	ul.etw_phone li img{width: 100%;}
	ul.etw_phone2 li,ul.etw_phone3 li,ul.etw_phone4 li,	ul.etw_phone5 li,.etw_phone1-6 li,	.etw_phone1-6 li:first-child{width:100%;}
}
.items{width: 100%;margin-bottom: 1rem;}
.items>.row{width: 100%;}
.items li{width:100%; line-height:24px; position:relative; margin-bottom: 2px; font-size: 16px; color: #333;}
.items li::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; color: var(--bg-hover); position: absolute; left: 0;}
.items li strong{margin-right: .5rem; font-weight: 600; font-size: 14px;color: #000;}
.items_col li{flex-direction: column;}

.items_icon1 li{padding-left: 1.875rem;}
.items_icon1 li::before{content: "\f269"; font-size: 1.25rem; top: 2px;}
.items_icon2 li{padding-left: 1rem;}
.items_icon2 li::before{content: ""; width: 6px; height: 6px; background-color: var(--bg-main); border-radius: 50%; top: 9px;}
/* table */
.table td,.table th{vertical-align: middle; font-size: .9rem; line-height: 1.2;}
.table-bordered td, .table-bordered th{border: 2px solid #f8f9fa;}
.table-bordered-white td, .table-bordered-white th{border: 2px solid #fff;}
.table .top1 td{background-color: #DCDCDC; color: #000; font-weight: 500;}
.table a,.table a:not([href]):not([class]){color: var(--bg-main); cursor: pointer; text-decoration: underline;}
.table a:hover,.table a:not([href]):not([class]):hover{color: var(--bg-hover); text-decoration: none;}
.table1 tr td:first-child{text-align: center;}
/* video-Btn */
.video_btn{width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9; cursor:pointer; opacity: .95; background-color: var(--bg-main); border-radius: 50%;}
.video_btn::before{content: '\F4F4';display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size: 2.5rem; color: #fff; padding-left: 5px;}
.video_btn::after{content: ''; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 50%; animation:pulse 2s infinite; background-color: var(--bg-main); z-index: -1;}
@-webkit-keyframes pulse{
	0%{width: 100%; height: 100%; opacity: 1;}
	100%{width: 200%; height: 200%; opacity: 0;}
}
@keyframes pulse{
	0%{width: 100%; height: 100%; opacity: 1;}
	100%{width: 200%; height: 200%; opacity: 0;}
}
.video_smallbtn{width: 3.125rem; height: 3.125rem;}
.video_smallbtn::before{font-size: 1.5625rem;}
/* More */
.more{display:flex;}
.more>a{width:fit-content; padding: .7rem 1.4rem; display:flex; align-items: center; justify-content: center; font-size:.85rem; line-height: 1; color:#fff; transition:all 0.4s ease; position:relative; overflow:hidden; background-color: var(--bg-hover); font-weight: 400; -webkit-clip-path: polygon(0 30%, 10% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 30%, 10% 0, 100% 0, 100% 100%, 0 100%);}
.more>a>i{font-size: 1rem; margin-left: .5rem; position: relative;transition:all 0.4s ease;}
.more>a:hover{background-color: #000; color: #fff;}
.more>a:hover>i{transform: translateX(5px);}
/* Inquiry-Btn */
.inquiryBtn{display: flex;}
.inquiryBtn>a{padding:.5rem 1.5rem .5rem 1rem;background-color:var(--bg-main);color:#fff;font-size:.85rem;text-transform:uppercase; font-weight:500;position:relative;overflow:hidden;z-index:0;border-radius:5px;}
.inquiryBtn>a::before{content: ''; width: 130%; height: 100%; background-color: #444; position: absolute; left: 91%; top: 0; transform: skewX(-30deg); transition: all .3s ease-in-out; z-index: -1;}
.inquiryBtn>a:hover::before{left: -10%;}

/* public-End */
/* etw_language */
.etw_language{min-height: 50px; display: flex; position: relative; z-index: 14;}
.etw_language ul{width:100%;display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap; position: relative;}
.etw_language ul>li>span{width: 100%; display: flex; align-items: center; justify-content: center; font-size: .95rem; text-transform: uppercase; color: var(--bg-hover);}
#etw_language{display:flex; height: auto; position: relative; z-index: 9;}
#etw_language>a{width: fit-content; padding:0 .8rem; color:#333; display:flex;justify-content:center;align-items:center; height: 40px; position: relative; text-align: center; font-size: .85rem;}
#etw_language>a::after{content: ''; width: 1px; height: 40%; background-color: #ddd; 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;}
	.etw_language ul>li{margin-right:3rem;}
	.etw_language ul>li>span{color: #333; font-size: 1.875rem;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%;left:50%;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-hover);color: #fff; text-decoration: none;}
}
/* header */
#header{position:sticky; left:0; top:0; background-color: #fff; z-index:12; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#etw_logo{float: left; position: relative;z-index: 10; padding: 20px 0;}
#etw_logo a{display: block;}
#etw_logo a>img{display:block;max-width:100%; height:40px;}
#etw_logo span{display: block; text-align: center; font-size: 12px; line-height: 1; margin-top: 8px;}

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}
.navbar-expand-lg .navbar-nav{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;align-items:center;justify-content:center;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#000; padding:0; min-height:50px;display:flex;align-items:center;justify-content:center;position:relative; font-size: 1rem; font-weight: 400; padding: 0 1.5rem;}
.navbar-light .navbar-nav a.nav-link::before{content: ''; width: 0; height: 100%; background-color: var(--bg-hover); position: absolute; right: 0; bottom: 0; z-index: -1; transition: all .3s ease-in-out; transform: skewX(-20deg);}
nav .navbar-nav .nav-item .dropdown-toggle::after{transition:all 0.3s;margin-left:0.5rem;content: "\f107";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; border: none;}
nav .navbar-nav .nav-item.active .nav-link,nav .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-light .navbar-nav .nav-item:hover .nav-link{color: #fff;}
.navbar-light .navbar-nav .nav-item:hover .nav-link::before{left: 0; right: auto; width: 100%;}
.navbar-expand-lg .navbar-nav .nav-item:last-child{padding: 0; margin-left: 1rem;}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{background-color: #E2001D; color: #fff; height: 50px; padding: 0 1rem; min-height: initial; text-transform: uppercase; font-size: .85rem;}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link:hover{background-color: #000;}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link::before{display: none;}
.pro_icon{display:none}
.dropdown-menu{left:-8px;top:150%;border:none;margin:0;padding:0;border-radius:0; background-color: rgba(255,255,255,.7); backdrop-filter: blur(5px); border-radius:0 0 1rem 1rem;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>li{width: 100%; border-bottom:1px dashed #eee;}
.dropdown-menu ul>li:last-child{border-bottom:none}
.dropdown-menu ul>li .dropdown-item{color:#000;font-size:1rem;position:relative;display:flex;transition:all 0.5s;padding:0.6rem 1rem; padding-left: 1.5rem; font-weight:400; align-items: center;}
.dropdown-menu ul>li .dropdown-item::before{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; margin-right: 10px; line-height: 1; position: absolute; transition: all .4s ease; left: .6rem; top: 50%; transform: translateY(-50%);}
.dropdown-menu ul>li .dropdown-item:hover,.dropdown-menu>ul>li .dropdown-item.active{color:#fff; background-color: var(--bg-hover); text-decoration:none}
.dropdown-menu ul>li .dropdown-item:hover::before,.dropdown-menu>ul>li .dropdown-item.active::before{color:#fff}
.dropdown-menu1{padding: 1.5rem;}
.dropdown-menu1 ul>li{width: fit-content; border-bottom: none;}
.dropdown-menu1 ul>li .dropdown-item{padding:0; margin: .5rem 1.5rem .5rem 0;}
.dropdown-menu1 ul>li .dropdown-item>img{width: auto; height: 20px; margin:0 .5rem 0 0;}
.dropdown-menu1 ul>li .dropdown-item::before{display: none;}
.dropdown-menu1 ul>li .dropdown-item:hover,.dropdown-menu1 ul>li .dropdown-item.active{background: none; color: var(--bg-hover);}
.dropdown-menu1 ul>li:last-child .dropdown-item{padding:0.6rem 1rem; padding-left: 1.5rem; margin-right: 0;}
.dropdown-menu1 ul>li:last-child .dropdown-item::before{display: block;}
.dropdown-menu1 ul>li:last-child .dropdown-item:hover,.dropdown-menu1 ul>li:last-child .dropdown-item.active{color:#fff; background-color: var(--bg-hover); text-decoration:none}

.dropdown-menu2{padding: 1.5rem;}
.dropdown-menu2 ul>li{width: 25%; border-bottom: none;}
.dropdown-menu2 ul>li .dropdown-item{padding:0; margin: .5rem 2rem .5rem 0; overflow: hidden;white-space: normal;word-break: break-word;}
.dropdown-menu2 ul>li .dropdown-item>img{width: 30px; height: auto; margin:0 1rem 0 0; position: relative; transform: translateX(-60px); filter: drop-shadow(60px 0 var(--bg-hover));}
.dropdown-menu2 ul>li .dropdown-item::before{display: none;}
.dropdown-menu2 ul>li .dropdown-item:hover,.dropdown-menu2 ul>li .dropdown-item.active{background: none; color: var(--bg-hover);}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}

@media (max-width:1199.98px){
	.navbar-expand-lg .navbar-nav .nav-item .nav-link{padding: 0 .8rem;}
	.dropdown-menu2 ul>li{width: calc(100% / 3);}
}
@media (max-width:1099.98px){
	.navbar-expand-lg .navbar-nav .nav-item .nav-link{font-size: .95rem;padding: 0 .25rem;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{padding: .5rem .75rem;}
}
@media (max-width:991.98px){
	#header{position:relative;padding-top: 0;}
	#header::before{display: none;}
	#header>.container{display:flex;align-items:center; flex-wrap: wrap; justify-content: flex-end;}
	#etw_logo {flex: 1;display: flex;z-index: 0; margin-top: 0;}
	.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{position:relative;right:initial;top:inherit;z-index:10}
	.navbar-expand-lg .navbar-nav .nav-item{width:100%;flex-direction:column;margin: 0; padding: 0;}
	nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0 1rem; min-height: 40px; position:relative;font-size:1rem;justify-content:flex-start;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{ padding: 0 .5rem;}
	.navbar-light .navbar-nav a.nav-link::before{display: none;}
	.navbar-light .navbar-nav a.nav-link:hover{background-color: var(--bg-hover); color: #fff;}
	.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover>span.pro_icon{color: #fff;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child{margin: 0; padding: 0;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{background: none; color: #000; height: 40px;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link:hover{background: var(--bg-hover); color: #fff;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child.active .nav-link{color: var(--bg-hover);}
	.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px;width:30px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:200;z-index:2}
	.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; box-shadow: initial;}
	.dropdown-menu ul>li:last-child{border-bottom:1px dashed #ddd;}
	.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:0;display:block}



}
@media (max-width:767.98px){
	#etw_logo{padding: 10px 0;}
	.dropdown-menu2 ul>li{width: 50%;}
}
@media (max-width:575.98px){
	#etw_logo a>img {height: 40px;}
	.etw_language ul>li {margin-right: 1.5rem;}
	.dropdown-menu1,.dropdown-menu2{padding: 1rem;}
	.dropdown-menu1 ul>li,
	.dropdown-menu2 ul>li{width: 100%;}
}
@media (max-width:475.98px){
	#etw_logo a>img {height: 35px;}
}
@media (max-width:375.98px){
	#etw_logo a>img {height: 30px;}
}
/* Banner */
.etw_banner{padding: 0;}
.etw_banner .swiper{width: 100%; height: 100%;}
.etw_banner .swiper .swiper-slide{min-height: 550px;}
.etw_banner_btn{width: 100%; max-width: 510px; position: absolute; left: 0; bottom: 0; background-color: #000; z-index: 3; padding: 40px 0 40px 35px; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;}
.etw_banner_btn .prev-button,.etw_banner_btn .next-button{color: #fff;}
.etw_banner_btn .swiper-pagination{position: relative; width: auto; bottom: initial; color: #fff; padding: 0 2rem;}
.etw_banner_btn .swiper-pagination .swiper-pagination-current{font-size: 1.5rem; color: var(--bg-main);}
.etw_banner_icon{flex: 1;display: flex; align-items: center; justify-content: end; height: 30px;}

.banner{width: 550px; height: calc(100% - 60px); background-color: var(--bg-main); position: absolute; left: 0; bottom: 0; z-index: 2; padding: 2.5rem;-webkit-clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0); clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);}
.banner small{display: block; margin-bottom: .5rem; font-size: .9rem; color: #fff; font-weight: 600;}
.banner .h2{font-size: 1.5rem; color: #fff; font-weight: 300; text-transform: uppercase;}
.banner p{font-size: .95rem; color: #fff;}
.banner a{width: fit-content; background-color: #fff; color: var(--bg-main); font-weight: 600; display: flex; align-items: center; line-height: 40px; padding-left: 1rem;-webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 30%); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 30%);}
.banner a>i{width: 40px; height: 40px; border-left: 2px solid var(--bg-main); display: flex; align-items: center; justify-content: center; color: var(--bg-main); margin-left: 1rem;}
.banner a:hover{background-color: #000; color: #fff;}
.banner a:hover>i{color: #fff;}

@media (max-width:1599.98px){
	.etw_banner .swiper .swiper-slide {min-height: 500px;}
	.banner{width: 500px; height: calc(100% - 90px);}
	.banner .h2{font-size: 1.2rem;
		margin-bottom: 0.8rem;}
		.banner p{line-height: 17px;}
	.etw_banner_btn{max-width: 500px; padding: 30px 0 30px 30px;}
}
@media (max-width:1399.98px){
	.etw_banner .swiper .swiper-slide {min-height: 500px;}
	.banner{width: 450px; height: calc(100% - 90px);}
	.banner .h2{font-size: 1.1rem;}
	.etw_banner_btn{max-width: 450px; padding: 20px 0 20px 30px;}
}
@media (max-width:1199.98px){
	.etw_banner .swiper .swiper-slide {min-height: 450px;}
	.banner{width: 400px; height: calc(100% - 40px);}
	.banner .h2{font-size: 1rem;}
	.banner p{font-size: .85rem;}
	.etw_banner_btn{max-width: 400px; padding: 20px 0 20px 30px;}
}
@media (max-width:991.98px){
	.etw_banner .swiper .swiper-slide {min-height: 350px;}
	.banner{width: 350px; height: auto; padding: 1.875rem; bottom: 50px;}
	.banner .h2{font-size: 0.9rem;}
	.banner p{display: none;}
	.etw_banner_btn{max-width: 350px; padding:10px 0 10px 20px;}
}
@media (max-width:767.98px){
	.banner{padding: 1.25rem; bottom: 50px;}
	.banner .h2{margin-bottom: 0;}
	.banner a{display: none;}
}
@media (max-width:575.98px){
	.etw_banner .swiper .swiper-slide {min-height: 250px;}
	.banner{width: 300px; padding: 1.25rem;}
	.banner .h2{font-size: 1.125rem;}
	.etw_banner_btn{max-width: 300px; height: 50px; padding:10px 0 10px 20px;}
	.etw_banner_btn .swiper-pagination{padding: 0 1rem;}
}
@media (max-width:375.98px){
	.etw_banner .swiper .swiper-slide {min-height: 200px;}
	.banner,.etw_banner_btn{display: none;}
}
/* Banner-end */
/* index */
section{width: 100%; padding:4rem 0; display: block; position: relative; overflow: hidden;}
.homePro small{width: fit-content; font-size: .9rem; text-transform: uppercase; display: block; color: var(--bg-hover); border-bottom: 2px solid var(--bg-hover); margin-bottom: .5rem;}
.homePro .h3{font-size: 2.25rem; font-weight: 300;}
.homePro img{mix-blend-mode: multiply;}

.homeBrands .container{max-width: 1400px;}
.homeBrands_title{width: 100%; display: flex; flex-wrap: wrap; background: url(../images/homebrands_img.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.homeBrands_title_left{width: 450px; position: relative; z-index: 0; padding: 2.5rem;}
.homeBrands_title_left::before{content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; right: 0; top: 0; z-index: -2; transform: skewX(-20deg);}
.homeBrands_title_left::after{content: ''; width: 120%; height: 100%; background-color: var(--bg-main); position: absolute; right: 50px; top: 0; z-index: -1; transform: skewX(-20deg);}
.homeBrands_title_left>p{display: flex; align-items: center; font-size: 14px; color: rgba(255,255,255,.8); margin-bottom: .5rem;}
.homeBrands_title_left>p>img{width: 32px; height: auto; margin: 0 .5rem 0 0;}
.homeBrands_title_left .h3{width: 140%; font-size: 1.5rem; font-weight: 700; color: #fff; margin-bottom: .5rem; font-family:Arial,Helvetica,sans-serif; letter-spacing: 4px;}
.homeBrands_title_left small{display: block; color: rgba(255,255,255,.8);; font-size: 14px;}

.homeBrands ul{width: calc(100% + 30px); margin: 0 -15px;}
.homeBrands ul li{width: 50%; padding: 0 15px; margin-top: 30px;}
.homeBrands ul li>ol{border: 1px solid #ddd; border-radius: 10px; flex-direction: row-reverse; align-items: center; padding: 1.5rem;}
.homeBrands ul li>ol a.imgbox{width: 50%;}
.homeBrands ul li>ol .textbox{width: 50%; padding-right: 1rem;}
.homeBrands ul li>ol .textbox .icon{width: 100%; display: flex; justify-content: flex-start; margin-bottom: .5rem;}
.homeBrands ul li>ol .textbox .icon>img{width: auto; height: 25px; margin-left: 0;}
.homeBrands ul li>ol .textbox .h5{font-size: 1.8rem; font-weight: 300;}
.homeBrands ul li>ol .textbox dl{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.homeBrands ul li>ol .textbox dl>dd{width: 50%; margin-bottom: 0; font-size: 14px; position: relative; padding-left: 10px; line-height: 20px;}
.homeBrands ul li>ol .textbox dl>dd::before{content: ''; width: 4px; height: 4px; background-color: var(--bg-main); position: absolute; left: 0; top: 8px;}
.homeBrands ul li>ol .textbox dl>dd:last-child{width: 100%;}
.homeBrands ul li>ol .textbox p{min-height:72px; max-height:72px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.homeBrands ul li>ol .textbox .more>a{padding: 0 0 5px 0; background: none; color: var(--bg-main); font-size: 1rem; border-bottom: 1px solid var(--bg-main);clip-path:initial;}
.homeBrands ul li>ol .textbox .more>a:hover{color: #000; border-bottom-color: #000;}

.homeApps>.container{position: relative; z-index: 2;}
.homeApps::before{content: ''; position: absolute; inset: 0;background-color: #ECA993; opacity: .3;}
.homeApps .h3{font-size: 2rem; text-align: center; color: #000; font-weight: 300;}
.homeApps .h3>span{display: block; text-transform: uppercase; color: var(--bg-main);}
.homeApps small{display: block; max-width: 80%; margin: 0 auto; text-align: center; font-size: .95rem;}
.homeApps ul{width: calc(100% + 30px); margin: 0 -15px;}
.homeApps ul li{width: 25%; padding: 0 15px; margin-top: 30px;}
.homeApps ul li>ol{position: relative; overflow: hidden;}
.homeApps ul li>ol .textbox{width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7)); flex-direction: column; justify-content: flex-end; padding: 1rem;}
.homeApps ul li>ol .textbox a.h5{color: #fff; text-align: center; font-weight: 700;}
.homeApps ul li>ol .textbox p{color: #fff; text-align: center; font-size: .9rem; line-height: 20px; min-height:80px; max-height:80px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.homeApps ul li>ol .textbox .more{justify-content: center;}
.homeApps ul li>ol .textbox .more>a{padding: 0; background: none; color: var(--bg-main); font-weight: 700; font-size: 1rem;clip-path:initial;}
.homeApps ul li>ol .textbox .more>a:hover{color: var(--bg-hover); text-decoration: underline;}

.homeAbout{display: flex; flex-wrap: wrap; padding: 0;}
.homeAbout_left{width: 50%; overflow: hidden; position: relative; display: flex;}
.homeAbout_left .swiper{width: 100%; overflow: hidden; -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);}
.homeAbout_left .swiper .swiper-slide{width: 100%; height: 100%;}
.homeAbout_left .swiper .swiper-pagination-bullet{width: 1rem; height: 1rem; background-color: var(--bg-hover); opacity: 1;}
.homeAbout_left .swiper .swiper-pagination-bullet-active{background-color: var(--bg-main);}
.homeAbout_right{width: 50%; padding: 3rem 0; display: flex;}
.homeAbout_box{width: 100%; max-width: 800px; padding: 0 15px 0 50px; display: flex; flex-direction: column; justify-content: center;}
.homeAbout_box .h3{font-size: 2.5rem; font-weight: 300; color: #000; border-bottom: 3px solid var(--bg-hover); width: fit-content; padding-bottom: 5px;}
.homeAbout_box p{font-size: .95rem;}
.homeAbout_list{width: 100%;margin-top: 2rem; margin-left: -250px; position: relative; z-index: 2;}
.homeAbout_list li{width: calc(100% / 3); padding: 1.25rem .5rem; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #fff; font-size: .95rem; color: #fff; background-color: var(--bg-main); text-align: center;}
.homeAbout_list li>span{font-size: 1.875rem; margin-bottom: .5rem; color: #fff;}
.homeAbout_list li>span>text{font-style: oblique;}
.homeAbout_list li>span>sup{margin-left: .5rem;}
.homeAbout_list li:last-child{border-right: none;}

@media (max-width:1199.98px){
	section{padding:3rem 0;}
	.homePro .h3,.homeApps .h3,.homeAbout_box .h3 {font-size: 1.875rem;}
	.homeBrands ul li>ol .textbox dl>dd{width: 100%;}
	.homeApps ul{width: calc(100% + 20px); margin: 0 -10px;}
	.homeApps ul li{width: 25%; padding: 0 10px; margin-top: 20px;}
	.homeAbout_list{margin-left: -200px;}
}
@media (max-width:991.98px){
	section{padding:2.5rem 0;}
	.homePro .h3,.homeApps .h3,.homeAbout_box .h3 {font-size: 1.625rem;}
	.homeBrands ul li {width: 100%; margin-top: 20px;}
	.homeBrands ul li>ol .textbox dl>dd{width: 50%;}
	.homeApps ul li{width:calc(100% / 3);}
	.homeApps ul li:last-child{display: none;}
	.homeAbout_left{width:100%}
	.homeAbout_left .swiper{-webkit-clip-path: polygon(0 1%, 100% 0, 90% 100%, 0 100%); clip-path: polygon(0 1%, 100% 0, 90% 100%, 0 100%);}
	.homeAbout_left .swiper .swiper-slide{height: auto;}
	.homeAbout_left .swiper .swiper-slide::before{content: ''; display: block; padding-top: 62.5%;}
	.homeAbout_right{width:100%; padding: 2.5rem;}
	.homeAbout_box {max-width: 100%; padding: 0;}
	.homeAbout_list{margin-left: 0;}
}
@media (max-width:767.98px){
	section{padding:2rem 0;}
	.homePro .h3,.homeApps .h3,.homeAbout_box .h3 {font-size: 1.5rem;}
	.homeApps ul li{width: 50%;}
	.homeApps ul li:last-child{display: flex;}
	.homeApps small {max-width: 100%;}
	.homeAbout_right{padding: 1.875rem;}
}
@media (max-width:575.98px){
	section{padding:1.5rem 0;}
	.homePro .h3,.homeApps .h3 {font-size: 1.25rem;}
	.homeBrands_title_left {width: 100%; max-width: 450px; padding: 1.25rem;}
	.homeBrands_title_left .h3{width: 100%; font-size: 1.25rem;}
	.homeBrands ul li>ol{padding: 1.25rem;}
	.homeBrands ul li>ol a.imgbox{width: 100%;}
	.homeBrands ul li>ol .textbox{width: 100%;}
	.homeBrands ul li>ol .textbox dl>dd{width: 50%;}
	.homeApps ul li{width: 100%;}
	.homeAbout_right{padding: 1.25rem;}
	.homeAbout_list li>span{font-size: .95rem; line-height: 22px;}
	.homeAbout_list li>span>text{font-size: 1.25rem;}
}
@media (max-width:375.98px){
	section{padding:1.25rem 0;}
	.homeBrands ul li>ol .textbox dl>dd{width: 100%;}
	.homeAbout_list li{width: 100%; border-bottom: 1px solid #fff; border-right: none;}
}
/* index-end */
/* #footer */
.footer{padding: 3rem 0; border-top: 10px solid var(--bg-main);}
.footer_logo{display: flex; justify-content: flex-start; margin-bottom: 1rem;}
.footer_logo img{display:block;max-width:100%; height:auto; margin-left: 0;}
.footer_text{display: block; font-size: 1rem; color: #000;}

.footer .h3{display: block; font-size: 1.5rem; color: #000; font-weight: 300; margin-bottom: 1rem;}
.footer_list{display:flex;flex-direction:column;}
.footer_list>li{display:block;margin-bottom: 5px; position: relative;padding-left: 1rem;}
.footer_list>li:last-child{margin-bottom: 0;}
.footer_list>li>a{display: block; font-size: .9rem; color: #333;}
.footer_list>li>a:hover{color: var(--bg-hover); opacity: 1; text-decoration: underline;}
.footer_list>li::before{content: "\f105"; font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; position: absolute; left: 0; top: 0; color: var(--bg-hover);}

.footer_contact{display:flex; flex-direction: column; margin-top:0.5rem; margin-bottom: 0;}
.footer_contact dt{font-size: 1.2rem; color: #333; font-weight: 600; margin-bottom: .5rem;}
.footer_contact dd{width: 100%; color:#333; display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 5px; font-size: .9rem; padding-left: 1.8rem; position: relative;}
.footer_contact dd i{font-size: 1.1rem; position: absolute; left: 0; top: 0; color:var(--bg-hover);}
.footer_contact dd a:hover{text-decoration: underline; color: var(--bg-hover);}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:1rem; position:relative;z-index:2; background-color: #444;}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#a0a0a0;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #a0a0a0;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:#fff;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:#a0a0a0;font-size:.9rem;}
/* #etw_top */
#etw_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:var(--bg-hover);z-index:100;cursor:pointer;line-height:38px; transition:0.5s all ease-in-out; border-radius: 50%;}
#etw_top a{color:#fff;font-size:0.9rem;}
#etw_top:hover{background:var(--bg-main);transform:translateY(-0.5rem)}
#etw_top:after{position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,0.25) 0,rgba(0,0,0,0) 80%)}
.theme-send-inquiry-box{background:var(--bg-hover) !important;border:1px solid var(--bg-hover) !important;}
.theme-box-name{background:#000 !important;border-left:1px solid #000 !important}

.bi-phone-img{width: 24px; height: 24px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.bi-phone-img>img{width: 20px; height: 20px; filter: drop-shadow(24px 0 var(--bg-hover)); position: relative; transform: translateX(-24px);}

@media (max-width:991.98px){
	.footer {padding: 2.5rem 0;}
}
@media (max-width:767.98px){
	.footer {padding: 2rem 0;}
}
@media (max-width:575.98px){
	.footer {padding: 1.5rem 0;}
	.footer .h3{font-size: 1.25rem;}
}
@media (max-width:375.98px){
	.footer {padding: 1.2rem 0;}
	.footer .h3{font-size: 1rem;}
}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;}
#quicknav ul{width:100%;display:flex;}
#quicknav ul li{display:flex;align-items: center; padding: 0 16px; position: relative;height: 50px;}
#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:0.9rem;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; color: var(--bg-hover);}
#quicknav ul li::after,#quicknav ul li a,#quicknav ul>li:first-child>a{color:#000; opacity: 1;}
#quicknav ul li:last-child{color: var(--bg-main);}
#quicknav ul.quicknav{justify-content: center;}
#quicknav ul.quicknav li::after,#quicknav ul.quicknav li a,#quicknav ul.quicknav>li:first-child>a>i{color:rgba(255,255,255,.9);}
#quicknav ul.quicknav li:last-child{color: #fff; text-decoration: underline;}
#quicknav ul li a:hover{text-decoration:underline;color:#fff}
@media (max-width:767.98px){
	#quicknav ul{padding: .5rem 0;}
	#quicknav ul li{height: auto;}
}
@media (max-width:575.98px){
	#quicknav{display: none !important;}
}
/* #quicknav-End */
/* Products */
.nbanner{padding: 2.5rem 0;}
.nbanner::before{content: ''; position: absolute; inset: 0; background-color: var(--bg-main); z-index: -1;}
.nbanner_video{width: 100%;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 80%); clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 80%); overflow: hidden;}
.nbanner_video>video{width: 100%; height: 100%;}

.nbannerbox{position: relative; z-index: 2; overflow: visible; padding-top: 2.5rem; background: url(../images/2.svg) no-repeat 110% bottom;}
.nbannerbox_text{margin-top: -5rem; position: relative; z-index: 0; padding-top: 2rem;}
.nbannerbox_text::before{content: ''; width: 200%; height: 100%; background-color: #fff; position: absolute; right: -10%; top: 0; z-index: -1;-webkit-clip-path: polygon(95% 0, 100% 25%, 100% 100%, 0 100%, 0 0); clip-path: polygon(95% 0, 100% 25%, 100% 100%, 0 100%, 0 0);}

.nbanner_img{width: 100%; overflow: hidden; -webkit-clip-path: polygon(0 20%, 10% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 20%, 10% 0, 100% 0, 100% 100%, 0 100%);}
.nbanner p{font-size: .95rem; color: #fff;}

.etw_hometitle{display: block; overflow: hidden; margin-bottom: 1rem;}
.etw_hometitle h2,.etw_hometitle>div.h3{font-size: 2rem; line-height: 1.2; color: #fff; margin-bottom:.5rem;}
.etw_hometitle>small{display: block; font-size: .95rem; color: #fff; line-height: 1;}

.prosOEM .container{position: relative; z-index: 2;}
.prosOEM::before{content: ''; position: absolute; inset: 0; background-color: #f8f9fa; -webkit-clip-path: polygon(15% 0, 100% 0, 90% 100%, 0 100%); clip-path: polygon(15% 0, 100% 0, 90% 100%, 0 100%);}
.prosOEM .swiper{width: 100%; overflow: hidden;-webkit-clip-path: polygon(0 0, 90% 0, 100% 20%, 100% 100%, 0 100%);	clip-path: polygon(0 0, 90% 0, 100% 20%, 100% 100%, 0 100%);}
.prosOEM .prev-button,.prosOEM .next-button{width: 30px; height: 60px; position: absolute; left: 0; top:50%; transform: translateY(-50%); background-color: rgba(0,0,0,.5); z-index: 2; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #fff; transition: all .4s;}
.prosOEM .next-button{left: auto; right: 0;}
.prosOEM .prev-button:hover,.prosOEM .next-button:hover{background-color: var(--bg-hover);}
.prosOEM .h3{font-weight: 700;}
.prosOEM .more>a{padding: 0 0 0 1rem;}
.prosOEM .more>a>i{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;border-left: 1px solid #fff; margin-left: 1rem;}
.prosOEM .more>a:hover>i{transform: translateX(0);}
.prosOEM2::before{display: none;}
.prosOEM2 .swiper{-webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 20%); clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 20%);}

.pdf_text{font-size: 1.125rem;}
.pdf_text a{color: var(--bg-main); font-size: 1.5rem; text-decoration: underline;}
.pdf_text a:hover{text-decoration: none;}

@media (max-width:991.98px){
	.etw_hometitle h2, .etw_hometitle>div.h3,.prosOEM .h3 {font-size: 1.875rem;}
	.nbanner {padding: 1.5rem 0;}
	.prosOEM .swiper .swiper-slide img{width: 100%;}
}
@media (max-width:767.98px){
	.etw_hometitle h2, .etw_hometitle>div.h3,.prosOEM .h3 {font-size: 1.5rem;}
	.nbanner {padding: 1rem 0;}
}
@media (max-width:575.98px){
	.etw_hometitle h2, .etw_hometitle>div.h3,.prosOEM .h3 {font-size: 1.25rem;}
}
/* Products-End */
/* hub */
.nbanner_text{position: relative; z-index: 0; padding: 2rem; margin-top: 2rem; background-color: #bd2130;}
.nbanner_text p{color: #fff; margin-bottom: 0;}

.byBrands{background: url(../images/2.svg) no-repeat 110% top;}
.byBrands ul{width: calc(100% + 30px); margin: 0 -15px;}
.byBrands ul li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;}
.byBrands ul li>ol{flex-direction: column;}
.byBrands ul li>ol a.imgbox{padding: 1.5rem; padding-bottom: 0; background-color: #fff;}
.byBrands ul li>ol a.imgbox .iconbox{position: absolute; left: .5rem; top: .5rem; z-index: 2;}
.byBrands ul li>ol a.imgbox .iconbox>img{height: 40px; width: auto;}
.byBrands ul li>ol .textbox{padding-top: 1rem; flex-direction: column;}
.byBrands ul li>ol .textbox a.h3{font-size: 1.4rem; font-weight: 700; margin-bottom: 0;}
.byBrands ul li>ol .textbox small{color: #666; display: block; margin-bottom: .5rem;}
.byBrands ul li>ol .textbox dl{flex: 1;}
.byBrands ul li>ol .textbox dl>dd{margin-bottom: 0;}
.byBrands ul li>ol .textbox dl>dd>a{font-size: .9rem; color: var(--bg-main);}
.byBrands ul li>ol .textbox dl>dd>a:hover{color: var(--bg-hover); text-decoration: underline;}
.byBrands ul li>ol .more>a{padding: 0 0 0 1rem; background-color: var(--bg-main); color: #fff;}
.byBrands ul li>ol .more>a>i{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;border-left: 1px solid #fff; margin-left: 1rem;}
.byBrands ul li>ol .more>a:hover{background-color: var(--bg-hover); color: #fff;}
.byBrands ul li>ol .more>a:hover>i{transform: translateX(0);}

.byCategory ul li>ol a.imgbox{padding: 0;}
.byCategory ul li>ol .textbox{background-color: #f8f9fa; width: calc(100% - 30px); margin-top: -2rem; position: relative; z-index: 2;-webkit-clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0); clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0);}
.byCategory ul li>ol .textbox p{min-height:96px; max-height:96px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.hubByCategory{background-color: var(--bg-main);}
.hubByCategory .h3{color: #fff; font-weight: 700; font-size: 1.6rem;}
.hubByCategory p{ color: #fff; margin-bottom: .5rem;}
.hubByCategory .more>a{padding: 0 0 0 1rem; background-color: #fff; color: var(--bg-main);}
.hubByCategory .more>a>i{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;border-left: 1px solid var(--bg-main); margin-left: 1rem;}
.hubByCategory .more>a:hover{background-color: var(--bg-hover); color: #fff;}
.hubByCategory .more>a:hover>i{transform: translateX(0);}
.hubByCategory img{-webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);}

.accordion{border-top: 5px solid var(--bg-main); box-shadow: 0 15px 15px rgba(0,0,0,.2); display: flex; flex-direction: column; align-items: center; padding: 2.5rem;}
.accordion .h3{display: flex; align-items: center; font-size: 2rem; color: #000; font-weight: 300; overflow: hidden;}
.accordion .h3>img{width: auto; height: 2.5rem; position: relative; transform: translateY(-100%); filter: drop-shadow(0 2.5rem var(--bg-main)); margin-right: 1rem;}
.card{width: 100%; background-image: linear-gradient(#f5f5f5,#fff,#f5f5f5); border:none;border-radius:0;overflow:hidden; border: 1px solid #DCDCDC !important; margin-top: 1rem;}
.card-header{padding:0;background:initial;border:none}
.card-link{width:100%;display:block;padding:1rem; padding-right: 2.5rem; font-size:1rem; font-weight: 600; position:relative;line-height:1.5rem;}
.card-link::after{content:"\F4F9"; 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; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); color: var(--bg-hover); font-size: 1.5rem; transition: all .4s;}
.card-body{padding:1rem;padding-top:0;line-height:1.4rem}
.card-body p:first-child{margin-bottom:0;}
.card-link[aria-expanded="true"]::after{transform: translateY(-50%) rotate(-45deg);}

@media (max-width:991.98px){
	.byBrands ul li {width: 50%; margin-bottom: 20px;}
	.byBrands ul li>ol a.imgbox .iconbox>img{height: 30px;}
	.hubByCategory img{width: 100%;}
	.accordion{padding: 2rem;}
	.accordion .h3{font-size: 1.875rem;}
}
@media (max-width:767.98px){
	.hubByCategory .h3,.accordion .h3{font-size: 1.5rem;}
	.accordion{padding: 1.5rem;}
	.byCategory ul li>ol a.imgbox img{width: 100%;}
	.byBrands ul li>ol .textbox a.h3{font-size: 1.3rem;}
}
@media (max-width:575.98px){
	.byBrands ul li {width: 100%; margin-bottom: 1rem;}
	.byBrands ul li>ol a.imgbox .iconbox>img{height: 20px;}
	.hubByCategory .h3,.accordion .h3{font-size: 1.25rem;}
	.accordion{padding: 1rem;}
	.byBrands ul li>ol .textbox a.h3{font-size: 1.2rem;}
}
/* hub-End */
/* Details */
.detailsbanner{padding: 0; height: 300px;}
.detailsbanner .swiper{width: 100%; height: 100%;}
.detailsbanner .swiper .swiper-slide{display: flex; align-items: center;}
.detailsbanner .swiper .swiper-slide .textbox{max-width: 50%; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2;padding: 2.5rem;}
.detailsbanner .swiper .swiper-slide .textbox .h3 {color: #fff; font-weight: 300; font-size: 1.8rem;  line-height: 1.25;}
.detailsbanner .swiper .swiper-slide .textbox p{max-width: 85%; margin-bottom: 5px; font-size: .9rem; color: #fff;}

.detailsBox{padding: 2.5rem 0;}
.detailsBox ul{width: 100%;}
.detailsBox ul li{width: 25%; border-right: 1px solid #DCDCDC;}
.detailsBox ul li:last-child{border-right: none;}
.detailsBox ul li>ol{flex-direction: column; padding: 1rem 2rem;}
.detailsBox ul li>ol .iconbox{width: 100%; overflow: hidden; margin-bottom: 1rem;}
.detailsBox ul li>ol .iconbox>img{width: auto; height: 50px; filter: drop-shadow(0 50px var(--bg-main)); position: relative; transform: translateY(-100%);}
.detailsBox ul li>ol .textbox{flex: 1; justify-content: center; text-align: center; font-size: .95rem; line-height: 22px;}

.detailsMain{padding: 0;}
.detailsMain .etw_hometitle .h2{font-size: 1.4rem; color: var(--bg-main); font-weight: 300; margin-bottom: 0; border-bottom: 1px dashed #ccc; padding-bottom: .5rem;}
.detailsMain .etw_hometitle small{font-size: 1rem; color: #666; display: block; margin-bottom: .5rem;}

.details-items{padding: 1.5rem 0; position: relative;}
.details-items1{padding: 3rem 0;}
.figure_img{background-color: #fff; padding: 2rem; display: flex; align-items: center; justify-content: center;}

.pros_menu_height{width: 100%; background-color: #f8f9fa;}
.pros_menu{width: 100%; position: relative; left: 0; top: 0; z-index: 9;}
.pros_menu ul{justify-content: center; background-color: #fff; padding: 1.5rem 0; box-shadow: 0 0 15px rgba(0,0,0,.2); transform: skewX(-20deg);}
.pros_menu ul li>a{display: flex; color: var(--bg-main); font-size: 1rem; font-weight: 300; padding: .5rem 1rem;}
.pros_menu ul li>a>span{transform: skewX(20deg);}
.pros_menu ul li>a:hover,.pros_menu ul li.dq>a{background-color: var(--bg-main); color: #fff;}
.tabfixed{position: fixed; top: 80px; left: 0;}
.pro_model .h3{display: flex; flex-wrap: wrap; align-items: center; font-size: 1.2rem; font-weight: 300; overflow: hidden;}
.pro_model .h3>span{color: var(--bg-main); font-size: 1.5rem; padding: 0 5px;}
.pro_model .h3>img{width: auto; height: 30px; position: relative; transform: translateY(-100%); filter: drop-shadow(0 30px var(--bg-main)); margin: 0 1rem 0 0;}

.parts{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.parts_img{width: 40%; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.parts_img a{display: flex; padding: 1rem;}
.parts .swiper{width: calc(60% - 20px); margin-left: auto; margin-right: 0;}
.parts .swiper .swiper-slide{height: auto; display: flex;}
.parts .swiper .swiper-slide>a{width: 100%; display: flex; flex-direction: column; background-color: #fff; padding: .5rem;}
.parts .swiper .swiper-slide>a>span{flex: 1; display: flex; align-items: flex-start; justify-content: center; text-align: center; font-size: .9rem; line-height: 20px; color: var(--bg-main);}

.parts .swiper .swiper-slide>a:hover{text-decoration: underline; color: var(--bg-hover);}
.parts .prev-button,.parts .next-button{width: 40px; height: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: var(--bg-main); display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #fff; z-index: 2;}
.parts .next-button{left: auto; right: 0;}
.parts11 .prev-button.swiper-button-disabled,.parts11 .next-button.swiper-button-disabled{display: none;}

.details-items_bottom{margin-top: 2rem;}
.details-items_bottom a{color: var(--bg-main); text-decoration: underline;}
.details-items_bottom a:hover{text-decoration: none;}

.related_title{font-size: 1.7rem; text-align: center; font-weight: 300; color: #000;}
.tag_nav{width: fit-content; display: flex; flex-wrap: wrap; justify-content: center; background-color: #fff; transform: skewX(-20deg); margin: 0 auto;}
.tag_nav li{font-size: 1.1rem; color: #000; font-weight: 300; padding:1rem 2rem;display: flex; margin-right: 2px; transition: all .4s; cursor: pointer;}
.tag_nav li>span{transform: skewX(20deg);}
.tag_nav li:hover,.tag_nav li.active{background-color: var(--bg-main); color: #fff;}
.tag_content{width: 100%;}
.tag_content>div{display: none;}
.tag_content>div:first-child{display: block;}

.relatedPros .h3{font-size: 1.5rem; color: #000; font-weight: 300; margin-bottom: 0; text-align: center;}
.relatedPros ul{width: calc(100% + 30px); margin: 0 -15px;}
.relatedPros ul li{width: 50%; padding: 0 15px; margin-top: 30px;}
.relatedPros ul li>ol{align-items: center;}
.relatedPros ul li>ol a.imgbox{width: 35%; background-color: #fff; border: 10px solid #fff; border-radius: 50%; z-index: 2;}
.relatedPros ul li>ol a.imgbox::before{content: ''; display: block; padding-top: 100%;}
.relatedPros ul li>ol a.imgbox>img{mix-blend-mode: multiply;}
.relatedPros ul li>ol .textbox{width: 80%; margin-left: -20%; padding: 1rem 2rem; padding-left: 25%; background-color: #f8f9fa; flex-direction: column; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.relatedPros ul li>ol .textbox .icon{width: 100%; overflow: hidden;margin-bottom: .5rem;}
.relatedPros ul li>ol .textbox .icon>img{width: auto; height: 30px; margin-left: 0;}
.relatedPros ul li>ol .textbox a.h6{color: #000; font-size: 1.4rem; font-weight: 500; margin-bottom: .5rem;}
.relatedPros ul li>ol .textbox p{flex: 1; margin-bottom: 0; color: #333; font-size: .9rem; line-height: 20px;}
.relatedPros ul li:nth-child(even)>ol{flex-direction: row-reverse;}
.relatedPros ul li:nth-child(even)>ol .textbox{ margin:0 -20% 0 0;  padding: 1rem 2rem; padding-right: 25%;}

.inquiryForm .container{position: relative; z-index: 2;}
.inquiryForm::before{content: ''; position: absolute; inset: 0; background-color: var(--bg-main);}
.inquiryForm::after{content: ''; position: absolute; inset: 0; background: url(../images/inquiry_bg.png) no-repeat center center; background-size: cover; opacity: .1;}
.inquiryForm .h3{font-size: 2rem; color: #fff; font-weight: 900; line-height: 1.2; margin-bottom: 2rem;}
.inquiryForm p{color: #fff; opacity: .9; font-size: 1rem;}
.inquiryForm dl{display: flex; flex-direction: column;}
.inquiryForm dl>dd{display: flex; align-items: center;}
.inquiryForm dl>dd>a,.inquiryForm dl>dd>i{color: #fff;}
.inquiryForm dl>dd>i{margin-right: .5rem;}
.inquiryForm dl>dd>a:hover{text-decoration: underline;}
.inquiryForm .bi-phone-img{width: 16px;}
.inquiryForm .bi-phone-img>img {filter: drop-shadow(24px 0 #fff);}

.feedback{background-color: rgba(255,255,255,.5); backdrop-filter: blur(5px); padding: 2rem; padding-bottom: 0; -webkit-clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0); clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0);}
.feedback .h3{font-size: 2rem; color: #000; text-align: center;}

.otherPros .h3{font-size: 1.5rem; color: #000; font-weight: 300; margin-bottom: 0; text-align: center;}
.otherPros ul{width: calc(100% + 30px); margin: 0 -15px;}
.otherPros ul li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.otherPros ul li>ol{flex-direction: column;}
.otherPros ul li>ol a.imgbox{-webkit-clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%); clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%);}
.otherPros ul li>ol .textbox{flex-direction: column; padding-top: 1rem;}
.otherPros ul li>ol .textbox a.h6{font-size: 1.2rem; font-weight: 900; color: #000;}
.otherPros ul li>ol .textbox p{flex: 1; font-size: .9rem; line-height: 20px;}
.otherPros ul li>ol .more>a{padding: 0; background: none; color: #000; font-size: 1rem; clip-path: initial; overflow: visible;}
.otherPros ul li>ol .more>a:hover{color: var(--bg-hover);}

.detailsOEM .h3{max-width: 80%; margin: 0 auto 1rem auto; font-size: 1.5rem; color: #000; font-weight: 300; text-align: center; justify-content: center;}
.detailsOEM p{ color: #444; margin-bottom: .5rem; font-size: .9rem;}
.detailsOEM dl{display: flex; flex-direction: column;}
.detailsOEM dl dd{font-size: .95rem; color: #333; position: relative; padding: .25rem 1rem; margin-bottom: 0;}
.detailsOEM dl dd>strong{display: block; color: var(--bg-main);}
.detailsOEM dl dd:hover{background-color: #f8f9fa; border-radius: 10px;}
.detailsOEM .more>a{padding: 0 0 0 1rem; background-color: var(--bg-main); color: #fff;}
.detailsOEM .more>a{padding: 0 0 0 1rem; background-color: var(--bg-main); color: #fff;}
.detailsOEM .more>a>i{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;border-left: 1px solid #fff; margin-left: 1rem;}
.detailsOEM .more>a:hover{background-color: var(--bg-hover); color: #fff;}
.detailsOEM .more>a:hover>i{transform: translateX(0);}
.detailsOEM_video{width: 100%;}
.detailsOEM_video>video{width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}

.detailsTestimonials{padding-left: 10vw;}
.detailsTestimonials .h3 {font-size: 1.5rem; color: #000; font-weight: 300; margin-bottom: 2rem;}
.detailsTestimonials .swiper{width: 100%;}
.detailsTestimonials .swiper .swiper-slide{width: 400px; height: auto;}
.detailsTestimonials .swiper .swiper-slide>ol{position: relative; overflow: hidden;}
.detailsTestimonials .swiper .swiper-slide>ol .imgbox::before{content: ''; display: block; padding-top: 100%;}
.detailsTestimonials .swiper .swiper-slide>ol:hover .imgbox>img{transform: scale(1.2);}
.detailsTestimonials .swiper .swiper-slide>ol a.textbox{width: 100%; height: 100%; position: absolute; inset: 0; overflow: hidden; z-index: 0; padding: 40px; background-color: rgba(0,0,0,.4); flex-direction: column; justify-content: space-between;}
.detailsTestimonials .swiper .swiper-slide>ol a.textbox::before{content: ''; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6);transition-duration: .4s; width: 100%; height: 0; z-index: -1;}
.detailsTestimonials .swiper .swiper-slide>ol:hover a.textbox::before{height: 100%;}
.detailsTestimonials .swiper .swiper-slide>ol a.textbox .h5{width: 100%; font-size: 1.25rem; color: #fff; font-style: oblique; font-weight: 700; flex: 1; text-align: right; margin-bottom: 0;}
.detailsTestimonials .swiper .swiper-slide>ol a.textbox p{color: #fff; min-height:96px; max-height:96px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.detailsTestimonials .swiper .swiper-slide>ol a.textbox .more>span{padding: 1.5rem 0; font-size: .9rem; color: #fff; transition: all .4s; position: relative;}
.detailsTestimonials .swiper .swiper-slide>ol a.textbox .more>span::before{content: ''; width: 0; height: 100%; border: 1px solid #fff;transition: all .4s; overflow: hidden; position: absolute; left: 0; top: 0; opacity: 0;}
.detailsTestimonials .swiper .swiper-slide>ol:hover a.textbox .more>span::before{width: 100%; opacity: 1;}
.detailsTestimonials .swiper .swiper-slide>ol a.textbox .more>span>i{margin-right: .5rem;}
.detailsTestimonials .swiper .swiper-slide>ol:hover a.textbox .more>span{padding: 1.5rem 2rem;}
.detailsTestimonials_bottom{width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem; align-items: center;}
.detailsTestimonials_bottom .more>a{padding: 0 0 0 1rem; background-color: var(--bg-main); color: #fff;}
.detailsTestimonials_bottom .more>a>i{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;border-left: 1px solid #fff; margin-left: 1rem;}
.detailsTestimonials_bottom .more>a:hover{background-color: var(--bg-hover); color: #fff;}
.detailsTestimonials_bottom .more>a:hover>i{transform: translateX(0);}
.detailsTestimonials_bottom .swiper-pagination{width: fit-content; flex: 1; position: relative; display: flex; align-items: center; margin: 0 50px;}
.detailsTestimonials_bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{position: relative; background: var(--bg-main);}
.detailsTestimonials_btn{display: flex; align-items: center; font-size: 2.5rem;color: var(--bg-main);}

.figure_bg>a>img{mix-blend-mode: multiply;}
.tablebox{background-color: #fff; padding: 1.5rem; margin-top: 2rem;}
.tablebox h4{font-size: 1.25rem; font-weight: 300;}

.table_btn{display: none; justify-content: center; margin-top: -1.5rem;}
.table_btn>a{display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background-color: var(--bg-main); font-size: 1.25rem; color: #fff;}
.table_btn>a>i{line-height: 1;}
.hide-table{display: none;}
.pdf_btn>a{color: var(--bg-main); font-size: 1.1rem; text-decoration: underline; margin: 0 3px;}
.pdf_btn>a:hover{text-decoration: none; color: var(--bg-hover);}

.parts_list{width: calc(100% + 30px); margin: 0 -15px; justify-content: space-between;}
.parts_list li{width: 50%; padding: 0 15px; margin-bottom: 30px;}
.parts_list li>ol{flex-direction: column;}
.parts_list li>ol .textbox{padding-top: 1rem;}
.parts_list li>ol .textbox .h6{font-weight: 300; font-size: 1.25rem; color: var(--bg-main); margin-bottom: .5rem;}
.parts_list3 li{width: calc(100% / 3);}


.parts_pdf{width: calc(100% + 10px); margin: 0 -5px;}
.parts_pdf li{width: 25%; padding: 0 5px; margin-bottom: 15px;}
.parts_pdf li a{width: fit-content; display: flex; align-items: center; font-size: .95rem; line-height: 22px;}
.parts_pdf li a>span{padding: 0 .5rem;}
.parts_pdf li a>i{color: var(--bg-main);font-size: 1.25rem;}
.parts_pdf li a:hover{text-decoration: underline; color: var(--bg-main);}
.parts_pdf3 li{width: calc(100% / 3);}

.inquiryBtn a.pdf_btn::before{content: none;}
.inquiryBtn a.pdf_btn{padding: 0; border: 0; background: none; display: flex; align-items: center; font-size: .95rem; line-height: 22px; color: #000; margin-left: 1.875rem;}
.inquiryBtn a.pdf_btn>i{color: var(--bg-main);font-size: 1.25rem; margin-right: .5rem;}
.inquiryBtn a.pdf_btn:hover{text-decoration: underline; color: var(--bg-main);}

ul.etw_phone li .pdf_btn{width: 100%; display: flex; align-items: center; justify-content: center; padding: .5rem;}
ul.etw_phone li .pdf_btn>i{color: var(--bg-main); font-size: 1.25rem; margin-right: .5rem;}
ul.etw_phone li .pdf_btn:hover{color: var(--bg-main);}

@media (max-width:1199.98px){
	.detailsbanner .swiper .swiper-slide .textbox p:last-child{display: none;}
	.details-items1{padding: 2.5rem 0;}
	.detailsTestimonials .swiper .swiper-slide>ol a.textbox .more>span{padding: 1rem 0;}
	.detailsTestimonials .swiper .swiper-slide>ol:hover a.textbox .more>span{padding: 1rem;}
}
@media (max-width:991.98px){
	.detailsBox,.details-items1{padding: 2rem 0;}
	.detailsbanner .swiper .swiper-slide .textbox{max-width: 55%;}
	.detailsbanner .swiper .swiper-slide .textbox .h3{font-size: 1.7rem;}
	.detailsBox ul li>ol{padding: 1rem;}
	.detailsBox ul li>ol .iconbox>img {height: 30px; filter: drop-shadow(0 30px var(--bg-main));}
	.pros_menu ul,.pros_menu ul li>a>span{transform: skewX(0);}
	.inquiryForm .h3{font-size: 1.875rem;}
	.detailsTestimonials .swiper .swiper-slide>ol a.textbox{padding: 20px;}
	.detailsTestimonials .swiper .swiper-slide>ol a.textbox .more>span{padding: .5rem 0;}
	.detailsTestimonials .swiper .swiper-slide>ol:hover a.textbox .more>span{padding: .5rem;}
	.parts_pdf li{width: calc(100% / 3);}
}
@media (max-width:767.98px){
	.detailsBox,.details-items1{padding: 1.5rem 0;}
	.detailsbanner .swiper .swiper-slide .textbox{max-width: 60%; padding: 1.25rem;}
	.detailsbanner .swiper .swiper-slide .textbox .h3,.related_title{font-size: 1.5rem;}
	.parts_img,.parts .swiper{width: 100%;}
	.detailsOEM .h3{max-width: 100%;}
	.inquiryForm .h3,.detailsTestimonials .h3{font-size: 1.5rem; margin-bottom: 1rem;}
	.tag_nav li{padding: .5rem 1rem;}
	.relatedPros ul li{width: 100%;}
	.relatedPros ul li>ol a.imgbox{width: 25%;}
	.relatedPros ul li>ol .textbox {margin: 0 0 0 -10%; padding: 1rem 2rem; padding-left: 15%;}
	.relatedPros ul li:nth-child(even)>ol{flex-direction: row;}
	.relatedPros ul li:nth-child(even)>ol .textbox {margin: 0 0 0 -10%; padding: 1rem 2rem; padding-left: 15%;}
	.parts_pdf li{width: 50%;}
	.otherPros ul li{width: 50%;}
	.otherPros ul li:last-child{display: none;}
	.parts_list3 li{width: 100%;}
	.parts_list3 li>ol{flex-direction: row;}
	.parts_list3 li>ol>figure{width: 35%;}
	.parts_list3 li>ol .textbox{width: 65%; padding: 0 0 0 1.875rem; flex-direction: column; justify-content: center;}
	.detailsOEM_video{display: none;}
	.detailsTestimonials{padding-left: 20px; padding-right: 20px;}
}
@media (max-width:575.98px){
	.detailsBox,.details-items1{padding: 1rem 0;}
	.detailsbanner {height: 200px;}
	.detailsbanner .swiper .swiper-slide .textbox .h3,.detailsMain .etw_hometitle .h2,.detailsOEM .h3,.inquiryForm .h3,.related_title{font-size: 1.25rem;}
	.detailsbanner .swiper .swiper-slide .textbox p{display: none;}
	.detailsBox ul li{width: 50%;}
	.detailsBox ul li:nth-child(1){border-bottom: 1px solid #dcdcdc;}
	.detailsBox ul li:nth-child(2){border-bottom: 1px solid #dcdcdc; border-right: none;}
	.pro_model .h3{font-size: 1rem; display: block;}
	.pro_model .h3 img{margin-bottom: .5rem;}
	.pro_model .h3>span{font-size: 1.25rem;}
	.feedback{padding: 1.25rem 0;}
	.tag_nav li{font-size: 1rem;}
	.relatedPros ul li{margin-top: 20px;}
	.relatedPros ul li>ol a.imgbox{width: 40%;}
	.relatedPros ul li>ol .textbox .icon>img{height: 20px;}
	.detailsTestimonials_bottom{margin-top: 1rem;}
	.detailsTestimonials_bottom .swiper-pagination{margin: 0 10px;}
	.detailsTestimonials_btn{font-size: 1.25rem;}
	.parts_pdf li{width: 100%;}
	.otherPros ul li{width: 100%; margin-top: 1rem;}
	.otherPros ul li img{width: 100%;}
	.otherPros ul li:last-child{display: flex;}
	.parts_list3 li>ol>figure{width: 40%;}
	.parts_list3 li>ol .textbox{width: 60%;}
}
@media (max-width:475.98px){
	.parts_list li{width: 100%;}
	.parts_list li>ol>figure{width: 100%;}
	.parts_list li>ol .textbox{width: 100%; padding: 1rem 0 0 0;}
}
@media (max-width:375.98px){
	.detailsBox ul li{width: 100%; border-bottom: 1px solid #dcdcdc;border-right: none;}
	.detailsBox ul li:nth-child(4){border-bottom: none;}
	.feedback #feedback2017 .etw-inquery-group{width: 100% !important;}

	.relatedPros ul li>ol{box-shadow: 0 0 15px rgba(0, 0, 0, .2);}
	.relatedPros ul li>ol a.imgbox{width: 100%; border-radius: 0;}
	.relatedPros ul li>ol a.imgbox::before{padding-top: 75%;}
	.relatedPros ul li>ol .textbox{width: 100%; margin: 0; padding: 1rem;}
}
/* Details-End */
/* OEM Service */
.oemService_banner{padding: 0; height: 300px; display: flex; flex-wrap: wrap;}
.oemService_banner_left{width: 50%; height: 100%; position: relative; overflow: hidden; background-color: #DCDCDC; border-radius: 0 300px 0 0;}
.oemService_banner_left>video{width: 80%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; border-radius: 0 300px 0 0;}
.oemService_banner_right{width: 50%; position: relative; padding: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; z-index: 0;}
.oemService_banner_right>img{width: auto; height: 80%; position: absolute; left: -15%; top: 50%; transform: translateY(-50%); z-index: -1;}
.oemService_banner_right .h3{text-align: center; font-size: 2rem; color: var(--bg-main); font-weight: 300; position: relative; z}

.oemService .etw_hometitle div.h3{color: #000; font-size: 2rem; font-weight: 500; text-align: left;}
.oemService_subtitle{color: var(--bg-main); font-size: 1.1rem; font-style: oblique;}

.oemService_list{width: 100%; flex-direction: column; position: relative;padding-left: 50px;}
.oemService_list::before{content: ''; width: 2px; height: 100%; background-color: #DCDCDC; position: absolute; left: 14px; top: 0;}
.oemService_list>li{width: 100%; margin-bottom: 1.5rem; position: relative; flex-direction: column;}
.oemService_list>li .h3{display: flex; align-items: center; font-size: 1.7rem; color: var(--bg-main); font-weight: 300; overflow: hidden;}
.oemService_list>li .h3>img{width: auto; height: 40px; margin:0 1rem 0 0; position: relative; transform: translateY(-100%); filter: drop-shadow(0 40px var(--bg-main));}

.manufacturing{width: 100%;}
.manufacturing>li{width: 100%; flex-direction: column; border-bottom: 1px solid #fff; margin-bottom: 1.5rem;}
.manufacturing>li .h4{font-size: 1.25rem; font-weight: bold; position: relative;}
.manufacturing>li .h4::before{content: ''; width: 24px; height: 24px; background-color: var(--bg-main); border: 7px solid #f8f9fa; border-radius: 50%; position: absolute; left: -47px; top: 0;}

.manufacturing>li figure{width: 100%;}
.manufacturing>li p{font-size: .95rem;}
.manufacturing>li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

.testimonials_local{width: 100%; float: left; position: relative;}
.testimonials_list{width: 100%;}
.testimonials_list li{width: 100%; margin-bottom: 30px; justify-content: space-between; align-items: center; background-color: #fff; transition: all .4s;}
.testimonials_list li .imgbox{width: 35%;}
.testimonials_list li .imgbox>figure{width: 100%;}
.testimonials_list li .textbox{width: 65%; flex: none; flex-direction: column; padding: 2rem; padding-left: 3rem;}
.testimonials_list li .textbox .h4{font-size: 1.25rem;}
.testimonials_list li .textbox .h4>i{color: var(--bg-main); margin-right: .5rem;}
.testimonials_list li .textbox p{margin-bottom: 0;}
.testimonials_list li:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.testimonials_list li:nth-child(even){flex-direction: row-reverse;}

.inquiryForm2{background: url(../images/inquiry_bg2.jpg) no-repeat center center; background-size: cover; z-index: 0;}
.inquiryForm2::before{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .6; z-index: -1;}
.inquiryForm2 .container{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.inquiryForm2 .h3{font-size: 2rem; color: #fff; font-weight: 300;}
.inquiryForm2 p{color: #fff; font-size: 1.2rem; line-height: 30px; text-align: center;}
.inquiryForm2 dl{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 2rem;}
.inquiryForm2 dl>dd,.inquiryForm2 dl>dd>a,.inquiryForm2 dl>dd>a>i{color: #fff;}
.inquiryForm2 dl>dd{display: flex; align-items: center; margin: 0 2rem;}
.inquiryForm2 dl>dd>i{margin-right: .5rem;}
.inquiryForm2 dl>dd>a:hover{text-decoration: underline;}
.inquiryForm2_btn{display: flex; justify-content: center;}
.inquiryForm2_btn>a{width: fit-content; background-color: var(--bg-main); border-radius: 30px; border-bottom: 2px solid #fff; padding: .5rem 1.5rem; color: #fff; font-size: 1.2rem; font-weight: 200;}
.inquiryForm2_btn>a:hover{background-color: var(--bg-hover);}
.inquiryForm2 dl>dd>i.bi-phone-img>img{filter: drop-shadow(24px 0 #fff);}

.ourPros{background: url(../images/2.svg) no-repeat 110% top;}
.ourPros .h3{font-size: 1.5rem; font-weight: 300; color: #000; text-align: center;}
.ourPros_nav{width: fit-content; display: flex; background-color: #f8f9fa; transform: skewX(-30deg);overflow: hidden; margin: 0 auto;}
.ourPros_nav li>a{display: flex; padding: .5rem 1.5rem; color: #333;}
.ourPros_nav li>a>span{transform: skewX(30deg);}
.ourPros_nav li>a:hover,.ourPros_nav li.active>a{background-color: var(--bg-main); color: #fff;}
.ourPros_content{display: block;}
.ourPros_content>div{display: none;}
.ourPros_content>div:first-child{display: block;}
.ourPros_list{width: calc(100% + 30px); margin: 0 -15px;}
.ourPros_list li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.ourPros_list li>ol{flex-direction: column;}
.ourPros_list li>ol a.imgbox{padding: 2rem; background-color: #f8f9fa;}
.ourPros_list li>ol a.imgbox>img{mix-blend-mode: multiply;}
.ourPros_list li>ol a.imgbox .iconbox{width: fit-content; overflow: hidden; position: absolute; left: 1rem; top: 1rem;}
.ourPros_list li>ol a.imgbox .iconbox>img{width: auto; height: 40px;}
.ourPros_list li>ol .textbox{width: calc(100% - 20px); margin-top: -2rem; position: relative; z-index: 2; background-color: #fff;-webkit-clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0); clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0); padding-top: 1rem;}
.ourPros_list li>ol .textbox a.h3{font-size: 1.25rem; color: #000; margin-bottom: 5px;margin-right: 60px;}
.ourPros_list li>ol .textbox small{line-height: 1.2; color: #666; display: block; margin-bottom: .5rem;}
.ourPros_list li>ol .textbox>dl{width: 100%; display: flex; flex-direction: column;}
.ourPros_list li>ol .textbox>dl>dd{width: 100%; margin-bottom: 0;}
.ourPros_list li>ol .textbox>dl>dd>a{font-size: .9rem; color: var(--bg-main);}
.ourPros_list li>ol .textbox>dl>dd>a:hover{color: var(--bg-hover); text-decoration: underline;}
.ourPros_list li>ol .more{width: 100%;}
.ourPros_list li>ol .more>a{padding: .7rem 0; clip-path:initial; background-color: #fff; color: #000;}
.ourPros_list li>ol .more>a::after{content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid var(--bg-hover); opacity: 0; transition: all .4s;}
.ourPros_list li>ol .more>a>i{margin: 0 .5rem 0 0;}
.ourPros_list li>ol .more>a:hover{padding: .7rem 1.4rem; color: var(--bg-hover);}
.ourPros_list li>ol .more>a:hover>i{transform: initial;}
.ourPros_list li>ol .more>a:hover::after{opacity: 1; width: 100%;}

.ourPros_list2{width: calc(100% + 30px); margin: 0 -15px;}
.ourPros_list2 li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.ourPros_list2 li>ol{flex-direction: column;}
.ourPros_list2 li>ol .textbox{width: calc(100% - 30px); margin-top: -2rem; position: relative; z-index: 2; background-color: #fff;-webkit-clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0); clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0); padding-top: 1rem;}
.ourPros_list2 li>ol .textbox a.h6{font-size: 1.25rem; color: #000;}
.ourPros_list2 li>ol .textbox p{font-size: .9rem; color: #666;}
.ourPros_list2 li>ol .more{width: 100%;}
.ourPros_list2 li>ol .more>a{flex-direction: row-reverse; padding: .7rem 0; clip-path:initial; background-color: #fff; color: #000;}
.ourPros_list2 li>ol .more>a::after{content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid var(--bg-hover); opacity: 0; transition: all .4s;}
.ourPros_list2 li>ol .more>a>i{margin: 0 .5rem 0 0;}
.ourPros_list2 li>ol .more>a:hover{padding: .7rem 1.4rem; color: var(--bg-hover);}
.ourPros_list2 li>ol .more>a:hover>i{transform: initial;}
.ourPros_list2 li>ol .more>a:hover::after{opacity: 1; width: 100%;}

@media (max-width:1199.98px){
	.oemService_banner_right>img {left: -18%; top: 40%;}
}
@media (max-width:991.98px){
	.oemService_banner_right .h3,.oemService_banner_right .h3,.inquiryForm2 .h3{font-size: 1.8rem;}
	.oemService img{width: 100%;}
	.ourPros_list li>ol a.imgbox .iconbox>img {height: 20px;}
}
@media (max-width:767.98px){
	.oemService_banner_left,.oemService_banner_left>video{width: 100%; border-radius: 0;}
	.oemService_banner_right{width: 100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; left: 0; top: ;}
	.oemService_banner_right .h3{font-size: 1.5rem; color: #fff;}
	.oemService_banner_right p{color: #fff; opacity: .7;}
	.oemService_banner_right>img{display: none;}
	.oemService_banner_right .h3,.oemService_list>li .h3,.inquiryForm2 .h3{font-size: 1.5rem;}
	.testimonials_list li .imgbox {width: 100%;}
	.testimonials_list li .textbox {width: 100%;padding: 1.25rem;}
	.inquiryForm2 p {font-size: 1rem; line-height: 24px;}
	.inquiryForm2 dl>dd {margin: 0 1rem;}
	.ourPros_list li,.ourPros_list2 li {width: 50%; margin-top: 20px;}
	.ourPros_list li:last-child,.ourPros_list2 li:last-child{display: none;}
}
@media (max-width:575.98px){
	.oemService_banner_right .h3,.oemService_banner_right .h3,.oemService_list>li .h3,.inquiryForm2 .h3{font-size: 1.25rem;}
	.inquiryForm2 dl>dd {margin: 0 .5rem;}
	.ourPros_list li,.ourPros_list2 li {width: 100%;}
	.ourPros_list li:last-child,.ourPros_list2 li:last-child{display: flex;}
	.ourPros_list2 li img{width: 100%;}
	.ourPros_list li>ol .textbox{flex-direction: column;}
	.ourPros_list li>ol .textbox a.h3{text-align: left;}
}
/* OEM Service-End */
/* About Us */
.company_banner{padding: 0; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 2rem;}
.company_banner::before{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,.4); z-index: 1;}
.company_banner .etw_hometitle{position: relative; z-index: 3; margin-top: 1rem;}
.company_banner .etw_hometitle div.h3{font-size: 2.5rem; font-weight: 300;}

.company{padding: 0;}
.company-items{padding: 4rem 0; position: relative; overflow: hidden;}
.bg-img1{background: url(../images/2.svg) no-repeat -10% top;}
.bg-img2::before{content: ''; position: absolute; inset: 0; background-color: #f8f9fa; transform: skewX(-30deg);}

.certificate .h3{font-size: 1.5rem; color: #000; text-align: center; margin-bottom: 1.5rem;}
.certificate .swiper-slide{height: auto; display: flex;}
.certificate .swiper-slide>figure{width: 100%; display: flex; flex-direction: column;}
.certificate .swiper-slide>figure span{width: 100%; flex: 1; padding: .5rem; display: flex; align-items: center; justify-content:center; font-size: .9rem; line-height: 20px; text-align: center;}
.certificate_btn{width: 100%; position: relative; margin-top: 1rem; height: 40px; display: flex; align-items: center;}
.certificate_btn .swiper-pagination-progressbar.swiper-pagination-horizontal{width: 90%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.certificate_btn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--bg-main);}
.certificate_btn .prev-button,.certificate_btn .next-button{width: 40px; height: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; font-size: 1rem; display: flex; align-items: center; justify-content: center; background-color: var(--bg-main); border-radius: 50%;}
.certificate_btn .next-button{left: auto; right: 0;}
.certificate_btn .prev-button>i,.certificate_btn .next-button>i{width: fit-content; line-height: 1;}
.certificate_btn .prev-button:hover,.certificate_btn .next-button:hover{background-color: var(--bg-hover);}

.history_title{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
.history_title .h3{font-size: 1.5rem; color: #000; margin-bottom: 0;}
.history_btn{display: flex; flex-wrap:wrap;}
.history_btn .prev-button,.history_btn .next-button{width: 40px; height: 40px; color: #fff; font-size: 1rem; display: flex; align-items: center; justify-content: center; background-color: var(--bg-main); border-radius: 50%; margin-left: 1.5rem;}
.history_btn .next-button{left: auto; right: 0;}
.prev-button.swiper-button-disabled,.next-button.swiper-button-disabled{cursor: no-drop; opacity: .5;}
.history .swiper .swiper-slide{height: auto; display: flex;}
.history .swiper .swiper-slide>ol{width: 100%; display: flex; border-left: 10px solid var(--bg-hover); background-color: var(--bg-main); padding: 1.5rem 1rem; position: relative; overflow: hidden; z-index: 0; flex-direction: column;}
.history .swiper .swiper-slide>ol::after{content: ''; width: 100%; height: 75px; background: url(../images/onda_cinza.svg) no-repeat center center; background-size: 100% 100%; position: absolute; bottom: -.5rem; right: -.5rem; z-index: -1;}
.history .swiper .swiper-slide>ol .textbox{flex: 1; flex-direction: column; margin-bottom: 1rem;}
.history .swiper .swiper-slide>ol .textbox p{font-size: .95rem; color: #fff;}
.history .swiper .swiper-slide>ol .timebox{width: 100%; color: #fff; display: flex; align-items: center;}
.history .swiper .swiper-slide>ol .timebox>i{margin-right: .5rem;}

.faqs{padding: 2.5rem 0;}
.faqs .etw_hometitle {margin-bottom: 2rem;}
.faqs .etw_hometitle div.h3{color: #000; font-size: 2rem; text-align: center;}
.faqs .etw_hometitle small{display: block; max-width: 80%; margin: 0 auto; line-height: 24px; color: #333; text-align: center;}
.faqs .etw_hometitle small>a{color: var(--bg-main); text-decoration: underline;}
.faqs .etw_hometitle small>a:hover{color: var(--bg-hover); text-decoration: none;}
.faqs_title{color: var(--bg-main); font-size: 1.3rem; font-weight: 300; margin-bottom: 1rem;}

@media (max-width:1199.98px){
	.company-items{padding: 3rem 0;}
}
@media (max-width:991.98px){
	.company-items{padding: 2.5rem 0;}
	.company_banner .etw_hometitle div.h3{font-size: 1.875rem;}
	.history .swiper .swiper-slide>ol::after{bottom: -1.2rem; right: -1.2rem;}
}
@media (max-width:767.98px){
	.company-items{padding: 2rem 0;}
	.company_banner .etw_hometitle div.h3{font-size: 1.5rem;}
	.history .swiper .swiper-slide>ol::after{height: 105px;}
}
@media (max-width:575.98px){
	.company-items{padding: 1.25rem 0;}
	.company_banner{height: 200px; padding-top: 0;}
	.company_banner .etw_hometitle div.h3{font-size: 1.25rem;}
	.history_title{margin-bottom: 1rem;}
	.history_btn{width: 100%; justify-content: flex-end;}
}
/* About Us-End */
/* Contact Us */
.contact{padding:3rem 0}
.contact dl{display: flex; flex-direction: column;}
.contact dl .h6{font-size:1.6rem; line-height: 1.5; margin-bottom:1rem; color:var(--bg-main)}
.contact dl dd{font-size:1rem; line-height:24px; color: #000; margin-bottom: 5px;}
.contact dl dd strong{color:#000; margin-right: .25rem;}
.contact dl dd a{color:var(--bg-main); text-decoration:underline}
.contact dl dd a:hover{color:var(--bg-hover); text-decoration:none}
.contact .feedback{clip-path: initial;}
.contact .feedback .webtitle{font-size:1.875rem; color:var(--bg-main);}
.contact_map{margin-top: 1.5rem;}
@media (max-width:991.98px){
	.contact {padding: 2rem 0;}
}
@media (max-width:767.98px){
	.contact {padding: 1.5rem 0;}
	.contact dl .h6{font-size:1.3rem;}
}
@media (max-width:575.98px){
	.contact {padding: 1rem 0;}
}
/* Contact Us-End */
/* Overview */
.overview .etw_hometitle{padding: 1.5rem 0; margin-bottom: 0;}
.overview .etw_hometitle>div{margin-bottom: 0; color: var(--bg-hover);}

.overview_title{display: flex; justify-content: center; position:relative; margin-bottom: 1.5rem;}
.overview_title::before{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--bg-main),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_title>span{max-width:80%;text-align:center;display:inline-block;position:relative;padding:0 1.5rem;line-height:1.3;background-color:#fff; font-size:1.8rem; font-weight: 300; color:var(--bg-main);}
.overviewMore{display: flex;}
.overviewMore>a{padding: .5rem 1.2rem; font-size: .95rem; background-color: var(--bg-main); color: #fff;}
.overviewMore>a:hover{background-color: var(--bg-hover); color: #fff;}

.overviewAbout .imgbox{-webkit-clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0); clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);}

.overviewCompany ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.overviewCompany li{width:calc(50% - 20px);margin-top:30px;flex-direction: column;font-size:1rem; line-height: 24px;}
.overviewCompany li .overviewCompany-label{padding-bottom:1rem;position:relative;font-size:1.4rem;margin-bottom:1rem;color:#000; font-weight: bold;}
.overviewCompany li .overviewCompany-label::before{content:"";width:100%;height:1px; background-color:#ccc;position:absolute;left:0;bottom:2px}
.overviewCompany li .overviewCompany-label::after{content:"";width:50px;height:5px;background-color:var(--bg-main);position:absolute;left:0;bottom:0;transition:all 0.4s}
.overviewCompany li .overviewCompany-value{margin-bottom:0;color:#333;font-size:1rem; line-height: 30px;}
.overviewCompany li .overviewCompany-value dl{margin-bottom: 0;}
.overviewCompany li .overviewCompany-value dl dd{margin-bottom: 0;}
.overviewCompany li .overviewCompany-value dl dd address{margin-bottom: 0; display: inline-block;}
.overviewCompany li .overviewCompany-value dl dd>i{color: var(--bg-main); margin-right: .5rem;}
.overviewCompany li:hover .overviewCompany-label::after{width:100%}

.overviewOEM .h3,.overviewPro .h3,.overviewCase .h3{text-align: center; font-weight: 300; font-size: 1.6rem;}
.overviewPro ul{width: calc(100% + 30px); margin: 0 -15px;}
.overviewPro ul li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.overviewPro ul li>ol{flex-direction: column;}
.overviewPro ul li>ol a.imgbox{padding: 1.5rem; padding-bottom: 0; background-color: #fff;}
.overviewPro ul li>ol a.imgbox .iconbox{position: absolute; left: .5rem; top: .5rem; z-index: 2;}
.overviewPro ul li>ol a.imgbox .iconbox>img{height: 40px; width: auto;}
.overviewPro ul li>ol .textbox{padding-top: 1rem; flex-direction: column;}
.overviewPro ul li>ol .textbox a.h3{font-size: 1.4rem; font-weight: 700; margin-bottom: 0; text-align: left;}
.overviewPro ul li>ol .textbox small{color: #666; display: block; margin-bottom: .5rem;}
.overviewPro ul li>ol .textbox dl{flex: 1;}
.overviewPro ul li>ol .textbox dl>dd{margin-bottom: 0;}
.overviewPro ul li>ol .textbox dl>dd>a{font-size: .9rem; color: var(--bg-main);}
.overviewPro ul li>ol .textbox dl>dd>a:hover{color: var(--bg-hover); text-decoration: underline;}
.overviewPro ul li>ol .more>a{padding: 0 0 0 1rem; background-color: var(--bg-main); color: #fff;}
.overviewPro ul li>ol .more>a>i{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;border-left: 1px solid #fff; margin-left: 1rem;}
.overviewPro ul li>ol .more>a:hover{background-color: var(--bg-hover); color: #fff;}
.overviewPro ul li>ol .more>a:hover>i{transform: translateX(0);}

.overviewCase ul{width: calc(100% + 10px); margin: 0 -5px; margin-top: 1rem;}
.overviewCase ul li{width: 25%; padding: 0 5px; margin-top: 10px;}
.overviewCase ul li>ol{flex: 1;}
.overviewCase ul li>ol>a{width: 100%; display: flex; overflow: hidden; position: relative; border-radius: 10px;}
.overviewCase ul li>ol>a::before{content: ''; display: block; padding-top: 100%;}

.overviewCase ul li:nth-child(3),.overviewCase ul li:nth-child(4){width: 50%;}
.overviewCase ul li:nth-child(3)>ol>a::before,.overviewCase ul li:nth-child(4)>ol>a::before{display: none;}

.overvireVideo ul{width: calc(100% + 30px); margin: 0 -15px;}
.overvireVideo ul li{width: 25%; padding: 0 15px; margin-top: 30px;}
.overvireVideo ul li>ol{flex-direction: column;}
.overvireVideo ul li a.h6{width: 100%; flex: 1; padding: 1rem .5rem; display: flex; align-items: flex-start; justify-content: center; margin-bottom: 0; text-align: center;background-color: #f5f5f5;}

@media (max-width:991.98px){
	.overviewAbout .imgbox img{width: 100%;}
	.overviewCompany li{width: 100%; margin-top: 20px;}
	.overviewOEM ul.etw_phone4 li{width: calc(100% / 3);}
}
@media (max-width:767.98px){
	.overview_title {margin-bottom: 1.5rem;}
	.overview_title>span {font-size: 1.875rem;}
	.overviewPro ul li a.imgbox,.overviewPro ul li .textbox {width: 100%;}
	.overvireVideo ul li{width: calc(100% / 3);}
	.overvireVideo ul li:last-child{display: none;}
	.overviewOEM ul.etw_phone4 li{width: 50%;}
	.overviewOEM .h3, .overviewPro .h3, .overviewCase .h3{font-size: 1.5rem;}
	.overviewPro ul li>ol a.imgbox .iconbox>img {height: 20px;}
	.overviewPro ul li {width: 50%; margin-top: 20px;}
	.overviewCase ul li {width: calc(100% / 3) !important;}
	.overviewCase ul li>ol>a::before{ content: ''; display: block !important; padding-top: 75%;}
}
@media (max-width:575.98px){
	.overview_title {margin-bottom: 1rem;}
	.overview_title>span {font-size: 1.3rem;}
	.overviewAbout .h3{font-size: 1.5rem;}
	.overviewPro ul li .textbox{padding: 20px;}
	.overviewCompany li .overviewCompany-label {font-size: 1.1rem;}
	.overvireVideo ul li{width: 50%;}
	.overvireVideo ul li:last-child{display: block;}
	.overviewOEM .h3, .overviewPro .h3, .overviewCase .h3{font-size: 1.25rem;}
	.overviewPro ul li {width: 100%;}
	.overviewCase ul li {width: 50% !important;}
}
@media (max-width:375.98px){
	.overviewPro ul li .textbox{padding: 1rem;}
	.overvireVideo ul li{width: 100%;}
	.overviewOEM ul.etw_phone4 li{width: 100%;}
	.overviewCase ul li {width: 100% !important;}
}
/* Overview-End */

/* videos */
.videoHub{padding:2rem 0 4rem 0;}
.videoHub .etw_hometitle div.h3{color: #000; font-size:2rem; text-align: center; font-weight: 300;}
.videoHub .video_btn::after{animation:initial}

.video_hub{width:100%;}
.video_hub ul{width:calc(100% + 30px); margin:0 -15px;}
.video_hub ul li{width:calc(100% / 3); padding:0 15px; margin-bottom:30px; transition: all .4s;}
.video_hub ul li>ol{background-color: #fff; flex-direction: column;}
.video_hub ul li>ol>a.imgbox{width: 100%;}
.video_hub ul li>ol>a.h6{flex: 1; width: 100%; display: flex; align-items: center; padding: 1rem .5rem; font-size: 1rem; color: #000; margin-bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center;}
.video_hub ul li:hover{filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))}
.video_hub ul li:hover a .video_text{color:var(--bg-hover)}
.video_hub .video_btn{width: 60px; height: 60px;}

.video_hub1 {width:100%; display: flex; margin-bottom: 3.5rem; transition: all .4s;}
.video_hub1>ol{width: 100%; display: flex; flex-wrap: wrap; align-items: center; background-color: #fff; -webkit-clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0 0);}
.video_hub1 a.imgbox{width: 50%;}
.video_hub1 .textbox{width: 50%; padding: 2rem; padding-left: 2.5rem;}
.video_hub1 .textbox a.h3{font-size: 1.5rem;}
.video_hub1:hover{filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))}

.video{width:100%;padding:3rem 0}
.video>.container{display:flex;flex-wrap:wrap;justify-content:space-between; align-items: flex-start;}
#video_right{width:65%;}
#video_right .video_title{font-size:1.875rem; color:#000; text-transform: uppercase;}

#video_right .feedback{clip-path:initial}
#video_right .webtitle{font-size:1.875rem; color:#000; text-transform: uppercase;}
#video_right video{width:100%}
.video_more{display:flex;margin-bottom:2rem;}
.video_more>a,.video_more>span{padding:0.4rem 1.2rem;border:2px solid #000;color:#000;border-radius:20px; transition: all .4s; cursor: pointer; font-weight: 500;}
.video_more>a:hover,.video_more>span:hover{background-color:var(--bg-main);color:#fff;border-color:var(--bg-main)}
.etw_videolist_more{display: none;}

#video_sidebar{width:30%;background-color:#fff; border-radius:10px;}
#etw_videolist .webtitle{font-size:1.3rem;font-weight:600;color:#fff;text-transform:uppercase;background-color:var(--bg-main);padding:1rem;text-align:center;font-style:italic;border-radius:10px 10px 0 0}
#etw_videolist ul{display:flex;flex-direction:column;padding:1.5rem}
#etw_videolist ul li{width: 100%; margin-bottom:1rem}
#etw_videolist ul li a{width: 100%; display:flex;align-items:center}
#etw_videolist ul li a img{width:30%;}
#etw_videolist ul li a span{width:70%;font-size:0.875rem; padding-left:1rem; font-weight:500}
#etw_videolist ul li a.dq span{color:var(--bg-hover); font-weight: 600;}
#etw_videolist ul li:last-child{margin:0}
.videohid{display:none}
@media (max-width:991.98px){
	#video_right{width:100%}
	#video_sidebar{width:100%;margin-top:2rem}
	#etw_videolist ul{flex-direction: row; justify-content: space-between;}
	#etw_videolist ul li{width: 48%;}
	.video {padding: 2.5rem 0;}
	#video_right .h3{font-size: 1.875rem;}
}
@media (max-width:767.98px){
	.video_hub1{margin-bottom: 30px;}
	.video_hub1 a.imgbox,.video_hub1 .textbox {width: 100%;}
	.video_hub1 .textbox{padding: 20px;}
	.video_hub ul li {width: 50%; margin-bottom: 20px;}
	.video_hub1 .textbox a.h3{font-size: 1.7rem;}
	#video_sidebar{margin-top:1rem}
	#etw_videolist ul{flex-direction: column;}
	#etw_videolist ul li{width: 100%;}
	#video_right .feedback{padding: 1rem .5rem !important;}
	#video_right .video_title{font-size: 1.5rem;}
	.video {padding: 1.875rem 0;}
	#video_right .h3{font-size: 1.5rem;}
	#etw_videolist .webtitle {font-size: 1rem; padding: .5rem;}
}
@media (max-width:575.98px){
	.video_hub1{margin-bottom: 10px;}
	.video_hub1 .textbox{padding: 10px;}
	.video_hub ul li {width: 100%; margin-bottom: 10px;}
	.video_hub ul li img{width: 100%;}
	.video_hub1 .textbox a.h3{font-size: 1.3rem;}
	#etw_videolist ul{padding: .5rem;}
	#video_right .webtitle{font-size: 1.2rem;}
	#video_right .video_title{font-size: 1.2rem;}
	.video {padding: 1.25rem 0;}
	#video_right .h3{font-size: 1.25rem;}
	.video_more>a, .video_more>span {padding: 0.2rem .8rem; font-size: .9rem; border-width: 1px;}
}
/* videos-End */
/*added by mysteo start*/
.details_box{overflow: visible; position: relative; z-index: 2;}
.details_box .container{display:flex;flex-direction:row;justify-content:space-between;padding:20px 0 40px 0;flex-wrap:wrap}
.details_box .container .details_left{width:48%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.details_box .container .details_left .related_pic{width: calc(100% + 10px); margin: 0 -5px; display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.details_box .container .details_left .related_pic>li{width:calc(100% / 6); padding: 0 5px; margin-top: 10px;}
.details_box .container .details_right{width:48%;background:#fff;padding:30px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;box-shadow:0 0 3rem 0 rgba(0 0 0 / 25%)}
.des_box{padding:10px 0}
.des_box .container .item{background:linear-gradient(0deg,#dddddd,transparent,transparent,transparent);width:48%;padding:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.des_box .container .item>.img{width:40%}
.des_box .container .item>.img>img{object-fit:fill;width:100%}
.des_box .container .item .txt{width:60%;padding:0 20px;font-size:.85rem;line-height:1.4rem}
.des_box .container .item .txt .bigger{font-size:1rem;text-transform:uppercase;font-weight:bold}

.flex-4 .position-caption-txt{position:absolute;top:30px;left:20px;font-weight:300;text-transform:uppercase;font-size:1.2rem}
.white-box::before{display: none;}
.flex-4 .items{display:flex;flex-direction:row;justify-content:space-between;margin-top:50px}
.flex-4 .items>li{width:24%;background:linear-gradient(45deg,rgba(0,0,0,.15),transparent);padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.flex-4 .items>li>.icon>.img{mix-blend-mode:multiply;width:40px;margin-bottom:20px}
.white-box{position:relative}
.white-box::before{width:1px;height:60px;background-color:var(--bg-hover);position:absolute;top:-10px;left:0;content:''}
.h6caption{font-weight:300;text-transform:uppercase;font-size:1.2rem;margin:10px 0;color:var(--bg-hover);display:flex;flex-direction:row;justify-content:flex-start}
.h6caption>i{font-size:1.6rem;padding:0 10px}
.mt-50{margin-top:50px}
.pt-30{padding-top:30px}
swiper-container{width:100%}
swiper-container swiper-slide{width:30%}
.appbox{width:100%;height:280px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}
.appbox>span{position:absolute;bottom:-220px;left:10%;width:80%;background:rgb(255 255 255 / 90%);padding:10px;transition:.3s all ease-in-out}
.appbox:hover>span{bottom:30px}
.inside-box{display:flex;flex-direction:row-reverse;justify-content:center;background:#ededed}
.inside-box>.txt,.inside-box>.imgs{width:50%}
.inside-box>.txt{padding:30px}
.darkimg{transition:.3s all ease-in-out}

.custim-flex{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
.custim-flex>.item{width:49%;display:flex;flex-direction:column;font-size:.85rem;padding:20px 30px;background:linear-gradient(45deg,#ececec,transparent);margin-bottom:30px}
.custim-flex>.item>.caption{font-size:1.1rem}
.custim-flex>.item>.icon{width:40px;height:40px;margin-bottom:20px}
.custim-flex>.item>.icon>img{mix-blend-mode:multiply}

.video_btn_1{width:80px; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer; background-image: radial-gradient(ellipse at center, var(--bgColor1), var(--bgColor2)); border-radius: 50%; overflow: hidden; opacity: .95;}
.video_btn_1::before{content: '';display: block; padding-top: 100%;}
.video_btn_1::after{content: ''; position: absolute; inset: 0; background-image: url(../images/video_btn.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.memotxt{font-size: 1.3rem; margin-top: 10px;  margin-left: 5px;}
/*added by mysteo stop*/