@charset "utf-8";
@font-face{font-family:"Montserrat"; font-weight:600 900; font-style:normal; font-display:swap; src:url(../fonts/Montserrat-VariableFont.woff2) format("woff2");}
@font-face{font-family:"Roboto"; font-weight:100 900; font-style:normal; font-display:swap; src:url(../fonts/Roboto-VariableFont_wdth,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-main:#15274e;--brand-accent:#007bff; --brand-red:#e63946;--text-dark:#0f172a;--text-main:#334155;--text-gray:#64748b;--text-light:#94a3b8;--bg-unified:#f8fafc;--white:#ffffff;}

html{overflow:visible!important;}
.skip-loading{visibility:hidden!important;display:none!important;}
#header,#container,#footer{visibility:visible!important;}

figure a{pointer-events: none;}
figure.jsclickready a:not(.original-link) {pointer-events: auto ;cursor: pointer !important;}

body {font-family:'Roboto',Arial,Helvetica,sans-serif; background-color:var(--white);color:#555; 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:inline-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);}
b {color:var(--brand-red);font-size:1.2rem;line-height:1.4;margin:15px 0 6px 0;display:block;font-weight:500}
strong {font-weight:700;font-size:1.1rem}
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; }
h2 {display:block;font-size:1.75rem;line-height:1.2;padding:0;color:var(--brand-main);font-weight:800; margin-bottom:1.5rem;}
.pro_name{color:#666;font-size:1rem;position:relative;line-height:1.35;margin-top:-1rem;position:relative;padding-bottom:1rem}
.bansubname{ font-size: 1.15rem; max-width: 900px; margin: 0 auto; line-height: 1.8; color: #cbd5e1; font-weight: 400; }

.sub_name{color:var(--text-light);font-size:0.85rem;position:relative;line-height:1.35;margin-top:-1rem;position:relative;padding-bottom:1rem}

.clearfix::after {display:table;clear:both}

.table-responsive{margin:0 0 1rem 0;border: 1px solid #e2e8f0; border-radius: 6px;  box-shadow: 0 4px 15px rgba(0,0,0,0.02);}
.table{margin-bottom:0!important}
.table,td{border:none}
.table tr td{vertical-align:middle !important;padding:8px 12px !important;font-size:0.9rem;line-height:1.2rem;border:none;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;border-bottom:1px solid #f1f2f4;}
.table tr.top{color: #fff;}
.table tr.top td{padding:10px 12px !important;font-size:0.95rem;line-height:1.2rem; color:var(--brand-main)  !important;; font-weight: 700 !important;background-color:#e9ecee !important;}
.table tr.top a{ color: var(--brand-main); text-decoration: underline;}
.table tr.top a:hover{ color: var(--text-light);}
.table tr:nth-child(even) { background-color: none; }

.table td:not(:last-child) {background-color:#f7f7f7 !important;width:15% !important;min-width:100px !important;}
.table td[rowspan] {width:30% !important;min-width:150px !important;}
.table tr:first-child td:first-child {width:30% !important;min-width:250px !important;}
.table td:last-child {background-color:transparent !important;width:auto !important;min-width:200px !important;}


.table_style .table{border: 1px solid #e2e8f0;}
.table_style .table tr.top{position: sticky;top: 0;z-index: 10;}
.table_style .table tr td:first-child{color:var(--text-main); background: #fff;width:auto;}
.table_style .table td:not(:last-child){ background: #fff !important;}
.table_style .table tr.top td:not(:last-child){background-color: #e9ecee !important;}
.table_style .table tr td{ border-color: #e2e8f0;border-right: 1px solid #f1f5f9;}
.table_style{max-height:300px;overflow-y: auto;}
@media (max-width:575.98px){
  h2{ font-size: 1.5rem;}
}
/****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;}

#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);}
   .col-flex .col{ padding-left: 10px; padding-right: 10px;}
}
.gallery-box .row{ margin-left: -10px; margin-right: -10px;}
.gallery-box .col-flex .col{ padding-left: 10px; padding-right: 10px;}
@media (max-width:575.98px){
  .gallery-box figure{ margin-bottom: 0;}
}
@media (max-width:420px){
   .gallery-box .row{ margin-left: -5px; margin-right: -5px;}
   .gallery-box .col-flex .col{ padding-left: 5px; padding-right: 5px;}
}
@media (max-width:370px){
   .gallery-box .row-cols-2 > *{flex: 0 0 100%;max-width: 100%;}
}

.original-link{ cursor:default;}
/*gallery*/
.gallery-item{width: auto; border: 1px #ddd solid;}
.gallery-item a{ display: block;}
.gallery-item span{ display: block;text-align: center; padding: 0.8rem 0; font-weight: 500;}
.gallery-item img{ width: 100%;}

.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;}
.brief p{ margin-bottom: 0.3rem;}
@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;}}


/* ul.item */
ul.items,ul.items li>ol,ul.items1{width: 100%; display: block; margin: 0 0 1rem 0;}
ul.items:last-child,ul.items li>ol{margin-bottom: 0;}
ul.items li,ul.items1 li{display: block; position:relative; margin-bottom: 5px; padding-left: 1rem; line-height: 24px;}
ul.items li:last-child,ul.items1 li:last-child{margin-bottom: 0;}
ul.items li:before{content:"";position: absolute; left: 0; top:0.5rem; width:6px; height: 6px; background: var(--brand-main); border-radius: 100%;}
ul.items:has(.row) li{margin-bottom: 10px;}
ul.items1 li{padding-left: 1.25rem;}
ul.items1 li::before{content: ""; width: 6px; height: 6px; background-color: var(--brand-red); position: absolute; left: 0; top: 9px;}
ul.items strong{ font-size:0.95rem; color: #444;}


/*FAQ*/
.faq-section {margin:1rem auto;}
.faq-section details{ border-bottom: 1px #ddd solid;filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));transition:all 0.3s ease;}
.faq-section details[open] .faq-body {animation:fadeSlide 0.3s ease-out;}
@keyframes fadeSlide {
     from {opacity:0;transform:translateY(-8px);}
     to {opacity:1;transform:translateY(0);}
}

.faq-section details summary::-webkit-details-marker {display:none !important;}
.faq-section details summary {list-style:none !important;outline:none;}
.faq-section details summary {display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:0.3rem 1.25rem;background-color:#f8f8f8;border-radius:5px; transition:background-color 0.2s;}
.faq-section details summary:hover {background-color:#fff;}
.faq-section details summary::after {content:'\002B';font-size:1.4rem;font-weight:500;color:#6c757d; transition:transform 0.2s ease; margin-left:1rem;}
.faq-section details[open] summary::after {content:'\2212'; transform:rotate(180deg);color:#dc3545;}
.faq-body {padding:0.8rem 1rem 0.8rem;background-color:#fff;border-radius:0 0 5px 5px;}
.faq-body .items li{ font-size: 0.8rem; line-height:1.2;}
.faq-body ul.items li::before{ top: 0.3rem;}

.faq-section .faq-question{font-weight: 600;}

/*feature*/
.feature-box {display:flex;flex-wrap:wrap;justify-content:center;}
.feature-item {display: flex; flex-direction: column;text-align:center;box-shadow:0 4px 6px 1px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.03); padding:1rem 0.5rem; width: 100%;}
.feature-icon {width:60px;height:60px;margin:0 auto 0.5rem;background:rgba(0,70,155,0.04);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;color: #15274e;}
.icon-layers:before { content: '\e813'; } 
.icon-file-code:before { content: '\f1c9'; } 
.icon-target-1:before { content: '\e815'; }
.icon-clock:before { content: '\e814'; }    
.icon-cog:before { content: '\e80e'; } 
.icon-sliders:before { content: '\f1de'; }
.icon-desktop:before { content: '\f108'; } 
.icon-arrows-cw:before { content: '\e816'; }
.icon-th-large:before { content: '\e817'; }
.icon-gauge:before { content: '\f0e4'; } 
.icon-link:before { content: '\e818'; }  
.icon-sitemap:before { content: '\f0e8'; }
.icon-chart-line:before { content: '\f201'; }

.feature-icon i {font-size:2rem;line-height:1;}
.feature-name{ font-size: 0.9rem; color: #000; }
.feature-item p{ font-size: 0.8rem; padding-top: 0.5rem; margin-bottom: 0;}
@media (max-width:575.98px){
   .feature-box .mb-4{ margin-bottom: 0.6rem !important;}
   .feature-item{ text-align: left; box-shadow:0 0 0; border:none; padding: 0; padding-left: 1rem; position: relative;}
   .feature-item:before{content:"";position: absolute; left: 0; top:0.4rem; width:6px; height: 6px; background: var(--brand-main); border-radius: 100%;}
   .feature-item p{ padding-top: 0;}
   .feature-icon{ display: 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(--brand-red)}
.related_pic img{transition:.3s all ease-in-out;}
@media (max-width:767.98px){.left_pic{text-align:center}
}

/* Hero*/
.hub-hero { position: relative; background: url('../images/probanner.webp') 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: linear-gradient(135deg, rgba(10, 25, 49, 0.95) 0%, rgba(21, 39, 78, 0.85) 100%);}

.hub-hero h2 { color: #fff; font-weight: 900; margin-bottom: 1.5rem; font-size: 1.6rem; letter-spacing: 1px; }
.hub-hero p { font-size: 1.15rem; max-width: 900px; margin: 0 auto; line-height: 1.8; color: #cbd5e1; font-weight: 400; }
.hub-hero p.hub-hero-txt{ font-size: 0.875rem; width: 100%;}
.hub-hero #quicknav{ padding-top: 0;}
.hub-hero #quicknav, .hub-hero #quicknav a i,.hub-hero #quicknav li + li::before{ color: var(--text-light); }

.hub-hero2{background: url('../images/probanner2.webp') center/cover no-repeat;text-align: left;}
.hub-hero2::before{background: linear-gradient(180deg, rgba(10, 25, 49, 0.7) 50%, rgba(21, 39, 78, 0.2) 100%);}
.hub-hero2 .trust-subtitle{ font-size: 0.875rem !important; color: #f5f5f5 !important;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.hub-hero2 #quicknav a{color: var(--text-light);}
.hub-hero2 #quicknav a:hover{ color: var(--brand-red);}
.hub-hero2 #quicknav{ color: #ccc;}

/*内容的标题*/
.des-title { font-weight: 700; font-size: 1.25rem; color: var(--brand-main); margin:2rem 0 0.7rem 0;display: flex; align-items: center; }
.des-title::before { content: ''; width: 4px; height: 20px; background: var(--brand-red); margin-right: 12px; border-radius: 2px; }
.des-title1 { font-weight: 700; font-size: 1.4rem; color: var(--brand-main); margin:2rem 0 1.5rem;display: flex; align-items: center; padding-bottom: 0.5rem; border-bottom: 2px solid var(--text-light);}

.des-title2{font-size:1.8rem;color:var(--brand-main);text-align:center;margin-bottom:1.5rem;font-weight:700;letter-spacing:-0.5px;position:relative;}
.des-title2::after {content:"";display:block;width:50px;height:4px;background:var(--brand-red);margin:10px auto 0;border-radius:2px;}


.trust-banner {width:100%; padding:1.5rem 0 2rem 0;border-top:1px solid #eaeaea; background-color: var(--brand-main); background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 35px 35px;}
.trust-title {font-size:1.3rem;font-weight:700;color:#ffffff;margin-bottom:5px;letter-spacing:0.5px;}
.trust-subtitle {font-size:0.875rem;font-weight:400;color:#aeb9c6; margin-bottom: 0;}
.trust-banner #quicknav{ padding-top: 0; padding-bottom: 0.5rem;}
.trust-banner #quicknav, .trust-banner #quicknav a, .trust-banner #quicknav a i,.trust-banner #quicknav li + li::before{ color:var(--text-gray); }

.trust-banner #quicknav li, .trust-banner #quicknav li a{ font-size: 0.7rem;}
.trust-banner #quicknav a i{ font-size: 0.8rem;}
.trust-flex{display: flex;align-items: center;justify-content: space-between;}
.trust-text {flex: 0 0 60%; }
.trust-image {flex: 0 0 35%;text-align: right;}
.trust-image img {max-width:400px; height: auto;filter: drop-shadow(0 10px 20px rgba(0,0,0,0.6));}
.trust-black{ display: block;}
@media (max-width:991.98px) {
  .trust-text {flex: 0 0 100%; }
  .trust-image {display: none;}
}
/*******public---END******/


/*******Header******/
#header{position: sticky;top: 0;z-index: 1050; width: 100%; background: var(--white);box-shadow: 0 2px 20px rgba(0,0,0,0.1);}
@media (max-width:991.98px) {
  #header{ position:relative; padding: 1rem 0;}
}
.top-bar{padding: 0.4rem 0 0; min-height: 23px;}
/*language*/
.etw_language{display:flex;flex-wrap:wrap;padding:0; justify-content:flex-end;font-size:0.75rem;}
.etw_language .icon-globe::before{ font-size: 2rem;}
#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;}
  .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;}
}

/*logo*/
.logo-box{ margin-top: -0.5rem;}
.logo-box img {width:auto; max-height: 60px;}
@media (max-width:991.98px) {
  .logo-box{ display: inline-block; box-shadow: 0 0 0; padding:0;margin-top:0;}
  .logo-box img{ max-height: 50px;}
}
/*Menu*/
.nav-in{ display: flex; padding: 0 0 0.5rem 0;}
.navbar{ padding-top: 0;}
.navbar-light .navbar-nav{align-items: center;justify-content: flex-end;}
.navbar-light .navbar-nav .nav-link { color: var(--brand-main); font-weight:700; font-size: 1rem; padding:0; margin: 0.3rem 1.5rem; position: relative;letter-spacing: 0.02rem;}
.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.5rem; }
.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:991.98px) {
  .nav-in{display: initial;padding: 0;}
  #navbarContent{ width: 100%; background: #fff; padding-top: 0;}
  .navbar-nav{padding-top: 1rem;}
  .navbar-toggler{background-color:var(--brand-main);color:#fff;margin-top:0.4rem;margin-right:0;}
  .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(--main-color);}
  .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;}
}
.sec-title { font-size: 1.875rem; font-weight: 800; font-family: "Montserrat"; color: var(--brand-main); display: block; margin-bottom: 1.25rem; }
@media (max-width:767.98px) {
  .sec-title{ font-size: 1.6rem;}
}
/*******Header --- END******/

/*banner*/
.banner {position: relative; padding: 0; text-align: center;}

.carousel-control-next, .carousel-control-prev{ width: 80px;z-index: 3;}
.banner_txt{position: absolute;left: 50%;top:0;transform: translateX(-50%) translateY(-10%); width: 100%;height: 100%;max-width: 1700px;display: flex;align-items: center;z-index:2;padding:1rem 3rem;}
.banner-inner { max-width: 550px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); text-align: left;}
.banner h1,.banner h2{ font-size:2.2rem; line-height: 1.2; font-weight: 900; margin-bottom: 25px; letter-spacing: 1px;  color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);margin-bottom: 20px;text-transform: uppercase;}
.banner h1 span,.banner h2 span{ display: block;}
.banner p { font-size: 1.5rem; font-weight: 500; line-height: 1.4;color: #eef2f6;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); display: block; width: 100%; max-width: 450px; padding-bottom: 1rem;}

.btnmore{ display: inline-block; color: #fff; font-weight: 500; background: #0056b3; padding: 0.5rem 1rem;border-radius: 3px;border: 2px solid #0056b3;transition: all 0.3s ease;}
.btnmore:hover{ background: var(--brand-red); color: #fff; border-color:var(--brand-red) ;}
.btnmore1{ background: none; border-color: #fff;}
.btnmore:hover{border-color: var(--brand-red);}
@media (max-width:1200px) {
    .banner-inner{max-width: 1000px;}
    .banner h1 span, .banner h2 span{ display:initial;}
}
@media (max-width:991.98px) {
  .carousel-control-next, .carousel-control-prev{ width: 2.5rem;}
  .banner_txt{ padding: 2rem 3.5rem; top: 50%; transform: translateX(-50%) translateY(-50%);}
  .banner-inner{max-width:992px;}
  .banner-inner h1,.banner-inner h2{ font-size: 1.75rem; margin-bottom: 0;}
  .banner p,.banner .btnmore{ display: none;}
}
@media (max-width:767.98px) {
  .banner-inner h1,.banner-inner h2{ font-size: 1.5rem; font-weight: 600;}
}
@media (max-width:575.98px) {
  .banner_txt{ padding: 2rem 2.5rem;}
  .banner-inner h1,.banner-inner h2{ font-size: 1.15rem;}
}
@media (max-width:420px) {
  .banner-inner h1,.banner-inner h2{ font-size: 1rem;}
}

/*What we do*/
.what-we-do{ background: #f4f6f9;}

.overlap-wrapper {padding:4rem 3.5rem 2rem 3.5rem;border-radius:0.5rem;margin-top:-7rem;position:relative;z-index:10;background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #f4f6f9 100%); text-align: center;}
.overlap-wrapper p{color: var(--text-gray);font-size: 1rem;line-height: 1.8;}
@media (max-width:1400px) {
  .overlap-wrapper{ margin-top: 0rem;}
}
@media (max-width:991.98px) {
  .what-we-do{ background: #fff;}
  .overlap-wrapper{padding:1rem 0; background: #fff;}
}
/**/
.pro-cate{margin-top:1rem;}
.cate-item{position:relative;transition:0.4s;display: flex;flex-direction: column;}
.cate-item .cate-img {width:100%; overflow: hidden;}
.cate-item .cate-img img{width:100%;object-fit:cover;transition:0.6s;}

.cate-item .cate-des {background:var(--white);width:90%;margin:-3rem auto 0;padding:1.5rem 1rem;position:relative;z-index:5;text-align:center;box-shadow:0 1rem 2rem rgba(0,0,0,0.05);flex: 1;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.cate-item .cate-name {font-size:1.1rem;font-weight:800;color:var(--brand-main); display: block;}
.cate-item .cate-des p{ font-size: 0.75rem; color: var(--text-gray); padding-top: 1rem;}
.cate-item .read-more {font-size:0.75rem;color:var(--brand-accent);border-bottom:1px solid var(--brand-accent);display:inline-block;margin-top:0.75rem;font-weight:700; text-transform: uppercase;}
.cate-item:hover .cate-img img {transform:scale(1.05);}
.cate-item:hover .cate-des {box-shadow:0 1.5rem 3rem rgba(21,39,78,0.1);}

.hpro-title { text-align: center; margin:3rem 0 2rem 0; position: relative; }
.hpro-title::before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #e0e4e8; z-index: 1; }
.hpro-title span { background: #f4f6f9; padding: 0 1rem; position: relative; z-index: 2; font-size: 0.95rem; color: var(--text-light); font-weight:500; letter-spacing: 1px; text-transform: uppercase; display: inline-block;}

.hpro-item{ background: #fff;box-shadow: 0 0.5rem 2.5rem rgba(21,39,78,0.06);}
.hpro-item:hover{box-shadow: 0 1rem 3rem rgba(21,39,78,0.1);}
.hpro-item .hpro-img {width:100%;}
.hpro-item .hpro-img img{width:100%;object-fit:cover;transition:0.6s;}
.hpro-item .hpro-des{padding: 1rem;}
.hpro-item .p-name{ display: block; font-size: 0.95rem; color: var(--brand-main); font-weight: 700; text-align: center;}
.hpro-item p{ font-size: 0.75rem; line-height: 1.5; color: var(--text-gray); margin-bottom: 0; display: none;}
.hpro-item:hover .p-name{ color: var(--brand-red);}
@media (max-width:767.98px) {
  .hpro-title{ margin-top: 1rem;}
  .cate-item .cate-des{ width: 100%; margin-top: 0;}
  .hpro-title span{ padding:0.5rem 1rem;}
}

/*about*/
.home-about{ padding-bottom: 4rem;}
.about-img { width: 100%; border-radius: 0.5rem; box-shadow: -1.5rem 1.5rem 0 #eef0f2; }
.about-title {font-size: 2rem; font-weight: 900; color: var(--brand-main); margin-bottom: 1rem; display: block; font-family:"Montserrat";}
.home-about p{ font-size: 1rem; color: var(--text-main); line-height: 1.5; display: block; margin-bottom: 2rem;}
.home-about .feature-item { display: flex; align-items: center; margin-bottom:0.5rem; }
.home-about .feature-item::before{ content: "\e803"; font-family:"fontello";color:var(--brand-accent); font-size: 1rem;}
.home-about .feature-item span { font-weight: 800; color: var(--brand-main); font-size: 0.85rem; text-transform: uppercase; padding-left: 0.8rem;}
.about-btn-more {font-family:"Montserrat"; border: 2px solid var(--brand-main); color: var(--brand-main); padding: 0.7rem 2.2rem; font-size: 0.8rem; font-weight: 800; text-transform: uppercase; display: inline-block; transition: 0.3s; margin-top: 1rem;}
.about-btn-more:hover { background: var(--brand-main); color: var(--white); text-decoration: none !important; }


/*footer*/
#footer{background:#0a1626;background: linear-gradient(135deg, #0e1d33 0%, #162851 100%); color:#adb5bd;border-top: 1px solid rgba(255,255,255,0.03); padding: 3rem 0 1rem 0; position: relative;}
#footer::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,0.01) 0px,rgba(255,255,255,0.01) 1px,transparent 1px,transparent 10px);pointer-events:none;}

footer .footer-title a,footer .footer-title span{ display: block; color: #fff; font-weight: 700; margin-bottom:0.6rem; font-size:1.2rem; }
footer ul {padding: 0; padding-bottom: 1rem;}
footer li { margin-bottom:0.3rem; font-size: 0.85rem; }
footer a { color:#adb5bd; transition: 0.1s; font-size: 0.85rem; line-height: 1.6;}
footer a:hover { color:var(--brand-red); }

.f-logo { font-size: 2.2rem; line-height: 1; font-weight: 900; color: var(--white); display: block; margin-bottom:0.8rem; letter-spacing: 0.05rem; font-family:"Montserrat";}
.f-logo-tit{ font-weight: 600; font-size:1.2rem;color:#adb5bd; max-width: 280px;}
.f-logo-tit span{ font-weight: 400; font-size: 0.875rem; display: block; padding-top: 0.5rem;}

.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}

#otherlink{width:100%;margin-top:1rem; display: flex; justify-content: center;}
#otherlink a{color:#68778C;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;font-size:12px}
#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;}


/*Equipment HUB*/
.equipment-hub{ background: #fff; padding: 2rem 0 3rem 0;}
.equipment-txt{ max-width: 900px;margin: 0 auto;color: #777; padding-bottom: 3rem; text-align: center;}
.hubpro-process-step { display: flex; position: relative; padding-bottom: 4rem; }
.hubpro-process-step:last-child { padding-bottom: 0; }
.hubpro-process-step:last-child .step-line { display: none; }
.step-line-container { width: 80px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; margin-right: 30px; }
.step-num { font-size:4rem; font-family: 'Montserrat', sans-serif; font-weight: 900; color: #F1F5F9; line-height: 0.8; padding-bottom: 15px; transition: color 0.4s ease; background: #fff; z-index: 2;}
.step-line { width: 2px; flex-grow: 1; background: #e2e8f0; transition: all 0.4s ease; }
.step-content { flex-grow: 1; padding-top: 5px; }
.class-title a{ font-weight: 800; font-size: 1.75rem; line-height: 1.2; margin-bottom: 1rem; color: var(--brand-main); display: flex; align-items: center; letter-spacing: 0.5px;}
.class-title  a:hover{ color: var(--brand-red);}
.class-desc { font-size: 0.875rem; color: #64748b; line-height: 1.6; margin-bottom: 1.5rem; padding-right: 1rem;}
.view-btn { font-weight: 700; color: var(--brand-main); font-size: 0.9rem; display: inline-flex; align-items: center; text-transform: uppercase; transition: 0.3s;}
.view-btn i { margin-left: 8px; transition: transform 0.3s; color: var(--brand-red); font-size: 1.1rem;}
.view-btn:hover { color: var(--brand-red); text-decoration: none;}
.view-btn:hover i { transform: translateX(5px); }
@media (max-width:991.98px) {
  .step-line-container{ display: none;}
  .equipment-txt{ text-align: left;}
  .class-desc{ margin-bottom: 0.5rem;}
}
/**/
.pro-item { width: 100%; display: flex;flex-direction: column;transition: all 0.3s ease; background:#fff; border: 1px solid #eef2f6;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}
.pro-item:hover {border-color:var(--brand-main);box-shadow: 0 10px 25px rgba(21, 39, 78, 0.08);}
.pro-item .pro-img { width:100%; object-fit: cover;border: 1px solid #eef2f6; }
.pro-item .pro-name {width: 100%; font-size: 0.95rem; font-weight:700; color: #334155; line-height: 1.3; display: block; padding: 0.8rem;text-align: center;}
.pro-item:hover .pro-name { color: var(--brand-red); }
.pro-item:hover .pro-img{ opacity: 0.9;}
.process-flow .pro-item:hover{transform: translateY(-8px);}
/*Other Pro*/
.other-pro{background: #f4f7f9; padding: 2.5rem 0;}
.other-title { font-size: 1.75rem; font-weight: 900; color: var(--brand-main); margin: 1rem 0; position: relative; padding-bottom: 0.5rem;}
.other-title::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 3px;background-color: var(--brand-red);}
.other-pro .pro-item{box-shadow: 0 4px 15px rgba(21, 39, 78, 0.03);border: 1px solid #e2e8f0;}
.other-pro .pro-item .pro-name{ font-size: 0.875rem;font-weight:600;}

@media (max-width: 575.98px) {
   .other-pro .row-cols-1 > *{ flex: 0 0 calc(100% / 2);max-width: calc(100% / 2);padding-right: 10px;padding-left: 10px;}
}
@media (max-width: 420px) {
   .other-pro .row-cols-1 > *{ flex: 0 0 100% ;max-width: 100% ;padding-right: 15px;padding-left: 15px;}
}

/*related pro*/
.related-pro .pro-item{flex-direction: inherit; align-items: center; padding: 0; border: 1px solid #ddd; border-radius: 0; background: #fff; transition: 0.3s; box-shadow:0 0 0;}
.related-pro .pro-item:hover { border-color:#aaa;}
.related-pro .pro-item .pro-img { width:130px; object-fit: cover;margin-right: 0.8rem; background: #f8fafc; border: 1px solid #f8fafc; padding: 0.5rem;}
.related-pro .pro-item .pro-name{font-size: 0.95rem; font-weight:400;flex: 1;text-align: left;}

/*inquiry*/
/* btn-inquiry */
.btn-inquiry{padding:.5rem 1.2rem;background-color:#e60012;color:#fff;transition:all .5s;border-radius:0;font-size:0.9rem;position: relative; border: 2px #e60012 solid;}
.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-bg{ background:#eee; color: var(--brand-main); border: 1px #ccc dashed; font-weight: 500;}
.btn-inquiry:hover::before {left: 100%;}
.btn-inquiry:hover{background-color:#e60012; font-weight: 400; color: #fff;}

.video-play-btn {display:inline-flex;align-items:center;color:#1a3668;font-weight:600;text-decoration:none !important;transition:0.2s;cursor:pointer;margin-left:1rem;border: 2px solid #1a3668;padding:0.5rem 1.2rem;border-radius: 0;}
.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:#1a3668;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);}


.bottom-inquiry{background: linear-gradient(to top,#fff,#f4f4f4);padding: 3rem 0;position: relative;  overflow: hidden;}
.bottom-inquiry::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;}
.bottom-box{width: 100%; padding:1.5rem;display: flex;align-items: center;}
.bottom-inquiry .bottom-des{ flex: 1; padding-right: 4rem;}
.bottom-inquiry .bottom-tit{ color: #1a2a4e; font-size:1.8rem; font-weight: 800; margin-bottom: 1rem;}
.bottom-inquiry p { color: #4a5568;  margin-bottom:0; font-size: 1.1rem;}
.bottom-inquiry .btn{background:var(--brand-main);color:#fff;padding:1rem 2.5rem;font-size:1rem;font-weight:700;border-radius:4px;text-decoration:none;display:inline-block;transition:0.3s;letter-spacing:1px; max-width: 250px;}
.bottom-inquiry .btn:hover { background-color:  var(--brand-red); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(230, 57, 70, 0.4);}


.inquiry-module {background: #f9f9f9; border: 1px solid #eee; padding: 2rem; margin:2rem 0;  box-shadow: 0 10px 40px rgba(0,0,0,0.08);}
.inquiry-h3 { font-size: 1.5rem; padding-left: 1rem; font-weight: 600;  padding-bottom: 10px;color: #1a2a4e;}

#feedback2017 .etw-inpposition input,#feedback2017 .etw-inquery-control{border-radius:0;color:#666;font-size:0.95rem; }
#feedback2017 .etwfrom-message{padding:15px;}
#feedback2017 .etwfrom-sendsubmit{padding:0.7rem 1.6rem;font-size:1rem;line-height:1rem;height:auto;transition:.3s all ease-in-out;background:#e60012;color:#fff; margin-top: 1rem;}
#feedback2017 .etwfrom-sendsubmit:hover{background:var(--brand-red);}
#feedback2017 .etw-inquery-icon{ opacity: 0.4;}

@media (max-width:767.98px) {
  .bottom-box{display: initial;}
  .bottom-inquiry .bottom-tit{ font-size: 1.6rem;}
  .bottom-inquiry .bottom-des{ padding-right: 0; display:block; padding-bottom: 1.5rem;}
  .bottom-inquiry .btn{padding: 0.6rem 2rem;}
  .inquiry-module{ padding: 2rem 0rem;}
}

@media (max-width:420px) {
  .btn-inquiry{ margin-bottom: 0.5rem;}
  .video-play-btn{margin-left: 0;margin-bottom: 0.5rem;}
}


/**/
.main-box{display: flex;flex-wrap: wrap; align-items: flex-start; padding:2rem 0 2rem 0;}
.etw-sidebar {width: 25%;display: flex;flex-direction: column;position: sticky;top:130px; background:#fff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);border: 1px solid #e2e8f0;}
.etw_right{ width: 75%; padding-right: 3rem;display: flex;flex-direction: column;}
@media (max-width:991.98px) {
    .etw_right{ width: 100%; padding: 0;}
    .etw-sidebar{ display: none;}
}

.sidebar-title { font-size: 1.2rem; font-weight: 900; margin-bottom: 1.8rem; border-bottom: 1px solid rgba(255,255,255,0.1);color: var(--brand-main);border-left: 4px solid var(--brand-red);padding-left: 1rem;}

.etw-sidebar>ul{ list-style: none; padding: 0; }
.etw-sidebar>ul>li{position: relative; border-bottom: 1px solid #e2e8f0;}
.etw-sidebar>ul>li>a { display: block;color:#333; font-size: 0.95rem; line-height: 1.2; transition: 0.3s; padding:1rem;border-left: 4px solid transparent; font-weight: 400;letter-spacing:0.05px}
.etw-sidebar>ul>li>a.active {background-color: #f1f5f9;color:var(--brand-main);border-color:var(--brand-red);}
.etw-sidebar>ul>li>a:hover{background-color: rgb(248, 250, 251); color: var(--brand-red); }

.etw-sidebar>ul ul{padding: 0.8rem 0 0.5rem 0; background: #f9f9f9;}
.etw-sidebar>ul ul li { margin-bottom: 0.6rem; position: relative; }
.etw-sidebar>ul ul a {color: var(--text-gray); font-size: 0.8rem; line-height: 1.2; transition: 0.2s; display: block; padding-left:2rem;position: relative;}
.etw-sidebar>ul ul a::before {content:"\f105";font-family:"fontello";position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#334155;font-size:0.9rem;transition:all 0.3s ease;}
.etw-sidebar>ul ul a:hover,.etw-sidebar>ul ul a.active { color: var(--brand-red);}
.etw-sidebar>ul ul a:hover::before,.etw-sidebar>ul ul a.active::before {color:var(--brand-red);left:1.1rem;}


/*Pro Sub*/
.prosub-list{counter-reset: my-counter 0; }
.prosub-item {width:100%;background:#fff;border:1px solid #eee;margin-bottom:30px;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 15px rgba(0, 0, 0, 0.12);}
.prosub-item:hover {box-shadow:0 8px 30px rgba(0, 0, 0, 0.26);}
.prosub-img {width:100%;padding-top:70%;position:relative;background:#fdfdfd;overflow:hidden;border-bottom:1px solid #f8fafc;}
.prosub-img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.prosub-item:hover img{ opacity: 0.9;}
.prosub-des{padding:1.8rem;flex-grow:1;position:relative;display: flex;flex-direction: column;}
.prosub-name {font-weight:700;font-size:1.2rem;color:var(--brand-main);margin-bottom:1rem;line-height:1.3; display: block;flex-grow: 1;display: flex;flex-direction: column;}
.prosub-name:hover{ color: var(--brand-red);}
.prosub-text {font-size:0.875rem;color:#5B6B82;line-height:1.5;margin-bottom:1.5rem; 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 i {margin-left:0.5rem;transition:0.3s; font-size: 1.2rem;}
.prosub-btn:hover i {transform:translateX(5px);}
.prosub-des::before{counter-increment: my-counter; content: counter(my-counter, decimal-leading-zero); position: absolute;right:1rem;bottom:0;font-weight:900;color:rgba(21,39,78,0.03);z-index:1;font-family:'Montserrat',sans-serif;font-size:5rem;transition:0.4s;}

.prosub-access .prosub-des::before{ display: none;}
@media (max-width:991.98px) {
    .prosub-name{flex-grow:inherit;display: inherit;flex-direction: inherit;}
}

/*process*/
.process-box { display: flex; flex-wrap: wrap; align-items: center; }
.process-step { background: #f8f9fa; border: 1px solid #e9ecef; padding: 0.6rem 1.2rem; border-radius: 4px; font-size: 0.8rem; font-weight: 500; position: relative; margin:0 3rem 1rem 0;box-shadow: 0 2px 5px rgba(0,0,0,0.03);}
.process-step::after{content: "\f178"; font-family:"fontello";color: #999; font-size: 1rem; position: absolute; right: -2rem; top: 50%; transform:translateY(-50%);}
.process-step:last-child::after{ display: none;}
@media (max-width:767.98px) {
  .process-step{ padding: 0.3rem 0.6rem;}
}


.model-item{border: 1px solid #e5e5ee;padding: 1rem;}


.accessories-card {background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:40px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.accessories-header{background-color:#f8f9fc;padding:0.6rem 0.6rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;}
.accessories-header .tit{margin:0;font-size:1.1rem; font-weight: 700; color:var(--brand-main);}
.accessories-card .row{ padding:1rem;}
.accessories-card figure{ margin-bottom: 0;}

/*about*/
.company-box p{ font-size: 1.2rem;}
.company-box img{border-radius: 8px;box-shadow: 0 8px 24px rgba(0,0,0,0.1);border:0.5rem solid #fff;}

.adv-item{background:#fff;border-radius: 4px;box-shadow: 0 4px 15px rgba(0,0,0,0.04);padding:2rem 1.5rem;transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid #f0f0f0;display: flex;}
.adv-icon{ color: #0b2b51; width: 40px;}
.adv-des{flex: 1; padding-left: 1rem;}
.adv-item .adv-tit{ color:#0b2b51; font-size: 1rem; font-weight:500; padding-bottom:0.5rem; margin-top: 0; margin-bottom: 1rem; border-bottom: 1px solid #eee;}
.adv-item img{ max-height: 120px;}
.adv-item p{ margin-bottom: 0;}

.adv-item.adv-cert {position:relative;overflow:hidden;transition:all 0.3s ease;padding: 2rem 1.5rem 2rem 3.5rem;display: initial;}
.adv-item.adv-cert::before {content:"ISO 9001";position:absolute;left:0;top:0;bottom:0;width:30px;background:#1a3668;color:white;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:bold;letter-spacing:1px;transform:rotate(180deg);}
.cert-meta {font-size:1rem;color: #666;}

.offer-box{ padding-top:2rem;}
.offer-box p{ color: #666; font-weight: 300; text-align: center; padding-bottom:2.5rem;width: 100%; max-width: 900px;margin: 0 auto;}
.offer-box ul.items{display: flex;flex-wrap: wrap;justify-content: space-between;}
.offer-box ul.items li{width: calc(50% - 25px);  color: #333; background: #f4f6f8; padding: 2rem 2rem 2rem 2.5rem; margin-bottom: 2rem;}
.offer-box ul.items li::before{ background:none; content: "\e803";font-family:"fontello";top: 2rem; left: 1rem; color: var(--brand-red);}
@media (max-width: 767.98px) {
    .offer-box ul.items li{width:100%;}
}

@media (max-width: 460px) {
    .adv-item{ display:initial;}
    .adv-icon{ margin: 0 auto; padding-bottom: 1rem;}
}

.history-box{ padding: 4rem 0;}
.history-container {position:relative;max-width:1100px;margin:0 auto;padding:1.3rem 0;}
.history-container::before {content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background-color:#cbd5e1;}
.history-row {display:flex;align-items:stretch;margin-bottom:1rem;position:relative;}
.history-dot {position:absolute;left:0;top:32px;width:16px;height:16px;border-radius:50%;background-color:var(--brand-main);border:3px solid #fff;box-shadow:0 0 0 2px var(--brand-main);z-index:2;}
.history-card {flex-grow:1;margin-left:40px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.04);display:flex;justify-content:space-between;position:relative;transition:0.3s;}
.history-card:hover {box-shadow:0 15px 40px rgba(0,0,0,0.08);transform:translateX(5px);}
.history-card::before {content:'';position:absolute;left:-8px;top:32px;width:14px;height:14px;background:#fff;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;transform:rotate(45deg);}
.history-content {padding:1.5rem;}
.history-content .htitle{margin:0 0 12px 0;font-size:1.25rem;color:var(--brand-main);font-weight:800;}
.history-content p {margin:0;color:#444;}
.history-photo {width:240px;flex-shrink:0;overflow:hidden;border-radius:0 8px 8px 0;}
.history-photo figure{ margin-bottom: 0;}
.history-photo img {width:100%;height:100%;object-fit:cover;}
@media (max-width: 991.98px) {
   .history-container::before { left: 20px; }
   .history-row { flex-direction: column; }
   .history-year { width: auto; text-align: left; padding: 0 0 10px 45px; }
   .history-dot { left: 13px; top: 5px; }
   .history-card { margin-left: 45px; flex-direction: column; }
   .history-card::before { left: -8px; top: 15px; }
   .history-photo { width: 100%; border-left: none; border-top: 1px solid #e2e8f0; border-radius: 0 0 8px 8px; }
   .history-photo img { height: 200px; }
}


.case-item{box-shadow: 0 4px 20px rgba(0,0,0,0.1);border:1px solid #f9f9f9; padding: 1.5rem;display: flex;flex-direction: column;}
.case-item .case-tit{font-size:1.3rem;font-weight:700;color:#222;margin-bottom:1rem;line-height:1.3;display: flex;flex-direction: column;flex-grow: 1;}
.case-item p{ color: #666; margin-bottom: 0;}

.client-item {background:#fff;padding:10px 10px 20px;border-radius:4px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,0.2);transition:transform 0.3s;}
.client-item:hover {transform:translateY(-10px) rotate(1deg);}
.client-item img {width:100%;border-radius:2px;margin-bottom:1rem;}
.client-item span {margin:0;color:var(--text-dark);font-size:1rem;font-weight:700;}


/* 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;}
.videos_pros ul li>a:hover>.textbox{color:var(--bg-main)}

@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: 420px) {
  .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_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-main); 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{background-color:#dcdcdc; color:var(--brand-main); font-weight: 600; text-transform:uppercase; text-align: center; line-height: 1; padding: 1rem; margin-bottom: 0;}
#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_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:70px; 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;}

/* videos-End */

/*contact*/
.contact_info .feedback{padding: 2rem; background: #eee;}
.contact_info .feedback .etw_form_title{font-size:1.7rem; color:#000; text-align: center; font-weight: 700;}
.contact_info strong{ font-size: 0.9rem; font-weight: 600;}
.contact-item{ margin-bottom: 1.5rem; background: #f6f6f6; padding: 1rem;}
.contact-item p{ margin-bottom: 0.3rem;}
.contact_info a{ color: var(--brand-red);}
.contact_info a:hover{ text-decoration: underline;}