@charset "utf-8";
/* Animate #c22020*/
@import 'animate.min.css';
:root{--main-color:#333;--hover-color:#ef6314;--hover2-color:#000;--bg-f5:#f5f5f5;--size16:1rem;--size20:1.25rem;--size24:1.5rem;--size28:1.75rem;--size32:2rem;--size36:2.25rem;--size40:2.5rem;--size48:3rem}
.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:"Poppins",Arial,Helvetica,sans-serif;font-weight:300;font-size:15px;line-height:var(--size24);background-color:#fff;overflow-x:hidden}
figure{margin-bottom:0}
li,ol,ul{list-style:none;margin-bottom:0}
h1,h2,h3,h4,h5,h6{color:inherit;font-weight:600}
h2{font-size:var(--size40);font-weight:600;margin-bottom:1rem}
p{font-size:.9375rem;line-height:1.5rem}
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 .5s;color:inherit;text-decoration:none}
a:hover{text-decoration:none}
figure{display:block;margin:0}
.imgbox{width:100%;display:block;overflow:hidden;position:relative}
.imgbox img{transition:all 0.5s}
.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:1230px}}
/* public */
ul.etw_ul{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px}
ul.etw_ul li{padding:0 15px;display:flex}
ul.etw_ul li>a,ul.etw_ul li>ol{display:flex;flex-direction:column;justify-content:space-between}
.more{display:flex;justify-content:center;margin-top:2rem}
.more>a,.more>span{line-height:1;font-size:1rem;color:#fff;background-color:var(--hover-color);text-transform:uppercase;position:relative;padding:.8rem 1.5rem;border-radius:5px;transition:all .4s}
.more>a:hover{background-color:var(--hover2-color)}
.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}
/* public-End */
/* 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}
#etw_logo{padding:25px 0;float:left;display:flex;align-items:center}
#etw_logo>a{display:flex;align-items:center}
#etw_logo>a>img{display:block;max-width:100%;height:40px}
#etw_logo>span{padding-left:1rem;margin-left:1rem;width:185px;font-size:0.8rem;line-height:1rem;color:#545454;font-weight:600;border-left:1px solid #ddd;text-transform:uppercase}
/* etw_language */
.etw_language{display:flex;justify-content:flex-end;align-items:flex-end;height:34px}
.etw_language .etw_globe{cursor:pointer}
.etw_language .etw_globe>i{font-size:1.8rem !important;color:var(--main-color)}
#etw_language{display:flex;height:100%;float:right;align-items:flex-end}
#etw_language>a{padding:0 1rem;color:var(--main-color);display:flex;align-items:center;line-height:24px;height:24px;font-weight:300;font-size:.85rem; 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{padding-right: 0;}
#etw_language>a:last-child:after{display: none;}
#etw_language>a>img{margin-right:.3125rem}
#etw_language>a:hover{background-color:#fff;color:var(--hover-color)}
nav{display:flex;justify-content:flex-end;padding:0}
nav .navbar{width:100%;padding:0;justify-content:flex-end}
nav .navbar-collapse{flex-grow:0;border:none;height:100%;align-items:initial}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;margin-left:2rem;font-size:.95rem;display:flex;align-items:center;justify-content:center}
.navbar-expand-lg .navbar-nav .nav-item:nth-child(1){margin-left:0}
.navbar-expand-lg .navbar-nav .nav-link{color:var(--main-color);text-transform:uppercase;padding:0;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}
nav .navbar-nav .nav-item.active .nav-link,nav .navbar-nav .nav-item:hover .nav-link{color:var(--hover-color) !important}
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;border-radius:0;padding:0 1rem;box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);background-color:rgb(255 255 255 / 80%);backdrop-filter:blur(10px);border-radius:0 0 1rem 1rem;transition:all .3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block}
.dropdown-menu ul>li{border-bottom:1px dashed #fff}
.dropdown-menu ul>li:last-child{border-bottom:none}
.dropdown-menu .dropdown-item{color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding:.6rem 1rem;border-bottom:1px solid #eee;font-weight:200}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:var(--hover-color);background:none;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:250%}
@media (max-width:1199.98px){.navbar-expand-lg .navbar-nav .nav-item{margin-left:1rem}
}
@media (max-width:1099.98px){.navbar-expand-lg .navbar-nav .nav-item{font-size:.85rem}
}
@media (max-width:991.98px){
#header{ position:inherit;}
#header .container{display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
#etw_logo{padding:15px 0}
.etw_language{margin:auto 1.5rem auto auto}
nav{width: 100%;}
nav .navbar-nav{border-top: 1px solid #ccc;}
.navbar-expand-lg .navbar-nav .nav-item{margin-left:0;display:block}
.navbar-expand-lg .navbar-nav .nav-item.show{z-index:9}
nav .navbar{position: relative;right: initial;top: inherit;z-index: 10;}
nav .nav-item{width:100%}
.navbar-toggler{border-color:rgba(0,0,0,.1);font-size:1.6rem;margin:0 0.5rem 0 0}
nav .navbar-collapse{background-color:#fff;}
nav .nav-item{width:100%;margin:0}
nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0.5rem 1rem 0.5rem 0;min-height: auto;position:relative;font-size:1rem;width:100%}
.navbar-expand-lg .navbar-nav .nav-link{display:block}
.navbar-nav .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;box-shadow: 0 0 0;}
.dropdown-toggle::after{display:none}
.nav-item span.pro_icon{position:absolute;top:2px;right:0;color:#999;padding:0;font-size:34px;width:30px;height:calc(100% - 2px);display:flex;align-items:center;justify-content:center;background-color:#fff;text-align:center;font-weight:200;z-index:2}
.dropdown-menu .dropdown-item{white-space: inherit;}
.dropdown-menu1 li .dropdown-item{font-size:0.9rem;padding:0.5rem 0.5rem}
.dropdown-menu1 li>ol{margin-top:0.5rem}
}@media (max-width:649.98px){#etw_logo>a>img{height:30px}
p{font-size:0.9rem;line-height:1.4rem}
}@media (max-width:479.98px){#etw_logo>span{margin-left:0.5rem;padding-left:0.5rem;width:170px;font-size:0.7rem}}
/* Banner */
.etw_banner{width:100%;overflow:hidden;position:relative;min-height:300px;max-height:600px}
.etw_banner::before{content:'';display:block;padding-top:31.25%}
.etw_banner>video{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;z-index:2}
.etw_banner::after{content:'';width:100%;height:100%;background-color:#000;opacity:.4;position:absolute;left:0;top:0;z-index:2}
.banner_text{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end;z-index:9}
.banner_text>.container>content{display:block;max-width:740px}
.banner_text h2{color:#fff;font-size:2.5rem;line-height:3.5rem;margin-bottom:3rem}
.banner_text p{max-width:100%;font-size:1.3rem;font-weight:200;line-height:2rem;color:rgba(255,255,255,.8)}
.banner_text p span{font-weight:700;font-size:1.5rem;color:var(--hover-color)}
.banner_btn{display:flex;flex-wrap:wrap}
.banner_btn a{display:flex;align-items:center;background-color:var(--hover-color);margin-right:1rem;font-size:.95rem;color:#fff}
.banner_more{padding:.5rem 1rem;border-radius:5px;font-family:"Jura",sans-serif;text-transform:uppercase}
.banner_more::after{content:"\f061";font-size:.8rem;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;line-height:1;margin-left:.5rem}
.banner_video{border-radius:30px;line-height:1;display:flex;align-items:center}
.banner_video::before{content:"\f144";font-size:2.5rem;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;line-height:1}
.banner_video>span{padding:0 1.5rem;font-size:13px;line-height:14px}
.banner_box{width:50%;padding:50px 200px;display:flex;align-items:center;justify-content:flex-start;position:absolute;right:0;top:0;bottom:0;z-index:5}
.etw_banner .swiper{width:100%;height:100%;margin-left:0;-webkit-clip-path:polygon(30% 0,60% 0,50% 30%,60% 30%,70% 0,100% 0,70% 100%,40% 100%,50% 70%,40% 70%,30% 100%,0 100%);clip-path:polygon(30% 0,60% 0,50% 30%,60% 30%,70% 0,100% 0,70% 100%,40% 100%,50% 70%,40% 70%,30% 100%,0 100%)}
.etw_banner .swiper .swiper-slide{height:auto;display:flex}
.etw_banner .swiper .swiper-slide .imgbox{display:flex}
.etw_banner .swiper .swiper-slide .imgbox img{transition-property:transform;transition-duration:10s;transition-timing-function:linear}
.etw_banner .swiper .swiper-slide .imgbox-in img{transform:scale(1)}
.etw_banner .swiper .swiper-slide .imgbox-out img{transform:scale(1.3)}
.etw_banner .swiper .swiper-slide-active .imgbox-in img{transform:scale(1.3)}
.etw_banner .swiper .swiper-slide-active .imgbox-out img{transform:scale(1)}
.etw_banner .swiper .swiper-pagination{width:80%}
.etw_banner .swiper .swiper-pagination-bullet{background-color:#fff}
/* Banner-end */
.pdf_more{display:flex;width:fit-content}
.pdf_more a{display:flex;align-items:center;padding:.5rem 1.5rem;border:1px solid var(--main-color);color:var(--main-color);font-family:'Poppins';border-radius:30px;font-style:italic;position:relative;z-index:0;overflow:hidden}
.pdf_more a::before{content:"\f295";font-size:1.5rem;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;margin-right:.6rem}
.pdf_more a:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
/* index */
.etw_box{padding:3rem 0}
.etw_title{display:block;text-align:center;position:relative;line-height:1;font-weight:600;font-size:var(--size32);margin-bottom:1rem;text-transform:uppercase;color:#222}
.small_title{display:block;overflow:hidden;text-align:center;font-weight:300;max-width:80%;margin:0 auto;color:#666;font-size:1rem}
.homePro{padding:4rem 0;background-color:#f5f5f5}
.homePro-item{display:flex;flex-wrap:wrap;margin-top:30px}
.homePro_first{width:40%;display:flex}
.homePro_first .boxs{width:100%;display:flex;flex-direction:column;background:url(../images/pro_img01_bj.jpg) no-repeat center center;background-size:cover;overflow:hidden;position:relative}
.homePro_first .sub_tag{width:fit-content;background-color:var(--hover-color);padding:.7rem 1rem;line-height:1;color:#fff;position:absolute;right:20px;top:20px;z-index:3}
.homePro_first .sub_tag::before{content:'';width:0;height:0;border-left:10px solid var(--hover-color);border-top:0 solid transparent;border-bottom:10px solid transparent;position:absolute;right:0;top:100%}
.homePro_first a.imgbox{width:100%;height:100%}
.homePro_first a.textbox{width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,0) 66.666%,rgba(0,0,0,.4) 100%);display:flex;align-items:flex-end;padding:1rem;color:#fff;font-weight:600;font-size:1.25rem;position:absolute;left:0;bottom:0;z-index:2}
.homePro_list{width:60%;display:flex;flex-wrap:wrap}
.homePro_list li{width:50%;float:left;padding-left:40px;display:flex;margin-top:40px}
.homePro ul li .boxs{width:100%;display:flex;flex-wrap:wrap;background-color:#fff;overflow:hidden;position:relative;padding:1rem 0 2rem 0;transition:all .4s}
.homePro ul li a.textbox{width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.5) 100%);color:#fff;font-weight:600;font-size:1.1rem;padding:1rem;display:flex;align-items:flex-end;position:absolute;left:0;bottom:0;z-index:2}
.homePro_list li:nth-child(1),.homePro_list li:nth-child(2){margin-top:0}
.homePro ul li:hover .boxs{box-shadow:0 10px 15px rgba(0,0,0,0.15)}
.homeApp{padding:4rem 0}
.homeApp .etw_title span{color:var(--hover-color)}
.homeApp .small_title{max-width:60%}
.homeApp ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.homeApp ul li{width:calc(100% / 4);display:flex;padding:0 10px;margin-top:20px}
.homeApp ul li .boxs{width:100%;display:flex;position:relative;overflow:hidden}
.homeApp ul li a.textbox{width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,0.7),transparent);padding:1rem;display:flex;align-items:flex-end;font-size:1.25rem;font-weight:400;color:#fff;position:absolute;left:0;bottom:0;transition:all .4s}
.homeApp ul li:nth-child(1),.homeApp ul li:nth-child(2){width:50%}
.homeApp ul li:hover .boxs{box-shadow:0 0 10px rgba(0,0,0,0.2)}
.homeTag_bj{padding:4rem 0}
.homeTag_bj{background:url(../images/bj2.jpg) no-repeat center center;background-size:cover;overflow:hidden;position:relative}
.homeTag_bj::before{content:'';width:100%;height:100%;background-color:#f5f5f5;opacity:.9;position:absolute;left:0;top:0;z-index:1}
.homeTag_bj>.container{position:relative;z-index:2}
.homeTag{display:flex;flex-wrap:wrap;justify-content:center}
.homeTag li{padding:1.5rem;display:flex}
.homeTag li>a{display:flex;font-size:1.625rem;font-family:"Jura",sans-serif;font-weight:700;letter-spacing:-2px;color:#333;text-transform:uppercase;position:relative;padding-bottom:1rem}
.homeTag li>a::after{content:'';width:0;height:2px;background-color:var(--hover-color);position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:all .4s}
.homeTag li>a:hover::after,.homeTag li.active>a::after{width:60%}
.homeTag_content{display:block}
.homeTag_content>div{display:none}
.homeTag_content>div:first-child{display:block}
.homeTag_box{width:100%;display:flex;align-items:center;flex-wrap:wrap;background-image:linear-gradient(to right,#fff,#f5f5f5);box-shadow:0 20px 20px rgba(0,0,0,0.2);border-radius:20px;overflow:hidden}
.homeTag_box .homeTag_left{width:50%}
.homeTag_box .homeTag_right{width:50%;padding:3.5rem}
.homeTag_box .homeTag_right h3{font-weight:500;font-size:1.5rem;margin-bottom:1.25rem}
.homeTag_box .homeTag_right p{font-weight:300;font-size:.95rem;line-height:1.25rem}
.homeTag_box .homeTag_right strong{font-size:1rem;font-weight:400}
.homeTag_box .homeTag_right>dl{display:flex;flex-direction:column;margin-bottom:0;padding-left:10px}
.homeTag_box .homeTag_right>dl>dd{display:block;margin-bottom:.3125rem;font-size:.95rem;line-height:24px;font-weight:300;padding-left:1.25rem;position:relative}
.homeTag_box .homeTag_right>dl>dd::before{content:'';width:8px;height:8px;border:2px solid var(--hover-color);background-color:#fff;border-radius:50%;position:absolute;left:0;top:7px}
.homeTag_box .homeTag_right>.more{margin-top:1rem;justify-content:flex-start}
.homeTag_box2{flex-direction:row-reverse}
.homeTag_content>div:nth-child(2) p,.homeTag_content>div:nth-child(3) p{line-height:2rem}
.homeAbout{background:url(../images/bg-pattern.png) no-repeat center center;background-size:cover}
.homeAbout>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.homeAbout_left{width:60%;overflow:hidden;position:relative;flex-direction:column;padding-right:50px}
.homeAbout_left h3{max-width:100%;font-size:1.875rem;font-weight:600;line-height:2.5rem;margin-bottom:1rem}
.homeAbout_left h3 a:hover{color:var(--hover-color)}
.homeAbout_left p{font-size:1.1rem;line-height:1.8rem;font-weight:200}
.homeAbout_left h3 span{color:var(--hover-color)}
.homeAbout_box{display:flex;flex-wrap:wrap;margin-top:1.25rem}
.homeAbout_box .imgbox{width:30%;border-radius:10px}
.homeAbout_box dl{width:70%;display:flex;flex-direction:column;margin-bottom:0}
.homeAbout_box dl dt{font-size:1rem;font-weight:500}
.homeAbout_box dl dd{font-size:.95rem;margin-bottom:.3125rem;font-weight:300;position:relative;padding-left:1.5rem}
.homeAbout_box dl dd::before{content:"\f058";position:absolute;left:0;top:0;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;color:var(--hover-color)}
.homeAbout_box dl dd:last-child{margin-bottom:0}
.homeAbout_left .more{justify-content:flex-start;margin-top:0}
.homeAbout_right{width:40%;display:flex;flex-direction:column}
.homeAbout_right_box{width:100%;background-color:var(--hover-color);padding:2rem;position:relative;overflow:hidden;border-radius:5px}
.homeAbout_right_box::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/1.png) no-repeat left center;background-size:contain;opacity:.8}
.homeAbout_right_box p{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0;color:#fff;font-size:1.5rem;line-height:2rem}
.homeAbout_right_box p span{display:block;font-size:3rem;line-height:1;margin-bottom:1rem;font-weight:500}
.homeAbout_right>a.imgbox{display:flex;flex:1;border-radius:5px}
@media (max-width:1199.98px){h2,.banner_text h2{font-size:2rem;line-height:2.8rem}
.banner_text h2{margin-bottom:2rem}
.banner_text p{font-size:1.2rem;line-height:1.6rem}
.banner_text p span{font-size:1.3rem}
.homeTag li>a{font-size:1.3rem}
.homeAbout_left h3{font-size:1.6rem;line-height:2.2rem}
.homeAbout_left p{line-height:1.6rem}
.homeAbout_left{padding-right:1.5rem}
.homeApp ul li a.textbox{font-size:1.2rem;line-height:1.4rem}
}@media (max-width:991.98px){.banner_text p{display:none}
.homeTag_bj{padding:3rem 0}
.homePro_list li{padding-left:20px}
.homePro_first>a .textbox,.homePro ul li>a .textbox{font-size:1rem;line-height:1.3rem}
.homeTag li{padding:1rem}
.homeTag li>a{font-size:1.2rem;padding-bottom:0.7rem}
.homeTag_box{padding:0 10px}
.homeTag_box .homeTag_right h3{font-size:1.4rem;margin-bottom:0.8rem}
.homeTag_content>div:nth-child(2) p,.homeTag_content>div:nth-child(3) p,.homeAbout_left p,.homeAbout_box dl dd{font-size:0.9rem;line-height:1.5rem}
.homeTag_box .homeTag_right{padding:2rem}
.more>a,.more>span{font-size:0.9rem;padding:0.7rem 1rem}
.homePro ul li a.textbox,.homePro_first a.textbox{font-weight:400}
#etw_logo>span{display:none}
.homeApp,.homePro,.etw_box{padding:2rem 0}
}@media (max-width:899.98px){.homeTag li>a{font-size:1rem}
}@media (max-width:767.98px){body{font-size:13px}
h3{font-size:1.5rem;line-height:2rem}
.etw_title{font-size:1.8rem}
.small_title,.homeApp .small_title{max-width:94%;font-size:0.9rem;line-height:1.3rem}
.homePro_first>a .sub_tag{right:10px}
.homeApp ul li>a .textbox,.homePro ul li a.textbox,.homePro_first a.textbox{font-size:1rem;line-height:1.3rem}
.homeTag_bj{padding:1rem 0 2rem}
.homeTag_box{padding:1rem}
.homeTag_box .homeTag_left,.homeTag_box .homeTag_right{width:100%}
.homeTag_box .homeTag_right{padding:1rem 0 0}
.homeAbout_left,.homeAbout_right{width:100%}
.homeAbout_left{margin-bottom:1rem;padding-right:0}
.homeAbout_box dl{width:95%}
.homeAbout_right>a.imgbox .img-cover{position:relative}
.homeApp ul li a.textbox{font-size:1.1rem;line-height:1.3rem}
.homeTag_box .homeTag_right h3{font-size:1.2rem;line-height:1.4rem;margin-bottom:0.5rem}
.homeTag_content>div:nth-child(2) p,.homeTag_content>div:nth-child(3) p,.homeAbout_left p,.homeAbout_box dl dd{font-size:0.8rem;line-height:1.3rem}
}@media (max-width:649.98px){.etw_banner{min-height:180px}
h2{font-size:1.8rem;line-height:2.4rem}
.banner_text h2,.banner_btn,.homePro_first .sub_tag{display:none}
.homePro{padding:2rem 0}
.homePro_first{width:100%;margin-bottom:1rem}
.homePro_first .imgbox .img-abs{position:inherit}
.homePro_list{width:100%}
.homePro_list li{width:49%;padding-left:0;margin-right:2%;margin-top:0.5rem}
.homePro_list li:nth-child(2n){margin-right:0}
.homeApp ul li{width:calc(100% / 2)}
.homeTag li{padding:0.5rem}
.homeTag li>a{font-size:0.9rem;line-height:1.2rem;padding-bottom:0.3rem;text-transform:none}
.homeAbout_left h3,h3{font-size:1.4rem;line-height:1.6rem}
.homeApp ul li a.textbox{font-size:0.9rem;line-height:1.2rem}
.etw_title{font-size:1.6rem;line-height:2rem}
}@media (max-width:575.98px){h2,.etw_title{font-size:1.4rem;line-height:1.8rem}
.homeApp,.homePro,.etw_box{padding:1rem 0}
.homePro_first>a .textbox,.homePro ul li>a .textbox{font-size:0.9rem}
.homeApp ul li:nth-child(1),.homeApp ul li:nth-child(2){width:100%}
.homeApp ul li>a .textbox,.homePro ul li a.textbox,.homePro_first a.textbox{font-size:0.9rem;line-height:1.2rem}
.homeTag{justify-content:flex-start;margin-bottom:0.5rem}
.homeTag li{font-size:0.3rem;border:1px solid #999;border-radius:0.2rem;margin-bottom:0.2rem;margin-right:0.5rem;padding:0.2rem 0.5rem}
.homeTag li.active,.homeTag li:hover{border:1px solid var(--hover-color)}
.homeTag li>a{padding-bottom:0}
.homeTag li>a:hover::after,.homeTag li.active>a::after{width:0}
.homeAbout_right_box{padding:1.5rem}
.homeAbout_right_box p,.homeAbout_left h3,h3{font-size:1.2rem;line-height:1.6rem}
.homeAbout_right_box p span{font-size:2.2rem;margin-bottom:0.5rem}}
/* index-end */
/* #footer */
#footer{background-color:var(--hover-color)}
.footer{width:100%;padding:3rem 0;position:relative}
.footer>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.footer_logo{display:flex;flex-direction:column;background-color:#fff;position:relative;height:10px}
.footer_logo img{float:left;display:block;max-width:150px;height:auto;position:absolute;left:50%;top:0;z-index:9;transform:translate(-50%,-50%);margin-top:5px;background-color:#fff;border-radius:15px;padding:.8rem;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.footer_center{width:fit-content;display:flex;flex-direction:column}
.footer_title{font-weight:500;line-height:1;margin-bottom:1rem;color:#fff}
.footer_center ul{display:flex;flex-direction:column}
.footer_center ul li{margin-top:.5rem}
.footer_center ul li a{display:inline-block;font-size:.95rem;font-weight:300;color:#fff}
.footer_center ul li a:hover{color:var(--hover2-color);text-decoration:underline}
.footer_title a:hover{color:var(--hover2-color)}
.footer_right{width:30%}
.footer_contact{width:100%;display:flex;flex-direction:column;margin-top:1rem}
.footer_contact p{width:100%;display:flex;align-items:center;font-size:.95rem;font-weight:300;color:#fff;margin-top:.5rem;margin-bottom:0}
.footer_contact p i{margin-right:.6rem}
.footer_contact p a:hover{color:var(--hover2-color)}
.footer_contact p.co_name{font-weight:400;margin-top:0}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:3.5rem 0 1.5rem 0;border-top:1px solid var(--hover-color);position:relative;z-index:2;background-color:#fff}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#333;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #333;font-size:1rem}
#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:#333;font-size:1rem}
/*share*/
.left_share{position:relative;display:flex;flex-wrap:wrap;margin:1rem auto 0;border-top:1px solid #fff;padding-top:1rem}
.left_share a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:.5rem;transition:all .5s;background:#fff;border-radius:10px;font-size:1.4rem}
.left_share a svg{transition:.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(--hover2-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}
/* #etw_top */
#etw_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:var(--main-color);z-index:100;cursor:pointer;line-height:38px;border-radius:50%;transition:.5s all ease-in-out}
#etw_top a{color:#fff;font-size:.9rem}
#etw_top:hover{background:var(--hover-color);transform:translateY(-.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,.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:var(--main-color) !important;border-left:1px solid var(--hover-color) !important}
@media (max-width:1299.98px){.footer_left{width:35%}
}@media (max-width:1199.98px){.footer{padding:40px 0}
}@media (max-width:991.98px){.footer_title{font-size:1.1rem}
.footer_center ul li a,.footer_contact p{font-size:0.9rem}
}@media (max-width:767.98px){.footer_center{width:30%;margin-bottom:1.5rem}
.footer_title{margin-bottom:0.5rem}
.footer_center ul li:first-child,.footer_contact{margin-top:0.2rem}
.footer_center:first-child{width:70%}
.footer_right{width:50%}
.left_share{display:none}
}@media (max-width:575.98px){.footer_center{width:100%}
.footer_center:first-child{width:100%}
.footer_right{width:100%}
.footer_logo img{width:120px}}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;padding:10px 0 5px}
#quicknav ul{width:100%;display:flex;align-items:center;color:rgba(0,0,0,.7);font-weight:300;flex-wrap:wrap}
#quicknav ul::before{content:"\f015";font-size:1.25rem;margin-right:0.75rem;color:rgba(0,0,0,1);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
#quicknav a{color:rgba(0,0,0,.7);font-size:.9rem}
#quicknav li{display:flex;align-items:center;text-transform:capitalize;padding:0 .625rem 0 0}
#quicknav li+li::before{content:"\f105";padding:0 .625rem 0 0;color:rgba(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{padding:5px 0}
#quicknav ul.quicknav,#quicknav ul.quicknav li+li::before,#quicknav ul.quicknav,#quicknav ul.quicknav a{color:rgba(0,0,0,.7)}
#quicknav ul.quicknav::before{color:rgba(0,0,0,1)}
#quicknav ul.quicknav a:hover{color:#000}
#quicknav ul.quicknav li:last-child{color:var(--hover-color)}
#quicknav ul.quicknav,#quicknav ul.quicknav li+li::before{color:rgba(0,0,0,.7)}
/* #quicknav-End */
.etw_solely{padding:1rem 0}
.etw_hometitle{font-size:2.5rem;line-height:1;text-transform:uppercase;text-align:center}
.etw_hometitle h2{font-size:inherit;color:inherit;line-height:inherit;margin-bottom:0}
.etw_solely .small_title{display:block;max-width:100%;font-size:1.1rem;font-weight:300;margin-top:.5rem}
.etw_solely p{margin-top:2rem;margin-bottom:0;font-size:1rem;line-height:1.875rem}
.products{padding:3rem 0;overflow:hidden}
.products ul{display:flex;flex-wrap:wrap}
.products ul>li{width:100%;margin-bottom:60px;position:relative;padding:30px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.products ul>li::before{content:'';width:200%;height:100%;background-color:#f5f5f5;position:absolute;left:25%;top:0;z-index:-1}
.products ul>li::after{content:'';width:0;height:100%;background-color:#f5f5f5;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-2;transition:all 1.5s}
.products ul>li .products_left{width:45%;position:relative}
.products ul>li .products_left .small_imgbox{width:160px;position:absolute;left:0;bottom:0;z-index:2}
.products ul>li:nth-child(even) .products_left .small_imgbox{left:auto;right:0}
.products ul>li .products_right{width:calc(55% - 50px);padding:30px 0}
.products ul>li .products_right h3{margin-bottom:1rem}
.products ul>li .products_right h3 a:hover{color:var(--hover-color)}
.products ul>li .products_right p{font-size:1rem;line-height:30px}
.products ul>li .products_right .more{justify-content:flex-start}
.products ul>li .products_right .more>a{border-radius:30px}
.products ul>li:nth-child(even){flex-direction:row-reverse}
.products ul>li:nth-child(even)::before{left:auto;right:25%}
.products ul>li:hover::after{width:300%}
.productsApp{padding:3rem 0;background:url(../images/bg-pattern.png) no-repeat center center;background-size:cover}
.productsApp_title{display:flex;flex-wrap:wrap}
.productsApp_title .app_tit{width:30%;text-transform:uppercase;color:var(--hover-color);font-size:var(--size40);line-height: 1.2;font-weight:600;margin-bottom:1rem;}
.productsApp_title p{width:70%;font-weight:300;font-size:.9rem;line-height:30px;padding-left:7%;border-left:2px solid var(--hover-color)}
.productsApp ul{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px}
.productsApp ul li{width:20%;padding:0 15px;margin-top:30px;display:flex}
.productsApp ul li>a{width:100%;display:flex;align-items:center;flex-direction:column;background-color:#fff;box-shadow:0 20px 20px rgba(0,0,0,0.2);padding:1.5rem .5rem;border-radius:20px}
.productsApp ul li>a .imgbox{width:100px;border-radius:50%;background-color:#f5f5f5}
.productsApp ul li>a .imgbox::before{content:'';display:block;padding-top:100%}
.productsApp ul li>a .imgbox>div{width:60px;height:60px;position:absolute;left:50%;top:-100%;transform:translateX(-50%)}
.productsApp ul li>a .imgbox>div>img{filter:drop-shadow(0 120px var(--hover-color))}
.productsApp ul li>a .textbox{width:100%;display:flex;flex:1;font-weight:400;margin-top:1rem;text-align:center;align-items:center;justify-content:center}
.productsApp ul li>a:hover{background-color:var(--hover-color)}
.productsApp ul li>a:hover .textbox{color:#fff}
.asked{padding:3rem 0;background-image:linear-gradient(to left,#f5f5f5,#fff 50%)}
.asked .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.asked_left{width:calc(50% - 20px)}
.asked_left .asked_left_title{max-width:90%;font-size:var(--size40);line-height: 1.2;font-weight:600;margin-bottom:1rem;}
.asked_left .asked_left_title span{color:var(--hover-color)}
.asked_left p{font-size:1.1rem;line-height:30px;font-weight:200}
.asked_left .more{justify-content:flex-start;margin-top:0}
.asked_right{width:calc(50% - 20px)}
.card{background-color:#fff;margin-bottom:1rem;border:none;border-radius:10px;overflow:hidden}
.card-header{padding:0;border:none;background-color:#fff}
.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;font-weight:500}
.card-link::before{content:"Q";font-family:"Jura",sans-serif;width:24px;height:24px;font-size:1.2rem;background-color:var(--hover-color);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;float:left;margin-right:.8rem}
.card-link:hover{color:var(--hover-color)}
.card-body{padding:1rem;padding-top:0;line-height:1.4rem;font-weight:300}
.card-body::before{content:"A";font-family:"Jura",sans-serif;width:24px;height:24px;font-size:1.2rem;background-color:#000;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;float:left;margin-right:.8rem}
.card-body>p{display:block;overflow:hidden;margin:0}
.productsFw{padding:3rem 0;background-image:linear-gradient(#fff 50%,#f5f5f5)}
.productsFw>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.productsFw_left{width:40%;padding-top:50px}
.productsFw_left h3{font-size:2.5rem}
.productsFw_left h3::after{content:'';display:block;width:80px;height:4px;background-color:var(--hover-color);margin-top:.5rem;margin-bottom:2rem}
.productsFw_left h3 span{color:var(--hover-color)}
.productsFw_left ul{display:flex;flex-direction:column;position:relative}
.productsFw_left ul::before{content:'';width:2px;height:100%;background-color:#ddd;position:absolute;left:0;top:0}
.productsFw_left ul li{width:fit-content;padding:.5rem;border-left:2px solid transparent;padding-left:2rem;transition:all .4s;cursor:pointer;position:relative;z-index:1}
.productsFw_left ul li.active,.productsFw_left ul li:hover{color:var(--hover-color);font-weight:500;border-left-color:var(--hover-color)}
.productsFw_right{width:55%}
.productsFw_right>div{display:none}
.productsFw_right>div:first-child{display:block}
.productsFw_right .imgbox{border-radius:10px}
.productsFw_right .imgbox::before{content:'';display:block;padding-top:25%}
.productsFw_right .textbox{margin-top:1rem}
.productsFw_right .textbox h3{margin-bottom:1rem}
.productsFw_right .textbox p{font-size:.95rem;font-weight:300;line-height:30px}
.productsFw_right .textbox .more{justify-content:flex-start;margin-top:0}
.productsFw_right .textbox .more>a{border-radius:30px}
.table td,.table th{font-size:0.85rem;line-height:1.3rem}
/* Products-End */
@media (max-width:1199.98px){.productsApp_title .app_tit{width:40%}
.productsApp_title p{width:60%}
.productsFw_left h3,.asked_left .asked_left_title{font-size:2rem}
}@media (max-width:991.98px){.productsApp_title .app_tit{width:100%}
.productsApp_title p{width:100%}
.asked_left,.asked_right{width:100%}
.asked_left{margin-bottom:1rem}
}@media (max-width:767.98px){.table td,.table th{font-size:0.75rem;line-height:1.1rem}
.etw_hometitle h2,.productsApp_title .app_tit,.asked_left .asked_left_title{font-size:1.8rem}
.productsFw_left h3,.asked_left .asked_left_title{font-size:1.6rem}
.etw_solely p,.asked_left p{font-size:0.9rem;line-height:1.6rem}
.products,.productsApp,.asked,.productsFw{padding:2rem 0}
.products ul>li{padding:1.6rem 0;margin-bottom:1rem}
.products ul>li:last-child{margin-bottom:0}
.products ul>li .products_right{padding:1rem 0}
.products ul>li .products_right h3{font-size:1.4rem}
.products ul>li .products_right p,.productsFw_right .textbox p{font-size:0.9rem;line-height:1.6rem;margin-bottom:0.5rem}
.products ul>li .products_right .more{margin-top:1rem}
.products ul>li .products_left .small_imgbox{width:120px}
.productsApp_title p{padding-left:0;border-left:0;line-height:1.5rem}
.productsApp ul li{margin-top:1rem;padding:0 0.6rem}
.productsApp ul li>a{padding:1rem 0.5rem}
.productsApp ul li>a .textbox{line-height:1.2rem}
.productsFw_left{width:100%;padding-top:0;margin-bottom:1rem}
.productsFw_left ul{flex-wrap:wrap;flex-direction:row}
.productsFw_left ul::before{display:none}
.productsFw_left ul li{width:50%;border-left:2px solid #ddd;line-height:1.2rem}
.productsFw_right{width:100%}
#quicknav li{font-size:0.8rem}
#quicknav ul{font-size:0.85rem;line-height:1.1rem}
}@media (max-width:649.98px){.etw_hometitle h2,.productsApp_title .app_tit,.asked_left .asked_left_title{font-size:1.6rem}
.productsFw_left h3,.asked_left .asked_left_title{font-size:1.4rem}
.productsFw_right .textbox h3{font-size:1.4rem}
.etw_solely .small_title{font-size:1rem}
.etw_solely p{margin-top:1rem}
.products ul>li .products_left,.products ul>li .products_right{width:100%}
.products ul>li::before{left:-25px}
.products ul>li:nth-child(even)::before{right:-25px}
.productsApp ul li{width:33%}
.card-link>span{font-size:0.95rem;line-height:1.3rem}
.card-body>p{font-size:0.85rem;line-height:1.1rem}
.products ul>li .products_right h3{font-size:1.2rem}
}@media (max-width:575.98px){.etw_hometitle h2,.productsApp_title .app_tit,.asked_left .asked_left_title{font-size:1.4rem}
.productsFw_left ul li{width:100%}
#quicknav{display:none}
}@media (max-width:479.98px){.productsFw_left h3,.asked_left .asked_left_title,.productsFw_right .textbox h3,.products ul>li .products_right h3{font-size:1.2rem}
.etw_solely p,.asked_left p{font-size:0.85rem;line-height:1.4rem}
.productsApp ul li{width:50%}}
/* Products-Details-Hub */
/* .left_pics */
.left_pics{width:100%;position:relative}
.left_pics a{width:100%;overflow:hidden;position:relative;display:block;border: 1px solid #ccc;}
.left_pics p{text-align:center;padding:.5rem;font-size:1rem;font-weight:400;color:var(--hover-color)}
.related_pic{width:100%;display:flex;flex-flow:wrap;justify-content:center;margin-top:15px}
.related_pic a{width:calc(calc(100% / 5) - 10px);margin:0 5px;border:1px solid #ccc;overflow:hidden;position:relative}
.related_pic a:hover,.related_pic a.imgdq{border:1px solid var(--hover-color)}
.left_pics2 a::before{content: '';display: block; padding-top: 75%;}
.related_pic2 a::before{content: '';display: block; padding-top: 100%;}
.proDetails{padding:0 0 3rem 0}
.proDetails-item{margin-bottom:1rem}
.proDetails2 .proDetails-item{margin-bottom:10px}
.proDetails2 .proDetails-item1{margin-bottom:30px}
.proDetails-item .etw_hometitle h2{text-align:left;font-size:2rem;margin-bottom:.5rem;line-height:3rem}
.proDetails-item .small_title{max-width:100%;text-align:left;font-size:1.1rem;line-height:24px;color:#999;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #ccc}
.proDetails-item .proDetails-item-right{padding-left:35px}
.proDetails-item1{padding:1rem 0 3rem 0}
.proDetails-item1 .left_pics a img{mix-blend-mode:multiply}
.call_btn{display:flex;margin-top:1.5rem;justify-content:center}
.call_btn a{font-family:'Poppins';font-weight:300;color:#fff;border:none;padding:0.5rem 1.25rem;border-radius:30px;font-size:0.9rem;transition:all 0.4s;overflow:hidden;text-transform:uppercase;position:relative;z-index:0;background-color:var(--hover-color)}
.call_btn a::before{content:'';width:0;height:100%;background-color:var(--main-color);transition:all 0.5s ease 0s;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-2}
.call_btn a:hover::before{width:100%}
.design{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row-reverse}
.design .imgbox{width:50%}
.design .textbox{width:50%;padding:2rem;padding-left:0}
.proDetails_title{margin-bottom:1rem}
.proDetails_title a:hover{color:var(--hover-color)}
.selection{display:flex;flex-wrap:wrap;justify-content:space-between}
.selection .imgbox{width:35%;display:flex}
.selection .imgbox figure{display:flex;width:100%}
.selection .imgbox a{width:100%;display:flex;overflow:hidden;position:relative}
.selection .textbox{width:60%;padding:2rem 0}
.selection_list{display:flex;flex-direction:column}
.selection_list>li{width:100%;box-shadow:0 0 20px rgba(0,0,0,0.2);margin-bottom:1.25rem;padding:1.5rem}
.selection_list>li:last-child{margin-bottom:0}
.selection_list>li>p{line-height:1.25rem}
.items{display:flex;flex-wrap:wrap;margin-bottom:.5rem}
.items>li{width:100%;line-height:24px;margin-bottom:.5rem;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:5px}
.items>li>p{margin-bottom:10px;position:relative}
.items>li>p:last-child{margin-bottom:0}
.items2{justify-content:space-between}
.items2>li{width:calc(50% - 20px)}
.etw_phone{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.etw_phone li{width:100%;padding:0 10px;margin-bottom:20px;display:flex;flex-direction:column;position:relative;justify-content: space-between;}
.etw_phone li a{display:flex;width:100%}
.etw_phone li span{flex:1;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#333;overflow:hidden;padding-top:.5rem;font-size:.85rem}
.etw_phone2{justify-content:space-between}
.etw_phone2 li{width:50%}
.etw_phone2 li span{ text-align:left; background:none !important}
.etw_phone2end li{ justify-content:end;}
.etw_phone3 li{width:calc(100% / 3)}
.etw_phone4 li{width:calc(100% / 4)}
.etw_phone5 li{width:calc(100% / 5)}
.etw_phone6 li{width:calc(100% / 6)}
.equipment{display:flex;flex-wrap:wrap;padding:2rem;background-color:#f5f5f5}
.etw_phone_more>li>a{width:100%;display:flex;position:relative;overflow:hidden}
.etw_phone_more>li>a>span{width:102%;display:block;height:102%;background-color:rgba(255,255,255,.9);position:absolute;left:-1%;top:-2%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-family:"Jura",sans-serif;text-transform:uppercase;font-weight:500;transition:all .4s;transform:rotateX(90deg);opacity:0}
.etw_phone_more>li>a:hover>span{color:var(--hover-color);transform:rotateX(0);opacity:1}
.quAss{display:flex;flex-wrap:wrap;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.quAss_left{width:40%;padding:2rem}
.quAss_right{width:60%;display:flex}
.quAss_right>figure{width:100%;display:flex;position:relative}
.quAss_right .left_pics{width:100%;display:flex}
.quAss_right .related_pic{width:100%;position:absolute;left:0;bottom:0;justify-content:flex-start;padding:10px;margin-top:0}
.examples_list{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;margin-top:-20px}
.examples_list li{width:calc(100% / 3);display:flex;flex-wrap:wrap;flex-direction:column;padding:0 10px;margin-top:30px}
.examples_list li .examples_left{width:100%}
.examples_list li .examples_left .left_pics a{background-color:#f5f5f5;display:block}
.examples_list li .examples_left .left_pics a img{mix-blend-mode:multiply}
.examples_list li .examples_left .related_pic{margin-top:10px}
.examples_list li .examples_left .related_pic a{width:calc(25% - 10px)}
.examples_list li .examples_right{width:100%;margin-top:1rem}
.examples_list li .examples_right h5{font-size:1.15rem;color:#000;margin-bottom:1rem}
.examples_list li .examples_right p:last-child{margin-bottom:0}
.asked_bj{background-image:linear-gradient(#f5f5f5,#fff)}
.inquiryForm{padding:3rem 0;background:url(../images/bg-pattern.png) repeat}
.inquiryForm>.container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row-reverse}
.inquiryForm_left{width:50%;display:flex;flex-direction:column;padding-left:50px;position:relative}
.inquiryForm_left .inquiryForm_left_tit{font-size:2.2rem;line-height:2.5rem;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:1.5rem}
.inquiryForm_left p{line-height:30px}
.inquiryForm_right{width:50%;background-color:rgba(255,255,255,.9);box-shadow:0 0 30px rgba(194,32,32,0.1);padding:2rem;border-radius:20px}
.inquiryForm_right .webtitle{color:#000;font-size:1.8rem;text-align:center;text-transform:uppercase;font-weight: 600;margin-bottom: 1rem;line-height: 1.2;}
.related{padding:4rem 0;background-image:linear-gradient(#fff 50%,#f5f5f5)}
.related .related_title{font-size: var(--size40);line-height: 1.2;font-weight: 600;margin-bottom: 1rem;}
@media (max-width:1199.98px){
  .related .related_title{font-size:2rem;line-height:2.8rem}
}
@media (max-width:649.98px){
  .related .related_title{font-size:1.8rem;line-height:2.4rem}
}
@media (max-width:575.98px){
 .related .related_title{font-size:1.4rem;line-height:1.8rem}
}
.related h3{font-size:2.2rem;text-transform:uppercase;margin-bottom:0;text-align:center;position:relative}
.related h3::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%)}
.related h3>span{background-color:#fff;display:inline-block;position:relative;z-index:2;padding:0 2rem}
.related ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.related ul li{width:20%;padding:0 10px;margin-top:30px;display:flex}
.related ul li a{width:100%;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.related ul li a .imgbox{padding:1.5rem .5rem}
.related ul li a h6{padding:.7rem;padding-top:0;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;transition:all .4s}
.related ul li a:hover .imgbox img{opacity:.8}
.related ul li a:hover h6{color:var(--hover-color)}
.small_title2{border-bottom:none !important;padding-bottom:0 !important;margin-bottom:0 !important}
.etw_hometitle2 h3{font-size:2rem;text-align:left;border-bottom:1px dashed #ccc;margin-bottom:1rem !important;padding-bottom:.35rem}
.table a{color:var(--hover-color);text-decoration:underline}
.table a:hover{text-decoration:none}
/* Products-Details-End */
/* Standard Manifolds */
.standard{padding:1rem 0 3rem 0}
.standard-item{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}
.standard-item h2{font-size:2.2rem;text-transform:uppercase;margin-bottom:0;text-align:center}
.standard-item .small_title{max-width:100%;text-align:center;margin-bottom:1rem}
.standard-item p{width:100%;text-align:left;font-size:1.1rem;line-height:1.875rem}
.standard-item2 h4{color:var(--hover-color)}
.standard-item2 p{width:100%;text-align:left;font-size:1.1rem;line-height:1.875rem}
.standard_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.standard_list li{width:calc(50% - 20px);display:flex;flex-wrap:wrap;flex-direction:column;margin-top:50px;padding:2rem;overflow:hidden;position:relative;background-color:#f5f5f5}
.standard_list li>a.imgbox{width:100%;margin-bottom:1rem}
.standard_list li>a.imgbox img{mix-blend-mode:multiply}
.standard_list li .textbox{width:100%}
.standard_list li .textbox h3{font-size:1.5rem;line-height:2rem;margin-bottom:1rem;color:#000}
.standard_list li .textbox p{font-size:1.1rem;line-height:1.875rem;font-weight:200;color:#333}
.standard_list li .textbox .more{justify-content:flex-start;margin-top:1rem}
.standard_list li .textbox .more>a{background-color:#000;border-radius:30px}
.standard_list li .textbox h3:hover a{color:var(--hover-color)}
.standard_list li .textbox .more>a:hover{background-color:var(--hover-color)}
.inquiryForm2 .inquiryForm_left .more{justify-content:flex-start;margin-top:1rem}
.inquiryForm2 .inquiryForm_right{padding:0;border-radius:10px;overflow:hidden}
.ng6 .etw_phone>li>a{background-color:#f5f5f5}
.ng6 .etw_phone>li>a>img{mix-blend-mode:multiply}
.top{background-color:var(--hover-color) !important;color:#fff !important}
/* Standard Manifolds-End */
/* Applications */
.applications{padding:1rem 0 3rem 0}
.applications-item{display:flex;flex-direction:column}
.applications-item .etw_hometitle{font-size:2rem;text-transform:uppercase;font-family:"Poppins",sans-serif;font-weight:600;margin-bottom:1rem}
.applications-item h2::after{content:'';width:80px;height:4px;background-color:var(--hover-color);display:block;margin-top:.5rem}
.applications_list{display:flex;flex-wrap:wrap;flex-direction:column}
.applications_list li{display:flex;flex-wrap:wrap;margin-top:30px;background-color:#f5f5f5;align-items:center;justify-content:space-between;border-radius:10px;overflow:hidden}
.applications_list .applications_left{width:50%}
.applications_list .applications_left .imgbox img{mix-blend-mode:multiply}
.applications_list .applications_right{width:45%;padding:2rem;padding-left:0}
.applications_list .applications_right small{color:var(--hover-color);font-size:1rem;font-weight:300}
.applications_list .applications_right h3{font-size:1.6rem;margin-bottom:1rem}
.applications_list .applications_right h3:hover a{color:var(--hover-color)}
.applications_list .applications_right .more{justify-content:flex-start}
.applications_list li:nth-child(even){flex-direction:row-reverse}
.applications_list li:nth-child(even) .applications_right{padding:2rem;padding-right:0}
.related2{background-image:initial;background-color:#f8f9fa}
.related2 h3>span{background-color:#f8f9fa}
.solution{padding:3rem 0}
.solution>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.solution_left{width:calc(50% - 20px);display:flex;flex-direction:column}
.solution_left .solution_left_tit{font-size:1.6rem;line-height:2rem;max-width:80%;font-weight: 600;margin-bottom: 1rem;}
.solution_left .imgbox{flex:1;border-radius:20px}
.solution_right{width:calc(50% - 20px);background-color:#f5f5f5;padding:2rem;border-radius:10px}
.solution_right ul{display:flex;flex-direction:column}
.solution_right ul li{display:flex;flex-direction:column;margin-bottom:1rem}
.solution_right ul li>a{font-weight:600;font-size:1.25rem;margin-bottom:.5rem}
.solution_right ul li>a:hover{color:var(--hover-color)}
.solution_right ul li p:last-child{margin-bottom:0}
.solution_right ul li:last-child{margin-bottom:0}
.pdf-items{display:flex;align-items:center;margin-bottom:1.25rem}
.pdf-items .pdf_more{margin-left:1rem}
.figure{margin-bottom:1.25rem}
.rela{padding:3rem 0;background-color:#f5f5f5}
.rela_title{font-size:2rem;font-weight:600;text-transform:uppercase;margin-bottom:1.25rem}
.rela_list{display:flex;flex-direction:column}
.rela_list li{width:100%;display:flex;margin-bottom:20px}
.rela_list li:last-child{margin-bottom:0}
.rela_list li>a{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.rela_list li>a .imgbox{width:40%}
.rela_list li>a .imgbox img{mix-blend-mode:multiply}
.rela_list li>a .textbox{width:60%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:2rem}
.rela_list li>a .textbox h4{color:#000;margin-bottom:1rem}
.rela_list li>a .textbox p{color:var(--main-color)}
.rela_list li>a .textbox .more{justify-content:flex-start;margin-top:1rem}
.rela_list li>a:hover .textbox h4{color:var(--hover-color)}
.rela_list li>a:hover .textbox .more>span{background-color:var(--main-color)}
.rela_list li:nth-child(even)>a{flex-direction:row-reverse}
.rela_list2{flex-wrap:wrap;flex-direction:row;justify-content:space-between}
.rela_list2 li{width:calc(50% - 20px);display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;margin:20px 0 0 0}
.rela_list2 li>a.imgbox{width:50%}
.rela_list2 li>a.imgbox>img{mix-blend-mode:multiply}
.rela_list2 li .textbox{width:50%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;padding-left:2rem}
.rela_list2 li .textbox h4{font-size:1rem;margin-bottom:1rem}
.rela_list2 li .textbox h4:hover a{color: var(--hover-color);}
.rela_list2 li .textbox p{flex:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rela_list2 li .more{margin-top:0;justify-content:flex-start}
.relaPro .rela_list li{flex-direction:row}
.relaPro .rela_list li>a.imgbox{width:40%}
.relaPro .rela_list li>a.imgbox img{mix-blend-mode:multiply}
.relaPro .rela_list li .textbox{width:60%;background-color:#fff;padding:2rem}
.relaPro .rela_list li .textbox h4{margin-bottom:1rem}
.relaPro .rela_list li .textbox h4:hover a{color:var(--hover-color)}
.relaPro .rela_list li .textbox .more{justify-content:flex-start;margin-top:0}
.items-spe{display:flex;flex-direction:column;margin-bottom:1rem}
.items-spe li{display:block;overflow:hidden;margin-bottom:.4rem;line-height:24px}
.items-mb>li{margin-bottom:.5rem}
.etw_phone_bg li>a,.etw_phone_bg li>.imgbox{background-color:#f5f5f5}
.etw_phone_bg li>a>img,.etw_phone_bg li>.imgbox>img{mix-blend-mode:multiply}
.etw_phone_bg li>a:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
/* Applications-End */
/* Industrial-End */
.ind{padding:1rem 0 3rem 0}
.ind .etw_hometitle{font-size:2rem;text-transform:uppercase;font-family:"Poppins",sans-serif;font-weight:600;margin-bottom:1rem}
.ind .small_title{font-size:1.1rem;margin-bottom:.4rem}
.ind_list{display:flex;flex-direction:column}
.ind_list li{width:100%;margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border:5px solid #f8f9fa;background-color:#fff;padding:1.25rem}
.ind_list li .ind_left{width:50%;display:flex;flex-wrap:wrap;justify-content:space-between}
.ind_list li .ind_left .imgbox{width:calc(50% - 10px);background-color:#f5f5f5}
.ind_list li .ind_left .imgbox img{mix-blend-mode:multiply}
.ind_list li .ind_right{width:50%;padding-left:40px}
.ind_list li .ind_right small{font-size:1rem;color:var(--hover-color);font-weight:300}
.ind_list li .ind_right h4{margin-bottom:1rem}
.ind_list li .ind_right h4>a:hover{color:var(--hover-color)}
.ind_list li .ind_right .more{justify-content:flex-start;margin-top:0}
.ind_list li .ind_right .more>a{background-color:#333}
.ind_list li .ind_right .more>a:hover{background-color:var(--hover-color);color:#fff}
.ind_list li:last-child .ind_right{padding:20px 0 20px 40px}
.otherInd{display:flex;flex-wrap:wrap;padding:3rem 0;background-color:#fff}
.otherInd>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.otherInd_title{width:28%}
.otherInd_title>h3{margin-bottom:1rem}
.otherInd_title>h3::after{content:'';width:80px;height:3px;background-color:var(--hover-color);margin-top:.5rem;display:block}
.otherInd_title p{margin-bottom:0}
.otherInd ul{display:flex;flex-wrap:wrap;width:72%}
.otherInd ul li{width:20%;padding-left:20px;display:flex}
.otherInd ul li>a{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;background-color:#f5f5f5;padding:1.5rem 1rem}
.otherInd ul li>a .imgbox{width:100%;overflow:hidden;height:80px;position:relative;display:flex;justify-content:center}
.otherInd ul li>a .imgbox .otherInd_icon{width:80px;height:80px;display:block}
.otherInd ul li>a .imgbox .otherInd_icon img{width:80px;height:80px;max-width:inherit;display:block;position:relative;filter:drop-shadow(0 80px #333);transform:translateY(-80px);transition:initial}
.otherInd ul li>a .textbox{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;margin-top:1rem;font-size:1rem;font-weight:400;transition:all .4s}
.otherInd ul li>a:hover,.otherInd ul li.active>a{box-shadow:0 0 10px rgba(0,0,0,.2)}
.otherInd ul li>a:hover .imgbox .otherInd_icon img,.otherInd ul li.active>a .imgbox .otherInd_icon img{filter:drop-shadow(0 80px var(--hover-color))}
.otherInd ul li>a:hover .textbox,.otherInd ul li.active>a .textbox{color:var(--hover-color)}
.otherInd_bj{background-color:#f5f5f5}
.otherInd_bj ul li>a{background-color:#fff}
.soluInd{padding:3rem 0}
.soluInd>.container{display:flex;flex-wrap:wrap;align-items:center}
.soluInd_title{width:30%}
.soluInd_title h3{margin-bottom:1rem}
.soluInd_title h3::after{content:'';width:50px;height:3px;background-color:var(--hover-color);display:block;margin-top:.5rem}
.soluInd_title p{margin-bottom:0}
.soluInd_list{width:70%;display:flex;flex-wrap:wrap}
.soluInd_list li{width:25%;padding-left:20px}
.soluInd_list li .textbox{padding:.5rem 0;text-align:center;font-weight:500;font-size:1.1rem}
.inquiryForm3{box-shadow:0 0 20px rgba(194,32,32,0.2);position:relative}
.inquiryForm3>.container{flex-direction:row}
.inquiryForm3 .inquiryForm_left{width:70%;padding:0}
.inquiryForm3 .inquiryForm_left .inquiryForm_left_tit{max-width:60%;font-size:2rem;font-style:oblique;margin-bottom:1rem}
.inquiryForm3 .inquiryForm_left p{margin-bottom:0}
.inquiryForm3 .inquiryForm_right{width:30%;background:none;padding:0;box-shadow:initial}
.inquiryForm3 .inquiryForm_right .more{margin:0}
.inquiryForm3 .inquiryForm_right .more>a:hover{background-color:#333}
.relaInd{padding:3rem 0}
.relaInd ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.relaInd ul li{width:calc(50% - 10px);margin-bottom:1rem}
.relaInd ul li>a{background-color:#f5f5f5;display:flex;flex-wrap:wrap}
.relaInd ul li>a>.imgbox{width:50%;background-color:#f5f5f5}
.relaInd ul li>a>.imgbox img{mix-blend-mode:multiply}
.relaInd ul li>a>.textbox{width:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding:1rem;background-color:#f5f5f5;text-align:center;transition:all .4s}
.relaInd ul li>a:hover>.textbox,.relaInd ul li.active>a>.textbox{color:var(--hover-color)}
.otherApp{padding:0 0 3rem 0}
.otherApp ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.otherApp ul li{width:25%;padding:0 10px;margin-top:20px}
.otherApp ul li .textbox{padding:.5rem;display:flex;align-items:center;justify-content:center}
.rela_list3{width:calc(100% + 20px);margin-left:-10px;display:flex;flex-wrap:wrap;flex-direction:row}
.rela_list3 li{width:calc(100% / 3);padding:0 10px;margin-top:20px;margin-bottom:0;display:flex}
.rela_list3 li>a{flex:1;flex-direction:column;align-items:flex-start}
.rela_list3 li>a .imgbox{width:100%}
.rela_list3 li>a .textbox{flex:1;width:100%;height:auto;padding:1.5rem}
.rela_list3 li>a .textbox h4{font-size:1.25rem}
.rela_list3 li>a .textbox p{flex:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rela_list3 li>a .textbox .more{margin-top:0}
/* Industrial-End */
/* Service */
.service{padding:1rem 0 3rem 0}
.service .etw_hometitle{font-size:2rem;text-transform:uppercase;font-family:"Poppins",sans-serif;font-weight:600;margin-bottom:1rem}
.service-item{margin-top:50px}
.service-item:nth-child(2){margin-top:20px}
.service-item h4{color:var(--hover-color);margin-bottom:1rem;text-transform:capitalize}
.service-item .service-strong{font-size:1.1rem;font-weight:500}
.int_list{display:flex;flex-wrap:wrap;background-color:#f8f9fa;padding:20px 15px}
.int_list li{width:20%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;padding:0 15px}
.int_list li .int_icon{width:80px;height:80px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.int_list li .int_icon img{width:80px;height:80px;position:relative;transform:translateX(-80px);filter:drop-shadow(80px 0 #333);transition:initial}
.int_list li .textbox{width:100%;display:flex;align-items:center;flex-direction:column;padding-top:1rem}
.int_list li .textbox>a{font-size:1rem;font-weight:400;margin-bottom:0;text-align:center}
.int_list li .int_icon:hover img{filter:drop-shadow(80px 0 var(--hover-color))}
.int_list li .textbox>a:hover{color:var(--hover-color)}
.fwGallery{padding:3.5rem 0;background-color:#f5f5f5}
.fwGallery h3{text-align:center;font-size:2rem;margin-bottom:1rem}
.fwGallery_content{position:relative;padding:0 50px}
.fwGallery_content .swiper{padding:10px 0}
.fwGallery_content .swiper-slide{padding:10px;height:auto;display:flex}
.fwGallery_content .swiper-slide>a{flex:1;width:100%;display:flex;background-color:#fff;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.fwGallery_content .swiper-slide>a .imgbox{padding:1rem}
.fwGallery_content .swiper-slide>a .textbox{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:0;text-align:center}
.fwGallery_content .prev-button,.fwGallery_content .next-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:.95rem;color:#fff;border-radius:50%;background-color:var(--hover-color);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.fwGallery_content .next-button{left:auto;right:0}
.fwGallery_content .prev-button:hover,.fwGallery_content .next-button:hover{background-color:#333}
.fwGallery_content .prev-button.swiper-button-disabled,.fwGallery_content .next-button.swiper-button-disabled{display:none}
.inquiryForm4 .inquiryForm_left{width:55%;padding:0}
.inquiryForm4 .inquiryForm_left .inquiryForm_left_tit{font-weight:600;max-width:75%}
.inquiryForm4 .inquiryForm_right{width:40%;padding:0}
.inquiryForm4 .inquiryForm_left .more{margin-top:0;justify-content:flex-start}
/* Service-End */
/* About */
.nbanner{width:100%;overflow:hidden;position:relative;min-height:300px;display:flex;flex-direction:column}
.nbanner::before{content:'';width:100%;height:100%;background-color:#f5f5ff;opacity:.9;position:absolute;left:0;top:0;z-index:1}
.nbanner .etw_hometitle{flex:1;font-size:2.2rem;text-transform:uppercase;font-family:"Poppins",sans-serif;font-weight:600;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.nbanner .etw_hometitle>div::after{content:'';display:block;width:80px;height:3px;background-color:var(--hover-color);margin:1rem auto 0 auto}
.nbanner2{min-height:100%}
.nbanner2 .etw_hometitle{padding:2rem 0}
.about{padding:3rem 0}
.about_company{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;background-color:#f5f5f5;align-items:center}
.about_company .imgbox{width:50%}
.about_company .textbox{width:50%;padding:2rem;padding-left:3rem}
.about_company .textbox h6{font-size:1.6rem;margin-bottom:1rem;color:#333}
.about_company .textbox p{color:#999;font-size:1.1rem}
.about_company .textbox .more{margin-top:0}
.about_company:hover .textbox .more>span{background-color:var(--hover2-color)}
.about .company_items{padding:1rem;margin-bottom:0;background-color:#f5f5f5}
.about-list{display:flex;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px}
.about-list li{width:calc(100% / 3);padding:0 20px;margin-top:40px;display:flex}
.about-list li>a{width:100%;display:flex;flex-direction:column;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.about-list li>a .textbox{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-top:20px}
.about-list li>a .textbox h6{font-size:1.2rem;margin-bottom:.5rem;color:#333;transition:all .4s}
.about-list li>a .textbox p{flex:1;margin-bottom:.5rem;color:#333}
.about-list li>a .textbox .more1{display:flex;font-size:1rem;font-weight:400}
.about-list li>a .textbox .more1>span{padding-right:2rem;position:relative;transition:all .4s}
.about-list li>a .textbox .more1>span::after{content:"\f178";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%)}
.about-list li>a:hover .textbox h6{color:var(--hover-color)}
.about-list li>a:hover .textbox .more1>span{color:var(--hover-color);padding-right:2.5rem}
/* About-End */
/* Company Profile */
.company{padding:3rem 0}
.company>.container>.row{margin-left:-20px;margin-right:-20px}
.company_items{padding:0 20px;margin-bottom:50px}
.company_items>.row>.col-lg-6{padding:0 20px}
.company_items:last-child{margin-bottom:0}
.company_items h3{margin-bottom:1rem}
.company_items p{line-height:1.625rem;font-size:1rem}
.company_items p:last-child{margin-bottom:0}
.company_nav{padding:0 0 3rem 0}
.company_nav ul{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px dashed #ccc;padding-top:3rem}
.company_nav ul li{width:15%;border-right:1px dashed #ccc;display:flex;padding:20px}
.company_nav ul li:last-child{border-right:none}
.company_nav ul li>a{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.company_nav ul li>a .company_icon{width:100%;max-width:100px;padding:1.5rem;border-radius:50%;box-shadow:0 10px 10px rgba(0,0,0,.2);margin-bottom:1rem;overflow:hidden}
.company_nav ul li>a .company_icon img{position:relative;transform:translateY(0);transition:initial}
.company_nav ul li>a h6{font-size:1.25rem;font-weight:400;padding-top:.5rem}
.company_nav ul li>a:hover h6,.company_nav ul li.active>a h6{color:var(--hover-color)}
.company_nav ul li>a:hover .company_icon img,.company_nav ul li.active>a .company_icon img{filter:drop-shadow(0 100px var(--hover-color));transform:translateY(-100px)}
/* Manufacturing */
.manufacturing{padding:3rem 0}
.manufacturing>.container>.row{margin-left:-20px;margin-right:-20px}
.manufacturing-items{padding:0 20px;margin-bottom:50px}
.manufacturing-items:last-child{margin-bottom:0}
.manufacturing-items>.row>.col-lg-6{padding:0 20px}
.manufacturing-items:last-child{margin-bottom:0}
.video_btn2{width:60px;height:60px}
.manufacturing-items .etw_phone li span{background-color:#f5f5f5;font-size:1rem;padding:.8rem .5rem}
.manufacturing-items h4{color:var(--hover-color);font-weight:400}
/* Manufacturing-End */
/* Quality Control */
.quality{padding:3rem 0}
.quality>.container>.row{margin-left:-20px;margin-right:-20px}
.quality-items{padding:0 20px;margin-bottom:50px}
.quality-items:last-child{margin-bottom:0}
.quality-items>.row>.col-lg-6{padding:0 20px}
.quality-items>.row>.col-lg-3,.quality-items>.row>.col-lg-9{padding:0 20px}
.quality-items:last-child{margin-bottom:0}
.quality-items p{font-size:.95rem;line-height:24px}
.quality-items p:last-child{margin-bottom:0}
.quality_phone li .imgbox{background-color:#f5f5f5;transition:all .4s}
.quality_phone li .imgbox img{mix-blend-mode:multiply}
.quality_phone li:hover .imgbox{box-shadow:0 0 10px rgba(0,0,0,.2)}
/* Quality Control-End */
/* FAQs */
.faqs{padding:3rem 0}
.faqs .card{border-bottom:1px dashed #ccc;padding-bottom:1rem}
/* FAQs-End */
/* Gallery */
.gallery{padding:1rem 0 3rem 0}
.gallery .etw_hometitle{font-weight:600}
.gallery_list{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px;margin-bottom:0}
.gallery_list dd{width:calc(100% / 3);padding:0 15px;margin-top:30px;margin-bottom:0}
.gallery_list dd>ul{width:100%;margin:0;padding:10px;background-color:#f5f5f5}
.gallery_list dd>ul>li{margin:0;padding:0}
.gallery_list dd>ul>li>a>img{mix-blend-mode:multiply}
.gallery_list dd .textbox{flex:1;display:flex;flex-direction:column;padding-top:1rem}
.gallery_list dd .textbox h6{font-size:1rem;font-weight:400;color:var(--hover-color)}
.gallery_list dd .textbox p{margin-bottom:0}
.gallery_list2{display:flex;flex-wrap:wrap;flex-direction:column}
.gallery_list2 .col-12{margin-top:30px}
.gallery_list2 dl{display:flex;flex-wrap:wrap;width:100%;margin-bottom:0}
.gallery_list2 dl dd{width:calc(100% / 3);margin-bottom:0}
.gallery_list2 dd>ul{width:100%;margin:0;padding:10px;background-color:#f5f5f5}
.gallery_list2 dd>ul>li{margin:0;padding:0}
.gallery_list2 dd>ul>li>a{position:relative}
.gallery_list2 dd>ul>li>a>img{mix-blend-mode:multiply}
.spebox{background-color:#f5f5f5;padding:2rem;padding-top:.5rem}
.spebox strong{display:block;color:var(--hover-color);margin-bottom:.5rem}
.row2{margin-top:30px}
.gallery-items-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.gallery-items-box h3{width:100%;margin-bottom:1rem;color:var(--hover-color)}
.gallery_left{width:100%;margin-bottom:1rem}
.gallery_left>a,.gallery_left>.imgbox{display:block;background-color:#f5f5f5}
.gallery_left>a>img,.gallery_left>.imgbox>img{mix-blend-mode:multiply}
.gallery_right{width:100%;display:flex;flex-direction:column}
.gallery_left h6,.gallery_right h6{flex:1;color:#333;font-size:1.4rem;margin-bottom:1rem}
.gallery_right strong{display:block;font-weight:500;font-size:1.1rem;margin-bottom:.25rem}
.gallery_right .items>li{margin-bottom:.25rem}
.gallery-items-box3{width:calc(100% + 20px);margin-left:-10px;margin-top:20px}
.gallery-items-box3 .gallery_left{width:25%;padding:0 10px}
.gallery-items-box3 .gallery_right{width:75%;padding:0 10px}
.gallery-items-box3 .gallery_left .etw_phone li>a,.gallery-items-box3 .gallery_right .etw_phone li>a{background-color:#f5f5f5}
.gallery-items-box3 .gallery_left .etw_phone li>a>img,.gallery-items-box3 .gallery_right .etw_phone li>a>img{mix-blend-mode:multiply}
/* Gallery-End */
/* Contact Us */
.contact{padding:1rem 0 2rem 0;font-family:"Source Sans",sans-serif}
.contact .etw_hometitle{font-weight:600;font-size:2.2rem;margin-bottom:1.5rem}
.contact p{font-size:1rem;line-height:30px}
.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:.5rem}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle{font-size:1.5rem;font-weight:700}
/* Contact Us-End */
/* Overview */
.overview-items{display:flex;flex-wrap:wrap;padding:50px 0;background-color:#f5f5f5}
.overview-items:nth-child(even){background-color:#fff}
.overview-items:last-child{margin-bottom:0}
.overviewAbout .about_company{flex-direction:row;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}
.overview_title{font-size:2rem;color:var(--main-color);text-transform:uppercase;text-align:center;font-weight:bold;position:relative;margin-bottom:1.25rem}
.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:50%;text-align:center;display:inline-block;position:relative;padding:0 1.5rem;background-color:#fff}
.overview_company{display:flex;flex-wrap:wrap;justify-content:space-between}
.overview_company li{width:calc(50% - 20px);margin-bottom:20px}
.overview_company li h3{padding-bottom:1rem;position:relative;font-size:1.5rem;margin-bottom:1rem}
.overview_company li h3::before{content:'';width:100%;height:1px;background-color:#ccc;position:absolute;left:0;bottom:2px}
.overview_company li h3::after{content:'';width:50px;height:5px;background-color:var(--hover-color);position:absolute;left:0;bottom:0;transition:all .4s}
.overview_company li p{margin-bottom:0;color:#333;font-size:1.1rem;font-size:300}
.overview_company li:hover h3::after{width:100%}
.overviewPro{display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% + 20px);margin-left:-10px}
.overviewPro li{width:calc(50% - 10px);padding:0 10px;margin-bottom:1rem;display:flex}
.overviewPro li:last-child{margin-bottom:0}
.overviewPro li>a{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#f5f5f5;padding:1rem}
.overviewPro li>a .imgbox{width:45%;display:flex;align-items:center;justify-content:center}
.overviewPro li>a .imgbox>img{mix-blend-mode:multiply}
.overviewPro li>a .textbox{width:55%;padding-left:40px;display:flex;flex-direction:column}
.overviewPro li>a .textbox h4{font-size:1.25rem;color:#000;margin-bottom:1rem}
.overviewPro li>a .textbox p{flex:1;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.overviewPro li>a .more{justify-content:flex-start;margin-top:0}
.overviewPro li>a:hover{box-shadow:0 0 15px rgba(0,0,0,.2)}
.overviewPro li>a:hover .more>span{background-color:var(--hover2-color)}
.overviewInd .overview_title{margin-bottom:0}
.overviewInd .small_title{margin:.5rem auto 1rem auto}
.overviewInd_content{position:relative;padding:0 50px}
.overviewInd .swiper .swiper-slide{padding:1rem;height:auto}
.overviewInd .swiper .swiper-slide>a{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;padding:2rem}
.overviewInd .swiper .swiper-slide>a .textbox{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.overviewInd .swiper .swiper-slide>a .textbox h4{font-size:1.4rem;color:#000;margin-bottom:1rem}
.overviewInd .swiper .swiper-slide>a .textbox p{flex:1;color:#333}
.overviewInd .swiper .swiper-slide>a .imgbox{background-color:#f5f5f5}
.overviewInd .swiper .swiper-slide>a .imgbox img{mix-blend-mode:multiply}
.overviewInd .swiper .swiper-slide>a .more{margin-top:1rem}
.overviewInd .swiper .swiper-slide>a:hover .textbox h4{color:var(--hover-color)}
.overviewInd .swiper .swiper-slide>a:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
.overviewInd .swiper .swiper-slide>a:hover .more>span{background-color:var(--hover2-color)}
.overviewInd_content .prev-button,.overviewInd_content .next-button{width:36px;height:36px;background-color:var(--main-color);font-size:1rem;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overviewInd_content .next-button{left:auto;right:0}
.overviewInd_content .prev-button:hover,.overviewInd_content .next-button:hover{background-color:var(--hover-color)}
.productsFw2{padding:3.5rem 0}
/* 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:var(--main-color);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:50px}
.video_hub1 a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#f5f5f5}
.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:var(--main-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all 0.4s}
.video_hub1 a .video_text>p{margin:0;color:var(--main-color);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}
.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:#f5f5f5;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:var(--main-color);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:#f5f5f5;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 .webtitle{font-size:1.875rem;font-weight:600;color:var(--main-color);margin-bottom: 1rem;}
#video_right video{width:100%}
.video_more{display:flex;margin-bottom:2rem}
.video_more a{padding:.4rem 1.2rem;border:2px solid var(--main-color);color:var(--main-color);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:1.5rem !important;font-weight:500 !important;text-transform:uppercase}
#video_sidebar{width:30%;background-color:#f5f5f5;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:.875rem;padding-left:1rem;font-weight:300;line-height:1.2rem}
#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:.4rem 1.2rem;border:2px solid var(--main-color);color:var(--main-color);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:.4rem 1.2rem;border:2px solid var(--main-color);color:var(--main-color);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:1199.98px){.proDetails-item .etw_hometitle h2,.standard-item h2,.overview_title{font-size:1.8rem;line-height:2.4rem}
.proDetails-item .small_title{font-size:1rem;line-height:1.2rem}
.overview_title>span{padding:0 1rem}
.related{padding:3rem 0}
.inquiryForm_left .inquiryForm_left_tit,.related h3{font-size:1.8rem;line-height:2.4rem}
.standard-item p,.standard-item2 p,.standard_list li .textbox p,.inquiryForm_left p{font-size:1rem;line-height:1.6rem}
.standard-item2 h4,.standard_list li .textbox h3,.proDetails_title,.otherInd_title>h3{font-size:1.4rem}
.solution_left .solution_left_tit,.inquiryForm4 .inquiryForm_left .inquiryForm_left_tit,.inquiryForm3 .inquiryForm_left .inquiryForm_left_tit{max-width:100%}
.company_nav ul li{padding:0.5rem}
.company_nav ul li>a h6{font-size:1.1rem}
.company_nav{padding-bottom:2rem}
.company_nav ul{padding-top:2rem}
}@media (max-width:991.98px){.overview_title>span{padding:0 0.5rem}
.proDetails-item .proDetails-item-right{padding-left:15px;margin-top:1rem}
#video_right,.otherInd ul,.overviewPro li{width:100%}
#video_sidebar{width:100%;margin-top:2rem}
.inquiryForm>.container{justify-content:center}
.inquiryForm4>.container{justify-content:space-between}
.inquiryForm_left,.otherInd_title{width:100%;padding-left:0;margin-bottom:1rem}
.otherInd ul li{width:18.4%;padding-left:0;margin-left:2%;margin-bottom:1rem}
.otherInd ul li:first-child{margin-left:0}
.inquiryForm_right{width:80%}
.inquiryForm_left p{margin-bottom:0}
.inquiryForm4 .inquiryForm_left p{margin-bottom:1rem}
.etw_phone li span{line-height:1.4rem}
.nbanner{min-height:200px}
.about_company .textbox h6,.small_overview_title.overview_title{font-size:1.4rem;line-height:1.8rem}
.about_company .textbox p{font-size:1rem;line-height:1.5rem}
.about_company .imgbox{padding:0 20px}
.about-list li{padding:0 10px}
.company_nav ul li>a h6,.relaInd ul li>a>.textbox{font-size:1rem}
.video_hub ul li{width:calc(100% / 3)}
#etw_videolist ul{flex-direction:row;flex-wrap:wrap}
#etw_videolist ul li{width:50%;padding-right:0.5rem}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>ul{display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;box-shadow:0 1px 5px #ccc;left:-2.4rem;z-index:99}
#etw_language>a{display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;height:auto;text-align:center}
#etw_language > a::after{ display:none;}
#etw_language > a:last-child{padding:0.3rem 1rem;}
#etw_language{width:100%; display:inherit;}
#etw_language>a>img{display:none}
}
@media (max-width:767.98px){#video_sidebar,.service-item{margin-top:1rem}
.service-item h4{margin-bottom:0.5rem}
.ind .etw_hometitle,.etw_hometitle2 h3,.rela_title,.overview_title,.inquiryForm3 .inquiryForm_left .inquiryForm_left_tit,#video_right .webtitle{font-size:1.8rem;line-height:2.4rem}
.proDetails-item .etw_hometitle h2,.inquiryForm_right .webtitle,.standard-item h2{font-size:1.6rem}
.design,.rela_title{margin-bottom:1rem}
.rela_list li{flex-wrap:wrap}
.design .imgbox,.design .textbox,.selection .imgbox,.selection .textbox,.quAss_left,.quAss_right,.solution_left,.solution_right,.applications_list .applications_left,.applications_list .applications_right,.ind_list li .ind_left,.ind_list li .ind_right,.inquiryForm4 .inquiryForm_left,.inquiryForm4 .inquiryForm_right,.about_company .textbox,.about_company .imgbox,.inquiryForm3 .inquiryForm_left,.video_hub1 a .video_img,.video_hub1 a .video_text,.relaPro .rela_list li>a.imgbox,.relaPro .rela_list li .textbox,.rela_list li>a .imgbox,.rela_list li>a .textbox{width:100%;margin-bottom:1rem}
.rela_list li>a .textbox{height:auto}
.about_company .imgbox{padding-top:20px}
.design .textbox,.selection .textbox{padding:0}
.about_company .textbox{padding:0 1rem}
.ind_list li .ind_right,.ind_list li:last-child .ind_right{padding:0;margin-bottom:0}
.quAss_left{padding:2rem;margin-bottom:0}
.manufacturing,.company,.overview-items,.quality,.faqs,.otherInd{padding:2rem 0;margin-bottom:0}
.applications_list .applications_right,.applications_list li:nth-child(even) .applications_right,.video_hub1 a .video_text{padding:1rem 2rem 2rem}
.quAss_right{margin-bottom:0}
.selection .imgbox .img-cover,.quAss_right .img-cover,.solution_left .img-cover{position:relative}
.items>li{line-height:1.3rem}
.related_pic a{width:calc(calc(100% / 4) - 10px)}
.examples_list li,.rela_list3 li,.about-list li,.gallery_list dd{width:50%}
.about-list li{padding:0 20px}
.examples_list li .examples_right h5,.rela_list li>a:hover .textbox h4{font-size:1.1rem}
.proDetails{padding-bottom:2rem}
.related,.inquiryForm,.rela,.relaInd{padding:2rem 0}
.related ul li{margin-top:1rem}
.related ul li,.etw_phone5 li,.int_list li,.company_nav ul li{width:calc(100% / 3)}
.company_nav ul li{border-right:0}
.inquiryForm_left p{line-height:1.5rem}
.standard-item p,.standard-item2 p,.standard_list li .textbox p,.inquiryForm_left p,.ind .small_title,.int_list li .textbox>a,.overview_company li p,.relaPro .rela_list li .textbox p{font-size:0.9rem;line-height:1.4rem}
.standard-item2 h4,.standard_list li .textbox h3,.proDetails_title,.overviewInd .swiper .swiper-slide>a:hover .textbox h4,.relaPro .rela_list li .textbox h4,.rela_list li>a .textbox h4{font-size:1.2rem;line-height:1.6rem;margin-bottom:0.5rem}
.standard_list li{width:calc(50% - 10px);padding:1.5rem}
.solution_right ul li>a,.about-list li>a .textbox h6{font-size:1.1rem}
.solution_right ul li p:last-child{line-height:1.4rem}
.solution_left .solution_left_tit,.applications_list .applications_right h3,.ind_list li .ind_right h4,.service-item h4,.overview_company li h3{font-size:1.4rem}
.applications_list .applications_right .more{margin-top:1rem}
.inquiryForm4>.container{justify-content:center}
.inquiryForm_left .inquiryForm_left_tit,.company_items{margin-bottom:1rem}
.rela_list2 li,.overview_company li{width:100%}
.rela_list2 li:first-child{margin-top:0}
.video_btn{width:60px;height:60px}
.small_overview_title.overview_title{font-size:1.2rem;line-height:1.6rem}
.overviewPro li>a .textbox{padding-left:20px}
.inquiryForm3 .inquiryForm_right{width:auto}
.video_hub ul li a .video_text{font-size:0.9rem;padding:1rem 0.5rem}
.relaPro .rela_list li .textbox{margin-bottom:0;padding:1.5rem}
.asked_bj{padding:1rem 0}
.relaInd ul li>a>.textbox{font-size:0.9rem;line-height:1.2rem}
.etw_phone2 li{ width:100%}
}
@media (max-width:649.98px){.relaInd ul li>a>.imgbox,.relaInd ul li>a>.textbox{width:100%}
.nbanner{min-height:160px}
.selection_list>li{padding:1rem 1rem 0}
.etw_phone2 li,.etw_phone3 li{ width:100%}
.etw_phone4 li{width:50%}
.company_items .etw_phone3 li{width:calc(100% / 3)}
.inquiryForm_right{width:100%}
.solution_right{padding:1rem}
.applications_list .applications_right,.applications_list li:nth-child(even) .applications_right,.video_hub1 a .video_text{padding:1rem}
.otherInd ul li{width:32%}
.otherInd ul li:nth-child(3n+1){margin-left:0}
.rela_list3 li>a .textbox,.overviewInd .swiper .swiper-slide>a{padding:1rem}
.overview_title::before{display:none}
.overview_title>span{max-width:90%}
.overviewInd .swiper .swiper-slide{padding:0}
.quality-items .col-sm-3,.quality-items .col-sm-9{max-width:100%;flex:none}
.solution_left .solution_left_tit,.applications_list .applications_right h3,.ind_list li .ind_right h4,.service-item h4,.overview_company li h3{font-size:1.2rem;line-height:1.6rem;margin-bottom:0.5rem}
.manufacturing,.company,.overview-items,.quality,.faqs,.otherInd{padding:1rem 0;margin-bottom:0}
.related,.inquiryForm,.rela,.relaInd{padding:1rem 0}
.proDetails{padding-bottom:1rem}
.company_nav ul li>a h6{font-size:0.9rem}
}@media (max-width:575.98px){.proDetails-item .etw_hometitle h2,.inquiryForm_right .webtitle,.standard-item h2,.ind .etw_hometitle,.etw_hometitle2 h3,.rela_title,.overview_title,.inquiryForm3 .inquiryForm_left .inquiryForm_left_tit,#video_right .webtitle,.inquiryForm_left .inquiryForm_left_tit,.related h3{font-size:1.4rem;line-height:1.8rem;margin-bottom:0.5rem}
.proDetails-item .small_title{font-size:0.9rem}
.examples_list li,.rela_list3 li,.about-list li,.gallery_list dd,#etw_videolist ul li{width:100%}
.examples_list li .examples_right h5{font-size:1rem}
.related .related_title{margin-bottom:0}
.related ul li,.etw_phone5 li,.company_nav ul li,.video_hub ul li{width:50%}
.standard_list li{width:100%;padding:1rem}
.etw_phone li span{line-height:1.2rem}
.standard-item2 h4,.standard_list li .textbox h3,.proDetails_title,.overviewInd .swiper .swiper-slide>a:hover .textbox h4,.relaPro .rela_list li .textbox h4,.solution_left .solution_left_tit,.applications_list .applications_right h3,.ind_list li .ind_right h4,.service-item h4,.overview_company li h3,.rela_list li>a .textbox h4{font-size:1.1rem;line-height:1.4rem}
.related ul li a h6{font-size:0.9rem}
.otherInd ul li{width:49%}
.otherInd ul li:nth-child(3n+1){margin-left:2%}
.otherInd ul li:nth-child(2n+1){margin-left:0}
.overviewPro li>a .imgbox,.overviewPro li>a .textbox{width:100%;padding:0}
.overviewPro li>a .imgbox{margin-bottom:0.5rem}
.overviewInd .swiper .swiper-slide>a .textbox p{display:none}
.relaPro .rela_list li .textbox,.rela_list li>a .textbox{padding:1rem}
}
@media (max-width:479.98px){.items2>li,.etw_phone4 li,.rela_list2 li>a.imgbox,.rela_list2 li .textbox,.etw_phone5 li,.company_items .etw_phone3 li,.items2>li,.video_hub ul li{width:100%}
.etw_phone2 li,.etw_phone3 li,.etw_phone li a img{width:100%}
.int_list li{width:50%}
.company_nav ul li>a h6{font-size:0.8rem}
}.more_videos{border-radius:30px;line-height:1;display:flex;align-items:center;background:#fff;justify-content:center;width:200px;margin:10px auto}
.more_videos::before{content:"\f144";font-size:2.5rem;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;line-height:1;margin-right:.5rem}
.more_videos:hover{color:var(--hover-color)}
/* videos-End */
.download{padding: 3rem 0; background-image: linear-gradient(#fff,#f5f5f5);}
.download ul{display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px;}
.download ul li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;display: flex;}
.download ul li>ol{display: flex; flex-direction: column; border-radius: 10px; overflow: hidden;border: 1px solid #ccc; position: relative; overflow: hidden;}
.download ul li>ol a.imgbox{border-radius: 10px 10px 0 0;}
.download ul li>ol a.imgbox::after{content: "\f63d";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; width: 40px; height: 40px; background-color: var(--hover-color); color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0;z-index: 2; font-size: 1.5rem;}
.download ul li>ol a.textbox{flex: 1; background-color: #f5f5f5;display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.05rem; padding: .5rem; color: #000;}
.download ul li>ol a.textbox>i{font-size: 1.25rem; margin-right: .5rem;}
.download ul li>ol:hover a.textbox{color: var(--hover-color);}
.download ul li>ol:hover a.imgbox>img{opacity: .8;}
@media (max-width:991.98px){
  .download{padding: 2rem 0;}
  .download ul li{width: 50%;}
}
@media (max-width:575.98px){
  .download{padding: 1.25rem 0;}
  .download ul {width: 100%; margin: 0;}
  .download ul li{width: 100%; padding: 0; margin-bottom: 10px;}
  .download ul li>ol a.imgbox img{width: 100%;}
}


/*news*/
.related_news{ margin-top:30px; border-top:1px #ccc dashed; padding-top:20px; background:#fafafa;box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2);}
.related_news .item{ background:#eee;}
.related_news .item .product_img{height: 150px;overflow: hidden;}
.related_news .item .product_con a{ font-size:12px; line-height:16px; display:block; padding:5px 10px;}
.related_news .item:hover .product_con a{ color:#da251d;}


#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px; background: #eee; border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:14px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}


.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin:40px 0}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#0e3d8f;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}


.etw_reviewpro{ padding:20px 0;}
.etw_reviewpro li{ width:100%;}
.etw_reviewpro li a{ display:block; color:#333; position:relative; padding-left:16px;}
.etw_reviewpro li a:hover{ color:#ff4e4e;}
.etw_reviewpro li a:before{position:absolute;content:'';width:5px;height:5px;left:0px;top:8px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.etw_reviewpro li a:hover:before{background:#ff4e4e}


@media (max-width:575.98px){
  .news_des{ display:none;}
  .news_list ul>li>ol>li.product_img{width:35%;height:120px;overflow:hidden}
  .news_list ul>li>ol>li.product_con{width:62%}
}
#etw_sidebar .etw_hometitle{ display:block; color:#666; font-size:1.25rem; font-weight:700;  padding:0.875rem 0 1.25rem 1.25rem; margin:0;font-family:Arial,sans-serif; text-align: left;}


.etw_news_container{ width:96%; max-width:1200px; margin:0 auto;overflow:hidden; padding:1rem 0;}
#etw_right{ width:73%; float:right;}
#etw_sidebar{ width:24%; float:left;padding: 0 .25rem;}
#etw_sidebar_new_list{width:100%; overflow:hidden; position:relative; border:1px #eee solid; background:#f8f8f8;}
#etw_sidebar_new_list>ul>li{width:100%; border-top:1px #eee solid;}
#etw_sidebar_new_list>ul>li>a{display:block;font-size:0.875rem;color:#666;line-height:1.2rem;position:relative;border-bottom: 1px solid #eee;padding:0.5rem 1rem 0.5rem 1.5rem;}
#etw_sidebar_new_list>ul>li:first-child{border-top: none;}
#etw_sidebar_new_list>ul>li:nth-last-child(1) a{border-bottom: none;}
#etw_sidebar_new_list>ul>li>a:before{content: "\f0da";font-family: fontawesome;position: absolute;left:0.4rem;top:10px;color:#ec6316;font-size: 0.875rem;text-align: center;line-height: 12px;}
#etw_sidebar_new_list>ul li a:hover,#etw_sidebar_new_list>ul li a.dq{color: #ec6316}
#etw_sidebar_new_list>ul>li ol{padding-top: 0.6rem;}
#etw_sidebar_new_list>ul>li ol li a{color: #666;font-size: 0.75rem;padding-left:1.5rem;line-height: 1.1rem;display: block;margin-bottom:0.6rem; padding-right:0.3rem;}
#etw_sidebar_new_list>ul>li ol li a.dq,#etw_sidebar_new_list>ul>li ol li a:hover{color:#ec6316;background: none;}