@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:"Frutiger LT";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/FrutigerLT/FrutigerLTW05-55Roman.woff2) format("woff2"),url(../fonts/FrutigerLT/FrutigerLTW05-55Roman.woff) format("woff")}
@font-face{font-family:"Frutiger LT";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/FrutigerLT/FrutigerLTW05-65Bold.woff2) format("woff2"),url(../fonts/FrutigerLT/FrutigerLTW05-65Bold.woff) format("woff")}
@font-face{font-family:"Frutiger LT";font-style:normal;font-display:swap;font-weight:850;src:local(''),url(../fonts/FrutigerLT/FrutigerLTW05-75Black.woff2) format("woff2"),url(../fonts/FrutigerLT/FrutigerLTW05-75Black.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100;src:local(''),url(../fonts/Montserrat/Montserrat-Thin.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Thin.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:200;src:local(''),url(../fonts/Montserrat/Montserrat-ExtraLight.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-ExtraLight.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:300;src:local(''),url(../fonts/Montserrat/Montserrat-Light.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Light.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Regular.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/Montserrat/Montserrat-Medium.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Medium.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/Montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-SemiBold.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Bold.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:800;src:local(''),url(../fonts/Montserrat/Montserrat-ExtraBold.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-ExtraBold.woff) format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:900;src:local(''),url(../fonts/Montserrat/Montserrat-Black.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Black.woff) format("woff")}


@font-face{font-weight:200;font-style:normal;font-family:Oswald;src:local('Oswald-Light'),local('Oswald-Light'),url(../fonts/Oswald-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Oswald;src:local('Oswald-Regular'),local('Oswald-Regular'),url(../fonts/Oswald-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:400;font-style:normal;font-family:Oswald;src:local('Oswald-Medium'),local('Oswald-Medium'),url(../fonts/Oswald-Medium.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:500;font-style:normal;font-family:Oswald;src:local('Oswald-SemiBold'),local('Oswald-SemiBold'),url(../fonts/Oswald-SemiBold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:600;font-style:normal;font-family:Oswald;src:local('Oswald-Bold'),local('Oswald-Bold'),url(../fonts/Oswald-Bold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


@font-face{font-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 {
	--main-color: #000;
	--hover-color: #fcb424;
	--hover2-color: #fdec1c;
	--logo1-color: #005c96;
	--logo2-color: #00713b;
	--bg-f1: #f1f1f1;
	--bg-f2: #f2f2f2;
	--bg-f3: #f3f3f3;
	--bg-f4: #f4f4f4;
	--bg-f5: #f5f5f5;
	--bg-f6: #f6f6f6;
	--max-width:1230px;
}
.bg-f5 {background-color: var(--bg-f5) !important;}
* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#000; font-family:"Montserrat",sans-serif; font-weight:400; font-size: .95rem; line-height:24px; 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: 700; margin-bottom: 1rem;}
h2,.h2 {font-size: 2.5rem;}
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(--hover-color) !important;}
p {font-size: .95rem; line-height: 24px; color: #000;}
strong,b {font-weight: 700;color: #000;}
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(--hover-color);}
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}
.img_bg {width: 100%;	height: 100%;	position: absolute;	left: 0; top: 0; display: flex;	align-items: center; justify-content: center;}
.img_bg>img {position: relative;z-index: 3; max-width: 85%;}
ul.etw_phone_radius .img_bg>img{border-radius: 50%; max-width: 70%;}
.img_bg::before {position: absolute; content: ""; width: 90%; height: 90%;background-color:#f5f5f5; transform: translate(-50%, -50%);	left: 50%;	top: 50%;	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px;	border-radius: 50%;}
.textbox{width: 100%;display: flex; flex-wrap: wrap; flex: 1;}
@media (min-width:576px){.container{max-width:calc(100% - 10px)}}@media (min-width:768px){.container{max-width:calc(100% - 30px)}}@media (min-width:992px){.container{max-width:calc(100% - 50px)}}@media (min-width:1260px){.container{max-width:var(--max-width);display: block;}}
/* 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:calc(100% + 10px);margin: 0 -5px; margin-bottom: 10px;}
ul.etw_phone li{width:100%;padding:0 5px;margin-bottom:10px;}
ul.etw_phone li>ol{position: relative; overflow: hidden; flex-direction: column;}
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-end;justify-content:center; text-align:center;color:#fff;overflow:hidden; font-weight: 400; font-size: .8rem; line-height: 18px; padding: 1rem .5rem; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(transparent,rgba(0,0,0,.6)); transition: all .4s ease-in-out;}
ul.etw_phone li>ol:hover span{bottom: -100%;}
ul.etw_phone2{width:100%;margin:0;justify-content:space-between}
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_phone5 li span{padding: 1rem; font-size: .95rem;}
ul.etw_phone6 li{width:calc(100% / 6)}
ul.etw_phone_bg li img{mix-blend-mode: multiply;}
ul.etw_phone_bg li{background-image: linear-gradient(to right, #ececec,#fff,#ececec);}

ul.etw_phone1-6{width:calc(100% + 10px);margin-left:-5px; margin-bottom: 10px; display: block;}
ul.etw_phone1-6 li{width:20%; float: left; padding:0 5px;margin-bottom:10px; display: block;}
ul.etw_phone1-6 li:first-child{width: 40%;}


ul.items{width: 100%;margin-bottom: 1rem;}
ul.items:last-child{margin-bottom: 0;}
ul.items li{width:100%; font-size: .95rem; line-height:24px; font-weight: 300; margin-bottom: .5rem; position:relative;}
ul.items li:last-child{margin-bottom: 0;}
ul.items li strong{color: #000; font-weight: 600; text-transform: capitalize;}


ul.items li>p{flex: 1;}
ul.items li>p:last-child{margin-bottom: 0;}
ul.items li>p>b{color: #333; text-transform: capitalize;}
ul.items2{justify-content: space-between;}
ul.items2>li{width: calc(50% - 10px);}


ul.items.d-block li{display: block;}





.table-responsive td>a{color: var(--hover-color) !important; font-weight: 400; cursor: pointer !important;}
.table-responsive td>a:hover{color: var(--hover-color)!important; text-decoration: underline !important;}
.table tr.top{background-color: #ddd !important; color: #000; font-weight: bold;}
.table td, .table th {padding: .6rem; color: #000; font-weight: 400; vertical-align: middle;}
.table .more>a{background-color: initial; box-shadow: initial; color: #000; padding: 0; border-radius: initial; line-height: 1; text-transform: capitalize; font-size: .9rem;}
.table .more>a::after{font-size: .9rem;}
.table .more>a:hover{color: var(--hover-color);}

.video_btn{width:8vh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer; background: url(../images/video_btn.png) no-repeat center center; background-size: 100% 100%;}
.video_btn::before{content: '';display: block; padding-top: 100%;}
.video_smallbtn{width: 6vh;}

.more{display:flex;}
.more>a{width:30px; height: 30px; border-radius: 50%; display:flex; align-items: center; justify-content: center; font-size:.9rem; color:#000; transition:all 0.4s ease; position:relative; overflow:hidden; background-color: var(--hover2-color);font-weight: 400;}
.more>a>i{line-height: 1;}
.more>a:hover{background-color: #000; color: var(--hover2-color);}
.morejiaotou{position: absolute; right: 0; bottom: 0;}
.morejiaotou>a{width: 60px; height: 60px; padding: 0 .5rem .5rem 0; display: flex; justify-content: flex-end; align-items: flex-end; position: relative; overflow: hidden;z-index: 0;}
.morejiaotou>a>i{color: #000;}
.morejiaotou>a::before{content: ''; width: 150%; height: 150%; position: absolute; top: 0; right: 0; background-color: var(--hover2-color); z-index: -1; transform-origin: right top; transform: rotate(-45deg); transition: all .4s ease-in-out;}
.morejiaotou>a:hover{width: 80px; height: 80px; padding: 0 1rem 1rem 0;}
.morejiaotou>a:hover::before{background-color: var(--hover-color);}

@media (max-width:1199.98px){
ul.etw_phone5 li{width:25%}
ul.etw_phone5 li:last-child{display:none}
ul.etw_phone6 li{width:calc(100% / 5)}
ul.etw_phone6 li:last-child{display:none}
}@media (max-width:991.98px){
ul.etw_phone4 li,
ul.etw_phone5 li,
ul.etw_phone6 li{width:calc(100% / 3);}
ul.etw_phone4 li:last-child,
ul.etw_phone5 li:last-child,
ul.etw_phone5 li:nth-last-child(2){display:none}
ul.etw_phone6 li:last-child{display:flex}
ul.etw-md-phone2 li{width: 50%;}
}@media (max-width:767.98px){
ul.etw_phone li figure,
ul.etw_phone li img{width: 100%;}
ul.etw_phone3 li,
ul.etw_phone4 li,
ul.etw_phone5 li,
ul.etw_phone6 li{width: 50%}
ul.etw_phone4 li:last-child,
ul.etw_phone5 li:last-child{display:flex}
ul.etw_phone1-6 li,
ul.etw_phone1-6 li:first-child{width: calc(100% / 3);}
ul.etw_phone3 li:last-child,
ul.etw_phone1-6 li:last-child{display:none}
ul.etw_phone3 li:nth-child(6){display: flex;}
figure img{width: 100%;}

h2,.h2 {font-size: 2rem;}
h3,.h3 {font-size: 1.7rem;}
figure{width: 100%;}
figure>a{width: 100%;}
}@media (max-width:575.98px){
ul.etw_phone li a,
ul.etw_phone li img,
ul.etw_phone2 li,

ul.etw_phone4 li,
ul.etw_phone5 li,
ul.etw_phone6 li,
ul.etw-md-phone2 li{width:100%}
ul.etw_phone1-6 li,
ul.etw_phone1-6 li:first-child{width: 50%;}


ul.etw_phone3 li:last-child,
ul.etw_phone5 li:last-child{display:block}
}@media (max-width:475.98px){
ul.etw_phone1-6 li,
ul.etw_phone1-6 li:first-child,
ul.etw_phone1-6 li img{width: 100%;}

h2,.h2,h3,.h3 {font-size: 1.5rem;}
}@media (max-width:375.98px){
	ul.etw_phone3 li{width: 100%;}
}

/* public-End */
/* etw_language */
.etw_language{min-height: 40px; display: flex; padding: 10px 0;}
.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; padding: 0 1rem; font-size: .95rem; text-transform: uppercase; color: var(--hover-color);}
#etw_language{display:flex; height: auto;}
#etw_language>a{width: auto; padding:0 1rem;color:#333;display:flex;justify-content:center;align-items:center; height: 30px; position: relative; text-align: center;}
#etw_language>a::after{content: ''; width: 1px; height: 50%; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#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(--hover-color); text-decoration: underline; background: initial;}
/* header */
#header{position:sticky;left:0;top:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:12;}
#etw_logo{float: left; position: relative;z-index: 10;}
#etw_logo a{display: block; padding: 20px 0;}
#etw_logo a>img{display:block;max-width:100%;height:60px;}
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;margin-left: 1.7rem;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#000;text-transform:uppercase;padding:0;min-height:50px;display:flex;align-items:center;justify-content:center;position:relative; font-size: .95rem; font-weight: 500;}
.navbar-light .navbar-nav a.nav-link::before{display: none;}
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(--hover-color)}
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.active .nav-link::before,.navbar-light .navbar-nav .nav-item:hover .nav-link::before{width:100%;left: 0;}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;padding:0;border-radius:0;background-color:#fff; border-radius:0 0 1rem 1rem;overflow:hidden;transition:all 0.3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block;border-top: 2px solid var(--hover-color);}
.dropdown-menu ul>li{width: 100%; border-bottom:1px dashed #ddd;}
.dropdown-menu ul>li:last-child{border-bottom:none}
.dropdown-menu .dropdown-item{color:#000;font-size:1rem;position:relative;display:flex;transition:all 0.5s;padding:0.6rem 1.2rem;font-weight:400; justify-content: space-between; align-items: center;}
.dropdown-menu .dropdown-item::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; margin-left: 2rem; position: relative; transition: all .4s ease;}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:var(--hover-color); background-color: #f8f9fa; text-decoration:none}
.dropdown-menu .dropdown-item:hover::after{transform: translateX(3px);}
.dropdown-menu .dropdown-item:hover::after,.dropdown-menu .dropdown-item.active::after{color:var(--hover-color)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.dropdown-menu1{min-width: 800px; padding: 1.5rem;}
.dropdown-menu1 ul>li{border-bottom: none !important; margin-bottom: 1.5rem;}
.dropdown-menu1 ul>li:last-child{margin-bottom: 0;}
.dropdown-menu1 ul>li>a.dropdown-item{font-size: 1.1rem; font-weight: bold; width: fit-content; padding: 0;}
.dropdown-menu1 ul>li>a.dropdown-item::after{display: none;}
.dropdown-menu1 ul>li>a.dropdown-item:hover,.dropdown-menu1 ul>li>a.dropdown-item.active{background-color: initial; color: var(--hover-color);}
.dropdown-menu1 ul>li>ol{display: flex; flex-wrap: wrap;}
.dropdown-menu1 ul>li>ol>li{width: 100%;border-bottom:1px dashed #ddd;}
.dropdown-menu1 ul>li>ol>li>a{padding: .4rem 0 .4rem 1.4rem;position: relative;}
.dropdown-menu1 ul>li>ol>li>a::after{content:"\f285";display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:.2rem;top:.7rem;color:var(--hover-color); font-size: .85rem;}
.dropdown-menu1 ul>li>ol>li>a:hover,.dropdown-menu1 ul>li>ol>li>a.active{color: var(--hover-color);}
.dropdown-menu2{min-width: 280px;}
@media (max-width:991.98px){
	#header{position:relative;padding-top: 0;}
	#header>.container{display:flex;align-items:center; flex-wrap: wrap; justify-content: flex-end;}
	#header>.container>content{flex:1}
	.etw_language{width: auto; margin:0 0 0 0; background-color: initial;position: relative; overflow: visible; min-height: initial;}
	.etw_language>.container{margin: 0;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%)}
	#etw_language{background-color:var(--bg-f5); box-shadow:0 0 10px rgba(0,0,0,0.2); margin-top:0.5rem;}
	#etw_language>a{width: 100%; margin:0;height:40px;padding:0 1rem;color:#000; text-align: center;}
	#etw_language>a:last-child {padding: 0 1rem;}
	#etw_language>a::after{content: none;}
	#etw_language>a:hover{background-color: var(--hover-color);color: #fff; text-decoration: none;}
	#etw_logo {margin-top: 0; flex: 1;display: flex;z-index: 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%; border-top: 1px solid #ccc; margin-top: 1rem;}
	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;}
	nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0 1.5rem;position:relative;font-size:1rem;justify-content:flex-start}
	.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px;width:30px;height:calc(100% - 2px);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;}
	.dropdown-menu ul>li:last-child{border-bottom:1px dashed #ddd;}
	.dropdown-menu1 li .dropdown-item{font-size:1rem;padding:0.5rem 2rem}
	.dropdown-menu1 li>ol{margin-top:0.5rem}
	.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:0;display:block}
}
/* Banner Video */
.etw_banner{width: 100%;  position: relative; padding: 0;}
.etw_video{width: 100%; position: relative; max-height: 700px; overflow: hidden;}
.etw_video::before{content: ''; display: block; padding-top: 75%;}
.etw_video>video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover;}
.etw_videobox{width: 100%; position: absolute;left: 0; bottom: 0;}
.etw_videobox .textbox{width: 100%; max-width: 640px; padding: 3rem 4rem; position: relative; overflow: hidden; z-index: 0; flex-direction: column;}
.etw_videobox .textbox::before{content: ''; position: absolute; inset: 0; background-color: #fff; opacity:.8; backdrop-filter: blur(5px); z-index: -1;-webkit-clip-path: polygon(88% 0, 100% 30%, 100% 100%, 0 100%, 0 0);clip-path: polygon(88% 0, 100% 30%, 100% 100%, 0 100%, 0 0);}
.etw_videobox .textbox>h2{color: #000; font-size: 2.3rem; line-height: 1.3; margin-bottom: 1rem;}
.etw_videobox .textbox>p{color: #000; opacity: .9; font-size: 1.1rem; font-weight: 400; margin-bottom: 1rem;}
.etw_videobox .textbox>a{width: fit-content; background-color: var(--hover2-color); color: #000; font-weight: 500; font-size: 1.1rem;  border-radius: 30px; padding: .5rem 1.5rem;}
.etw_videobox .textbox>a:hover{ background-color: var(--hover-color);}
/* Banner-end */
/* index */
section{width: 100%; padding:4rem 0; display: block; position: relative;}

.homePros_nav{width: 100%; background-color: #1E357D; border-bottom: 5px solid var(--hover2-color);}
.homePros_nav ul>li{width: 25%;}
.homePros_nav ul>li>ol{padding: 2rem; align-items: center; cursor: pointer;}
.homePros_nav ul>li>ol a.imgbox{width: auto;}
.homePros_nav ul>li>ol a.imgbox>img{width: auto; height: 40px; position: relative; filter: drop-shadow(0 40px #fff); transform: translateY(-100%);}
.homePros_nav ul>li>ol a.textbox{padding-left: 1rem; font-weight: 500; line-height: 1.3; font-size: 1.1rem; color: #fff;}
.homePros_nav ul>li>ol:hover{background-color: var(--hover2-color);}
.homePros_nav ul>li>ol:hover a.imgbox>img{filter: drop-shadow(0 40px #000);}
.homePros_nav ul>li>ol:hover a.textbox{color: #000;}

.homePors{position: relative; overflow: hidden; z-index: 0;}
.homePors_title{max-width: 86%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1.2; color: #000;}
.homePors_title>span{display: block;}
.homePors_smalltitle{display: block; max-width: 85%; margin: .5rem auto 0 auto; text-align: center; font-size: .95rem; font-weight: 300;}
.homePors ul{width: calc(100% + 30px); margin-left: -15px;}
.homePors ul>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.homePors ul>li>ol{flex-direction: column-reverse; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.homePors ul>li>ol .textbox{padding: 1.5rem; flex-direction: column;}
.homePors ul>li>ol .textbox a.h3{font-size: 1.2rem; line-height: 1.2; flex: 1; margin-bottom: .5rem; background-color: #ddd; margin: -1.5rem -1.5rem 1rem -1.5rem; padding: 1rem 1.5rem;}
.homePors ul>li>ol .textbox a.h3:hover{background-color: var(--hover-color); color: #000 !important;}
.homePors ul>li>ol .textbox p{font-weight: 300;}
.homePors ul>li>ol .textbox .more{justify-content: flex-end;}
.homePors ul>li>ol .textbox .more>a{background-color: var(--hover-color);}
.homePors ul>li>ol .textbox .more>a:hover{background-color: var(--hover2-color); color: #000;}

.homePors ul>li:nth-child(7),.homePors ul>li:nth-child(8){width: 50%;}
.homePors ul>li:nth-child(7)>ol,.homePors ul>li:nth-child(8)>ol{flex-direction: row; position: relative;}
.homePors ul>li:nth-child(7)>ol a.imgbox,.homePors ul>li:nth-child(8)>ol a.imgbox{clip-path:initial; border: none;}
.homePors ul>li:nth-child(7)>ol .textbox,.homePors ul>li:nth-child(8)>ol .textbox{width: 60%; height: auto; background: initial; position: absolute; left: 0; top: 0; z-index: 3; padding: 2rem;}
.homePors ul>li:nth-child(7)>ol .textbox a.h3,.homePors ul>li:nth-child(8)>ol .textbox a.h3{background: initial; margin: 0 0 1rem 0; padding: 0;}
.homePors ul>li:nth-child(7)>ol .textbox .more,.homePors ul>li:nth-child(8)>ol .textbox .more{justify-content: flex-start;}
.homePors ul>li:nth-child(7)>ol .textbox .more>a,.homePors ul>li:nth-child(8)>ol .textbox .more>a{background-color: #000; color: #fff;}
.homePors ul>li:nth-child(7)>ol .textbox .more>a:hover,.homePors ul>li:nth-child(8)>ol .textbox .more>a:hover{background-color: var(--hover2-color); color: #000;}
.homePors ul>li:nth-child(7)>ol .textbox a.h3:hover,.homePors ul>li:nth-child(8)>ol .textbox a.h3:hover{color: #000 !important;}

.homeApps{position: relative; overflow: hidden; z-index: 0; padding-top: 0; display: flex; flex-wrap: wrap; align-items: center;}
.homeApps::before{content: ''; width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: -1;}
.homeApps_left{width: 55%;}
.homeApps_left .imgbox{max-height: 500px;}
.homeApps_right{width: 45%; display: flex; flex-direction: column; align-items: flex-start; padding: 3rem;}
.homeApps_title{display: flex; flex-wrap: wrap; font-size: 2.5rem; color: #000;text-transform: uppercase; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; max-width: 60%;}
.homeApps_title>span{color: var(--hover-color); margin-right: .5rem; text-align: left;}
.homeApps_smalltitle{display: block; font-size: 1rem; max-width: 60%; margin-bottom: 1rem;}
.homeApps_right a{color: var(--hover-color); position: relative;}
.homeApps_right a::after{content: ''; width: 0; height: 1px; background-color: var(--hover-color); position: absolute; left: 0; bottom: 0; z-index: 1; transition: all .4s;}
.homeApps_right a:hover::after{width: 100%;}
.homeApps_content{position: relative; width: 100%;}
.homeApps .swiper{width: 100%;}
.homeApps .swiper .swiper-slide a{width: 100%; display: flex; position: relative; overflow: hidden; background-color: #f5f5f5;}
.homeApps .swiper .swiper-slide a>img{mix-blend-mode: multiply;}
.homeApps .swiper .swiper-slide a::before{content: ''; display: block; padding-top: 75%;}
.homeApps .swiper .swiper-slide a>span{width: 100%; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(transparent,#000); font-size: 1rem; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: .6rem; transition: all .4s; font-weight: 400;}
.homeApps .swiper .swiper-slide:hover a>span{bottom: 0;}
.homeApps .prev-button,.homeApps .next-button{width: 40px; height: 40px; background-color: rgba(0,0,0,0.5); color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; display: flex; align-items: center; justify-content: center;}
.homeApps .next-button{left: auto; right: 0;}
.homeApps .prev-button.swiper-button-disabled,.homeApps .next-button.swiper-button-disabled{display: none;}

.homeAbout{position: relative; overflow: hidden; min-height: 600px;}
.homeAbout_center{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.homeAbout_center>img{transform: translateX(10%);}
.homeAbout_left{width: 40%; height: 100%; clip-path: polygon(0 0, 40% 0, 100% 63%, 74% 100%, 0 100%); background: #414241; padding: 3% 15% 3% 5%; position: absolute; left: 0; top: 0;z-index: 2; display: flex; flex-direction: column; justify-content: space-between;}
.homeAbout_left .iconbox{width: 80px; height: 80px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}
.homeAbout_left .textbox{flex: 1; flex-direction: column; justify-content: center;}
.homeAbout_left .textbox h3{font-size: 2.5rem; color: #fff;}
.homeAbout_left .textbox p{font-weight: 300; font-size: 1rem; color: #fff;}
.homeAbout_left .more>a{ width: auto; height: 40px; border-radius: 30px; color: #000; display: flex; align-items: center; font-weight: 600; font-size: 1rem; padding: 0 1.5rem; background-color: var(--hover2-color);}
.homeAbout_left .more>a>i{margin-left: 1rem;}
.homeAbout_left .more>a:hover{ color: #000; background-color: var(--hover-color);}
.homeAbout_right{width: 45%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2;clip-path: polygon(5% -1%, 100% 0, 100% 50%, 100% 100%, 0 155%, 40% 63%); overflow: hidden;}
/* index-end */
/* #footer */
#footer{background-color: #f5f5f5;}
.footer{padding: 4rem 0 2rem 0; position: relative;z-index: 2;}
.footer a.h3{display: block; font-size: 1.2rem; color: #000; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase;}
.footer_list{display:flex;flex-direction:column;}
.footer_list>li{display:block;margin-bottom: 10px; position: relative;padding-left: 1rem;}
.footer_list>li:last-child{margin-bottom: 0;}
.footer_list>li>a{display: block; font-size: .9rem; color: #fff; font-weight:400;}
.footer_list>li>a: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(--hover2-color);}
.footer_logo{display: flex; justify-content: flex-start; margin-bottom: 1rem;}
.footer_logo img{display:block;max-width:100%;height:40px;}
.footer_text{display: block; font-size: .8rem; line-height: 20px; color: #fff; margin-bottom:1rem;}

.footer_contact{display:flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; margin-top:0.5rem;}
.footer_title{font-size: 1.3rem; color: #fff; margin-bottom: .5rem;}
.footer_contact p{width: fit-content; color:#fff; display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 5px; font-size: 1rem; padding-left: 1.5rem; position: relative; font-weight: 300;}
.footer_contact p i{position: absolute; left: 0; top: 0;}
.footer_contact p a:hover{text-decoration: underline; color: #fff;}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:0 0 1.5rem 0; position:relative;z-index:2}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #fff;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:#fff;font-size:.9rem;}
/* #etw_top */
#etw_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:#000;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:#000;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(--logo1-color) !important;border:1px solid var(--logo1-color) !important;}
.theme-box-name{background:#000!important;border-left:1px solid var(--logo1-color) !important}

/* #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;}
#quicknav ul>li:first-child>a{text-decoration:none !important; font-size: 1.2rem;}
#quicknav ul>li:first-child>a>i{font-size: inherit;}
#quicknav ul li::after,#quicknav ul li a,#quicknav ul>li:first-child>a{color:#000; opacity: .8;}
#quicknav ul li:last-child{color: #000;font-weight: 400;}
#quicknav ul.quicknav{justify-content: center;}
#quicknav ul.quicknav li::after,#quicknav ul.quicknav li a{color:#fff;}
#quicknav ul.quicknav li:last-child{color: #fff;}
#quicknav ul li a:hover{text-decoration:underline;color:var(--hover-color)}
@media (max-width:767.98px){#quicknav{display: none;}}
/* #quicknav-End */
/* Products */
.products_banner{width: 100%; position: relative; overflow: hidden; padding: 0;}
.products_banner::before{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .5;}
.products_hover{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);z-index: 2;}
.etw_hometitle{display: flex; justify-content: center; margin-bottom: 1rem;}
.etw_hometitle h2,.etw_hometitle>div.h2{text-align: center; font-size: 2.5rem; color: #fff; text-transform: capitalize; margin-bottom: 0; margin-top: 20px;}
.etw_hometitle h2>span,.etw_hometitle div.h2>span{display: block; font-size: 1rem; text-transform: uppercase; color: var(--hover2-color);}

.products{padding-top: 1rem;}
.products .etw_hometitle{justify-content: flex-start;}
.products .etw_hometitle h2{color: #000; text-align: left; font-size: 2rem; margin-top: 0;}
.products .etw_hometitle h2>span{font-size: 1rem; color: var(--hover-color);}
.products p{font-weight: 400;}
.products .imgbox::before{content: ''; display: block; padding-top: 80%;}
.products .imgbox video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover;}

.products_boxs{width: 100%;}
.products_boxs>ol{width: 100%; display: flex; flex-wrap: wrap;}
.products_boxs>ol a.imgbox{width: 60%;}
.products_boxs>ol .textbox{width: 40%; flex: none; flex-direction: column; padding: 2rem 0 2rem 4rem; justify-content: center;}
.products_boxs>ol .textbox>a.h3{font-size: 1.5rem;}
.products_boxs>ol .textbox>dl{display: flex; flex-direction: column;}
.products_boxs>ol .textbox>dl>dd{position: relative; padding-left: 1rem; font-size: 1rem;}
.products_boxs>ol .textbox>dl>dd::before{content: ''; width: 6px; height: 6px; background-color: var(--hover-color); position: absolute; left: 0; top: 9px;}
.products_boxs>ol .textbox .more>a{width: fit-content; height: 36px; font-weight: 400; border-radius: 30px; padding: 0 1.5rem;}
.products_boxs>ol .textbox .more>a>i{margin-left: .5rem;}
.products_boxs>ol .textbox .more>a:hover{background-color: #000; color:var(--hover2-color);}
.products_boxs2>ol{flex-direction: row-reverse;}
.products_boxs2>ol .textbox{padding: 2rem 4rem 2rem 0;}

.products_lists{width: calc(100% + 30px); margin-left: -15px;}
.products_lists>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.products_lists>li>ol{flex-direction: column;}
.products_lists>li>ol .textbox{padding: 1rem; padding-bottom: 0; flex-direction: column; align-items: center; justify-content: center;}
.products_lists>li>ol .textbox a.h4{text-align: center; font-size: 1.1rem;}
.products_lists>li>ol .textbox p{text-align: center; font-weight: 400; color: #999; margin-bottom: 0;}
.products_lists2{justify-content: space-between;}
.products_lists2>li{width: 50%;}
.products_lists2>li>ol{flex-direction: row;}
.products_lists2>li>ol a.imgbox{width: 45%;}
.products_lists2>li>ol .textbox{width: 55%; padding: 0; padding-left: 1rem;}
.products_lists2>li>ol .textbox a.h4{text-align: left;}
.products_lists2>li>ol .textbox p{text-align: left;}
.products_lists4>li{width: 50%;}

.productsApps{padding: 0; width: 100%; overflow: hidden; display: flex; flex-wrap: wrap;}
.productsApps_left{width: 50%; padding: 4rem 0; display: flex; justify-content: flex-end; position: relative;z-index: 0;}
.productsApps_left::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(-270deg, #ddd, #fff); z-index: -1;}
.productsApps_box{width: 100%; max-width: 630px; padding:0 50px 0 30px; display: flex; flex-direction: column;}
.productsApps_box .h2{color: #000; text-transform: uppercase;}
.productsApps_box p{color: #000;}
.productsApps_box>dl{display: flex; flex-direction: column;}
.productsApps_box>dl>dd{position: relative; padding-left: 1.5rem; line-height: 24px;}
.productsApps_box>dl>dd::before{content: "\f270";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(--hover-color); position: absolute; left: 0; top: 4px;}
.productsApps_box>dl>dd>a{color: #000;}
.productsApps_box>dl>dd>a:hover{color: var(--hover2-color);}
.productsApps_box .more>a{width: fit-content; padding: 0 1.5rem; height: 38px; border-radius: 30px; font-weight: 400;}
.productsApps_box .more>a>i{margin-left: .5rem;}
.productsApps_right{width: 50%; display: flex; align-items: center;}
.productsApps_right .swiper{width: 100%;}
.productsApps_right .swiper .swiper-slide>a{background-color: #f8f9fa; display: block;}
.productsApps_right .swiper .swiper-slide>a>img{mix-blend-mode: multiply;}
.productsApps_btn{display: flex; justify-content: flex-end; margin-right: -92px; position: relative; z-index: 2;}
.productsApps_btn .prev-button,.productsApps_btn .next-button{width: 40px; height: 40px; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #000; margin-right: 1px;}
.productsApps_btn .prev-button:hover,.productsApps_btn .next-button:hover{background-color: var(--hover-color);}

.productsFaqs{position: relative; overflow: hidden; z-index: 0;}
.productsFaqs .h2{font-size: 2rem; text-align: center;}

.card{margin-bottom:0.625rem;background-color:#f5f5f5;border:none;border-radius:10px;overflow:hidden;margin-top:20px}
.card-header{padding:0;background-color:#f5f5f5;border:none}
.card-link{width:100%;display:block;padding:1rem;font-size:1rem;font-weight:500;position:relative;line-height:1.5rem}
.card-link>span{display:block;font-size:1.1rem;overflow:hidden;padding-right:1.5rem;color:#000}
.card-link:hover>span{color:var(--hover-color)}
.card-link::before,.card-link::after{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;font-size:1.3rem;color:#000;}
.card-link::before{content:"\f4be"; float:left; margin-right:0.5rem; color: var(--logo1-color);}
.card-link::after{content:"\f4bc"; position:absolute; right:1rem; top:1rem; transition:all 0.3s}
.card-body{padding:1rem 2.5rem; line-height:1.4rem}
.card-body p{margin-top:0.5rem}
.card-body p:first-child{margin-top:0}
.card-link[aria-expanded="true"]::after{content:"\f4ba";}
#productsFaqs{display: flex; flex-wrap: wrap; justify-content: space-between;}
#productsFaqs .card{width:calc(50% - 20px); box-shadow: 0 0 5px rgba(0,0,0,0.15);}

.inquiryform{position: relative; overflow: hidden; padding-top: 5rem;}
.inquiryform::before{content: ''; position: absolute; width: 70%; height: 80%; right: 0; top: 0; background: linear-gradient(90deg, #f5f5f5, transparent);}
.inquiryform>.container{position: relative;z-index: 2; text-align: center;}
.inquiryform_right{max-width: 650px; padding: 0 20px 2rem 50px; min-height: 400px;}
.inquiryform .h3{ font-size: 1.6rem; color: #000; text-transform: uppercase; margin-bottom: 1.5rem;}
.inquiryform p{ font-size: 1rem; color: #666; margin-bottom: 1.5rem; line-height: 30px;}
.inquiryform_btn{display: flex;}
.inquiryform_btn>a{line-height: 40px; padding: 0 1.5rem; background-color: var(--hover2-color); border-radius: 5px; font-size: .9rem; text-transform: uppercase; color: #000; font-weight: 500;}
.inquiryform_btn>a:hover{background-color: #000; color: var(--hover2-color);}
.inquiryform_img{width: 100%; height: 100%; position: relative; overflow: hidden;}
.inquiryform_img>video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: contain;}
/* Products-End */
/* ProsHub */
.prosHub{padding-top: 1rem;}
.prosHub .etw_hometitle{flex-direction: column; padding-bottom: 1rem; border-bottom: 1px dashed #ddd;}
.prosHub .etw_hometitle h2{color: #000; margin-top: 0; text-align: left; font-size: 2rem;}
.prosHub .etw_hometitle small{display: block; font-size: 1.2rem; color: #000; opacity: .5; margin-top: .5rem;}
.prosHub p{font-weight: 400;}

.prosHubList{width: 100%;}
.prosHubList>li{width: 100%; padding: 2rem 0; border-bottom: 1px dashed #ccc;}
.prosHubList>li:first-child{padding-top: 0;}
.prosHubList>li:last-child{border-bottom: none; padding-bottom: 0;}
.prosHubList>li>ol{align-items: center;}
.prosHubList>li>ol a.imgbox{width: 35%;}
.prosHubList>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.prosHubList>li>ol .textbox{width: 45%; flex-direction: column; padding-right: 2rem;}
.prosHubList>li>ol .textbox a.h3{font-size: 1.4rem;}
.prosHubList>li>ol .textbox p{font-weight: 300;}
.prosHubList>li>ol .textbox dl{display: flex; flex-direction: column;}
.prosHubList>li>ol .textbox dl>dd{margin-bottom: 0; position: relative; line-height: 24px; padding-left: 1rem; font-weight: 400;}
.prosHubList>li>ol .textbox dl>dd::before{content: ''; width: 4px; height: 4px; background-color: var(--logo1-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.prosHubList>li>ol .textbox .more>a{width: fit-content; border-radius: 0; font-weight: 400px; padding: 0 1.25rem; height: 38px; background-color: var(--hover2-color);}
.prosHubList>li>ol .textbox .more>a>i{margin-left: .5rem;}
.prosHubList>li>ol .textbox .more>a:hover{background-color: #000; color: var(--hover2-color);}
.prosHubList>li>ol .imgrightbox{width: 20%;}
.prosHubList>li>ol .imgrightbox>ul>li{width: 50%; background-color: #f5f5f5;}
.prosHubList>li>ol .imgrightbox>ul>li>img{mix-blend-mode: multiply;}
.prosHubList>li>ol .imgrightbox2>ul>li{width: 100%;}

.prosHubApps .h3{text-align: center; font-size: 1.6rem;}
.prosHubApps ul{width: calc(100% + 16px); margin-left: -8px;}
.prosHubApps ul>li{width: 20%; padding: 0 8px; margin-top: 20px;}
.prosHubApps ul>li>ol{flex-direction: column;background-color: #f5f5f5; -webkit-clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);	clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);}
.prosHubApps ul>li>ol a.imgbox{padding: .5rem;}
.prosHubApps ul>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.prosHubApps ul>li>ol .textbox{flex: 1; flex-direction: column; padding: 1rem; justify-content: space-between;}
.prosHubApps ul>li>ol .textbox a.h6{font-size: 1rem; font-size: 500; margin-bottom: 0; text-align: center;}
.prosHubApps2 ul>li{width: 25%;}

.prosHubAbout{background-color: #f5f5f5;}
.prosHubAbout>.container{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.prosHubAbout_left{width: 50%; position: relative; z-index: 2;}
.prosHubAbout_left::before{content: ''; width: 105%; height: 100%;background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: -1;}
.prosHubAbout_left .more>a{width: fit-content; padding: 0 1.3rem; border-radius: 0; height: 40px; font-weight: 400;}
.prosHubAbout_left .more>a>i{margin-left: .5rem;}
.prosHubAbout_right{width: 50%;display: flex; flex-direction: column;-webkit-clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);	clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);}

.otherPros .h3{text-align: center; font-size: 1.6rem;}
.otherPros ul{width: calc(100% + 30px); margin-left: -15px;}
.otherPros ul>li{width: 25%; padding: 0 15px; margin-top: 30px;}
.otherPros ul>li>ol{flex-direction: column; background-image: linear-gradient(to right, #fff, #ddd); box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 1.25rem;}
.otherPros ul>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.otherPros ul>li>ol .textbox{flex-direction: column; padding-top: 1rem; justify-content: space-between;}
.otherPros ul>li>ol .textbox a.h3{width: 100%; font-size: 1rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: left; margin-bottom: .5rem;}
.otherPros ul>li>ol .textbox a.h3>span{width: 100%; height: 40px; overflow: hidden; margin-bottom: .5rem;}
.otherPros ul>li>ol .textbox a.h3>span>img{float: left; width: auto; height: 40px; filter: drop-shadow(0 40px var(--hover-color)); position: relative; transform: translateY(-100%);}
.otherPros ul>li>ol .textbox p{min-height:48px; max-height:48px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: .5rem;}
.otherPros ul>li>ol .textbox .more>a{width: fit-content; border-radius: 0; background: initial; height: auto; line-height: 1; color: var(--hover-color);}
.otherPros ul>li>ol .textbox .more>a:hover{text-decoration: underline;}


.product_video{border-radius:30px;line-height:1;display:flex;align-items:center; position: absolute; left: 1rem; bottom: 1rem; background-color:#000; z-index: 2;}
.product_video::before{content:"\f144";font-size:2.5rem;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;line-height:1; color: var(--hover2-color);}
.product_video>span{padding:0 1rem;font-size:13px;line-height:14px; color: #fff; font-weight: 500;}
.product_video:hover{background-color: var(--hover2-color);}
.product_video:hover::before{color: #000;}
.product_video:hover>span{color: #000;}
/* Hub-End */
/* Products-Details */
.prosDetails{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse;}
.leftbox{width: 50%; display: flex; position: relative;}
.leftbox>figure{flex: 1;}
.left_pics{width: 100%; display: flex;}
.left_pics>a{display: flex; align-items: center; overflow: hidden; position: relative; background-color: #fff;}
.left_pics>a>img{width: 100%;}
.related_pic{width: 10%; position: absolute; left: 2rem; top: 50%; transform: translateY(-50%);}
.related_pic>ul{width: 100%; display: flex; flex-wrap: wrap;}
.related_pic>ul>li{width: 100%; margin: .5rem 0;}
.related_pic>ul>li>a{display: block; border: 1px solid #ccc;}
.related_pic>ul>li>a.imgdq{ border-color: var(--hover-color);}
.related_pic2>ul>li{width: calc(100% / 6);}
.left_pics_bg>a{background-color: rgba(226,226,226,1);}

.rightbox{width: 50%; padding: 2rem 0;display: flex; justify-content: center; align-items: flex-end; flex-direction: column;}
.rightbox>.wrap{max-width: 660px; padding: 0 60px 0 20px;}
.rightbox .etw_hometitle{flex-direction: column; margin-bottom: 1rem;}
.rightbox .etw_hometitle span{font-size: 1rem; font-weight: 500; color: #000; background-color: var(--hover2-color); width: fit-content; padding: 3px 12px; display: block;}
.rightbox .etw_hometitle h2{text-align: left; color: #000; font-size: 1.8rem; margin:.5rem 0;}
.rightbox .etw_hometitle small{display: block; font-size: 1.25rem; font-weight: 400; color: #999;}
.rightbox{font-weight: 400;}
.h6_title{font-size: 1.3rem; margin-bottom: 1.5rem; line-height: 1.2;}
.h6_center{display: flex; justify-content: center; align-items: center; font-size: 1.3rem; position: relative;}
.h6_center>span{position: relative; display: flex; padding: 0 1.5rem; background-color: #fff; width: fit-content;}
.keyParameters{display: flex; flex-wrap: wrap;}
.keyParameters>dt{width: 100%; margin-bottom: 10px;}
.keyParameters>dd{width: 100%; display: flex; flex-wrap: wrap;}
.keyParameters>dd>span{font-weight: 400; margin-right: .5rem;}
.keyParameters2{width: 100%;}
.keyParameters2>dd>p{flex: 1; text-align: right; margin-bottom: 0;}
.inquiryBtn{display: flex;}
.inquiryBtn>a{padding: .4rem 1.5rem; background-color: var(--hover2-color); color: #000; text-transform: uppercase; border-radius: 30px; font-size: 1rem; font-weight: 500; display: flex; align-items: center;}
.inquiryBtn>a:hover{background-color: #000; color: var(--hover2-color);}
.inquiryBtn>a.inquiryBtnPdf{margin: 0 0 0 1rem;background: none; color: var(--hover-color); padding-left: 2.8rem; position: relative; font-size: .9rem; line-height: 20px; text-transform: capitalize;}
.inquiryBtn>a.inquiryBtnPdf>i{font-size: 1.3rem; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);}
.inquiryBtn>a.inquiryBtnPdf:hover{background: var(--hover2-color); color: #000;}

.inquiryBtnlist{flex-wrap: wrap;}
.inquiryBtnlist>a.inquiryBtnPdf{width: 47%; margin: 0 .5rem 1rem 0;}

.prosDetails{padding: 0; overflow: hidden;}
.prosDetails>content>.row>.col-12{padding: 4rem 0;}

ul.etw_phone_shadow{width: calc(100% + 20px); margin:0 -10px;}
ul.etw_phone_shadow li{padding: 0 10px; margin-bottom: 20px;}
ul.etw_phone_shadow li>ol{box-shadow: 0 0 5px rgba(0,0,0,0.2);}

.table1 {background-color:#f5f5f5;}
.table1 tr>td:first-child{background-color:#ddd; vertical-align: middle; padding: .5rem; color: #000; font-weight: 500;}
.table1.table-bordered td{border-color: #fff;}

.strong_title{text-align: center;display: block; font-size: 1.1rem; margin-bottom: 1rem;}
.appmater_dl{display: flex; flex-direction: column; margin-bottom: 1.5rem;}
.appmater_dl dt{font-weight: 600; margin-bottom: .3rem;}
.appmater_dl dd{font-weight: 400; margin-bottom: .2rem; position: relative; padding-left: 1.5rem;}
.appmater_dl dd::before{content: '\F270';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; left: 0; top: 5px; font-size: 14px; color: var(--hover-color);}
.appmater_dl dd>b{font-weight: 500; color: #333;}

.configurationsMain .container{max-width: 1300px;}
.configurations{width: calc(100% + 30px); margin-left: -15px;}
.configurations>li{width: calc(100% / 3); padding: 0 15px; margin-top:30px;}
.configurations>li>ol{flex-direction: column;}
.configurations>li>ol .imgbox{background-color: #fff;}
.configurations>li>ol .imgbox img{transition: all .4s;}
.configurations>li>ol:hover .imgbox img{opacity: .8;}
.configurations>li>ol .textbox{padding: 1.5rem; background-color: #fff; max-width: 100%; position: relative; z-index: 2; flex-direction: column;}
.configurations>li>ol .textbox p{margin-bottom: 0;}
.configurations_more,.configurations_back{display: flex; justify-content: center; margin-top: 2rem;}
.configurations_more>a,.configurations_back>a{padding: .5rem 1.5rem; background-color: var(--hover2-color); color: #000; font-size: 1rem; font-weight: 500;}
.configurations_more_hide,.configurations_back_hide{display: none;}
.configurations2>li{width: 50%;}
.configurations4>li{width:25%;}
.configurations-p20>li>ol{padding: 20px;background-color: #fff;}
.configurations-p20>li>ol .textbox{padding: 1.5rem 0 0 0;}

.configurations1{width: 100%; margin-left: 0;}
.configurations1>li{width: 100%; padding: 0; margin-top:30px;}
.configurations1>li>ol{flex-direction: row;}
.configurations1>li>ol .imgbox{width: 33%; background-image: linear-gradient(45deg, #cbcbcb,transparent);}
.configurations1>li>ol .imgbox img{mix-blend-mode: multiply;}
.configurations1>li>ol .textbox{width: 67%; padding: 2rem; flex-direction: column; justify-content: center;}

.features>li>ol{padding: 1.25rem; background-color: #f5f5f5;}
.features>li>ol .imgbox img{mix-blend-mode: multiply;}
.features>li>ol .textbox{padding: 1.25rem 0 0 0;}

#prosDetailsFaqs .card{border-bottom: 1px dashed #ccc; background-color: #fff; border-radius: 0;}
#prosDetailsFaqs .card-header{background-color: #fff;}
#prosDetailsFaqs .card-link::before{display: none;}
#prosDetailsFaqs .card-link::after{content: '\F282';}
#prosDetailsFaqs .card-link[aria-expanded="true"]::after {content: "\F286";}

.inquiryform2{position: relative; overflow: hidden; background: url(../images/inquiry_bg.jpg) no-repeat center center; background-size: cover;}
.inquiryform2::before{content: ''; position: absolute; inset: 0; background-color: #f5f5f5; opacity: .5;}
.inquiryform2>.container{position: relative;z-index: 2;}
.inquiryform2_left{width: 100%; padding-right: 2rem;}
.feedback{min-height: 350px;}
.feedback .webtitle{ font-size: 1.6rem; color: #000; font-weight: 700; padding: 0 15px; line-height: 1.2; margin-bottom: .5rem;}
.inquiryform2_right{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.inquiryform2_right .h3{font-size: 1.6rem; color: #000;}
.inquiryform2_right p{font-weight: 400; font-size: 1.1rem; line-height: 1.5;color: #666;}

.inquiryform3{background: url(../images/inquiry_bg.jpg) no-repeat center center; background-size: cover;}
.inquiryform3 .h3{font-size: 1.6rem; margin-bottom: 1rem;color: #000;}
.inquiryform3 p{font-weight: 400; font-size: 1.1rem; line-height: 1.5;color: #666;}

.relatedPros .h6_center{font-size: 1.6rem; margin-bottom: 0;}
.relatedPros ul{width: calc(100% + 30px); margin-left: -15px;}
.relatedPros ul>li{width: 100%; padding: 0 15px; margin-top: 30px;}
.relatedPros ul>li>ol{align-items: center; position: relative; overflow: hidden;z-index: 0;}
.relatedPros ul>li>ol::before{content: ''; width: 80%; height:100%; background-color: #f5f5f5; position: absolute; right: 0; bottom: 0; z-index: -1; transition: all .4s;}
.relatedPros ul>li>ol a.imgbox{width: 30%;}
.relatedPros ul>li>ol .textbox{width: 70%; background-color: #f5f5f5; flex: 1; padding: 2rem; padding-top: 1rem; flex-direction: column;}
.relatedPros ul>li>ol .textbox a.h6{font-size: 1rem;}
.relatedPros ul>li>ol .textbox p{margin-bottom: 0; min-height:144px; max-height:144px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow-wrap: break-word;}
.relatedPros ul>li>ol:hover::before{width: 100%;}
.relatedPros ul>li.active>ol .textbox a.h6{color: var(--hover-color);}
.relatedPros2 ul>li{width: 50%;}
.relatedPros2 ul>li>ol{flex-direction: row; align-items: center;}
.relatedPros2 ul>li>ol::before{width: 80%; height:100%; left: auto; right: 0;}
.relatedPros2 ul>li>ol a.imgbox{width: 40%;}
.relatedPros2 ul>li>ol .textbox{width: 60%; padding: 1.5rem; padding-left: 0;}
.relatedPros2 ul>li>ol:hover::before{width: 100%;}
.otherRelatedPros>.container{max-width: 1300px;}
.otherRelatedPros ul>li{width: 25%;}
.relatedPros-white{background-image: linear-gradient(#f8f9fa,#fff 95%);}
.relatedPros-white .h6_center>span{background-color: initial;}

.relatedPros3 ul>li{width: 20%; padding: 0 15px; margin-top: 30px;}
.relatedPros3 ul>li>ol{flex-direction: column;}
.relatedPros3 ul>li>ol::before{content: ''; width: 100%; height:60%; background-color: #f5f5f5; position: absolute; right: 0; bottom: 0; z-index: -1; transition: all .4s;}
.relatedPros3 ul>li>ol a.imgbox{width: 100%; padding: .5rem;}
.relatedPros3 ul>li>ol .textbox{width: 100%; padding: 1rem;}
.relatedPros3 ul>li>ol .textbox a.h6{font-size: .9rem; margin-bottom: 0;}
.relatedPros3 ul>li>ol .textbox>p{display: none;}
.relatedPros3 ul>li>ol:hover::before{height: 100%;}

.prosAll .h3{font-size: 1.6rem; text-align: center;}
.prosAll p{max-width: 70%; margin: 0 auto; color: #666; text-align: center;}
.prosAll ul{width: calc(100% + 20px); margin-left: -10px;}
.prosAll ul>li{width: calc(100% / 6); padding: 0 10px; margin-top: 20px;}
.prosAll ul>li>ol{flex-direction: column; box-shadow: 0 5px 5px rgba(0,0,0,0.15); background-image: linear-gradient(#ddd,#fff);}
.prosAll ul>li>ol .imgbox>img{mix-blend-mode: multiply;}
.prosAll ul>li>ol .textbox{display: flex; align-items: center; justify-content: center; text-align: center; font-size: .95rem; font-weight: 500; padding: .5rem;}
.prosAll2{padding-top: 4rem;}

.components_list>.col-12{margin-bottom: 2rem;}
.components_list>.col-12:last-child{margin-bottom: 0;}
.components_list .imgbox{background-image: linear-gradient(45deg,#cbcbcb,transparent);}
.components_list .imgbox>img{mix-blend-mode: multiply;}
.components_list .textbox{flex-direction: column;}
.components_list .textbox .h6{font-size: 1.1rem;}
.components_list .textbox>dl{display: flex; flex-direction: column; margin-bottom: 0;}
.components_list .textbox>dl>dd{margin-bottom: .5rem; color: #666; font-weight: 400;}
.components_list .textbox>dl>dd:last-child{margin-bottom: 0;}
.components_list .textbox>dl>dd>strong{font-weight: 600;display: block; color: #333;}
.components_list .textbox>p:last-child{margin-bottom: 0;}

.table1 .apptd{padding: 0 1rem !important;}
.apptd>span:first-child{margin: 2rem 0 .5rem;}
.apptd>span:last-child{margin: .5rem 0 2rem 0;}

.fiber>.row>.col-12{margin-bottom: 3rem;}
.fiber>.row>.col-12:last-child{margin-bottom: 0;}
.fiber .h6_title{text-align: center; font-size: 1.85rem;}

.pdf_btn{display: flex; justify-content: flex-end;}
.pdf_btn>a{padding: .4rem 1.2rem; border-radius: 30px; background-color: var(--hover2-color); color: #000; font-size: .95rem;}
.pdf_btn>a>i{font-size: 1.25rem;}
.pdf_btn>a:hover{background-color: #000; color: var(--hover2-color);}

.diamond{padding: 1rem 0 2rem 0;}
.diamond .etw_hometitle h2,.diamond .etw_hometitle div.h3{color: #000; font-size:1.8rem; margin: 0;}
.diamond .h5_title{font-size: 1.2rem; margin-bottom: .25rem;}
.diamond_items,
.diamond_items li{display: block;margin-bottom: .5rem; overflow: hidden;}
.diamond_items li strong{font-weight: 600;}


/* Products-Details-End */
/* Applications */
.products_hover2{width: fit-content; top: auto; bottom: 0; left: 0; transform: initial; display: flex; align-items: flex-start;}
.products_hover2>.container{width: fit-content; margin: 0; padding: 0; display: flex; align-items: flex-start; background-color: #fff; padding: 1rem;-webkit-clip-path: polygon(90% 0, 100% 30%, 100% 100%, 0 100%, 0 0); clip-path: polygon(90% 0, 100% 30%, 100% 100%, 0 100%, 0 0);}

.products_banner2{min-height: 500px;}
.products_banner2 .app_bj{width: 65%; margin: auto; background-color: rgba(85, 85, 85, 0.5);  padding: 2rem;  box-shadow: 0 0 20px rgba(75, 44, 44, 0.3);}
.applications_text{color: #fff; font-weight: 400;}

.appsMaterials_box{display: flex; flex-wrap: wrap; margin-bottom: 1rem;}
.appsMaterials_box .h3_title{width: 25%; justify-content: flex-start; align-items: flex-start;}
.appsMaterials_box .appsMaterials_text{width: 75%; font-weight: 400; padding-left: 2rem;}
.h4_title{display: flex; justify-content: center; font-size: 1.75rem;}
.h4_title>a{position: relative; z-index: 0; width: fit-content;}
.h4_title>a::after{content: ''; width: 100%; height: 10px; background-color: var(--hover2-color); position: absolute; left: 0; bottom: 5px; z-index: -1;}
.appsMaterials .h4_title{font-size: 1.25rem; font-weight: 500;}
.appsMaterials .h4_title>a::after{display: none;}

.appsMaterials ul.etw_phone_text{margin-bottom: 2rem;}
.appsMaterials ul.etw_phone_text>li{flex-direction: column;}
.appsMaterials ul.etw_phone_text>li .imgbox>a{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right,#fff,#ececec,#ececec, #fff); border-radius: 0; padding: 1rem;}
.appsMaterials ul.etw_phone_text>li .imgbox img{mix-blend-mode: multiply;}
.appsMaterials ul.etw_phone_text span{display: none; position: relative; background: none; color: #000; padding: 0; width: 100%; flex: 1; padding: .5rem;}

.appsInds ul{width: calc(100% + 60px); margin: 0 -30px;}
.appsInds ul>li{width: calc(100% / 3); padding: 0 30px; margin-top: 30px;}
.appsInds ul>li>ol{flex-direction: row-reverse; justify-content: space-between;}
.appsInds ul>li>ol a.imgbox{background-image: linear-gradient(to right,#ececec, #fff, #ececec);}
.appsInds ul>li>ol a.imgbox img{mix-blend-mode: multiply;}
.appsInds ul>li>ol .textbox{flex-direction: column; padding-top: 1rem;}
.appsInds ul>li>ol .textbox a.h3{align-self: start; font-size: 1.25rem; font-weight: 500;}
.appsInds ul>li>ol .textbox p{font-weight: 400; min-height: 96px; max-height: 96px; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.appsInds ul>li>ol .textbox .more>a{width: fit-content; height: auto; padding:0 0 .5rem 0; border-radius: 0; background-color: initial; border-bottom: 1px solid #000; font-weight: 500;}
.appsInds ul>li>ol .textbox .more>a>i{margin-left: .5rem;}
.appsInds ul>li>ol .textbox .more>a>i::before{width: 1rem; font-size: 1.5rem; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; transition: all .1s;}
.appsInds ul>li>ol .textbox .more>a:hover{color: var(--hover-color); border-bottom-color: var(--hover-color);}
.appsInds ul>li>ol .textbox .more>a:hover>i::before{width: 1.5rem;}

.ourPros .h3_title{display: flex; justify-content: center; text-transform: uppercase;}
.ourPros .h3_title>span{position: relative; z-index: 0; width: fit-content;}
.ourPros .h3_title>span::after{content: ''; width: 100%; height: 10px; background-color: var(--hover2-color); position: absolute; left: 0; bottom: 5px; z-index: -1;}
.ourPros ul{width: calc(100% + 30px); margin-left: -15px;}
.ourPros ul>li{width: 25%; padding: 0 15px; margin-top: 30px;}
.ourPros ul>li>ol{flex-direction: column;position: relative; overflow: hidden;z-index: 0;}
.ourPros ul>li>ol::before{content: ''; width: 100%; height:60%; background-color: #f5f5f5; position: absolute; left: 0; bottom: 0; z-index: -1; transition: all .4s;}
.ourPros ul>li>ol a.imgbox{padding: 1rem;}
.ourPros ul>li>ol .textbox{background-color: #f5f5f5; flex: 1; padding: 2rem; padding-top: 0; flex-direction: column;}
.ourPros ul>li>ol .textbox a.h6{font-size: 1.2rem;}
.ourPros ul>li>ol .textbox p{margin-bottom: 0; font-weight: 400; color: #999; overflow: hidden; min-height: 96px; max-height: 96px; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ourPros ul>li>ol:hover::before{height: 100%;}

.materials{padding: 0 15px;}
.materials>content>.row>.col-12{padding: 4rem 0;}
.materials .etw_hometitle{flex-direction: column; align-items: center; justify-content: center;}
.materials .etw_hometitle div.h2{color: #000; margin-top: 0;}
.materials .etw_hometitle small{font-size: 1.25rem; font-weight: 400; color: #999; display: block; margin-top: .5rem;}
.materials_text{max-width: 70%; margin: 0 auto 1rem auto;}
.materials_text p{font-weight: 400; text-align: center;}
.materials .h6_center::before{display: none;}

.recommended .h3_title{display: flex; justify-content: center;}
.recommended .h3_title>span{position: relative; z-index: 0; width: fit-content;}
.recommended .h3_title>span::after{content: ''; width: 100%; height: 10px; background-color: var(--hover2-color); position: absolute; left: 0; bottom: 5px; z-index: -1;}
.recommended ul>li{width: 100%; margin-top: 50px;}
.recommended ul>li:first-child{margin-top: 20px;}
.recommended ul>li>ol{background-color: #f5f5f5; align-items: center; padding: 1rem;}
.recommended ul>li>ol a.imgbox{width: 40%;}
.recommended ul>li>ol .textbox{width: 60%; padding-left: 3rem; padding-right: 1rem; flex-direction: column;}
.recommended ul>li>ol .textbox a.h3{font-size: 1.5rem;}
.recommended ul>li>ol .textbox p{min-height: 144px; max-height: 144px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.recommended ul>li>ol .textbox .more>a{width: fit-content; height: auto; padding: .4rem 1.2rem; border-radius: 0; border: 1px solid #000; background-color: #f5f5f5; font-weight: 600;}
.recommended ul>li>ol .textbox .more>a>i{margin-left: .5rem;}
.recommended ul>li>ol .textbox .more>a:hover{background-color: var(--hover2-color); border-color: var(--hover2-color); color: #000;}

.ourLaserSystem .h3_title{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ourLaserSystem .h3_title>span{width: fit-content; background-color: var(--hover2-color); padding: 5px 10px; line-height: 1; font-size: 1.25rem; margin-bottom: .5rem;}
.ourLaserSystem ul{width: calc(100% + 30px); margin-left: -15px;}
.ourLaserSystem ul>li{width: calc(100% / 6); padding: 0 15px; margin-top: 30px;}
.ourLaserSystem ul>li>ol{flex-direction: column; position: relative; overflow: hidden;}
.ourLaserSystem ul>li>ol .textbox{width: 100%; position: absolute; left: 0; bottom: 0; transition: all .4s ease-in-out;}
.ourLaserSystem ul>li>ol .textbox>a.h3{width: 100%;background-image: linear-gradient(transparent,#fff); backdrop-filter: blur(5px); padding: .5rem; margin-bottom: 0; text-align: center; font-size: .9rem;}
.ourLaserSystem ul>li>ol:hover .textbox{bottom: -100%;}

.ourLaserMachines .h3_title{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ourLaserMachines .h3_title>span{width: fit-content; background-color: var(--hover2-color); padding: 5px 10px; line-height: 1; font-size: 1.25rem; margin-bottom: .5rem;}
.ourLaserMachines ul{width: calc(100% + 60px); margin-left: -30px;}
.ourLaserMachines ul>li{width: calc(100% / 3); padding: 0 30px; margin-top: 20px;}
.ourLaserMachines ul>li>ol{flex-direction: row-reverse; justify-content: space-between;}
.ourLaserMachines ul>li>ol a.imgbox{background-image: linear-gradient(to right,#ececec, #fff, #ececec);}
.ourLaserMachines ul>li>ol a.imgbox img{mix-blend-mode: multiply;}
.ourLaserMachines ul>li>ol .textbox{flex-direction: column; padding-top: 1rem;}
.ourLaserMachines ul>li>ol .textbox a.h3{align-self: start; font-size: 1.2rem; font-weight: 500;}
.ourLaserMachines ul>li>ol .textbox p{font-weight: 400; min-height: 72px; max-height: 72px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ourLaserMachines ul>li>ol .textbox .more>a{width: fit-content; height: auto; padding:0 0 .5rem 0; border-radius: 0; background-color: initial; border-bottom: 1px solid #000; font-weight: 500;}
.ourLaserMachines ul>li>ol .textbox .more>a>i{margin-left: .5rem;}
.ourLaserMachines ul>li>ol .textbox .more>a>i::before{width: 1rem; font-size: 1.5rem; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; transition: all .1s;}
.ourLaserMachines ul>li>ol .textbox .more>a:hover{color: var(--hover-color); border-bottom-color: var(--hover-color);}
.ourLaserMachines ul>li>ol .textbox .more>a:hover>i::before{width: 1.5rem;}
.ourLaserMachines ul>li.active>ol .textbox a.h3{color: var(--hover-color);}

.industries{padding: 0 15px;}
.industries>content>.row>.col-12{padding: 4rem 0;}
.industries .etw_hometitle{flex-direction: column;}
.industries .etw_hometitle div.h2{color: #000; margin-top: 0; text-align: left;}
.industries .etw_hometitle small{font-size: 1.25rem; font-weight: 400; color: #999; display: block; margin-top: .5rem; text-align: left;}
.industries_text p{font-weight: 400;}

.recommended-white ul>li>ol{background-color: #fff;}

/* Applications-End */
/* Case Studies-End */
.cases{padding: 3rem 0 4rem 0;}
.cases_box{display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; text-align: center; margin-bottom: 2rem;}
.cases_box .etw_hometitle .h2{color: #000;margin-top: 0;}
.cases_box .cases_text{width: 70%; font-weight: 400;}
.cases_list{ flex-wrap: nowrap; justify-content: space-between;}
.cases_list>li{width: calc(100% / 3); padding: 0 15px;  background-color: #f5f5f5; box-sizing: border-box; flex-grow: 1;}
.cases_list>li:nth-child(2){ margin: 0 15px;}
.cases_list>li>ol{flex-direction: column; background-color: #fff; margin: 20px 10px;}
.cases_list>li>ol .textbox{padding: 2rem; flex-direction: column;}
.cases_list>li>ol .textbox>h6{font-size: 1.2rem;}
.cases_list>li>ol .textbox>p{font-weight: 400; margin-bottom: 0;}

/* Case Studies-End */
/* Services */
.services_box{width: 100%; flex: 1; display: flex; flex-direction: column; background-color: #fff; margin: 1rem 0; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.services_box a.imgbox{width: 100%; background-color: #f5f5f5;}
.services_box a.imgbox>img{mix-blend-mode: multiply;}
.services_box .textbox{width: 100%; flex: 1; padding: 2rem;flex-direction: column;}
.services_box .textbox .h6{font-size: 1.15rem; text-transform: capitalize;}
.services_box .textbox p{margin-bottom: 0;}
.services_box .textbox ul.items:last-child{margin-bottom: 0;}
.services_box .textbox ul.items>li:last-child{margin-bottom: 0;}
.services_box2{flex-direction: row;}
.services_box2 a.imgbox{width: 33%;}
.services_box2 .textbox{width: 67%;}
/* Services-End */
/* About Us */
.about{padding: 0 15px;position: relative; overflow: hidden; z-index: 0;}
.about::before{content: ''; position: absolute; inset: 0; z-index: -1; background-image: url(../images/pattern-white.svg); background-position: 50% 0; background-size: 20em; opacity: .5;}
.about>.row>.col-12{padding: 4rem 0;}
.about>.row>.col-12:nth-child(1){padding-top: 2rem;}

.aboutCompany .textbox{padding: 2rem 0; flex-direction: column; flex: 1;}
.aboutCompany .textbox .more>a{width: fit-content; height:auto; padding: .6rem 1.5rem; border-radius: 0; font-weight: 500;}

.aboutQuality{width: 100%; display: flex; flex-wrap: wrap;}
.aboutQuality a.imgbox{width: 50%;}
.aboutQuality a.imgbox::before{content: ''; width: 4px; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 3;}
.aboutQuality a.imgbox::after{content: ''; width: 50%; height: 4px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); z-index: 3;}
.aboutQuality a.imgbox>div{width: 50%; height: 100%; flex: 1; overflow: hidden; position: relative; display: flex; flex-direction: column;}
.aboutQuality a.imgbox>div:first-child::before{content: ''; display: block; padding-top: 133.3333%;}
.aboutQuality a.imgbox>div>span{width: 100%; height: 50%;display: flex; position: relative; overflow: hidden;}
.aboutQuality .textbox{padding-left: 3rem; flex-direction: column; justify-content: center;}
.aboutQuality .textbox>.more>a{width: fit-content; height:auto; padding: .6rem 1.5rem; border-radius: 0; font-weight: 500;}

.aboutSafety>.container{display: flex; flex-wrap: wrap; align-items: center;}
.aboutSafety_left{width: 60%;}
.aboutSafety_left>ul{width: 100%; justify-content: space-between;}
.aboutSafety_left>ul>li{width: 100%; margin-bottom: 1rem;}
.aboutSafety_left>ul>li>ol{flex-direction: row; background-color: #f5f5f5; padding: 1.25rem; align-items: center;}
.aboutSafety_left>ul>li>ol .imgbox{width: 30%; border-radius: 50%;}
.aboutSafety_left>ul>li>ol .textbox{width: 70%; flex-direction: column; padding-left: 2rem;}
.aboutSafety_left>ul>li>ol .textbox p{margin-bottom: 0; font-weight: 400;}
.aboutSafety_right{width: 40%; padding-left: 3rem;}
.aboutSafety_right .textbox{flex-direction: column;}
.aboutSafety_right .textbox>dl{display: flex; flex-direction: column;}
.aboutSafety_right .textbox>dl>dd{font-weight: 400;}
.aboutSafety_right .textbox>.more>a{width: fit-content; height:auto; padding: .6rem 1.5rem; border-radius: 0; font-weight: 500;}
/* About Us-End */
/* Company Profile */
.company{padding: 0 15px;}
.company p{font-weight: 400;}
.company>content>.row>.col-12{padding: 4rem 0;}
.companybox .etw_hometitle{margin-bottom: 2rem;}
.companybox .etw_hometitle div.h2_title{color: #000;margin-top: 0;}
.companybox p{font-weight: 400;}
.imgboxCompany{-webkit-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%); clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%); margin-bottom: 2rem;}

.quality .etw_hometitle{width: 100%;}
.quality_list{justify-content: space-between;}
.quality_list>li{width: calc(50% - 16px); margin-bottom: 2rem;}
.quality_list>li>ol{background-color: #fff; padding: 1.25rem;}
.quality_list>li>ol .textbox>p{color: #666;}
.quality_list>li>ol .textbox>p:last-child{margin: 0;}
.quality_list>li:nth-child(3){width: 100%;}
.quality_list>li>ol .textbox2{padding: 1rem;}
.quality_list>li>ol .textbox>dl{display: flex; flex-wrap: wrap;}
.quality_list>li>ol .textbox>dl>dt{width: 100%; font-weight: 600; color: #333; margin-bottom: .5rem;}
.quality_list>li>ol .textbox>dl>dd{width: 100%;display: flex; flex-direction: column;}
.quality_list>li>ol .textbox>dl>dd>strong{font-weight: 600; color: #000;}

.afterSales_list{position: relative; overflow: hidden;}
.afterSales_list::before{content: '';width: 1px; height: 100%; border-left: 1px dashed var(--hover2-color); position: absolute; left: 40px; top: 0;}
.afterSales_list>li{width: 100%; position: relative; padding-left: 100px; margin-bottom: 3rem;}
.afterSales_list>li .textbox{width: 70%; flex-direction: column; padding-right: 2rem;}
.afterSales_list>li .iconbox{width: 80px; height: 80px; position: absolute; left: 0; top:0;z-index: 2; background-color: var(--hover2-color); border-radius: 50%; padding: 1rem;}
.afterSales_list>li .h6{font-size: 1.5rem; position: relative;}
.afterSales_list>li .imgbox{width: 30%;}

.customization_list{justify-content: space-between;}
.customization_list>li{width: calc(50% - 15px); margin-bottom: 30px;}
.customization_list>li figure>a{background-color: #f5f5f5;}
.customization_list>li figure>a>img{mix-blend-mode: multiply;}
.customization_list_item>li{
	background:linear-gradient(45deg, #e5e5e5, transparent);
    padding: 30px;
}
.customization_list_item>li::before{
	content:none;
	background:none;
}
.ourFacilities .h4_title{margin-bottom: 2rem;}
.ourFacilities .h6_title{font-size: 1rem; margin-bottom: 1rem; text-align: center;}

.about_nav ul>li{width: calc(100% / 6); padding: 0 15px; position: relative; border-right: 1px solid #ddd;}
.about_nav ul>li:last-child{border-right: 0;}
.about_nav ul>li>ol{flex-direction: column; align-items: center; justify-content: flex-start;}
.about_nav ul>li>ol a.imgbox{ height: 60px; overflow: hidden;}
.about_nav ul>li>ol a.imgbox>img{width: auto; height: 60px; position: relative;}
.about_nav ul>li>ol a.textbox{display: flex; flex: 1; align-items: center; justify-content: center; font-weight: 500; font-size: 1rem; margin-top: 1rem;}
.about_nav ul>li.active>ol a.imgbox>img,.about_nav ul>li>ol:hover a.imgbox>img{filter: drop-shadow(0 60px var(--hover-color)); transform: translateY(-100%);}
.about_nav ul>li.active>ol a.textbox,.about_nav ul>li>ol:hover a.textbox{color: var(--hover-color);}

/* Company Profile-End */
/* Contact Us */
.contact{padding:3rem 0}
.contact p{font-size:1rem; line-height:24px; margin:0.5rem 0; font-weight: 400; color: #333;}
.contact a{font-size: 1rem;}
.contact strong{color:#000; margin-right: .25rem;}
.contact a{color:#000;}
.contact a:hover{color:#000;text-decoration:underline}
.contact .co_name{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#000}
.contact img{float: left;margin-top: .5rem;}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle{font-size:1.875rem;color:#000; font-weight: 700; margin-bottom: 1rem;}
.contact_map{margin-top: 1.5rem;}
/* Contact Us-End */
/* Overview */
.overview .etw_hometitle{padding: 1.5rem 0;}
.overview .etw_hometitle>div{margin-top: 0; color: #000;}
.overview_box{padding:4rem 0;}
.overview_box:first-child{margin-top:0}
.overview_title{display: flex; justify-content: center; position:relative; margin-bottom: 2rem;}
.overview_title::before{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--hover-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_title>span{text-align:center;display:inline-block;position:relative;padding:0 1.5rem;line-height:1.3;background-color:#fff; font-size:2rem;color:#000;font-weight:bold;text-transform:uppercase;}

.overviewAbout{padding-top: 1rem;}
.overviewAbout .overview_title{justify-content: flex-start; margin-bottom: 1rem;}
.overviewAbout .overview_title::before{display:none}
.overviewAbout .overview_title>span{padding:0;background-color: #f5f5f5; font-size: 2rem; text-transform: uppercase;}
.overview_more{display: flex;}
.overview_more>a{line-height: 40px; padding: 0 1.5rem; font-size: .95rem; color: #000; background-color: var(--hover2-color); border-radius: 30px; text-transform: uppercase;}
.overview_more>a:hover{background-color: #000; color: var(--hover2-color);}

.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.5rem;margin-bottom:1rem;color:#000}
.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(--hover-color);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:hover .overviewCompany-label::after{width:100%}

.overview_list{width: calc(100% + 30px); margin-left: -15px;}
.overview_list>li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;}
.overview_list>li>ol {flex-direction: column; background-color: #fff;}
.overview_list>li>ol .textbox{padding: 1.5rem; flex-direction: column;}
.overview_list>li>ol .textbox>p{font-weight: 400; color: #333; min-height: 72px; max-height: 72px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.overview_list>li>ol .textbox>dl{display: flex; flex-direction: column; margin-bottom: 0; flex:1;}
.overview_list>li>ol .textbox>dl>dd{margin-bottom: 0; color: #999; font-weight: 400;}
.overview_list>li>ol .textbox>dl>dd>strong{color: #666; font-weight: 600;}
.overview_list>li>ol .textbox>.more{margin: 0 -1.5rem -1.5rem 0; justify-content:flex-end;}
.overview_list>li>ol .textbox>.more>a{border-radius: 0; width: 50px; font-size: 1.25rem;-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 30%, 30% 0); clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 30%, 30% 0);}

/* Overview-End */
/* videos */
.videoHub{padding:2rem 0 3rem 0;}
.videoHub>.container{display: flex; flex-direction: column;}
.videoHub .etw_hometitle{color:#000; font-size:2.5rem; line-height:3rem; font-weight:900; justify-content: flex-start; margin-bottom:1rem}
.video_title{font-size:1.75rem;line-height:1.8rem;font-weight:600;display:flex; color:#000;margin:2rem 0; position:relative}
.video_title>span{position: relative; width: fit-content;}
.video_title>span::after{content: ''; width: 100%; height: 10px; background-color: var(--hover2-color); position: absolute; left: 0; bottom: 5px; z-index: -1;}
.video_hub{width:100%;display:flex;flex-wrap:wrap}
.video_hub ul{width:calc(100% + 30px);margin-left:-15px;display:flex;flex-wrap:wrap;}
.video_hub ul li{width:50%; padding:0 15px; display:flex;transition:all 0.4s;margin-bottom:30px;}
.video_hub ul li a{width:100%;display:flex; flex-wrap: wrap; align-items: center; background-color:var(--bg-f5);overflow:hidden;-webkit-clip-path: polygon(100% 0, 100% 80%, 95% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 80%, 95% 100%, 0 100%, 0 0);}
.video_hub ul li a .video_img{width:35%;position:relative}
.video_hub ul li a .video_img .video_btn{width:50px;height:50px;}
.video_hub ul li a .video_text{width:65%; display: flex; flex-direction: column; padding:1rem; padding-left: 1.5rem; font-size:1rem;line-height:1.3;font-weight:400;color:#000;transition:all 0.4s;position:relative}
.video_hub ul li a .video_text>span{position:relative;z-index:2}
.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(--hover-color)}

.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: #f5f5f5; -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}
#video_right{width:65%}
#video_right .etw_hometitle{justify-content: flex-start; margin-bottom: 1.5rem;}
#video_right .etw_hometitle .h3{font-size:1.875rem;font-weight:600;color:#000;margin: 0; text-align: left;}
#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(--hover-color);color:#000;border-color:var(--hover-color)}
.etw_videolist_more{display: none;}

#video_sidebar{width:30%;background-color:#f8f9fa; border-radius:10px;}
#etw_videolist .webtitle{font-size:1.3rem;font-weight:600;color:#000;text-transform:uppercase;background-color:var(--hover-color);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:400}
#etw_videolist ul li a.dq span{color:var(--hover-color)}
#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}
}
@media (max-width:767.98px){#video_sidebar{margin-top:1rem}}
/* videos-End */

.main_pro{ display: flex; flex-direction: row; justify-content: center;}
.main_pro .each_item{ width: 31%; position: relative; padding: 0; margin:0 0.5% 50px 0; }
.main_pro .each_item .img{ width: 100%; z-index: 1; transition: .3s all ease-in-out;}
.main_pro .each_item .model{background-color:#f1f1f1;width:40%;padding:10px;box-sizing:border-box;position:absolute;top:-10px;left:0;z-index:3;font-weight:bold;font-size:.8rem;text-align:center}
.main_pro .each_item .caption{background-color:#eff1f4;width:85%;padding:15px;box-sizing:border-box;position:absolute;bottom:-30px;right:0;z-index:2;font-size:.85rem;text-align:center;text-wrap:nowrap;transition:.3s all ease-in-out;border:1px solid #eff1f4}
.main_pro .each_item .caption:hover{box-shadow:0 0 20px rgba(0,0,0,0.16);border:1px solid #ccc}
.homePors .custom,.for-materials .custom{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:60px}
.homePors .custom .title,.for-materials .custom .title{color:var(--logo1-color);font-weight:400;line-height:1.2;letter-spacing:1.6px;font-size:1rem;text-transform:uppercase}
.homePors .custom .memo,.for-materials .custom .memo{font-size:28px;font-weight:300;line-height:1.14;letter-spacing:normal;color:#777;margin-top:10px}
.homePors .custom .moredes{margin:20px auto 0;letter-spacing:.08em;max-width:50%;text-align:center}
.homePors .custom .learn-more,.for-materials .custom .learn-more,.learn-more{margin-top:28px;background:var(--hover2-color);border-color:var(--hover2-color);color:#000 !important;padding:10px 20px;text-transform:uppercase}
.applition_for{background:#ececec}
.homePorswithbg{background:linear-gradient(to right,#ececec,#fff,#fff,#fff,#ececec)}
.applition_for .container{display:flex;flex-direction:column;justify-content:center;align-items:center}
.applition_for .container .title{font-size:28px;margin:20px}
.applition_for .container .memo{max-width:50%;text-align:center;letter-spacing:.08em}
.applition_for .container .app-imgs{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}
.applition_for .container .app-imgs .each-item{max-width:48%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1%}
.applition_for .container .app-imgs .each-item .text{width:100%;background-color:#fff;font-size:1.2rem;box-sizing:border-box;padding:20px;border-bottom:3px solid var(--hover2-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.applition_for .container .app-imgs .each-item .text .morelinks{margin-top:30px;font-size:.9rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.for-materials{background-color:#fff}
.for-materials .container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.for-materials .container .custom{justify-content:flex-start;align-items:flex-start;width:60%}
.for-materials .container .custom .moredes{margin-top:20px}
.for-materials .container .examples{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.for-materials .container .examples .leftitems{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.for-materials .container .examples .leftitems .title{color:var(--logo1-color);font-size:17px;line-height:1.18;text-transform:uppercase;letter-spacing:.05em}
.for-materials .container .examples .leftitems .memo{font-size:28px;font-weight:300;line-height:1.14;letter-spacing:normal;color:#777;margin-top:10px}
.for-materials .container .examples .leftitems .moredes{margin:20px 0;letter-spacing:.08em;max-width:50%}
.pro-row .col-4{height:500px;box-sizing:border-box}
.pro-row .col-4,.pro-row .col-8{margin:0;padding:0}
.pro-row .col-4 .item{width:100%;height:100%}
.item-row-3,.item-row-2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
.item-row-3 .item{width:33.33%;height:100%}
.item-row-2 .item{width:50%;height:100%}
.h-250{height:250px}
.pro-row .item{box-sizing:border-box;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.pos-main-1{position:relative}
.pos-main-1 .txt{position:relative;width:100%;height:100%;background:rgba(0 0 0 / 60%);transition:.3s all ease-in-out}
.pos-main-1 .txt:hover{background:rgba(0 0 0 / 15%)}
.pos-main-1 .txt .caption{font-size:1.3rem;position:absolute;top:50px;left:30px;color:#fff}
.pos-main-1 .txt .memo{font-size:.85rem;position:absolute;top:90px;left:30px;color:#fff;transition:.3s all ease-in-out}
.pos-main-1 .txt .morelinks{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;bottom:30px;left:30px;width:calc(100% - 60px);transition:.3s all ease-in-out}
.pos-main-1 .txt .morelinks .alink{font-size:1rem;color:#fff}
.fa-item:nth-child(2) .item:nth-child(1){width:33.33%;height:250px}
.fa-item:nth-child(2) .item:nth-child(2){width:66.66%;height:250px}
.pos-main-1 .mainimg{position:absolute;top:0;left:0}
.pos-main-pro{position:relative}
.pos-main-pro .mainimg{position:absolute;top:0;left:0}
.pos-main-pro .txt{position:relative;left:0;top:0;width:100%;height:100%;background:rgba(0 0 0 / 30%);transition:.3s all ease-in-out}
.pos-main-pro .txt .caption{font-size:1.3rem;position:absolute;top:30px;left:30px;color:#fff}
.pos-main-pro .txt .morelinks{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;bottom:20px;left:30px;width:calc(100% - 60px);transition:.3s all ease-in-out}
.pos-main-pro .txt .morelinks .alink{font-size:1rem;color:#fff}
.pos-main-pro .txt .morelinks .iconlink .moreimg{width:25px}
.moreimg-icon{width:15px}
.swiper-container{width:100%;height:auto}
.swiper-slide{display:flex;flex-direction:column;align-items:center}
.container-hidden{overflow:hidden;width:100%}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{display:none}
.example_for{background:#fff}
.example_for .container{display:flex;flex-direction:column;justify-content:center;align-items:center}
.example_for .container .title{font-size:28px;margin:20px}
.example_for .container .memo{max-width:50%;text-align:center;letter-spacing:.08em}
.example_for .container .app-imgs{display:flex;flex-direction:row;justify-content:center;align-items:center}
.example_for .container .app-imgs .each-item{max-width:16%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1%}
.example_for .container .app-imgs .each-item .text{width:100%;background-color:#f7f7f7;font-size:.8rem;box-sizing:border-box;padding:10px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.example_for .container .app-imgs .each-item .text .morelinks{margin-top:30px;font-size:.9rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.company-home{width:100%;height:900px;background-image:url('../images/bg.jpg');background-size:100% 100%;display:flex;flex-direction:row;justify-content:center;align-items:center}
.company-home .container{display:flex;flex-direction:column;justify-content:center;align-items:center}
.company-home .container .caption{font-size:28px;font-weight:bold;color:#fff}
.company-home .container .memo{font-size:.85rem;color:#fff;line-height:1.2rem;margin-top:20px}
.company-home .container .companys{ width:100%; box-shadow:0 10px 20px rgb(0 0 0 / 30%),0 5px 100px rgb(0 0 0 / 10%);margin-top:40px;display:flex;flex-direction:row;justify-content:center;}
.company-home .container .companys .item{width:50%;}
.company-home .container .companys .item:nth-child(2){padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#fff}
.company-home .container .companys .item:nth-child(2) .caption{font-size:26px;font-weight:bold;color:#000}
.company-home .container .companys .item:nth-child(2) .small_caption{font-size:14px;color:#000;margin:20px 0;letter-spacing:.08em;font-weight:bold}
.company-home .container .companys .item:nth-child(2) .company_brief{color:#000;letter-spacing:.08em}
.company-home .container .morelinks{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.company-home .container .morelinks .icons{width:35%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100px}
.company-home .container .morelinks .swiper-container-small{width:65%;overflow:hidden;position:absolute;top:-50px;right:0px;padding:20px;background:rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.2);box-sizing:border-box}
.company-home .container .morelinks .swiper-container-small .swiper-wrapper .swiper-slide{width:auto}
.company-home .container .morelinks .swiper-container-small .swiper-wrapper .swiper-slide .img .imgs{width:150px;margin-right:5px}

.slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; min-width: 100%;}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative; top:0; left: 0; min-width: 100%; display:flex;display:-webkit-flex;}
.slick-track:before, .slick-track:after{display:table; content:"";}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; min-height:1px; flex-grow: 1; flex: inherit;}
.slick-initialized .slick-slide{display: block; list-style:none;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;}
.slick-arrow{display: block;position: absolute;top: 50%;margin-top: -20px;z-index: 2;padding: 0;width: 34px;height: 34px;text-align: center;font-size: 0; color: #1c3f5d; background: #eee;border: 1px solid #ccc;outline: none;cursor: pointer;opacity: 1; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-radius: 50%;}
.slick-arrow:hover, .slick-arrow:focus {background: #1c3f5d;border-color: #1c3f5d; color: #fff;}
.slick-arrow.slick-next:before {content: "\f105";}
.slick-arrow.slick-prev{left: 0;}
.slick-arrow.slick-next{right: 0;}
.slick-arrow.slick-disabled {pointer-events: none;opacity: 0.5 !important;}
.slick-dots{display:flex;display:-webkit-flex; align-items: center; justify-content: center; position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom:-100px; text-align:center;}
.slick-dots li{margin:0 5px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
.slick-dots li button{display:block; width:10px; height:10px; font-size:0; padding: 0; background:none; border:2px solid #1c3f5d; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; cursor:pointer; position: relative; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.slick-dots li button:before{display: block; content: ""; background: #1c3f5d; width: 6px; height: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; opacity: 0;}
.slick-dots li.slick-active button{width: 24px; border-radius: 10px; background: #1c3f5d;}
slick-arrow{left: 0; right: auto; top: auto; bottom: -50px; background: #1c3f5d; border-color: #fff; outline: none; color: #fff;}
.slick-arrow:hover,
.slick-arrow:focus{background: #fff; border-color: #fff; color: #1c3f5d;}
.slick-arrow.slick-next{left: 40px;}
.slick-arrow:before { display: block; content: "\f104"; font-family: 'FontAwesome'; font-weight: 900; font-size: 18px; line-height: 32px;}
/*added by mysteo stop*/

/*added by jxc*/
hr{width: 100%;margin: 2rem 0;}
.navbar-expand-lg .navbar-nav .nav-item{margin-left:3rem;}
.navbar-expand-lg .navbar-nav .nav-item:nth-child(2){margin-left: 0;}
.navbar-expand-lg .navbar-nav .nav-link{font-family:'Oswald';font-weight:200;letter-spacing:0.05rem;}
.etw_videobox{width:800px;position:absolute;left:0;top:32%;right:0;margin:0 auto;}
.etw_banner:before{position:absolute;content:'';background:rgba(0,0,0,0.5);width:100%;height:100%;left:0;top:0;z-index:1;pointer-events:none;}
.etw_videobox .textbox{z-index:2;padding:0;max-width:none;}
.etw_videobox .textbox::before{display:none;}
.etw_videobox .textbox > h2{color:#fff;font-size:3.2rem;text-transform:uppercase;padding:0px;margin:0px;line-height:4.8rem;margin-bottom:.7rem;font-family:Oswald;text-align:center;font-weight:400;letter-spacing:0.05rem;}
.etw_videobox .textbox > p{display:none;}
.pos-main-1 .txt .morelinks .alink,.pos-main-pro .txt .morelinks .alink{font-family:'Oswald';color:#333;}
.pro-row .item{position:relative;}
.protitle{font-size: 1.6rem;line-height: 1.8rem;font-family: 'Oswald';margin: 1rem 0;color: #333;}
ul.items li{font-weight: 500;}
ul.items li strong{color: #333;text-transform: none;}
.pos-main-1>a,.pos-main-pro>a{background:linear-gradient(#e2e7ef 60%,#eff2fa 60%);display:block;width:100%;}
.pos-main-pro .mainimg,.pos-main-1 .mainimg{position:relative;top:auto;left:auto;}
.pos-main-pro .txt{position:absolute;bottom:1rem;background:0;}
.pos-main-pro .txt .caption{display:none;}
.mainpro_bg{background:linear-gradient(to right,#ececec,#fff,#fff,#fff,#ececec);position:relative;padding:3rem 0 1rem 0;}
.mainpro_bg .content{max-width:1400px;margin:2rem auto;position:relative;width:94%;}
.mainpro_box{display:flex;flex-wrap:wrap;width:100%;position:relative;justify-content:space-between;}
.mainpro_left{width:34.2%;position:relative;}
.mainpro_left ul{display:flex;flex-wrap:wrap;}
.mainpro_left ul>li{width:100%;position:relative;}
.mainpro_left ul li ol{display:flex;flex-wrap:wrap;box-shadow:none;}
.mainpro_left ul li ol li.product_img{width:100%;position:relative;}
.mainpro_left ul li ol li.product_img a{display:block;width:100%;background:linear-gradient(180deg,rgba(0,0,0,.2),#f5f5f5);}
.mainpro_left ul li ol li.product_img img{display:block;}
.mainpro_left ul li ol li.product_con{width:100%;position:absolute;left:1rem;top:1rem;}
.mainpro_left ul li ol li.product_con a{display:block;width:100%;color:#333;font-family:'Oswald';font-size:1.2rem;line-height:1.3rem;font-weight:300;padding:1rem;letter-spacing:0.03rem;}
.mainpro_right{width:64.2%;position:relative;}
.mainpro_right ul{display:flex;flex-wrap:wrap;}
.mainpro_right ul>li{width:32%;margin:0 2% 1.5rem 0;position:relative;}
.mainpro_right ul>li:nth-child(3){margin-right:0;}
.mainpro_right ul>li:nth-child(5){margin-right:0;width:66%;}
.mainpro_right ul li ol{display:flex;flex-wrap:wrap;box-shadow:none;}
.mainpro_right ul li ol li.product_img{width:100%;position:relative;}
.mainpro_right ul li ol li.product_img a{display:block;width:100%;background:linear-gradient(180deg,rgba(0,0,0,.2),#f5f5f5);}
.mainpro_right ul li ol li.product_img img{display:block;}
.mainpro_right ul li ol li.product_con{width:100%;position:absolute;left:0;top:1rem;}
.mainpro_right ul li ol li.product_con a{display:block;width:100%;color:#333;font-family:'Oswald';font-size:1.05rem;line-height:1.1rem;font-weight:300;padding:1rem;letter-spacing:0.03rem;}
.mainpro_right ul li:nth-child(5) ol li.product_con a{text-align:center;}
.applition_for{background:#009cdc;}
.applition_for .container .app-imgs .each-item{margin:0;max-width:none;}
.applition_for .container .app-imgs .each-item .img{position:relative;width:100%;}
.applition_for .container .app-imgs .each-item .img:before{position:absolute;content:'';background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;}
.applition_for .container .app-imgs .each-item .text{background:0;position:absolute;bottom:1rem;left:0;border:none;padding:0 3rem 1rem;}
.applition_for .container .app-imgs .each-item .text a{color:#fff;font-family:'Oswald';font-weight:600;padding:1rem 0;font-size:1.8rem;line-height:2rem;letter-spacing:0.05rem;text-transform:uppercase;}
.applition_for .container .app-imgs .each-item .text h3{font-size:1.1rem;line-height:1.4rem;font-weight:400;color:#fff;}
.applition_for .container .title{font-size:2.2rem;margin:20px;font-family:'Oswald';color:#fff;font-weight:600;letter-spacing:0.05rem;}
.applition_for .container .memo{color:#fff;font-weight:400;}
.applition_for .swiper-pagination-bullet{border-radius:0;background:#eee;}
.applition_for .swiper-pagination-bullet-active{background:#fff;}
.applition_for .container .app-imgs{position:relative;}
.applition_for .swiper-horizontal > .swiper-pagination-bullets{display:none;}
.applition_for .swiper-button-next{background:url(../images/swipe_right.png) no-repeat;background-size:cover;width:50px;height:50px;right:2rem;}
.applition_for .swiper-button-prev{background:url(../images/swipe_left.png) no-repeat;background-size:cover;width:50px;height:50px;left:2rem;}
.applition_for .container .app-imgs .each-item{position:relative;overflow:hidden;}
.applition_for .container .app-imgs .each-item .overlay{position:absolute;left:0;top:0;width:110%;visibility:hidden;opacity:0;transition:.3s all ease-in-out;}
.applition_for .container .app-imgs .each-item:hover .overlay{visibility:visible;opacity:1;}
.example_for{background:0;}
.example_for .container{max-width:1680px;padding:0;}
.example_for .container .app-imgs{display:flex;flex-wrap:wrap;justify-content:space-between; align-items: flex-start; width: calc(100% + 10px); margin: 0 -5px;}
.example_for .container .app-imgs .each-item{width:calc(100% / 6);position:relative; padding: 0 5px;}
.example_for .container .app-imgs .each-item .img::before{display:none;}
.example_for .container .app-imgs .each-item .text{width: 100%; flex: 1; position:relative;color:#fff;bottom:auto;left:auto;text-align:center;display:block;width:100%;font-weight:400;padding:0.5rem;font-size:1rem;line-height:1.2rem;}
.company-home{background:#fff;height:auto;padding:2rem 0 4rem;}
.company-home .container .companys{max-width:1300px;box-shadow:none}
.company-home .container .morelinks .icons{display:none;}
.company-home .container .morelinks .swiper-container-small{width:100%;position:relative;left:auto;top:auto;box-shadow:none;padding:0;margin:2rem 0 0;}
.company-home .container .companys .item:nth-child(2){padding:1.25rem 0 1.25rem 4rem;}
.company-home .container .memo{color:#999;font-weight:600;text-transform:uppercase;font-size:0.8rem;letter-spacing:0.05rem;margin:0;}
.company_brief dl{margin:0;}
.company_brief dl dd{font-size:0.85rem;line-height:1.4rem;font-weight:400;color:#333;margin:0 0 1rem;letter-spacing:0;padding:0 0 0 1.3rem;position:relative;}
.company_brief dl dd:before{position:absolute;content:'';background:var(--hover-color);width:7px;height:7px;border-radius:50%;left:1px;top:7px;box-shadow:2px 2px 0 #111;}
.company-home .container .companys .item:nth-child(2) .caption{font-family:'Oswald';padding:0.5rem 0 1rem;font-weight:500;font-size:2.8rem;line-height:3rem;letter-spacing:0.05rem;}
.homePors .custom .learn-more,.for-materials .custom .learn-more,.learn-more{font-family:'Oswald';background:var(--hover2-color);margin:1rem 0 0;display:inline-block;}
.company-home .container .morelinks .swiper-container-small .swiper-wrapper .swiper-slide .img .imgs{width:100%;}
.company-home .container .companys .item:nth-child(2) .company_brief p{letter-spacing:0;font-weight:400;}
#footer{background:linear-gradient(90deg, #f5f5f5, #ffffff)}
.footer a.h3{font-family:'Oswald';}
.footer_list > li > a{font-weight:500;font-size:0.85rem;color:#111;}
.footer_list > li::before{content:'';position:absolute;left:0;top:8px;background:var(--hover2-color);width:6px;height:8px;transform:skewX(-25deg);}
#otherlink a{color:#333;border:1px solid #333;font-size:0.8rem;font-weight:400;}
#etw_coper a{color:#111;font-weight:400;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--hover-color);}
.footer_logo img{filter:invert(0);}
.footer_text{display:block;font-size:.85rem;line-height:1.4rem;color:#000;margin-bottom:1rem;font-weight:400;}
.footer_contact p{color:#333;margin:0 0 0.5rem;font-weight:400;}
.footer_contact p a:hover{color:var(--hover-color);}

.etw_photo{margin:0;width:100%;height:auto}
.etw_photo ul{display:flex;width:auto;height:auto;flex-flow:wrap}
.etw_photo ul li{margin:0 2% .5rem 0;display: block;}
.etw_photo ul li:before{display:none !important;}
.etw_photo ul li.bg_photo{background:linear-gradient(180deg,#ccc,#eee);text-align:center;padding:1.5rem 0 1rem 0;}
.etw_photo ul li.bg_photo a{width:40%;margin:0 auto;}
.etw_photo ul li img{display:block;width:100%;transition:.5s all ease-in-out;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;}
.etw_photo ul li a{display:block;overflow:hidden;}
.etw_photo ul li a:hover img{transform:scale(1.03);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}
.etw_photo ul li span{display:block;text-align:center;font-size: 0.85rem;
  line-height: 1.1rem;font-weight:300;clear:both;margin:0.6rem 0;color:#111;}
  .etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic1 ul li{width: 100%;margin-right: 0;}
.etw_pic2 ul li{width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%}
.etw_pic6 ul li{width:15%}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both}
.etw_shadowpic{width:100%;position:relative;}
.etw_shadowpic ul{display:flex;flex-flow:wrap;position:relative;}
.etw_shadowpic ul li{position:relative;}
.etw_shadowpic ul li figure{display: block;}
.etw_shadowpic ul li a{display:block;overflow:hidden;width:100%;border:4px solid #fff;box-shadow:1px 3px 8px rgba(0 0 0 / 10%);}
.etw_shadowpic ul li a:before{bottom:0;content:"";left:50%;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;right:51%;top:0;background:rgba(255,255,255,.1) none repeat scroll 0 0;}
.etw_shadowpic ul li a:after{bottom:50%;content:"";left:0;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;right:0;top:50%;background:rgba(255,255,255,.1) none repeat scroll 0 0;}
.etw_shadowpic ul li a:hover:before,.etw_shadowpic ul li a:hover:after{left:0;right:0;top:0;bottom:0;transition:all 500ms ease-in-out 0s;-webkit-transition:all 500ms ease-in-out 0s;-moz-transition:all 500ms ease-in-out 0s;-o-transition:all 500ms ease-in-out 0s;-ms-transition:all 500ms ease-in-out 0s;}
.etw_shadowpic ul li span{display:block;text-align:center;font-size:0.85rem;line-height:1rem;font-weight:400;clear:both;margin:0.6rem 0;color:#333;width:100%}
.etw_shadowpic ul li img{transition:.3s all ease-in-out}
.etw_shadowpic ul li a:hover img{transform:none;}
.top_container{margin: -8rem auto 2rem; background: #fff; padding: 3rem 2rem 0;}
.products_banner1{overflow: inherit;}

.darkbg{ background-color: #333;}
.lightdarkbg{ background-color: #b8b8b8;}
.differ-bg{ mix-blend-mode: difference;}
.white-bg{ background:linear-gradient(90deg,#ddd,#fff) !important;}
.white-bg-1{ background-color: #fff!important;;}
.features-flex{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.features-flex>li{ width: 48%!important; background: linear-gradient(90deg,#ddd,#fff); box-sizing: border-box; padding: 20px;}

.yellowmore{width:40px; height: 40px; background-color: #fff; color: #000; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.7rem; line-height: 1; text-align: center; margin-top: -2.5rem; box-shadow: inset -5px -5px 5px rgba(0,0,0,.2);}
.yellowmore:hover{background-color: var(--hover2-color); color: #000;}
.sethidden{ display: none;}
.setshow{ display: flex;}
.example_gallery{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
.example_gallery>li:nth-child(1),.example_gallery>li:nth-child(2){width:calc(50% - 2px);height:100px;overflow:hidden;padding:0;margin:0}
.example_gallery>li:nth-child(3){height:100px;overflow:hidden;padding:0;margin:0;margin-top:4px}
.carbonsteel{width:20px;height:20px;border-radius:50%;background:linear-gradient(90deg,#a7a6a9,#ccc)}
.prosDetails_text,.keyParameters{font-weight:400;color:#000}


@media (max-width:1199.98px){
	.navbar-expand-lg .navbar-nav .nav-item{margin-left: 1.5rem;}
	.etw_video::before{padding-top: 50%;}
	.etw_videobox .textbox > h2{font-size: 3rem;}
	.mainpro_right ul li ol li.product_con{top: 0;}
	.mainpro_left ul li ol li.product_con{left: 0; top: 0;}
	.mainpro_bg{padding-top: 2rem;}
	section{padding: 3rem 0;}
	.applition_for .container .memo{max-width: 70%;}
	.applition_for .container .app-imgs .each-item .text{bottom: 0; padding: 0 2rem 1rem;}
	.example_for .container .app-imgs .each-item{width: 20%;}
	.example_for .container .app-imgs .each-item:last-child{display: none;}
	.example_for .container .app-imgs .each-item .text{padding: .5rem;}
	.company-home .container .companys{margin-top: 30px;}
	.footer{padding: 3rem 0 2rem 0;}
	.products_boxs>ol .textbox{padding: 1.5rem 0 1.5rem 2.5rem;}
	.products_boxs2>ol .textbox{padding: 1.5rem 2.5rem 1.5rem 0;}
	.productsApps_left,
	.prosDetails>content>.row>.col-12{padding: 3rem 15px;}
	.inquiryform{padding-top: 4rem;}
	.inquiryform_right{padding: 0 20px 2rem 20px;}
	.leftbox{width: 100%; padding-bottom: 60px;}
	.related_pic{width: 70%; left: 50%; top: auto; bottom: 0; transform: translateX(-50%) translateY(0);}
	.related_pic>ul{width: calc(100% + 20px); margin: 0 -10px;}
	.related_pic>ul>li{width: 25%; padding: 0 10px;}
	.related_pic5>ul>li{width: 20%;}
	.rightbox{width: 100%; padding-top: 1rem;}
	.rightbox>.wrap{max-width: 1200px; padding: 0 20px;}
	.prosAll ul>li{width: 20%;}
	.prosAll ul>li:last-child{display: none;}
	.relatedPros3 ul>li{width: 25%;}
	.relatedPros3 ul>li:last-child{display: none;}
	.etw_hometitle h2, .etw_hometitle>div.h2{font-size: 2rem;}
	.materials_text{max-width: 80%;}
	.ourLaserSystem ul>li{width: 20%;}
	.ourLaserSystem ul>li:last-child{display: none;}


}
@media (max-width:991.98px){
	nav{margin-top: 0; border-top:none;}
	.navbar-expand-lg .navbar-nav .nav-item{margin: 0;}
	.etw_language ul>li{margin-right: 2.5rem;}
	.etw_language ul>li>span{color: #333; font-size: 1.5rem;}
	.etw_language ul>li>ol{width: 100px;}
	#etw_language>a{padding: 0 1rem;}
	.dropdown-menu1{padding: 1rem 1.5rem;}
	.etw_videobox{width: 100%; max-width: 800px;}
	.etw_videobox .textbox > h2{font-size: 2.5rem; line-height: 3rem;}
	.mainpro_bg{padding: 0;}
	.mainpro_box{width: 100%;}
	.mainpro_box>ul{width: calc(100% + 30px); margin: 0 -15px;}
	.mainpro_box>ul>li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;}
	.mainpro_box>ul>li>ol{background:linear-gradient(180deg,rgba(0,0,0,.2),#f5f5f5); position: relative;}
	.mainpro_box>ul>li>ol>li.product_img{width: 100%; display: flex; align-items: flex-end; padding-top: 1.5rem;}
	.mainpro_box>ul>li>ol>li.product_con{width: 100%; position: absolute; left: 0; top: 0; padding: 20px;}
	section{padding: 2.5rem 0;}
	.applition_for .container .title{font-size: 1.9rem; text-align: center; line-height: 1.2; margin: 0 0 1rem 0;}
	.applition_for .container .memo {max-width: 90%;}
	.applition_for .container .app-imgs .each-item .text a{font-size: 1.7rem;}
	.applition_for .container .app-imgs .each-item .text h3{font-size: 1rem;}
	.applition_for .swiper-button-next{left: auto; right: 0; width: 30px; height: 30px;}
	.applition_for .swiper-button-prev{left: 0; width: 30px; height: 30px;}
	.example_for .container .app-imgs .each-item{width: 25%;}
	.example_for .container .app-imgs .each-item:nth-last-child(2){display: none;}
	.company-home{padding: 2rem 0;}
	.company-home .container .companys{margin-top: 20px;}
	.company-home .container .companys{flex-wrap: wrap;}
	.company-home .container .companys .item{width: 100%;}
	.company-home .container .companys .item:has(.img-cover)::before{content: ''; display: block; padding-top: 50%;}
	.company-home .container .companys .item:nth-child(2){padding: 1.25rem 0 0 0;}
	.company-home .container .companys .item:nth-child(2) .caption{font-size: 2rem;}
	.footer{padding: 2rem 0;}
	.products .imgbox::before{padding-top: 56.25%;}
	.products_boxs>ol a.imgbox,
	.products_boxs>ol a.imgbox img{width: 100%;}
	.products_boxs>ol a.imgbox:has(.img-cover)::before{content: ''; display: block; padding-top: 56.25%;}
	.products_boxs>ol .textbox{width: 100%; padding: 1.5rem 0 0 0;}
	.products_lists>li{width: 100%;}
	.products_lists>li>ol{flex-direction: row;}
	.products_lists>li>ol a.imgbox{width: 40%;}
	.products_lists>li>ol .textbox{width: 60%; padding: 1rem; align-items: flex-start;}
	.products_lists>li>ol .textbox a.h4,
	.products_lists>li>ol .textbox p{text-align: left;}
	.productsApps_left{width: 100%; padding: 2.5rem 0;}
	.productsApps_box{max-width: 100%; padding: 0 20px;}
	.productsApps_btn{margin: -40px 0 0 0;}
	.productsApps_right{width: 100%; padding: 0 20px;}
	.inquiryform{padding-top: 2rem;}
	.inquiryform_img:has(.img-cover)::before{content: ""; display: block; padding-top: 40%;}
	.inquiryform_img:has(video)::before{content: ""; display: block; padding-top: 36.25%;}
	.inquiryform p{font-size: .95rem; line-height: 24px;}
	.inquiryform_right{width:100%; max-width: 100%; padding: 2rem; padding-bottom: 0; min-height: initial;}
	.prosHubList>li>ol .imgrightbox{display: none;}
	.prosHubList>li>ol .textbox{width: 65%; padding: 0 0 0 2rem;}
	.otherPros ul>li{width: calc(100% / 3);}
	.otherPros ul>li:last-child{display: none;}
	.prosDetails>content>.row>.col-12{padding: 2.5rem 15px;}
	.prosHubApps ul>li{width: 25%;}
	.prosHubApps ul>li:last-child{display: none;}
	.prosHubApps2 ul>li:last-child{display: block;}
	.related_pic{width: 80%;}
	.configurations>li{width: 50%;}
	.configurations1>li{width: 100%;}
	.relatedPros ul>li{width: 100%;}
	/* .relatedPros ul>li:last-child{display: none;} */
	.prosAll ul>li{width: calc(100% / 3);}
	.prosAll ul>li:last-child{display: block;}
	.inquiryform2_left{padding: 0;}
	.relatedPros2 ul>li{width: 100%;}
	.relatedPros3 ul>li{width: calc(100% / 3);}
	.relatedPros3 ul>li:nth-last-child(2){display: none;}
	.example_gallery>li{height: auto !important;}
	.example_gallery>li img{width: 100%;}
	.products_banner2{min-height: initial; padding: 20px 0;}
	.products_banner2 .app_bj{width: 80%; padding: 20px;}
	.products_banner2 .products_hover{position: relative; top: 0; transform: translateY(0);}
	.appsInds ul,
	.ourLaserMachines ul{width: calc(100% + 40px); margin: 0 -20px;}
	.appsInds ul>li,
	.ourLaserMachines ul>li{padding: 0 20px;}
	.ourPros ul>li{width: calc(100% / 3);}
	.materials_text{max-width: 100%;}
	.ourLaserSystem ul>li{width: 25%;}
	.ourLaserSystem ul>li:nth-last-child(2){display: none;}
	.cases_box .etw_hometitle{width: 100%; justify-content: center;}
	.cases_box .cases_text{width: 100%; padding: 0;}
	.cases_list{flex-wrap: wrap;}
	.cases_list>li{width: 100%;}
	.cases_list>li>ol{flex-direction: row;}
	.cases_list>li>ol a.imgbox{width: 40%;}
	.cases_list>li>ol .textbox{width: 60%;}
	.aboutCompany .imgbox .img-cover{position: relative;}
	.about>.row>.col-12,
	.company>content>.row>.col-12,
	.overview_box {padding: 3rem 0;}
	.aboutSafety_left,
	.aboutSafety_right{width: 100%;}
	.aboutSafety_right{padding: 1.25rem 0 0 0;}
	.about_nav ul>li {width: calc(100% / 3); padding: 10px 0;}
	.about_nav ul>li:nth-child(3){border-right: none;}
	.top_container{margin-top: 0; margin-bottom: 0; padding: 20px;}
	.overview_list>li{width: 50%;}
	.video_hub1 a.imgbox{width: 100%;}
	.video_hub1 .textbox{width: 100%;}

}
@media (max-width:767.98px){
	.etw_videobox{padding: 20px; top: 50%; transform: translateY(-50%); z-index: 3; bottom: auto;}
	.etw_videobox .textbox > h2{font-size: 2rem; line-height: 2.2rem; margin-bottom: 0;}
	.mainpro_box>ul{width: calc(100% + 20px); margin: 0 -10px;}
	.mainpro_box>ul>li{width: 50%; padding: 0 10px; margin-bottom: 20px;}
	section{padding: 2rem 0;}
	.example_for .container .app-imgs .each-item{width: calc(100% / 3); margin-top: 10px;}
	.example_for .container .app-imgs .each-item:nth-last-child(2),	.example_for .container .app-imgs .each-item:last-child{display: block;}
	.company-home{padding: 1.5rem 0;}
	.company-home .container .companys .item:nth-child(2) .caption{font-size: 1.5rem;}
	.footer{padding: 1.5rem 0;}
	.products .etw_hometitle h2,
	.productsApps_box .h2,
	.productsFaqs .h2{font-size: 1.5rem;}
	.productsApps_left{padding: 2rem 0;}
	#productsFaqs .card{width: 100%; margin-bottom: 0;}
	.inquiryform{padding-top: 0;}
	.inquiryform_right{padding: 20px; padding-bottom: 0;}
	.inquiryform .h3,.inquiryform p{margin-bottom: 1rem;}
	.prosHubList>li{padding: 1.5rem 0;}
	.prosHubList>li:first-child{padding-top: 0;}
	.prosHubList>li>ol a.imgbox{width: 100%;}
	.prosHubList>li>ol .textbox{width: 100%; padding: 0 0 0 1rem;}
	.prosHubList>li>ol .textbox dl>dd{font-size: .85rem;}
	.otherPros ul>li{width: 50%;}
	.otherPros ul>li:last-child{display: block;}
	.prosDetails>content>.row>.col-12{padding: 2rem 15px;}
	.prosHubApps ul>li{width: calc(100% / 3);}
	.prosHubApps ul>li:nth-last-child(2){display: none;}
	.related_pic{width: 90%;}
	.configurations{width: calc(100% + 20px); margin: 0 -10px;}
	.configurations>li{padding: 0 10px; margin-top: 20px;}
	.configurations1>li>ol .imgbox{width: 40%;}
	.configurations1>li>ol .textbox{width: 60%; padding:1.25rem;}
	.prosAll .h3{font-size: 1.4rem;}
	.prosAll ul>li{width: 50%;}
	.components_list>.col-12{margin-bottom: 1rem;}
	.relatedPros3 ul>li{width: 50%;}
	.relatedPros3 ul>li:nth-last-child(2){display: block;}
	.features-flex>li{width: 100% !important;}
	.products_banner2 .app_bj{width: 100%;}
	.etw_hometitle h2, .etw_hometitle>div.h2,
	.recommended .h3_title,
	.videoHub .etw_hometitle{font-size: 1.7rem;}
	.products_banner2 .etw_hometitle>div.h2{margin-top: 0;}
	.appsMaterials_box .h3_title{width: 100%; text-align: center;}
	.appsMaterials_box .appsMaterials_text {width: 100%; padding-left: 0;}
	.appsInds ul,
	.ourLaserMachines ul{width: calc(100% + 30px); margin: 0 -15px;}
	.appsInds ul>li,
	.ourLaserMachines ul>li{width: 50%; padding: 0 15px;}
	.ourPros ul>li{width: 50%;}
	.recommended ul>li>ol a.imgbox,
	.recommended ul>li>ol .textbox{width: 100%;}
	.recommended ul>li>ol .textbox{padding: 1.25rem 0 0 0;}
	.ourLaserSystem ul>li{width: calc(100% / 3);}
	.ourLaserSystem ul>li:nth-last-child(2),
	.ourLaserSystem ul>li:nth-last-child(1){display: block;}
	.cases_list>li>ol a.imgbox{width: 100%;}
	.cases_list>li>ol .textbox{width: 100%;}
	.aboutQuality a.imgbox{width: 100%;}
	.about>.row>.col-12,
	.overview_box {padding: 2rem 0;}
	.aboutQuality .textbox,
	.company>content>.row>.col-12 {padding: 1.25rem 0 0 0;}
	.about_nav ul>li {width: 50%;}
	.about_nav ul>li:nth-child(3){border-right: 1px solid #ddd;}
	.about_nav ul>li:nth-child(2),
	.about_nav ul>li:nth-child(4){border: none;}
	.quality_list>li,
	.quality img,
	.customization_list>li,
	ul.customization_list_item>li,
	.afterSales_list>li .imgbox,
	.afterSales_list>li .imgbox img,
	.afterSales_list>li .textbox,
	.overviewCompany li{width: 100%;}
	.overviewCompany li{margin-top: 1.25rem;}
	.overview_list>li{width: 100%;}
	.video_hub ul li{width: 100%; margin-bottom: 1rem;}




}
@media (max-width:575.98px){
	.etw_videobox .textbox > h2,
	.diamond .etw_hometitle h2,
	.diamond .etw_hometitle div.h3{font-size: 1.5rem; line-height: 1.4;}
	.mainpro_box>ul{width: 100%; margin: 0;}
	.mainpro_box>ul>li{width: 100%; padding: 0;}
	.mainpro_box>ul>li:last-child{margin-bottom: 0;}
	.mainpro_box>ul>li>ol>li.product_img{padding-top: 0;}
	section{padding: 1.5rem 0;}
	.applition_for .container .title,.inquiryform .h3{font-size: 1.5rem;}
	.applition_for .container .memo{max-width: 100%;}
	.applition_for .container .app-imgs .each-item .text a{font-size: 1.4rem;}
	.example_for .container .app-imgs .each-item{width: 50%;}
	.products_lists>li{margin-top: 1rem;}
	.products_lists>li>ol{flex-direction: column;}
	.products_lists>li>ol a.imgbox{width: 100%;}
	.products_lists>li>ol .textbox{width: 100%; padding: 1rem 0 0 0; align-items: center;}
	.products_lists>li>ol .textbox a.h4,
	.products_lists>li>ol .textbox p{text-align: center;}
	.productsApps_left{padding: 1.5rem 0;}
	.prosHub .etw_hometitle h2{font-size: 1.5rem;}
	.prosHub .etw_hometitle small{font-size: .95rem;}
	.prosHubList>li{padding: 1rem 0;}
	.prosHubList>li:first-child{padding-top: 0;}
	.prosHubList>li>ol a.imgbox{width: 100%;}
	.prosHubList>li>ol .textbox{width: 100%; padding: 1rem 0 0 0;}
	.prosHubList>li>ol .textbox a.h3{font-size: 1.2rem;}
	.otherPros ul>li{width: 100%; margin-top: 1rem;}
	.prosDetails>content>.row>.col-12{padding: 1.5rem 15px;}
	.prosHubApps ul>li{width: 50%;}
	.prosHubApps ul>li:nth-last-child(2){display: block;}
	.leftbox{padding: 1.25rem 0 0 0;}
	.related_pic{width: calc(100% - 20px); position: relative;}
	.related_pic>ul{width: calc(100% + 10px); margin: 0 5px;}
	.related_pic>ul>li{width: 50%; padding: 0 5px; margin: 5px 0;}
	.configurations>li{width: 100%; margin-top: 10px;}
	.configurations>li>ol .imgbox,
	.configurations>li>ol .imgbox>figure,
	.configurations>li>ol .imgbox img{width: 100%;}
	.configurations1>li>ol .textbox{padding: 1rem;}
	.relatedPros ul>li{width: 100%;}
	.relatedPros ul>li>ol a.imgbox,
	.relatedPros ul>li>ol a.imgbox img,
	.relatedPros ul>li>ol::before{width: 100%;}
	.relatedPros ul>li>ol .textbox{width: 100%; padding: 1.25rem;}
	.prosAll ul>li{width: 100%;}
	.inquiryBtn{flex-direction:column;}
	.inquiryBtn>a{width: fit-content;}
	.inquiryBtn>a.inquiryBtnPdf{ margin: .5rem 0 0 0;}
	.relatedPros .h6_center{font-size: 1.4rem;}
	.relatedPros ul>li{margin-top: 1rem;}
	.relatedPros2 ul>li>ol a.imgbox,
	.relatedPros2 ul>li>ol a.imgbox img,
	.relatedPros2 ul>li>ol::before{width: 100%;}
	.relatedPros2 ul>li>ol .textbox{width: 100%; padding: 1.25rem;}
	.relatedPros3 ul>li{width: 100%;}
	.relatedPros3 ul>li>ol a.imgbox,
	.relatedPros3 ul>li>ol a.imgbox img,
	.relatedPros3 ul>li>ol::before{width: 100%;}
	.relatedPros3 ul>li>ol .textbox{width: 100%; padding: 1.25rem;}
	.example_gallery>li{width: 100% !important; margin: 0 0 5px 0 !important;}
	.feats .imgbox img{width: 100%;}
	.etw_hometitle h2, .etw_hometitle>div.h2,
	.recommended .h3_title,
	.videoHub .etw_hometitle,
	#video_right .etw_hometitle .h3{font-size: 1.5rem;}
	.appsInds ul,
	.ourLaserMachines ul{width: calc(100% + 20px); margin: 0 -10px;}
	.appsInds ul>li,
	.ourLaserMachines ul>li{width: 100%; padding: 0 10px; margin-top: 1rem;}
	.ourPros ul>li{width: 100%;}
	.ourLaserSystem ul>li{width: 50%;}
	.about>.row>.col-12,
	.company>content>.row>.col-12,
	.overview_box {padding: 1.25rem 0;}

	.etw_pic2 ul li{width: 100%;}
	.afterSales_list::before{left: 20px;}
	.afterSales_list>li .iconbox {width: 40px; height: 40px; padding: 10px;}
	.afterSales_list>li{padding-left: 50px;}
	.video_hub1 .textbox{width: 100%; padding: 20px;}
	.video_hub ul li a .video_img,
	.video_hub ul li a .video_text{width: 100%;}



}

@media (max-width:475.98px){
	.etw_language ul>li {margin-right: 1rem;}
	.example_for{padding: 0 20px;}
	.example_for .container .app-imgs .each-item,
	.prosHubApps ul>li,
	.related_pic>ul>li,
	.ourLaserSystem ul>li{width: 100%;}

}
@media (max-width:375.98px){
	.about_nav ul>li {width: 100%; border: none !important;}
}