@charset "utf-8";
@font-face{font-family:NEWBASKB;src:url(//:) format("no404"),url(/public/tpl/blade_yyd_3539/font/NEWBASKB.woff) format("woff"),url(/public/tpl/blade_yyd_3539/font/NEWBASKB.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:NEWBASKN;src:url(//:) format("no404"),url(/public/tpl/blade_yyd_3539/font/NEWBASKN.woff) format("woff"),url(/public/tpl/blade_yyd_3539/font/NEWBASKN.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: fontawesome;
  src: url(//:) format("no404"),
    url(/public/static/Font-Awesome-3.2.1/font/fontawesome-webfont.woff) format("woff"),
    url(/public/static/Font-Awesome-3.2.1/font/fontawesome-webfont.ttf) format("truetype");
}

@font-face {
	font-family: 'iconfont';
	src: url('/public/static/font/iconfont.ttf') format('truetype');
  }

img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
img.mar_bottom{margin-bottom:20px}
body{padding-top: 84px;background:#fff;color:#3d3d3d;font-size:19px;font-family:NEWBASKN,Arial,Helvetica,sans-serif;line-height:28px}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{float:left;list-style:none}
a{color:#062d32}
a:hover{color:#008ea2}
a,a:hover{text-decoration:none}
a.indent{padding-left:34px}
a.indent1{padding-left:54px}
a:focus{outline:0}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
p{padding:6px 0}
p.proname{font-weight:700;font-size:1.3em;line-height:30px}
p.relate_names{font-size:.9em;color:#666;margin-top:40px}
p.sname{font-size:1.1em;color:#999;margin-bottom: 0;}
h2{display:block;margin:0;padding:20px 0 10px 0;font-size:24px;line-height:25px;font-weight:400;color:#444;font-family:NEWBASKB}
.names h2{line-height:36px;margin-top:5px;padding:30px 0 10px 0;font-size:1.8em}
h3{font-size:16px;margin-bottom:30px;line-height:26px;color:#999}
.etw_hometitle{line-height:1.5em;padding:30px 0 20px 0;font-size:2em;text-align:center;color:#3d3d3d;text-transform:uppercase;font-family:NEWBASKB}
.etw_hometitle a{color:#3a3a3a}
.etw_hometitle a:hover{color:#000}
.etw_color{background:#d20000;width:260px;margin:0 auto 40px auto;color:#fff;line-height:30px;padding:15px 0}
#etw_home_contact .etw_hometitle a{display:block;padding:20px 0;color:#3a3a3a}
#etw_home_contact .etw_hometitle a:hover{color:#d20000}
.big_title{border-top:1px solid #ccc;text-align:center;margin:50px auto 20px auto}
.big_title strong{padding:0 20px;margin:-15px auto 0 auto;width:30%;font-size:1.5em;display:block;background:#fff;font-weight:400;line-height:30px}
.table{margin:10px 0 20px 0}
table,td{border:1px solid #999!important}
.content{width:100%;max-width:1200px;margin:0 auto;}

#floatchatiframe2011 label{color: #212529;}
#etw_multimedia{width:130px;height:200px;background:url(/public/static/images/ETWicon.png) no-repeat left;background-position:left top;position:fixed;right:-18px;top:40%;z-index:888}
#etw_multimedia{animation-name:animation1;animation-duration:2s;animation-timing-function:1s;animation-iteration-count:10000;animation-direction:alternate}
#etw_top{ display:none; width:50px; height:35px; position:fixed; right:20px; bottom:100px; z-index:999; text-align:center; cursor:pointer; color: #fff; border-radius:5px; background:center no-repeat #004770; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
#etw_top:hover{background:center no-repeat #008ea2}
@keyframes animation1{from{opacity:0}
to{opacity:1}
}

/*头部*/
#header{width:100%;position:fixed;top:0;right:0;left:0;z-index:100;background:#fff;margin:0 auto;box-shadow:0px 0px 8px 0px rgb(87, 87, 87);}

#headerin{width:100%; margin:0px auto; max-width:1200px; }
.headertop{ width:100%; height:auto; margin:0 auto; background:#1a2952; overflow:hidden}
#etw_logo{ width:200px; float:left;}
#etw_logo img{width: 100%;display: block;}
.navbtn{ margin-top:1rem;}
.top-nav .navbar-nav .dropdown-menu{padding: 0.5rem;top: 94%;border-bottom: 2px solid #062d32;}
.top-nav .navbar-nav .dropdown-menu li{font-size: 1.2rem;width: max-content;}


.top-nav .navbar-nav .dropdown-menu li>a{position: relative;padding-top: 0px;margin-bottom: 10px; color: #212529; display: block; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; font-size: 18px;}
.top-nav .navbar-nav .dropdown-menu li a:hover,.top-nav .navbar-nav .dropdown-menu li a.dq{color: #ffc323;}

.etw_language{float: right;width: 40%;height: 26px;}
#etw_language{float: right;}
#etw_language li,.etw_language ul{float: right;}
#etw_language .dropdown-item{color:#333;line-height:1rem;padding:.3rem 0;clear:inherit;background:0 0;font-size:1rem;float:left;width:auto;margin-left:1.2rem}
#etw_language .dropdown-item:last-child{margin-right:0}
#etw_language .dropdown-item:hover{color:#062d32}
#etw_language .dropdown-item img{margin:0 .3rem .1rem 0}
.etw_language text,
.etw_language i {
  display: none;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out;-moz-animation:scaleout 2.5s infinite ease-in-out;
}
.etw_language>ul{position:relative;margin:0}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>a{ display:block;}
.etw_language ul li ol{ position:relative; display:block;}



.top-nav{ width:auto; float:right; padding-top: 0.5rem; }
.navbar{ padding:0 0rem 0 2rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{ color:#151f48; font-size: 1.4rem; padding:0.5rem 1.5rem; line-height:1.5; font-weight: 400; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{background-color:#062d32;color:#fff;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.875rem;}



.nav_txt{ width:auto; float: left; margin-bottom: 0.5rem; display: none}
.nav_txt span{color: #1a2952; font-size: 1rem; font-family: Cambria; font-style: italic; font-weight: bold}



#etw_banner{width:100%;height:auto;margin:0 auto;position:relative;background-size:cover}
.video_box{width:100%;padding:0 4%;max-width:1200px;position:absolute;top:20%;left:-20%}
.home_video{width:100%;max-width:400px;height:200px;float:right;background:url(../images/video.png) no-repeat bottom;background-color:rgba(0,0,0,.5)}
.home_video a{width:100%;position:relative;top:40%;left:13%;font-size:42px;color:#fff;font-weight:700;text-shadow:2px 2px 2px #000}
.home_video a i{font-style:normal;background:url(../images/i-logo.png) no-repeat left;padding:19%}
.home_video a:hover{color:#e4010a}
.etw_video{float:none;margin:40px auto;max-width:678px;height:218px;background:url(../images/video_hub.jpg) no-repeat center;background-size:cover;background-color:0}
.etw_video a{top:40%;left:22%;font-size:44px}
.etw_video a i,.pro_video a i{background:url(../images/video-icon.png) no-repeat left;padding:15%}
.pro_video{width:50%;max-width:385px;float:left;height:292px;background:url(../images/video_pro.jpg) no-repeat center;background-size:cover;background-color:0}
.pro_video a{left:13%}
.pro_video a i{padding:22%}
.company_txt{width:96%;max-width:1200px;margin:0 auto;position: relative;text-align: center; padding:20px 40px}
.company_txt p{line-height:30px;color:#062d32}

.company_txt a.more{ font-family:Tahoma; display:inline-block; border-radius:20px; font-size:14px; padding:5px 30px; background-color:#062d32; color:#fff; position: relative; z-index: 1; overflow: hidden; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
.company_txt a.more:hover{color:#fff;}
.company_txt a.more::after{ content: ""; z-index: -1; opacity: 0; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) ; border-radius:50%; width: 10px; height: 10px; background-color: #698184; display: block; transition:0.5s; -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; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.company_txt a.more:hover::after{ opacity: 1; width: 100%; height: 100%; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }



.company_txt .etw_hometitle{color:#062d32;text-transform:none;font-size:24px}
.etw_customer{width:100%;margin:0px auto 30px}
.etw_customer p{padding:2px 0}
.img-right{width:35%;margin-left:10%;float:right}
#container{width:100%;height:auto;margin:0 auto}
#etw_container{width:98%;max-width:1200px;margin:0 auto;background:rgba(255, 255, 255, 0.8);position:relative;box-sizing:border-box}
#etw_container1{width:100%;margin:30px auto;max-width:1200px}
#etw_contentin{width:100%;height:auto;margin:0 auto;position:relative}
.product_style{width:100%;clear:both}
.product_style ul{overflow:hidden;width:100%;height:auto}



.product_style ul li{display:block;margin-bottom:12px;width:25%}
.product_style ul li ol{display:block;float:none;margin:0 auto;width:93%}
.product_style ul li ol li{margin:0;width:100%}
.product_style ul li ol li.product_img{text-align:center;width:100%;float:left;border:1px solid #ccc;}
.product_style ul li ol li.product_img a img{width:100%; transition:all 0.6s;}
.product_style ul li ol li.product_img a:hover img{ transform:scale(1.05);}
.product_style ul li ol li.product_con{text-align:left;width:100%;float:right}
.product_style ul li ol li.product_con a{display:block;padding:0 0 12px 0;height:80px;color:#4f4e4e;font-size:14px;text-align:center;line-height:20px}
.product_style ul li ol li.product_con a:hover{opacity: 0.7;}
.product_style ul li ol li.product_img{position:relative;overflow:hidden;height:auto;text-align:center}
.product_style ul.th_sub_pro{margin:10px 0 10px 0!important}
.product_style ul.th_sub_pro li{width:auto!important;margin:0 1% 1% 0}
.product_style ul li ol li.product_con ul.th_sub_pro li a{font-size:.9em;color:#333;line-height:24px;padding:5px 20px;background:#efefef;border-radius:0 8px 0 8px}
.product_style ul li ol li.product_con ul.th_sub_pro li a:hover{background:#062d32;color:#fff}
ul.prosub li a{ font-size:14px !important; line-height:18px !important; padding:3px !important; }
ul.prosub li{ width:45% !important; float:left}

.productstyle_sub{width:100%;clear:both;overflow:hidden;margin:10px auto}
.centent{width:100%;height:auto;position:relative;margin:0 auto}
.centent .img_center{width:100%;padding:0;margin:0}
.centent .img_center img{width:100%}
.etw_mainproduct{height:auto;margin:0 auto 10px auto;overflow:hidden}
.etw_mainproduct ul{margin-top:20px}
.etw_mainproduct ul li{width:33%;float:left;text-align:center;margin-bottom:0;border:3px solid #fff}
#home_main_products{width:100%;max-width:1200px;margin:0 auto;position:relative;}
#home_main_products ul ol:nth-child(2n) .aboutimg{float:right}
#home_main_products ul ol:nth-child(2n) .abouttext{float:left}
.aboutbottom{margin:0;padding:0}
.aboutbottom ul{display: flex;flex-flow: wrap;}
.aboutbottom ol{margin-bottom: 30px;width: 49%;margin-right: 2%;}
.aboutbottom ol:nth-of-type(2n){margin-right: 0;}
.aboutbottom ol .con .pic{width: 100%;}
.aboutbottom ol .con .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; }
.aboutbottom ol .con .txt{background-color: #094952;width: 90%;margin: -50px auto 10px;overflow: hidden; position: relative;z-index: 1;padding: 30px;min-height: 210px; }
.aboutbottom ol .con .txt .etw_more{ position: absolute;z-index: 10; bottom: -69px; right: -69px; width: 126px; height: 126px; border-radius:50%;background-color: #15626d; box-shadow: 0 0 0 12px rgba(21, 97, 109, 0.4); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.aboutbottom ol .con .txt .etw_more::after{ content: "";opacity: 1; position: absolute; left: 20px; top: 32px; width: 23px; height: 13px; background:url(/images/ico-right.png) no-repeat center center; background-size: contain; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.aboutbottom ol .con .txt .etw_more:hover::after{opacity: 0; transform:translateX(20px) ; -webkit-transform:translateX(20px) ; -moz-transform:translateX(20px) ; -ms-transform:translateX(20px) ; -o-transform:translateX(20px) ; }
.aboutbottom ol .con .txt a{ color: #fff; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.aboutbottom ol .con .txt .pro_tit{margin-bottom: 10px;}
.aboutbottom ol .con .txt .pro_tit a{color: #ffc323;font-size: 2rem;font-weight: bold;display: block;}
.aboutbottom ol .con .txt .pro_tit a:hover{opacity: 0.8;}
.aboutbottom ol .con .txt .hotproname{padding-left: 20px;position: relative;}
.aboutbottom ol .con .txt .hotproname::after{ content: ""; position: absolute;opacity: 1; left: 0; top: 9px; color: #ffc323; width: 15px; height: 10px; background:url(/images/ico-right.png) no-repeat center center; background-size: contain; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.aboutbottom ol .con .txt .hotproname:hover::after{opacity: 0; transform:translateX(20px) ; -webkit-transform:translateX(20px) ; -moz-transform:translateX(20px) ; -ms-transform:translateX(20px) ; -o-transform:translateX(20px) ;}
.aboutbottom ol .con .txt .hotproname:hover{opacity: 0.8;}



#etw_hot_product{width:100%;padding:20px;box-sizing:border-box;max-width:1200px;margin:30px auto;background:#d20000;position:relative}
#etw_hot_product ul ol{float:left;width:24%;margin-right:1%}
#etw_hot_product ul ol:last-child{margin-right:0}
#etw_hot_product ul ol li.hotproductsname{width:100%;text-align:center;padding-top:10px}
#etw_hot_product ul ol li.hotproductsname a{width:100%;color:#fff}
#etw_hot_product ul ol li.hotproductsname a:hover{color:#ffc323}
#etw_hot_product ul ol li.hotproductsphotos{position:relative;overflow:hidden;height:auto;text-align:center}
#etw_hot_product ul ol li.hotproductsphotos img,.product_style ul li ol li.product_img img{width:100%}
#etw_hot_product ul ol li.hotproductsphotos a:before,.product_style ul li ol li.product_img a:before{position:absolute;top:0;left:-10000px;width:100%;height:100%;background:rgba(0,0,0,.6);transition:transform .6s;-ms-transition:transform .6s;-moz-transition:transform .6s;-webkit-transition:transform .6s;transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);-ms-transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);-moz-transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);-webkit-transform:scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
#etw_hot_product ul ol li.hotproductsphotos a:hover::before,.product_style ul li ol li.product_img a:hover::before{transform:scale3d(1.9,1.4,0) rotate3d(0,0,1,45deg) translate3d(0,110%,0);-moz-transform:scale3d(1.9,1.4,0) rotate3d(0,0,1,45deg) translate3d(0,110%,0);-webkit-transform:scale3d(1.9,1.4,0) rotate3d(0,0,1,45deg) translate3d(0,110%,0);-ms-transform:scale3d(1.9,1.4,0) rotate3d(0,0,1,45deg) translate3d(0,110%,0);position:absolute;left:0}
#etw_hot_product .etw_hometitle{color:#fff}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_con{width:100%}


#etw_sidebar{width: auto;}
#etw_sidebar .etw_title{padding-bottom: 10px; font-size:1.4rem;border-bottom:solid 1px #a6abaf;color:#000;text-align:left;font-weight: bold;}
#etw_sidebar .etw_title a{ color: #062d32; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
#etw_sidebar .etw_title a:hover,#etw_sidebar .etw_title a.thisItem{opacity: 0.6;}

.etw_productlist{width:100%;overflow:hidden;position:relative;background-color:#f4f4f4;padding:20px;margin-bottom:40px}
.etw_productlist::before{content:'';position:absolute;top:40px;left:0;width:3px;height:calc(100% - 80px);background-color:#062d32;}



.pro_title{text-transform:uppercase;font-size:2em;padding:10px 0;border-bottom:6px solid #d20000;margin:20px 0}
.etw_productlist ul{float: none;overflow: hidden;margin-bottom: 20px;}
.etw_productlist ul li,.etw_productlist ul li ol{width:100%}
.etw_productlist ul li a{color:#3d3d3d;font-size:1.15em;padding:10px 0;display:block;width:100%}
.etw_productlist ul li a.thisItem,.etw_productlist ul li a:hover{color:#d20000}
.etw_productlist ul li ol a{ font-size:.9em; line-height:1.25em;margin-bottom: 5px; padding:8px 0 8px 24px; position: relative; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.etw_productlist ul li ol a::after{ content:"\f061";font-family:fontawesome; position: absolute; left: 0; top: 8px; width: 20px; height: 20px;text-align: center;vertical-align: middle;line-height: 20px;background-color:#062d32;color: #fff;font-size: 0.6rem; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.etw_productlist ul li ol a:hover,.etw_productlist ul li ol a.dq{ color: #3d3d3d; transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); }




#about_sub{width:100%;margin-bottom:30px;overflow:hidden}
#about_sub ul,#about_sub ul li.big_case{width:100%}
#about_sub>ul>li>a{display:block;padding:10px 0 10px 15px;font-size:1.6em;color:#333;border-bottom:1px solid #333}
#about_sub>ul>li>a:hover{color:#dd241e}
#about_sub ol{width:100%;margin-top:10px}
#about_sub ol li{width:100%}
#about_sub ol li a{padding:8px 0 8px 20px;display:block;color:#585858}
#about_sub ol li a:hover,#etw_contact .etw_contact_title a:hover{color:#dd241e}
#etw_contact{margin-bottom:30px}
#etw_contact .etw_contact_title{width:100%}
#etw_contact .etw_contact_title a{display:block;color:#333;font-size:1.6em;padding:10px 0 10px 10px;border-bottom:1px solid #333}
#etw_contact .etw_contactin{width:100%;float:left;color:#4f4e4e;padding:10px 0 0 4%}
#etw_contact .qrcode1 img{width:160px}
#etw_contact p{margin:0}


#etw_right{float:right;width:65%}
.big_cate_format{width:auto;height:auto;margin:10px 0}
.big_cate_format a{font-size:1.5em;color:#062d32;display:inline-block;padding:10px 0}
.big_cate_format a:hover{color:rgba(6, 45, 50, 0.5)}
.etw_pro{background:#f3f5ff;overflow:hidden;margin-bottom:50px}
.etw_pro ul{width:96%;max-width:1200px;margin:0 auto;float:none;padding:40px 0}
.etw_pro ul li{margin-bottom:0}
.etw_pro ul li a{color:#3a3a3a;padding:10px 0;display:block}
.etw_pro ul li a:hover{color:#ed3c00;text-decoration:underline}
.productstyle_sub{width:100%;clear:both;overflow:hidden;margin:10px auto}
.product_style ul.no_list li{width:100%}
.product_style ul.no_list li ol{padding:0;width:100%}
.product_style ul.no_list li ol li,.product_style ul.no_list li ol li:hover{background:0}
.product_style ul.no_list li ol li.product_img{width:30%}
.product_style ul.no_list li ol li.product_con{float:right;width:67%;padding:20px 20px 20px 0}
.product_style ul.no_list li ol li.product_con a{height:auto;font-weight:400;padding-bottom:10px;text-align:left;font-size:1.3em;color:#062d32}
.product_style ul.no_list li ol li.product_con a:hover{color: #698184;}
.product_style ul.no_list1{width:98%!important;margin:0 auto!important;float:none}
#myTab1,#myTabs{border-bottom:1px solid #3d3d3d;width:100%;position:relative;overflow:hidden;margin:20px 0}
#myTab1 li a,#myTabs li a{display:block;padding:8px 16px;border-radius:5px 5px 0 0;font-size:16px;font-weight:700;text-transform:capitalize;background:#062d32;cursor:pointer;position:relative;top:5px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#fff;text-decoration:none;border:none}
#myTab1 li a.active ,#myTab1 li:hover a,#myTabs li a.active,#myTabs li:hover a{top:0;padding-top:10px;background:#3d3d3d;color:#fff;border:none}
.nav-tabs{margin-bottom:10px;border:none}
.nav_tabs>ul>li>a{color:#fff;font-size:.9em;background:#d20000;border-radius:3px;padding:4px 8px;margin:0 5px 5px 0;border:none}
.nav-tabs>li>a.active,.nav-tabs>li>a.active:focus,.nav-tabs>li>a.active:hover,.nav_tabs>ul>li>a:hover{background:#062d32;border:none;color:#fff}
.con_all{float:right;padding:0 0 12px 0}
.con_all{padding-bottom:0;margin-top:12px}
.con_all a{display:block;width:150px;float:right;border-radius:5px;background:#f1f1f1;color:#062d32;text-align:center;font-size:16px;line-height:30px;height:30px}
.con_all a span{float:right;padding-left:10px;padding-right:10px;font-weight:700;font-size:14px;font-family:NEWBASKB,Arial,Helvetica,sans-serif;line-height:30px}
.con_all a:hover{background:#eaeaea;color:#d20000}
.product_style ul.no_list li ol li.product_con a.con_alls{margin:12px 0 0 30px;padding:0;width:150px;height:30px;border-radius:5px;background:#f1f1f1;color:#062d32;text-align:center;line-height:30px;font-weight:400}
.product_style ul.no_list li ol li.product_con a:hover.con_alls{background:#eaeaea;color:#d20000}
.product_style ul.no_list li ol li.product_con a.con_alls span{float:left;padding:6px 0 0 10px;font-size:16px}
.other_pro{margin-top:40px}
.other_pro ul li{width:33.33%}
.other_pro ul li ol li.product_con a{height:auto;padding:10px 0;text-align:center;color:#062d32;font-size:1em;line-height:1.5em}
.other_pro ul li ol li.product_img a{overflow:hidden;display:block}
.other_pro ul li ol li.product_img a img{width:100%;border:1px solid #dfdfdf;transform:scale(1);transition:all 1s ease 0s}
.other_pro ul li ol li.product_img a:hover img{transform:scale(1.1);transition:all 1s ease 0s;width:100%}
.etw_protitle{padding:20px 0;font-size:26px;text-align:left;line-height:30px}
.relatedProducts{width:100%;height:auto}
.relatednames{padding:20px 0 10px 0;font-size:18px;color:#1f1d29}
.relatedProducts ul{width:100%;height:auto;border:1px solid #ccddde;box-shadow:#ccc 0 2px 10px;padding:10px 0}
.relatedProducts ul li{width:50%;height:auto}
.relatedProducts ul li a{padding:8px;display:block;overflow:hidden;color:#333}
.relatedProducts ul li a.thisItem,.relatedProducts ul li a:hover{color:#ffc323}
#etw_home_contact{width:100%;overflow:hidden;padding-bottom:20px;margin:0 auto;padding-top:30px}
.etw_home #etw_home_contact{padding-top:30px}
#etw_home_contactin{width:96%;margin:0 auto;max-width:1200px}
.etw_home_contactin_right{width:45%;float:right; margin-top:20px;}
.etw_top_title{width:100%;font-size:1.5em;color:#333;line-height:42px;border-bottom:1px solid #d20000;margin-bottom:20px}
#etw_contactin{width:100%;float:left}
#etw_contactin p{padding:3px 12px}
#etw_contactin p a{color:#d20000}
#etw_contactin p a:hover{color:#062d32}
#qrcode2{float:left;width:43%;height:auto}
.qrcode2{padding:12px 0 12px 12px}
.contact_left{width:100%;float:left}
#etw_contactin .share{width:100%;height:auto;padding-bottom:12px;padding-left:12px;overflow:hidden}
#etw_contactin .share a{background:#062d32;text-align:center;margin-right:3px;width:25px;display:block;float:left;border-radius:25px;height:25px;line-height:25px;color:#fff}
#etw_contactin .share a:hover{background:#d20000;color:#fff}
.etw_tags{width:45%;float:left;margin-right:4%;margin-top:20px}
.form_inquiry{width:100%;float:right;border-radius:5px}
#tagcloud{padding:0 12px}
#etw_homefooter .hide767{display:block}
#etw_homefooter #ac-globalfooter{display:none}
#etw_producttitle{margin:0 auto 0rem auto;padding:15px 0;height:auto;color:#1f1d29;background-color: #eee; overflow: hidden; line-height:18px;font-size:.9em}
#etw_producttitle a{color:#000;color:#999;padding-right:6px}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#etw_producttitle a:hover{color:#3a3a3a}
#etw_producttitle small{display:inline}
.img_center{width:100%;clear:both;margin:10px auto 20px auto;text-align:center}
.img_center img,.img_center1 img{display:block;margin:0 auto;max-width:100%}
.etw_multi_photo{float:left;margin:10px 0 20px 0;width:100%;height:auto}
.etw_multi_photo.mt-0{margin-top: 0;}
.etw_multi_photo img{display:block;border:1px solid #ccc;}
.etw_multi_photo ul li a img:hover{ border:1px solid red;}
.etw_multi_photo a{margin-bottom:12px}
.etw_multi_photo ul{display:block;display: flex;flex-flow: wrap; margin:12px 0 12px 0;width:100%;height:auto}
.etw_multi_photo ul li{display:block;padding:0 1% 10px 0;text-align:center;position: relative; line-height:20px}
.etw_multi_photo ul li text{display:block;overflow:hidden}
.etw_multi_photo p{padding:1px 0;margin-bottom: 0;}
.etw_pic{margin-bottom:40px;padding-bottom:20px;border-bottom:1px dashed #ccc;text-align:center}
.etw_pic a{display:block;width:100%}
.etw_pic img{margin:0 auto;border:1px solid #ccc}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:50%}
.etw_pic3 ul li{width:33%}
.etw_pic4 ul li{width:25%}
.etw_pic5 ul li{width:20%}
.etw_pic6 ul li{width:16.66%}
.etw_pic2 ul li p{text-align:left}
.right_pic{width:60%;float:right;margin:0 0 20px 0}
.img_right1{width:60%;float:left;border:1px solid #ccc;text-align:center;padding:2px}
.img_right1 img{width:auto;margin:0 auto;text-align:center;border:none}
.related_pic{width:35%;display:block;float:right;margin-bottom:10px}
.related_pic img{float:left;border:1px solid #ccc;padding:1px;margin-top:4px;width:100%}
.related_pic a{width:45%;float:left;display:block;margin-right:1%}
.etw_pdf{width:100%;height:auto;margin-bottom:12px}
.etw_pdf a{color:red;display:block;line-height:24px;padding:0 12px 0 30px;background:url(../images/pdf.jpg) left no-repeat}
.etw_pdf a:hover{color:8d000d}
.about1{float:left;display:block;margin:10px 0 20px;padding:10px 2% 20px;width:99%;height:auto;border:1px solid #eee;border-radius:5px;box-shadow:3px 3px 3px #eee}
.img_right{text-align:center}
.img_left,.img_right{width:32%;float:right;padding:0 0 12px 2%}
.img_left1{float:left;padding:0 2% 12px 0}
.img1{width:24%}
.img_left,img_left1{float:left;padding:0 2% 12px 0}
.img_left img,.img_left1 img,.img_right img{display:block;margin:0 auto;width:99%;border:1px solid #ccc}
.img_left a:hover img,.img_left1 a:hover img,.img_right a:hover img{border:1px solid #d20000}
.etw_contact_left{margin:8px 0 0 0;width:100%}
.etw_contact_left a{color:#d20000}
.etw_contact_left a:hover{color:#008ea2}
.location{float:right;display:block;overflow:hidden;margin-top:30px;width:54%}
#etw_set_feedback_form{overflow:hidden;margin:20px 0 12px 0;height:auto;border:1px solid #ccc;background:#fff;text-align:center}
#etw_form_title{overflow:hidden;padding-left:2%;background:#f0f0f0;text-align:left;font-weight:700;line-height:43px}
#floatchatiframe2011{margin:0 auto;width:100%;}
#sitemap{width:100%;list-style:none;float:none}
#sitemap li{display:block;width:99%;float:none}
#sitemap li a{display:block;padding:5px 0 2px 10px;color:#333;line-height:24px}
#sitemap li.home_directory a{margin-bottom:5px;background:#fff;font-weight:700;line-height:30px}
#sitemap li.big_case{padding-left:2%;float:left}
#sitemap li.two_case{padding-left:4%;float:left}
#sitemap li.big_case a{color:#008ea2;font-weight:700}
#sitemap li.two_case a{color:#fbb30f}
#sitemap li a.lists{padding-left:20px;color:#666;line-height:1.25em;width:99%;float:left}
#sitemap li a:hover{color:#ed3c00}
#footer{padding:10px 0;width:100%;height:auto;background:#062d32}
#footer .etw_bottom{width:100%;padding-bottom:1.5rem;margin-bottom: 20px; text-align:left;font-size:1.2rem;color:#fff;padding:2rem 0;overflow:hidden;border-bottom:1px solid #fff;position:relative;}
.etw_bottom .etw_foot_title{border:none;color:#fff;position:relative;}
.etw_bottom .etw_foot_title a{ color:#fff; font-size:1.1rem; display:block; font-family:"Roboto-Medium"; text-transform:uppercase; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.etw_bottom .etw_foot_title a:hover{opacity: 0.8;text-decoration:none;}
.pblist{overflow:hidden;margin:0.5rem auto;}
.etw_bottom a{ color:#fff; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.etw_bottom a:hover{opacity: 0.8;}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li{width:100%;float:left;margin-bottom: 8px;}
.etw_bottom ul > li > a{display:block;line-height:1.4rem;padding-left:1rem;color:#fff;position:relative;font-weight:400;position:relative;}
.etw_bottom ul > li > ol{padding-left:1rem;margin-bottom:1rem;float:left;}
.etw_bottom ul > li > a:before{position:absolute;content:"\f105";left:2px;top:0px;font-family:fontawesome;color:#fff;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:3px;padding-top:0.2rem;}
.cot_add:before{content:"\f041";position:absolute;left:0px;top:4px;color:#fff;font-family:fontawesome;font-size:20px;}
.cot_tel:before{content:"\f095";position:absolute;left:0px;top:3px;color:#fff;font-family:fontawesome;font-size:18px;}
.cot_email:before{content:"\f0e0";position:absolute;left:0px;top:3px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before{content:"\f2be";position:absolute;left:0px;top:0px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before{content:"\f10b";position:absolute;left:4px;top:0px;color:#fff;font-family:fontawesome;font-size:22px;}
.cot_fax:before{content:"\f1ac";position:absolute;left:0px;top:0px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before{content:"\f17e";position:absolute;left:0px;top:5px;color:#fff;font-family:fontawesome;font-size:18px;}





#chatbox{z-index:999}
#etw_footin{margin:0 auto;width:98%;overflow:hidden;text-align:center}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:6px}
#etw_homefooter a{padding:0 30px;border-left:1px solid #fff;color:#fff;line-height:14px;margin:6px 0}
#etw_homefooter a:hover{color:#000}
#etw_homefooter a:first-child{padding:0 15px 0 0;border-left:0}
#etw_coper{margin-top:8px;width:100%;line-height:22px}
#etw_coper a{display:block;color:#fff}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#fff;border:1px solid #fff;display:inline-block;padding:0 4px;font-size:14px;margin-right:10px;line-height:22px}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#fff}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
.list-group{margin-top:30px}
.list-group a{border:none;padding:7px 10px 6px 10px;font-size:.9em;box-shadow:0 13px 10px -14px #999;-moz-box-shadow:0 13px 10px -14px #999;-webkit-box-shadow:0 13px 10px -14px #999;-ms-box-shadow:0 13px 10px -14px #999;white-space:nowrap;margin:0 2% 10px 0}
.btn-anis-effect{position:relative;z-index:1;overflow:hidden;background-color:transparent;transition:.2s;transition-delay:.1s}
.btn-anis-effect:hover{transition-delay:.45s}
.btn-anis-effect:after,.btn-anis-effect:before{position:absolute;top:50%;z-index:-1;width:20px;height:20px;border-radius:50%;background:#434345;content:'';transition:.5s}
.btn-anis-effect:before{left:-20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.btn-anis-effect:after{right:-20px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}
.btn-anis-effect:hover:before{-webkit-animation:criss-cross-left .8s;animation:criss-cross-left .8s}
.btn-anis-effect:hover:after{-webkit-animation:criss-cross-right .8s;animation:criss-cross-right .8s}
.btn-anis-effect.btn-primary{color:#d20000}
.btn-anis-effect.btn-primary:after,.btn-anis-effect.btn-primary:before{background:#d20000}
.btn-anis-effect.btn-primary:hover,.list-group a.thisItem{border-color:#d20000;background:#d20000;color:#fff}
@-webkit-keyframes criss-cross-left{0%{left:-20px}
50%{width:20px;height:20px}
50%,to{left:50%}
to{width:375px;height:375px}
}
@keyframes criss-cross-left{0%{left:-20px}
50%{width:20px;height:20px}
50%,to{left:50%}
to{width:375px;height:375px}
}
@-webkit-keyframes criss-cross-right{0%{right:-20px}
50%{width:20px;height:20px}
50%,to{right:50%}
to{width:375px;height:375px}
}
@keyframes criss-cross-right{0%{right:-20px}
50%{width:20px;height:20px}
50%,to{right:50%}
to{width:375px;height:375px}
}
.grid-effect-apollo img{width:100%;cursor:pointer}
.grid-effect-apollo figure{position:relative;overflow:hidden;height:auto;text-align:center}
figure.effect-apollo img{transform:scale3d(1,1,1)}
figure.effect-apollo:hover{background:#000}
figure.effect-apollo:hover img{transform:scale3d(1.05,1.05,1);transition:transform .6s}
.post-thumbnail{max-width:100%}
.post-thumbnail .cherry-popup-img{position:relative;z-index:10;display:inline-block;overflow:hidden;max-width:100%;vertical-align:middle}
.post-thumbnail .cherry-popup-img img,.post-thumbnail .cherry-popup-img:after,.post-thumbnail .cherry-popup-img:before{transition:all .3s ease-in-out}
.post-thumbnail .cherry-popup-img:hover{box-shadow:none}
.post-thumbnail .cherry-popup-img:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.lg-toolbar .lg-icon{background:red;font-weight:700}
.about_format_sub ul{width:24%;margin-right:1%;float:left;padding:20px 0}
.about_format_sub ul li.about_sub_name{padding:10px 0;line-height:1.25em}
.case{background:#d20000}
.case .etw_hometitle{padding:30px 0 0 0;color:#fff}
.case ul{width:100%;padding:2%}
.case ul li{width:24%;float:left;text-align:center;margin:0 1.3% 0 0}
.case ul li:nth-child(4n){margin-right:0}
.port-2 .btn{display:inline-block;padding:2px 8px;font-size:14px;color:#fff;border:2px solid #008ea2;background-color:#008ea2;text-decoration:none;transition:.4s}
.port-2 .btn:hover{background-color:transparent;color:#008ea2;transition:.4s}
.port-2 .text-desc{position:absolute;left:0;top:0;background-color:#fff;height:100%;opacity:0;width:100%;padding:10px;transition:.5s;color:#000}
.port-2{float:left;width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,.9);perspective:800px}
.port-2 .text-desc{z-index:-1;transition:.6s}
.port-2 .text-desc span{display:block;margin:0 0 4px 0;font-size:1em}
.port-2 .image-box{transition:.4s}
.port-2:hover .image-box{transform:rotateX(52deg);transform-origin:center bottom 0;transition:.4s}
.port-2.effect-2 .text-desc{opacity:1;top:-100%}
.port-2.effect-2:hover .text-desc{top:0}


/* 20220114 */
.about_cer,.about_cer1{position: relative;overflow: hidden;}
.about_cer .slick-dots{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%) ; text-align: center; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.about_cer .slick-dots li{ display: inline;}
.about_cer .slick-dots li button{width:10px;height:10px; background: none; border-radius: 50%; border: 2px solid #da251c; margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; outline: none;}
.about_cer .slick-dots li.slick-active button{background-color:#da251c;cursor:pointer;}

.about_cer1 img{width: 100%;display: block;}
.about_cer1 .item{position: relative;}

.btn_video {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 7px 0 0 6px;
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 28px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #062d32;
  line-height: 48px;
  opacity: 1;
  font-family:fontawesome;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.btn_video::after{content: "\f04b";font-family: fontawesome;}
.btn_video:hover{
  opacity: 0.9;
}




h3.sub_tit{font-size: 1.5em;color: #062d32;font-weight: bold;margin-top: 0;margin-bottom: 15px;}
#productsformat{overflow: hidden;}
.project_case .item {margin: 0 0 20px;padding: 15px;background-color: rgb(248, 248, 248); overflow: hidden;}
.project_case .item .box{display: flex;flex-flow: wrap;align-items: center;}
.project_case .item .box .box-left{overflow: hidden;}
.project_case .item .box.all{width: 100%;}
.project_case .item .box.all .box-left{width: 50%;float: left;}
.project_case .item .box.all .box-txt{width: 50%;overflow: hidden;}
.project_case .item .box-left,.project_case .item .box-txt{overflow: hidden;width: 50%;padding: 0 15px;}
.project_case .item:nth-of-type(2n) .box-left{order: 1;}
.project_case .item .box .right_pic{width: 100%;}
.project_case .item .box .img_right1{width: 100%;}
.project_case .item .box .related_pic{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.project_case .item .box .related_pic a{width: 100%;}
.project_case .item .box .related_pic .post-thumbnail{width: 18%;}
.project_case{overflow: hidden;margin: 0 -15px;display: flex;flex-wrap:wrap;}
.project_case .right_pic{margin-bottom: 10px;}

.desc_dc li{display: block;float: none;position: relative;padding-left: 15px;}
.desc_dc li::after{content: "";position: absolute;left: 4px;top: 11px; width: 6px;height: 6px; background-color: #3d3d3d;}


@media screen and (max-width:1500px){
#etw_multimedia{display:none}
.video_box{top:20%;left:-40%}
}
@media screen and (max-width:1200px){#etw_logo{width:15%;padding-left: 15px;}
.navbar-default .navbar-nav li a{padding: 0 10px;}
.top_right{width:80%}
#etw_container1{padding:0 3%}
.dtl20 .dtl p{margin-top:10px;font-size:12px}
.video_box{top:20%;left:-50%}
.home_video{height:180px}
.banner_txt{width:55%;padding-top:26px}
.pro_video{width:38%;height:260px}
.pro_video a{font-size:35px}
}
@media screen and (max-width:980px){.video_box{top:22%}
.home_video{height:140px}
.pro_video{width:39%;height:210px}
.pro_video a{left:5%;font-size:28px}
.pro_video a i{padding:22%}
.banner_txt{display:none}
#etw_language{margin:16px 0 0 0}
.navbar-default .navbar-nav li a{padding:0 8px}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:20px}
.img_left,.img_right{width:45%}
.img_left1{width:auto}
#etw_sidebar{display:none}
#etw_right{width:100%;float:none}
.img-right{width:40%;margin-left:5%}
.contact_left{width:100%}
.about_format_sub ul{width:48%;padding:5px 0}
.about_format_sub ul li.about_sub_name{height:60px;overflow:hidden}
.case ul li{width:49%;margin:0 2% 2% 0}
.case ul li:nth-child(2n){margin-right:0}
.etw_mainproduct ul li{width:50%}
.icon-plus-sign{left:initial;right: 0;}
ul.prosub li{ width:100% !important}
}
@media screen and (max-width:768px){#chatbox,#etw_contact,.etw_list{display:none}
#qrcode2{width:100%}
.other_pro{border:0;width:100%}
.other_pro ul li{width:50%}
.other_pro ul li ol{padding:0 1%;width:98%}
.etw_hometitle{font-size:1.6em}
.big_cate_format a{font-size:1.4em}
.company_txt p span{display:none}
.etw_hometitle{padding-top:10px}
.company_txt{margin:0 auto 20px auto;background:0 0;padding:0}
.etw_hotproduct{background:0 0}
.etw_hotproduct ul li{width:33%;text-align:center;margin-bottom:30px}
.etw_hotproduct ul li ol{width:93%;float:none}
.etw_hotproduct ul li:nth-child(2) ol{float:none}
.right_pic{margin-bottom:20px}
.related_pic a{width:45%}
.con_all{display:none}
.names h2{font-size:1.6em}
.contact_left{width:60%}
.dtl20 .dtl p{font-size:.8em;margin-top:5px}
.product_style ul li ol li.product_con a{font-size:12px;line-height:18px}
/* 20220114 */
.project_case .item{width: 100%;}
.project_case .item .box-left img{width: 100%;display: block;}
.project_case .item.all .box-left,.project_case .item.all .box-txt{width: 100%;}

}
@media screen and (max-width:767px){
.other_pro ul li ol li.product_con a{height:80px}
.table-responsive{border:none}
.video_box{top:10%;left:-10%}
.home_video{height:130px}
.home_video a{font-size:1.6em}
.pro_video{width:39%;height:180px}
.pro_video a{left:9%;font-size:25px}
.pro_video a i{padding:22%}
.relatedProducts ul li{width:100%}
#etw_contactin,.etw_tags,.form_inquiry{width:100%}
#etw_top{display:none}
.etw_home_contactin_right{width:100%}
#etw_hot_product{width:100%;padding:20px;box-sizing:border-box;max-width:1200px;margin:30px auto;background:#d20000;position:relative}
#etw_hot_product ul ol{float:left;width:46%;margin-right:4%;margin-bottom:5%}
#etw_homefooter .hide767{display:none}
#etw_homefooter #ac-globalfooter{display:block}
.etw_pic4 ul li,.etw_pic5 ul li{width:48%}
.etw_pic4 ul li p{height:40px}
.cer_list .etw_pic4 ul li p{height:60px}
.product_style{width:98%;margin-left:1%}
.product_style ul.no_list{width:48%;float:left;margin-right:2%}
.product_style ul.no_list li ol{width:100%}
.product_style ul.no_list li ol li.product_img{width:100%}
.product_style ul.no_list li ol li.product_con{width:100%;padding:10px;line-height:1.125em;height:50px;overflow:hidden}
.product_style ul.no_list li ol li.product_con text{display:none}
.product_style ul.no_list li ol li.product_con a{text-align:center;font-size:0.85rem;font-weight: normal;}
.product_style ul.no_list li ol li.product_con ul.prosub{display:none}
.col-sm-6{width:50%;float:left}
.etw_video a{font-size:34px}
.etw_video{height:205px}
.abouttext p{display:none}
.etw_contact_left img,.qrcode2{display:none}
}
@media screen and (max-width:650px){.company_txt .etw_hometitle{font-size:20px}
.abouttext p{display:block}
.icon-plus-sign{display:none}
.col-sm-6{width:100%;float:none}
.dtl{display:none}
#home_main_products{padding: 0 15px;}
.aboutimg,.abouttext,.dtl20{height:auto}
#home_main_products ul ol:nth-child(2n) .aboutimg{float:left}
#home_main_products ul ol:nth-child(2n) .abouttext{float:left}
.aboutbottom ol{width: 100%;margin-right: 0;}


.dtl20 img{padding-bottom:0}
#etw_producttitle,p.sname{display:none}

.img_left,.img_left1,.img_right,.txt_left{width:100%;padding-left:0}
#etw_contentin{padding:20px 15px}
.etw_pro ul li{margin-bottom:0}
.big_title{border-top:none;text-align:left;margin:20px auto 10px auto}
.big_title strong{padding:0;margin:0;width:100%;font-size:1.2em;font-weight:700}
.banner_txt{font-size:1.4em;line-height:26px}
.etw_mainproduct ul li{width:100%}
h2{font-size:18px;line-height:26px}
.names h2{font-size:1.4em;line-height:26px}
.etw_video{height:175px}
.video_box{top:10%}
.right_pic{width:100%}
.img_right1{width:50%}
.related_pic{width:48%}
.related_pic a{width:32%}
.pro_video{width:100%;float:none;margin:0 auto;clear:both;height:130px}
.pro_video a{font-size:30px}
}
@media screen and (max-width:480px){.banner_txt{font-size:1.4em}
.case ul li{width:100%;margin-right:0}
.product_style ul li ol li.product_con a{height:auto}
.product_style ul.no_list{width:100%;float:left}
.product_style ul.no_list li ol{width:100%}
.product_style ul.no_list li ol li.product_img{width:100%}
.product_style ul.no_list li ol li.product_con{height:auto}
.product_style ul.no_list li ol li.product_con a{text-align:center;font-size:1em;height:auto}
.etw_pic2 ul li,.etw_pic3 ul li,.etw_pic4 ul li,.etw_pic5 ul li{margin:10px 0;width:100%}
.etw_pic6 ul li{width:50%}
.etw_pic4 ul li p{height:auto}
.product_style ul li{width:100%}
.product_style ul.no_list li ol li.product_con,.product_style ul.no_list li ol li.product_img,.relatedProducts ul li{width:100%}
.product_style ul.no_list li ol li.product_con .con_all,.product_style ul.no_list li ol li.product_con a.con_alls{display:none}
.other_pro{border:0;width:100%}
.other_pro ul li{width:100%}
.other_pro ul li ol{padding:0;width:100%}
.other_pro ul li ol li.product_con a{height:auto}
.contact_left,.qrcode2{width:100%;float:none}
#etw_contactin{width:90%;float:none;margin:0 auto}
.img-right,.img_right1{width:100%}
.related_pic{width:100%}
#etw_contactin,.etw_tags,.form_inquiry{width:96%;float:none;margin:0 auto 30px auto}
#etw_hot_product ul ol{float:left;width:100%;margin-right:0;margin-bottom:5%}
#etw_hot_product ul ol:last-child{margin-right:0}
.about_format_sub ul{width:98%;padding:10px 0}
.about_format_sub ul li.about_sub_name{height:auto;overflow:hidden}
#otherlink a{margin-right:2px}
.home_video{height:120px}
.video_box{top:10%;left:-10px}
.etw_video{height:140px}
.etw_video a,.home_video a{left:13%;font-size:28px}
.etw_video a i{padding:20%}
.related_pic a{width:24%}
.slider-area{display:none}
#etw_banner{height:160px;background:#eee}
}
.etw_page{margin:20px auto;width:380px;overflow:hidden;float:right}.etw_page li{float:left}.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:0 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}

/* 20220118 */
.clear::after{content:"";display:table;clear:both;}
.etw_ban{position: relative;background: no-repeat center center;background-size: cover;}
.etw_ban .txt{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.btn_video1{margin: 0 auto 10px; display: block; cursor: pointer; width: 65px; height: 65px; background: url(/upload/3539/banner/video_icon.png); background-size: 100% auto; transition:0.5s; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.btn_video1:hover{ transform:scale(0.9) ; -webkit-transform:scale(0.9) ; -moz-transform:scale(0.9) ; -ms-transform:scale(0.9) ; -o-transform:scale(0.9) ; }
.etw_ban .txt .tit{margin-top: 0;color: #fff;font-size: 2rem;font-weight: bold;}
.row_become1{background-color: #008ea2;}
.row_become1 #etw_container{background-color: transparent;}
.con_become1 h3.tit{margin-bottom: 0;padding: 3rem;color: rgba(0, 0, 0, 0.8);text-align: center;color: #fff;font-size: 2.6rem;}
.con_become1 h3.tit a{ color: #fff; padding: 5px 15px;margin-left: 30px; background-color: #ffc323;font-size: 1.6rem; border-radius:15px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; }
.con_become1 h3.tit a:hover{opacity: 0.9;}

.etw_info{color:#3d3d3d;font-size:1.3rem;padding:10px;}
.small_tit{font-size: 1.8rem;font-weight: bold;position: relative;color: #008ea2;padding-bottom: 10px;text-align: center; }
.small_tit::after{ content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 50px; height: 3px; background-color: #ffc323; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.row_about1{padding:2rem 0;text-align:center;overflow:hidden;}
.row-about2{background: url(/images/about-bg.jpg) no-repeat center center;background-size: cover;padding: 2rem 0 7rem;}
.row-about2 #etw_container{color: #fff;}
.row-about2 p{padding-right: 10%;}

.row-about2 #etw_container{background-color: transparent;}
.etw_about_photo ul li{width: 32%;margin-right: 2%;text-align: center;margin-bottom: 15px;}
.etw_about_photo ul li figure a{margin-bottom: 10px;display: block;}
.etw_about_photo ul li img{width: 100%;display: block;}
.etw_about_photo ul li:nth-of-type(3n+3){margin-right: 0;}

.etw-a2{overflow: hidden;padding: 3rem 0 2rem;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
figure{margin-bottom: 0 !important;}
.etw-a1{padding: 3rem 0;}
.etw_info1{padding:0 3rem 3rem;text-align: center;}
.etw_info1 .small_tit{margin-bottom: 1rem;}
.etw_info1 p{margin-bottom: 0;}
.etw_partner{padding: 20px 0;}
.small_tit.text-left::after{ left: 0; transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.small_tit.write{color: #fff;}
.etw_pic_pt{margin-bottom: 1rem;}

.etw_partner .slick-arrow{
  outline: none;
  position: absolute;
  top: 46%;
  right: -40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1rem;
  text-align: center;
  line-height: 33px;
  border: none;
  cursor: pointer;
  z-index: 1;
  overflow: hidden;
  color: #fff;
  text-indent: 1000px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background:#008fa2 url(/images/arr-r01.png) center center no-repeat;
  transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -ms-transition:0.5s;
  -o-transition:0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.etw_partner .slick-arrow:hover{ transform:scale(0.95)  translateY(-50%); -webkit-transform:scale(0.95)  translateY(-50%); -moz-transform:scale(0.95)  translateY(-50%); -ms-transform:scale(0.95)  translateY(-50%); -o-transform:scale(0.95)  translateY(-50%); }
.etw_partner .slick-prev{
    background-image: url(/images/arr-l01.png);
    left: -40px;
}
.etw_partner .item{width: 100%;text-align: center; outline: none;margin-bottom: 10px;}
.etw_partner .item a{display: block;}
.etw_partner .item img{ display: inline-block; width: 90%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.etw_partner .item:hover img{ transform:scale(0.9) ; -webkit-transform:scale(0.9) ; -moz-transform:scale(0.9) ; -ms-transform:scale(0.9) ; -o-transform:scale(0.9) ; }
/* history */
.main-timeline{overflow:hidden;position:relative;padding-bottom: 10rem;}
.main-timeline .timeline{position:relative;margin-top:-79px;min-height: 264px;}
.main-timeline .timeline:first-child{margin-top:0;}
.main-timeline .timeline:before,.main-timeline .timeline:after{content:"";display:block;width:100%;clear:both;}
.main-timeline .timeline:before{content:"";width:100%;height:100%;position:absolute;top:0;right:0;z-index:2;}
.main-timeline .timeline-icon{width:210px;height:210px;border-radius:50%;border:25px solid transparent;border-top-color:#62deb1;border-right-color:#62deb1;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transform:rotate(45deg);}
.main-timeline .year{display:block;width:110px;height:110px;line-height:110px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.4);margin:auto;font-size:30px;font-weight:bold;color:#62deb1;text-align:center;position:absolute;top:0;left:0;bottom:0;right:0;transform:rotate(-45deg);}
.main-timeline .timeline-content{ width:35%; float:right; background:#62deb1; padding:30px 20px;z-index:1; position:absolute; right: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.main-timeline .timeline-content:before{content:"";width:20%;height:15px;background:#62deb1;position:absolute;top:50%;left:-20%;z-index:-1;transform:translateY(-50%);}
.main-timeline .title{font-size:20px;font-weight:bold;color:#fff;margin:0 0 10px 0;}
.main-timeline .description{font-size:18px;color:#fff;line-height:24px;margin:0;}
.main-timeline .timeline:nth-of-type(2n) .timeline-content{ right: auto; left: 0;}



.main-timeline .timeline:nth-child(2n) .timeline-icon{transform:rotate(-135deg);}
.main-timeline .timeline:nth-child(2n) .year{transform:rotate(135deg);}
.main-timeline .timeline:nth-child(2n) .timeline-content{float:left;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:auto;right:-20%;}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-top-color:#30d18b;border-right-color:#30d18b;}
.main-timeline .timeline:nth-child(2n) .year{color:#30d18b;}
.main-timeline .timeline:nth-child(2n) .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content:before{background:#30d18b;}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-top-color:#30d1b5;border-right-color:#30d1b5;}
.main-timeline .timeline:nth-child(3n) .year{color:#30d1b5;}
.main-timeline .timeline:nth-child(3n) .timeline-content,.main-timeline .timeline:nth-child(3n) .timeline-content:before{background:#30d1b5;}

.main-timeline .timeline:nth-child(4n) .timeline-icon{border-top-color:#45c8da;border-right-color:#45c8da;}
.main-timeline .timeline:nth-child(4n) .year{color:#45c8da;}
.main-timeline .timeline:nth-child(4n) .timeline-content,.main-timeline .timeline:nth-child(4n) .timeline-content:before{background:#45c8da;}

.main-timeline .timeline:nth-child(5n) .timeline-icon{border-top-color:#16a4b8;border-right-color:#16a4b8;}
.main-timeline .timeline:nth-child(5n) .year{color:#16a4b8;}
.main-timeline .timeline:nth-child(5n) .timeline-content,.main-timeline .timeline:nth-child(5n) .timeline-content:before{background:#16a4b8;}

.main-timeline .timeline:nth-child(6n) .timeline-icon{border-top-color:#0b8a9c;border-right-color:#0b8a9c;}
.main-timeline .timeline:nth-child(6n) .year{color:#0b8a9c;}
.main-timeline .timeline:nth-child(6n) .timeline-content,.main-timeline .timeline:nth-child(6n) .timeline-content:before{background:#0b8a9c;}

.main-timeline .timeline:nth-child(7n) .timeline-icon{border-top-color:#0b7381;border-right-color:#0b7381;}
.main-timeline .timeline:nth-child(7n) .year{color:#0b7381;}
.main-timeline .timeline:nth-child(7n) .timeline-content,.main-timeline .timeline:nth-child(7n) .timeline-content:before{background:#0b7381;}

.main-timeline .timeline:nth-child(8n) .timeline-icon{border-top-color:#216266;border-right-color:#216266;}
.main-timeline .timeline:nth-child(8n) .year{color:#216266;}
.main-timeline .timeline:nth-child(8n) .timeline-content,.main-timeline .timeline:nth-child(8n) .timeline-content:before{background:#216266;}

@media only screen and (max-width:1199px){.main-timeline .timeline{margin-top:-103px;min-height: 288px;}
.main-timeline .timeline-content:before{left:-18%;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-18%;}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin-top:-127px;}
.main-timeline .timeline-content:before{left:-2%;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-2%;}
}
@media only screen and (max-width:767px){.main-timeline .timeline{margin-top:0;overflow:hidden;}
.main-timeline .timeline:before,.main-timeline .timeline:nth-child(2n):before{box-shadow:none;}
.main-timeline .timeline-icon,.main-timeline .timeline:nth-child(2n) .timeline-icon{margin-top:-30px;margin-bottom:20px;position:relative;transform:rotate(135deg);}
.main-timeline .year,.main-timeline .timeline:nth-child(2n) .year{transform:rotate(-135deg);}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{ position: relative; transform:translate(0); width:100%; float:none; border-radius:0 0 20px 20px; text-align:center; padding:25px 20px; margin:0 auto; -webkit-transform:translate(0); -moz-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); }
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{width:15px;height:25px;position:absolute;top:-22px;left:50%;z-index:-1;transform:translate(-50%,0);}
}





/* contant */
#etw_set_feedback_form #floatchatiframe2011{width: 80%;margin: 0 auto;}
#qrcode2{width: auto;float: none;}
.location{width: 100%;}

/* hub Products */
.btn_more{background-color:#062d32;border-radius:22px;color:#fff;padding:12px 60px;margin-top:10px;}
.btn_more:hover{background-color:#062d32;color:#fff;}
.big_cate_format>a{font-size: 1.8rem; font-weight: bold; text-shadow: 0 0 0 rgba(0,0,0,.5); transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.product_style ul.no_list>li>ol>li.product_con>a{ font-size: 1.5rem;font-weight: bold; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.product_style ul{float: none;}
.product_style ul.no_list li ol li.product_con p{margin-bottom: 0;}
.product_style ul li ol li.product_con ul.th_sub_pro li a{ transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.product_style ul>li{margin-bottom: 15px;padding-bottom: 15px;}
.product_style ul.th_sub_pro li{margin-bottom: 0;padding-bottom: 5px;}
.product_style ul.no_list>li>ol>li.product_con>a.btn_more{font-family:Tahoma;display:inline-block;font-size:14px;padding:5px 30px;color:#fff;position: relative;z-index: 1;overflow: hidden;}
.product_style ul.no_list>li>ol>li.product_con>a.btn_more:hover{color:#fff;}
.product_style ul.no_list>li>ol>li.product_con>a.btn_more::after{ content: ""; z-index: -1; opacity: 0; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) ; border-radius:50%; width: 10px; height: 10px; background-color: #698184; display: block; transition:0.5s; -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; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.product_style ul.no_list>li>ol>li.product_con>a.btn_more:hover::after{ opacity: 1; width: 100%; height: 100%; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }



/* .left_pics */
.left_pro_img{position:relative;margin:20px auto;margin-bottom:30px;display:flex;flex-wrap:wrap;width:100%;justify-content:center;}
.small_left_pro_img{width:auto;}
.left_pics{width:100%;height:auto;margin:0 auto;text-align:center;margin-bottom:20px;position: relative;}
.left_pics img{text-align:center;width:100%;}
.small_left_pro_img img{width:auto;}
.related_pic{width:100%;display:flex;justify-content:center;}
.related_pic a{width:15%;margin-right:2%;display:block;height:auto;float:left;}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin:0px 0 5px 0;}
.related_pic img:hover,.related_pic a.imgdq img{border:1px #062d32 solid;}
.con_all a{width: auto;}
.con_all{ padding:3px 40px; background-color:#062d32; color:#fff; cursor:pointer; position:relative; z-index: 1; border-radius:5px;overflow: hidden; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }


.con_all:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#008ea2;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:transform .24s cubic-bezier(.37,.31,.31,.9);-webkit-transition:-webkit-transform .24s cubic-bezier(.37,.31,.31,.9);transition:-webkit-transform .24s cubic-bezier(.37,.31,.31,.9);transition:transform .24s cubic-bezier(.37,.31,.31,.9);transition:transform .24s cubic-bezier(.37,.31,.31,.9),-webkit-transform .24s cubic-bezier(.37,.31,.31,.9)}
.con_all:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}

.product_style ul li ol{position: relative;display: block;overflow: hidden;}
.other_pro ul li ol li.product_con{position: absolute;right: 0;bottom: 0;width: 100%;}
.other_pro ul li ol li.product_con a{ padding:0; color:#fff; background-color:#062d32; padding:0 10px; display: block; border-top-left-radius:5px;border-top-right-radius:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.other_pro ul li ol{width: auto;}
.other_pro ul>li{padding: 0 10px;}


/* nav */
.top-nav .navbar-nav .dropdown-menu1{min-width:26.5rem;left:0;top: 0; padding:.3rem 1.5rem}
.top-nav .navbar-nav .dropdown-menu1{ max-width:1920px; visibility:hidden; display:block; left:0; transform:translateY(35px); border-bottom: none;display: none;  opacity:0; padding:0; top:60px; background:0; z-index: -1; position:fixed!important; min-width:auto; width:100%; box-shadow:none; }
.navbar-nav .dropdown-menu1.show{ opacity:1; visibility:visible; transform:translateY(22px); z-index: 1;display: block;  -webkit-transform:translateY(22px); -moz-transform:translateY(22px); -ms-transform:translateY(22px); -o-transform:translateY(22px); }
.navbar-nav .dropdown-menu1 ul{max-width:1260px;margin:0 auto;width:94%;position:relative;float: none; display:flex;border-bottom: 2px solid #062d32; padding:1.5rem 30px;flex-wrap:wrap;overflow:hidden;background:#fff;box-shadow:0 15px 22px -10px #999}
.navbar-nav .dropdown-menu1 ul>li{width:23.5% !important;margin:0 2% 1rem 0}
.navbar-nav .dropdown-menu1 ul>li>ol>li{width: auto !important;}
.navbar-nav .dropdown-menu1 ul>li:nth-child(4){margin-right:0}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{display:block;margin:0 0 1rem 0;}
.top-nav .navbar-nav .dropdown-menu1 li .dropdown-item{font-size: 1.3rem;font-weight: bold;padding-bottom: 10px;position: relative;text-align: center;margin-bottom: 10px;white-space: normal;padding: 0.25rem 1rem;}
.top-nav .navbar-nav .dropdown-menu1 li .dropdown-item::after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 100px; height: 3px; background-color: #062d32; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.top-nav .navbar-nav .dropdown-menu1 li{font-size: 1.2rem;font-weight: normal;}
.top-nav .navbar-nav .dropdown-menu1 li a{margin-bottom: 0;}
.top-nav .navbar-nav .dropdown-menu1 li .dropdown-item:hover{color: #ffc323;}
.top-nav .navbar-nav .dropdown-menu1 li ol li a:hover{color: #ffc323;}
.navbar-light .navbar-nav .nav-link{position: relative;}
.nav-item span.pro_icon{ position:absolute; top:50%; transform:translateY(-50%);z-index: 3; right:0; color:#999; padding:0; font-size:30px; width:30px; height:30px; line-height:30px; display:none; text-align:center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }

/* project */
.etw_customer ul{ display:flex; flex-wrap:wrap; position:relative;}
.etw_customer>ul>li{ width:32%; margin:0 2% 2rem 0;}
.etw_customer>ul>li:nth-child(3n){ margin-right:0;}
.etw_customer>ul>li:nth-child(3n+1){ clear:both;}
.etw_customer>ul>li ol{ position:relative; display:flex; flex-wrap:wrap;}
.etw_customer>ul>li ol li.product_con{ position: absolute; left:0; right:0; margin:0 auto; bottom:1rem; width:90%;}
.etw_customer>ul>li ol li.product_con span{display: block;
    color: #111;
    background: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
    font-weight: 400;
    text-align: left;
    padding: 1rem 1.5rem;
    transition: .3s all ease-in-out;}

.etw_customer>ul>li ol li.product_img{ position:relative; overflow:hidden;}
.etw_customer>ul>li ol li.product_img img{transition: .3s all ease-in-out;}
.etw_customer>ul>li ol li.product_img a{ display:block;}
.etw_customer>ul>li ol:hover li.product_img img{ transform:scale(1.06);}
.etw_customer>ul>li ol:hover li.product_con span{ background:rgba(6, 45, 50, 0.8); color:#fff;}

@media (max-width:1200.98px){
  .navbar-light .navbar-nav .nav-link{padding: 0.5rem 1rem;font-size:1.2rem;}
  .top_right{width: auto;padding-right: 15px;}
  #etw_logo{width: 200px;}
  #etw_logo img{width: 100%;display: block;}
  #home_main_products{padding: 0 15px;}
  .aboutbottom ol .con .txt .pro_tit a{font-size: 1.5rem;}
}
@media (max-width:992.98px){
  .etw_language{width:auto;height:auto;margin:0;}
.etw_language>ul>li::before{ position:absolute; content:""; width:1px; height:70%; top: 50%; transform:translateY(-50%); background-color:#ccc; right:1rem; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.etw_language>ul>li>a{margin:1.8rem 2.2rem 1rem 0;text-align:center;width:40px;z-index:100;display:block;}
.etw_language ul li ul{position:absolute;width:100px;left:-1.8rem;top:90%;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none;}
#etw_language{width:100%;background:#fff;margin:0}
#etw_language .dropdown-item{width:auto;color:#333;line-height:1rem;padding:.6rem 0;clear:inherit;display:block;background:0 0;text-align:center}
#etw_language .dropdown-item:hover{background:#fff}
.top-nav{float: none;width: 100%;overflow: hidden;}
.navbtn{margin-right: 15px;}
.top_right{padding-right: 0;}
.navbar{padding: 0 15px;}
.navbar .navbar-nav{width: 100%;}


.top-nav .navbar-nav .dropdown-menu1{position: inherit !important; top: 0;}
.top-nav .navbar-nav .dropdown-menu1 ol{display: none;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{display: none;}
.navbar-nav .dropdown-menu1 ul{width: 100%;display: block;padding: 0.5rem 10px;box-shadow: none; }
.top-nav .navbar-nav .dropdown-menu1 li{float: none;width: 100% !important;margin-bottom: 0px;}
.top-nav .navbar-nav .dropdown-menu1 li .dropdown-item{font-size: 1rem;text-align: left;padding-bottom: 0;margin-bottom: 0;font-weight:normal; padding: 0.25rem 0.5rem;}
.top-nav .navbar-nav .dropdown-menu1 li .dropdown-item::after{display: none;}
.top-nav .navbar-nav .dropdown-menu1{ transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
.navbar-nav .dropdown-menu1.show{transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ;}
.top-nav .navbar-nav .dropdown-menu li{float: none;width: 100%;}
.top-nav .navbar-nav .dropdown-menu li>a{margin-bottom: 0;padding: 0.25rem 0.5rem;font-size: 1rem;}
.dropdown-menu{border: none;}
.dropdown-toggle::after{display: none;}
.nav-item span.pro_icon{ display:block;}	
.nav-item span.caret{ display:none;}
.nav-item .dropdown-toggle::after{ border:none;}
.con_become1 h3.tit{font-size: 2rem;padding: 3rem 0;}
.btn_video1{width: 50px;height: 50px;}
.etw_ban .txt .tit{font-size: 1.8rem;margin-bottom: 0;}
.entries{padding: 0 15px;}
.entries .entry{width: calc(50% - 30px);}
.entries .entry .title:before{right: -62px;}
.entries .entry:nth-child(2n) .title:before{left: -62px;}
#etw_sidebar{display: none;}


}
@media (max-width:767.98px){
  .about_video{display: none;}
  #etw_banner{display: none;}
  #etw_logo{width: 150px;margin-top: 10px;}
  .con_become1 h3.tit a{float: none;display: inline-block;margin-top: 20px;}
  .project_case .item .box{display: block;}
  .project_case .item .box-left, .project_case .item .box-txt{width: 100%;}
  .project_case .item .box-left{margin-bottom: 20px;}
  .etw_ban img{display: none;}
  .etw_ban{padding: 80px;}
  .etw_info{margin-left: 0;}
  #etw_producttitle #etw_container{overflow: initial;}
  #etw_container{overflow: hidden;}
  .product_style ul.no_list li ol li.product_con p,.product_style ul.no_list>li>ol>li.product_con>a.btn_more{display: none;}
  .product_style ul.no_list li ol li.product_con a{font-size: 1.2rem;}
  .other_pro ul li ol li.product_con a{height: auto;font-size: 1.2rem;padding: 10px;white-space: initial;}
  .etw_customer>ul>li{width: 49%;margin-right: 2%;}
 .etw_customer>ul>li:nth-child(3n){margin-right: 2%;}
 .etw_customer>ul>li:nth-of-type(2n){margin-right: 0;}
 .etw_customer>ul>li{width: 100%;margin-right: 0;}
 .etw_customer>ul>li ol li.product_img img{width: 100%;display: block;}
 .etw_customer>ul>li ol{float: none;}
 .etw_customer>ul>li ol li.product_img{float: none;}
 .etw_customer>ul>li ol{display: block;}
 .etw_customer ul{padding: 0 15px;display: block;}
 .aboutbottom ol{width: 100%;float: none;margin-right: 0;}
 .aboutbottom ol .con .txt{padding: 15px 69px 15px 15px;margin: 0;width: 100%;min-height: auto;}
 .etw_info1{padding: 2rem 0;}
 .row-about2 p{padding-right: 0;}
 .row-about2{padding: 2rem 0;background-color: #24606a;background-image: none;}
 .etw_about_photo ul li{width: 100%;margin-right: 0;}
 .etw-a2{padding: 1rem 0 2rem;}
 .row_about1{padding: 1rem 0;}
 .etw_ban .txt .tit{font-size: 1.4rem;}
}

@media screen and (max-width: 650px){
  .con_become1 h3.tit{display: block;}
  .etw_ban{margin-bottom: 30px;}
  .entries::after{left: 17px;}
  .entries::before{display: none;}
  .entries .entry{text-align: left;float: left;width: 100%;}
  .entries .entry:not(:first-child){margin-top: 0;}
  .entries .entry .title:before{right: initial;left: -30px;}
  .entries .entry:nth-child(2n) .title:before{left: -30px;}
}







/* video */
.videoall{width:96%;margin:0 auto;max-width:1150px; margin-bottom: 30px;}
.videoall ul{display:flex;flex-flow:wrap;float: none;}
.videoall ul li{width:49%;float:left;margin:15px 2% 5px 0;}
.videoall ul li a{display:block;text-align:center;line-height:18px;font-size:1.2rem;padding: 10px 0; text-decoration:underline;color:#555;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.videoall ul li:nth-child(2n){margin:15px 0px 5px;margin-right:0}
.videoall ul li:nth-child(2n+1){clear:both;}
.videoall ul li span{display:block;margin-bottom:10px;text-align:center;padding-top:5px;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.videoall ul li a:hover{text-decoration:none;color:#062d32;}
.videoall video{border:1px solid #ccc;}
.plyr__video-wrapper,.plyr__poster,.plyr--video{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));}

span.icon-play,span.icon-play1{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 0 0 6px;display:block;text-align:center;margin:0 auto;color:#e30613;font-size:28px;border-radius:50%;width:60px;height:60px;background:#fff;line-height:48px;opacity:1;font-family:fontawesome;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
span.icon-play:hover{opacity:0.9;}
.about_video {
  background-color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  position: absolute;
  top: -9%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  text-align: center;
  border: 1px solid #062d32;
  padding-top: 0.3rem;
  padding-left: 0.3rem;
  cursor: pointer;
}
.about_video i {
  font-size: 2.2rem;
  color: #062d32;
}
.about_video:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #062d32;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}




.etw_video_bg{background: url(/upload/3539/o/pro01.jpg) center center; background-size: cover;height: 150px;margin-bottom: 20px;position: relative;z-index: 1;}
.etw_video_bg::after{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background-color: rgba(6, 45, 50, 0.5);z-index: 2;}

@media (max-width:767.98px){.videoall ul li{width:100%;margin-right:0;}
#etw_homefooter a{margin-bottom:5px;display:inline-block;}
}

@media screen and (max-width:480px){
  #etw_home_contactin{width: 100%;}
  #etw_contactin, .etw_tags, .form_inquiry{width: 100%;margin-bottom: 0;}


}


 /* news_list */

 .news_list{width:100%;float: none;}
 .news_list ul,.news_list ul>li{float: none;}
 .news_list ul>li>ol{overflow: hidden; flex-wrap:nowrap;padding:1rem;background:#eee; margin-bottom: 2rem;float: none;}
 .news_list ul>li>ol>li.product_img{width:58%; float: left; max-width: 220px;max-height: 210px;overflow: hidden; margin-right: 1rem;}
 .news_list ul>li>ol>li.product_img img{width: 100%;display: block;}
 .etw_page{margin:0 auto;overflow:hidden;text-align: center;}
 .etw_page li{display: inline-block;}
 .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_list ul>li>ol>li.product_con{overflow: hidden;float: none;}
 .news_list ul>li>ol>li.product_con .newstime{background:#ccc;padding:.5rem;clear:both}
 .news_list ul>li>ol>li.product_con a{font-size:1.2rem;color:#333;margin-top:1rem;margin-bottom:.5rem; text-overflow:ellipsis;
   white-space: nowrap;
   overflow: hidden; display:block;transition:.3s}
 .news_list ul>li>ol>li.product_con p{    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;color:#666}
 .news_list ul>li>ol>li.product_con a:hover{color:#e60819;text-decoration:none}
 .news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:30px}
 .news_name h2{color:#022e5b;font-size:1.5rem;margin-bottom:12px;padding-bottom:15px;border:none}
 .news_name h5{color:#777;font-size:1rem}
 .news_prevnext{width:100%}
 .news_detail img{text-align: center; margin: 0 auto; display: block;}
 .new_next {background-color: #eee; padding: 1rem; margin-top: 2rem;}
 .new_next a{font-size: 1.1rem; position: relative; padding-left: 1.5rem;}
 .new_next a::before{content: "\f178"; position:absolute;color:#0c499e;  left:0px; top:-2px;font-family:fontawesome;}
 @media (max-width: 767.98px) {
 .news_list ul>li>ol{flex-wrap:wrap;}
 .news_list ul>li>ol>li.product_con{width:100%;}
 .news_list ul>li>ol>li.product_img{width:100%;max-width: 100%; text-align: center; margin: 0 auto 20px; display: block;}
 .exhibition{display: none;}
 }