@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:Jura;src:url(../fonts/Jura/Jura-Regular.woff2) format("woff2"),url(../fonts/Jura/Jura-Regular.woff) format("woff");font-weight:400;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:Jura;src:url(../fonts/Jura/Jura-Bold.woff) format("woff2"),url(../fonts/Jura/Jura-Bold.woff) format("woff");font-weight:bold;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Roboto Condensed";src:url(../fonts/RobotoCondensed/RobotoCondensed-ExtraLight.woff2) format("woff2"),url(../fonts/RobotoCondensed/RobotoCondensed-ExtraLight.woff) format("woff");font-weight:200;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Roboto Condensed";src:url(../fonts/RobotoCondensed/RobotoCondensed-Light.woff2) format("woff2"),url(../fonts/RobotoCondensed/RobotoCondensed-Light.woff) format("woff");font-weight:300;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Roboto Condensed";src:url(../fonts/RobotoCondensed/RobotoCondensed-Regular.woff2) format("woff2"),url(../fonts/RobotoCondensed/RobotoCondensed-Regular.woff) format("woff");font-weight:400;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Roboto Condensed";src:url(../fonts/RobotoCondensed/RobotoCondensed-Bold.woff2) format("woff2"),url(../fonts/RobotoCondensed/RobotoCondensed-Bold.woff) format("woff");font-weight:700;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Roboto Condensed";src:url(../fonts/RobotoCondensed/RobotoCondensed-BoldItalic.woff2) format("woff2"),url(../fonts/RobotoCondensed/RobotoCondensed-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Roboto Condensed";src:url(../fonts/RobotoCondensed/RobotoCondensed-Black.woff2) format("woff2"),url(../fonts/RobotoCondensed/RobotoCondensed-Black.woff) format("woff");font-weight:900;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Roboto Condensed";src:url(../fonts/RobotoCondensed/RobotoCondensed-BlackItalic.woff2) format("woff2"),url(../fonts/RobotoCondensed/RobotoCondensed-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-Bold.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Bold.woff) format("woff");font-weight:700;font-display:swap;font-optical-sizing:auto}
@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: #e62129;
	--hover2-color: #a02129;
	--bg-f1: #f1f1f1;
	--bg-f2: #f2f2f2;
	--bg-f3: #f3f3f3;
	--bg-f4: #f4f4f4;
	--bg-f5: #f5f5f5;
	--bg-f6: #f6f6f6;
}
.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:"Roboto Condensed",Helvetica,sans-serif;font-weight:300;font-size: 1rem;line-height:24px;background-color:#fff;overflow-x:hidden}
li,ol,ul {list-style: none;margin-bottom: 0;}
h2,h3,h4,h5,h6 {font-family: "Roboto Condensed", sans-serif;color: inherit;font-weight: 900;margin-bottom: 1rem;}
.h2,.h3,.h4,.h5,.h6 {font-family: "Roboto Condensed", sans-serif;color: inherit;font-weight: 900;margin-bottom: 1rem;}
h2 {font-size: 2.5rem;}h3 {font-size: 2rem;}h4 {font-size: 1.5rem;}h5 {font-size: 1.25rem;}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);}
p {font-size: 1rem;line-height: 24px;}
p:last-child{margin-bottom: 0;}
strong,b {font-weight: 600;}
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}
figure{display:flex;flex-wrap:wrap;margin:0}
.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%}
.imgbox-625::before{content:"";display:block;padding-top:62.5%}
.imgbox-5625::before{content:"";display:block;padding-top:56.25%}
.imgbox-50::before{content:"";display:block;padding-top:50%}
.imgbox-375::before{content:"";display:block;padding-top:37.5%}
.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}
ul{display: flex; flex-wrap: wrap;}
ul li{display: flex; flex-wrap: wrap;}
ul li>ol{width: 100%;display: flex; flex-wrap: wrap; transition: all .4s ease-in-out;}
.container{display: block;}
@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:1230px;display: block;}}
/* public */
.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:fit-content;display:flex;align-items: center; line-height:1;font-size:1rem;color:#fff;background-color:var(--hover-color);text-transform:uppercase;font-family:Oswald,sans-serif;padding:0.5rem 1.5rem;border-radius:30px;transition:all 0.4s; position:relative; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.more>a::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;	-webkit-font-smoothing: antialiased; font-size: 1.25rem; margin-left: .5rem; line-height: 1;}
.more>a:hover{color:#fff; background-color: #000;}

ul.etw_phone{width:calc(100% + 20px);margin-left:-10px; margin-bottom: 1rem;}
ul.etw_phone li{width:100%;padding:0 10px;margin-bottom:20px;flex-direction:column;}
ul.etw_phone li a.imgbox,.etw_phone li .imgbox{box-shadow: 0 0 5px rgba(0,0,0,0.15); background-color: #fff;}
ul.etw_phone li a.imgbox>img,.etw_phone li .imgbox>img{mix-blend-mode:multiply}
ul.etw_phone li span{flex:1;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#333;overflow:hidden;line-height:1.25rem;padding:0.5rem;background-color: #fff; font-weight: 400; font-size: 1rem; text-transform: capitalize;}
ul.etw_phone2{width:100%;margin:0;justify-content:space-between}
ul.etw_phone2 li{width:calc(50% - 10px);padding:0}
ul.etw_phone3 li{width:calc(100% / 3)}
ul.etw_phone4 li{width:25%}
ul.etw_phone5 li{width:20%}
ul.etw_phone6 li{width:calc(100% / 6)}

ul.items{width: 100%;margin-bottom: 1rem;}
ul.items>li{width:100%;line-height:30px;margin-bottom:10px;padding-left:1rem;position:relative; font-size: 18px;}
ul.items>li::before{content:"";width: 6px; height: 6px; border-radius: 50%; background-color:var(--hover-color);position: absolute; left: 0; top: 12px;}
ul.items>li>strong{margin-right: .5rem;}

.table-responsive td>a{color: var(--hover-color); font-weight: 400;}
.table-responsive td>a:hover{color: var(--hover2-color); text-decoration: underline;}

.table td, .table th {padding: .5rem; font-weight: 400;}
.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);}

@media (max-width:1199.98px){
ul.etw_phone6 li{width:calc(100% / 5)}
ul.etw_phone6 li:last-child{display:none}
}
@media (max-width:991.98px){
ul.etw_phone5 li{width:calc(100% / 4)}
ul.etw_phone5 li:last-child{display:none}
ul.etw_phone6 li{width:calc(100% / 3)}
ul.etw_phone6 li:last-child{display:block}
}
@media (max-width:767.98px){
ul.etw_phone3 li{width:calc(100% / 2)}
ul.etw_phone3 li:last-child{display:none}
ul.etw_phone5 li{width:calc(100% / 2)}
ul.etw_phone6 li{width:calc(100% / 2)}
p{font-size: 0.95rem;margin-bottom: 0.8rem;line-height: 20px;}
.more>a{font-size: 0.9rem;padding: 0.3rem 1.2rem;}
.col-md-6 ul.etw_phone2{margin-top: 1rem;}
.video_btn{width: 6vh;}
ul.etw_phone4{margin-bottom: 0;width: 100%;margin-left: 0;}
ul.etw_phone4 li{width: 50%;margin-bottom: 1rem;}
ul.etw_phone li a{display: flex;}
ul.etw_phone3 li img, ul.etw_phone4 li img, ul.etw_phone img{width: 100%;}
}
@media (max-width:575.98px){
ul.etw_phone3 li,ul.etw_phone4 li,ul.etw_phone2 li{width:100%}
ul.etw_phone2 li{margin-bottom: 1rem !important;}
ul.etw_phone3 li:last-child{display:block}
ul.etw_phone5 li{width:100%}
ul.etw_phone5 li:last-child{display:block}
ul.etw_phone6 li{width:100%}
}
/* public-End */
/* etw_language */
.etw_language{width: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 9; min-height: 40px; background-color: #f1f1f1;}
.etw_language ul{width:100%;display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap;}
.etw_language ul>li>ol{width: auto;}
#etw_language{display:flex; height:100%;}
#etw_language>a{width: fit-content; padding:0 1rem;color:#000;display:flex;justify-content:center;align-items:center; height: 40px; position: relative;}
#etw_language>a::after{content: '';width: 1px; height: 10px;background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#etw_language>a:last-child{padding-right: 0;}
#etw_language>a:last-child:after{display: none;}
#etw_language>a:hover{background: none; color:var(--hover-color);text-decoration: underline;}
/* 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;padding-top: 40px;}
#etw_logo{float: left; position: relative;z-index: 10; margin-top: -40px;}
#etw_logo a{display: block; padding: 10px 0;}
#etw_logo a>img{display:block;max-width:100%;height:80px;}
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: 2rem;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#000;text-transform:uppercase;padding:0;min-height:60px;display:flex;align-items:center;justify-content:center;position:relative; font-size: 1rem;font-weight: 700;}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;right:0;bottom:0;width:0px;height:2px;background-color:var(--hover-color);transition:0.3s;z-index:-1}
nav .navbar-nav .nav-item .nav-link::after{transition:all 0.3s;margin-left:0.5rem}
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 .nav-link::after,nav .navbar-nav .nav-item:hover .nav-link::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:block;transition:all 0.5s;padding:0.6rem 1.2rem;font-weight:400;}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:var(--hover-color); background-color: #f1f1f1; text-decoration:none}
.dropdown-menu .dropdown-item:hover::before,.dropdown-menu .dropdown-item.active::before{color:var(--hover-color)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.dropdown-menu1{min-width: 300px; padding: 1.5rem;}
.dropdown-menu_list>li{border-bottom: none !important; margin-bottom: 1.5rem;}
.dropdown-menu_list>li:last-child{margin-bottom: 0;}
.dropdown-menu_list>li>a.dropdown-item{font-size: 1.1rem; font-weight: bold; width: fit-content; padding: 0;}
.dropdown-menu_list>li>a.dropdown-item:hover,.dropdown-menu_list>li>a.dropdown-item.active{background-color: initial; color: var(--hover-color);}
.dropdown-menu_list>li>ol{display: flex; flex-wrap: wrap;}
.dropdown-menu_list>li>ol>li{width: 100%;border-bottom:1px dashed #ddd;}
.dropdown-menu_list>li>ol>li>a{padding: .4rem 0 .4rem 1.4rem;position: relative;}
.dropdown-menu_list>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-menu_list>li>ol>li>a:hover,.dropdown-menu_list>li>ol>li>a.active{color: var(--hover-color);}
@media (max-width:1199.98px){
}
@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>a{margin:0;height:30px;padding:0 1rem;background-color:var(--bg-f5);border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,0.2);margin-top:0.5rem;color:#000}
	#etw_language>a:last-child {padding: 0 1rem;}
	#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;}
	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;min-height: 48px;}
	.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;padding: 0 1.5rem;}
	.navbar-nav .dropdown-menu1.show{padding: 1.5rem;}
	#etw_logo a>img{height: 60px;}
	.dropdown-menu .dropdown-item{font-weight: 300;}
}
/* Banner */
.etw_banner{width:100%;overflow:hidden;position:relative;}
.etw_banner .swiper{width:100%}
.etw_banner .swiper .swiper-slide{height: auto;position:relative;overflow:hidden;min-height:300px;max-height:600px;display: flex;}
.etw_banner .swiper .swiper-slide::before{content: ''; display: block; padding-top: 31.25%;}
.banner_box{width:60%; position: relative; z-index: 2; display:flex; flex-direction: column;justify-content: center; padding: 3rem; background: linear-gradient(to right, var(--hover-color) 10px, transparent 10px) 0 0, linear-gradient(to left, var(--hover-color)  10px, transparent 10px) 100% 100%, linear-gradient(to bottom, var(--hover-color)  10px, transparent 10px) 0 0, linear-gradient(to top, var(--hover-color)  10px, transparent 10px) 100% 100%;background-repeat: no-repeat;	background-size: 150px 150px; background-color: rgba(0,0,0,0.3);}
.banner_box h2{font-size:2.5rem;line-height:3rem;color:#fff;text-transform:uppercase;}
.banner_box p{font-size: 1.4rem;line-height: 30px;color:#fff;}
.banner_box .more>a{box-shadow: initial;}
.banner_box2{background-color: rgba(255,255,255,.9); box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: center; margin: 0 auto;}
.banner_box2 h2,.banner_box2 p{color: #000;}

.banner_box2 h2{font-size: 1.6rem;line-height: 2.4rem; color: #333;}
.etw_banner .swiper-pagination{bottom: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; padding: 1rem .5rem;}
.etw_banner .swiper-pagination-bullet{width: 1rem; height: 1rem; background-color: #fff; opacity: 1;}
.etw_banner .swiper-pagination-bullet-active{background-color: var(--hover-color);}
@media (max-width:1399.98px){

}
@media (max-width: 1199.98px) {.banner_box{width: 62%;}
	.banner_box h2{font-size: 2.2rem;line-height: 2.6rem;}
	.banner_box .more{display: none;}
	.banner_box p{margin-bottom: 0;font-size: 1.3rem;line-height: 1.8rem;}
	.banner_box.banner_box2 h2{margin-bottom: 0;font-size: 1.6rem;line-height: 2.4rem;}
}
@media (max-width:991.98px){.banner_box{width: 70%;padding: 2rem;}
	.etw_banner{display:flex}
	.etw_banner .swiper{width:100%;flex:1}
	.etw_banner .swiper .swiper-slide img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
	.banner_box h2{font-size: 2rem;line-height: 2.4rem;}
	.banner_box p{font-size: 1.2rem;line-height: 1.6rem;}
}
@media (max-width: 767.98px) {.banner_box{width: 100%;margin: auto;}
	.container{justify-content: center;}
	.banner_box h2{font-size: 1.8rem;line-height: 2.2rem;margin-bottom: 0;}
	.banner_box p{display: none;}
	.etw_banner .swiper .swiper-slide{min-height: 240px;}
	.etw_banner .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;}
}
@media (max-width: 649.98px) {
	.banner_box{display: none;}
}
/* Banner-end */
/* index */
.etw_box{padding:3rem 0; overflow: hidden;}
.hometitle{display: flex; flex-direction: column; align-items: center; text-transform: uppercase;}
.homesmall{display: flex; justify-content: center; font-size: 1.625rem; opacity: .5; font-weight: 300; margin-bottom: 1rem;}
/* About */
.homeAbout{position: relative; overflow: hidden;}
.homeAbout::before{content: '';width: 100%; height: 100px; background: url(../images/bj2.jpg) no-repeat center center; background-size: 100% 100%; position: absolute; right: 0; bottom: 0;z-index: -1;}
.homeAbout>.container{position: relative;z-index: 2;}
.homeAbout_left{width: 50%;position: relative;}
.homeAbout_left .imgbox{width: 65%;}
.homeAbout_left .homeAbout_smallimg{width: 40%;position: absolute;right: 10%; top: 50%;transform: translateY(-50%); border: 15px solid #fff;}
.homeAbout_right{width: 50%; border-left: 10px solid var(--hover-color); padding: 2rem; padding-right: 0;}
.homeAbout_right h2{color: var(--hover-color); font-weight: 900; margin-bottom: .5rem;}
.homeAbout_right h4{opacity: .7;}
/* Products */
.homePros ul{width: calc(100% + 30px); margin-left: -15px; margin-top: 2.5rem;}
.homePros ul li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;}
.homePros ul li>ol{flex-direction: column; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.homePros ul li>ol .imgbox{border-bottom: 5px solid var(--hover-color);}
.homePros ul li>ol .imgbox img{transition: all .4s ease-in-out;}
.homePros ul li>ol .imgbox:hover>img{opacity: .8;}
.homePros ul li>ol .textbox{flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; background-color: #fff; padding: 1rem;}
.homePros ul li>ol .textbox .h3{flex: 1;font-size: 1.5rem; margin-bottom: .5rem;}
.homePros ul li>ol .textbox p{min-height: 72px; max-height: 72px; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; margin-bottom: .5rem;}
.homePros ul li>ol .textbox>dl{display: flex; flex-direction: column; margin-bottom: 0;}
.homePros ul li>ol .textbox>dl>dd{margin-bottom: 5px; padding-left: 1rem; position: relative; line-height: 22px;}
.homePros ul li>ol .textbox>dl>dd::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--hover-color); position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.homePros ul li>ol .textbox>dl>dd>strong{font-size: .9rem;}
.homePros ul li>ol .textbox>dl>dd:last-child{margin-bottom: 0;}
.homePros ul li:nth-child(1),.homePros ul li:nth-child(2){width: 50%;}
/* Applications */
.homeApp{background: url(../images/app_bj.jpg) no-repeat center center; background-size: cover;}
.homeApp .homesmall{opacity: 1;}
.homeApp .swiper{width: 100%; margin-top: 2rem; padding-bottom: 20px;}
.homeApp .swiper .swiper-slide{padding: .5rem;display: flex; height: auto;}
.homeApp .swiper .swiper-slide>ol{width: 100%; display: flex; flex-direction: column;align-items: center;}
.homeApp .swiper .swiper-slide>ol a.imgbox{width: 90%; border-radius: 50%; background-color: #fff;}
.homeApp .swiper .swiper-slide>ol a.imgbox::after{content: ''; position: absolute; inset: 0;border: 2px dashed var(--hover-color);border-radius: 50%; transition: all .5s ease-in-out;}
.homeApp .swiper .swiper-slide>ol:hover a.imgbox::after{ transform: rotate(360deg);}
.homeApp .swiper .swiper-slide>ol a.imgbox img{max-width: 60%;}
.homeApp .swiper .swiper-slide>ol a.textbox{display: flex; flex: 1; justify-content: center; line-height: 1.2; text-align: center; margin-top: .5rem; font-weight: 400;}
.homeApp .swiper .swiper-slide>ol:hover a.textbox{color: var(--hover-color);}
.homeApp .swiper .swiper-pagination{bottom: 0;}
.homeApp .swiper .swiper-pagination-bullet{width: 10px; height: 10px; background-color: var(--hover-color);}
/* Project Cases */
.homeCases .homesmall{max-width: 70%; margin: 0 auto; text-align: center; line-height: 1.2;}
.homeCases .swiper{width: 100%; margin-top: 2rem; padding-bottom: 24px;}
.homeCases .swiper .swiper-slide{height: auto;position: relative; overflow: hidden;}
.homeCases .swiper .swiper-slide a.imgbox{border-radius: 10px;}
.homeCases .swiper .swiper-slide a.imgbox::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(transparent 60%,rgba(0,0,0,.8));z-index: 1;}
.homeCases .swiper .swiper-slide a.imgbox img{transition: all .4s ease-in-out;}
.homeCases .swiper .swiper-slide:hover a.imgbox>img{opacity: .8;}
.homeCases .swiper .swiper-slide a.textbox{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2;color: #fff;padding: 1rem; line-height: 1.3; font-size: 1rem;}
.homeCases .swiper .swiper-pagination{bottom: 0;}
.homeCases .swiper .swiper-pagination-bullet{width: 10px; height: 10px; background-color: var(--hover-color);}
.homeCases .prev-button,.homeCases .next-button{width: 30px; height: 50px; position: absolute; left: 0; top: 50%;z-index: 3; background-color: rgba(0,0,0,0.5); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; color: #fff; margin-top: -12px;}
.homeCases .next-button{left: auto; right: 0;}
.homeCases .prev-button.swiper-button-disabled,.homeCases .next-button.swiper-button-disabled{display: none;}
/* homeInquiry */
/* .homeInquiry{padding: 0;position: relative;}
.homeInquiry_box{width: 100%; max-width: 1000px; margin: 0 auto; background: url(../images/Cta-bg.jpg) no-repeat center center; background-size: cover; padding: 2rem 4rem;}
.homeInquiry_box{display: flex; flex-direction: column;align-items: center; justify-content: center; text-align: center;}
.homeInquiry_box .more>a{border-width: 0;}
.homeFooter{padding-top: 5rem; margin-top: -5rem;} */
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
	.homeAbout_left,.homeAbout_right{width: 100%;}
	.homeAbout_right{padding-left: 0;border-left: 0;}
	.homeAbout_left .imgbox{width: 55%;}
	.homeAbout_left .homeAbout_smallimg{width: 50%;right: 5%;border: 10px solid #fff;}
	.homeAbout_left .homeAbout_smallimg img{width: 100%;}
	.homeAbout_right h2{font-size: 2.2rem;}
	.hometitle h3 {font-size: 1.8rem;}
	.homeAbout_right h4{font-size: 1.4rem;}
	.etw_box{padding: 2rem 0;}
	.homesmall{font-size: 1.5rem;}
}
@media (max-width: 767.98px) {
	.homeAbout_right h2{font-size: 2rem;}
	.homeAbout_right h4,.homesmall{font-size: 1.3rem;}
	.etw_box{padding: 1rem 0;}
	.homeAbout_right{padding: 1rem 0 0;}
	.homeApp .swiper .swiper-slide>ol a.textbox,.homeCases .swiper .swiper-slide a.textbox{font-size: 0.9rem;}
	.homeApp .swiper,.homeCases .swiper{margin-top: 1rem;}
	.hometitle h3 {font-size: 1.6rem;margin-bottom: 0.5rem;}
}
@media (max-width: 575.98px) {
	.homeAbout_right h2{font-size: 1.8rem;}
	.homeAbout_right h4,.homesmall{font-size: 1.2rem;margin-bottom: 0.5rem;}
}
@media (max-width: 380.98px) {}
/* index-end */
/* #footer */
#footer{background:#333;}
.footer{width:100%;padding:3rem 0;position:relative;z-index: 0;}
.footer_logo img{display:block;max-width:100%;height:100px;}
.footer_text{display: block; font-size: 1.25rem; color: var(--hover-color); text-align: center; margin-top: 1rem; font-weight: 400;}
.footer_title{color:#fff;font-size: 1.25rem;}
.footer_list{display:flex;flex-direction:column;}
.footer_list li{display:block;margin-bottom:5px;position: relative; padding-left: 1rem;}
.footer_list li::before{content: "\f285";display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0;top:.3rem;color:var(--hover-color);font-size:.85rem;}
.footer_list li a{color:#fff;font-weight:400;opacity:0.9; font-size: 1rem;}
.footer_list li a:hover{opacity:1;color:var(--hover-color)}
.footer_contact{display:flex;flex-direction:column;margin-top:0.5rem}
.footer_contact p{color:#fff;display:flex;flex-wrap:wrap;align-items:center; margin-bottom: 5px; font-weight: 400;font-size: 1rem;}
.footer_contact p i{margin-right:10px}
.footer_contact p a:hover{color:var(--hover-color)}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:1rem 0; background-color: var(--hover-color); 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:var(--hover-color);}
#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:var(--hover-color);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(--hover-color)!important;border:1px solid var(--hover-color) !important;}
.theme-box-name{background:#000!important;border-left:1px solid var(--hover-color) !important}
@media (max-width: 1299.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}
/* nBanner */
.nbanner{width:100%;overflow:hidden;position:relative;min-height:300px;max-height: 300px;}
.nbanner>img{filter: blur(5px);}
.nbanner::before{content: '';display: block; padding-top: 25%;}
.nbanner::after{content: '';position: absolute; inset: 0; background-color: rgba(0,0,0,0.4);}
.nbanner_box{position: absolute; inset: 0;z-index: 2;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.nbanner_box>.container>content{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.nbanner .etw_hometitle{flex: 1;display: flex; text-transform: uppercase; margin-bottom: 0;}
.nbanner .etw_hometitle h2{color: #fff; font-size: 3rem; line-height: 1; text-align: left;}
.nbanner #quicknav{background: none;display: flex; justify-content: center; margin-top: 1rem;}
.nbanner #quicknav ul{width: fit-content;}
.nbanner #quicknav ul li::after,.nbanner #quicknav ul li a,.nbanner #quicknav ul>li:first-child>a{color:rgba(255,255,255,1);}
.nbanner #quicknav ul li:last-child{color: #fff; text-decoration: underline;}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
	.nbanner .etw_hometitle h2{font-size: 2.4rem;}
}
@media (max-width: 767.98px) {.nbanner{min-height: 240px;max-height: max-content;}
	.nbanner::before{display: none;}
	.nbanner .etw_hometitle h2{font-size: 2rem;}
	.nbanner #quicknav{margin-top: 0;}
}
@media (max-width: 649.98px) {.nbanner #quicknav{display: none;}
}
@media (max-width: 575.98px) {
	.nbanner .etw_hometitle h2{font-size: 1.8rem;}
}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;background-color:#f8f9fa;}
#quicknav ul{width:100%;display:flex;}
#quicknav ul li{display:flex;align-items: center; padding: 0 16px; position: relative;height: 40px;}
#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;}
#quicknav ul li:last-child{color: var(--hover-color);}
#quicknav ul.quicknav li::after,#quicknav ul.quicknav li a{color:#000;}
#quicknav ul li a:hover{text-decoration:underline;color:var(--hover-color)}
/* #quicknav-End */
/* Products */
.products p{border-left: 5px solid var(--hover-color); padding: 1rem 0 1rem 2rem; font-size: 1.1rem; line-height: 30px;}
.products-items{margin-bottom: 3rem;}
.products-items:last-child{margin-bottom: 0;}
.products-items h3{color: #000; text-align: center; position: relative; display: flex; justify-content: center; margin-bottom: 2rem; font-size: 2.5rem;}
.products-items h3::before{content: ''; width: 100%; height: 2px; background-image: linear-gradient(to right,transparent,var(--hover-color),transparent);position: absolute; left: 0; top: 50%; transform: translateY(-50%);z-index: -1;}
.products-items h3>a{width: fit-content; padding: 0 1.5rem; background-color: #fff;}
.products_list{width: calc(100% + 15px); margin-left: -15px;}
.products_list li{width: 100%; margin-bottom: 40px; padding: 0 15px;}
.products_list li>ol{box-shadow: 0 15px 15px rgba(0,0,0,0.2); align-items: center;}
.products_list li>ol .imgbox{width: 40%; border-left: 8px solid var(--hover-color);}
.products_list li>ol .imgbox>img{transition: all .4s;width: 100%;}
.products_list li>ol:hover .imgbox>img{opacity: .8;}
.products_list li>ol .textbox{width: 60%; display: flex; flex-direction: column; padding: 1rem; padding-left: 3rem;}
.products_list li>ol .textbox a.h3{flex: 1; font-size: 1.5rem; display: flex; align-items: center;}
.products_list li>ol .textbox>dl{display: flex; flex-wrap: wrap; margin-bottom:1rem; flex: 1;}
.products_list li>ol .textbox>dl dd{width: 100%; margin: 0; font-size: 1rem; padding-left: 1rem; position: relative; font-weight: 400;}
.products_list li>ol .textbox>dl dd::before{content: ''; width: 6px; height: 6px; border-radius: 3px; background-color: var(--hover-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.products_list2 li{width: calc(100% / 3);}
.products_list2 li>ol .imgbox{width: 100%; border-left: none;}
.products_list2 li>ol .textbox{width: 100%; padding: 1.5rem;}
.products_list2 li>ol .textbox p{min-height: 100px; max-height: 100px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.products_list3 li{width: 50%;}
.products_list3 li>ol{flex-direction: row; align-items: center; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.products_list3 li>ol a.imgbox{width: 50%; border-bottom: none; border-left: 5px solid var(--hover-color);}
.products_list3 li>ol .textbox{width: 50%; padding: 1rem; padding-left: 2rem;}
.homeApp_list{width: calc(100% + 20px); margin-left: -10px; margin-top: 1rem;}
.homeApp_list>li{width: 20%; padding: 0 10px; margin-bottom: 20px;}
.homeApp_list>li>ol{flex-direction: column; position: relative; overflow: hidden; box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
.homeApp_list>li>ol a.iconbox::before,.homeApp_list>li>ol a.textbox::before{content: ''; position: absolute; inset: 0; transition: all .4s ease-in-out; background-color: #000; opacity: .3;z-index: -1;}
.homeApp_list>li>ol a.iconbox{width: 100%; height: 60%; position: absolute; left: 0; top: 0; z-index: 1; display: flex; align-items: flex-end;padding: .5rem;}
.homeApp_list>li>ol a.iconbox>span{width: 100%; display: block; overflow: hidden;}
.homeApp_list>li>ol a.iconbox>span>img{width: auto; height: 80px; filter: drop-shadow(0 80px #fff); position: relative; transform: translateY(-100%);}
.homeApp_list>li>ol a.textbox{width: 100%; height: 40%; position: absolute; left: 0; bottom: 0; z-index: 1; padding: .5rem;font-size: 1.25rem; font-weight: 400; color: #fff; text-align: center;}
.homeApp_list>li>ol:hover a.iconbox{top: -100%;}
.homeApp_list>li>ol:hover a.textbox{bottom: -100%;}
.homeApp_list>li:last-child{justify-content: center; align-items: center;}
.homeApp_list>li:last-child>div{width: 50%; position: relative; }
.homeApp_list>li:last-child>div::before{content: ''; display: block; padding-top: 100%;}
.homeApp_list>li:last-child>div>a{position: absolute; inset: 0;border-radius: 50%; background-color: var(--hover-color); color: #fff;display: flex; align-items: center; justify-content: center;font-size: 1.25rem; text-transform: uppercase; font-family: "Jura",sans-serif; box-shadow: 0 15px 15px rgba(0,0,0,0.2);}
.homeApp_list>li:last-child>div>a:hover{background-color: #000;}
.productsAbout{display: flex; flex-wrap: wrap;justify-content: space-between; flex-direction: row-reverse; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.productsAbout{margin: 1rem 0;}
.productsAbout .imgbox{width: 66%;}
.productsAbout .textbox{width: 34%; padding: 2rem; display: flex; flex-direction: column; ;justify-content: center;}
.productsAbout .textbox .hometitle{text-align: left;}
.productsAbout .textbox p{font-weight: 300; font-size: 1.25rem; line-height: 1.875rem;}
@media (max-width: 1099.98px) {
	.homeApp_list>li>ol a.textbox{font-size: 1.1rem;}
	.productsAbout .imgbox{width: 60%;}
	.productsAbout .textbox{width: 40%;}
	.products_list li>ol .textbox a.h3{font-size: 1.4rem;}
}
@media (max-width: 991.98px) {
	.hometitle h2{font-size: 2.2rem;}
	.products-items h3{font-size: 2rem;}
	.products_list3 li{width: 100%;margin-bottom: 2rem;}
	.homeApp_list>li{width: 25%;}
	.productsAbout .imgbox,.productsAbout .textbox,.productsAbout .imgbox img{width: 100%;}
	.productsAbout .textbox .h2{font-size: 1.8rem;}
	.productsAbout .textbox p{font-size: 1.1rem;line-height: 1.6rem;}
}
@media (max-width: 767.98px) {
	.hometitle h2{font-size: 2rem;}
	.products p{padding: 0.5rem 0 0.5rem 1.2rem;font-size: 1rem;line-height: 1.5rem;}
	.products-items{margin-bottom: 2rem;}
	.products-items h3{font-size: 1.8rem;margin-bottom: 1rem;}
	.products_list li{margin-bottom: 1rem;}
	.products_list li>ol{box-shadow: 0 10px 10px rgb(0 0 0 / 15%);}
	.products_list li>ol .imgbox{width: 100%;border-left: 0;}
	.products_list li>ol .textbox{width: 100%;padding: 1rem;}
	.products_list li>ol .textbox a.h3{font-size: 1.3rem;}
	.products_list li>ol .textbox>dl dd{font-size: 0.9rem;}
	.products_list2 li{width: 100%;}
	.products_list2 li>ol .textbox p{min-height: auto;}
	.products_list3 li>ol .textbox{width: 50%;padding-left: 2rem;}
	.homeApp_list>li{width: 50%;}
	.productsAbout .textbox .h2{font-size: 1.6rem;margin-bottom: 0.5rem;}
	.productsAbout .textbox{padding: 1rem 1.2rem;}
	.productsAbout .textbox p{font-size: 1rem;line-height: 1.4rem;}
}
@media (max-width: 649.98px) {
	.products-items h3::before{display: none;}
}
@media (max-width: 575.98px) {
	.hometitle h2{font-size: 1.8rem;}
	.products-items{margin-bottom: 1rem;}
	.products-items h3{font-size: 1.6rem;}
	.products_list3 li>ol .textbox{padding-left: 1rem;}
	.homeApp_list>li>ol a.iconbox>span>img{height: 60px;filter: drop-shadow(0 60px #fff);}
}
@media (max-width: 479.98px) {
	.products_list{width: 100%;margin-left: 0;}
	.products_list3 li>ol a.imgbox{width: 100%;border-left: 0;}
	.products_list3 li>ol .textbox{width: 100%;}
}
@media (max-width: 380.98px) {
	.homeApp_list>li{width: 100%;}
}
/* Products-End */
/* ProsHub */
.proshubfixed{width: 100%; min-height: 40px; margin-top: 3rem;}
.tabfixed{position: fixed; top: 100px; left: 0; z-index: 9;}
.pros_menu{width: 100%;display: flex; flex-wrap: wrap; justify-content: center;}
.pros_menu>li{margin: 0 10px; width: fit-content; display: flex; align-items: center; justify-content: center; padding: 0 1rem; height: 40px; line-height: 40px; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.2); font-weight: 400; font-size: 1.25rem; cursor: pointer;}
.pros_menu>li.dq{background-color: var(--hover-color); color: #fff;}
.pro_model{width: 100%; padding: 3rem 0;}
.pro_model1{ border-bottom: 1px dashed #ccc;}
.pro_model_title{display: flex; justify-content: center; font-family: "Roboto Condensed", sans-serif;	color: inherit;	font-weight: 900;	margin-bottom: 1rem; font-size: 2.5rem;}
.proshub_list{width: calc(100% + 30px); margin-left: -15px;}
.proshub_list li{width: calc(100%/ 3); padding: 0 15px; margin-top: 30px;}
.proshub_list li>ol{flex-direction: column;}
.proshub_list li>ol .imgbox>img{transition: all .4s;}
.proshub_list li>ol:hover .imgbox>img{opacity: .9;}
.proshub_list li>ol .textbox{width: calc(100% - 20px);background-color: #f5f5f5; margin-top: -30px; position: relative;z-index: 2; padding: 1.5rem; display: flex; flex-direction: column;}
.proshub_list li>ol .textbox a.h4{border-bottom: 1px dashed #ccc; padding-bottom: .5rem; margin-bottom: .5rem; color: var(--hover-color); font-size:1.2rem;}
.proshub_list li>ol .textbox a.h4:hover{color: var(--hover-color);}
.proshub_list li>ol .textbox a.h4>span{display: block;color: #333; font-size: .9rem; margin-bottom: 5px;}
.proshub_list li>ol .textbox dl{display: flex; flex-direction: column; margin-bottom: 0;}
.proshub_list li>ol .textbox dl>dd{font-size: 1rem; font-weight: 400; margin-bottom: 0; color: #555; position: relative; padding-left: 1rem;}
.proshub_list li>ol .textbox dl>dd::before{content: ''; width: 6px; height: 6px; background-color: var(--hover-color); border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.proshub_list li>ol .textbox dl>dd>span{line-height: 24px;}
.proshub_list li>ol .textbox dl>dd:last-child{margin-bottom: 0;}
.proshub_list2 li{width: 50%;}
.proshub_list2 li>ol{flex-direction: row; align-items: center;}
.proshub_list2 li>ol a.imgbox{width: 40%;}
.proshub_list2 li>ol .textbox{width: 60%; margin: 1.25rem 0 1.25rem -1.875rem;}

.proshub_list4{width: 100%; margin-left: 0;}
.proshub_list4 li{width: 100%; padding: 0; margin: 0 0 30px 0;}
.proshub_list4 li>ol{flex-direction: row;}
.proshub_list4 li>ol a.imgbox{width: 50%;}
.proshub_list4 li>ol .textbox{width: 50%; justify-content: center; margin: 0; padding: 2rem; padding-left: 2.5rem;}
.proshub_list4 li>ol .textbox p{font-size: 18px; line-height: 30px;}
.proshub_list4 li:nth-child(even)>ol{flex-direction: row-reverse;}
.proshub_list4 li:nth-child(even)>ol .textbox{padding: 2rem; padding-right: 2.5rem;}

.prosCases ul{width: 100%; overflow: hidden; height: 400px; margin-top: 30px;}
.prosCases ul>li{width: 25%; transition: all .4s ease-in-out;}
.prosCases ul>li>ol{width: 100%; background-color: #333; position: relative; overflow: hidden;}
.prosCases ul>li>ol a.imgbox{width: 100%; height: 100%; position: absolute;left:0; top: 0; transition: all .4s ease-in-out;}
.prosCases ul>li>ol .textbox{width: 50%; padding: 2rem; height: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: absolute; right: -100%; top: 0;transition: all .4s ease-in-out;}
.prosCases ul>li>ol .textbox a.h5{color: #fff;}
.prosCases ul>li>ol .textbox a.h5:hover{color: var(--hover-color);}
.prosCases ul>li>ol .textbox p{min-height: 96px; max-height: 96px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;
-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #fff;}
.prosCases ul>li>ol .textbox .more>a{width: 80%; justify-content: space-between;}
.prosCases ul>li.active{width: 50%; border-left: none;}
.prosCases ul>li.active>ol a.imgbox{width: 50%;}
.prosCases ul>li.active>ol .textbox{right: 0;}
@media (max-width: 1099.98px) {
	.prosCases ul>li>ol .textbox{padding: 1rem;}
}
@media (max-width: 991.98px) {
	.nbanner_box1 .etw_hometitle{padding: 20px;}
	.pro_model_title{font-size: 2.2rem;}
	.prosCases ul>li>ol .textbox a.h5{font-size: 1.2rem;}
	.prosCases ul>li>ol .textbox .more>a{width: 100%;font-size: 0.9rem;}
}
@media (max-width: 767.98px) {
	.pro_model_title{font-size: 2rem;}
	.proshub_list li{margin-top: 0;margin-bottom: 1rem;width: 50%;padding: 0 10px;}
	.proshub_list li>ol .textbox{margin-top: 0;width: 100%;padding: 1rem;}
	.proshub_list li:last-child{display: none;}
	.proshub_list2 li>ol a.imgbox,.proshub_list2 li>ol .textbox,.proshub_list li>ol .imgbox>img,.proshub_list4 li>ol a.imgbox{width: 100%;}
	.proshub_list2 li>ol .textbox{margin: 0;}
	.proshub_list2 li:last-child{display: block;}
	.proshub_list li>ol .textbox a.h4{font-size: 1.1rem;}
	.proshub_list li>ol .textbox a.h4>span{font-size: 0.85rem;}
	.proshub_list li>ol .textbox dl>dd{font-size: 0.9rem;}
	.proshub_list4 li{width: 100%;}
	.prosCases ul{height: auto;}
	.prosCases ul>li, .prosCases ul>li.active{width: 49%;margin: 0 2% 1rem 0;}
	.prosCases ul>li:nth-child(2), .prosCases ul>li:nth-child(2).active{margin-right: 0;}
	.prosCases ul>li>ol a.imgbox, .prosCases ul>li>ol a.imgbox .img-cover,.prosCases ul>li>ol .textbox{position: static;}
	.prosCases ul>li>ol a.imgbox, .prosCases ul>li.active>ol a.imgbox,.prosCases ul>li>ol .textbox,.prosCases ul>li.active>ol .textbox{width: 100%;}
	.prosCases ul>li>ol a.imgbox{height: auto;}
	.prosCases ul>li>ol .textbox{right: 0;height: auto;}
	.prosCases ul>li>ol a.imgbox .img-cover{height: auto;width: 100%;}
	.prosCases ul>li>ol .textbox .more>a{width: auto;}
	.prosCases ul>li>ol .textbox a.h5{margin-bottom: 0.5rem;}
	.prosCases ul>li:last-child{display: none;}
	.proshub_list4 li>ol .textbox p{font-size: 0.9rem;line-height: 1.4rem;}
	.appsDetails_banner .imgbox3{width: 100% !important;}
	.appsDetails_banner .imgbox3 img{width: 100%;}
}
@media (max-width: 575.98px) {
	.pro_model_title{font-size: 1.8rem;}
	.proshub_list li{width: 100%;}
	.prosCases ul>li, .prosCases ul>li.active{width: 100%;margin: 0 0 1rem 0;}
	.prosCases ul>li>ol .textbox p{min-height: auto;}
}
@media (max-width: 380.98px) {
	.proshub_list li{width: 100%;}
}
/* Small Hub */
.smallHub>.col-12{margin-bottom: 3rem;}
.smallHub>.col-12:last-child{margin-bottom: 0;}
.smallHub .etw_hometitle{border-bottom: 1px dashed #ccc; margin-bottom: 1rem;}
.smallHub_title{font-size: 1.6rem; text-align: center;}
.smallHub_title::after{content: ''; width: 80px; height: 3px; background-color: var(--hover-color); display: block; margin: .5rem auto 1rem auto;}
.smallHub h6{color: var(--hover-color); font-size: 1.2rem;}
.smallHub_content{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.tower_img{width: 100%; padding: 0 0 0 0; position: relative;}
.tower_img>img{max-width: 50%;}
.tower_left,.tower_right{position: absolute; top: 0; z-index: 3; width: 50%;}
.tower_left{left: 0;}
.tower_right{right: 0;}
.smallHub_tower{width: 100%;}
.smallHub_tower li{width: 65%; margin-bottom:20px;}
.smallHub_tower li:last-child{margin-bottom: 0;}
.smallHub_tower li>ol{flex-direction: row; justify-content: space-between; background-color: #fff; align-items: center;}
.smallHub_tower li>ol .imgbox{width: 90px;}
.smallHub_tower li>ol .textbox{width:calc(100% - 90px); padding: .5rem; padding-left: 1rem;}
.smallHub_tower li>ol .textbox h5{color: var(--hover-color); font-size: .95rem; display: flex; align-items: center; margin-bottom: .5rem;}
.smallHub_tower li>ol .textbox h5>em{width: 24px; height: 24px; background-color: var(--hover-color); color: #fff; margin-right: .5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .95rem;}
.smallHub_tower li>ol .textbox h5>span{flex: 1;}
.smallHub_tower li>ol .textbox p{line-height: 20px; font-size: 13px; font-weight: 400;}
.smallHub_tower li:nth-child(2){transform: translateX(1.5rem);}
.smallHub_tower li:nth-child(3){transform: translateX(3rem);}
.tower_right .smallHub_tower{display: flex; flex-direction: column; align-items: flex-end;}
.tower_right .smallHub_tower>li>ol{flex-direction: row-reverse;}
.tower_right .smallHub_tower li>ol .textbox{padding: .5rem; padding-right: 1rem;}
.tower_right .smallHub_tower li>ol .textbox h5{flex-direction: row-reverse;}
.tower_right .smallHub_tower li>ol .textbox h5>em{margin: 0 0 0 .5rem;}
.tower_right .smallHub_tower li>ol .textbox h5>span{text-align: right;}
.tower_right .smallHub_tower li>ol .textbox p{text-align: right;}
.tower_right .smallHub_tower li:nth-child(2){transform: translateX(-1.5rem);}
.tower_right .smallHub_tower li:nth-child(3){transform: translateX(-3rem);}
.smallHub_box{width: 100%;}
.smallHub_box>figure{display: flex; justify-content: center;}
.smallHub_box .smallHub_tower{width: 50%;}
.smallHub_box .smallHub_tower>li{width: 100%;}
.keyFeatures{display: flex; flex-wrap: wrap; justify-content: space-between;}
.keyFeatures>li{width: calc(50% - 15px); margin-top: 30px;}
.keyFeatures>li>ol{flex-direction: column;}
.keyFeatures>li>ol .imgbox{margin-bottom: 1rem;}
.keyFeatures>li>ol .imgbox>img{width: 50px;}
.keyFeatures>li>ol .imgbox>h4{flex: 1; margin: 0; padding-left: 1rem; font-size: 1.15rem;}
.keyFeatures>li>ol .textbox{width: 100%; flex: 1;}
.accordion{display: flex; flex-wrap: wrap; justify-content: space-between;}
.card{background-color:#f5f5f5;border:none;border-radius:10px;overflow:hidden;margin-top:20px}
.accordion .card{width: calc(50% - 10px);}
.card-header{padding:0;background-color:#f5f5f5;border:none}
.card-link{width:100%;display:block;padding:1rem;font-size:1rem;font-weight:bold;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{content:"\f059";font-size:1.2rem;color:#000;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;float:left;margin-right:0.5rem}
.card-link::after{content:"\f055";font-size:1.2rem;color:#000;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;right:1rem;top:1rem;transition:all 0.3s}
.card-body{padding:1rem 2.5rem;padding-top:0;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{transform:rotate(-45deg)}

@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
	.smallHub .etw_hometitle h2{font-size: 2.2rem;}
	.col-lg-6 .etw_hometitle h2{margin-top: 1rem;}
	.smallHub>.col-12{margin-bottom: 2rem;}
}
@media (max-width: 767.98px) {
	.smallHub .etw_hometitle h2{font-size: 2rem;}
	.smallHub>.col-12{margin-bottom: 1rem;}
	.accordion .card{width: 100%;}
	.accordion .card .card-link{padding: 1rem 2rem 1rem 1rem;}
	.accordion .card .card-body{padding: 1rem 2.5rem 1rem 1.5rem;}
	.keyFeatures>li{margin-top: 10px;}
	.keyFeatures>li .items{margin-bottom: 0;}
}
@media (max-width: 575.98px) {
	.smallHub .etw_hometitle h2{font-size: 1.85rem;}
}
@media (max-width: 380.98px) {}
/* Hub-End */
/* Products-Details-Hub */
.nbanner_box1>.container{ flex: 1; padding-bottom: 3rem;}
.nbanner_box1 #quicknav{margin-top: 0;}
.details .etw_hometitle{display: flex; align-items: flex-end; justify-content: center;}
.details .etw_hometitle h2{color: #fff; margin-bottom: 0; margin-right: .5rem;}
.details .etw_hometitle h4{margin-bottom: .15rem;color: #fff; font-weight: 400;}
.details small{font-size: 1.25rem;color: #fff;display: block; text-align: center; opacity: .8; margin-top: .5rem;}
.detailsKey{display: flex; flex-wrap: wrap; margin-top: 1rem;}
.detailsKey li{display: flex; align-items: center; padding: 0 1rem;}
.detailsKey li .imgbox{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 5px; border-radius: 50%; background-color: #fff;}
.detailsKey li .textbox{width: calc(100% - 40px); padding-left: 1rem; font-size: 1.1rem; font-weight: 400; color: #fff;}
.details_box{margin-top: -3rem; position: relative;z-index:2; width: 100%; overflow: hidden;}
.details_box>.container{display: flex; flex-wrap: wrap; align-items: flex-start;}
.details_text{width: 70%; background-color: #f5f5f5; padding: 3rem 6rem 3rem 0; }
.details_text::before{content: ''; width: 100%; height: 100%; position: absolute; left: -50%; top: 0; background-color: #f5f5f5; z-index: -1;}
.details_text p{ font-size: 20px; line-height: 36px;}
.details_right{display: flex; flex-direction: column; align-items: center; padding-top: 3rem;}
.pdf_btn{display: flex; margin-bottom: 2rem;}
.pdf_btn>a{padding: 3rem; background-color: #000; color: #fff; font-weight: 400; display: flex; align-items: center; justify-content: center; flex-direction: column; text-transform: uppercase;}
.pdf_btn>a>i{width: 50px; height: 50px; font-size: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;color: var(--hover-color); background-color: #fff;}
.pdf_btn>a>span{display: block; border-bottom: 1px solid #fff; padding-bottom: .5rem;}
.pdf_btn>a:hover{background-color: var(--hover-color);}
.inquiry_btn{display: flex; margin-top: 1rem;}
.inquiry_btn>a{display: flex; padding: .5rem 1.5rem; line-height: 1;color: #000; text-transform: uppercase; border: 1px solid #000; background-color: #fff; font-size: 1rem; border-radius: 30px;font-family:Oswald,sans-serif;}
.inquiry_btn>a:hover{background-color: var(--hover-color); color: #fff; border-color: var(--hover-color);}

.details>.col-12{margin-bottom: 1.5rem;}
.details>.col-12:last-child{margin-bottom: 0;}
.details .details_title{color: var(--hover-color); margin-bottom: 1rem; display: block;}
.details_tagnav{width: 100%; position: absolute; background-color: #fff; left: 0; top: 0;z-index: 3;}
.details_tagnav>.container{width: 100%; max-width: 1200px; padding: 0;}
.details_tagnav ul{display: flex; flex-wrap: wrap;}
.details_tagnav ul>li{margin-right: 3rem; margin-bottom: 0; display: flex; font-weight: 600; font-size: 1.2rem; cursor: pointer; transition: all .4s; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: .5rem 0; position: relative;}
.details_tagnav ul>li:hover,.details_tagnav ul>li.dq{color: var(--hover-color);}
.detailsfixed{position: fixed; top: 100px;}
.details_model{padding: 4rem 0 0 0;}
.details_model>.h3{position: relative;z-index: 2; margin-bottom: 0;}
.details_model>.h3::after{content: ''; width: 100%; height: 30px;background: url(../images/bg-slider.png) no-repeat center top;display: block; margin: .5rem auto 0 auto; opacity: .2;}
.keyFeatures2 li{width: 100%;}
.keyFeatures2 li:nth-child(1){margin-top: 0;}
.towerCrane{display: flex; flex-wrap: wrap;}
.towerCrane_img{width: 100%; position: relative; overflow: hidden;}
.towerCrane_img>ul{position: absolute; left: 50%; top: 35%;display: flex; flex-direction: column;}
.towerCrane_img>ul>li{display: flex; margin-top: 1rem;}
.towerCrane_img>ul>li>em{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--hover-color); color: #fff; font-size: .9rem; font-weight: 400; line-height: 1; margin-right: .5rem;}
.towerCrane_img>ul>li>span{font-size: 1.25rem; font-weight: bold;}
.smallHub_tower2{width: calc(100% + 20px); margin-left: -10px;}
.smallHub_tower2>li{width: 25%; padding: 0 10px; margin: 20px 0 0 0 !important; transform: translate(0) !important; display: flex;}
.smallHub_tower2>li>ol{flex: 1; flex-direction: column; padding: 0; align-items: flex-start; background-color: #f5f5f5;}
.smallHub_tower2>li>ol .imgbox{width: 100%;}
.smallHub_tower2>li>ol .textbox{width: 100%; flex: 1; display: flex; flex-direction: column; padding: 1rem; }
.smallHub_tower2>li>ol .textbox>h5>em{background-color: #fff; border: 1px solid var(--hover-color); color: var(--hover-color); line-height: 1;}
.smallHub_tower2>li>ol .textbox>h5>span{color: #000;}

.relatedPros{padding: 0; display: flex; flex-wrap: wrap;}
.relatedPros2{padding: 3rem 0;}
.relatedPros2>.container>h3{color: #000; text-align: center; margin-bottom: 1.5rem;text-transform: capitalize;}
.relatedPros .relatedPros_left{width: 28%; background-color: var(--hover2-color); display: flex; flex-direction: column; align-items:flex-end; justify-content: center; padding: 3rem; padding-left: 0; position: relative;}
.relatedPros .relatedPros_left h3{text-transform: capitalize; color: #fff; max-width: 70%; text-align: left; position: relative; z-index: 2;}
.relatedPros .relatedPros_left h3::after{content: ''; width: 80px; height: 5px; background-color: #fff;display: block; margin: 1rem 0;}
.relatedPros_content{width: 72%; position: relative; padding: 1.5rem 5rem;}
.relatedPros .swiper-slide{height: auto; display: flex;}
.relatedPros .swiper-slide>ol{flex-direction: column; background-color: #fff;}
.relatedPros .swiper-slide>ol .textbox{flex: 1; display: flex; flex-direction: column; padding: 1rem;}
.relatedPros .swiper-slide>ol .textbox .h4{font-size: 1.2rem; font-weight: 400; color: var(--hover-color); margin-bottom: .5rem;}
.relatedPros .swiper-slide>ol .textbox .h4>span{font-size: .9rem; font-weight: 400; color: #000; display: block;}
.relatedPros .swiper-slide>ol .textbox dl{margin-bottom: 0;}
.relatedPros .swiper-slide>ol .textbox dl>dd{margin-bottom: 0;font-weight: 00; line-height: 24px; padding-left: 1rem; position: relative; font-size: .95rem;color: #555;}
.relatedPros .swiper-slide>ol .textbox dl>dd::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--hover-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.relatedPros .swiper .swiper-pagination{bottom: 0;display: flex; justify-content: center; flex-wrap: wrap;}
.relatedPros .swiper .swiper-pagination-bullet{width: 10px; height: 10px; background-color: var(--hover-color);}
.relatedPros .prev-button,.relatedPros .next-button{width: 2rem; height: 2rem; border: 1px solid #999; transition: all .4s ease-in-out; display: flex; align-items: center; justify-content: center; color: #333; position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%);}
.relatedPros .next-button{left: auto; right: 1.5rem;}
.relatedPros .prev-button:hover,.relatedPros .next-button:hover{background-color: var(--hover-color); color: #fff;}

.inquiryform{padding: 3rem 0;  position: relative; overflow: hidden; min-height: 480px;}
.inquiryform::before{content: ''; position: absolute; inset: 0; background: url(../images/inquiry_bj.jpg) no-repeat center center; background-size: cover;filter: blur(5px);}
.inquiryform::after{content: ''; position: absolute; inset: 0; background-color: #fff; opacity: .9; }
.inquiryform>.container{position: relative;z-index: 2;}
.inquiryform h3{font-size: 2rem; text-transform: capitalize; margin-bottom: 1rem;}
.inquiryform .items{margin-bottom: 1rem;}
.inquiryform .items>li{padding-left: 1.5rem;}
.inquiryform .items>li::before{content: "\f270"; width: auto; height: auto; background: initial;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); top: 50%; transform: translateY(-50%);}
.inquiryform .items>li:last-child{margin-bottom: 0;}
.inquiryform p{font-size: 1.1rem; font-weight: 400;}
#etw_form_title{font-size: 2rem;font-family:Oswald,sans-serif; text-align: center; margin-bottom: 1rem; line-height: 1; text-transform: capitalize;}

.otherPros{padding: 3rem 0;}
.otherPros h3{font-size: 2.5rem; text-align: center;}
.otherPros ul{display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px;}
.otherPros ul li{width: 20%; padding: 0 10px; margin-top: 10px; display: flex;}
.otherPros ul li>ol{flex-direction: column; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.otherPros ul li>ol a.textbox{display: flex; align-items: center; justify-content: center; padding: .5rem; text-align: center; font-size: .9rem; font-weight: bold;}
.otherPros ul li>ol a.textbox:hover{color: var(--hover-color);}

@media (max-width: 1099.98px) {
	.details_text{flex: 1;}
}
@media (max-width: 991.98px) {
	.details_text{padding: 3rem 3rem 3rem 0;}
	.relatedPros .relatedPros_left h3{font-size: 1.8rem;}
	#etw_set_feedback_form{margin-top: 1.5em;}
	.otherPros{padding: 2rem 0;}
	.h3{font-size: 1.6rem;}
}
@media (max-width: 767.98px) {
	.details_text{width: 100%;flex: none;padding: 2rem;}
	.details_text::before{display: none;}
	.details_right .pdf_btn{margin-bottom: 0;}
	.towerCrane_img>ul>li>em{width: 20px;height: 20px;}
	.relatedPros .relatedPros_left,.relatedPros_content{width: 100%;}
	.relatedPros .relatedPros_left{padding: 2rem 2rem 0;align-items: flex-start;}
	.relatedPros .swiper-slide>ol .textbox dl>dd{font-size: 0.9rem;line-height: 1.2rem;}
	.relatedPros .relatedPros_left h3{font-size: 1.6rem;max-width: 100%;}
	.otherPros{padding: 1rem 0;}
	.h3{font-size: 1.4rem;}
}
@media (max-width: 575.98px) {}
@media (max-width: 380.98px) {}
/* Products-Details-End */
/* Applications */
.nbanner2{position: relative; overflow: hidden; max-height: 400px; min-height: 300px;}
.nbanner2::before{content: ''; display: block; padding-top: 15.625%;}

.appshub{padding-top: 3rem;}
.etw_hometitle>div{font-size: 2.5rem; font-weight: bold; line-height: 1; margin-bottom: 1rem; text-transform: uppercase; text-align: center;}
.etw_homesmalltitle{font-size: 1.8rem; color: var(--hover-color); font-weight: 500; text-align: center; margin: 1.5rem 0 .5rem 0; line-height: 1;}
.appshub .etw_hometitle>div{font-size: 1.5rem; text-align: center;}
.appshub .etw_homesmalltitle{font-size: 1.2rem;}

.appshub_heng{margin-bottom: 1rem;}
.appshub_text{line-height: 30px; font-size: 1.1rem;}
.appshub_content{margin-top: 2rem; padding: 3rem 0;}
.appshub_list{display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px;}
.appshub_list>li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;display: flex;}
.appshub_list>li>ol{flex-direction: column; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.appshub_list>li>ol .textbox{padding: 1rem;}
.appshub_list>li>ol .textbox a.h4{display: block; font-size: 1.2rem; font-weight: normal; margin-bottom: 1rem;}
.appshub_list>li>ol .textbox>p{min-height: 72px; max-height: 72px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.appshub_list>li>ol .textbox .more>a{ padding: .4rem .8rem; font-size: .8rem; background-color: #fff; color: #000;}
.appshub_list>li>ol .textbox .more>a::after{font-size: .8rem;}
.appshub_list>li>ol .textbox .more>a:hover{background-color: var(--hover-color); color: #fff;}

.inquiryform2{padding: 3rem 0;position: relative; overflow: hidden;}
.inquiryform2::before{content: '';position: absolute; inset: 0; background: url(../images/inquiry_bg.jpg) no-repeat center center; background-size: cover; z-index: -1;}
.inquiryform2::after{content: '';position: absolute; inset: 0; background-image: linear-gradient(#fff, transparent 20%, transparent 80%,#fff);}
.inquiryform2>.container{position: relative; z-index: 2;}
.inquiryform2 h3{display: block; font-size: 1.5rem; text-align: center; font-weight: bold; text-align: center; max-width: 65%; margin: 0 auto 1rem auto;}
.appsCase small{display: block; font-size: 1.1rem; text-align: center;}

.appsDetails_banner{width: 100%; overflow: hidden; background-color: #f5f5f5; display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row-reverse;}
.appsDetails_banner .imgbox{width: 50%;}
.appsDetails_banner .swiper{width: 100%; height: 100%; max-height: 500px;}
.appsDetails_banner .swiper .swiper-slide::before{content: ''; display: block; padding-top: 52.0833334%;}
.appsDetails_banner .swiper-pagination{bottom: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; padding: 1rem .5rem;}
.appsDetails_banner .swiper-pagination-bullet{width: 1rem; height: 1rem; background-color: #fff; opacity: 1;}
.appsDetails_banner .swiper-pagination-bullet-active{background-color: var(--hover-color);}
.appsDetails_banner .textbox{width: 50%; max-width: 600px; padding: 2rem 3rem 0 0; display: flex; flex-direction: column; justify-content: center;}
.appsDetails_banner .textbox small{font-size: 1.3rem; opacity: .5;}
.appsDetails_banner .textbox .etw_hometitle>div{font-size: 2rem; text-align: left;}
.appsDetails_banner .textbox p{font-size: 18px; line-height: 30px;}
.appsDetails_banner .textbox p:last-child{margin-bottom: 1rem;}
.appsDetails_banner .imgbox2{width: 100%;}
.appsDetails_banner .textbox2{width: 100%; max-width: 100%; padding-left: 0;}

.appsDetails_title{font-size: 2rem; font-weight: bold; text-align: center; margin-bottom: 1rem; line-height: 1;}
.choose_list{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem 0 1rem 0;}
.choose_list li{width: calc(calc(100% / 3) - 30px); font-size: 18px; line-height: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; padding: 1.5rem; margin-bottom: 30px;}
.appsDetails_title2{font-size: 1.5rem; margin-top: 1rem;}
.choose_list2 {margin: 1rem 0;}
.choose_list2 li{width: 100%; margin-bottom: 20px;}

.appsDetails_relatedPros{display: flex; flex-direction: column; width: 100%;}
.appsDetails_relatedPros>li{width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px;}
.appsDetails_relatedPros>li a.imgbox{width: 22%;}
.appsDetails_relatedPros>li .textbox{width: 48%;display: flex; flex-direction: column; border: 1px solid #ddd; padding: 1rem; padding-left: 2rem; border-right-color: var(--hover-color);}
.appsDetails_relatedPros>li .rightbox{width: 30%;display: flex; flex-direction: column; border: 1px solid #ddd; padding: 1.5rem; padding-left: 2rem;border-left-color: var(--hover-color);}
.appsDetails_relatedPros>li .rightbox>dl>dd>strong{font-weight: normal;}
.appsDetails_relatedPros>li .rightbox>.more>a{background-color: #fff; border: 1px solid #000; color: #000; box-shadow: initial; padding: .3rem .8rem; font-size: .8rem; letter-spacing: .0.5rem;}
.appsDetails_relatedPros>li .rightbox>.more>a:hover{background-color: var(--hover-color); color: #fff; border-color: var(--hover-color);}

.appsCase_text{margin: 1.5rem 0 0 0;}
.appsCase_text .imgbox{margin-bottom: 1rem;}
.appsCase_text p{font-size: 18px; line-height: 30px;}
.appsDetailsCase{width: calc(100% + 30px); margin-left: -15px;}
.appsDetailsCase li{width: 25%; padding: 0 15px; margin-bottom: 30px; display: flex; flex-direction: column;}
.appsDetailsCase li .textbox{flex: 1; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.2); padding: .5rem .8rem; font-weight: 400;}
.appsDetailsCase2 li{width: calc(100% / 3);}

.relatedApps .homeApp{background: none;}
.homeApp>.swiper{ padding-bottom: 0; display: flex; flex-wrap: wrap;}
.homeApp>.swiper>.swiper-slide{width: calc(100% / 8);}
.appsDetails_text{width: 100%;}
.appsDetails_text>.container{padding: 2rem;}
.appsDetails_text p{font-size: 18px; line-height: 30px;}
/* Applications-End */
/* Project Cases */
.projectCases{padding: 3rem 0;}
.projectCases .textbox p{max-width: 80%; margin: 0 auto; font-size: 18px; line-height: 30px;}
.projectCases_list>li{width: 100%; margin-top: 30px; border-bottom: 5px solid var(--hover-color);}
.projectCases_list>li>ol{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);align-items: center;}
.projectCases_list>li>ol .imgbox{width: 32%;}
.projectCases_list>li>ol .textbox{width: 68%; display: flex; flex-direction: column; padding: 1.5rem; padding-left: 3rem;}
.projectCases_list>li>ol .textbox a.h4{font-size: 1.4rem;}
.projectCases_list>li>ol .textbox p{width: 100%; max-width: 100%; font-size: 1rem; line-height: 24px; margin-bottom: 1rem;}
.projectCases_list>li .textbox .more>a{border: 1px solid #000; border-radius: 5px; background-color: #fff; color: #000; padding: .3rem .8rem; font-size: .9rem;}
.projectCases_list>li .textbox .more>a:hover{border-color: var(--hover-color); background-color: var(--hover-color); color: #fff;}
.projectCases_box{padding-top: 3rem;}
.projectCases_box>h3{text-align: center; font-size: 2rem;}
.projectCases_box ul{width: calc(100% + 30px); margin-left: -15px;}
.projectCases_box ul>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.projectCases_box ul>li>ol{flex-direction: column; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.projectCases_box ul>li .textbox{flex: 1; padding: 1rem; display: flex; align-items: center;justify-content: center; font-size: 1rem; font-weight: 400; text-align: center;}

.relatedCases h3{border-bottom: 1px solid #ccc; padding-bottom: 1rem; margin-bottom: 0;}
.relatedCases .projectCases_list{width: calc(100% + 30px); margin-left: -15px;}
.relatedCases .projectCases_list>li{width: calc(100% / 3); padding: 0 15px; border-bottom: none;}
.relatedCases .projectCases_list>li>ol{flex-direction: row;}
.relatedCases .projectCases_list>li>ol a.imgbox{width: 30%;}
.relatedCases .projectCases_list>li>ol .textbox{width: 70%; padding: 0;}
.relatedCases .projectCases_list>li>ol .textbox a.h4{font-size: 1rem; margin-bottom: 0; padding: 1rem; display: flex; align-items: center; justify-content: center; font-weight: 400;}
.relatedCases .projectCases_list>li.active .textbox a.h4{color: var(--hover-color);}
.inquiryform3::after{display: none;}


/* Project Cases-End */
/* About Us */
.nbannerAbout{position: relative; overflow: hidden;}
.nbannerAbout::after{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.5);z-index: 2;}
.nbannerAbout .etw_hometitle{position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%,-50%);}
.nbannerAbout .etw_hometitle>div{color: #fff; margin: 0;}
.aboutCompany{display: flex; flex-direction: column;}
.aboutCompany-item{display: flex; flex-wrap: wrap;justify-content: space-between;}
.aboutCompany-item .imgbox{width: 50%;}
.aboutCompany-item .textbox{width: 50%; padding: 2rem;}
.aboutCompany-item .textbox>h3{font-size: 2.5rem;}
.aboutCompany-item .textbox p{font-size: 18px; line-height: 30px;}
.aboutCompany-item .textbox .more>a{background-color: #fff; color: #000;}
.aboutCompany-item .textbox .more>a:hover{background-color: var(--hover-color); color: #fff;}
.aboutCompany-item:nth-child(1) {flex-direction: row-reverse;}
.aboutCompany-item:nth-child(1) .textbox{padding-left: 0;}
.aboutCompany-item:nth-child(2) .textbox{padding-right: 0;}
.about_title{display: flex; justify-content: center; align-items: center; flex-direction: column;font-family: "Roboto Condensed", sans-serif;	color: inherit;	font-weight: 900;	margin-bottom: 1rem; font-size: 2.5rem;}
.about_title::after{content: '';width: 80px; height: 3px; background-color: var(--hover-color); margin: 1rem auto;}
.about_box{width: calc(100%/3 - 20px);display: flex; flex-direction: column;}
.about_box .textbox{flex: 1; display: flex; flex-direction: column; padding: 2rem; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.about_box .textbox p{flex: 1;}
.about_box .textbox .more>a{background-color: #fff; padding: 0; color: #000; box-shadow: initial; border-radius: initial;}
.about_box .textbox .more>a:hover{color: var(--hover-color);}

@media (max-width: 1199.98px) {
	.appsDetails_banner .textbox{padding: 2rem 2rem 0 1rem;}
}
@media (max-width: 991.98px) {
	.inquiryform,.projectCases{padding: 2rem 0;}
	.inquiryform h3,#etw_form_title{font-size: 1.8rem;}
	.appshub,.projectCases_box{padding-top: 2rem;}
	.appsDetails_banner .textbox,.appsDetails_banner .imgbox{width: 100%;max-width: 100%;}
	.appsDetails_banner .textbox .etw_hometitle>div{font-size: 1.8rem;line-height: 2.2rem;}
	.appsDetails_banner .textbox p,.appsCase_text p,.projectCases .textbox p,.aboutCompany-item .textbox p{font-size: 1.1rem;line-height: 1.6rem;}
	.appsDetails_banner .textbox{padding: 2rem 2rem 1rem 1rem;}
	.appsDetails_title{font-size: 1.8rem;}
	.appsDetailsCase li,.projectCases_box ul>li{padding: 0 0.5rem;}
	.aboutCompany-item .textbox>h3,.about_title{font-size: 2.2rem;}
	.imgbox3{width: 30% !important; float: right; margin-left: 2rem; margin-bottom: 2rem;}
	.textbox3{display: block !important;}
	.appsDetails_title{width: 100%; overflow: hidden;}
}
@media (max-width: 767.98px) {
	.nbanner2{min-height: 240px;}
	.inquiryform,.projectCases{padding: 1rem 0;}
	.inquiryform h3,#etw_form_title{font-size: 1.6rem;}
	.appshub{padding-top: 1rem;}
	.appshub .etw_hometitle>div{font-size: 1.4rem;line-height: 2rem;}
	.appshub_text{font-size: 1rem;line-height: 1.5rem;}
	.appshub_content{margin-top: 1rem;padding: 1.5rem 0;}
	.appshub_list>li{width: 50%;margin-bottom: 1rem;padding: 0 0.5rem;}
	.appshub_list>li>ol .textbox>p{min-height: 60px;max-height: 60px;}
	.appsDetails_banner .textbox{padding: 1rem 1rem 0;}
	.appsDetails_banner .textbox .etw_hometitle>div{font-size: 1.6rem;line-height: 2rem;}
	.appsDetails_banner .textbox small{font-size: 1.1rem;}
	.appsDetails_banner .textbox p,.appsCase_text p,.projectCases .textbox p,.aboutCompany-item .textbox p{font-size: 0.95rem;line-height: 1.4rem;}
	.appsDetails_title{font-size: 1.6rem;margin-bottom: 0.5rem;}
	.choose_list{margin: 1rem 0;}
	.choose_list li{width: 100%;margin-bottom: 1rem;}
	.appsDetails_relatedPros>li{margin-top: 0;margin-bottom: 1rem;}
	.appsDetails_relatedPros>li a.imgbox, .appsDetails_relatedPros>li a.imgbox img{width: 100%;}
	.appsDetails_relatedPros>li .textbox{width: 60%;padding: 1rem;padding-left: 1rem;}
	.appsDetails_relatedPros>li .rightbox{width: 40%;padding: 1rem;padding-left: 1rem;}
	.appsDetails_relatedPros>li .textbox a {font-size: 1.2rem;margin-bottom: 0.5rem;}
	.appsDetailsCase li{width: 50%;margin-bottom: 1rem;}
	.appsCase_text .imgbox img,.projectCases .textbox p{width: 100%;max-width: 100%;}
	.appsDetailsCase,.projectCases_box ul{width: 100%;margin-left: 0;}
	.homeApp>.swiper>.swiper-slide{width: 25%;margin-bottom: 0.5rem;}
	.projectCases_list>li>ol .textbox a.h4{font-size: 1.2rem;}
	.projectCases_list>li>ol .textbox p,.projectCases_box ul>li .textbox{font-size: 0.9rem;line-height: 1.4rem;}
	.projectCases_list>li .textbox .more>a{font-size: 0.8rem;}
	.projectCases_list>li>ol .imgbox{width: 40%;}
	.projectCases_list>li>ol .textbox{padding: 1rem;padding-left: 1.5rem;width: 60%;}
	.projectCases_box ul>li{width: 50%;margin-bottom: 1rem;margin-top: 0;}
	.aboutCompany-item .textbox>h3,.about_title{font-size: 2rem;}
	.aboutCompany-item .imgbox, .aboutCompany-item .imgbox img{width: 100%;}
	.aboutCompany-item .textbox{width: 100%;padding: 1rem 0;}
	.about_box{width: calc(50% - 10px);}
	.about_box .textbox{padding: 1rem;}
	.about_box .textbox h4{font-size: 1.3rem;margin-bottom: 0.5rem;}
	.about_title::after{margin: 0.5rem auto;}
	.imgbox3{margin-left: 1rem; margin-bottom: 1rem;}
}
@media (max-width: 575.98px) {
	.appsDetails_relatedPros>li .textbox,.appsDetails_relatedPros>li .rightbox{width: 100%;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
	.appsDetails_relatedPros>li .textbox{border-bottom: 0;padding-bottom: 0;}
	.appsDetails_relatedPros>li .rightbox{border-top: 0;}
	.projectCases_list>li>ol .imgbox, .projectCases_list>li>ol .imgbox img, .projectCases_list>li>ol .textbox,.projectCases_box ul>li,.imgbox img{width: 100%;}
	.projectCases_list>li>ol .textbox{padding-left: 1rem;}
	.aboutCompany-item .textbox>h3,.about_title{font-size: 1.8rem;}
	.about_box{width: 100%;margin-bottom: 1rem;}
	.appshub_list>li{width: 100%;}
	#footer:before{display: none;}
}
@media (max-width: 479.98px) {
	.appsDetailsCase li{width: 100%;padding: 0;}
	.homeApp>.swiper>.swiper-slide{width: 50%;}
}
@media (max-width: 375.98px) {
	.imgbox3{width: 100% !important; float: none; margin-left: 0; margin-bottom: 1rem;}
}
/* About Us-End */
/* Company Profile */
.company-item{ padding: 3rem 0;}
.company_title{position: relative; color: #000; font-size: 1.5rem; font-weight: bold; font-style: italic; padding-left: 1.6rem; margin-bottom: .5rem;}
.company_title::before{content: ''; width: 1rem; height: 3px; background-color: var(--hover-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.company_titles{display: flex; justify-content: center;}
.company_titles .company_title{color: rgba(0,0,0,0.5);}
.company-item_img{width: 50%; float: right; margin-left: 2.5rem;}
.company-item p{font-size: 18px; line-height: 30px; margin-bottom: 1.4rem;}
.company-item p a{color: var(--hover-color);}
.company-item p a:hover{text-decoration: underline;}
.company-item>.container>h3{text-align: center;}
.history{width: 100%; position: relative; padding: 0 40px;}
.history .swiper{width: 100%;}
.history .swiper .swiper-slide{height: auto; display: flex;}
.history .swiper .swiper-slide>ol{flex: 1; display: flex; flex-wrap: wrap; align-items: center; background-color: #f5f5f5; padding: 10px;}
.history .swiper .swiper-slide>ol a.imgbox{width: 35%; height: 100%;}
.history .swiper .swiper-slide>ol .textbox{width: 65%; padding-left: 1.5rem;}
.history .prev-button,.history .next-button{width: 30px; height: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; font-size: 1rem; background-color: #000; color: #fff;}
.history .prev-button.swiper-button-disabled,.history .next-button.swiper-button-disabled{display: none;}
.history .next-button{left: auto; right: 0;}
.history .prev-button:hover,.history .next-button:hover{background-color: var(--hover-color);}
.company_nav{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #f5f5f5;}
.company_nav li{width: calc(100% / 6); padding: 0 10px; display: flex;}
.company_nav li>ol{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.company_nav li>ol a.imgbox{width: 90px; border-radius: 50%; box-shadow: 0 15px 15px rgba(0,0,0,0.2); margin-bottom: 1.5rem;}
.company_nav li>ol a.imgbox::before{content: ''; display: block; padding-top: 100%;}
.company_nav li>ol a.imgbox>img{max-width: 60%; filter: drop-shadow(0 90px var(--hover-color)); position: relative; transform: translateY(-90px);}
.company_nav li>ol a.textbox{color: #000; font-weight: bold;}
.company_nav li.active>ol a.textbox{color: var(--hover-color);}
.facilities{padding: 3rem 0;}
.facilities .company_nav{margin-top: 1rem;}
.team p{font-size: 18px; line-height: 30px; margin-bottom: 1.5rem;}
.team figure{margin-bottom: 1.5rem;}
.team figure p{margin-bottom: .5rem;}
.team figure .etw_phone{margin-bottom: 0;}
.certifications>.container>.row>.col-12{margin-bottom: 1.5rem;}
.service h3{color: var(--hover-color); text-align: center; text-transform: capitalize;}

.faqs{padding: 3rem 0;}
.faqs>.container{background-color: #fff; padding: 2rem;}
.faqs_nav{display: flex; flex-wrap: wrap; justify-content: center; border-bottom: 1px solid #ddd; margin-top: 2rem;}
.faqs_nav li{background-color: #f5f5f5; padding: .5rem 1.2rem; font-size: 1.3rem; color: #000; font-weight: 400; transition: all .4s; cursor: pointer; margin: 0 1px;}
.faqs_nav li:hover,.faqs_nav li.active{background-color: var(--hover-color); color: #fff;}
.faqs_content{display: block; overflow: hidden; margin-top: 1rem;}
.faqs_content>div{display: none;}
.faqs_content>div:first-child{display: block;}

@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
	.row figure a{width: 100%;}
	.company-item,.facilities,.faqs{padding: 2rem 0;}
	.company-item p,.team p{font-size: 1.1rem;line-height: 1.6rem;}
	.company-item p,.team p{margin-bottom: 1rem;}
	.company-item .imgbox{margin-bottom: 1rem;}
	.service h3{font-size: 1.8rem;}
	.faqs_nav li{font-size: 1.1rem;padding: 0.5rem 0.8rem;}
}
@media (max-width: 767.98px) {
	.company-item,.facilities,.faqs{padding: 1rem 0;}
	.faqs>.container{padding: 1rem;}
	.company_title{font-size: 1.3rem;}
	.company-item p,.company_nav li>ol a.textbox,.team p{font-size: 0.95rem;line-height: 1.4rem;}
	.company-item_img{width: 100%;margin-left: 0;float: none;margin-bottom: 1rem;}
	.company-item_img a, .company-item_img a img{width: 100%;}
	.company-item p,.team p{margin-bottom: 0.6rem;}
	.company_nav li{width: calc(100% / 3);margin-bottom: 0.5rem;}
	.company_nav li>ol a.imgbox{margin-bottom: 1rem;}
	.service h3{font-size: 1.6rem;}
	.faqs_nav li{font-size: 0.9rem;padding: 0.5rem 0.5rem;}
	.card-link>span{font-size: 1rem;}
	.card-body p{font-size: 0.9rem;}
}
@media (max-width: 575.98px) {
	.faqs_nav li{width: 100%;}
}
@media (max-width: 479.98px) {
	.company_nav li{width: 50%;}
}
/* Company Profile-End */
/* Contact Us */
.contact{padding:3rem 0}
.contact p{font-size:1rem;line-height:24px;margin-top:0.6rem; font-weight: 400;}
.contact a{font-size: 1rem;}
.contact strong{color:#000; margin-right: .25rem;}
.contact a{color:var(--hover-color)}
.contact a:hover{color:var(--logo-color2);text-decoration:underline}
.contact .co_name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--hover-color)}
.contact img{float: left;margin-top: .5rem;}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle h2{font-size:1.875rem;color:var(--hover-color)}
.contact_map{margin-top: 1.5rem;}
/* Contact Us-End */
/* Overview */
.overview .etw_hometitle{padding: 1.5rem 0 0 0;}
.overview_box{padding:3rem 0;}
.overview_box:first-child{margin-top:0}
.overview_title{display: flex; justify-content: center; position:relative; margin-bottom: 1rem;}
.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{max-width:70%;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 .overview_title{justify-content: flex-start; margin-bottom: .5rem;}
.overviewAbout .overview_title::before{display:none}
.overviewAbout .overview_title>span{padding:0;background-color: #f5f5f5; font-size: 1.5rem; text-transform: capitalize;}
.overviewAbout p>a{color: var(--hover-color);}
.overviewAbout p>a:hover{text-decoration: underline;}
.overview_more{display: flex;}
.overview_more>a{line-height: 40px; padding: 0 1.5rem; font-size: 1rem; font-style: italic; font-weight: 400; background-color: #fff; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); text-transform: uppercase;}
.overview_more>a:hover{background-color: var(--hover-color); color: #fff;}

.overviewCompany ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.overviewCompany li{width:calc(50% - 20px);margin-top:30px; flex-direction: column;}
.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 p{margin-bottom:10px;color:#333;font-size:1rem;font-weight:300;}
.overviewCompany li:hover .overviewCompany-label::after{width:100%}

.overviewPro ul{width: 100%;}
.overviewPro ul li{width: 100%; margin-bottom: 40px;}
.overviewPro ul li>ol{box-shadow: 0 15px 15px rgba(0,0,0,0.2); align-items: center;}
.overviewPro ul li>ol .imgbox{width: 40%; border-left: 8px solid var(--hover-color);}
.overviewPro ul li>ol .imgbox>img{transition: all .4s;width: 100%;}
.overviewPro ul li>ol:hover .imgbox>img{opacity: .8;}
.overviewPro ul li>ol .textbox{width: 60%; display: flex; flex-direction: column; padding: 2rem; padding-left: 3rem;}
.overviewPro ul li>ol .textbox a.h3{flex: 1; font-size: 1.5rem; display: flex; align-items: center;}
.overviewPro ul li>ol .textbox>dl{display: flex; flex-wrap: wrap; margin-bottom:1rem; flex: 1;}
.overviewPro ul li>ol .textbox>dl dd{width: 100%; margin: 0; font-size: 1rem; padding-left: 1rem; position: relative; font-weight: 400;}
.overviewPro ul li>ol .textbox>dl dd::before{content: ''; width: 6px; height: 6px; border-radius: 3px; background-color: var(--hover-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

@media (max-width:991.98px){
	.overview_box {padding: 2rem 0;}
}
@media (max-width:767.98px){
	.overview_box {padding: 1.25rem 0;}
	.overviewCompany li{width:100%;margin-top:20px;}
}
@media (max-width:575.98px){
	.overview_title>span {max-width: 90%; padding: 0 1rem; font-size: 1.5rem;}
	.overviewPro ul li{margin-bottom: 20px;}
	.overviewPro ul li>ol .imgbox{width: 100%; border-left: none;}
	.overviewPro ul li>ol .textbox{width: 100%; padding: 1rem;}
}
/* Overview-End */
/* videos */
.videoHub{padding:1rem 0 3rem 0}
.videoHub .etw_hometitle{color:var(--hover-color);font-size:2.5rem;line-height:3rem;font-weight:600;text-transform:uppercase;margin-bottom:1rem}
.video_title{font-size:1.75rem;line-height:1.8rem;font-weight:600;text-transform:capitalize;display:flex;justify-content:center;color:#000;margin-bottom:1.5rem;position:relative}
.video_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%)}
.video_title>span{display:inline-block;background-color:#fff;position:relative;z-index:2;padding:0 30px;font-style:italic}
.video_hub1{width:100%;margin-bottom:20px}
.video_hub1 a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:var(--bg-f5)}
.video_hub1 a .video_img{width:50%;position:relative;overflow:hidden}
.video_hub1 a .video_img .video_btn{width:60px;height:60px}
.video_hub1 a .video_text{width:50%;padding:1.5rem;padding-left:2.5rem;text-align:left}
.video_hub1 a .video_text>h3{color:#000;font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all 0.4s}
.video_hub1 a .video_text>p{margin:0;color:#000;font-size:1rem}
.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_hub1 a:hover .video_text>h3{color:var(--hover-color)}
.video_hub{width:100%;display:flex;flex-wrap:wrap}
.video_hub ul{width:calc(100% + 20px);margin-left:-10px;display:flex;flex-wrap:wrap;justify-content:space-between}
.video_hub ul li{width:calc(100% / 4);padding:0 10px;display:flex;transition:all 0.4s;margin-top:20px}
.video_hub ul li a{width:100%;display:flex;flex:1;flex-direction:column;background-color:var(--bg-f5);overflow:hidden}
.video_hub ul li a .video_img{width:100%;position:relative}
.video_hub ul li a .video_img .video_btn{width:60px;height:60px;font-size:1rem}
.video_hub ul li a .video_text{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;padding:1rem;font-size:1rem;line-height:1.25rem;font-weight:300;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 a .video_text::before{content:"";width:100%;height:200%;border-radius:50%;background-color:var(--bg-f5);position:absolute;right:0;top:-20px}
.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_hub ul li a .video_img .video_btn::after{display:none}
.video_hub ul li a .video_img .video_btn::before{font-size:1rem}
.video{width:100%;padding:1rem 0 3rem 0}
.video>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
#video_right{width:65%}
#video_right h2{font-size:1.875rem;font-weight:600;color:#000}
#video_right video{width:100%}
.video_more{display:flex;margin-bottom:2rem}
.video_more a{padding:0.4rem 1.2rem;border:2px solid #000;color:#000;border-radius:20px;font-family:"Source Sans SemiBold",sans-serif;font-style:italic}
.video_more a:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
.feedback .webtitle{font-size:2rem !important; font-weight:700 !important;text-transform:uppercase; text-align: center; color: var(--hover-color);}
#video_sidebar{width:30%;background-color:var(--bg-f5);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
#etw_videolist .webtitle{font-size:1.3rem;font-weight:600;color:#fff;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{margin-bottom:1rem}
#etw_videolist ul li a{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:300}
#etw_videolist ul li a.dq span{color:var(--hover-color)}
#etw_videolist ul li:last-child{margin:0}
.videohid{display:none}
.etw_videolist_more{display:flex;justify-content:center;margin-bottom:1.5rem}
.etw_videolist_more span{padding:0.4rem 1.2rem;border:2px solid #000;color:#000;border-radius:20px;font-family:"Source Sans SemiBold",sans-serif;font-style:italic;cursor:pointer}
.etw_videolist_more span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
.videohid{display:none}
.etw_videolist_more{display:none;justify-content:center;margin-bottom:1.5rem}
.etw_videolist_more span{padding:0.4rem 1.2rem;border:2px solid #000;color:#000;border-radius:20px;font-family:"Source Sans SemiBold",sans-serif;font-style:italic;cursor:pointer}
.etw_videolist_more span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
@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 */
.details_right2{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.details_leftimg{width: 180px;}
.details_rightimg{width: calc(100% - 180px); flex: 1; display: flex;}
.details_rightimg ul{width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.details_rightimg ul>li{width: 50%; padding-left: 10px; margin-bottom: 10px;}

/* jxc */
.pdf_btn > a{background-color:var(--hover-color)}
.inquiry_btn > a{background:var(--hover-color);color:#fff;border:none}
.table{border: 1px solid #f8f9fa !important;}
.table td{border:none;font-size:0.9rem;}
.table .top td{font-size:0.95rem;font-weight:400;}

.table tr:nth-child(even){background-color:#f1f1f1 !important}
.table .top{background-color: #ddd !important;}

.details_right{padding:0}
.pdf_btn > a{padding:4rem 3rem}
.pdf_btn > a > span{letter-spacing:0.05rem;font-weight:600;font-size:1.2rem}
.pdf_btn > a > i{width:70px;height:70px;font-size:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--hover-color);background-color:#fff}
.nbanner::after{background-color:rgba(0,0,0,0.6)}
.nbanner_box{position:absolute;inset:0;z-index:2;display:flex;flex-wrap:wrap}


.nbanner_box1>content{flex: 1; display: flex;}
.nbanner_box1>content>.container{padding:0;justify-content:space-between;display:flex;flex-wrap:wrap;flex-direction:row;align-items:end;max-width:1200px}
.nbanner_box1>content>.container .etw_hometitle>h4{font-size: 1.5rem;}
.nbanner_box1>content>.container .etw_hometitle>h2{font-size: 3rem;}

.nbanner .etw_hometitle{display:block;width:70%;color:#fff;margin:0 0 1rem}
.nbanner_box1 #quicknav{margin-top:1rem;font-weight:400}
.details .etw_hometitle{justify-content:start}
.nbanner .etw_hometitle small{font-size:1rem}
.nbanner > img{filter:none}
.detailsKey{width:30%;position:relative;backdrop-filter:blur(5px);list-style:none;margin:0;padding:0;background-color:rgba(0,0,0,0.2)}
.detailsKey:before{position:absolute;content:'';background:rgba(255,255,255,.3);width:100%;height:100%;pointer-events:none;left:0;top:0}
.detailsKey li{border-bottom:1px solid rgba(255,255,255,0.6);width:100%;padding:1.5rem 2rem}
.detailsKey li .textbox{font-size:1.2rem;font-family:Oswald,sans-serif}
.detailsKey li .imgbox{display:none}
.details_model{padding:2rem 0 0 0}
.details_text p{font-size:1.05rem;line-height:1.7rem}
.details_box{margin:0}
.details_tagnav{position:relative;margin: 0 0 1.5rem;}
.detailsfixed {
	position: fixed;
	top: 100px;
  }
.details_tagnav ul{width:80%;justify-content:center;text-align:center;margin:0 auto;}
.details_tagnav ul > li{background:#fff;margin-right:2rem;margin-bottom:0.5rem;display:flex;font-weight:500;font-size:1rem;cursor:pointer;transition:all .4s;letter-spacing:0.1rem;padding:0.5rem 2rem;position:relative;border-radius:2rem;text-transform:uppercase;color:#333;font-family:Oswald,sans-serif;text-shadow:none}
.details_tagnav ul > li:hover,.details_tagnav ul > li.dq{color:var(--hover-color)}
.details_tagnav ul > li:after{right:-1.1rem}
.keyFeatures > li > ol .imgbox > h4{position:relative;color:#333}
.keyFeatures > li > ol .imgbox > h4:before{position:absolute;content:'';background:var(--hover-color);width:50px;height:3px;left:1rem;bottom:-10px}
.keyFeatures > li > ol .imgbox > img{width:40px}
.details_model > .h3{font-size:1.4rem;font-weight:400;margin:0 0 1rem;font-family:Oswald,sans-serif;color:#333}
.towerCrane_img > ul{background:#f6f6f6;padding:1rem 2rem 2rem;top:26%;transition:.3s all ease-in-out}
.towerCrane_img > ul:hover{transform:translateY(-10px)}
.towerCrane_img > ul > li > em{font-style:normal;margin:0 0.8rem 0 0}
.towerCrane_img > ul > li > span{font-size:1.1rem;font-weight:300}
.details_model > .h3::after{display:none}
.smallHub_tower2 > li{padding:0 2px}
.smallHub_tower2s > li{width:33.33%}
.smallHub_tower2 > li > ol .textbox > h5 > span{color:#333;font-size:1.1rem;font-weight:500}
.smallHub_tower li > ol .textbox p{font-size:14px;color:#555}
.card-link::before{display:none}
ul.items > li{font-size:1rem}
.card-link{padding:1rem 2rem}
.card-link > span{color:#333}
.card-link::after{content:'';position:absolute;right:15px;top:20px;background:url(../images/icon4.png) no-repeat;background-size:auto;background-size:auto;background-size:cover;width:18px;height:18px;transition:.3s all ease-in-out;opacity:.4}
.card-link[aria-expanded="true"]::after,.card-link:hover:after{transform:rotate(-180deg)}
/* jxc-new */
b{font-size: 1.1rem;line-height: 1.3rem;color: #333;font-family: Oswald,sans-serif;}
.smallHub_tower li > ol .imgbox{width:110px;}
.smallHub_tower li > ol .textbox{width:calc(100% - 110px);}
.smallHub_tower2 > li > ol .imgbox{width:100%;}
.smallHub_tower2 > li > ol .textbox{width: 100%;}
.relatedPros_content ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.relatedPros_content ul>li{width: calc(calc(100% / 4) - 1%);}
.relatedPros_content ul li ol{flex-direction: column; background-color: #fff;}
.relatedPros_content ul li ol .textbox{flex: 1; display: flex; flex-direction: column;}
.relatedPros_content ul li ol .textbox .h4{font-size: 1.2rem; font-weight: 400; text-align: center; padding: .5rem 1rem; margin-bottom: 0;}
.relatedPros_content ul li ol .textbox dl{margin-bottom: 0;}
.relatedPros_content ul li ol .textbox dl>dd{margin-bottom: 0; padding: .35rem; text-align: center; background-color: #f8f9fa; border-top: 1px solid #ccc; font-weight: 300;}
.relatedPros_content ul li ol .textbox dl>dd:nth-child(even){background-color: #fff;}
.relatedPros_content ul li ol .textbox .more{margin: 0; padding: .5rem; justify-content: center;border-top: 1px solid #ccc;}
.relatedPros_content ul li ol .textbox .more>a{font-size: .9rem; border-radius: 5px; padding: 0; background-color: initial; box-shadow: initial; color: var(--hover-color);}
.relatedPros_content ul li ol .textbox .more>a::after{margin-left: .25rem; font-size: 1rem;}
.relatedPros_content ul li ol .textbox .more>a:hover{color: var(--hover-color);}
.relatedPros_content ul li ol .textbox .h4{background:var(--hover-color);color:#fff}
.relatedPros_content ul li ol .textbox dl > dd{font-size:0.9rem}
.relatedPros_content ul li ol .textbox .more > a{font-size:0.8rem}
.details_text1{width: 60%;}
.details_text1 .etw_hometitle{margin-bottom: 1rem;}
.details_right1{width: 40%;}
.details_text::before{left: -40.5%;}
.left_pic{width:100%;}
.left_pics{width:100%;overflow:hidden;}
.related_pic{width:calc(100% + 10px); margin-left: -5px; margin-top: 10px; display: flex; flex-wrap: wrap;}
.related_pic li{width:calc(100% / 3); padding:0 5px; display:flex;flex-wrap:wrap;}
.related_pic li a{display:block;position:relative;border:1px solid #eee;}
.related_pic li a.imgdq{border:1px solid var(--hover-color)}

.relatedCases h3{font-weight:400}
.homeApp .swiper .swiper-slide > ol a.imgbox img{max-width:45%}
.navbar-expand-lg .navbar-nav .nav-item{margin-left:4rem}
.navbar-expand-lg .navbar-nav .nav-link{font-weight:400}
.homePros ul li > ol .imgbox{border-bottom:none}
.homePros ul li > ol .textbox{padding:1rem 2rem}
.homePros ul li > ol .textbox .h3{font-weight:400;font-size:1.4rem}
.homePros ul li > ol .textbox > dl > dd > strong{font-weight:400}
#footer{position:relative;background:#f5f5f5}
#footer:before{position:absolute;content:'';background:url(../images/footer_bg.png) no-repeat;background-size:cover;width:262px;height:360px;right:3%;top:-15px}
#footer .container{max-width:1300px}
.footer_text{color:#333;font-family:Oswald,sans-serif}
.footer{padding:5rem 0}
.footer_title{color:#333}
.footer_list li a{color:#666}
.footer_contact p{color:#666}
.inquiryform2 h3{display:block;font-size:1.8rem;font-weight:300;line-height:2.6rem}
.etw_hometitle > div{font-size:2.2rem;font-weight:bold;line-height:2.4rem;margin-bottom:1rem;text-transform:uppercase;color:#333;text-align:left}
.etw_hometitle > div.about_title{font-weight: 900;}
.etw_gallery{position:relative}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative}
.etw_gallery ul li{width:25%;margin:0 0 4px 0;padding:0 2px !important;position:relative}
.etw_gallery ul li:before{display:none !important}
.etw_gallerys ul li{padding:0;margin:0}
.etw_gallery1 ul li{width:100%}
.etw_gallery2 ul li{width:50%}
.etw_gallery3 ul li{width:33.33%}
.etw_gallery5 ul li{width:20%}
.etw_gallery6 ul li{width:16.66%}
.etw_gallery ul li a{width:100%;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-items:center;justify-content:center}
.etw_gallery ul li a img{transition:.3s all ease-in-out}
.etw_gallery ul li a:hover img{opacity:.7}
.etw_gallery ul li span{display:block;padding:0.5rem;text-align:center;font-size:0.9rem;line-height:1.1rem;font-weight:400}
.etw_gallery ul li span.bottom_box{position:absolute;background:rgba(0 0 0 / 70%);bottom:0;left:0;padding:1rem;color:#fff;width:100%;display:block}
.etw_gallery_bg ul li span{position:absolute;left:5px;bottom:1.5rem;background:#eff7fa;padding:0.5rem 1rem;border-radius:0 1rem 1rem 0;-webkit-border-radius:0 1rem 1rem 0;-moz-border-radius:0 1rem 1rem 0;-ms-border-radius:0 1rem 1rem 0;-o-border-radius:0 1rem 1rem 0}
.container1{width:94%;margin:0 auto;max-width:1200px;position:relative}
.otherPros ul li{width:25%}
.otherPros ul li > ol{box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5)}
.otherPros ul li > ol a.textbox{display:flex;justify-content:start;padding:1rem;text-align:left;font-size:1.1rem;font-weight:400;border-bottom:2px solid var(--hover-color);flex: 1;}
.otherPros h3{font-size:2.2rem;text-align:center;font-family:Oswald,sans-serif;color:#333}
.dropdown-menu{border-top:none}
.banner_box{background:none;background-color:rgba(0,0,0,0.5)}
.banner_box h2{font-family:Oswald,sans-serif}
.banner_box2{background-color:rgba(255,255,255,.9)}
.pro_details_box{position:relative;margin:3rem auto;width:90%}
.pro_details_box ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.pro_details_box ul li{width:calc(calc(100% / 3) - 2%);position:relative;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 1.5rem;padding:0 1rem}
.pro_details_box ul li h5{font-weight:500;font-size:1.5rem;line-height:1.6rem;display:block;width:100%;position:relative;margin:0 0 0.8rem}
.pro_details_box ul li h5:before{position:absolute;content:'';background:var(--hover-color);width:90%;height:2px;left:0;bottom:-31px;right:0;margin:0 auto}
.pro_details_box ul li span{font-size:1rem;line-height:1rem;font-weight:400;color:#777;position:relative;padding:0.5rem 1rem;background:#efefef;z-index:1;border-radius:2rem;display:block}
.pro_details_box ul li i{font-size:1rem;line-height:1rem;font-weight:400;color:#777;position:relative;padding:0.5rem 1rem;background:#efefef;z-index:1;border-radius:2rem;display:block;font-style:normal}

.protitle{font-size: 1.6rem;line-height: 2rem;font-family: Oswald,sans-serif;position: relative;color: #333; }
.protitle::after{content: '';background: var(--hover-color);width: 80px;height: 5px; display: block; margin: 1rem 0;}
@media (max-width: 1799.98px) {
	#footer:before{width:190px;height:261px;}
}
@media (max-width: 1599.98px) {
	#footer:before{width:116px;height:160px;}
}
@media (max-width: 1399.98px) {
	#footer:before{display: none;}
}
@media (max-width: 1199.98px) {
	.navbar-expand-lg .navbar-nav .nav-item{margin-left: 2.6rem;}
	.inquiryform2 h3{max-width: 90%;}
	.nbanner_box1 > .container{padding: 0 2rem;}
	.detailsKey li .textbox{width: 100%;}
  .nbanner_box1>content>.container{padding:0 15px; max-width: calc(100% - 50px);}
  .nbanner_box1>content>.container .etw_hometitle>h4{font-size: 1.25rem;}
  .nbanner_box1>content>.container .etw_hometitle>h2{font-size: 2.5rem;}
}
@media (max-width: 1099.98px) {
	.detailsKey li{padding: 1.2rem 1rem;}
	.detailsKey li .textbox{padding-left: 0;}
	.details_tagnav ul{width: 100%;}
}
@media (max-width: 991.98px) {
	.navbar-expand-lg .navbar-nav .nav-item{margin-left: 0;}
	.homePros ul li{padding: 0 10px;margin-bottom: 1rem;}
	.homePros ul li > ol .textbox .h3{font-size: 1.3rem;}
	.homePros ul li > ol .textbox{padding: 1rem 1.2rem;}
	.footer{padding: 2rem 0;}
	.footer .col-md-6.col-lg-3{display: none;}
	.pro_details_box{margin: 2rem auto;}
	.pro_model,.inquiryform2{padding: 2rem 0;}
	.inquiryform2 h3{max-width: 100%;}
	.nbanner .etw_hometitle h4{font-size: 1.3rem;}
	.nbanner .etw_hometitle{width: 65%;}
	.detailsKey{width: 35%;}
	.detailsKey li .textbox{font-size: 1.1rem;}
	.details_tagnav{display: none;}
	.otherPros ul li > ol a.textbox{font-size: 1rem;line-height: 1.2rem;}
	.otherPros h3{font-size: 2rem;}
	.details_text1 .etw_hometitle h2{font-size: 2.2rem;}
	.details_text1 .etw_hometitle h4{font-size: 1.3rem;}
	.details_text1{padding: 2rem 2rem 2rem 0;}
	.details_leftimg{width: 50%;}
	.details_leftimg a, .details_leftimg a img{width: 100%;}
	.details_rightimg ul{justify-content: center;}
	.details_rightimg ul>li{width: 58%;}
	.etw_hometitle > div{font-size: 2rem;line-height: 2.2rem;}
	.relatedCases .projectCases_list>li {width: calc(100% / 2);}
	.etw_gallery2 ul li {width: 100%;}

  .nbanner_box1>content>.container{max-width: calc(100% - 30px);}
  .nbanner_box1>content>.container .etw_hometitle{padding: 1.25rem; padding-left: 0;}
  .nbanner_box1>content>.container .etw_hometitle>h4{font-size: 1.25rem;}
  .nbanner_box1>content>.container .etw_hometitle>h2{font-size: 2.5rem;}
}
@media (max-width: 767.98px) {
	.homePros ul li{width: 50%;}
	.homePros ul li > ol .textbox .h3{font-size: 1.2rem;}
	.footer_contact{margin-top: 0;}
	.nbanner .etw_hometitle{width: 90%;margin-bottom: 0;}
	.pro_details_box ul li{width: 50%;}
	.pro_details_box{width: 100%;margin: 2rem auto 0;}
	.proshubfixed{display: none;}
	.pro_model,.inquiryform2{padding: 1rem 0;}
	.inquiryform2 h3{font-size: 1.6rem;line-height: 2.2rem;}
	.nbanner .etw_hometitle h4{font-size: 1.2rem;}
	.nbanner .etw_hometitle small{font-size: 0.9rem;}
	.detailsKey li .textbox,.towerCrane_img > ul > li > span{font-size: 1rem;}
	.nbanner_box1{position: relative;}
	.nbanner_box1 > .container{padding: 1rem 1rem 0;}
	.nbanner_box1 #quicknav{display: none;}
	.nbanner_box1 .etw_hometitle{margin-bottom: 1rem;width:100%;}
	.detailsKey{width: 100%;}
	.detailsKey li{padding: 1rem;}
	.towerCrane_img > ul{position: static;width: 100%;}
	.smallHub_tower2>li{width: 50%;}
	.smallHub_tower2s > li{width: 33.33%;}
	ul.items > li{font-size: 0.9rem;line-height: 1.6rem;}
	.card-link{padding: 1rem 2rem 1rem 1rem;}
	.card-body{padding: 0 2.5rem 1rem 1.5rem;}
	.otherPros ul li{width: 50%;}
	.otherPros h3{font-size: 1.8rem;margin-bottom: 0.5rem;}
	.details_text1 .etw_hometitle h2{font-size: 2rem;margin-bottom: 0.5rem;}
	.details_text1 .etw_hometitle h4{font-size: 1.2rem;margin-bottom: 0.5rem;}
	.details_text p{font-size: 0.95rem;margin-bottom: 0.6rem;line-height: 1.4rem;}
	.details_text1,.details_right1,.left_pics a,.left_pics a img{width: 100%;}
	.details_text1{padding: 1rem;}
	.details_leftimg{display: none;}
	.details_rightimg {width: 100%;}
	.details_rightimg ul>li{width: 25%;}
	.etw_hometitle > div{font-size: 1.8rem;line-height: 2rem;margin-bottom: 0.5rem;}
	.relatedCases .projectCases_list>li {width: 100%;}
	.etw_gallery2{margin-bottom: 1rem;}
	.etw_gallery2 ul li {width: 50%;}
}
@media (max-width: 649.98px) {
	.smallHub_tower2>li,.smallHub_tower2s > li,.smallHub_tower2 > li > ol .imgbox img{width: 100%;}

}
@media (max-width: 575.98px) {
	.homePros ul li,.homePros ul li:nth-child(1), .homePros ul li:nth-child(2),.homePros ul li>ol .imgbox img{width: 100%;}
	.homePros ul li>ol .textbox p{min-height: auto;}
	.pro_details_box ul li,.otherPros ul li{width: 100%;}
	.details_text1 .etw_hometitle h2{font-size: 1.8rem;}
	.history .swiper .swiper-slide>ol{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.history .swiper .swiper-slide>ol a.imgbox {width: 100%; height: auto;}
	.history .swiper .swiper-slide>ol .textbox {width: 100%; padding: 1rem;}
	.details_rightimg ul>li{width: 50%;}
  .nbanner_box1>content>.container .etw_hometitle{padding: 1.875rem 0 1rem 0;}
  .nbanner_box1>content>.container .etw_hometitle>h4{font-size: 1rem;}
  .nbanner_box1>content>.container .etw_hometitle>h2{font-size: 1.8rem;}
}
@media (max-width: 479.98px) {
	.details_leftimg{width: 100%;margin-bottom: 1rem;}
	.details_rightimg ul>li{width: 50%;}
	.etw_gallery2 ul li {width: 100%;}
}
@media (max-width: 375.98px) {
	.details_rightimg ul>li,.details_rightimg ul>li>a,.details_rightimg ul>li img{width: 100%;}
}

/* 2024-10-30 */

/* .exhibition */
.exhibition{width:350px;height:290px;overflow-x:hidden;overflow-y:auto;position:fixed;top:22%;z-index:9999;box-shadow:rgba(27,26,26,0.1) 0 3.125rem 6.25rem -1.25rem,rgba(27,26,26,0.3) 0 1.875rem 3.75rem -1.875rem;background:url(../images/exhibition.jpg) no-repeat center;background-size:cover;right:0;padding:4.5rem 1rem 0 2.5rem;}
.exh_content{position:relative;text-align:left;}
.exh_content .exh_img{width:90%;}
.exh_content h6{color:#333;font-weight:600;font-size:1.2rem;line-height:1.2rem;padding:0.5rem 0;font-family:BarlowCondensed;margin:0;}
.exh_content p{font-size:0.9rem;line-height:1.2rem;}
.exh_content .more{position:relative;}
.exh_content .more a{background:#f2281c;color:#fff;padding:0.5rem 1rem;font-size:0.9rem;line-height:0.9rem;text-align:center;}
.exh_close a{color:#f2281c;font-weight:400;text-align:left;display:block;font-size:1.2rem;transition:.3s all ease-in-out;}
.exh_close a:hover{text-decoration:none;color:#f2281c;}
.exh_close{width:20px;height:auto;position:absolute;right:10px;top:60px;}
.exh-btn-more{background-image:linear-gradient(to right,#eee,#ccc);color:#333;padding:5px;font-size:14px;font-style:italic;font-weight:600;}
.more>a:hover{color: #fff;background-color: #000;}

@media (max-width:1199.98px){.exhibition{display:none;}
}
.team figure .etw_phone img{width: 100%;}