@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype");}
@font-face{src:url(../font/Roboto-Regular.ttf) format("truetype");}
@font-face{font-family:"Roboto-Light";src:url(../font/Roboto-Light.ttf) format("truetype");}
@font-face{src:url(../font/Roboto-Medium.ttf) format("truetype");}
@font-face{font-family:"OpenSans-Light";src:url(../font/OpenSans-Light.ttf) format("truetype");}
@font-face{font-family:"OpenSans-Regular";src:url(../font/OpenSans-Regular.ttf) format("truetype");}
@font-face{font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");}
@font-face{font-family:"iconfont";src:url("../font/iconfont2.ttf?t=1652333704705") format("truetype");}
.iconfont{font-family:"iconfont" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body{color:#161616;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65;direction: rtl;text-align: right;}
*{box-sizing:border-box;padding:0;margin:0;}
li,ol,ul{list-style:none;margin-bottom:0;}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clear{clear:both;}
.clearfix::after{display:table;}
hr{margin-bottom:2rem;border-top:1px solid #e8e8e8;}
strong{font-size:1.1rem;display:inline-block;font-weight:normal;color:#000;padding-bottom:.5rem;padding-top:1rem;}
b{font-weight:normal;font-size:1.05rem;color:#000;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;}
a:hover{color:#174277;}
a:focus{outline:0;text-decoration:none;}
a,a:hover{text-decoration:none;}
a.link{color:#174277;display:inline-block;text-decoration:underline;}
a.link:hover{color:#289fe1;text-decoration:none;}
.btn-secondary{padding:0rem 0.5rem;}
.layui-layer-btn a{color:#fff !important;margin-bottom:1rem !important;}
.btn:not(:disabled):not(.disabled){cursor:pointer;}
.review{color:#f00;font-size:18px;}
.brief{width:100%;margin:2rem auto;font-size:0.9rem;color:#666;}
.inquiry{color:#f8c301;text-decoration:none;position:relative;margin-bottom:1rem;display:inline-block;}
.inquiry::before{position:absolute;content:"";width:100%;height:1px;background-color:#f8c301;bottom:-.5rem;left:0;}
.inquiry:hover{color:#000;}
.img_list h4{font-size:1rem;text-align:center;margin-bottom:.5rem;}
.img_list span{text-align:center;display:block;padding:0.5rem;font-size:1rem;}
.img_list a{overflow:hidden;display:block;position:relative;}
.img_list a img{transition:all 0.5s;}
.img_list a:hover img{transform:scale(1.1);}
.img_list div:hover a::before{height:100%;}
.img_list_bg .img_item{display:block;background-color:#eee;height:100%;padding-bottom:1rem;position:relative;}
.img_list_bg .img_item a{position:relative;z-index:1;}
.img_list_bg .img_item span{position:relative;z-index:1;transition:all 0.3s linear 0s;}
.img_list_bg .img_item::after{position:absolute;right:0;top:0;width:0;height:100%;background-color:rgba(15,153,160,1);opacity:0.851;content:"";transition:all 0.3s linear 0s;}
.img_list_bg .img_item:hover::after{left:0;width:100%;z-index:0;}
.img_list_bg .img_item:hover span{color:#fff;}
.table td{vertical-align:middle;padding-top:.4rem;padding-bottom:.4rem;}
.table tr:nth-child(odd){background-color:#f3f3f3;}
.table tr:nth-child(even){background-color:#fff;}
.table-bordered td{border:4px solid #fff;}
.theme-send-inquiry-box{background:#fe8f01 !important;}
.theme-box-name{background:#161616 !important;text-transform:uppercase;border-left:1px #161616 solid !important;}
h3{font-size:1.3rem;margin-bottom:1rem;}
h4{color:#555;font-size:1.1rem;margin-top:1rem;font-weight: 700;padding-bottom: 0.5rem;}
.h4_title{font-size:1.4rem;position:relative;margin-bottom:1rem;margin-top:1rem;padding-bottom:1rem;}
.h4_title span{display:block;}
.h4_title::before{position:absolute;content:"";width:60px;height:4px;left:0;bottom:0;background-color:#f2c70d;border-left:30px solid #328cc1;}
h2,.etw_hometitle{display:block;line-height:1.35;color:#333;font-size:2rem;margin-bottom:1rem;padding-bottom:0.5rem;}
.swidth{width:90%;margin:0 auto;margin-bottom:2rem;}
h3.pro_name{display:block;color:#333;font-size:1.6rem;border-bottom:1px solid #eee;padding-bottom:1rem;}
.etw_hometitle{margin-bottom:1rem;}
#etw_top{position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a{color:#fff;}
#etw_top:hover{transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#000;}
/* #header */
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;background:#fff;}
.header_in{width:100%;max-width:1300px;margin:0 auto;}
#etw_logo{width:auto;text-align:center;float:right;margin-top:2rem;padding-bottom:.5rem;}
.top-nav{width:auto;float:left;padding-right:2rem;margin-top:.5rem;}
.top-nav .navbar{padding:0;float:right;}
.nav-fixed{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0);}
to{opacity:1;transform:none;}
}
.top-nav .navbar-nav .nav-item .dropdown-menu-one{min-width:48rem;padding:0 0.5rem;}
.dropdown-menu-one{background-color:#eee;}
.navbar-expand-lg .navbar-collapse{flex-flow:row wrap !important;}
.navbar-expand-lg .navbar-nav{justify-content:flex-end;}
.navbar-nav{width:100%;}
.navbar-light .navbar-nav .nav-link{color:#000;transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.2rem 1rem;color:#000;position:relative;font-size:1.1rem;}
.navbar-light .navbar-nav .nav-link:before{content:"";position:absolute;top:-.2rem;left:0;right:0;margin:0 auto;height:3px;width:0;background:#fe8f01;transition-delay:0.1s;transition:0.1s all linear;border-radius:2rem;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before{width:100%;right:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu{padding-top:0;padding-bottom:0;top:43px;box-shadow:0px 10px 20px 0px rgb(0 0 0 / 20%);}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{background-color:#fff;color:#333;font-size:.9rem;position:relative;display:block;transition:all 0.5s;padding-top:0.3rem;padding-bottom:0.3rem;border-bottom:1px dashed #eee;position:relative;text-align: right;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a::before{position:absolute;content:"\f104";font-family:fontawesome;right:.8rem;top:0.3rem;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link{color:#fe8f01;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#fe8f01;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover{color:#fe8f01 !important;}
.dropdown-item{font-size:0.9rem;}
.dropdown-item.active{background-color:#fff}
.nav-item span.pro_icon{position:absolute;top:0.5rem;left:1rem;color:#fff;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}
@media screen and (min-width:991.98px){.top-nav .navbar-nav .row{position:absolute;background:none !important;padding:0;box-shadow:none;position:fixed;width:100% !important;top:123px !important;max-width:800px;left:50% !important;margin-left:-260px !important;border-radius:0;border:none;}
.dropdown-menu{border:none;}
.top-nav .navleft{padding-left:0;width:50%;max-width:380px;float:left;}
.top-nav .navproinfo{display:flex;flex-wrap:wrap;}
.top-nav .navclassname{display:block;color:#000;font-size:20px;padding-bottom:20px;text-transform:uppercase;}
.top-nav .navbar-nav .row .navleft li{line-height:45px;border-bottom:1px #ccc solid;clear:both;}
.top-nav .navbar-nav .row .navleft li:last-child{border:none;}
.top-nav .navbar-nav .row .navleft li a{font-size:1rem;padding:10px 0 10px 8px;display:block;border-left:5px #0d406b solid;background-color:#0d406b;line-height:1.5rem;color:#fff;position:relative;}
.top-nav .navbar-nav .row .navleft li a::before{position:absolute;content:"\f105";font-family:fontawesome;right:0.5rem;top:0.5rem;font-size:1rem;}
.top-nav .navbar-nav .row .navleft li a.lidq,.top-nav .navbar-nav .row .navleft li a:hover{background:0 0;border-left:5px #ffffff solid;color:#d4020d;background:#fff;}
.top-nav .navbar-nav .navright{width:50%;padding-left:10px;float:left;display:block;padding:20px 10px;background-color:#fff;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}
.top-nav .navbar-nav .navright ul{width:100%;display:none;}
.top-nav .navbar-nav .navright ul.shownavpro{display:block;}
.top-nav .navbar-nav .navright ul > li > a{font-size:0.8rem;color:#666;display:flex;position:relative;align-items:center;transition:all .5s;margin-bottom:.2rem;border-bottom:1px dashed #ddd;padding-bottom:.2rem;}
.top-nav .navbar-nav .navright ul > li a img{width:22%;margin-right:2%;border:1px solid #fff;transition:all .5s;}
.top-nav .navbar-nav .navright ul > li a h4{width:86%;}
.top-nav .navbar-nav .navright ul > li a h4{font-size:.9rem;transition:all .5s;}
.top-nav .navbar-nav .navright ul > li > a:hover h4{color:#fe8f01;}
}
/* .etw_language */
.etw_language{float:left;display:flex;flex-wrap:wrap;justify-content:flex-end;width:30%;height:42px;line-height:42px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem;background-color:#f7f8f8;}
#etw_language{float:left;width:auto;text-align:left;}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:0.5rem;color:#050d1a;min-width:auto !important;background:none;border-radius:5px;}
#etw_language .dropdown-item img{margin-left:5px;}
#etw_language .dropdown-item:hover{color:#fff;background:#0089e2;}
#etw_language .dropdown-item:focus{background:none !important;}
/* banner */
#etw_banner{width:100%;position:relative;max-width:0 auto;text-align:center;direction: ltr;}
.banner_01{width:100%;max-width:1300px;color:#fff;margin:0 auto;line-height:1.45;font-size:1.2rem;text-align:left;position:absolute;right:0;left:0;margin:0 auto;bottom:10%;}
.ban_txt{width:100%;max-width:700px;background-color:rgba(233,111,11,0.79);position:absolute;right:0;bottom:1rem;padding:2rem;font-size:1.5rem;}
.btn_more{background-color:#fe8f01;color:#fff;border-radius:5px;padding:0.5rem 1rem .5rem 2rem;font-size:.9rem;border-radius:8px;margin-top:1rem;position:relative;}
.btn_more::before{position:absolute;left:1rem;top:.4rem;font-family:fontawesome;content:"\f104";font-size:1.2rem;}
.btn_more:hover{background-color:#eb3d00;color:#fff;}
/* comapny_box */
.comapny_box{width:95%;background-color:#f9f9f9;color:#161616;margin-top:5rem;padding-bottom:6rem;}
.company_des{padding:1rem 3rem 1rem 0;}
.webtitle{font-size:2rem;position:relative;margin-bottom:1rem;line-height:1.25;}
.company_des .webtitle{text-transform:uppercase;margin-top:-3rem;position:relative;}
.company_des .webtitle span{display:block;font-size:1rem;position:relative;}
.company_des .webtitle span::before{position:absolute;content:"";width:80px;height:10px;background-color:#fe8f01;top:1.3rem;left:-100px;}
.company_des .big_des{padding:1rem;background-color:#fff;}
/* main_pro */
.main_pro{width:100%;margin:0 auto;position:relative;}
.pro_title{position:relative;}
.pro_title h3{font-size:2.4rem;text-transform:uppercase;padding-top:3rem;transition:all .5s;text-align: left;padding-left: 20%;}
.pro_title span{font-size:1.5rem;display:block;text-transform:none;padding-top:1rem;color:#fff;}
.main_pro::before{width:34%;height:30%;position:absolute;content:"";background-color:#fe8f01;right:-2%;top:0;transform:skew(-8deg);}
.main_pro::after{width:33%;height:20px;position:absolute;content:"";background-color:#fe8f01;right:0;top:34%;transform:skew(-10deg);z-index:0;}
.pro_item{ width:100%; height:100%; background-color:#fff; position:relative;border:1px solid transparent; padding:1rem 0.5rem; transition:all .5s; z-index:1; text-align:center; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; }
.pro_item a{color:#161616;}
.pro_item .pro_des{background-color:#fff;text-align:center;}
.pro_item h3{text-align:center;padding-top:1rem;text-align:center;font-size: 1.2rem;}
.pro_item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom: 0;}
.pro_item:hover a h3{color:#fe8f01;}
.pro_item:hover{border:1px solid #fe8f01;}
.pro_item .home_more{ background-color:#fe8f01; color:#fff; border-radius:5px; padding:0.5rem 1rem .5rem 2rem; font-size:.9rem; border-radius:8px; margin-top:1rem; position:relative; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.pro_item .home_more::before{ position:absolute; left:1rem; top:50%; font-family:fontawesome; content:"\f104"; font-size:1.2rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.pro_item .home_more:hover{background-color:#eb3d00;color:#fff;}

.big_products1 .pro_item{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);padding: 0.5rem 1rem;}
.big_products1 .pro_item a{display: block;position: relative;z-index: 2;height: 100%;}
.big_products1 .pro_item::after,.big_products1 .pro_item::before{ position:absolute; width:0px; height:0px; content:""; transition:all 0.3s; opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; }
.big_products1 .pro_item::after{top:0px;left:0px;border-left:2px solid #fe8f01;border-top:2px solid #fe8f01;}
.big_products1 .pro_item::before{right:0px;bottom:0px;border-right:2px solid #fe8f01;border-bottom:2px solid #fe8f01;}
.big_products1 .pro_item:hover::after,.big_products1 .pro_item:hover::before{width:100%;height:100%;opacity:1;}
.big_products1 .pro_item:hover{ border:1px solid transparent; transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); }


.big_products2 .item{width: 20%;padding: 0 10px;}
.big_products2 .pro_item{padding:0;}
.big_products2 .pro_item .pic{position: relative;overflow: hidden;}
.big_products2 .pro_item .pic img{ width: 100%; display: block; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.big_products2 .pro_item h3{ font-size: 0.85rem; padding-bottom: 1rem; margin-bottom: 0; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.big_products2 .pro_item a{display: block;position: relative;z-index: 2;height: 100%;}
.big_products2 .pro_item .pic::after,.big_products2 .pro_item .pic::before{ position:absolute; width:0; height:0; content:""; transition:all 0.3s; opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; }
.big_products2 .pro_item .pic::after{top:0px;left:0px;border-left:2px solid #fe8f01;border-top:2px solid #fe8f01;}
.big_products2 .pro_item .pic::before{right:0px;bottom:0px;border-right:2px solid #fe8f01;border-bottom:2px solid #fe8f01;}
.big_products2 .pro_item.dq a h3{color:#fe8f01;}
.big_products2 .pro_item:hover .pic::after,.big_products2 .pro_item.dq .pic::after,.big_products2 .pro_item:hover .pic::before,.big_products2 .pro_item.dq .pic::before{width:40%;height:40%;opacity:1;}
.big_products2 .pro_item:hover .pic img,.big_products2 .pro_item.dq .pic img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.big_products2 .pro_item:hover{ border:1px solid transparent; }


/* home_products */
.home_products{width:100%;margin:0 auto;position:relative;overflow: hidden;}
.home_products .webtitle{position:relative;background-color:#fe8f01;padding:1rem 2rem;color:#fff;width:100%;max-width:480px;text-align:center;text-transform:uppercase;margin-left:-3rem;}
.home_products::after{position:absolute;content:"";width:100%;height:100%;background:url(../images/continuous_bg.jpg) no-repeat center center;top:0;left:0;z-index:0;}
.home_products .content{box-shadow:0px 5px 13px 0px rgba(0,0,0,.3);background-color:#fff;padding:3rem;z-index:1;position:relative;}
.mainpro_item{width:100%;height:100%;overflow:hidden;position:relative;padding-bottom:.5rem;}
.mainpro_item a{position:relative;overflow:hidden;display:block;background-color:#fff;}
.mainpro_item h3{color:#fff;transition:all .8s;padding:1rem;position:absolute;z-index:2;bottom:0;left:0;background-color:rgba(0,0,0,0.51);width:100%;margin-bottom:0;text-align:center;}
.mainpro_item span{font-size:1.3rem;text-align:left;display:inline-block;margin-bottom:.5rem;}
.mainpro_item a img{transition:all .8s;transform:scale(1);text-align:center;margin:0 auto;display:block;width:100%;}
.mainpro_item p{color:#fff;text-align:left;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}

.mainpro_item:hover h3{color:#fff;}
.mainpro_item:hover img{transform:scale(.95);}
.mainpro_item .cover{width:85%;height:80%;background-color:rgba(254,143,1,0.92);position:absolute;left:0;right:0;margin:2rem auto;top:0;color:#fff;transform-origin:right bottom;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transition:all 0.35s;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;padding:1rem;opacity:0;}
.mainpro_item:hover h3{opacity:0;}
.mainpro_item:hover .cover{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);opacity:1}
/* case_box */
.bg_box{background:url(../images/cases_bg.jpg) no-repeat 0 71%;width:100%;margin:0 auto;}
.case_box{width:100%;margin:0 auto;padding:3rem 0;padding-top:4rem;overflow:hidden;}
.no-js .owl-carousel, .owl-carousel.owl-loaded{direction: ltr;}
.case_box .webtitle{text-transform:uppercase;margin-bottom:1.5rem;}
.case_item{width:100%;height:100%;background-color:#fff;border-bottom:5px solid #e67817;transition:all .5s;position:relative;top:0;}
.case_item a span{display:block;font-size:1.1rem;color:#161616;padding:1rem;line-height:1.35;height:120px;}
.owl-item:nth-child(2n) .case_item{border-color:#f09949;}
.owl-item:nth-child(3n) .case_item{border-color:#f8c301;}
.owl-item:nth-child(4n) .case_item{border-color:#615d5c;}
.owl-item:hover .case_item{border-color:#fe8f01;top:1rem;}
/* ce_box */
.ce_box{background-color:#fff;padding:3rem 0;}
.ce_box ul{width:100%;display:flex;justify-content:space-around;margin-right:1%;}
.ce_box ul:last-child{margin-right:0;}
.ce_box .webtitle{text-transform:uppercase;}
/* #container */
#container{width:100%;margin:0 auto;margin-top:95px;}
.content{width:100%;max-width:1300px;margin:0 auto;}
/** page-title **/
.page-title{position:relative;width:100%;padding:4rem 0px 4rem 0px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.page-title-nobg{padding:.8rem 0;background-color:#eee;}
.page-title:before{position:absolute;content:'';width:100%;height:100%;background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.9),rgba(0,0,0,0.0) 80%);left:0px;top:0px;right:0px;}
.page-title-nobg::before{display:none;}
.page-title .content-box .title-box{width:100%;max-width:800px;}
.page-title .content-box .title-box h2,.page-title .content-box .title-box .etw_hometitle{position:relative;display:block;color:#fff;margin-bottom:1rem;font-size:2.5rem;line-height:1.25;}
.page-title .content-box .title-box h3.small_h2{color:#eee;position:relative;margin-top:-1rem;}
.page-title .content-box .title-box h3{}
.banner_img{position:absolute;z-index:1;bottom:-3rem;right:0;width:100%;max-width:1000px;}
#quicknav{margin:0 auto;height:auto;color:#f2f2f2;line-height:1.2rem;font-size:.8rem;overflow:hidden;position:relative;}
#quicknav a{color:#f2f2f2;}
#quicknav ul{width:100%;max-width:1300px;margin:0 auto;}
#quicknav li{display:inline-block;padding:0.2rem 0 0.2rem 0.4rem;}
#quicknav li + li::before{padding:0 5px;color:#f2f2f2;content:"/\00a0";}
#quicknav a:hover{color:#eb3d00;}
.page-title-nobg #quicknav a,.page-title-nobg #quicknav li + li::before,.page-title-nobg #quicknav{color:#333;}
/* etw_products */
.etw_products{width:100%;margin:3rem auto;}
.etw_products ul,.etw_products ul>li{width:100%;}
.etw_products ul>li>ol{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;background-color:#fff;margin-bottom:3rem;padding-bottom:2rem;position:relative;align-items:center;}
.etw_products ul>li>ol>li.product_img{width:32%;}
.etw_products ul>li>ol>li.product_img a{position:relative;display:block;}
.etw_products ul>li>ol>li.product_img a::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.35);transition:all .5s;opacity:0;}
.etw_products ul>li>ol>li.product_img a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;text-transform:uppercase;color:#fff;opacity:0;transition:all .5s;}
.etw_products ul>li>ol>li.product_img a:hover::before,.etw_products ul>li>ol>li.product_img a:hover span{opacity:1;}
.etw_products ul>li>ol>li.product_con{width:55%;}
.etw_products ul>li>ol>li.product_con p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.etw_products ul>li h3 a{color:#fe8f01;font-size:1.2rem;line-height:1.25;margin-bottom:1rem;display:block;}
.etw_products ul>li>ol:hover>li.product_con a{color:#161616;}
.big_products{width:100%;margin:3rem auto;margin-bottom:0;}
/* continuous_box */
.continuous_box{width:100%;padding:2rem;background:url(../images/continuous_box_bg.jpg) no-repeat;color:#fff;background-size:cover;background-attachment:fixed;border-radius:22px;}
.continuous_box .continuous_item{position:relative;}
.continuous_box .continuous_item a h3{color:#fff;background-color:rgba(0,0,0,0.51);padding:1rem;font-size:0.9rem;min-height:70px;display:flex;align-items:center;line-height:1.45;transition:all 0.3s ease-out 0s;width:92%;margin:0 auto;position:relative;margin-top:-2rem;box-shadow:0px 10px 60px 0px rgb(22 37 66 / 10%);}
.continuous_box .continuous_item a:hover h3{background-color:rgba(254,143,1,0.92);color:#fff;}
/* case_service */
.case_service{width:100%;margin:3rem auto;background:url(../images/service.png) no-repeat #162542;margin-top:7rem;}
.service_item{background-color:#fff;padding:2rem;position:relative;top:-3rem;height:100%;transition:all 0.3s ease-out 0s;box-shadow:0px 10px 60px 0px rgba(22,37,66,0.1);text-align:center;}
.service_item a h3{color:#161616;font-size:1.5rem;text-align:center;display:block;line-height:1.25;}
.service_item a img{margin-bottom:1rem;}
.service_item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.service_item:hover{background-color:#f5f5f5;}
/* nav-tabs-list */
.nav-tabs-list{display:flex;width:100%;border-bottom:none;}
.nav-tabs-list li{width:23.5%;margin-left:2%;margin-bottom:5px;}
.nav-tabs-list li:nth-child(4n){margin-left:0;}
.nav-tabs-list a{color:#161616;padding:0.5rem 0.5rem 0.5rem 2.5rem;width:100%;height: 100%; display:flex;align-items: center; transition:all .5s;overflow: hidden; font-size:1rem;font-weight: bold; position:relative;background-color:#eee;border-radius:5px;}
.nav-tabs-list a i{ font-size: 2.2rem; position: absolute; z-index: 1; left: 6px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.nav-tabs-list a span{position:relative;z-index:1;}
.nav-tabs-list a::after{position:absolute;content:"";width:0;height:100%;background-color:#fe8f01;top:0;left:0;z-index:0;transition:all .5s;border-radius:5px;}
.nav-tabs-list a:hover::after,.nav-tabs-list a.active::after{width:100%;}
.nav-tabs-list a.active,.nav-tabs-list a:hover,.nav-tabs-list a:hover i,.nav-tabs-list a.active i{color:#fff;}
/* video_item */
.videoinner_item{width:100%;height:100%;padding:1rem;background-color:#f2f2f2;}
.video_text a{display:block;padding:.5rem 0;color:#999;padding-left:1.5rem;font-size:.9rem;position:relative;text-align:left;line-height:1.35;}
.video_text a::before{position:absolute;content:"\f0a9";left:0;top:.65rem;font-family:fontawesome;transition:all .5s;}
.videoinner_item:hover a{color:#fe8f01;}
.videoinner_item:hover a::before{left:.5rem;}
/* .inquiry_bg */
.inquiry_bg{background:#fe8f01;background:-webkit-linear-gradient(legacy-direction(to bottom),#ef9848 0,#fbdbb2 100%);background:-webkit-gradient(linear,bottom top,bottom top,from(#ef9848),to(#fbdbb2));background:-webkit-linear-gradient(bottom,#ef9848 0,#fbdbb2 100%);background:-o-linear-gradient(bottom,#ef9848 0,#fbdbb2 100%);background:linear-gradient(to bottom,#ef9848 0,#fbdbb2 100%);padding:1rem 3rem;color:#161616;font-size:1.4rem;border-radius:22px;position:relative;margin-bottom:3rem;}
.inquiry_bg::before{position:absolute;content:"";width:200px;height:150px;background:url(../images/app_01.png) no-repeat top center;left:-4rem;top:-2rem;}
.inquiry_txt{display:flex;justify-content:space-around;align-items:center;}
.inquiry_bg text{width:100%;max-width:570px;display:block; margin-left: 1rem;}
.inquiry_txt a{background-color:#fff;border-radius:5px;padding:.5rem 1rem;height:100%;display:block;transition:all .5s;}
.inquiry_txt a:hover{background-color:#fe8f01;color:#fff;}
/* btn-inquiry */
.btn-inquiry{padding:.5rem 1rem;background-color:#fe8f01;color:#fff;transition:all .5s;border-radius:5px;}
.btn-inquiry:hover{background-color:#161616;color:#fff;}
/* btn-inquiry */
.btn-inquiry,.sendinquiry a {
    padding: .5rem 1rem;
    background-color: #fe8f01;
    color: #fff;
    transition: all .5s;
    border-radius: 5px;
}

.btn-inquiry:hover,.sendinquiry a:hover {
    background-color: #161616;
    color: #fff;
}

/* details_img */
.details_img ul{width:100%;display:flex;justify-content:space-between;}
.details_img ul li{width:30%;margin-right:2%;border-radius:10px;margin-bottom:1rem;background-color:#eee;}
.details_img ul li img{border-radius:10px;mix-blend-mode:multiply;width: 100%;display: block;}
.details_img2 ul li{width:48%;}
/* options_list */
.options_list{width:100%;display:flex;flex-wrap:wrap;}
.options_list li{width:auto;border:1px solid #eee;padding:.2rem 1rem;margin-left:5px;margin-bottom:1rem;}
/* features */
.features{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;}
.features dl{width:48.5%;margin-left:2%;box-shadow:1px 2px 6px 1px rgba(53,54,102,0.08);padding:2rem;margin-bottom:1.5rem;}
.features dl:nth-of-type(2n){margin-left:0;}
.features dl dt{font-weight:normal;font-size:1.2rem;line-height:1.35;margin-bottom:.5rem;position:relative;color:#fe8f01;border-bottom:1px solid #eee;padding-bottom:.5rem;}
/* cer_list */
.cer_list{width:100%;display:flex;flex-wrap:wrap;}
.cer_list ol{width:32.5%;margin-left:1%;display:flex;align-items:center;background-color:#fff;padding:1rem;margin-bottom:1rem;box-shadow:0 10px 30px -5px rgb(0 0 0 / 10%);justify-content:space-between;font-size:.9rem;}
.cer_list ol:nth-child(3n){margin-left:0}
.cer_list ol li{width:65%;}
.cer_list ol li.cer_img{width:30%;margin-left:2%;}
.cer_list ol li{margin-left:2%;}
.cer_list ol li h3{font-size:1.1rem;}
/* inquiry_box */
.inquiry_box{padding:3rem;width:100%;background:#ef9848;background:-webkit-linear-gradient(legacy-direction(to bottom),#ef9848 0,#fbdbb2 100%);background:-webkit-gradient(linear,bottom top,bottom top,from(#ef9848),to(#fbdbb2));background:-webkit-linear-gradient(bottom,#ef9848 0,#fbdbb2 100%);background:-o-linear-gradient(bottom,#ef9848 0,#fbdbb2 100%);background:linear-gradient(to bottom,#ef9848 0,#fbdbb2 100%);border-radius:22px;margin:2rem auto;margin-top:5rem;}
.etw_set_feedback_form{background-color:#fff;padding:2rem;border-radius:22px;position:relative;margin-top:-6rem;box-shadow:1px 2px 6px 1px rgba(53,54,102,0.08);}
.form_contact_title{font-size:2rem;color:#000;border-bottom:1px solid #666;padding-bottom:1rem;margin-bottom:1rem;}
/* related_pro */
.related_pro{width:100%;margin:0 auto;}
.related_title{color:#000;font-size:1.8rem;margin-bottom:1rem;}
.related_pro a{margin-bottom:1rem;transition:all .5s;background-color:#eee;padding:.5rem;padding-bottom:1rem;display:block;transition:all .5s;direction: rtl;}
.related_pro div a span{display:block;padding-top:.5rem;height:60px;color:#161616;transition:all .5s;}
.related_pro a:hover,.related_pro a.dq{background-color:#fe8f01;color:#fff;}
.related_pro a:hover span,.related_pro a.dq span{color:#fff;}
/* .bg-white */
.bg-white{margin-top:3rem;border-top:1px solid #eee;padding:2rem 0;overflow:hidden;}
.etw_otherpro{width:100%;margin:0 auto;}
.etw_otherpro ul{width:100%;display:flex;flex-wrap:wrap;}
.etw_otherpro ul>li{width:49%;margin-right:2%;margin-bottom:2rem;border:1px solid #f2f2f2;}
.etw_otherpro ul>li:nth-child(2n){margin-right:0;}
.etw_otherpro ul>li>ol{width:100%;display:flex;justify-content:space-around;padding:1rem;}
.etw_otherpro ul>li>ol>li{width:48%;}
.etw_otherpro ul>li>ol>li img{border:1px solid #f2f2f2;}
.etw_otherpro ul>li>ol>li.product_img{margin-right:2%;}
.etw_otherpro ul>li>ol>li.product_img a{position:relative;display:block;}
.etw_otherpro ul>li>ol>li.product_img a::before{position:absolute;content:"";width:100%;height:10%;background-color:rgba(0,0,0,0.25);top:0;left:0;transition:all .5s;opacity:0;}
.etw_otherpro ul>li h3 a{display:block;position:relative;background-color:#f2f2f2;padding:1rem;padding-left:2.5rem;margin-bottom:0;color:#333;font-size:1rem;transition:all .5s;height:60px;display:flex;align-items:center;}
.etw_otherpro ul>li h3 a::before{position:absolute;content:"\f18e";font-family:fontawesome;left:1rem;top:1.3rem;}
.etw_otherpro ul>li h3{margin-bottom:0;}
.etw_otherpro ul>li:hover h3 a{color:#fe8f01;}
.etw_otherpro ul>li>ol>li.product_img a:hover::before{opacity:1;height:100%;}
/* etw_sidebar */
#etw_sidebar{width:90%;margin:0 auto;border:1px solid #fe8f01;background-color:#f3f3f3;padding:2rem 1rem;border-radius:0 0 80px 80px;box-shadow:0 12px 32px 0 rgb(0 35 70 / 12%);}
.etw_productlist{color:#504a4a;padding-bottom:1rem;margin-bottom:1rem;}
.etw_productlist:last-child{border:none;}
.etw_productlist .title{font-size:1.2rem;color:#fff;margin-bottom:.5rem;background-color:#fe8f01;padding:.2rem 1rem;border-radius:0 22px 0 22px;}
.etw_productlist ul{width:85%;margin:0 auto;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li{padding-bottom:0.3rem;margin-bottom:0.3rem;position:relative;}
.etw_productlist ul>li:last-child{border-bottom:none;}
.etw_productlist ul>li>a{font-size:1rem;color:#161616;line-height:1.35;font-size:.9rem;padding-right:.8rem;position:relative;}
.etw_productlist ul>li>a::before{position:absolute;content:"\f0d9";font-family:fontawesome;right:0;top:0rem;color:#161616;font-size:.9rem;}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{color:#fe8f01;text-decoration:none;}
.etw_productlist ul>li>a.add_child{padding-left: 15px;position: relative;}
.etw_productlist ul>li>a.add_child::after{ content:"\f104"; font-family:fontawesome; width: 15px; height: 15px; border-radius: 50%; text-align: center; line-height: 15px; color: #fff; font-size:.9rem; background-color:#fe8f01; position: absolute; left:0; top:0rem; transition:0.5s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.etw_productlist ul>li>a.add_child:hover::after{ transform:translateX(10px) ; -webkit-transform:translateX(10px) ; -moz-transform:translateX(10px) ; -ms-transform:translateX(10px) ; -o-transform:translateX(10px) ; }
.etw_productlist ul>li>ol{padding:0px;padding-top:.5rem;clear:both;float:none}
.etw_productlist ul>li>ol>li{position:relative;margin-bottom:.2rem;}
.etw_productlist ul>li>ol>li a{display:block;color:#8f99a5;padding:0.3rem 1rem 0.2rem 1rem;font-size:0.8rem;font-weight:400;line-height:1.35;position:relative;}
.etw_productlist ul>li>ol>li a:before{position:absolute;content:"";width:4px;height:4px;background-color:#ddd;left:.2rem;top:.6rem;border-radius:50%;}
.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#fe8f01;text-decoration:none;}
.etw_productlist ul li ol.show{display:block;}
.etw_productlist ul li .more{position:absolute;right:0;top:5px;width:20px;height:20px;line-height:20px;color:#999;cursor:pointer;text-align:center;}
.etw_productlist ul li .more:before{content:"\f106";right:-1px;top:.15rem;position:absolute;transition:all 0.2s;font-family:fontawesome;font-size:1rem;color:#999;}
.etw_productlist ul li .more.on:before{transform:rotate(180deg);}
.etw_productlist ul li .more:hover{opacity:0.8;}
/* service_box */
.service_box{width:100%;margin:3rem auto;}
.service_box ul{display:flex;align-items:center;margin-bottom:3rem;}
.service_box .service_img{display:inline-block;vertical-align:middle;width:50%;position:relative;}
.service_box .service_des{width:60%;background-color:#efefef;margin-left:-5%;padding-left:5%;display:inline-block;vertical-align:middle;}
.service_box .service_des text{padding:3rem;display:block;}
.service_box .service_des h3{color:#fe8f01;font-size:1.2rem;}
/* customer_box */
.customer_box{width:100%;padding:3rem 0;background-color:#eee;margin:2rem auto;}
.service_title{font-size:1.6rem;color:#fe8f01;padding-bottom:1rem;text-align:center;text-transform:uppercase;}
.train_des{background-color:#fff;box-shadow:0 10px 30px -5px rgb(0 0 0 / 10%);padding:2rem;height:100%;font-size:.9rem;line-height:1.55;}
/* contact_content */
.c_name{color:#000;}
.contact_content p{line-height:1.35;}
.contact_content strong{padding-top:0;margin-bottom:0;padding-bottom:0;}
.contact_content a{color:#777;}
.indent_left{padding-left:3.6rem;}
.contact_content a:hover{color:#fe8f01;}
/* ul.item */
ul.item{margin-bottom:5px;width:100%;float:none;}
ul.item li{position:relative;text-align:right;padding-right:1.2rem;margin-bottom:0.5rem;}
ul.item li::before{position:absolute;content:"";width:6px;height:6px;background-color:#999;top:.6rem;right:.5rem;border-radius:50%;}
.pro_txt{border-radius:0px 19px 19px 0;background:#f8f8f8;padding:0.2rem;margin-bottom:1rem;margin-top:2rem;}
.pro_txt strong{margin-top:0;padding:0;font-size:1.2rem;padding-right:1.5rem;text-transform:uppercase;color:#333;position:relative;}
.pro_txt strong::after{position:absolute;content:"";width:8px;height:8px;background-color:#fe8f01;right:.5rem;top:.6rem;border-radius:50%;border:1px solid #ea3e00;}
/* .left_pics */
.left_pro_img,.pro_img{position:relative;}
.left_pro_img a{position:relative;display:block;}
.left_pics{width:98%;height:auto;margin:0 auto;text-align:center;position:relative;}
.sample_img{position:absolute;right:.5rem;bottom:1rem;z-index:1;}
.left_pics img{text-align:center;}
.left_pics a{display:block;overflow:relate_pro;}
.related_pic{width:100%;display:flex;flex-flow:wrap;justify-content:center;}
.related_pic a{width:18%;margin-right:2%;}
.related_pic a:nth-child(5n){margin-right:0;}
.related_pic a:nth-child(5n + 1){clear:both;}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin:10px 0 10px 0;}
.related_pic img:hover,.related_pic a.imgdq img{border:1px #0051b0 solid;}
.related_pic span{font-size:0.75rem;line-height:0.9rem;display:block;text-align:center;}

/* case_info */
.case_info{overflow: hidden;}
.case_info .left_pro_img{overflow: hidden;} 
.case_info .left_pro_img img{ width: 100%; display: block; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.case_info .left_pro_img:hover img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.case_info .left_pics{width: 100%;}
.case_info .left_pics a{width: 100%;position: relative;}
.case_info .left_pics a::after{ content: ""; position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; opacity: 1; background-color: rgba(0,0,0,0.21); transition:0.5s; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.case_info .case_des a{ color:#fe8f01; font-size:1.4rem;  line-height:1.25; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.case_info .case_des a:hover{color: #161616;}
.case_info .left_pics a:hover::after{opacity: 0;}





/* footer */
#footer{width:100%;background-color:#515151;text-align:center;margin:0 auto;overflow:hidden;padding-top:2rem;color:rgba(255,255,255,0.85);}
.etw_bottom{max-width:1300px;padding:1rem 0;width:100%;margin:0 auto;position:relative;text-align:left;color:000;}
.home_link{width:100%;overflow:hidden;background:#fe8f01;margin:0 auto;padding:.5rem 0;}
#footer a{color:#fff;text-align: right;}
#footer a:hover{color:#eb3d00;}
#footer .left_share a i{color:#fff !important;font-size:1rem;padding:0 0.5rem;}
.etw_bottom .etw_foot_title{border:none;color:#fff;position:relative;}
.etw_bottom .etw_foot_title a,.etw_bottom .etw_foot_title{color:#fff !important;font-size:1.5rem;line-height:1.35;position:relative;border-radius:5px;text-transform:uppercase;margin-bottom:.8rem;text-align: right;}
.etw_bottom .etw_foot_title{position:relative;}
.etw_bottom .etw_foot_title a:hover{color:#eb3d00!important;text-decoration:none;}
.pblist{overflow:hidden;margin:0.5rem auto;}
.pblist_box{width:100%;}
.etw_bottom a{color:#fe8f01;}
.etw_bottom a:hover{color:#fe8f01;}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li{width:100%;float:right;position:relative;text-align: right;}
.etw_bottom ul > li > a{display:block;line-height:1.25rem;color:#fff;font-weight:400;position:relative;padding:.3rem 0;padding-right:1rem;position:relative;text-align: right;}
.etw_bottom ul > li > a::before{position:absolute;content:"\f100";right:0;top:.5rem;font-family:fontawesome;font-size:.8rem;}


.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{position:relative;padding-right:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem;text-align: right;}
.cot_add:before{content:"\f041";position:absolute;right:0px;top:4px;color:rgba(255,255,255,0.85);font-family:fontawesome;font-size:20px;}
.cot_tel:before{content:"\f095";position:absolute;right:0px;top:5px;color:rgba(255,255,255,0.85);font-family:fontawesome;font-size:18px;}
.cot_email:before{content:"\f0e0";position:absolute;right:0px;top:4px;color:rgba(255,255,255,0.85);font-family:fontawesome;font-size:16px;}
.cot_people:before{content:"\f2be";position:absolute;right:0px;top:2px;color:rgba(255,255,255,0.85);font-family:fontawesome;font-size:16px;}
.cot_mobile:before{content:"\f10b";position:absolute;right:4px;top:0px;color:rgba(255,255,255,0.85);font-family:fontawesome;font-size:22px;}
.cot_fax:before{content:"\f1ac";position:absolute;right:0px;top:0px;color:rgba(255,255,255,0.85);font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before{content:"\f232";position:absolute;right:0px;top:0px;color:rgba(255,255,255,0.85);font-family:fontawesome;font-size:18px;}
#etw_coper{margin-top:2px;width:100%;line-height:22px;}
#etw_coper a{display:block;color:#fff;font-size:12px;}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem;}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;font-size:12px;}
#otherlink a span{opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover{color:#b00811;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
/* tags_box */
.tags_box{width:100%;max-width:1300px;margin:1rem auto;margin-top:0;color:#fff;}
.tags_box ul{display:flex;flex-wrap:wrap;justify-content:center;}
.tags_box ul li{padding:0.5rem 0.5rem;font-size:12px;}
.tags_title{padding:0.1rem 0.5rem;}
/*sitemap*/
#sitemap{width:100%;margin:20px auto;font-size:13px;}
#sitemap .name{width:100%;font-size:15px;margin:10px 0;clear:both;}
#sitemap a{color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;}
#sitemap a.sname{margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline !important;background:0 0;font-size:14px;}
#sitemap a:hover{text-decoration:underline !important;}
#sitemap a.sname:hover{color:#0f599b;text-decoration:none !important;}
#sitemap p{margin:0 0 10px;line-height:22px;}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden;}
#sitemap .list_m a{width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-left:3%;background:0;font-weight:400;margin-bottom:10px;}
#sitemap .list_m a:nth-child(2n + 1){clear:both;}
#sitemap .list_m a:hover{color:#0f599b;}






@media (max-width:1550.98px){}
@media (max-width:1300.98px){#etw_content,.header_in,.etw_bottom,.content,.ban_txt{padding-left:15px;padding-right:15px;}
}
@media (max-width:1299.98px){.navbar-expand-lg .navbar-nav .nav-link{padding:0.5rem .8rem;font-size:.92rem;}
.dropdown-item{white-space:normal;}
.top-nav{padding-right:0;}
.top-nav .navbar-nav .row{margin-left:-250px !important;}
.comapny_box{width:100%;padding-bottom:3rem;}
}
@media (max-width:1199.98px){}
@media (max-width:991.98px){#header{position:inherit;min-height:inherit;display:block;padding-bottom:0;border-bottom:1px solid #f5f5f5;}
#container,#etw_content,.home_box{margin:0 auto;}
.float-left{margin-top: 0.4rem;}
#header::before{height:2px;}
#etw_logo{margin-top:.5rem;padding-bottom:0;}
#quicknav,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev{display:none;}
#etw_sidebar{border:none;}
.top-nav .navbar{float:left;width:100%;}
.nav-item span.pro_icon{display:block;}
.navbar-light .navbar-toggler{color:#fe8f01;font-size:2.5rem;border:none !important;padding:0.5rem 0.75rem;position:relative;z-index:1;}
.top-nav{width:100%;padding-right:0;margin-top:1rem;background-color:#fe8f01;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.6rem 0.5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#fff;text-transform:none;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before{display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{font-size:1rem;}
.navbar{padding:0;}
.dropdown-item{white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after{display:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link{border-radius:0;color:#fff;background-color:#ea3e00;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{border-radius:0;color:#fff;background-color:#252525;}
.top-nav .navbar-nav .row{position:relative;width:100% !important;top:0 !important;left:0 !important;margin-left:0px !important;}
.top-nav .navbar-nav .navright,.inquiry_bg::before{display:none;}
.navleft li a{background-color:#fff;color:#333;position:relative;display:block;transition:all 0.5s;padding:0.6rem 1.5rem;border-bottom:1px solid #eee;}
.navleft,.navproinfo{width:100% !important;}
.navleft li a:hover{color:#c40000;}
.etw_language{background:none;width:auto;padding-top:.8rem;}
.etw_language{display:block;float:left;height:auto;}
.etw_language > ul{position:relative;z-index:9;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li > a{display:block;color:#000;padding:0rem 1rem;}
.etw_language ul ul{display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;}
.etw_language ul ul a{display:block;text-align:right;float:right;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item{color:#333;padding:0.2rem 1.5rem 0 0;}
#etw_language .dropdown-item:hover{color:#8f99a5;}
.etw_language ul li:hover > ul{display:block;}
.etw_language .dropdown-item{min-width:100px;}
.etw_language #etw_language{float:none;margin-top:0;height:auto;}
.etw_language #etw_language a{line-height:1.5rem;}
#etw_language .dropdown-item img{display:none;}
#floatchatiframe2011{width:100%;}
#menu-items{border-radius:0 !important;}
.block-slider .bx-prev,.block-slider .bx-next{display:none !important;}
.main_pro::before{transform:skew(0);width:44%;}
.main_pro::after{display:none;}
.comapny_box{margin-top:3rem;}
.company_des .webtitle{margin-top:1rem;}
.ban_txt{padding:1rem;font-size:1rem;}
.home_products .content{padding:1rem;}
.mainpro_item h3,.mainpro_item span{font-size:1.1rem;line-height:1.35;}
.mainpro_item .cover{font-size:.9rem;padding:.5rem;width:90%;height:85%;margin:1rem auto;}
.continuous_box .continuous_item a h3{width:100%;font-size:1rem;padding:.5rem;position:relative;margin-top:0;}

.continuous_box .continuous_item{text-align: center;background-color: #fff;}
.page-title{padding:1rem 0;}
.nav-tabs-list li{width:32%;margin-left:2%;margin-bottom:5px;}
.nav-tabs-list li:nth-child(4n){margin-left:2%;}
.nav-tabs-list li:nth-child(3n){margin-left:0;}
.big_products2 .item{width: 25%;}
.case_box{padding: 2rem 0;}
.inquiry_bg{padding: 1rem;}
.inquiry_txt a{font-size: 1rem;}
}
@media (max-width:768.98px){.etw_set_feedback_form{width:100%;}
.webtitle,.about_des h1{font-size:1.6rem;}
.workshops_box ul li.workshops_des{width:100%;}
.service_box ul{flex-wrap:wrap;}
.service_box .service_img{text-align:center;}
.service_box .service_img,.service_box .service_des{width:100%;margin-left:0;padding-left:0;}
.mainpro_item h3,.mainpro_item span{font-size:1.3rem;}
.mainpro_item .cover{font-size:1rem;padding:2rem;width:80%;height:80%;margin:2rem auto;}
.case_item a span{font-size:1rem;min-height: 70px;height: auto;}
.cer_list ol{width: 49.5%;}
.cer_list ol:nth-of-type(3n){margin-left: 1%;}
.cer_list ol:nth-of-type(2n){margin-left: 0%;}
.case_info .left_pro_img{margin-bottom: 20px;}
.big_products2 .item{width: 50%;}
.mainpro_item p{display: none;}
.inquiry_bg text{max-width: 380px;}

}
@media (max-width:650.98px){html{font-size:14px;}
.page-title .content-box .title-box h2,.page-title .content-box .title-box .etw_hometitle{font-size:1.8rem;}
.ban_txt{left:5%;}
.features dl{width:100%;margin-left:0;}
.ce_box{padding:1rem 0;}
}
@media (max-width:575.98px){h2,.etw_hometitle{font-size:1.3rem;}
.inquiry_box{padding:1rem;}
.main_pro::before{width:100%;height:5%;}
.company_des{padding-right:1rem;}
.ban_txt{padding:.5rem;font-size:1.2rem;max-width:none;left:0;}
.ban_txt p{margin-bottom:0;}
.nav-tabs-list li{width:49%;}
.nav-tabs-list li:nth-child(3n){margin-left:2%;}
.nav-tabs-list li:nth-child(2n){margin-left:0;}
.ce_box ul{flex-wrap:wrap;}
.pro_item{ border: 1px solid #ccc; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; }
.form_contact_title,.related_title{font-size: 1.4rem;}
.inquiry_txt{flex-wrap: wrap;}
.inquiry_bg text{width: 100%; max-width: inherit;}
.continuous_box .continuous_item a h3{min-height: auto;}
.pro_title h3{padding-left: 0.5rem;padding-top: 1.5rem;}
}
@media (max-width:480.98px){.details_img ul,.etw_otherpro ul>li>ol{flex-wrap:wrap;}
.related_pro ul li,.details_img ul li{width:49%;}
.related_pro ul li:nth-child(3n){margin-right:1%;}
.related_pro ul li:nth-child(2n),.details_img ul li:nth-child(2n){margin-right:0;}
.etw_otherpro ul>li>ol>li{width:100%;margin-bottom:1rem;}
.inquiry_txt,.f_brief a{flex-wrap:wrap;}
.cer_list ol{width: 100%;margin-left: 0%;}
.cer_list ol:nth-of-type(3n){margin-left: 0%;}
.big_products2 .item{width: 100%;}
.pro_title h3{font-size: 2rem; padding-top: 1rem;}
.main_pro::before{height:4%;}
.pro_title span{padding-top: 0;}
}
@media (max-width:380.98px){#etw_logo img{width:120px;padding-top:.5rem;}
.nav-tabs-list li,.nav-tabs-list li:nth-child(3n){width:100%;margin-left:0;}
.etw_products ul > li > ol{flex-wrap: wrap;}
.etw_products ul > li > ol > li.product_img,.etw_products ul > li > ol > li.product_con{width: 100%; margin-right: 0; margin-bottom: 1rem;}
}
@media (max-width:320.98px){.navbar-light .navbar-toggler,.iconfont{font-size:1.55rem;}
.etw_language{padding-top:0;}

}
#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:left;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:13px;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:left;}
.etw_page li{float:right}
.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;margin-bottom: 30px;}
.new_prev{float:right}
.new_next{float:left}
.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; right: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; right: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_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 0 .5rem 2%;position:relative;}
.etw_gallery ul li img{mix-blend-mode:multiply;transition:all .5s;transform:scale(1);border:1px solid #eee;}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:49%;}
.etw_gallery3 ul li{width:32%;}
.etw_gallery4 ul li{width:23.5%;}
.etw_gallery5 ul li{width:18%;}
.etw_gallery6 ul li{width:14.66%;}
.etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-left:0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative;margin-bottom:0;}
.etw_gallery ul li a .inquiry{display:block;color:#0a284c;position:relative;font-size:.9rem;line-height:1.35;display:block;padding-top:.5rem;text-align:center;}
.etw_gallery ul li a .inquiry:hover{text-decoration:none;color:#004680;}
.etw_gallery ul li p{margin-top:.5rem;font-size:1rem;color:#333;margin-bottom:0;text-align:center;line-height:1.35;}
.etw_gallery ul li span{padding:.5rem 1rem;line-height:1.25;color:#666;display:block;width:100%;font-size:.9rem;font-weight:bold;text-align:center;}
.etw_gallery ul li span strong{display:block;}
.etw_gallery ul li h5{font-size:1rem;color:#333;margin-top:1rem;margin-bottom:0;}
.etw_gallery ul li p{font-size:.9rem;text-align:left;color:#666;margin-top:0rem;}
.gallery_video_img{position:relative;}

/* video_box */
.video_title{display:block;font-size:1.2rem;padding:.5rem 0;text-align:center}
.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_show a::after{display:none;}
.video_btn{display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;margin:0 0.2rem;}
.video_btn span{color:#fff;padding:0.6rem 2rem;font-size:0.8rem;line-height:0.8rem;text-align:center;display:inline-block;margin:1rem 0;min-width:100px;position:relative;overflow:hidden;background:#fe8f01;font-weight:200;z-index:1;transition:.5s all ease-in-out;text-transform:uppercase;border-bottom:2px solid #fff;box-shadow:0 2px 0 rgb(0 0 0 / 20%);border-radius:3px;}
.video_btn span:hover{background:#111;border-bottom:2px solid #111;}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:.4}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}
.video_btn1{display:flex;flex-wrap:wrap;position:absolute;width:100px;height:100px;cursor:pointer;background:url(../images/video_btn.png) no-repeat;background-size:cover;z-index:100;transition:.3s all ease-in-out;animation:scalein 5s ease-out infinite;-webkit-animation:scalein 5s ease-out infinite;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;}
@-webkit-keyframes scalein{50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
}
@keyframes scalein{50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
}
.video_btn2{display:flex;flex-wrap:wrap;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width:60px;height:60px;opacity:1;cursor:pointer;z-index:10;background:url(../images/video_btn.png) no-repeat;background-size:auto;background-size:cover;transition: 0.5s;}
.video_btn2s{width:80px;height:80px;opacity:.9;}
.video_btn2:hover{opacity: 0.8;}
.video_btn3{display:block;position:relative;float:left;font-size:1rem;line-height:1rem;background:#111;color:#fff;padding:0.6rem 1.5rem 0.6rem 3rem;border-radius:2rem;font-weight:200;margin:1rem 0;cursor:pointer;transition:.3s all ease-in-out;}
.video_btn3:before{position:absolute;content:'';background:url(../images/video_btn.png) no-repeat;background-size:cover;width:20px;height:20px;left:20px;top:7px;}
.video_btn3:hover{box-shadow:1px 3px 6px #ccc;transform:translateY(-0.3rem);-webkit-transform:translateY(-0.3rem);-moz-transform:translateY(-0.3rem);-ms-transform:translateY(-0.3rem);-o-transform:translateY(-0.3rem);}
.video_btn4{display:flex;flex-wrap:wrap;position:absolute;margin:0 auto;width:80px;height:80px;cursor:pointer;z-index:100;background:url(../images/video_btn2.png) no-repeat;background-size:cover;}
.video_btn4{-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
@-webkit-keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
.video_btn5{width:100px;height:100px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(17 166 163 / 50%);border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-size:5rem;padding-left:0.8rem;cursor:pointer;transition:all .5s;z-index:3;}
.video_home .video_btn5{-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
.video_btn5:hover{background:rgba(17 166 163 / 90%);color:#fff;box-shadow:0 0 15px rgba(0 0 0 / 25%);}
.home_video{width:76px;height:76px;position:absolute;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background:url(../images/video.png);opacity:.7;transition:.3s all ease-in-out}
.home_video a{background:#fe8f01;color:#fff;padding:.5rem 1.5rem;display:block;border-radius:4px}
.home_video i{padding-left:.3rem;color:#0b3b6f;font-size:1.2rem}
.home_video:hover{opacity:1}
.etw_videoshow{display:none;width:100%;margin-bottom:20px}
.videoflow{overflow:hidden;max-height:200px;position:relative;cursor:pointer;margin-bottom:15px}
.videoflow:before{position:absolute;top:50%;left:50%;right:0;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:64px;height:64px;color:#fe8f01;background:#fff;font-size:2.4rem;padding:1.2rem 0 0 1.4rem;line-height:24px}
.videoflow:hover:before{background:#fe8f01;color:#fff}
.videoflow img{width:100%}
.video_bg{position:relative;overflow:hidden;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;}
.video_bg:before{position:absolute;content:'';background:#333;width:100%;height:15%;top:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none;}
.video_bg:after{position:absolute;content:'';background:#333;width:100%;height:15%;bottom:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none;}
.video_bg:hover:before{top:-15%;}
.video_bg:hover:after{bottom:-15%;}
.video_text{text-align:center;width:100%;padding:0.8rem 0;}
.video_text a{font-size:1.05rem;color:#fff;line-height:1.2rem;font-weight:300;position:relative;padding:0 1.5rem;display:block;}
.video_text a:before{content:"\f0a9";font-family:FontAwesome;margin:2px 8px 0 0;transition:.3s all ease-in-out;}
.video_text a:hover{color:#fe8f01}
.video_text a:hover:after{color:#fe8f01;margin-left:12px;}
.plyr--video,.plyr__poster,.plyr__video-wrapper{background-color:#fff!important}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:0!important}
.plyr__video-wrapper{background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff))}
.video_h2{font-size:2rem;line-height:2.2rem;padding:0 0 1rem 0;}
.video_details a{color:#253041;padding:0.6rem 1.5rem;font-size:0.95rem;line-height:0.95rem;font-weight:500;text-align:center;display:inline-block;margin:1rem 0;min-width:120px;position:relative;overflow:hidden;border-bottom:4px solid #ed9300;border-radius:2rem;background:#fe8f01;z-index:1;transition:.5s all ease-in-out;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;}
.video_details a:hover{background:#555;color:#fff;border-bottom:4px solid #212121;}
/*video_hub*/
.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub ul>li{width:32%;margin:0 0 1.5rem 2%;position:relative;background-color: #fe8f01;transition:.3s all ease-in-out;overflow:hidden;}
.etwvideo_hub ul>li:nth-child(3n){margin-left:0;}
.etwvideo_hub ul>li:nth-child(3n+1){clear:both;}
.etwvideo_hub ul>li:hover{filter:drop-shadow(0 0 12px rgba(0 0 0 / 35%));-webkit-filter:drop-shadow(0 0 12px rgba(0 0 0 / 35%));}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center; }
.etwvideo_hub ul li ol li.product_img{width:100%;position:relative;}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub ul li ol li.product_con{width:100%;position:relative;padding:0 1rem 0 1.5rem;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:1rem;text-align: center; line-height:1.3;color:#fff;padding:1rem 0;font-weight:600;transition: 0.5s;}
.etwvideo_hub ul li ol li.product_con a:hover{opacity: 0.8;}
.etwvideo_hub1 ul>li{width:48%;margin:0 0 1rem; margin-left:1rem;}
.etwvideo_hub1 ul>li:nth-child(2n){margin-left:2%;}
.etwvideo_hub1 ul>li:nth-child(2n+1){clear:none;}
.etwvideo_hub1 ul li ol{clip-path:none;background:#f0f0f0;}
.etwvideo_hub1 ul li ol li.product_img{width:40%;}
.etwvideo_hub1 ul li ol li.product_con{width:60%;padding:0 2rem;}
.etwvideo_hub1 ul li ol li.product_con a{font-size:1rem;text-align: right; font-weight: 700;color: #1f1f1f; line-height:1.6rem;transition: 0.5s;}
.etwvideo_hub1 ul li ol li.product_con span{display:block;font-size:1rem;line-height:1.5rem;color:#1f1f1f;font-weight:200;}
.etwvideo_hub3 ul>li{width:49%;}
.etwvideo_hub3 ul>li:nth-child(3n){margin-left:2%;}
.etwvideo_hub3 ul>li:nth-child(3n+1){clear:none;}
.etwvideo_hub3 ul>li:nth-child(2n){margin-left:0;}
.etwvideo_hub3 ul>li:nth-child(2n+1){clear:both;}
.other_video ul>li{border-radius:1rem;width:16%;}
.other_video ul li ol li.product_img:before{position:absolute;content:'';width:100%;height:100%;background:url(../images/linen_dark_alpha.png) no-repeat;left:0;top:0;z-index:1;}
.other_video ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.other_video ul li ol li.product_img .video_btn2{width:60px;height:60px;}
#video_right{width:74%;float:right;position:relative;padding-top: 2rem; }
#video_sidebar{width:23%;float:left;position:relative;padding: 15px; border: 1px solid #eee;border-top: 0; box-shadow: 0 12px 32px 0 rgb(0 35 70 / 12%);}
#etw_videolist{position:relative;margin:0 auto;}
#etw_videolist .webtitle{font-size:1.5rem;line-height:1.5rem;text-align:left;margin-bottom: 0; padding:1rem 0;font-weight:600;color:#111;}
#etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li{width:100%;position:relative;display:block;}
#etw_videolist>ul>li>a{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.3rem 0;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;}
#etw_videolist>ul>li a:hover,#etw_videolist>ul>li>a.dq{box-shadow:1px 3px 6px rgba(0 0 0 / 30%);}
#etw_videolist>ul>li img{width:35%;float:left;overflow:hidden;border-radius:5px;}
#etw_videolist>ul>li span{width:65%;float:right;padding:0.3rem 0.8rem;color:#333;font-size:0.95rem;line-height:1rem;font-weight:300;position:relative;display:block;transition:.3s all ease-in-out;}
#etw_videolist>ul>li>a.dq span,#etw_videolist>ul>li>a:hover span{color:#fe8f01;}
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:#fe8f01;}
#video_right video{width:100% !important;}
@media (max-width:991.98px){.etwvideo_hub ul > li{width:100%;margin:0 0 1rem 0;}
#video_right{width:100%;float:none;}
#video_sidebar{width:100%;float:none;}
#etw_videolist > ul > li{width:49%;margin:0 0 1rem 2%;}
#etw_videolist > ul > li:nth-child(2n){margin-left:0;}
#etw_videolist > ul > li:nth-child(2n+1){clear:both;}
.etwvideo_hub ul li ol li.product_img{width:40%;}
.etwvideo_hub ul li ol li.product_con{width:60%;padding:0 1rem;}
.etwvideo_hub ul li ol li.product_con a{font-size:0.8rem;line-height:1rem;}
.etwvideo_hub1 ul li ol li.product_img{width:100%;}
.etwvideo_hub1 ul li ol li.product_con{width:100%;padding:1rem;}
.etwvideo_hub1 ul li ol li.product_con a{font-size:1.4rem;line-height:1.6rem;}
}
@media (max-width:575.98px){.videoall ul li{width:100%;margin-right:0}
#etw_videolist > ul > li > a{border-radius:0;}
#etw_videolist > ul > li img{width:100%;float:none;}
#etw_videolist > ul > li span{width:100%;float:none;text-align:center;padding:0.5rem 0;}
.etwvideo_hub ul li ol li.product_img a .video_btn2,.etwvideo_hub ul li ol li.product_img .video_btn2{width: 40px;height: 40px;}
.etw_set_feedback_form{margin-top: -3rem;}
.etwvideo_hub ul li ol li.product_con a{text-align: right;}
}