@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:700;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Libre Franklin";src:url(../fonts/Libre_Franklin/LibreFranklin-Light.woff2) format("woff2"),url(../fonts/Libre_Franklin/LibreFranklin-Light.woff) format("woff");font-weight:300;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Libre Franklin";src:url(../fonts/Libre_Franklin/LibreFranklin-Regular.woff2) format("woff2"),url(../fonts/Libre_Franklin/LibreFranklin-Regular.woff) format("woff");font-weight:400;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Libre Franklin";src:url(../fonts/Libre_Franklin/LibreFranklin-Bold.woff2) format("woff2"),url(../fonts/Libre_Franklin/LibreFranklin-Bold.woff) format("woff");font-weight:600;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:600;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:#666;--hover-color:#00833f;--hover2-color:#82ff00;--hover3-color:#004e24;--bg-f5:#f5f5f5}
.bg-f5{background-color:var(--bg-f5) !important}
.title-color{color:var(--hover-color)}
*{box-sizing:border-box;padding:0;margin:0}
#header,#container,#footer{width:100%}
body{color:var(--main-color);font-family:"Libre Franklin",Arial,Helvetica,sans-serif;font-weight:400;font-size:15px;line-height:25px;background-color:#fff;overflow-x:hidden}
li,ol,ul{list-style:none;margin-bottom:0}
h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;color:inherit;font-weight:600;margin-bottom:0}
.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:0;font-family:Oswald,sans-serif;font-weight:600;}
h2,.h2{font-size:2.5rem}
h3,.h3{font-size:2rem}
h4,.h4{font-size:1.5rem}
h5,.h5{font-size:1.25rem}
h6,.h6{font-size:1rem}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;font-size:inherit}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:var(--hover-color)}
p{font-size:0.9375rem;line-height:1.5rem;margin:1rem 0 0 0}
strong{font-weight:700}
b{font-weight:500}
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:block;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}
@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:1200px){.container{max-width:1130px}
}
/* 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;display:flex;flex-direction:column}
#header>.container{max-width:1130px;display:flex;align-items:center;justify-content:space-between}
#header>.container>content{flex:1}
#etw_logo{padding:15px 0;float:left;display:flex;align-items:center;flex-direction:column}
#etw_logo>a{display:flex;align-items:center}
#etw_logo>a>img{display:block;max-width:100%;height:70px}
.logo_text{display:flex;flex-direction:column;margin-left:1rem;padding-left:1rem;border-left:1px solid #f5cece;line-height:1.25rem}
.logo_text>span{font-size:0.875rem;color:#333}
.logo_text>span:first-child{font-size:1rem}
.logo_text2{width:100%;font-size:12px;line-height:1;margin-top:5px}
/* etw_language */
.etw_language{display:flex;justify-content:flex-end;align-items:flex-end;position:relative;z-index:12}
.etw_language>ul{display:flex;flex-wrap:wrap}
.etw_language>ul>li{display:flex;flex-wrap:wrap}
#etw_language{display:flex;height:100%}
#etw_language>a{padding:0 .8rem;color:#000;display:flex;justify-content:center;align-items:center;border-radius:5px;position:relative}
#etw_language>a::after{content:'';width:1px;height:16px;background-color:#ccc;position:absolute;right:0;top:50%;transform:translateY(-50%)}
#etw_language>a:last-child::after{display:none}
#etw_language>a>img{margin-right:.5rem}
#etw_language>a:hover{background:none;color:var(--hover-color);text-decoration:underline}
@media (max-width: 991.98px) {
	.etw_language{float:right;margin:0 1.5rem 0 0}
	.etw_language>ul>li{position:relative}
	.etw_language>ul>li>ol{display:none;position:absolute;top:150%;left:50%;transform:translateX(-50%)}
	.etw_language .iconfont{font-size:2.2rem}
	#etw_language{flex-direction: column; background-color:#f5f5f5; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#etw_language>a{width: 100%; margin:0; padding:.5rem 1rem;color:#000; text-align: center; border-radius: 0;}
	#etw_language>a:hover{background-color: var(--hover-color); color: #fff; text-decoration: none;}
	#etw_language>a>img{display:none}
}
/* nav */
nav{display:flex;background:radial-gradient(ellipse at center center,#2b981a 0%,#004e24 100%)}
nav .navbar{width:100%;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:center}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;font-size:1rem;display:flex;align-items:center;justify-content:center}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#fff;text-transform:uppercase;padding:0 1.5rem;min-height:50px;display:flex;align-items:center;justify-content:center;position:relative}
.navbar-light .navbar-nav a.nav-link::before{display:none;content:"";position:absolute;left:50%;top:50%;width:0px;height:0;background-color:var(--hover-color);transform:translate(-50%,-50%);transition:0.3s;border-radius:5px;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{background-color:var(--hover-color);color:#fff}
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%;height:100%}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;padding:0;border-radius:0;background:linear-gradient(to bottom,#fff,#f5f5f5);backdrop-filter:blur(10px);border-radius:0 0 1rem 1rem;overflow:hidden;transition:all 0.3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block}
.dropdown-menu ul>li{border-bottom:1px dashed #ddd}
.dropdown-menu ul>li:last-child{border-bottom:none}
.dropdown-menu .dropdown-item{color:#333;font-size:0.9rem;position:relative;display:block;transition:all 0.5s;padding:0.6rem 1.2rem;font-weight:200}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:#fff;background:var(--hover-color);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:1100px;left:-20%}
.dropdown-menu1>.row{margin:0}
.dropdown-menu1>.row>.col-lg-4{padding:0}
.dropdown-menu1 ul li{border-bottom:none !important}
.dropdown-menu1 .dropdown-item{padding:.4rem 1.2rem}
@media (max-width:1199.98px){.navbar-expand-lg .navbar-nav .nav-link{padding:0 0.7rem}
.pro-mt{margin-top:0 !important}
}@media (max-width:991.98px){#header{position:relative}
#header>.container{display:flex;align-items:center;justify-content:flex-end}
#header>.container>content{flex:1}
#etw_logo{flex:1;align-items:flex-start}
.navbtn{padding:0.3rem 0.1rem;float:right;border:1px solid #000;display:flex;align-items:center;justify-content:center;border-radius:5px}
nav .navbar{position:relative;right:initial;top:inherit;z-index:10}
nav .nav-item{width:100%;flex-direction:column}
nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0 1.5rem;position:relative;font-size:1rem;justify-content:flex-start}
.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#fff;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 ul>li:last-child{border-bottom:1px dashed rgba(255,255,255.5)}
.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}
.h2,h2{font-size:2.2rem;line-height:1.4}
}@media (max-width:767.98px){.h2,h2{font-size:1.8rem}
.h4,h4{font-size:1.2rem}
.h5,h5{font-size:1.1rem}
p{font-size:0.9rem}
#etw_logo>a>img{width:auto}
}@media (max-width:575.98px){.logo_text{display:none}
}
/* Banner */
.etw_banner{width:100%;overflow:hidden;position:relative;min-height:300px;max-height:600px}
.etw_banner .swiper{width:100%}
.etw_banner .swiper .swiper-slide{position:relative;overflow:hidden}
.banner_box{width:100%;height:100%;position:absolute;left:-100%;top:0;color:#fff;z-index:5;display:flex;align-items:center;transition:all 1s}
.banner_box::before{content:"";width:100%;height:100%;background-color:#000;transform:skewX(-20deg);opacity:0.5;position:absolute;left:-45%;top:0}
.banner_box>.container{position:relative;z-index:2}
.banner_box>.container>content{display:flex;flex-direction:column}
.banner_box h2{max-width:60%;font-size:2.8rem;line-height:4rem;color:#fff;text-transform:uppercase}
.banner_box a{width:fit-content;display:flex;padding:0.5rem 1.5rem;border-radius:30px;font-size:1rem;color:var(--hover-color);background-color:rgba(255,255,255,1);border:1px solid #fff;font-family:"Jura",sans-serif;text-transform:uppercase;margin-top:1.5rem;font-weight:700}
.banner_box a:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
.banner_box2{left:auto;right:-100%}
.banner_box2::before{background-color:#000;opacity:0.6}
.banner_box2>.container>content{align-items:flex-end;padding-right:65px}
.banner_box2::before{transform:skewX(-40deg);background-color:rgba(255,255,255,.8);left:auto;right:-47%}
.banner_box2 h2{float:right;text-align:right;max-width:45%;color:#000;line-height:1.1}
.banner_box2 ul{width:60%;display:flex;flex-wrap:wrap;margin-top:1rem;transform:translateY(30px)}
.banner_box2 ul li{width:25%}
.etw_banner .swiper .swiper-slide-active .banner_box{left:0}
.etw_banner .swiper .swiper-slide-active .banner_box2{left:auto;right:0}
.etw_banner .prev-button,.etw_banner .next-button{width:44px;height:44px;border:1px solid #fff;position:absolute;left:2%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;transition:all 0.4s}
.etw_banner .next-button{left:auto;right:2%}
.etw_banner .prev-button:hover,.etw_banner .next-button:hover{background-color:var(--hover-color);border-color:var(--hover-color)}
@media (max-width:1399.98px){.banner_box>.container{max-width:80%}
.banner_box::before{left:-45%}
.banner_box2::before{left:auto;right:-40%}
.banner_box h2{font-size:2.4rem;line-height:3.5rem;max-width:50%}
.banner_box a{margin-top:1rem}
.banner_box2 ul{margin-top:0}
}@media (max-width:1199.98px){.banner_box>.container{max-width:96%;padding-left:4rem}
.banner_box2>.container>content{padding-left:50px}
.banner_box h2{max-width:60%}
}@media (max-width:991.98px){.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_box2 ul{display:none}
}@media (max-width:767.98px){.banner_box{display:none}
}@media (max-width:767.98px){.banner_box{display:none}
}
/* Banner-end */
/* public */
.etw_phone{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;margin-top:20px}
.etw_phone li{width:100%;padding:0 10px;margin-top:20px;display:flex;flex-direction:column;position:relative}
.etw_phone li a,.etw_phone li .imgbox{display:flex;align-items:center;justify-content:center;width:100%}
.etw_phone li span{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:center;text-align:center;color:#333;overflow:hidden;line-height:1.25rem;padding:0.5rem;padding-bottom:0}
.etw_phone_bg li a,.etw_phone_bg li .imgbox{background-color:#fff}
.etw_phone_bg li a>img,.etw_phone_bg li .imgbox>img{mix-blend-mode:multiply}
.etw_phone2{width:100%;margin:0;justify-content:space-between}
.etw_phone2 li{width:calc(50% - 10px);padding:0}
.etw_phone3 li{width:calc(100% / 3)}
.etw_phone4 li{width:25%}
.etw_phone5 li{width:20%}
.etw_phone6 li{width:calc(100% / 6)}
.more{display:flex;margin-top:1rem}
.more>a,.more>span{width:fit-content;display:flex;line-height:1;font-size:1rem;color:#fff;background-color:var(--hover-color);text-transform:uppercase;font-family:"Jura",sans-serif;position:relative;padding:0.5rem 1.5rem;border-radius:30px;transition:all 0.4s;position:relative;z-index:0;overflow:hidden}
.more>a:hover{background-color:var(--hover3-color);color:#fff}
.items{display:flex;flex-wrap:wrap;margin-top:0.5rem}
.items>li{width:100%;line-height:24px;margin-top:0.3125rem;padding-left:20px;position:relative}
.items>li::before{content:"";width:10px;height:10px;outline:1px solid var(--hover-color);border:2px solid #fff;border-radius:50%;background-color:var(--hover-color);position:absolute;left:0;top:7px}
.items>li>p{margin-top:10px;position:relative}
.items>li strong{color:#000}
.items2{justify-content:space-between}
.items2>li{width:calc(50% - 20px)}
.video_btn{width:80px;height:80px;background:url(../images/video_btn1.png) no-repeat center center;background-size:100% 100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer}
@media (max-width:1199.98px){.etw_phone6 li{width:calc(100% / 5)}
.etw_phone6 li:last-child{display:none}
}@media (max-width:991.98px){.etw_phone5 li{width:calc(100% / 4)}
.etw_phone5 li:last-child{display:none}
.etw_phone6 li{width:calc(100% / 3)}
.etw_phone6 li:last-child{display:block}
}@media (max-width:767.98px){.etw_phone3 li{width:calc(100% / 2)}
.etw_phone3 li:last-child{display:none}
.etw_phone5 li{width:calc(100% / 2)}
.etw_phone6 li{width:calc(100% / 2)}
.items2>li{width:100%}
.etw_phone4 li{width:50%}
}@media (max-width:575.98px){.etw_phone3 li{width:100%}
.etw_phone3 li:last-child{display:block}
.etw_phone5 li{width:100%}
.etw_phone5 li:last-child{display:block}
.etw_phone2 li{width:100%}
}@media (max-width:479.98px){.etw_phone4 li{width:100%}
}
/* public-End */
/* index */
.etw_box{padding:3rem 0}
.etw_homeTitle{display:block;font-family:Oswald,sans-serif;text-align:center;position:relative;line-height:1;font-weight:600;font-size:2.5rem;text-transform:uppercase;color:#000;background:linear-gradient(to bottom,#2b981a,#004e24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.etw_homeTitle::after{content:"";width:80px;height:4px;background:linear-gradient(to right,#2b981a,#004e24,#2b981a);display:block;margin:1rem auto 0 auto}
.small_title{display:block;overflow:hidden;text-align:center;font-weight:300;max-width:80%;font-size:1.1rem;margin:1rem auto 0 auto;color:#666}
.homePro{min-height:500px;background:url(../images/bj1.jpg) no-repeat center center;background-size:cover}
.homePro_subtitle{text-align:center;font-size:1.5rem;color:var(--hover-color);text-transform:uppercase}
.homePro_title{font-size:2.5rem;line-height:3.5rem;text-align:center;font-weight:600;text-transform:uppercase;background:linear-gradient(to bottom,#2b981a,#004e24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.homePro_text{font-size:1.1rem;line-height:1.875rem;text-align:center;max-width:80%;margin:1rem auto 0 auto}
.homePro_more{display:flex;justify-content:center;margin-top:1.25rem}
.homePro_more>a{display:flex;align-items:center;padding:.5rem 1.5rem;border-radius:5px;background-color:var(--hover-color);font-size:1rem;color:#fff;text-transform:uppercase}
.homePro_more>a>i{font-size:1.25rem;margin-left:.5rem}
.homePro_more>a:hover{background-color:var(--hover3-color)}
.homePro_content{padding:0 50px;position:relative;margin-top:3rem}
.homePro_content .swiper{padding-bottom:30px}
.homePro_content .swiper .swiper-slide{height:auto;display:flex;padding:10px}
.homePro_content .swiper .swiper-slide>ol{flex:1;display:flex;flex-direction:column-reverse;background-color:#f5f5f5;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:all .4s}
.homePro_content .swiper .swiper-slide>ol a.imgbox img{mix-blend-mode:multiply}
.homePro_content .swiper .swiper-slide>ol a.textbox{flex:1;display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;padding:1rem;padding-bottom:0;font-size:1rem;line-height:1.5rem;overflow:hidden;transition:all 0.4s}
.homePro_content .swiper .swiper-slide>ol:hover{background-color:#fff}
.homePro_content .swiper .swiper-pagination{bottom:0}
.homePro_content .swiper .swiper-pagination-bullet{background-color:var(--hover-color)}
.homePro .prev-button,.homePro .next-button{width:36px;height:36px;border:1px solid var(--hover-color);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--hover-color);font-size:1.1rem;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all 0.4s}
.homePro .next-button{left:auto;right:0}
.homePro .prev-button:hover,.homePro .next-button:hover{background-color:var(--hover-color);color:#fff}
.homeApp{padding:4rem 0}
.homeApp ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.homeApp ul li{width:calc(50% - 10px);margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px;padding:1.5625rem}
.homeApp ul li a.imgbox{width:35%;border-radius:50%}
.homeApp ul li a.imgbox::after{content:'';position:absolute;inset:10px;border-radius:50%;border:2px solid rgba(0,131,63,0.3);z-index:2;transition:all .4s}
.homeApp ul li a.imgbox:hover::after{inset:0}
.homeApp ul li .textbox{width:65%;height:100%;padding-left:2rem;display:flex;flex-direction:column;justify-content:center}
.homeApp ul li .textbox h5{color:#000}
.homeApp ul li .textbox p{min-height:4.5rem;max-height:4.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.homeApp ul li .textbox .homeApp_more{display:flex;margin-top:1rem}
.homeApp ul li .textbox .homeApp_more>a{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:200px;border:2px solid var(--hover-color);padding:.3rem 1.5rem;border-radius:30px;color:var(--hover-color);font-weight:500;transition:all .4s}
.homeApp ul li .textbox .homeApp_more>a:hover{background-color:var(--hover-color);color:#fff}
.etwAbout{padding:3rem 0 5rem 0;position:relative;overflow:hidden;background:url(../images/bj2.png) no-repeat center center;background-size:cover;background-attachment:fixed}
.etwAbout .container{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2}
.etwAbout_left{width:50%;display:flex;flex-direction:column;justify-content:center}
.etwAbout_left .h2{font-size:1.875rem;}
.etwAbout_left small{font-size:1rem;color:var(--hover-color);text-transform:uppercase}
.etwAbout_left .etw_homeTitle{text-align:left}
.etwAbout_left .etw_homeTitle::after{margin-left:0}
.etwAbout_left p{color:#666;font-size:1rem;line-height:1.875rem}
.etwAbout_right{width:calc(40% + 30px);height:100%;position:relative;padding:0 30px 30px 0}
.etwAbout_right::before{content:'';border-radius:0 50px;background-color:var(--hover-color);opacity:0.2;position:absolute;right:0;bottom:0;top:30px;left:30px}
.etwAbout_right a.imgbox{border-radius:0 50px;border:10px solid #f5f5f5;z-index:1}
.etwAbout_right .etwAbout_subimg{overflow:hidden;width:50%;border:10px solid #f5f5f5;border-radius:30px;border-bottom-right-radius:0;position:absolute;right:-30px;bottom:-30px;z-index:2}
.homeCapabilities ul{display:flex;flex-wrap:wrap;margin-top:30px}
.homeCapabilities ul li{width:calc(100% / 3);display:flex;flex-direction:column;justify-content:center}
.homeCapabilities ul li a.imgbox{width:100%;min-height:300px}
.homeCapabilities ul li a.imgbox::before{content:"";display:block;padding-top:75%}
.homeCapabilities ul li .textbox{width:100%;padding:1.5625rem;display:flex;flex-direction:column;min-height:300px}
.homeCapabilities ul li .textbox .iconbox{display:flex;justify-content:flex-start;overflow:hidden;margin-bottom:1rem}
.homeCapabilities ul li .textbox .iconbox img{width:auto;height:60px;margin-left:0;filter:drop-shadow(0 60px #000);transform:translateY(-60px);position:relative}
.homeCapabilities ul li .textbox h4{color:#000}
.homeCapabilities ul li .textbox p{overflow:hidden;min-height:4.5rem;max-height:4.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.homeCapabilities ul li .textbox .more1{width:fit-content;padding:7px 40px 14px 20px;position:relative;line-height:1;transform:translateX(-1.5625rem);color:#000;margin-top:1rem;transition:all .4s}
.homeCapabilities ul li .textbox .more1::after{content:'';display:block;position:absolute;left:0;right:20px;bottom:7px;height:100%;border-bottom:2px solid #000;transition:all .4s}
.homeCapabilities ul li .textbox .more1>i{line-height:1;color:#000;font-size:0.95rem;position:absolute;height:24px;width:24px;right:0px;bottom:-4px;display:flex;align-items:center;justify-content:center;transition:all .4s}
.homeCapabilities ul li:nth-child(2):hover .textbox .iconbox img{filter:drop-shadow(0 60px var(--hover-color))}
.homeCapabilities ul li .textbox .more1:hover,.homeCapabilities ul li .textbox .more1:hover>i{color:var(--hover-color)}
.homeCapabilities ul li .textbox .more1:hover::after{border-bottom-color:var(--hover-color)}
.homeCapabilities ul .homeCapabilities_item{width:calc(100% - calc(100% / 3))}
.homeCapabilities ul .homeCapabilities_item>ol{width:100%;display:flex;flex-wrap:wrap}
.homeCapabilities ul .homeCapabilities_item>ol:nth-child(2){flex-direction:row-reverse}
.homeCapabilities ul .homeCapabilities_item>ol a.imgbox{width:50%}
.homeCapabilities ul .homeCapabilities_item>ol .textbox{width:50%}
.homeCapabilities ul .homeCapabilities_item>ol:hover .textbox .iconbox img{filter:drop-shadow(0 60px var(--hover-color))}
.homeCapabilities ul li a.imgbox::after{content:'';position:absolute;z-index:2;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent}
.homeCapabilities ul li:first-child>ol:nth-child(1) a.imgbox::after{border-right:21px solid #fff;right:0;top:50%;transform:translateY(-50%)}
.homeCapabilities ul li:first-child>ol:nth-child(2) a.imgbox::after{border-left:21px solid #fff;left:0;top:50%;transform:translateY(-50%)}
.homeCapabilities ul li:nth-child(2) a.imgbox::after{border-bottom:21px solid #fff;border-left:20px solid transparent;border-right:20px solid transparent;left:50%;bottom:0;transform:translateX(-50%)}
.homePartners{background-color:#f5f5f5}
.homePartners ul{display:flex;flex-wrap:wrap;margin-top:20px}
.homePartners ul li{width:calc(100% / 6);padding:1.5rem}
.homePartners ul li a{background-color:#f5f5f5}
.homePartners ul li img{filter:grayscale(100%);opacity:.5;transition:all 0.4s;mix-blend-mode:multiply}
.homePartners ul li:hover img{filter:grayscale(0);opacity:1;transform:translateY(-3px)}
@media (max-width:991.98px){.homePro,.etw_box{padding:2rem 0}
.homePro_title,.etw_homeTitle{font-size:2.2rem;line-height:1.4}
.homePro_subtitle{font-size:1.4rem;line-height:1.4}
.homePro_content{margin-top:2rem}
.homeApp{padding:3rem 0}
.etwAbout{padding:2rem 0 3rem}
.etwAbout_left .h2{font-size:1.8rem}
}@media (max-width:767.98px){.homePro_text{max-width:100%;font-size:1rem;line-height:1.5}
.homePro_title,.etw_homeTitle{font-size:1.8rem}
.homePro_subtitle{font-size:1.2rem}
.homePro_more>a,.homePro_content .swiper .swiper-slide>ol a.textbox{font-size:0.9rem;line-height:1.5}
.homeApp,.etwAbout{padding:2rem 0}
.small_title{max-width:100%}
.homeApp ul li{width:100%;padding:1.5rem;margin-top:1.2rem}
.etwAbout_right{width:calc(100% - 2rem);padding:0 2rem 2rem 0;margin-bottom:2rem}
.etwAbout_left,.homeCapabilities ul li,.homeCapabilities ul .homeCapabilities_item{width:100%}
.etw_homeTitle::after{display:none}
.homeCapabilities ul li{flex-direction:row}
.homeCapabilities ul .homeCapabilities_item{flex-direction:column}
.homeCapabilities ul li:nth-child(2) a.imgbox::after{border-right:21px solid #fff;right:0;top:50%;transform:translateY(-50%);border-bottom:20px solid transparent;left:auto;bottom:auto}
.homePartners ul{margin-top:0.5rem}
.homePartners ul li{width:calc(100% / 3);padding:1rem}
.etwAbout_left .h2{font-size:1.6rem;margin-bottom:1rem}
}@media (max-width:479.98px){.homeApp ul li a.imgbox,.homeApp ul li .textbox,.homeCapabilities ul .homeCapabilities_item>ol a.imgbox,.homeCapabilities ul .homeCapabilities_item>ol .textbox{width:100%}
.homeApp ul li a.imgbox{margin-bottom:1rem}
.homeApp ul li .textbox{padding-left:0;height:auto}
.homeApp ul li .textbox p{min-height:auto;max-height:none}
.homeCapabilities ul li a.imgbox::after{display:none}
.homeCapabilities ul li{flex-wrap:wrap}
.homePartners ul li{width:calc(100% / 2)}
}
/* index-end */
/* #footer */
#footer{background:url(../images/bj3.png) no-repeat center center;background-size:100% 100%;position:relative;overflow:hidden}
#footer::before{content:"";width:100%;height:100%;background-image:radial-gradient(ellipse at center center,rgba(43,152,26,0.7),rgba(0,78,26,0.6));opacity:1;position:absolute;left:0;top:0;z-index:0}
.footer{width:100%;padding:3rem 0;position:relative}
.footer_logo{display:flex}
.footer_logo>a{display:flex;align-items:center;line-height:1rem;color:#fff;font-size:0.85rem}
.footer_logo img{float:left;display:block;max-width:100%;height:60px}
.footer_logo span{flex:1;padding-left:0.65rem;margin-left:0.65rem;border-left:1px solid rgba(255,255,255,0.5)}
.footer_title>a{color:#fff}
.footer_title>a:hover{color:#fff}
.footer_list{display:flex;flex-direction:column;margin-top:1rem}
.footer_list li{display:block;margin-bottom:0.5rem}
.footer_list li a{color:#fff;font-weight:300;opacity:0.9}
.footer_list li a:hover{opacity:1;text-decoration:underline}
.footer_name{color:#fff;margin-top:1rem;font-size:1.1rem}
.footer_contact{display:flex;flex-direction:column;margin-top:0.5rem}
.footer_contact p{margin-top:5px;color:#fff;display:flex;flex-wrap:wrap;align-items:center}
.footer_contact p i{margin-right:10px}
.footer_contact p a:hover{text-decoration:underline;color:#fff}
/*share*/
.left_share{position:relative;display:flex;flex-wrap:wrap;margin:1.5rem 0 0 0}
.left_share a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:all 0.5s;background:#fff;border-radius:10px;font-size:1.4rem}
.left_share a svg{transition:0.3s all ease-in-out;width:30px;height:30px}
.left_share a svg g,.left_share a svg path{fill:var(--hover-color)}
.left_share a:hover{background-color:var(--hover-color);transform:translateY(-5px)}
.left_share a:hover svg g,.left_share a:hover svg path{fill:#fff}
.left_share a.icon_twitter,.left_share a.icon_linkedin{padding:0.5rem}
.left_share a.icon_telegram{padding:0.3rem 0.4rem}
.left_share a.icon_facebook{padding:0.3rem}
.left_share a.icon_pinterest{padding:0.4rem}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:2rem 0;border-top:1px solid rgba(255,255,255,0.5);position:relative;z-index:2}
#otherlink{clear:both;width:100%;height:auto;font-size:.9rem;display:flex;justify-content:center}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #fff;font-size:.9rem}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:#fff}
#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:1rem}
/* #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;border-radius:50%;transition:0.5s all ease-in-out}
#etw_top a{color:#fff;font-size:0.9rem}
#etw_top:hover{background:var(--hover-color);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:#004e24 !important;border:1px solid var(--hover-color) !important}
.theme-box-name{background:#00833f !important;border-left:1px solid var(--hover-color) !important}
/* nBanner */
.nbanner{width:100%;overflow:hidden;position:relative;min-height:200px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center}
.nbanner::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:#000;opacity:.5}
.nbannner_box{width:100%;overflow:hidden;position:relative;z-index:2}
.nbannner_box .h2{color:#fff;text-align:center;line-height:1.3;font-size:1.875rem; font-weight: bold;}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;padding:5px 0}
#quicknav ul{width:100%;display:flex;align-items:center;color:rgba(0,0,0,0.7);font-weight:300}
#quicknav ul>li:first-child>a{text-decoration:none !important}
#quicknav ul>li:first-child>a::before{content:"\f015";font-size:1.25rem;color:var(--hover-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
#quicknav a{color:rgba(0,0,0,0.7);font-size:0.9rem}
#quicknav li{display:flex;align-items:center;text-transform:capitalize;padding:0 0.625rem 0 0}
#quicknav li+li::before{content:"\f105";padding:0 0.625rem 0 0;color:rgba(0,0,0,0.7);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
#quicknav a:hover{text-decoration:underline;color:var(--hover-color)}
#quicknav li:last-child{padding-right:0;color:var(--hover-color)}
#quicknav ul.quicknav{justify-content:center;margin-bottom:1rem;color:rgba(255,255,255,.8)}
#quicknav ul.quicknav a{color:rgba(255,255,255,.8)}
#quicknav ul.quicknav>li:first-child>a::before{color:rgba(255,255,255,.8)}
#quicknav ul.quicknav li+li::before{color:rgba(255,255,255,.8)}
#quicknav ul.quicknav li:last-child{color:#fff}
/* Products */
.h2_title,.etw_hometitle>div{line-height:1;font-weight:600;font-size:2.5rem;background:linear-gradient(to bottom,#2b981a,#004e24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.h2_title::after{content:"";display:block;width:80px;height:5px;background:linear-gradient(to right,#2b981a,#004e24,#2b981a);margin-top:0.5rem}
.proVideo{width:100%;margin-top:-61px}
.proVideo>video{width:100%;height:auto;float:left;border-radius:10px;overflow:hidden}
.h4{color:#000;margin-top:1rem}
.pro_dl{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:0}
.pro_dl dt{display:flex;align-items:center;font-size:1.25rem;color:var(--hover-color);margin-bottom:0.5rem}
.pro_dl dt i{line-height:1;font-size:1.5rem;margin-right:0.5rem}
.pro_dl dd{margin:0.5rem 0 0 0}
.pro_dl dd strong{color:#000}
.pro_dl dd p{margin-top:0}
.proList{border-top:1px solid #f5f5ff}
.proList ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% + 30px);margin-left:-15px}
.proList ul li{width:calc(100% / 3);padding:0 15px;display:flex;margin-top:30px}
.proList ul li:nth-child(1),.proList ul li:nth-child(2),.proList ul li:nth-child(3){margin-top:0}
.proList ul li>ol{flex:1;display:flex;flex-direction:column;transition:all 0.4s}
.proList ul li>ol .proList_left{width:100%;position:relative}
.proList ul li>ol .proList_left .subImg{width:120px;border-radius:50%;background-color:#fff;position:absolute;left:10px;bottom:10px}
.proList ul li>ol .proList_right{flex:1;width:100%;padding:1rem;padding-left:2rem;display:flex;flex-direction:column;background-color:#f5f5f5}
.proList ul li>ol .proList_right h5{color:#000}
.proList ul li>ol .proList_right p{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5rem}
.proList ul li>ol .proList_right .more_btn{display:flex;justify-content:flex-end;padding-right:1rem}
.proList ul li>ol .proList_right .more_btn a.more{width:32px;height:32px;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#000;padding-left:0.25rem}
.proList ul li>ol .proList_right .more_btn a.more:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
.proList ul li>ol:hover{box-shadow:0 0 15px rgba(0,0,0,0.2)}
.proCustom{background:url(../images/bj3.png) no-repeat center center;background-size:cover;overflow:hidden;position:relative}
.proCustom::before{content:"";width:100%;height:100%;background-color:var(--hover-color);opacity:0.6;position:absolute;left:0;top:0}
.proCustom>.container{position:relative}
.proCustom_title{display:block;overflow:hidden;text-align:center;font-size:2.5rem;color:#fff}
.proCustom_texts{max-width:70%;margin:0 auto;color:#fff;text-align:center}
.proCustom_texts p{font-size:1rem;font-weight:300;line-height:2rem}
.proCustom .more{justify-content:center}
.proCustom .more>a{border-color:#fff}
.proApp{background-color:#f5f5f5}
.proApp ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.proApp ul li{width:25%;padding:0 10px;margin-top:20px;display:flex}
.proApp ul li>ol{display:flex;flex-direction:column;background-color:#fff;transition:all 0.4s;border-radius:10px;overflow:hidden}
.proApp ul li>ol .textbox{width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem}
.proApp ul li>ol .textbox h5{color:#000}
.proApp ul li>ol .textbox p{overflow:hidden;flex:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;max-height:4.5rem;-webkit-box-orient:vertical}
.proApp ul li>ol .textbox .more>a{border:none;padding:0.2rem .5rem;font-size:1.1rem}
.proApp ul li>ol .textbox .more>a::before{display:none}
.proApp ul li>ol .textbox .more>a>i{font-size:1.25rem;margin-right:0.25rem;transition:all 0.4s}
.proApp ul li>ol:hover{box-shadow:0 0 10px rgba(0,0,0,0.2)}
.proApp ul li>ol .textbox .more>a:hover{color:var(--hover-color)}
.proApp ul li>ol .textbox .more>a:hover i{margin-right:0.5rem}
.proServed{position:relative;padding:0 50px;margin-top:30px}
.proServed .swiper .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}
.proServed .swiper .swiper-pagination{bottom:0}
.proServed .swiper .swiper-pagination-bullet-active{background-color:var(--hover-color)}
@media (max-width:991.98px){.h2_title,.etw_hometitle>div,.proCustom_title{font-size:2.2rem;line-height:1.4}
.proCustom_texts{max-width:85%}
.proApp ul li{width:50%}
.proApp ul li>ol .textbox .more>a{font-size:1rem}
}@media (max-width:767.98px){.h2_title,.etw_hometitle>div,.proCustom_title{font-size:1.8rem}
.proVideo{margin-top:1rem}
.proList{padding-top:0}
.proList ul li{width:50%;margin-top:0;margin-bottom:1rem}
.proCustom_texts{max-width:100%}
.proServed{padding:0 2rem;margin-top:1rem}
.etw_items_title small{font-size:1.1rem}
}@media (max-width:575.98px){#quicknav{display:none}
.proList ul li,.proApp ul li{width:100%}
}
/* Products-End */
/* Products-Details-Hub */
.etw_items{padding:3rem 0}
.etw_items_title small{font-size:1.25rem;display:block;margin:0.5rem 0 1rem 0}
.img_bg{display:block;width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center}
.img_bg>img{position:relative;z-index:3}
.img_bg::before{position:absolute;content:"";width:90%;height:90%;background-color:#f5f5f5;transform:translate(-50%,-50%);left:50%;top:50%;box-shadow:rgba(0,0,0,0.16) 0px 2px 5px 0px;border-radius:50%}
.img_bg::after{position:absolute;content:"";width:50%;height:50%;background-color:#fff;transform:translate(-50%,-50%);left:50%;top:50%;box-shadow:rgba(0,0,0,0.16) 0px 1px 5px 0px;border-radius:50%}
.specifications{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;position:relative;z-index:2}
.specifications dd{width:calc(50% - 10px);margin-top:10px;margin-bottom:0;display:flex;flex-wrap:wrap;align-items:center;font-size:1.1rem}
.specifications dd>p{width:calc(100% - 50px);margin:0;padding-left:1rem;font-size:0.85rem;line-height:1.375rem}
.specifications dd>p>strong{display:block;font-weight:600;color:#000}
.specifications dd .specifications_icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.specifications dd .specifications_icon>img{width:50px;height:50px;transform:translateX(-100%);filter:drop-shadow(50px 0 #000)}
.specifications dd:hover{color:var(--hover-color)}
.specifications dd:hover>p>strong{color:var(--hover-color)}
.specifications dd:hover .specifications_icon>img{filter:drop-shadow(50px 0 var(--hover-color))}
.etw_subTitle{color:var(--hover-color);text-transform:uppercase;margin-top:1.5rem;background:url(../images/icon_yy.png) no-repeat left center;padding-left:3rem}
.features{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.features>li{width:100%;display:flex;flex-direction:column;border-radius:10px;font-size:0.95rem;line-height:24px;margin-bottom:10px;position:relative;padding-left:1.5rem}
.features>li::before{content:"\f046";color:var(--hover-color);font-size:1rem;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:0;top:0}
.features>li>span{display:block;font-size:1rem;font-weight:bold;color:#000}
.features>li>p{font-size:0.95rem;line-height:24px;margin:5px 0 0 0}
.features2{display:block;overflow:hidden}
.features2>li{width:calc(50% - 15px);float:left}
.features2>li:nth-child(even){float:right}
.related{padding:3rem 0}
.related .etw_homeTitle{background:none;color:#000;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;text-transform:capitalize}
.related_content{position:relative;padding:0 50px;margin-top:30px}
.related_content .swiper .swiper-slide{height:auto;display:flex;padding:10px}
.related_content .swiper .swiper-slide>ol{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;transition:all 0.4s}
.related_content .swiper .swiper-slide>ol .imgbox{border-radius:10px}
.related_content .swiper .swiper-slide>ol .textbox{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}
.related_content .swiper .swiper-slide>ol .textbox h5{color:#000}
.related_content .swiper .swiper-slide>ol .textbox p{overflow:hidden;flex:1;font-size:.9rem;max-height:4.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.related_content .swiper .swiper-slide>ol .textbox .more1{display:flex;margin-top:1rem}
.related_content .swiper .swiper-slide>ol .textbox .more1>a{width:fit-content;color:#333;font-size:1.1rem;font-family:"Jura",sans-serif;text-decoration:underline;position:relative;padding-right:1.5rem;transition:all 0.4s}
.related_content .swiper .swiper-slide>ol .textbox .more1>a::after{content:"\f061";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%);line-height:1;text-decoration:none;margin-top:2px}
.related_content .swiper .swiper-slide>ol .textbox .more1>a:hover{padding-right:2rem;color:var(--hover-color)}
.related_content .swiper .swiper-slide>ol:hover{box-shadow:0 0 10px rgba(0,0,0,0.2)}
.related .prev-button,.related .next-button{width:36px;height:36px;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:all 0.4s}
.related .next-button{left:auto;right:0}
.related .prev-button:hover,.related .next-button:hover{background-color:var(--hover-color);color:#fff}
.related .prev-button.swiper-button-disabled,.related .next-button.swiper-button-disabled{display:none}
.etw_items_faqs .etw_homeTitle{text-transform:none;background:none;color:#000;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}
.accordion1{max-width:60%;margin:0 auto}
.card{margin-bottom:0.625rem;background-color:#f5f5f5;border:none;border-radius:10px;overflow:hidden;margin-top:20px}
.card-header{padding:0;background-color:#f5f5f5;border:none}
.card-link{width:100%;display:block;padding:1rem;font-size:1rem;font-weight: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{content:"\f056"}
.inquiryForm{padding:3rem 0;background:url(../images/bj4.png) no-repeat center center;background-size:cover;position:relative;overflow:hidden}
.inquiryForm::before{content:"";width:100%;height:100%;background-image:linear-gradient(rgba(245,245,245,0.9),rgba(255,255,255,0.4),rgba(245,245,245,0.9));position:absolute;left:0;top:0}
.inquiryForm>.container{position:relative;z-index:2}
.inquiryForm_btn{display:flex;align-items:center}
.inquiryForm_btn>a{width:fit-content;display:flex;align-items:center;justify-content:center;border:2px solid var(--hover-color);border-radius:30px;padding:.5rem 1.5rem;margin:1rem 1rem 0 0;font-size:.85rem;font-weight:600;color:var(--hover-color)}
.inquiryForm_btn>a:first-child{background-color:var(--hover-color);color:#fff}
.inquiryForm_btn>a:first-child:hover{background-color:#fff;color:var(--hover-color)}
.inquiryForm_btn>a:hover{background-color:var(--hover-color);color:#fff}
.inquiryForm .h2{color:#000; font-weight: bold;}
.inquiryForm p{font-size:1rem;line-height:30px}
.feedback{width:100%;min-height:480px;box-shadow:0 0 20px rgba(0,0,0,0.2);padding:2rem 1rem 1rem 1rem;border-bottom:5px solid var(--hover-color);border-radius:20px}
.inquiryForm .feedback .webtitle{text-align:center;font-weight:600 !important;font-size:2rem !important;color:var(--hover-color)}
.proDetailsAbout{background:#fff}
/* Products-Details-End */
/* Applications */
.color-black{color:#000}
.inquiry_btn{color:var(--hover-color)}
.inquiry_btn:hover{text-decoration:underline}
.app_dl{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0 0 0}
.app_dl dt{width:100%;margin:0;color:var(--hover-color);font-size:1.2rem}
.app_dl dd{width:calc(50% - 10px);margin:15px 0 0 0;font-size:0.95rem;background-color:#f5f5f5;padding:1rem;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.app_dl dd>span{width:100%;display:block;font-weight:600;color:#000}
.apps_list{background-image:linear-gradient(#f5f5f5 90%,#fff)}
.apps_list ul{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px}
.apps_list ul li{width:calc(100% / 3);padding:0 15px;margin-top:30px;display:flex}
.apps_list ul li>ol{display:flex;flex-direction:column;background-color:#fff;padding:1rem;transition:all 0.4s;width:100%}
.apps_list ul li>ol .textbox{flex:1;display:flex;flex-direction:column}
.apps_list ul li>ol .textbox h4{color:#000}
.apps_list ul li>ol .textbox>dl{display:flex;flex-direction:column;margin:1rem 0 0 0}
.apps_list ul li>ol .textbox>dl>dd{margin:0;position:relative;padding-left:1rem}
.apps_list ul li>ol .textbox>dl>dd::before{content:"";width:4px;height:4px;border-radius:50%;background-color:var(--hover-color);position:absolute;left:6px;top:10px}
.apps_list ul li>ol .imgbox{margin-top:1rem}
.apps_list ul li>ol .more1{margin-top:1rem;display:flex;justify-content:flex-end}
.apps_list ul li>ol .more1>a{font-family:"Jura",sans-serif;font-size:1.25rem;color:var(--hover-color)}
.apps_list ul li>ol .more1>a::after{content:"\f280";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:-0.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.95rem}
.apps_list ul li>ol .more1>a:hover{text-decoration:underline}
.apps_list ul li>ol:hover{box-shadow:0 0 10px rgba(0,0,0,0.2)}
.apps_list ul li:nth-child(1),.apps_list ul li:nth-child(2),.apps_list ul li:nth-child(3){margin-top:0}
@media (max-width:991.98px){.apps_list ul li{width:50%;margin-top:0;padding:0 1rem;margin-bottom:1rem}
.inquiryForm,.etw_items{padding:2rem 0}
.accordion1{max-width:80%}
}@media (max-width:767.98px){.app_dl dd{width:100%}
.inquiryForm p{margin-bottom:0.5rem}
.specifications{margin-bottom:1.5rem}
.accordion1{max-width:100%}
}@media (max-width:575.98px){.apps_list ul li,.specifications dd{width:100%}
}.inquiryForm2 a{width:100%;max-width:150px;float:right;display:flex;align-items:center;justify-content:center;background-color:var(--hover-color);padding:1rem;border-radius:10px;color:#fff;text-transform:uppercase;font-size:1.1rem;font-family:"Jura",sans-serif}
.inquiryForm2 a:hover{background-color:#004e24}
.ApphomePartners{background-color:#fff}
.ApphomePartners ul li a{background-color:#fff}
.appDetails small{display:block;text-align:center;font-size:1.25rem}
.appDetails .etw_hometitle{text-align:center;margin-bottom:2.5rem}
.appDetails .h4_title{color:var(--hover-color);margin-top:1rem;text-align:center}
.appDetails_lists{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px}
.appDetails_lists>li{width:calc(100% / 2);padding:0 15px;margin-top:30px;display:flex}
.appDetails_lists>li>ol{width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#f5f5f5;border:1px solid #f5f5f5;padding:1rem;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px}
.appDetails_lists>li>ol h5{text-align:center;color:var(--hover-color)}
.appDetails_lists li>ol small{font-size:0.9rem;line-height:20px;margin-top:0.5rem}
.appDetails_lists>li>ol .etw_phone{width:100%;margin:1rem 0 0 0}
.appDetails_lists>li>ol .etw_phone>li{padding:0;margin:0}
.appDetails_lists>li>ol .etw_phone2>li{width:50%}
.appDetails_lists>li>ol>dl{flex:1;display:flex;flex-direction:column;margin:1rem 0 0 0}
.appDetails_lists>li>ol>dl>dd{margin:0;position:relative;padding-left:1rem;line-height:20px;margin-top:3px;font-size:0.8rem}
.appDetails_lists>li>ol>dl>dd::before{content:"";width:4px;height:4px;border-radius:50%;background-color:#000;position:absolute;left:5px;top:8px}
.appDetails_lists>li>ol>P{flex:1;line-height:20px;font-size:0.8rem}
.appDetails_lists>li>ol>P>strong{display:block;color:var(--hover-color);font-size:1rem}
.appDetails_lists>li>ol .call_btn{display:flex;justify-content:center;margin-top:1rem}
.appDetails_lists>li>ol .call_btn>a{width:fit-content;display:flex;padding:0.5rem 1.5rem;background-color:var(--hover-color);color:#fff;border-radius:5px;font-family:"Jura",sans-serif;font-size:1rem;text-transform:uppercase}
.appDetails_lists>li>ol .call_btn>a:hover{background-color:#004e24}
.relatedApp .etw_homeTitle{text-transform:capitalize}
.relatedApp ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.relatedApp ul li{width:20%;padding:0 10px;margin-top:20px;display:flex}
.relatedApp ul li>ol{display:flex;flex-direction:column;background-color:#f5f5f5;border-radius:5px;overflow:hidden}
.relatedApp ul li>ol .textbox{flex:1;display:flex;flex-direction:column;padding:1rem}
.relatedApp ul li>ol .textbox h5{font-size:1.25rem;color:#000;flex:1}
.relatedApp ul li>ol .textbox p{font-size:0.95rem;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:0.5rem}
.relatedApp ul li>ol .textbox .more{margin-top:0.5rem}
.relatedApp ul li>ol .textbox .more>a{padding:.3rem 0 .3rem 2rem;border:none;background:url(../images/more.png) no-repeat left center #f5f5f5;background-size:contain;font-size:1rem;color:#000}
.relatedApp ul li>ol .textbox .more>a::before{display:none}
.relatedApp ul li>ol .textbox .more>a:hover{color:var(--hover-color);text-decoration:underline}
.relatedApp ul li.active>ol .textbox h5{color:var(--hover-color)}
/* Applications-End */
/* Custom */
.custom .h4_title{margin-top:1.25rem;color:var(--hover-color)}
.ourProducts ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.ourProducts ul li{width:25%;padding:0 10px;margin-top:20px;display:flex}
.ourProducts ul li>ol{width:100%;display:flex;flex-direction:column;background-color:#f5f5f5;border-radius:10px;transition:all 0.4s}
.ourProducts ul li>ol .imgbox{border-radius:10px}
.ourProducts ul li>ol .textbox{flex:1;display:flex;align-items:center;padding:1rem}
.ourProducts ul li>ol .textbox h5{color:#000;font-family:"Libre Franklin",sans-serif;font-weight:400;font-size:1rem}
.ourProducts ul li>ol .textbox .more1{display:flex;font-size:1.25rem;color:var(--hover-color)}
.ourProducts ul li>ol .textbox .more1::after{content:"\f138";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;line-height:1;text-decoration:none}
.ourProducts ul li>ol .textbox .more1>a:hover{padding-right:2rem;color:var(--hover-color)}
.ourProducts ul li>ol:hover{box-shadow:0 0 10px rgba(0,0,0,0.2)}
/* Custom-End */
/* Capabilities */
.capabilities ul{display:flex;flex-direction:column}
.capabilities ul li{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:40px}
.capabilities ul li a.imgbox{width:calc(50% - 15px)}
.capabilities ul li .textbox{width:calc(50% - 15px)}
.capabilities ul li .textbox h3{color:#000}
.capabilities ul li .textbox .more1{margin-top:1rem;display:flex}
.capabilities ul li .textbox .more1>a{font-size:1.1rem;text-transform:uppercase;color:var(--hover-color);background:url(../images/more.png) no-repeat left center;background-size:contain;display:flex;align-items:center;position:relative;transition:all .4s;padding:.3rem 2.6rem}
.capabilities ul li .textbox .more1>a:hover{padding-left:3rem}
@media (max-width:991.98px){.related{padding:2rem 0}
.appDetails .etw_hometitle{margin-bottom:2rem}
.appDetails_lists>li{width:100%}
.relatedApp ul li{width:calc(100% / 3)}
.capabilities ul li .textbox h3{font-size:1.8rem}
}@media (max-width:767.98px){.inquiryForm2 a{padding:0.5rem 1rem;font-size:0.9rem}
.related_content{margin-top:1rem}
.ourProducts ul li{width:50%}
.appDetails .etw_hometitle{margin-bottom:1rem}
.appDetails .h4_title{font-size:1.3rem}
.relatedApp ul li{width:calc(100% / 2)}
.capabilities ul li a.imgbox,.capabilities ul li .textbox,img{width:100%}
.capabilities ul li a.imgbox{margin-bottom:1rem}
.capabilities ul li .textbox h3{font-size:1.6rem}
}@media (max-width:575.98px){.ourProducts ul li{width:100%}
.relatedApp ul li{width:100%}
}.rd .h4_title{color:#000;margin-top:1rem}
.rd_dl{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:0}
.rd_dl dd{margin-top:.25rem;margin-bottom:0;position:relative;padding-left:1.5rem}
.rd_dl dd::before{content:'';width:6px;height:6px;background-color:var(--hover-color);position:absolute;left:5px;top:9px}
.rd_key{display:flex;flex-wrap:wrap;justify-content:space-between}
.rd_key li{width:calc(50% - 10px);display:flex;flex-direction:column;justify-content:center;margin-top:20px;background-color:#f5f5f5;padding:1rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.rd_key li span{width:100%;font-weight:600;color:#000;display:block}
.rd_key li:last-child{width:100%}
.mnufacturing>.container>.row>.col-12{margin-top:30px}
.mnufacturing>.container>.row>.col-12:nth-child(1){margin-top:0}
.mnufacturing .h4_title{color:#000;margin-top:1rem}
.design{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px}
.design>li{width:calc(100%/ 3);padding:0 15px;margin-top:20px;display:flex}
.design>li>ol{width:100%;display:flex;flex-direction:column;background-color:#f5f5f5;padding:2rem}
.design>li>ol h6{color:var(--hover-color)}
.design>li>ol dl{display:flex;flex-direction:column;margin:.5rem 0 0 0}
.design>li>ol dl dd{display:block;margin:.25rem 0 0 0;position:relative;padding-left:1rem}
.design>li>ol dl dd::before{content:'';width:6px;height:6px;background-color:var(--hover-color);position:absolute;left:3px;top:9px}
/* Capabilities-End */
/* About Us */
.company{padding:0}
.company-items{width:100%;padding:3rem 0}
.company-items .h3_title{color:#000;text-align:center}
.etw_phone_bg li a{background-color:#f5f5f5}
.etw_phone_bg li a img{max-width:80%;filter:grayscale(1);opacity:.5;mix-blend-mode:multiply;transition:all .4s}
.etw_phone_bg li a:hover img{filter:grayscale(0);opacity:1;transform:translateY(-3px)}
.history{margin-top:30px;position:relative;padding:0 50px}
.history .swiper{padding-bottom:30px}
.history .swiper-slide{padding:10px;display:flex;height:auto}
.history .swiper-slide>ol{flex:1;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.2);padding:1.5rem}
.history .swiper-slide>ol .company_icon{width:100%;height:60px;margin-bottom:1rem;overflow:hidden;display:flex;justify-content:center}
.history .swiper-slide>ol .company_icon>img{width:60px;height:60px;position:relative;transform:translateY(-60px);filter:drop-shadow(0 60px var(--hover-color))}
.history .swiper-slide>ol h4{display:none;color:var(--hover-color);text-align:center}
.history .swiper-slide>ol p{margin-top:0;font-size:1rem;color:#333}
.history .swiper-pagination{bottom:0}
.history .swiper-pagination-bullet{background-color:var(--hover-color)}
.history .prev-button,.history .next-button{width:36px;height:36px;border-radius:50%;background-color:var(--hover-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;cursor:pointer;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.history .next-button{left:auto;right:0}
.history .prev-button.swiper-button-disabled,.history .next-button.swiper-button-disabled{display:none}
.company_nav{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;margin-top:-20px}
.company_nav li{width:20%;padding:0 10px;margin-top:20px;display:flex}
.company_nav li>ol{width:100%;display:flex;flex-direction:column;box-shadow:0 10px 10px rgba(0,0,0,0.2);border-radius:10px;overflow:hidden}
.company_nav li>ol a.textbox{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;line-height:1.25rem}
.company_nav li>ol:hover a.textbox,.company_nav li.active>ol a.textbox{background-color:var(--hover-color);color:#fff}
.service .h4_title{color:#000;text-align:center;margin-top:1rem}
.service_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.service_list li{width:calc(50% - 10px);margin-top:20px;background-color:#f5f5f5;padding:1.5rem;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.service_list li strong{display:block;font-size:1rem;color:var(--hover-color);margin-bottom:.5rem}
/* About Us-End */
/* Contact Us */
.contact{padding:1rem 0 2rem 0}
.contact .etw_hometitle{font-weight:600;font-size:2.2rem;margin-bottom:1.5rem}
.contact p{font-size:1rem;line-height:24px;margin-top:0.5rem}
.contact p strong{color:#000}
.contact a{color:var(--hover-color)}
.contact a:hover{color:var(--hover-color);text-decoration:underline}
.contact .co_name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--hover-color)}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle{font-size:1.875rem !important;color:var(--hover-color)}
.contact_map{margin-top: 1rem;}
/* Contact Us-End */
/* Overview */
.overview_box{padding:3rem 0;background-color:#fff}
.overview_box:nth-child(even){background-color:#f5f5f5}
.overview_box:first-child{margin-top:0}
.overview_title{font-size:2rem;color:var(--main-color);text-transform:uppercase;text-align:center;font-weight:bold;position:relative}
.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:#f5f5f5;color:var(--hover-color)}
.overviewAbout .overview_title{text-align:left;color:#000;padding-left:1rem;border-left:5px solid var(--hover-color)}
.overviewAbout .overview_title::before{display:none}
.overviewAbout .overview_title>span{padding:0}
.overviewCompany ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.overviewCompany li{width:calc(50% - 20px);margin-top:30px}
.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:0;color:#333;font-size:1.1rem;font-size:300}
.overviewCompany li:hover .overviewCompany-label::after{width:100%}
.overviewPro ul{display:flex;flex-wrap:wrap;flex-direction:column}
.overviewPro ul li{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:30px;background-color:#f5f5f5;transition:all .3s}
.overviewPro ul li>a.imgbox{width:50%;display:flex;align-items:center;justify-content:center}
.overviewPro ul li .textbox{width:50%;padding:1.25rem;padding-left:2.5rem;display:flex;flex-direction:column}
.overviewPro ul li .textbox h4{color:#000}
.overviewPro ul li .textbox dl{display:flex;flex-direction:column;margin:1rem 0 0 0}
.overviewPro ul li .textbox dl dd{margin:5px 0 0 0}
.overviewPro ul li .textbox dl dd:first-child{margin-top:0}
.overviewPro ul li .overview_more{display:flex;justify-content:flex-end;margin-top:1rem}
.overviewPro ul li .overview_more>a{display:flex;align-items:center;justify-content:center;color:#000;width:30px;height:30px;border:1px solid #000;transition:all .4s}
.overviewPro ul li .overview_more>a:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
.overviewPro ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.2)}
.overviewApp ul li>ol{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.overviewApp ul li>ol .textbox .more>a{background-color:#fff}
.overview_inquiryForm::before{background-image:linear-gradient(rgba(255,255,255,0.9),rgba(245,245,245,0.4),rgba(255,255,255,0.9))}
/* Overview-End */
 
/****video****/
.video_title{display:block;font-size:1.2rem;padding:.5rem 0;text-align:center}  
.video_btn{display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;margin:0 0.2rem;}
.video_btn span{color:#fff;padding:0.6rem 2rem;font-size:0.8rem;line-height:0.8rem;text-align:center;display:inline-block;margin:1rem 0;min-width:100px;position:relative;overflow:hidden;background:#f2bb41;font-weight:200;z-index:1;transition:.5s all ease-in-out;text-transform:uppercase;border-bottom:2px solid #fff;box-shadow:0 2px 0 rgb(0 0 0 / 20%);border-radius:3px;}
.video_btn span:hover{background:#111;border-bottom:2px solid #111;}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:.4}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}
.video_btn1{display:flex;flex-wrap:wrap;position:absolute;width:100px;height:100px;cursor:pointer;background:url(../images/video_btn.png) no-repeat;background-size:cover;z-index:100;transition:.3s all ease-in-out;}
@-webkit-keyframes scalein{50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
}
@keyframes scalein{50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
}
.video_btn2{width:80px;height:80px;opacity:0.85;cursor:pointer; background:url(../images/video_btn.png) no-repeat #00b9d6;background-size:auto;background-size:cover;border-radius:50%; position:absolute; z-index:10}
.video_btn2:hover,.video_btn3:hover{opacity: .7;}
.video_btn3{width:80px;height:80px;opacity:0.85;cursor:pointer;z-index:100;background:url(../images/video_btn.png) no-repeat #00b9d6;background-size:auto;background-size:cover;border-radius:50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} 

.video_btn4{display:flex;flex-wrap:wrap;position:absolute;width:80px;height:80px;opacity:1;cursor:pointer;z-index:100;background:url(../images/video_btn.png) no-repeat;background-size:auto;background-size:cover;border-radius:50%;}
.top_center{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.video_btn7 {
    width: auto;
    background: #00b9d6;
    text-align: center;
    position: relative;
    padding: 6px 30px;
    cursor: pointer;
    margin-right: 15px;
    border-radius: 10px;margin-top: -3.25rem;margin-bottom: 2rem;
}

.video_btn7 span {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    line-height: 1rem;
}

.video_btn7 span:before {
    position: absolute;
    content: "\f03d";
    left: 0;
    top: 0;
    font-family: fontawesome;
}
.video_btn7:hover{background: #333;}
.video_bg{position:relative;overflow:hidden;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;}
.video_bg:before{position:absolute;content:'';background:#333;width:100%;height:15%;top:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none;}
.video_bg:after{position:absolute;content:'';background:#333;width:100%;height:15%;bottom:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none;}
.video_bg:hover:before{top:-15%;}
.video_bg:hover:after{bottom:-15%;}
.video_text{text-align:center;width:100%;padding:0.8rem 0;}
.video_text a{font-size:1.05rem;color:#fff;line-height:1.2rem;font-weight:300;position:relative;padding:0 1.5rem;display:block;}
.video_text a:before{content:"\f0a9";font-family:FontAwesome;margin:2px 8px 0 0;transition:.3s all ease-in-out;}
.video_text a:hover{color:#00b9d6}
.video_text a:hover:after{color:#00b9d6;margin-left:12px;}
.plyr--video,.plyr__poster,.plyr__video-wrapper{background-color:#fff!important}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:0!important}
.plyr__video-wrapper{background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff))}
/*video_hub*/
.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub ul>li{width:49%;margin:0 2% 1rem 0;position:relative;transition:.3s all ease-in-out;overflow:hidden;}
.etwvideo_hub ul>li:nth-child(2n){margin-right:0;}
.etwvideo_hub ul>li:nth-child(2n+1){clear:both;}
.etwvideo_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%));}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;clip-path:polygon(100% 0%,100% 78%,95% 100%,0% 100%,0 0);background:#f5f5f5;}
.etwvideo_hub ul li ol li.product_img{width:35%;position:relative;}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub ul li ol li.product_img .video_btn4{width:40px;height:40px;}
.etwvideo_hub ul li ol li.product_con{width:65%;position:relative;padding:0 1rem 0 1.5rem;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:1rem;line-height:1.2rem;color:#111;padding:0.5rem 1rem 0.5rem 0;font-weight:300;}
.etwvideo_hub ul li ol li.product_con a:hover{color:#d21034;}
.etwvideo_hub1 ul>li{width:100%;margin:0 0 1.5rem;}
.etwvideo_hub1 ul li ol li.product_img{width:45%;position:relative;}
.etwvideo_hub1 ul li ol li.product_con{width:55%;padding:0 3rem;}
.etwvideo_hub1 ul li ol li.product_con a{display:block;font-size:1.3rem;line-height:1.4rem;color:#111;padding:1rem 0;font-weight:600;font-family:Jost;}
.etwvideo_hub1 ul li ol li.product_img .video_btn4{width:60px;height:60px;}
.etwvideo_hub2{position:relative;}
.etwvideo_hub2 ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub2 ul>li{width:32%;margin:0 2% 1rem 0;position:relative;transition:.3s all ease-in-out;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,5% 100%,0 92%);background:#f5f5f5;}
.etwvideo_hub2 ul>li:nth-child(3n){margin-right:0;}
.etwvideo_hub2 ul>li:nth-child(3n+1){clear:both;}
.etwvideo_hub2 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%));}
.etwvideo_hub2 ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.etwvideo_hub2 ul li ol li.product_img{width:100%;position:relative;}
.etwvideo_hub2 ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub2 ul li ol li.product_img .video_btn4{width:60px;height:60px;}
.etwvideo_hub2 ul li ol li.product_con{width:100%;position:relative;padding:0 1rem 0 1.5rem;}
.etwvideo_hub2 ul li ol li.product_con a{display:block;font-size:1rem;line-height:1.2rem;color:#111;padding:1rem;font-weight:300;font-family:Jost;}
.etwvideo_hub2 ul li ol li.product_con a:hover{color:#d21034;}
.etwvideo_hub2_2 ul>li{width:49%;}
.etwvideo_hub2_2 ul>li:nth-child(3n){margin-right:2%;}
.etwvideo_hub2_2 ul>li:nth-child(3n+1){clear:none;}
.etwvideo_hub2_2 ul>li:nth-child(2n){margin-right:0;}
.etwvideo_hub2_2 ul>li:nth-child(2n+1){clear:both;}
.other_video ul>li{border-radius:1rem;width:16%;}
.other_video ul li ol li.product_img:before{position:absolute;content:'';width:100%;height:100%;background:url(../images/linen_dark_alpha.png) no-repeat;left:0;top:0;z-index:1;}
.other_video ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.other_video ul li ol li.product_img .video_btn4{width:60px;height:60px;}
#video_right{width:69%;float:left;position:relative;}
#video_right h2{margin-top:0;}
#video_sidebar{width:28%;float:right;position:relative;}
#etw_videolist{position:relative;margin:0 auto;background:#f6f6f6;padding:1rem 2rem;}
#etw_videolist .webtitle{font-size:1.6rem;line-height:1.6rem;text-align:left;padding:1rem 0;font-weight:600;color:#111;font-family:Jost;}
#etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li{width:100%;position:relative;display:block;}
#etw_videolist>ul>li>a{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.3rem 0;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;}
#etw_videolist>ul>li a:hover{box-shadow:1px 3px 6px rgba(0 0 0 / 30%);}
#etw_videolist>ul>li img{width:30%;float:left;}
#etw_videolist>ul>li span{width:70%;float:right;padding:0.3rem 0.8rem;color:#333;font-size:0.85rem;line-height:1rem;font-weight:300;position:relative;display:block;transition:.3s all ease-in-out;font-family:Jost;}
#etw_videolist>ul>li>a.dq span,#etw_videolist>ul>li>a:hover span{color:#d21034;}
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:#d21034;}
#video_right video{width:100% !important;}
.video_flash:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;border-radius:50%;background-color:#d21034;-webkit-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
@-webkit-keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translate(100px);transform:translate(100px);}
100%{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translate(100px);transform:translate(100px);}
100%{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@-webkit-keyframes ripple{0%,35%{-webkit-transform:scale(0);transform:scale(0);opacity:.9;}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.5;}
100%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}
@keyframes ripple{0%,35%{-webkit-transform:scale(0);transform:scale(0);opacity:.9;}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.5;}
100%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}
@media (max-width:991.98px){.etwvideo_hub ul > li{width:100%;margin:0 0 1rem 0;}
#video_right{width:100%;float:none;}
#video_sidebar{width:100%;float:none;}
#etw_videolist > ul > li{width:49%;margin:0 2% 1rem 0;}
#etw_videolist > ul > li:nth-child(2n){margin-right:0;}
#etw_videolist > ul > li:nth-child(2n+1){clear:both;}
.video_btn2{width:60px;height:60px;}
.banner_video{margin:1rem auto;}
}
.etw_top{margin-top: 27px;}
@media (max-width:767.98px){.etwvideo_hub1 ul>li{width:100%;}
.etw_top{margin-top: 0;}
.etwvideo_hub1 ul li ol{clip-path:none;border-radius:1rem;overflow:hidden;}
.etwvideo_hub ul li ol li.product_img{width:100%;}
.etwvideo_hub ul li ol li.product_con{width:100%;padding:0 2rem 1.5rem;}
.etwvideo_hub1 ul li ol li.product_con a{font-size:1.2rem;line-height:1.5rem;padding:1rem 0;}
.etwvideo_hub2 ul > li{width:100%;clip-path:none;border-radius:1rem;margin:0 0 1.5rem;}
.etwvideo_hub2 ul li ol li.product_con a{padding:1.5rem 0;} 
.footer_logo{ display:none}

}
@media (max-width:575.98px){.videoall ul li{width:100%;margin-right:0}
#etw_videolist > ul > li > a{border-radius:0;}
#etw_videolist > ul > li img{width:100%;float:none;}
#etw_videolist > ul > li span{width:100%;float:none;text-align:center;padding:0.5rem 0;}
#etw_videolist{padding:1rem;}
.video_btn1 a{font-size:0.8rem;line-height:0.8rem;}
}

.sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:start;text-align:center;position:relative;z-index:1;}
.sendinquiry span,.sendinquiry a{cursor:pointer;color:#fff;padding:0.6rem 1.5rem;font-size:0.9rem;line-height:0.9rem;text-align:center;display:inline-block;margin:0.5rem 0 1rem 0;min-width:100px;position:relative;overflow:hidden;font-weight:300;z-index:1;transition:.5s all ease-in-out;text-transform:uppercase;border-radius:2rem;background:linear-gradient(-90deg,#9be6ff,#078e2f);}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover{color:#111;}
.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_show a::after{display:none;}
.protitle{width:100%;color:#16731f;display:flex;flex-wrap:wrap;align-items:center;font-size:1.6rem;line-height:1.6rem;position:relative;font-weight:600;padding:0;margin:1rem 0;}
.protitle small{display:inline-block;font-size:65%;}
.protitle:hover .title_line{background:#cc0000;}
.protitle a{color:#cc0000;display:inline-block;position:relative;}
.protitle:hover a{color:#429138;}