@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{font-family:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) format("truetype")}
@font-face{font-family:iconfont;src:url(../font/iconfont2.ttf?t=1650436673841) format("truetype")}
@font-face{font-family:iconfont;src:url(../font/iconfont3.ttf?t=1650939028793) 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:#333;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.45}
*{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.2rem;display:inline-block;font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#000; padding-bottom: .5rem; margin-top: .5rem;}
b{font-weight:normal;color:#333;font-family:Arial,Helvetica,sans-serif;}
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:0 .5rem}
.layui-layer-btn a{color:#fff!important;margin-bottom:1rem!important}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.review{color:red;font-size:18px}
.brief{width:100%;margin:0 auto;font-size:.9rem;color:#666}
.etw_pdf{width:100%;margin:2rem auto}
.etw_pdf ul{width:100%;display:flex}
.etw_pdf ul li{width:32%;margin-right:2%}
.etw_pdf a{color:#016acf;padding-left:2rem;position:relative;display:block}
.etw_pdf a::before{position:absolute;content:"\f1c1";left:0;top:-2px;font-family:fontawesome;font-size:1.1rem}
.etw_pdf a:hover{color:#da251c}
.img_list h4{font-size:1rem;text-align:center;font-family:Arial,Helvetica,sans-serif;margin-bottom:.5rem}
.img_list span{text-align:center;display:block;padding:.5rem;font-size:1rem}
.img_list a{overflow:hidden;display:block;position:relative}
.img_list a img{transition:all .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 .3s linear 0s}
.img_list_bg .img_item::after{position:absolute;right:0;top:0;width:0;height:100%;background-color:#0f99a0;opacity:.851;content:"";transition:all .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}
.bg-light{padding:3rem 0;margin:0 auto; padding-bottom: 1rem; overflow: hidden; width: 100%;}
.theme-send-inquiry-box{background:#333!important}
.theme-box-name{background:#da251c!important;text-transform:uppercase;border-left:1px #da251c solid!important}
h3{font-size:1.4rem;margin-bottom:1rem}
h4{color:#333;font-size:1.1rem;margin-top:1rem}
.h4_title{font-size:1.4rem;position:relative;margin-bottom:1rem;margin-top:1rem;padding-bottom:1rem;font-family:Arial,Helvetica,sans-serif}
.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}
.etw_hometitle,h2{display:block;line-height:1.35;color:#000;font-size:1.8rem;margin-top:1rem;margin-bottom:1rem;padding-bottom:.5rem;font-family:Arial,Helvetica,sans-serif;}
.swidth{width:90%;margin:0 auto;margin-bottom:2rem}
.midlewidth{width: 100%; max-width: 1000px;margin:0 auto;margin-bottom:2rem; text-align: center;}
h3.small_title{display:block;color:#999;font-size:1.2rem;margin-top:0;margin-bottom:1.2rem;}
.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 .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#000}
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;background:#fff}
#header::before{position:absolute;content:"";top:0;left:0;width:100%;height:45px;background-color:#f6f7f8}
.header_in{width:100%;max-width:1200px;margin:0 auto}
#etw_logo{width:auto;text-align:center;float:left;margin-top:.5rem;position:relative;z-index:1}
.top-nav{width:100%;float:left;padding:.5rem 0;position:relative}
.top_inquiry{position:absolute;right:0;top:1.2rem}
.top-nav .navbar{width:100%;margin:0 auto;padding-bottom:0;padding-left:0;padding-right:0}
.nav-fixed{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;animation:.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}
}
.navbar-expand-lg .navbar-collapse{flex-flow:row wrap!important}
.navbar-nav{width:100%}
.navbar-light .navbar-nav .nav-link{color:#333;transition:all .5s}
.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 1rem;color:#333;font-size:1rem;position:relative;font-family:Arial,Helvetica,sans-serif;}
.navbar-expand-lg .navbar-nav .nav-item:nth-child(3) .nav-link{cursor: default; }
.navbar-light .navbar-nav .nav-link:before{content:"";position:absolute;bottom:-.6rem;left:0;right:0;margin:0 auto;height:4px;width:0;background:#da251c;transition-delay:.1s;transition:.1s all linear;border-radius:2rem}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before,.navbar-light .navbar-nav .show .nav-link:before{width:100%;right:0}
.navbar-expand-lg .navbar-nav .dropdown-menu{padding-top:0;padding-bottom:0;top:47px}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>a{background-color:#fff;color:#333;font-size:1rem;position:relative;display:block;transition:all .5s;padding-top:.6rem;padding-bottom:.6rem;padding-left:2rem;border-bottom:1px dashed #eee;position:relative}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>a::before{position:absolute;content:"\f192";font-family:fontawesome;left:.8rem;top:.8rem;font-size:.8rem;color:#eee;transition:.5s}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a{color:#333;display:block;padding-top:.2rem;padding-bottom:.2rem;padding-left:2.5rem;font-size:.9rem;position:relative}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>a:hover::before,.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a:hover{color:#e4202a}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a::before{position:absolute;content:"\f0da";left:1.8rem;top:.2rem;font-family:fontawesome}
.navbar-expand-lg .navbar-nav .dropdown-menu>li:last-child>a{border-bottom:none}
.dropdown-menu-one li>a.active,.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:#da251c}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#e4202a}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover{color:#e4202a!important}
.dropdown-item{font-size:.9rem}
.nav-item span.pro_icon{position:absolute;top:.5rem;right:1rem;color:#e4202a;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 #menu-items{position:absolute;background:0 0!important;padding:0;box-shadow:none;position:fixed;width:100%!important;top:98px!important;max-width:800px;left:50%!important;margin-left:-400px!important;border-radius:0;border:none}
.smallpro_box{position:relative;left:inherit;max-width:inherit}
.dropdown-menu{border:none}
.top-nav .navleft{padding-left:0;width:40%;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}
#menu-items .navleft li{line-height:45px;border-bottom:1px #eee solid;clear:both}
#menu-items .navleft li:last-child{border:none}
#menu-items .navleft li a{font-size:0.95rem;padding:10px 0 10px 2rem;display:block;background-color:#fff;line-height:1.5rem;color:#333;position:relative;transition:.5s}
#menu-items .navleft li a::before{position:absolute;content:"\f192";font-family:fontawesome;left:.8rem;top:.6rem;font-size:.8rem;color:#eee;transition:.5s}
#menu-items .navleft li a:hover:before{color:#d4020d}
#menu-items .navleft li a::after{position:absolute;content:"\f105";font-family:fontawesome;right:.5rem;top:.5rem;font-size:1rem}
#menu-items .navleft li a.lidq,#menu-items .navleft li a:hover{color:#d4020d}
.top-nav .navbar-nav .navright{width:59%;margin-left:1%;float:left;display:block;padding:1rem;background-color:#fff;box-shadow:0 .5rem 1rem rgba(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{width:100%;padding:0 1%;float:left;margin-bottom:10px;clear:inherit}
.top-nav .navbar-nav .navright ul li>a{padding-left:1.5rem;color:#333;display:block;position:relative;line-height:1.3;border-bottom:1px #eee solid;transition:all .5s;font-size: .9rem;}
.top-nav .navbar-nav .navright ul li ol a{display:block;color:#666;font-size:.9rem;line-height:1.35;margin-bottom:.4rem;border-bottom:1px dashed #f5f5f5;padding-bottom:.5rem;margin-bottom:.5rem;}
.top-nav .navbar-nav .navright ul li>a::before{position:absolute;content:"\f192";font-family:fontawesome;left:.5rem;top:.1rem;font-size:.8rem;color:#eee;transition:.5s}
.top-nav .navbar-nav .navright ul li a:hover,.top-nav .navbar-nav .navright ul li ol a:hover,.top-nav .navbar-nav .navright ul li>a:hover::before{color:#d4020d}
}

.etw_language{float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;height:22px;line-height:22px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem;border-radius:22px;margin-top:.5rem}
#etw_language{float:right;width:auto;text-align:right}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:.5rem;color:#333;min-width:auto!important;background:0 0;border-radius:5px;position:relative;margin-right:1rem}
#etw_language .dropdown-item::before{position:absolute;content:"";width:4px;height:4px;border-radius:50%;background-color:#333;left:0;top:.8rem;border-radius:50%}
#etw_language .dropdown-item img{margin-right:5px}
#etw_language .dropdown-item:hover{color:#d90f18}
#etw_language .dropdown-item:focus{background:0 0!important}
#etw_banner{width:100%;position:relative;overflow:hidden}
.banner_01{width:100%;max-width:1200px;margin:0 auto;line-height:1.35;font-size:1.2rem; text-align: center;}
.ban_txt{width:100%;max-width:650px;position:absolute;top:30%;font-size:2.8rem;}
.ban_txt ul{width: 100%; display: flex; flex-wrap: wrap; text-align: left;}
.ban_txt ul li{width: 100%; padding-left: 2rem; color: #d90f18;font-family:Arial,Helvetica,sans-serif; text-shadow: 1px 2px 1px #fff; position: relative;}
.ban_txt ul li::before{position: absolute; content: ""; left: 0; top: 1.5rem; width: 10px; height: 10px; background-color: #d90f18; border: 1px solid #fff;}
.ban_txt2{max-width:730px;}
.ban_txt2 p{color: #fff; text-align: left; line-height: 1.3; font-size: 2.2rem;font-family:Arial,Helvetica,sans-serif;text-shadow: 1px 1px 2px #000;}


.advantage_box{width:100%;margin:0 auto;overflow:hidden;background-color:#fff;padding:3rem 0}
.adv_item{height:100%;transition:.8s all;-webkit-transition:.8s all; padding:1rem 2rem;}
.adv_item a,.adv_item a span{display:block}
.adv_item a{color:#333}
.adv_item a h3{font-size:1.6rem;font-family:Arial,Helvetica,sans-serif;text-align:center;text-transform:uppercase;transition:.8s all;-webkit-transition:.8s all; height: 50px; display: flex; align-items: center; justify-content: center;}
.adv_item a span{text-align:center;font-size:5rem;color:#fff; background-color: #da251c; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; margin-bottom: 1.5rem;line-height: 100px;}
.adv_item a .small{font-size: 3.5rem;}
.adv_item:hover,.advantage_box .col-md-4:nth-child(2) .adv_item:hover{background-color:#f5f5f5}
.adv_item:hover h3{color:#da251c}
.about_box{width:100%;margin:0 auto;overflow:hidden;padding:3rem 0;background-color:#f6f7f8;line-height:1.35}
.about_des{padding:2rem;padding-top:1.5rem;background-color:#da251c;height:100%;color:#fff}
.about_img,.prodetails_img{position: relative;}
.about_img img{width: 100%;}
.video_icon{width:60px;height:60px;background-color:rgba(255,255,255,.88);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s;cursor:pointer;z-index:1;padding-left:.5rem;border:2px solid #ca1c1d}
.video_icon::before{position:absolute;content:"\f0da";font-family:fontawesome;color:#ca1c1d;font-size:3.2rem;transition:all .5s}
.video_icon:hover{background-color:#ca1c1d}
.video_icon:hover::before{color:#fff}

/* video_item */
.videoinner_item{width: 100%; height: 100%; padding: 1rem; background-color: #f8f8f8; border-radius: 1rem;}
.video_text a{display: block; padding: .5rem 0; color: #999; font-size: .9rem; position: relative; line-height: 1.3; padding-left: 1.5rem;}
.video_text a::before{position: absolute; content: "\f0a9"; left: 0; top: .5rem;  font-family: fontawesome; transition: all .5s;}
.videoinner_item:hover a{color: #ca1c1d;}
.videoinner_item:hover a::before{left: .3rem;}
.plyr__poster{background: none !important;}


.webtitle{font-size:2rem;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;padding-bottom:.5rem}
.btn_more{color:#da251c;font-size:.9rem;margin-top:1rem;background-color:#fff;padding:.5rem 1rem;position:relative}
.btn_more::after{position:absolute;content:"";right:-30.5px;top:0;width:0;height:0;border-bottom:33px solid #fff;border-right:31px solid transparent}
.btn_more::before{position:absolute;content:"\f105";right:3px;top:.4rem;font-family:fontawesome}
.mainpro{width:100%;margin:3rem auto}
.mainpro .webtitle{border-bottom:1px dashed #ddd;margin-bottom:1rem}
.swidth{max-width: 600px; width: 100%;}
.pro_item{height:100%;background-color:#f6f7f8;transition:all 1.5s}
.pro_item a{color:#999}
.pro_item a h3{color:#333;font-size:1.3rem;font-family:Arial,Helvetica,sans-serif;margin-bottom:.5rem}
.pro_item a p{font-size:.9rem;line-height:1.35}
.pro_item .mro_des{padding:2rem;transition:all .8s}
.pro_item dl{border-bottom:1px solid #f2f2f2;font-size:.9rem;margin-bottom:.5rem}
.pro_item dl:last-child{margin-bottom:0;border:none}
.pro_item dl dt{font-weight:400;padding-right:1rem;color:#000;font-family:Arial,Helvetica,sans-serif}
.pro_item dl{display:flex}
.pro_item .mro_img{position:relative; background-color: #fff;}
.pro_item .mro_img::before{position:absolute;content:"\f064";font-family:fontawesome;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background-color:#da251c;display:flex;justify-content:center;align-items:center;color:#fff;opacity:0;transition:all .8s;font-size:1.4rem}
.pro_item .mro_img::after{position:absolute;content:"";width:100%;height:0;background-color:rgba(0,0,0,.15);left:0;top:0;transition:all .8s}
.pro_item:hover .mro_img::before{opacity:1}
.pro_item:hover .mro_img::after{height:100%}
.pro_item:hover{background-color:rgba(0,0,0,.15)}
.pro_item:hover .mro_des{color: #333;}
/* bigtitle */
.bigtitle{width: 100%; border-bottom: 1px solid #f5f5f5; margin: 2rem auto;}
.bigtitle,.bigtitle a{font-size: 1.6rem; color: #da251c; padding: .5rem 0;font-family:Arial,Helvetica,sans-serif;}
.bigtitle a{position: relative; display: block; transition: all .8s; padding-left: 2.2rem;}
.bigtitle a::before{position: absolute; content: "\f18e";font-family:fontawesome; left: 0; top: .5rem; transition: all .8s;}
.bigtitle a:hover:before{color: #000; left:.5rem;}
.bigtitle a:hover{color: #000;}
/* etw_products */
.etw_products{width: 100%; margin: 0 auto; }
.etw_products ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.etw_products ul>li{width: 23.5%; margin-right: 2%; margin-bottom: 2rem; background-color: #f2f2f2; }
.etw_products ul>li:nth-child(4n){margin-right: 0;}
.etw_products ul>li a img{mix-blend-mode: multiply;}
.etw_products ul li.product_img{background-image:radial-gradient(#fff,#f0f7fc)}
.etw_products ul li.product_con a{font-size: 1rem; color: #000; display: block; padding-bottom: .5rem;font-family:Arial,Helvetica,sans-serif; display: block; height: 65px; position: relative;transition: all .8s; padding-right: 1.5rem; background-color: #fff;padding-top:.5rem; }
.etw_products ul li.product_con_height a{height: auto; padding-bottom: 1rem;}
.etw_products ul li.product_con a::before{position: absolute; font-family:fontawesome; right: .5rem; top: .5rem; transition: all .8s;content: "\f061"; color: #ddd; font-size: .9rem;}
.etw_products ul li:hover .product_con a,.etw_products ul li:hover .product_con a::before{color: #da251c;}
.etw_products ul li:hover .product_con a::before{right: 0;}
.etw_products ul li.product_con dl{display: flex; font-size: .83rem; margin-bottom: 0; padding:.5rem .5rem; padding-bottom: 0; justify-content: space-between; }
.etw_products ul li.product_con dl:nth-of-type(3){padding-bottom: .5rem;}
.etw_products ul li.product_con dt{font-weight: normal; color: #333; padding-right: .2rem;}
.etw_products ul li.product_con dd{color: #999; margin-bottom: 0; }
/* hub_products */
.hub_products{width: 100%; margin: 0 auto;}
.hub_products ul{width: 100%; display: flex; flex-wrap: wrap;}
.hub_products ul>li{width: 49.5%; margin-bottom: 2rem;  padding:1rem; position: relative;  box-shadow: 0px 4px 10px 0px rgba(0,0,0,.2); margin-right: 1%;position: relative; background-color: #fff;}
.hub_products ul>li:nth-child(2n){margin-right: 0;}
.hub_products ul>li>ol{width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.hub_products ul>li>ol>li.product_img{width: 53%; margin-right: 2%; overflow: hidden; }
.hub_products ul>li>ol>li.product_img img{transition: all .8s; transform: scale(1);mix-blend-mode: multiply;}
.hub_products ul>li>ol>li.product_con{width: 45%; color: #666; font-size: .95rem; }
.hub_products ul>li>ol>li.product_con a{color: #333; font-size: 1.1rem;font-family:Arial,Helvetica,sans-serif; display: block;transition: all .8s; padding-bottom: 1.5rem; position: relative; line-height: 1.35; }
.hub_products ul > li > ol > li.product_con>a::after{position: absolute; content: ""; bottom: .6rem; left: 0; background-color: #da251c; width: 80px; height: 5px;}
.hub_products ul>li>ol>li.product_con .more{font-family: Arial, Helvetica, sans-serif; font-size: .8rem; text-align: left; background-color: #da251c; width: 120px; color:#fff; padding: .2rem 1rem; padding-right: 2rem; position: relative; }
.hub_products ul>li>ol>li.product_con .more::before{position:absolute;content:"\f105";right:1rem;top:.2rem;font-family:fontawesome}
.hub_products ul>li>ol>li.product_con .more::after{display: none;}
.hub_products ul>li>ol:hover>li.product_con .more{color: #fff; background-color: #0e1c25;}
.hub_products ul>li>ol:hover>li.product_con a{color: #000;}
.hub_products ul>li>ol dt{font-weight: normal;font-family:Arial,Helvetica,sans-serif; font-size: .8rem; }
.hub_products ul>li>ol dl{margin-bottom: 0; position: relative; padding-left: .8rem; font-size: .8rem; margin-top: 1rem; width: 32.5%; margin-right: 1%;color: #666; }
.hub_products ul>li>ol dl:nth-of-type(3n){margin-right: 0;}
.hub_products ul>li>ol dl::before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #da251c; left: 0; top: .4rem;}
.hub_products ul>li:hover>ol>li.product_img img{transform: scale(1.05);}
.hub_products ul>li:hover>ol>li.product_img a::before{bottom: 0;}
/* tec_ferture */
.tec_ferture{width: 100%; margin: 2rem auto; padding:2rem 2rem; position: relative; background: url(../images/bg_f.jpg) no-repeat; background-size: cover}
.tec_ferture::before{position: absolute;content: ""; left: 0; top: 0; position: absolute; width:4px; height: 100%; background-color: #da251c; border-radius: 50%;}
.ferture_item{background-color: #fff; padding:1rem 2rem; height: 100%;}
.tex_item dl{position: relative; padding-left: 1rem; display: flex; margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px dashed #eee; }
.tex_item dl::before{position: absolute; content: ""; background-color:#b00811;font-size:1rem;width:6px;height:6px;border-radius:50%; left: 0; top: .5rem;}
/* components_box */
.components_box{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.components_box li{margin-right: 2%; width: 32%; margin-bottom: 1rem; position: relative;}
.components_box li a{position: relative;display: block;}
.pic4 li{width: 23.5%;}
.components_box li:nth-child(3n){margin-right: 0;}
.pic4 li:nth-child(3n){margin-right: 2%;}
.pic4 li:nth-child(4n){margin-right: 0;}
.components_box li span{ display: block; width: 100%; background-color: rgba(0,0,0,.35); line-height: 1.2; color: #fff;padding: .5rem;position: absolute;left: 0;right: 0;bottom: 0; }
.components_box li p{font-size: .9rem; line-height: 1.35; padding:10px .5rem 0 ;}
/* functions_box */
.functions_box{width: 100%; margin: 0 auto; height: 100%;}
.functions_box ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1rem; width: 100%; border-bottom: 1px dashed #eee; padding-bottom: 1rem; align-items: center; height: 100%;}
.functions_img{width: 30%; margin-right: 2%;}
.functions_box .big{width: 45%; }
.functions_des{width: 68%;}
.functions_box .small_box{width: 53%; }
.functions_des h3{font-size: 1.1rem; color: #333;font-family:Arial,Helvetica,sans-serif;}
/* optional_box */
.optional_box{width: 100%; margin: 0 auto;display: flex; flex-wrap: wrap;}
.optional_box ul{width: 32%; margin-right: 2%; font-size: .9rem;}
.optional_box ul:nth-child(3n){margin-right: 0;}
.optional_box ul li img{mix-blend-mode: multiply;}
.optional_box ul li{padding: 0 .5rem;}
.optional_box ul li.img{background-color: #eee; margin-bottom: 1rem; padding: 0;}
.optional_box ul li h3{font-size: 1.1rem;color: #333;font-family:Arial,Helvetica,sans-serif;}
/* configurations_list */
.configurations_list{width: 100%; display: flex; flex-wrap: wrap;}
.configurations_list dl{width: 48%; margin-right: 2%; display: flex; flex-wrap: wrap; justify-content: space-around; background-color: rgba(0, 0, 0, 0.05); padding: .5rem; align-items: center;}
.configurations_list dl:nth-child(2n){margin-right: 0;}
.configurations_list dl dt{font-weight: normal;font-family:Arial,Helvetica,sans-serif; flex: 2;}
.configurations_list dl dd{flex: 1;}

/* .view_time_line */
.view_time_line{width:100%;position:relative;background:url(../images/gray-px.png) repeat-y center top;overflow:hidden;margin:0 0 2rem 0}
.view_time_line:before{position:absolute;content:"";background:url(../images/history.png) no-repeat;left:0;top:0;right:0;margin:0 auto;width:42px;height:4px}
.view_time_line a{color: #f2c70d; text-decoration: underline;}
.views-row{float:left;margin:0 0 12% 0;width:45%;clear:left}
.view_time_line .views-row:first-child{margin:4rem 0 12% 0}
.view_time_line .views-row:nth-child(2n){float:right;width:45%;clear:right;padding-top:7rem;margin:0}
.view_time_line .views-row:nth-child(2){padding-top:16%}
.type-acquisition{position:relative;display:flex;flex-wrap:wrap}
.view_time_line .views-row:nth-child(2n) .type-acquisition{flex-direction:row-reverse}
.view_time_line .views-row:last-child{margin:0 0 4rem 0}
.time_left{width:30%;position:relative;background-color:#333;text-align:center}
.year1 .time_left{background:#da251c}
.year2 .time_left{background:#0d406b}
.time_right{width:70%;position:relative;background-color:#727985;padding:2rem;color:#fff}
.time_right p{font-size:1rem;line-height:1.6rem}
.year{background-color:#fff;position:absolute;text-align:right;width:15.4%;top:20px;right:-15%;font-size:1.2rem}
.view_time_line .views-row:nth-child(1) .type-acquisition .year:after{content:"";position:absolute;background:url(../images/zigzag.png) no-repeat;width:45px;height:57px;left:39px;top:27px}
.view_time_line .views-row:nth-child(2n) .type-acquisition .year{right:auto;left:-15%;text-align:left}
.arrow{font-size:0;line-height:0;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #727985;position:absolute;top:-4px;left:0}
.view_time_line .views-row:nth-child(2n) .type-acquisition .arrow{left:auto;right:0;border-right:15px solid #727985;border-left:none}
.timeline-year{color:#fff;font-size:1.8rem;border-bottom:1px solid #fff;padding:.5rem 0;font-weight:600}
.timeline-type{color:#fff;font-size:1.1rem;text-transform:uppercase;padding:1rem 0}
@media only screen and (max-width:1199.98px){.view_time_line .views-row:nth-child(1) .type-acquisition .year:after{display:none}
}
@media only screen and (max-width:991.98px){.view_time_line{background:0 0;margin:0}
.view_time_line:before{display:none}
.view_time_line .views-row:first-child,.view_time_line .views-row:nth-child(2n),.views-row{width:100%;float:none;margin:0 0 2rem 0;padding:0}
.top-nav{padding: 0;}
}
@media only screen and (max-width:575.98px){.time_left,.time_right{width:100%}
}
/* siger_item */
.siger_item{width: 100%; height: 100%; background-color: #eee; padding: 2rem; border: 1px dashed #da251c; color: #666;  font-size: .9rem; }
.siger_item span{color: #da251c; font-size: 3rem;  display: block; text-align: center; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; margin: 0 auto; border: 1px dashed #da251c; }
/* .process_list */
.process_list {
  min-width: 300px;
  max-width: 500px;
  margin: auto;
}

.process_list li {
  border-top: 3px solid;
  -o-border-image: linear-gradient(to right, #da251c 0%, #000 100%);
     border-image: linear-gradient(to right, #da251c 0%, #000 100%);
  border-image-slice: 1;
  border-width: 3px;
  margin: 0;
  padding: 40px;
  counter-increment: section;
  position: relative;
  font-size: 1.2rem;
  font-family:Arial,Helvetica,sans-serif;
  text-align: center;
}
.process_list li:before {
  content: counter(section);
  position: absolute;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  background-color: #34435E;
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  font-size: 1rem;
}

.process_list li:nth-child(odd) {
  border-right: 3px solid;
}
.process_list li:nth-child(odd):before {
  left: 100%;
  margin-left: -20px;
}

.process_list li:nth-child(even) {
  border-left: 3px solid;
  padding-right: 0;
}
li:nth-child(even):before {
  right: 100%;
  margin-right: -20px;
}

.process_list li:first-child {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.process_list li:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/* sub_about */
.sub_about{width: 90%; margin: 0 auto;}
.sub_about ul{ display: flex; justify-content: space-around; }
.sub_about ul li.sub_icon{width: 22%;  }
.sub_about ul li.sub_des{width: 68%; color: #666; font-size: .9rem; line-height: 1.65;margin-left: 2rem;}
.sub_about ul li span{font-size: 5rem; color: #395B74;transition: all .8s;}
.sub_about ul li.sub_des a{font-size: 2rem; color: #da251c;font-family:Arial,Helvetica,sans-serif; margin-bottom: 1rem; display: block; transition: all .8s; position: relative; line-height: 1.25;}
.sub_about ul:hover li a{color: #000;}
.sub_about ul li.sub_des a::before{position: absolute; content: "\f178"; right: 2rem; top: .5rem;font-family:fontawesome; font-size: 1.42rem; opacity: 0;transition: all .8s;  }
.sub_about ul:hover li a::before{opacity: 1; right: 1rem;}
.sub_about ul:hover li span{color: #da251c;}
/* sub_link */
.sub_link{width: 100%; margin: 3rem auto; display: flex; justify-content: center; }
.sub_link a{padding: .5rem 1rem; color: #666; background-color: #ddd; border-radius: 15px; transition: all .5s; display: flex; align-items: center; margin-right: 5px;}
.sub_link span{color: #666; display: inline-block; padding-right: 5px; transition: all .5s;}
.sub_link a:hover,.sub_link a.dq{background-color: #da251c;color: #fff;}
.sub_link a:hover span,.sub_link a.dq span{color: #fff;}
/* service_inner_box */
.service_inner_box h3{font-family: ProximaNova-Bold;color: #da251c;}
.service_inner_box img{border-radius: 22px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}



/* related_pro */
.related_pro{width: 100%; margin: 1rem auto;}
.related_title{font-size: 1.5rem; color: #333; font-family:Arial,Helvetica,sans-serif; margin-bottom: 1rem; border-bottom: 1px solid #f0f0f0;}
.related_pro ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.related_pro ul li{width: 32.5%; margin-right: 1%; margin-bottom: .5rem;background-color: #f8f8f8; transition: all .5s; border: 1px dashed #da251c; border-radius: 2rem; }
.related_pro ul li:nth-child(3n){margin-right: 0;}
.related_pro ul li a{display: block; color: #999; padding: .3rem 1rem; line-height: 1.35; font-size: .75rem; position: relative; padding-left: 1.2rem;}
.related_pro ul li a::before{position: absolute; content: "\f105";font-family: fontawesome; color: #ca1c1d; left: .8rem; top:.3rem; font-size: .7rem;}
.related_pro ul li:hover a,.related_pro ul li a.dq{color: #ca1c1d;}
.related_pro ul li:hover{background-color: #eee;}
/* inquiry_box */
.inquiry_box{width: 100%; margin:2rem auto; background-color: #eee; padding: 2rem;}
.etw_set_feedback_form{background-color: #dfdfdf; padding: 2rem; border-radius: 22px;}
.form_contact_title h3{font-size: 2rem;font-family:Arial,Helvetica,sans-serif;}
.brief_txt img{border-radius: 22px 22px 0 0 ;}
.brief_txt{font-size: .9rem;}
/* etw_sidebar */
#etw_sidebar,.etw_productlist{width: 100%;}
.etw_productlist{position: relative;}
.etw_productlist .title{background-color: #b10000; color: #fff; padding:1.5rem 1rem;font-family:Arial,Helvetica,sans-serif; font-size: 1.6rem; text-transform: uppercase;}
.etw_productlist:before {
  content: "";
  position: absolute;
  top: 0;
  background-image: url(../images/bj.png);
  background-position: top left;
  width: 70px;
  height: 131px;
  z-index: -1;
  left: -69px;
  background-repeat: no-repeat;
}
.etw_productlist ul{width: 100%; background-color: #fff; }
.etw_productlist a{transition: all .8s; display: block; }
.etw_productlist ul>li>a{color: #333; font-size: 1rem; padding: .5rem 1rem; position: relative;}
.etw_productlist ul>li>a::before{position: absolute; content: ""; top: 0; left: 0; height: 0; width: 3px; background-color: #000;transition: all .8s;}
.etw_productlist ul>li>ol>li>a{color: #666; font-size: .9rem; padding:.2rem 0.5rem .2rem 0; padding-left: 1rem; position: relative;}
.etw_productlist ul>li>ol>li>a::before{position: absolute;left: .2rem; top: .7rem; transition: all .8s;content: ""; width: 4px; height: 4px; background-color: #ccc; border-radius: 50%; }
.etw_productlist ul>li>ol{padding:.5rem 1.5rem;background-color: #f0f0f0;}
.etw_productlist ul>li>a:hover,.etw_productlist ul>li>a.dq{color: #b10000;}
.etw_productlist ul>li>a.dq::before,.etw_productlist ul>li>a:hover::before{height: 100%;}
.etw_productlist ul>li>ol>li>a:hover,.etw_productlist ul>li>ol>li>a.dq,.etw_productlist ul>li>ol>li dl a.dq,.etw_productlist ul>li>ol>li dl a:hover{color: #b10000;}
.etw_productlist ul>li>ol>li dl{display: flex; flex-wrap: wrap; padding-left:1rem; display: none; margin-top: .5rem;}
.etw_productlist ul>li>ol>li dl.show{display: block;}
.etw_productlist ul>li>ol>li dl a{width: 100%; font-size: .82rem; position: relative; display: block; line-height: 1.35; color: #666; padding-left: 1rem; margin-bottom: .3rem;}
.etw_productlist ul>li>ol>li dl a::before{position: absolute;content: "";width: 3px; height: 3px; background-color: #ccc; border-radius: 50%; left: 0; top: .5rem;}
.etw_productlist ul>li>ol>li{position: relative;}
.more_dl{ position: absolute;
  right: .5rem;
  top: .2rem;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #999;
  cursor: pointer;
  text-align: center;}
.more_dl:before {
  content: "\f055";
    right: -8px;
    top: .15rem;
    position: absolute;
    transition: all 0.2s;
    font-family: fontawesome;
    font-size: .9rem;
    color: #999;
  }
  .more_dl:hover::before{  opacity: 0.8; color: #ca1c1d;}
  .more_dl.on:before {content: "\f056";  transform: rotate(180deg);}
  .etw_productlist ul>li>ol>li dl.show+.more_dl:before{content: "\f056" !important;transform: rotate(180deg);}
  /* counter_updates */
  .counter_updates{text-align: center; color: #000; font-size: 1.4rem;}
  .counter_updates .counter{color: #da251c; font-size: 2.6rem;font-family:Arial,Helvetica,sans-serif;}
  .counter_updates h4{color: #333; font-size: 1.3rem;}
  /* contact_des */
.contact_des h3{color: #000;font-family:Arial,Helvetica,sans-serif; font-size: 1.6rem; }
.contact_des p{margin-bottom: 0;}
.indent_left{padding-left:1rem;}
.contact_des a{color: #333;}
.contact_des a:hover{color: #da251c;}
#container{width:100%;margin:0 auto;overflow:hidden;margin-top:100px}
.content{width:100%;max-width:1200px;margin:0 auto}
.home_page{width:100%}
.home_page .content{width:100%;background-color:#fff;padding:1rem 2rem;box-shadow:0 0 20px 10px rgba(62,62,101,.1)}
#quicknav {
  margin: 0 auto;
  height: auto;
  color: #d4020d;
  line-height: 1.2rem;
  font-size: .8rem;
  overflow: hidden;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: relative;
  background-color: #f8f8f8;
}
#quicknav a {
  color: #333;
}
#quicknav ul {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#quicknav li {
  display: inline-block;
  padding: 0.2rem 1.2rem 0.2rem 0;
  position: relative;
}
#quicknav li + li::before {
  padding: 0 5px;
  color: #d4020d;
  content: "/\00a0";
  position: absolute;
  left: -1rem;
  top: .2rem;
}
#quicknav a:hover {
  color: #dc1f1b;
}

.inquiry_bg{width:100%;margin:0 auto;background-color:#0b161e;color:#fff;padding:1rem 0;margin-top:3rem;overflow:hidden;}
.inquiry_bg .content{position: relative;}
.inquiry_bg h4{color: #fff; font-size: 2rem;font-family:Arial,Helvetica,sans-serif;}
.inquiry_txt{width:100%;max-width:800px;padding:.5rem 0 1rem 0;line-height:1.55; padding-left: 2%;}
.inquiry_bg a{color:#f7191b;font-size:1.8rem;text-transform:uppercase;position:relative;padding-bottom:2rem;transition:all .5s;position: absolute; right: 2%; top: 30%;}
.inquiry_bg a::before{position:absolute;content:"";width:100%;background-color:#f7191b;height:3px;left:0;bottom:1rem;transition:all .5s}
.inquiry_bg a:hover{color:#fff}
.inquiry_bg a:hover::before{background-color:#fff}
dl.item,ul.item,ul.item_circle{margin-bottom:5px;width:100%;float:none}
dl.item dd,ul.item li,ul.item_circle li{position:relative;text-align:left;padding-left:1rem;margin-bottom:.5rem}
dl.item dd::before,ul.item li:before{content:"";position:absolute;left:2px;top:.5rem;background-color:#b00811;font-size:1rem;width:6px;height:6px;border-radius:50%}
ul.item_circle li:before{content:""!important;top:8px;width:4px;height:4px;background-color:#666}
.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}
.left_pics img{text-align:center;width:100%}
.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 5px 0}
.related_pic a.imgdq img,.related_pic img:hover{border:1px #0051b0 solid}
.related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.btn-inquiry{color:#fff;border-radius:22px;text-transform:uppercase;font-size:.9rem;background-color:#da251c;padding-top:.5rem;padding-left:1rem;padding-right:1rem;font-family:Arial,Helvetica,sans-serif}
.btn-inquiry:hover{background-color:#333;color:#fff}
#footer{width:100%;text-align:center;margin:0 auto;position:relative;overflow:hidden;padding-top:2rem;font-style:normal; background: #0e1c25; background-size: cover; border-top: 5px solid #da251c; color: #fff ;}
.etw_bottom{max-width:1200px;padding:1rem 0;width:100%;margin:0 auto;position:relative;text-align:left;font-size:.9rem}
.home_link{width:100%;overflow:hidden;background-color:#0b161e;margin:0 auto;padding:.5rem 0}
#footer a:hover{color:#da251c}
#footer .left_share a i{color:#fff!important;font-size:1rem;padding:0 .5rem}
.etw_bottom .etw_foot_title{border:none;color:#fff;position:relative}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a{color:#fff!important;font-size:1.2rem;line-height:1.35;position:relative;text-transform:uppercase;border-radius:5px}
.etw_bottom .etw_foot_title{margin-bottom:1.2rem;position:relative;padding-bottom:.8rem}
.etw_bottom .etw_foot_title::before{position:absolute;content:"";left:0;bottom:0;width:30px;height:2px;background-color:#da251c}
.etw_bottom .etw_foot_title a:hover{color:#da251c!important;text-decoration:none}
.pblist{overflow:hidden;margin:.5rem auto}
.pblist_box{width:100%}
.etw_bottom a{color:#fff}
.etw_bottom a:hover{color:#000}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap}
.etw_bottom ul li{width:100%;float:left;position:relative}
.etw_bottom ul>li>a{display:block;line-height:1.25rem;color:#fff;position:relative;font-weight:400;position:relative;font-size:1rem;padding-left:1rem;margin-bottom:.2rem}
.etw_bottom ul>li>a::before{position:absolute;content:"\f105";left:0;top:0;font-family:fontawesome}
.etw_bottom ul>li>ol{padding-left: 1rem; margin-top: .5rem; margin-bottom: 1rem;}
.etw_bottom ul>li>ol>a{font-size: .85rem; padding: .2rem 0; display: block; color: #cecaca;}

.cot_add,.cot_email,.cot_face,.cot_fax,.cot_mobile,.cot_people,.cot_tel,.cot_weChat,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:.5rem;padding-top:.2rem}
.cot_add:before{content:"\f041";position:absolute;left:0;top:4px;color:#da251c;font-family:fontawesome;font-size:20px}
.cot_tel:before{content:"\f095";position:absolute;left:0;top:2px;color:#da251c;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0;top:4px;color:#da251c;font-family:fontawesome;font-size:16px}
.cot_people:before{content:"\f2be";position:absolute;left:0;top:2px;color:#da251c;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:4px;top:0;color:#da251c;font-family:fontawesome;font-size:22px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0;top:2px;color:#da251c;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before{content:"\f232";position:absolute;left:0;top:0;color:#da251c;font-family:fontawesome;font-size:18px}
.cot_weChat:before{content:"\f1d7";position:absolute;left:0;top:0;color:#da251c;font-family:fontawesome;font-size:18px}
.cot_face:before{content:"\f09a";position:absolute;left:0;top:0;color:#da251c;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:.5;position:relative;top:0}
#etw_homefooters a:hover,#otherlink a:hover,.etw_homefoot a:hover{color:#b00811}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
.tags_box{width:100%;max-width:1200px;margin:1rem auto;margin-top:0;color:#fff}
.tags_box ul{display:flex;flex-wrap:wrap;justify-content:center}
.tags_box ul li{padding:.5rem .5rem;font-size:12px}
.tags_title{padding:.1rem .5rem}
#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-right: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}
.layui-layer-dialog .layui-layer-content{font-size: .9rem !important; word-break:inherit !important; }
@media (max-width:1300.98px){#etw_content,.content,.etw_bottom,.header_in,#etw_banner{padding-left:15px;padding-right:15px;float:left}
.ban_txt,.ban_txt2 p{font-size: 1.8rem;}
.ban_txt ul li::before{top: .8rem;}
.ban_txt{left: 10%;}
.ban_txt2 {max-width: 580px;}
}
@media (max-width:1299.98px){.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem .5rem;font-size:.91rem}
.dropdown-item{white-space:normal}
.top-nav{padding-left:0}
#menu-items{margin-left:-250px!important}
.etw_products ul li.product_con a{height: auto;}
#etw_language .dropdown-item{margin-right:0.3rem;font-size: 0.75rem;}
}
@media (max-width:1199.98px){.header_in{padding-bottom:0}
}
@media (max-width:991.98px){#header{position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color:#f8f8f8}
#container,#etw_content,.home_box{margin:0 auto}
#header::before{height:2px}
#etw_logo{margin-top:.5rem;padding-bottom:0}
#etw_sidebar,#quicknav,.carousel-control-next,.carousel-control-prev,.contact_top,.tags_box{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:#072034;font-size:2.5rem;border:none!important;padding:.5rem .75rem;position:relative;z-index:1}
.top-nav{width:100%;padding-left:0;margin-top:1rem;background-color:#0d406b}
.navbar-expand-lg .navbar-nav .nav-link{padding:.6rem .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 .nav-link:hover:before,.navbar-light .navbar-nav .show .nav-link:before{display:none}
.dropdown-menu-one li>a,.navbar-expand-lg .navbar-nav .dropdown-menu>li>a{font-size:1rem}
.dropdown-menu-one li>ol>a{font-size:1rem;margin-bottom:.5rem}
.navbar{padding:0}
.dropdown-item{white-space:normal;padding-top:.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:#252525}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{border-radius:0;color:#fff;background-color:#252525}
#menu-items{position:relative;width:100%!important;top:0!important;left:0!important;margin-left:0!important}
.top-nav .navbar-nav .navright{display:none}
.navleft li a{background-color:#fff;color:#333;position:relative;display:block;transition:all .5s;padding:.6rem 1.5rem;border-bottom:1px solid #eee}
.navleft,.navproinfo{width:100%!important}
.navleft li a:hover{color:#c40000}
.etw_language{background:0 0;width:auto;padding-top:.8rem}
.etw_language{display:block;float:right;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:0 1rem}
.etw_language ul ul{ display:none; position:absolute; top:100%; padding:0; background-color:#fff;border: 1px solid #eee; left: 50%; transform:translateX(-50%); min-width:100px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.etw_language ul ul a{display:block;text-align:left;float:left;padding:.3rem 1rem;color:#333}
#etw_language .dropdown-item::before{display: none;}
#etw_language .dropdown-item{color:#333;padding:.2rem 0 0 1.5rem}
#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}
.btn-inquiry-bg{width:32%}
.inquiry_txt{width:100%}
.block-slider .bx-next,.block-slider .bx-prev,.top_inquiry{display:none!important}
.sub_about ul li.sub_des a{font-size: 1.4rem;}
.hub_products ul>li{width: 100%; margin-right: 0;}
.hub_products ul>li>ol>li.product_img img{text-align: center;}
.hub_products ul>li>ol>li.product_img{text-align: center; margin: 0 auto;}
.inquiry_bg a{position: relative; right: inherit;}
.adv_item a h3{font-size: 1.4rem;}
.adv_item{padding: 1rem}
.ban_txt,.ban_txt2 p{font-size: 1.4rem;}
.inquiry_box{padding: 1rem;}
.brief_txt{margin-top: 1rem;}
.brief_txt img{width: 100%;}
.inquiry_bg h4{font-size: 1.4rem;}
.inquiry_bg a,.bigtitle, .bigtitle a{font-size: 1.2rem;}
.tec_ferture{padding: 1rem;}
.btn_more::after{display: none;}
.btn_more::before{right: .5rem;}
}
@media (max-width:768.98px){.tec_ferture::before{display:none}
.etw_set_feedback_form{width:100%;padding: 0;}
.webtitle{font-size:1.6rem}
.etw_products ul>li{width: 48%;}
.etw_products ul>li:nth-child(2n){margin-right: 0;}
.etw_products ul>li:nth-child(4n){margin-right:2%;}

}
@media (max-width:650.98px){html{font-size:14px}
.ban_txt2{max-width:inherit;}
.ban_txt {left: 2%; top: 10%;}
.sub_link{flex-wrap: wrap;}
.sub_link a{margin-bottom: 5px;}
.components_box li,.related_pro ul li{width: 48%;}
.components_box li:nth-child(3n),.related_pro ul li:nth-child(3n){margin-right: 0%;}
.components_box li:nth-child(2n),.related_pro ul li:nth-child(2n){margin-right: 0;}
}
@media (max-width:575.98px){.etw_hometitle,h2{font-size:1.3rem}
.btn-inquiry{font-size:1.2rem}
.hub_products ul>li>ol>li.product_img,.hub_products ul>li>ol>li.product_con{width: 100%; margin: 0;}
.hub_products ul>li>ol>li.product_con{margin-top: 1rem;}
.ban_txt,.ban_txt2 p{font-size: 1rem;}
.ban_txt ul li::before{top: .5rem;}
#etw_logo img{width: 170px; padding-top: 1rem;}

}
@media (max-width:480.98px){
  .process_list {min-width: 300px;max-width: 340px;margin: auto;}
}
@media (max-width:380.98px){.carousel-caption h5{font-size:1.2rem}
.components_box li,.etw_products ul>li,.related_pro ul li{width: 100%; margin-right: 0;}
.process_list {min-width: 200px;max-width: 300px;margin: auto;}
#etw_logo img{width: 130px;}
.etw_products ul li.product_con dl{display: block;}
}
@media (max-width:320.98px){.iconfont,.navbar-light .navbar-toggler{font-size:1.55rem}
}

/* 2025-4-15 */
.related_pic01 a{width: 15%;}
.related_pic01 a:nth-child(5n){margin-right: 2%;}
.related_pic01 a:nth-child(6n){margin-right: 0;}

/*video_hub*/
.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_show a::after{display:none;}
.video_btn2{display:flex;flex-wrap:wrap;position:absolute;width:80px;height:80px;cursor:pointer;background:url(../images/video_btn.png) no-repeat;background-size:auto;background-size:cover;border-radius:50%;}
.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))}
.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub ul>li{width:32%;margin:0 2% 1rem 0;position:relative;transition:.3s all ease-in-out;overflow:hidden;background:#f5f5f5;border-radius:0 10rem 10rem 0;border-bottom:4px solid #ccc;}
.etwvideo_hub ul>li:nth-child(3n){margin-right:0;}
.etwvideo_hub ul>li:hover{filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.etwvideo_hub ul li ol li.product_img{width:50%;position:relative;}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub ul li ol li.product_img .video_btn2{width:50px;height:50px;}
.etwvideo_hub ul li ol li.product_con{width:50%;position:relative;padding:0 2rem;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:0.95rem;line-height:1.3rem;color:#111;padding:0.5rem 0;font-weight:300;}
.etwvideo_hub ul li ol li.product_con a:hover{color:var(--primary-color);}
.etwvideo_hub1{position:relative;}
.etwvideo_hub1 ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub1 ul>li{width:100%;margin:0;position:relative;transition:.3s all ease-in-out;overflow:hidden;box-shadow:inset 0 0 18px 0 rgba(25,42,70,.13);}
.etwvideo_hub1 ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;background:#f5f5f5;}
.etwvideo_hub1 ul li ol li.product_img{width:45%;position:relative;}
.etwvideo_hub1 ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub1 ul li ol li.product_img .video_btn2{width:70px;height:70px;}
.etwvideo_hub1 ul li ol li.product_con{width:55%;position:relative;padding:0 2rem;}
.etwvideo_hub1 ul li ol li.product_con a{display:block;font-size:1.3rem;line-height:1.4rem;color:#111;padding:0.5rem 1rem 0.5rem 0;font-weight:500;font-family:NotoSans;}
.etwvideo_hub1 ul li ol li.product_con a:hover{color:var(--primary-color);}
.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:69%;float:left;position:relative;}
#video_right h2{margin-top:0;font-size:2rem;line-height:2.2rem;}
#video_right .inquiry_box{background:#f6f6f6;}
#video_sidebar{width:28%;float:right;position:relative;}
#etw_videolist{position:relative;margin:0 auto;background:#f6f6f6;padding:1rem 2rem 2rem;border-radius:1rem;}
#etw_videolist .webtitle{font-size:1.6rem;line-height:1.6rem;text-align:left;padding:1rem 0;font-weight:600;color:var(--primary-color);letter-spacing:0.03rem;}
#etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li{width:100%;position:relative;display:block;}
#etw_videolist>ul>li>a{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.3rem 0;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;}
#etw_videolist>ul>li a:hover{box-shadow:1px 3px 6px rgba(0 0 0 / 30%);}
#etw_videolist>ul>li img{width:30%;float:left;}
#etw_videolist>ul>li span{width:70%;float:right;padding:0.3rem 0.8rem;color:#333;font-size:0.9rem;line-height:1.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:#da251c;}
#etw_videolist .videohid{display:none;}
.video_more{display:block;margin:1rem 0;width:120px;position:relative;}
.video_more span{display:block;background:linear-gradient(90deg,var(--primary-color),var(--primary-color));color:#fff;text-align:left;padding:0.8rem 0 0.8rem 1.5rem;font-size:1rem;line-height:1rem;position:relative;cursor:pointer;transition:.3s all ease-in-out;}
.video_more span::before{position:absolute;content:"\f105";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:FontAwesome;color:#fff;font-size:22px;font-weight:300;transition:.3s all ease-in-out;}
.video_more span:hover:before{right:18px;}
#video_right video{width:100% !important;}
@media (max-width:991.98px){.etwvideo_hub ul > li{width:100%;margin:0 0 1rem 0;}
.etwvideo_hub1 ul li ol li.product_img{width:100%;}
.etwvideo_hub1 ul li ol li.product_con{width:100%;position:relative;padding:1rem 2rem 2rem;}
#video_right{width:100%;float:none;}
#video_sidebar{width:100%;float:none;}
#etw_videolist > ul > li{width:49%;margin:0 2% 1rem 0;}
#etw_videolist > ul > li:nth-child(2n){margin-right:0;}
.video_btn2{width:60px;height:60px;}
}
@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{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;}
#etw_videolist{padding:1rem;}
#video_right .inquiry_box{padding:0 2rem;}
}

.sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:start;text-align:center;position:relative;z-index:1;}
.sendinquiry span,.sendinquiry a{cursor:pointer;color:#fff;padding:0.8rem 1.5rem;font-size:0.95rem;line-height:0.95rem;text-align:center;display:inline-block;margin:0;min-width:100px;position:relative;overflow:hidden;font-weight:400;z-index:1;transition:.3s all ease-in-out;text-transform:uppercase;border-radius:.3rem;background-image:linear-gradient(90deg,#da251c,#ff2c4f);box-shadow:0 13px 27px 0 rgba(250,68,68,.25);}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover{box-shadow:0 13px 27px 0 rgba(250,68,68,.45);transform:scale(1.05);}

.protitle1{width:100%;color:#333;display:block;font-size:1.4rem;line-height:1.6rem;position:relative;font-weight:600;padding:0;margin:1rem 0 0.8rem;}
.hub_products ul>li>ol dl{min-height: 65px;}
#floatchatiframe2011 #feedback2017 .etw-inquery-label {
  color: #333 !important;
}