@charset "utf-8";
@font-face{font-family:"ArchivoNarrow"; font-weight:400 700; font-style:normal; font-display:swap; src:url(../fonts/ArchivoNarrow-VariableFont_wght.woff2) format("woff2");}
@font-face{font-family:"IBMPlexSans"; font-weight:100 700; font-style:normal; font-display:swap; src:url(../fonts/IBMPlexSans-VariableFont_wght.woff2) format("woff2");}
@font-face{font-family:"Oswald"; font-weight:100 600; font-style:normal; font-display:swap; src:url(../fonts/Oswald-VariableFont_wght.woff2) format("woff2");}
@font-face {font-family:"fontello";font-weight:400;font-style:normal;font-display:swap;src: url('../fonts/fontello.woff2') format('woff2');}
/****basic****/ 
:root {--container-width:1200px;--brand-red: #b93332;--brand-gold: #bc8743;--title-black: #000000;--text-dark: #333333;--text-muted: #666666;--bg-gray: #f4f6f8;}
html{overflow:visible!important;}
.skip-loading{visibility:hidden!important;display:none!important;}
#header,#container,#footer{visibility:visible!important;}
a.original-link{ cursor: default;}
figure a{pointer-events: none;}
figure.jsclickready a:not(.original-link) {pointer-events: auto !important;cursor: pointer !important;}
body {font-family:'IBMPlexSans',Arial,Helvetica,sans-serif; background:#fff;color:var(--text-dark); font-size:0.95rem;line-height:1.4;font-weight:400;}
*,li,ol,ul {margin:0;padding:0}
li,ol,ul {list-style:none}
img {max-width:100%;margin: 0 auto;display:block;}
img {-ms-interpolation-mode:bicubic;border:0}
.clear {clear:both;}
a {color:#333;transition:.3s all ease-in-out}
a:hover {color:var(--brand-red)}
a:focus {outline:0;text-decoration:none}
a,a:hover {text-decoration:none}
a:hover u.inquiry{color: var(--brand-red);}
strong {font-weight:500;font-size:1.1rem}
b{ color: #555;}
h1, h2, h3, h4 { font-family: 'ArchivoNarrow', sans-serif; }
h2 {display:block;font-size:clamp(1.5rem, 3.5vw, 1.75rem);line-height:1.2;padding:0;font-weight:800; margin-bottom:1.5rem;}
h2.tit {position:relative;padding-bottom:1rem;}
h2.tit::after {content:"";position:absolute;left:0;bottom:0;width:3.125rem;height:0.25rem;background-color:var(--brand-red);}
h3 {font-size:1.2rem;line-height:1.3;color:#999;margin:-1rem 0 1rem;}
.table tr.top{background: #f2f2f2; color: var(--title-black); font-weight: 600;}
.table td, .table th{ padding: 0.5rem;}
.clearfix::after {display:table;clear:both}
@media (max-width: 767.98px){
.table-900{min-width: 900px !important;}
}@media (max-width: 575.98px){
.table{min-width: 700px;}

}
/****basic---END****/ 
/******public******/
[class^="icon-"]::before,[class*=" icon-"]::before {font-family:"fontello"; font-style: normal;font-weight:400;display: inline-block;text-decoration: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-globe::before {content: "\e80c";}
.icon-home::before {content: "\e80d";}
.icon-reorder::before{content: "\f0c9";}
.icon-angle-right::before{content: "\f105";}
.icon-envelope::before{content: "\e800";}
.icon-comments::before{content: "\e808";}
.icon-remove::before{content: "\e804";}
.theme-box-i{ padding-top:2px !important;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_wechat,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem;color: var(--text-light);}
.cot_add:before{content:"\e809";position:absolute;left:0px;top:4px;font-family:"fontello";font-size:20px}
.cot_tel:before{content:"\e80a";position:absolute;left:0px;top:3px;font-family:"fontello";font-size:18px}
.cot_email:before{content:"\e800";position:absolute;left:0px;top:2px;font-family:"fontello";font-size:16px}
.cot_people:before{content:"\e801";position:absolute;left:0px;top:2px;font-family:"fontello";font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:2px;top:-3px;font-family:"fontello";font-size:26px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0px;top:2px;font-family:"fontello";font-size:16px}
.cot_wechat:before{content:"\f1d7";position:absolute;left:0px;top:2px;font-family:"fontello";font-size:18px}
.cot_whatsapp:before{content:"\f232";position:absolute;left:0px;top:2px;font-family:"fontello";font-size:18px}

.svg-corrugated { --path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10,25 L50,15 L90,25 L50,35 Z'/%3E%3Cpath d='M10,35 Q15,30 20,35 T30,35 T40,35 T50,35 T60,35 T70,35 T80,35 T90,35' stroke-width='2'/%3E%3Cpath d='M10,35 L10,50 L50,60 L90,50 L90,35'/%3E%3Cpath d='M90,35 L90,50'/%3E%3Cpath d='M50,35 L50,60'/%3E%3Cpath d='M10,35 L10,50'/%3E%3C/svg%3E");}
.svg-box { --path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpolygon points='50,30 85,45 50,60 15,45'/%3E%3Cpolygon points='15,45 50,60 50,90 15,75'/%3E%3Cpolygon points='50,60 85,45 85,75 50,90'/%3E%3Cline x1='50' y1='60' x2='50' y2='90'/%3E%3Cpolygon points='15,45 50,30 35,15 0,30'/%3E%3Cpolygon points='85,45 50,30 65,15 100,30'/%3E%3C/svg%3E");}
.svg-tube { --path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='2'%3E%3Cellipse cx='50' cy='25' rx='35' ry='15'/%3E%3Cellipse cx='50' cy='25' rx='15' ry='6'/%3E%3Cpath d='M15,25 v50 a35,15 0 0,0 70,0 v-50'/%3E%3Cpath d='M15,45 Q50,70 85,35'/%3E%3Cpath d='M15,65 Q50,90 85,55'/%3E%3Cpath d='M15,35 Q50,60 85,25' stroke-dasharray='4,4'/%3E%3C/svg%3E"); } 
.svg-glue-trap {--path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3C!-- 主板体 --%3E%3Cpath d='M10,25 L80,25 L90,35 L90,65 L20,65 L10,55 Z' fill='black'/%3E%3C!-- 内部挖空部分，用来表现粘胶区域的纹理 --%3E%3Cpath d='M25,35 h45 v2 h-45 Z M25,43 h45 v2 h-45 Z M25,51 h45 v2 h-45 Z' fill='white'/%3E%3C!-- 侧边厚度感 --%3E%3Cpath d='M80,25 L80,55 L10,55 L15,60 L85,60 L85,30 Z' fill='black' opacity='0.7'/%3E%3C/svg%3E");}
#container {margin:0 auto;width:100%;position:relative;}
.flex-wrap { display: flex; flex-wrap: wrap; }
.col-flex .col{ display: flex;}
@media (min-width: 992px) {
.row-cols-lg-8 > *{ flex: 0 0 calc(100% / 8);max-width: calc(100% / 8);}
.row-cols-lg-7 > *{ flex: 0 0 calc(100% / 7);max-width: calc(100% / 7);}
}
.content {width: 100%; max-width: var(--container-width); margin: 0 auto; position: relative; }
.content1{width: 100%; max-width:1000px; margin: 0 auto; position: relative; }
@media (max-width:1259.98px){
.content,.content1{width:100%;padding-left:15px !important;padding-right:15px !important;}
}
section{ padding: 2.5rem 0;}
.section-bg{background: #f4f7fa !important;}
.section-bg1{background: #0f1c2e !important;}
.brief{ font-size: 0.8rem; line-height: 1.8; color:#888; padding: 1rem 0;}
@media (max-width:991.98px){
section{ padding: 1.5rem 0;}
}
@media (max-width:767.98px){
section{ padding: 1rem 0;}
}
/*quick-link*/
#quicknav{position:relative;color:#111;line-height:1.2rem;font-size:0.8rem;width:100%;padding:1rem 0;font-weight:300;margin: 0 auto;}
#quicknav a{color:#777}
#quicknav a i{color:#111;font-size:1rem;padding:0 0.3rem 0 0;}
#quicknav ul{width:100%;margin:0 auto;max-width:1200px}
#quicknav li{display:inline-block;padding:0 .2rem; font-size: 0.8rem;}
#quicknav li+li::before{padding:0 10px 0 5px;color:#555;content:"/\00a0"}
#quicknav li+li::before{content:"\f105";font-family:"fontello";color:#555;font-size:1rem;padding:0 0.5rem 0 0;}
#quicknav a:hover,#quicknav a:hover i{color: var(--brand-red)}
@media (max-width:991.98px){
#quicknav ul{width:94%;}
}@media (max-width:767.98px){#quicknav{display: none;}}
/* Hero*/
.hub-hero { position: relative; background: url('../images/probanner.jpg') center/cover no-repeat;padding: 2rem 0 2rem; text-align: center;color: #fff;}
.hub-hero::before {content: '';position: absolute;top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5);}

.hub-hero h2 { color: #fff; font-weight: 700; margin-bottom: 1.5rem; font-size: clamp(1.5rem, 3.5vw, 2.6rem); letter-spacing: 1px; }
.hub-hero p { font-size: 1.5rem; max-width: 900px; margin: 0 auto; line-height: 1.4; color: #fff; font-weight: 400; }
.hub-hero #quicknav{ padding-top: 0;}
.hub-hero #quicknav a{ color: #fff;}
.hub-hero #quicknav, .hub-hero #quicknav a i,.hub-hero #quicknav li + li::before{ color: var(--bg-gray); }
/* ul.item */
ul.item{margin-bottom:5px;width:100%;}
ul.item li{position:relative;text-align:left;padding-left:1.6rem;margin-bottom:0.5rem;}
ul.item li::before{position:absolute;content:"\e803";top:0rem;left:0;font-family:"fontello";font-size:1.2rem;}
ul.item strong{ font-size:0.95rem;line-height: 1.4; font-weight: 500;}
ul.item1{margin-bottom:5px;width:100%;}
ul.item1>li{color:#333; position:relative; padding: 0 0 0.3rem 1rem;}
ul.item1>li::before{content: "";position: absolute; left: 0; width: 6px; height: 6px; top:0.7rem; margin-top:-3px; background-color: var(--brand-red); border-radius: 50%;}
ul.item-tab{ width: auto; padding:0.5rem 0 0.5rem 0; overflow: hidden;}
ul.item-tab li{ display: flex; flex-wrap: wrap;align-items: stretch; border-bottom: 1px #e5e5e5 solid;}
ul.item-tab li:last-child{ border-bottom: none;}
ul.item-tab li strong{width: 250px; font-size: 0.95rem; font-weight: 400; color: #000;flex-shrink: 0;background-color: #f7f7f7;border-right: 1px solid #e0e0e0;padding: 0.5rem;}
ul.item-tab li span{ flex: 1; width: 60%;font-weight: 400; color: #333;padding: 0.5rem;}
/*Title*/
.des-title{ font-size: 1.25rem; font-weight: 600; padding:1.2rem 0 0.5rem 0;}
.des-title1{font-size: 1.75rem;margin-bottom: 1.5rem; position: relative;font-family:"ArchivoNarrow"; font-weight: 700; padding-bottom:0.5rem; text-align: center;}
.des-title1::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; background-color: var(--brand-red);width: 3.75rem;height: 0.25rem; margin: 0 auto;}
.des-title2 {font-size:1.1rem;font-weight:500;padding-bottom:0.5rem;color:#777;}
.inquiry-module{background: #f7f7f7;margin:1.2rem 0 2rem 0;padding: 10px 2% 20px 2%;border: 1px solid #dbdbdc;}
.inquiry-title {color:#000;font-weight:700;font-size:1.5rem;font-family:"ArchivoNarrow";display:block;padding:1rem 0 1rem 1rem;padding:1rem 0 1rem 4rem;background:url(../images/form_bg.png) no-repeat left center;}
.other-title {font-family:'ArchivoNarrow';font-weight:700;color:var(--title-black);font-size:1.35rem;margin-bottom:1rem; position: relative;}
.other-title span{ background: #fff; position: relative; z-index: 1; padding-right: 45px;}
.other-title span::before{ content: ""; position: absolute; top: 0.9rem; right: 0;width: 40px;height: 3px;background: #b22222;}
.other-title::after{ content: ""; position: absolute; top:1rem; left: 0; width: 100%; height: 1px; background: #ddd;}
/*hub-banner*/
.hub-banner {position:relative;background-color:var(--bg-gray);padding:2rem 0;border-bottom:0.0625rem solid #eaeaea;overflow:hidden;background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px);background-size:30px 30px;}
.hub-banner::after {content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(188,135,67,0.08) 100%);z-index:1;}
.hub-banner [class*="svg-"] {position: absolute;background-color: currentColor;-webkit-mask: var(--path) no-repeat center / contain;mask: var(--path) no-repeat center / contain;}
.hub-banner .svg-corrugated { color: #b93332; opacity: 0.08; width: 14rem; height: 14rem; right: 30%; top: 50%; transform: translateY(-50%) rotate(-12deg); z-index: 2; }
.hub-banner .svg-box{ color: #bc8743; opacity: 0.15; width: 14rem; height: 14rem; right: 15%; top: 60%; transform: translateY(-50%); z-index: 3; }
.hub-banner .svg-tube{ color: #333333; opacity: 0.10; width: 11rem; height: 11rem; right: 5%; top: -15%; transform: rotate(-15deg); z-index: 3; }
.hub-banner .content {position:relative;z-index:5;}
.hub-banner-title {font-size: clamp(1.5rem, 3.5vw, 2rem); position: relative; display: inline-block;font-family: 'ArchivoNarrow'; font-weight: 700; color: var(--title-black);}
.hub-banner-desc { font-size: 1.2rem; color: var(--text-dark); max-width: 45rem; margin:0; line-height: 1.6; }
.hub-banner #quicknav{ padding-top: 0; padding-bottom: 0.5rem;}
.hub-banner #quicknav a i{ color: #999;}
/*img*/
.item-img{ width: 100%;}
.item-img figure{ margin-bottom: 0;}
.item-img img{width: 100%; border: 1px #eee solid;}
.item-img span{ display: block; padding: 0.6rem 0; text-align: center;}
.item-img1{border: 1px #ccc solid;}
.item-img1 img{ border: none;}
/****related img****/
.left_pic{width:100%;margin:0;}
.left_pics{width:100%;position:relative;}
.left_pic img{width:100%;text-align:center;transition:.3s all ease-in-out}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0 0;}
.related_pic ul{display:flex;flex-flow:wrap}
.related_pic li{width:auto;overflow:hidden;margin:0;flex:1;padding:0 2px;display:flex;flex-wrap:wrap;}
.related_pic li a{display:block;position:relative;border:1px solid #eee;}
.related_pic li a.imgdq{border:1px solid var(--text-muted)}
.related_pic li{ max-width: 25%;}
.related_pic img{transition:.3s all ease-in-out;}
.left_pic1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.left_pic1 .left_pics{width: 75%;}
.left_pic1 .related_pic{width: 24%;margin: 0;display: flex;align-content: center;}
.left_pic1 .related_pic li{width: 100%;flex: none;margin: 0 0 0.4rem;max-width: none;border: 1px solid #eee;}
@media (max-width:767.98px){.left_pic{text-align:center}
}
.img_right{ width: 40%; float: right; padding-left: 1.5rem; position: relative; z-index: 2;}
.img_right img{ width: 100%;border: 1px solid #f1f1f1;}
.img_right1{width: 45%;}
.img_right2{width: 50%;}
.img_right2 img{border: none;}
.details_h2 {display:block;font-size:1.75rem;line-height:1.2;padding:0;font-weight:800;margin-bottom:1.5rem;font-family: 'ArchivoNarrow', sans-serif;}
.left_pics_bottom{width: 80%;margin: 0 auto 1rem;border-radius: 10px;overflow: hidden;}
.details-item{width: 100%; display: flex; flex-direction: column;}
.details-img{width: 100%;}
.details-img img{width: 100%;}
.details-text{flex: 1; display: flex; justify-content: center; text-align: center; padding-top: 1rem; font-size: 1rem; color: #333;}
.p-10{margin: 0 -10px;}
.p-10>*{padding: 10px;}
@media (max-width: 767.98px){
.img_right{width: 100%; max-width: 600px; padding: 0; margin: 0 auto; margin-bottom: 1rem; float: none;}
}
/*******public---END******/
/*******Header******/
#header{position: sticky;top: 0;z-index: 1050; width: 100%; background:#fff;box-shadow: 0 2px 20px rgba(0,0,0,0.1);}
@media (max-width:991.98px) {
#header{ position:relative; padding: 1rem 0;}
}
#header .content{ display: flex; flex-wrap: nowrap;}
/*logo*/
.logo-box{ display: flex;margin: 1rem 0;align-items: center;}
.logo-box img {width:auto; max-height:70px;}
@media (max-width:991.98px) {
.logo-box{ display: inline-block; box-shadow: 0 0 0; padding:0;margin:0;}
.logo-box img{ max-height: 50px; margin: 0;}
}
.head-in{ padding-left: 1.5rem; flex: 1;}
.head-in .navbar-toggler{background-color:var(--text-dark);color:#fff; position: absolute; top: 1rem; right: 10px; }
/*language*/
.etw_language{display:flex;flex-wrap:wrap;padding:1rem 0 0.5rem 0; justify-content:flex-end;font-size:0.75rem; min-height: 41px;}
.etw_language .icon-globe::before{ font-size: 2rem; line-height: 1;}
#etw_language{float:right;width:auto;text-align:right;}
#etw_language .dropdown-item{display:inline-block;width:auto;font-size:0.8135rem;line-height:1;padding:0 0 0 1.5rem;color:#999;min-width:auto !important;background:none;}
#etw_language .dropdown-item:hover{color:var(--brand-red);text-decoration:underline;background:none;}
#etw_language .dropdown-item:focus,#etw_language .dropdown-item:hover{background:none !important;}
@media (max-width:991.98px){
  .etw_language{display:block;float:right;min-height:initial; padding: 0; position: absolute; top: 1rem; right: 60px;}
  .etw_language>ul{position:relative;z-index:9;float:right;margin:0 1rem;font-size:1rem;border-radius:8px;}
  .etw_language>ul>li>a{display:block;color:#000;padding:0rem 1rem;}
  .etw_language ul ul{display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;}
  .etw_language ul ul a{display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
  #etw_language .dropdown-item{color:#333;padding:0.2rem 0 0 1.5rem;}
  #etw_language .dropdown-item:hover{color:#1d358f;}
  .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;}
}
/*Menu*/
.navbar{ padding: 0;}
.navbar-light .navbar-nav{align-items: center;justify-content: flex-end;}
.navbar-light .navbar-nav .nav-link {color:var(--title-black);font-size:1.2rem;padding:0;margin:0.3rem 1.2rem;position:relative;font-family:'Oswald';font-weight:300;letter-spacing: 1px;}
.navbar-light .navbar-nav .nav-item:last-child>.nav-link{ margin-right: 0;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover{ color: var(--brand-red);}
.nav-item .dropdown-menu { border: none; border-radius: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin-top: 0; min-width: 200px;}
.nav-item .dropdown-menu .nav-link{ font-weight: 500; padding: 0.5rem 0; font-size: 0.9rem;}
.nav-item .dropdown-item { font-weight:500; font-size:0.9rem; padding: 0.5rem 1.2rem; }
.nav-item .dropdown-item:hover,.nav-item .dropdown-item.active{ background: #fff; color: var(--brand-red); }
.nav-item span.pro_icon {position:absolute;top:0;right:0;color:#999;padding:0;font-size:2rem;width:3rem;height:100%;line-height:30px;display:none;text-align:center;font-weight:200; font-style: 1.2rem;}
#navbarContent{ padding-top: 0.5rem;}
@media (max-width: 1199.98px){
.navbar-light .navbar-nav .nav-link {margin:0.3rem .75rem;}
}
@media (max-width:991.98px) {
  #header .content{flex-direction: column;}
  .head-in{ width: 100%; padding-left: 0;}
  #navbarContent{ width: 100%; background: #fff; padding-top: 1rem;}
  .navbar{ padding: 0;width: 100%;}  
  .navbar-brand{ padding: 1rem 0;}
  .navbar .dropdown-toggle::after{ display: none;}
  .navbar-light .navbar-nav{align-items: initial;justify-content: flex-end;width: 100%;}
  .navbar-light .navbar-nav .nav-link{border-bottom: 1px solid rgba(0,0,0,.1);padding: 0.6rem 0; margin: 0;}
  .navbar-light .navbar-nav a.nav-link::before{ display: none;}
  .nav-item .dropdown-item:hover,.nav-item .dropdown-item.active{background: none;}
  .navbar-light .navbar-nav .nav-item.active>a{ color: var(--brand-red);}
  .nav-item span.pro_icon{display: flex; padding-top: 0.4rem;justify-content: center;}
  .nav-item .dropdown-menu{ border: none; background: #f1f1f1;}
  .nav-item .dropdown-menu .nav-link{ font-size: 0.9rem; padding: 0.5rem 1rem;}
  .top-bar{min-height: inherit;position: absolute;top: 1rem;right: 0; background: none; z-index: 1;}
}
/*******Header --- END******/
/*banner*/
.carousel-indicators{ padding-bottom: 1rem;}
.carousel-indicators li{ height:6px; width: 60px;}
.carousel-indicators .active{background-color: #c08841;}
.carousel-control-next, .carousel-control-prev{opacity:0.4;}
.carousel-control-prev-icon,.carousel-control-next-icon {background-image: none !important;}
.carousel-control-prev-icon::before,.carousel-control-next-icon::before {position: absolute; font-family: "fontello";font-size:clamp(1.5rem, 3.5vw, 5rem); color: #fff;text-shadow:0 1px 1px rgba(0,0,0,1); }
.carousel-control-prev-icon::before {content: "\f104";top:50%; left:15%;transform: translateX(-15%) translateY(-50%);}
.carousel-control-next-icon::before {content: "\f105";top:50%; left:85%;transform: translateX(-85%) translateY(-50%);}

.banner {position: relative; padding: 0; text-align: center;}
.banner_txt {position:absolute;left:27%;top:32%;width:450px;z-index:2;}
.banner_txt1{position:absolute;left:23%;top:8%;width:450px;z-index:2;}
.banner-inner {text-align: left;}
.banner h1,.banner h2 {font-size:clamp(1.5rem, 3.5vw, 3.2rem);line-height:1.1;font-weight:700;letter-spacing:0.05rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.8);margin-bottom:20px;text-transform:uppercase;font-family:'Oswald';position:relative;}
.banner_txt1 h2{text-shadow:2px 2px 4px rgba(0,0,0,1);}
.banner h1:before {position:absolute;content:'';background:#ef4241;width:45px;height:5px;top:-15px;left:0;}
/* .banner h1 span,.banner h2 span {display:block;font-size:1.8rem;font-weight:500;} */
.banner h1>span {display:block;font-size:clamp(1.1rem, 3.5vw, 1.8rem); text-transform: capitalize; line-height: 1.5; font-weight:500;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.8);  margin-top: 1.25rem;letter-spacing:0;}
.sec-title {font-size:2.2rem;margin-bottom:1rem;position:relative;font-weight:300;padding-bottom:0.5rem;font-family:'Oswald';}
.sec-title::before {content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--brand-red);width:3.75rem;height:0.25rem;}
@media (max-width: 1199.98px){
.banner_txt{top: 25%;}
}@media (max-width: 991.98px){
.banner h1, .banner h2{margin-bottom: 1rem;}
.banner_txt{top: 20%;}
.banner h1>span{margin-top: 1rem;}
}@media (max-width: 767.98px){
.banner_txt{width: 70%; bottom:auto; top: 50%; transform: translateY(-50%); padding: 0;}
.banner_txt1{width: 60%; padding: 0;}
.banner h1, .banner h2{margin-bottom: 0;}
.banner h1>span{margin-top: .5rem; font-size: 1rem; font-weight: 400;}
}@media (max-width: 575.98px){
.carousel-control-prev,.carousel-control-next{display: none;}
.carousel-indicators{padding-bottom: 0;}
.carousel-indicators li {height: 3px; width: 30px;}
.banner h1>span{font-size: .875rem;}
}
@media (max-width:420px){
    .banner_txt,.banner_txt1{ display: none;}
}
.mainpro_top{width: 94%;margin: 2rem auto;max-width: 1100px;position: relative;}
.intro{ padding-bottom: 2rem;}
.intro-title {display: flex; justify-content: center; font-size:clamp(1.5rem, 3.5vw, 2rem);margin-bottom:1rem;position:relative;font-family:'Oswald';font-weight:300;text-align:center;letter-spacing:0.05rem;}
.intro-title:before {position:absolute;content:'';background:var(--brand-red);width:90%;height:1px;top:50%;transform:translate(-50%);left:50%;}
.intro-title span {position:relative;background:#fff;padding:0 1.5rem; max-width: 90%;}
.intro-txt {color:var(--text-muted);font-size:clamp(.9rem, 3.5vw, 1.05rem);line-height:1.8;text-align:center;width:88%;margin:0 auto;}

.main-info {padding:3rem 0;background:#eaf0f4;position:relative;overflow:hidden;}
.main-info::before,.main-info::after {content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none; background-repeat: no-repeat;background-size: 100% 100%;}
.main-info::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Ccircle cx='-11%%25' cy='109%25' r='38%25' fill='none' stroke='white' stroke-opacity='1' stroke-width='35px' /%3E%3Ccircle cx='10%25' cy='130%25' r='45%25' fill='none' stroke='white'  stroke-opacity='1' stroke-width='7px' /%3E%3C/svg%3E");}
.main-info::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Ccircle cx='120%25' cy='60%25' r='40%25' fill='none' stroke='white' stroke-opacity='1'  stroke-width='2px' /%3E%3Ccircle cx='105%25' cy='110%25' r='40%25' fill='none' stroke='white' stroke-opacity='0.8'  stroke-width='12px' /%3E%3C/svg%3E");}
.equipment{ position: relative; z-index: 2;}
.equipment-title {font-family:'Oswald';font-weight:300;color:#333;font-size:clamp(1.5rem, 3.5vw, 2rem);margin-bottom:2rem;text-align:center;letter-spacing:0.05rem;}
.equip-item {border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:10px 10px 15px rgba(57,65,124,.1);background:#fff;}
.equip-img {position:relative;overflow:hidden;padding:1rem;}
.equip-img::before {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:18.75rem;background:#f0f0f0;border-radius:60%;z-index:1;display:none;}
.equip-img img {width:100%;mix-blend-mode:multiply;position:relative;z-index:1;}
.equip-des {padding:0.5rem 1.5rem 1.5rem;color:var(--text-muted);flex-grow:1;display:flex;flex-direction:column;}
.equip-name {font-size:clamp(1rem, 3.5vw, 1.2rem);line-height:1.2;margin-bottom:0.625rem;display:block;font-weight:400;flex-grow:1;display:flex;flex-direction:column;letter-spacing:0.05rem;font-family:'Oswald';}

.equip-link {color:var(--brand-red);font-weight:600;font-size:0.9rem;text-decoration:none;display:inline-block;margin-top:0.625rem;transition:color 0.3s;font-family:'ArchivoNarrow';    letter-spacing: 0.1rem;}
.equip-link:hover {color:var(--brand-gold);text-decoration:none;}
.equip-link span{ position: relative; padding-right: 1rem;transition:0.3s;}
.equip-link span::before{ content: "\f105";font-family:"fontello"; position: absolute; top: 50%; right: 0;transform: translateY(-50%);}
.equip-link:hover span{ padding-right: 1.5rem;}
.btn-primary-custom {background-color:var(--brand-red);color:#fff;border:none;padding:0.7rem 2rem;font-size:1rem;text-transform:uppercase;letter-spacing:0.1rem;transition:all 0.3s;font-family:'Oswald';font-weight:300;}
.btn-primary-custom:hover {background-color:var(--brand-gold);color:#fff;}
/*home service*/
.home-service{background-color: #f8f8f8;border-top: 0.0625rem solid #eaeaea;padding: 3.5rem 0;}
.home-service .sec-title{ text-align: center; margin-bottom: 2rem;}
.home-service .sec-title::before{ margin: 0 auto;}
.home-service .service-item{background: #fff;border-radius: 0.25rem;padding: 2rem;transition: all 0.3s;text-align: center;box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.02);border: 1px solid #eaeaea;}
.home-service .service-item .service-svg{width: 3.5rem;height: 3.5rem;color: var(--brand-red);margin-bottom: 1.5rem; display: none;}
.home-service .service-item .service-title{font-size: 1.25rem;font-family: 'ArchivoNarrow';margin-bottom: 0.625rem;display: block;color: var(--title-black);font-weight: 700;}
.home-service .service-item p{font-size: 0.95rem;color: var(--text-muted);}
/*Home */
.homeabout{padding: 4rem 0;}
.homeabout .sec-title{ font-size: 2rem;}
.homeabout .content{max-width: 1200px;}
.homeabout-txt{background: #FFF;padding:0 0 0 3rem;position: relative;z-index: 2;}
.homeabout p {color:var(--text-muted);line-height:1.6;margin:0 0 1rem;}
.homeabout .btn-primary-custom {padding:0.5rem 1.2rem;font-size:0.8rem;background:#fff;color:var(--title-black);border:1px solid #343a40;font-weight:300;border-radius:0;font-family:'Oswald';}
.homeabout .btn-primary-custom:hover{ background: var(--brand-red); color: #fff;}
.homeabout .about-image{position: relative;z-index: 1;border-left: 3px solid var(--brand-red);}
.homeabout .about-image img{ width: 100%;}
.main-box{display: flex;flex-wrap: wrap;flex-direction:row-reverse; padding:2rem 0 3rem 0;align-items: flex-start;}
.etw-sidebar {width: 25%;display: flex;flex-direction: column;position: sticky;top:130px; background:#fff;   box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.2);}
.etw_right{ width: 75%; padding-left: 3rem;}
@media (max-width:991.98px) {
.main-box{padding: 1rem 0 2rem 0;}
.etw_right{ width: 100%; padding: 0;}

.etw-sidebar{ width: 100%;}
.etw-sidebar .sidebar-title,.etw-sidebar ul{ display: none;}
}
.sidebar-title {font-size: 1.5rem;color:#fff;margin-bottom: 0.6rem;font-family: 'ArchivoNarrow';font-weight: 600; background:linear-gradient(90deg, var(--brand-red) 0%, #8a2020 100%); padding: 0.3rem 1rem;width: calc(100% - 1.5rem); margin: 0 auto; margin-top: 1rem; margin-bottom: 0.5rem;}
.etw-sidebar ul{width:100%;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); padding-bottom: 0.5rem;}
.etw-sidebar ul>li{width:100%;position:relative;border-bottom: 1px solid #ddd;}
.etw-sidebar ul li:last-child{border-bottom:none;}
.etw-sidebar ul>li>a{display:block;width:100%;position:relative;display: flex;align-items: center;}
.etw-sidebar ul>li>a span.pro-name{flex: 1;font-size:1rem;line-height:1.1;padding:0.7rem 1rem;  color: #333;}

.etw-sidebar ul>li>a span.pro-icon{display: flex; justify-content: center; align-items: center; font-size: 1.5rem;padding:0.5rem 1rem; color: #999;}
.etw-sidebar ul>li>a span.pro-icon::before{ content:"+";}
.etw-sidebar ul>li.dq>a span.pro-icon::before,.etw-sidebar ul>li.dq1>a span.pro-icon::before{ content: "−";}

.etw-sidebar ul>li>a:before{position:absolute;content:'';background:var(--brand-red);width:3px;height:0;left:-2px;top:50%;transform:translateY(-50%);transition:.3s all ease-in-out;}
.etw-sidebar ul>li>a:hover:before,.etw-sidebar ul li.dq>a:before{height:40%;}

.etw-sidebar ul li>ol{ width: 100%; background: #f5f5f5; padding: 0.3rem 0 1rem 0; display: none;}
.etw-sidebar ul>li.dq ol{ display: block;}
.etw-sidebar ul li>ol li{ width: 100%;}
.etw-sidebar ul li>ol li a{ display: block; padding: 0.2rem 1rem 0.2rem 2rem; font-size: 0.875rem; position: relative;transition: color 0.2s ease;}
.etw-sidebar ul li>ol li a::before{content:"\f105";position:absolute;left:1rem;top:4px;font-family:"fontello";transition: color 0.2s ease;}
.etw-sidebar ul li a:hover, .etw-sidebar ul li a:hover span,.etw-sidebar ul li.dq a span,.etw-sidebar ul li>ol li a.dq{color:var(--brand-red);}
.etw-sidebar ul li>a span.pro-icon:hover{ background: #ddd;}
.etwsidebar ul>li>a{ padding: 0.6rem 1rem;}
.etwsidebar ul>li.dq>a{ color:var(--brand-red);}
.sidebar-title1{font-size: 1.5rem;color:var(--brand-red);margin-bottom: 0.6rem;font-family: 'ArchivoNarrow';font-weight: 600; padding: 0.3rem 1rem;margin:1rem 0 0 0;}

.sidebar-contact-box{background-color:var(--brand-red);/*margin: 30px 0 10px 0;*/box-shadow: 7px 7px 8px 0 rgba(0,0,0,.75);padding: 13px 12px 20px 20px; color: #fff;}
.sidebar-contact-box .contact-tit{ font-size: 1.5rem;font-weight: 600;padding: 0 0 11px 0;}
.sidebar-contact-box a{ color: #fff;}
.sidebar-contact-box a:hover{ color: var(--brand-gold);}
#qrcode{ width: 100%;padding-left: 1.5rem;}
#qrcode img{ width: 100%; max-width: 100px;}

/*content*/
.cate-title{font-size:clamp(1.2rem, 3.5vw, 1.6rem);position: relative;margin-bottom: 1rem;color: var(--title-black);font-family: 'ArchivoNarrow';font-weight:600; padding-bottom: 0.8rem;}
.cate-title::after {content: "";position: absolute; bottom: 0; left:1.5rem;display: inline-block;width:2.5rem;height: 4px;background-color: var(--brand-red);}
.cate-title::before {content: "";position: absolute; bottom: 0; left: 0;display: inline-block;width: 1rem;height: 4px;border-top: 4px dotted;color: var(--brand-red);}

.cate-tit-btn{display: flex;justify-content: space-between;align-items: flex-start;}
.cate-tit-btn .cate-title{padding-right: 1.5rem; flex: 1;}
.cate-tit-btn a.btn-view-all{font-family:'ArchivoNarrow';font-weight: 700;font-size: 0.85rem;color: var(--brand-red);border: 1px solid var(--brand-red);padding: 0.5rem 1.25rem;border-radius: 2px;transition: all 0.3s;white-space: nowrap;margin-top: 0.5rem;}
.cate-tit-btn a.btn-view-all span{ position: relative; padding-right: 1rem;transition:0.3s; text-transform: uppercase;}
.cate-tit-btn a.btn-view-all span::before{ content: "\f105";font-family:"fontello"; position: absolute; top: 50%; right: 0;transform: translateY(-50%);}
.cate-tit-btn a.btn-view-all:hover {background-color: var(--brand-red);color: #ffffff;}

.model-box{ width: 100%; overflow: hidden; margin-bottom: 1.5rem;}
.model-tit{ width:100%;margin:0.5rem 0 1rem 0;background: #f5f5f5;box-shadow: 0 5px 10px rgba(0,0,0,.1);display: flex;justify-content: space-between; position:relative;box-shadow: inset 0 0 20px rgba(0, 0, 0, .1);}
.model-tit::before{ content:""; position:absolute; top:0; left:0; height:100%; width:5px; background:var(--brand-red);}
.model-tit span{color:#000; padding: 0.5rem 1.25rem; cursor:pointer; font-size: 1.2rem; font-weight: 600;}
.model-tit span:hover{ text-decoration:underline;}

.btn-inquiry{padding:.5rem 1.2rem;background-color:#fff;color:var(--title-black);transition:all .5s;border-radius:8px;font-size:0.9rem;position: relative;border: 1px solid #333;box-shadow: 0 4px 12px rgba(0,0,0,0.2); overflow: hidden;}
.btn-inquiry::before {content: "";position: absolute;top: 0; left: -100%;width: 100%; height: 100%;background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent); transition: all 0.6s;}
.btn-inquiry:hover::before {left: 100%;}
.btn-inquiry:hover{background-color:var(--brand-red); font-weight: 400; color: #fff;}

@media (max-width: 1199.98px){
.homeabout{padding: 3rem 0;}
}
@media (max-width: 991.98px){
.main-info,.homeabout{padding: 2rem 0;}
.homeabout-txt{padding: 0 1.5rem;}
}
@media (max-width: 767.98px){
.mainpro_top {margin: 1rem auto;}
.intro-title:before {width: 100%;}
.intro-txt{width: 100%;}
.equipment-title{margin-bottom: 1rem;}
}
@media (max-width: 575.98px){
.cate-tit-btn{ display: inherit;}
.cate-tit-btn a.btn-view-all{ display: inline-block; margin-top: 0; margin-bottom: 1rem;}
}
/*Products List*/
.prodes{ color: #666;}
/* list 1*/
.pro-list{ width: 100%;}
.pro-item{ border: 1px #ddd solid; width: 100%;position: relative;}
.pro-item::after {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 3px;background-color: var(--brand-red); transition: width 0.3s ease;}
.pro-item img{ width: 100%;}
.pro-item .pro-name{ padding:0.8rem 0.5rem; display: block; text-align: center;}
.pro-item:hover{box-shadow: 0 0 20px #ddd;}
.pro-item:hover::after { width: 100%; }

/* list 2*/
.prosub-list{ width: 100%;}
.prosub-item {width:100%;display:flex; align-items: center; margin-bottom:1rem;transition:all 0.4s;border: 1px solid #ddd;}
.prosub-item:hover {box-shadow: 0 0 20px #ddd;}
.prosub-img {width:31%;position:relative;border-bottom:1px solid #f8fafc;}
.prosub-img img { width: 100%; transition:transform 0.6s ease;}
.prosub-item:hover img{ opacity: 0.9;}
.prosub-des{padding:0.5rem 1rem 0.5rem 1.5rem; flex: 1;}
.prosub-name {font-weight:600;font-size:1.2rem;color:var(--text-dark);margin-bottom:0.5rem;display: block;}
.prosub-name:hover{ color: var(--brand-red);}
.prosub-text {font-size:0.875rem;color:#333;line-height:1.5; display: block;}

.prosub-btn {font-weight:700;color:var(--brand-red);font-size:0.85rem;text-transform:uppercase;display:inline-flex;align-items:center;}
.prosub-btn span{ position: relative; padding-right: 1rem;transition:0.3s;}
.prosub-btn span::before{ content: "\f105";font-family:"fontello"; position: absolute; top: 50%; right: 0;transform: translateY(-50%);}
.prosub-btn:hover span{ padding-right: 1.5rem;}
.prosub-btn:hover{ color: var(--brand-gold);}

@media (max-width: 575.98px){
.prosub-item{flex-direction: column;}
.prosub-img {width:100%;}
.prosub-des{padding: 1rem;}
}
/*Other-pro*/
.other-pro .row{ padding:0.5rem 0 1rem 0;}
.other-class{position: relative;width: 100%;aspect-ratio: 1/1;background-size: contain;background-position: center;background-repeat: no-repeat;}
.board-bgimg{background-image:url("../images/sample-board.jpg");}
.box-bgimg{background-image:url("../images/sample-box.jpg");}
.tube-bgimg{background-image:url("../images/sample-tube.jpg");}
.trap-bgimg{background-image:url("../images/sample-trap.jpg");}
.class-overlay {position:absolute;inset:0;background:rgba(0,0,0,0.7); display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0.5rem;box-sizing: border-box;}
.class-overlay [class*="svg-"] {background-color: currentColor;-webkit-mask: var(--path) no-repeat center / contain;mask: var(--path) no-repeat center / contain;width:45px; height:45px;margin-bottom:0.4rem;color: #fff;flex-shrink: 0;display: none;}
.class-overlay .class-tit{font-size:1rem;line-height: 1.3;margin:0 0 15px;}
.class-overlay .see-more {color:#fff;font-size:0.75rem;border:1px solid rgba(255,255,255,0.5);padding:0.45rem 1rem;border-radius:2px;transition:0.3s;text-transform:uppercase; font-weight: 500;}
.class-overlay:hover{ color: #fff;background:rgba(0,0,0,0.8);}
.class-overlay .see-more:hover {background:#fff; color:#000;}

@media (max-width: 575.98px) {
  .other-pro .row-cols-1 > *,.gallery-list .row-cols-1 > *{ flex: 0 0 calc(100% / 2);max-width: calc(100% / 2);}
}
@media (max-width: 420px) {
  .other-pro .row-cols-1 > *,.gallery-list .row-cols-1 > *{ flex: 0 0 100%;max-width: 100%;}
}

/*related-pro*/
.related-pro ul{ display: flex; flex-wrap: wrap;}
.related-pro ul li{flex: 0 0 calc(100% / 3); padding: 0 0.5rem 0.5rem 0; display: flex;}
.related-pro ul li a{background: #f9f9f9;color:var(--title-black); font-size: 0.875rem; padding: 0.6rem 1rem;border-left: 3px solid #ddd; transition: all 0.2s ease; width: 100%; display: flex; align-items: center;}
.related-pro ul li a:hover{background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.1); color: var(--brand-red); border-left-color:var(--brand-red)}
.related-pro ul li a.dq{color: var(--brand-red);border-left-color:var(--brand-red);}

@media (max-width: 767.98px){
.related-pro ul li{  flex: 0 0 calc(100% / 2);}
}@media (max-width: 575.98px){
.related-pro ul li{  flex: 0 0 100%;}
}
/*about*/
.profile-wrapper {display:flex;margin:0 0 3rem 0;align-items:center;}
.profile-image {flex:1;margin-right:3.125rem;position:relative;}
.profile-image img {width:100%;display:block;border-radius:0.25rem;box-shadow:0 0.625rem 1.875rem rgba(0,0,0,0.1);position:relative;z-index:2;}
.profile-image::after {content:"";position:absolute;top:1.25rem;left:1.25rem;width:100%;height:100%;background-color:#f7f8fa;z-index:1;border-radius:0.25rem;}
.profile-des {flex:1;}
.profile-des p{font-size:1rem;line-height:1.8;margin-top:1.25rem;}

.recomm-box{background-color: #f5f5f5;border-bottom: 1px solid #ddd; overflow: hidden; padding: 4rem 0 2rem 0;}
.tab-menu{ justify-content: center; border-bottom:2px solid #ddd; margin-bottom:1.5rem;}
.nav-tabs .nav-link{border-right: 1px solid #f2f2f2; background: #fff; padding: 0.8rem 1rem; text-align: center;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border: 1px solid  transparent; background: var(--brand-red); color:#fff;}

@media (max-width: 767.98px){
.recomm-box{padding: 2rem 0;}
}@media (max-width: 575.98px){
.recomm-box{padding: 1.25rem 0;}
}@media (max-width: 425.98px){
.tab-menu>li{width: 100%; margin-top: 10px;}
}
/*server*/
.service-section{ padding-bottom: 1rem;}
.service-section .service-tit{ font-size: 1.25rem; color: #000; margin: 0 0 0.5rem 0; border-bottom: 1px solid #f0f0f0; padding-bottom: 0.5rem; font-weight: 600;}
.service-section p { font-size: 1rem; line-height: 1.8; color: #555; margin: 0 0 0.5rem 0; }

/*Case*/
.case-entry {background:#fff;border-radius:0.25rem;box-shadow:0 2px 10px rgba(0,0,0,0.2);margin-bottom:2.5rem;overflow:hidden;border:1px solid #eee;}
.case-header {padding:1.5rem 2rem;border-bottom:1px solid #f9f9f9;background:#fdfdfd;}
.year-tag {display:inline-block;background:#b93332;color:#fff;font-size:0.75rem;font-weight:bold;padding:0.25rem 0.75rem;border-radius:0.125rem;margin-bottom:1rem;text-transform:uppercase;}
.case-info-line {font-size:0.9375rem;line-height:1.8;color:#555;margin:0.3rem 0;}
.case-info-line b {color:#222;margin-right:0.5rem;}
.case-entry .gallery-list{ padding:0 1.5rem;}

.process-box {overflow:hidden; text-align: center; padding: 1.5rem 0;}
.process-bar {display: inline-block;background:#a95e5e;color:#fff;padding:0.6rem 1.5rem;font-weight:600;margin:0 auto;border-radius:10px; margin-bottom: 1rem;}
.bar-color2{ background: #00a0e8;}
.bar-color3{ background: #6bad53;}
.bar-color4{ background: #fa984f;}

@media (max-width: 767.98px){
.case-header{padding: 1.25rem;}
}
/* videos */
.videos{padding: 0 0 2.5rem 0;}
.videos_hub{width: 100%; display: flex; flex-direction: column; margin-bottom: 1.875rem;}
.videos_hub_title{font-size:1.5rem; font-weight: 500; line-height: 1; display:flex; align-items: center; color:#333; position:relative; z-index: 0; margin:1.25rem 0; border-left: 3px solid var(--bg-main); padding-left: 1rem;}
.videos_hub ul{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
.videos_hub ul li{width: 100%; padding: 15px; display: flex;}
.videos_hub ul li>a{width: 100%; display: flex; flex-wrap: wrap; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.videos_hub ul li>a:hover{box-shadow: 0 30px 30px -20px rgba(0, 0, 0, .2);}
.videos_hub:last-child{margin-bottom: 0;}

.videos_pros ul li{width:50%;}
.videos_pros ul li>a{border-radius: 10px; overflow: hidden; font-weight: 600;}
.videos_pros ul li>a>.imgbox{width: 40%; position: relative; }
.videos_pros ul li>a>.imgbox .video_btn::before{--w:50px;}
.videos_pros ul li>a>.textbox{flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-size: .95rem; line-height: 22px; color: #555; padding: 1rem; transition: all .4s;background: #eee;}
.videos_pros ul li>a:hover>.textbox{color:var(--brand-red);}
@media (max-width: 767.98px) {
  .videos_pros ul li>a>.imgbox{width: 100%;}
  .videos_pros ul li>a>.imgbox img{ width: 100%;}
}@media (max-width: 425.98px){
.videos_pros ul li{width:100%;}
}
.video_details{ padding: 2rem 0;}
.video_details>.content{display:flex;flex-wrap:wrap; align-items: flex-start; justify-content:space-between;}
.video_details video{ max-height: 450px;}
#video_right{width:70%;}
#video_right video{width:100%}
.video_more{display:flex;}
.video_more>a,.video_more>span{padding:0.4rem 1.2rem; border:1px solid #000; color:#000; border-radius:20px; transition: all .4s; cursor: pointer; font-weight: 500;}
.video_more>a:hover,.video_more>span:hover{background-color:var(--brand-red); color:#fff; }
#video_sidebar{width:25%; background-color:#fff; border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 0;}
#video_sidebar .video_side_tit{font-size: 1.5rem;color:#fff;margin-bottom: 0.6rem;font-family: 'ArchivoNarrow';font-weight: 600; background:linear-gradient(90deg, var(--brand-red) 0%, #8a2020 100%); padding: 0.3rem 1rem;width: calc(100% - 1.5rem); margin: 0 auto; margin-top: 1rem; margin-bottom: 0.5rem;}
#etw_videolist{padding:0;}
#etw_videolist ul{width: 100%; margin: 0; padding: 1rem; display:flex; flex-wrap: wrap; justify-content: space-between;}
#etw_videolist ul li{width: 100%; margin-bottom: .7rem; padding: 0;}
#etw_videolist ul li:last-child{margin-bottom: 0;}
#etw_videolist ul li a{width: 100%; display:flex; align-items:center; font-size:.875rem; padding-left:1rem;line-height: 24px; transition: all .4s; position: relative;}
#etw_videolist ul li a::before{content: "\f105"; position: absolute; left: 0; top: 0; font-family:"fontello"; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased;}
#etw_videolist ul li a.dq,#etw_videolist ul li a:hover{color: var(--brand-red);}
#etw_videolist .video_more{ padding: 1.5rem; padding-top: 0; margin: 0;}
.videohid{display:none}
@media (max-width:991.98px){
.video_details{ padding: 1rem 0;}
#video_right{width:100%}
#video_sidebar{width:100%;margin-top:2rem}
#etw_videolist ul li{width: calc(50% - 1rem);}
}
@media (max-width:767.98px){
#etw_videolist ul li{width: 100%;}
#video_sidebar{margin-top:1rem}
}
.hubvideo{display: flex;}
.video_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9; cursor:pointer; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out;}
.video_btn::before{content: ""; --w:50px; width: var(--w); height: var(--w); border-radius: 50%; background: url(../images/video_btn.webp) no-repeat center center; background-size: 100% 100%; transition: all .3s ease-in-out;}
.video_btn:hover::before{opacity: .8;}

.hubvideo .video_btn{left: 0; top: 0; right: 0; bottom: 0; transform: initial;position: relative;align-items: initial; padding-left: 1rem;}
.hubvideo .video_btn::before{ width: 40px; height: 40px;}
.related_pic .video_btn::before{ width:40px; height:40px;}
.video_btn1::before{ width:50px; height:50px;}
.video-play-btn {display:inline-flex;align-items:center;color:var(--title-black);text-decoration:none !important;transition:0.2s;cursor:pointer;margin-left:1rem;border: 1px solid var(--title-black);padding:0.5rem 1.2rem;border-radius: 8px;}
.video-play-btn span{display: flex;align-items: center;font-size: 0.9rem;}
.video-play-btn span::before{content:"\e80b";padding-right:0.5rem;font-family:"fontello";color:var(--brand-red);font-size:1.2rem; line-height: 1;}
.video-play-btn:hover{border-color: var(--brand-red);}
.video-play-btn:hover span,.video-play-btn:hover span::before{ color: var(--brand-red);}

/* videos-End */
.contact_info { font-weight: 400;}
.contact_info a{ color: var(--brand-red);}
.em-left{ padding-left: 3.3rem;}
.contact_info a:hover{text-decoration: underline;}
.contact_info .feedback{padding: 2rem; box-shadow: 6px 6px 0 #eee,-6px -6px 0 #eee;}
.contact_info .feedback .etw_form_title{font-size:1.875rem; color:#000; text-align: center; font-weight: 700;}
@media (max-width: 991.98px){
.contact_info .feedback{padding: 1rem;}
}
/*footer*/
#footer{background-color:#f1f1f1;color:#333;padding: 3rem 0 1rem;position: relative;}
#footer::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(0,0,0,0.01) 0px,rgba(0,0,0,0.01) 1px,transparent 1px,transparent 10px);pointer-events:none;}
footer .footer-title a,footer .footer-title span{ display: block; color:#333; font-weight: 700; margin-bottom:0.6rem; font-size:1.2rem; font-family:"ArchivoNarrow"}
footer ul {padding: 0; padding-bottom: 1rem;}
footer li { margin-bottom:0.3rem; font-size: 0.85rem; }
footer a {color:#333; transition: 0.1s; font-size: 0.85rem; line-height: 1.6;}
footer a:hover { color:var(--brand-red); }
.font-txt{ font-size: 1rem; line-height: 1.5; color: #666;}
.footer-contact-bar {padding:0 0 20px 0;border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:30px;}
.footer-contact-bar .row{width: 100%; max-width:900px; margin: 0 auto;}
.contact-item {color:#fff;font-size:1rem;display:flex;align-items:center; position: relative; padding-right: 1rem;}
.contact-item::before{ content: ""; position: absolute; top: 50%; right: 0; transform:translateY(-50%);width:1px;height:15px;background:rgba(255,255,255,0.2);}
.contact-item a{ font-size: 1rem;}
.contact-item .cot_mobile::before{ top: 0; color: var(--brand-red);}
.contact-item .cot_whatsapp::before{top: 4px;color: var(--brand-red);}
.contact-item .cot_email::before{top: 5px;color: var(--brand-red);}
#otherlink{width:100%; display: flex; justify-content: center;border-top: 0.0625rem solid #ddd; padding-top: 1rem;}
#otherlink a{color:#777777;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;font-size:0.75rem}
#otherlink a span{opacity:0.5;position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--brand-red)}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
@media (max-width: 767.98px){
#footer{padding: 2rem 0 1rem 0;}
.footer-contact-bar{padding: 0; margin-bottom: 1rem;}
}
/* 2026-4-22 new */
.discontinued-list{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.discontinued-list>li{padding: 10px;}
.discontinued-list>li>ol{width: 100%; display: flex; flex-direction: column;}
.discontinued-list>li>ol li.etw_pro_img{width: 100%; border: 1px solid #ddd;}
.discontinued-list>li>ol li.etw_pro_name{flex: 1; padding-top: .625rem; justify-content: center; text-align: center; font-size: 1rem;}
.discontinued-list>li>ol li.etw_pro_name:hover{ color: #f00; text-decoration: underline;}
.about_des {width:96%;height:auto;display:block;margin:10px 0 20px 0;padding:10px 2% 20px 2%;border-radius:3px;-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;float:left;border:1px solid #efefef}
.about_des .h1{font-size: 1.3em;  font-weight: 400;  line-height: 22px;}