@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;font-display:swap;src:url(//:) format("no404"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-family:"NotoSans"; font-weight:100 900; font-style:normal; font-display:swap; src:url(../fonts/NotoSans-VariableFont_wdth_wght.woff2) format("woff2");}
@font-face{font-family:"Teko"; font-weight:300 600; font-style:normal; font-display:swap; src:url(../fonts/Teko-VariableFont_wght.woff2) format("woff2");}
@font-face {font-family:iconfont;src:url(../fonts/iconfont.ttf?t=1622274305876) format('truetype');font-display:swap}
.iconfont {cursor:pointer;font-family:iconfont!important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}

/****basic****/ 
:root {--container-width:1200px;--main-color: #152D8A; --dark-bg: #1a1a1a;--text-gray: #7f8c8d; --title-color:#2c3e50;--accent-orange: #e67e22;--primary-color:#055c98; --border-color: #f5f5f5; --bg-gray: #f8f9fa;}

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

body {font-family:'NotoSans',Arial,Helvetica,sans-serif; background-color:#fff;color:#333; font-size:0.95rem;line-height:1.4;font-weight:300;}

*,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(--primary-color)}
a:focus {outline:0;text-decoration:none}
a,a:hover {text-decoration:none}
a:hover u.inquiry{color: var(--primary-color);}
b {color:var(--main-color);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}
h2 {display:block;font-size:1.8rem;line-height:1.2;padding:0;color:#1a1a1a;font-weight:900; 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}
.sub_name{color:#666;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 td{vertical-align:middle;padding-top:.4rem;padding-bottom:.4rem; font-size: 0.95rem;}
.table tr.top{ background: #f5f5f5 !important;}
.table tr.top td{ font-weight: 600; font-size: 0.95rem;}
.table strong{ font-size:0.95rem; font-weight: 600; color:#294d71;}
.table tr:nth-child(even) { background-color: #fafafa; }
.table tr:hover{background-color: #f1f1f1;}
@media (max-width:575.98px){
  h2{ font-size: 1.5rem;}
}
.tab_color1{ background:#969696; font-weight:400;}
.tab_color2{ background:#ff0000; font-weight:400;}
.tab_color3{ background:#ffc000; font-weight:400;}
.tab_color4{ background:#33cc00; font-weight:400;}
/****basic---END****/ 


/******public******/
#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;}
}
/*图片*/
.img-item inquiry-trigger{ border: 1px #ddd solid;}
.img-item inquiry-trigger, .img-item .inquiry, .img-item a{width: 100%; display: flex; flex-direction: column;}
.img-item span{ font-size: 0.8rem; width: 100%; text-align: center; padding: 0.8rem 0.5rem;}

.gallery-img{width: auto;}
.gallery-img span{ display: block;text-align: center; padding: 0.8rem 0; font-weight: 500;}


.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: #f4f7f9 !important;}
.section-bg1{background: #f4f4f4 !important;}
.brief{ font-size: 0.8rem; line-height: 1.8; color:#555;}
@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:fontawesome;color:#555;font-size:1rem;padding:0 0.5rem 0 0;}
#quicknav a:hover,#quicknav a:hover i{color: var(--primary-color)}
@media (max-width:991.98px){
    #quicknav ul{width:94%;}
}
@media (max-width:767.98px){#quicknav{display: none;}}

/*内容的标题*/
.des-title{font-size: 1.3rem;margin:2rem 0 1rem;font-weight: 700;}
.des-sub-tit{ font-size: 1.1rem; margin: 1rem 0; font-weight: 700; padding-left:2rem; position: relative;}
.des-sub-tit::after{ content: ""; position: absolute; left: 0; top: 50%;transform:translateY(-50%);  width: 20px; height: 4px; background: var(--main-color);}

/*小banner*/
.info-banner{background: #f1f1f1; padding-top: 0;text-align: center;}
.info-banner1{background: linear-gradient(to bottom, #f1f1f1 , #ffffff);}
.info-banner #quicknav{ background: none;}
.banner-desc p{ font-size: 0.8rem; color: #555; margin-bottom: 0.5rem;}
.banner-title{ width: 100%; max-width: 900px; margin: 0 auto; font-size: 1.5rem;line-height: 1.4;color: #444;font-weight:600;}
.banner-title p{ margin-bottom: 0;}
@media (max-width:991.98px){
    .info-banner{padding-top:2.5rem;}
    .banner-title{ font-size: 1.3rem;}
}
/* 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:"\f00c";top:0rem;left:0;font-family:"fontawesome";color:var(--primary-color);font-size:1.2rem;}
ul.item strong{ font-size:0.95rem;line-height: 1.4; font-weight: 500;}
ul.item_icon>li{ padding-left: 1.2rem;}
ul.item_icon>li::before{ content: "\f00c"; font-family:"fontawesome";color: #ff4d4f; font-size: 0.95rem;}

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:1rem; margin-top:-3px; background-color: var(--primary-color); border-radius: 50%;}


ul.item_table{ width: 100%; padding-top: 1rem;}
ul.item_table li{ display: flex; flex-wrap: wrap; border-bottom: 1px #eee solid; padding: 0.3rem 0;}
ul.item_table li:last-child{ border-bottom: none;}
ul.item_table li strong{ width: 40%; font-size: 0.9rem; font-weight: 400; color: #666;flex-shrink: 0;}
ul.item_table li span{ width: 60%;font-weight: 400; color: #000; padding-left: 0.5rem;}
ul.item_table li img{ width: 100%; max-width: 150px;margin: 0;}
ul.item_table li span img{max-width:100px;}
/****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(--primary-color)}
.related_pic img{transition:.3s all ease-in-out;}
@media (max-width:767.98px){.left_pic{text-align:center}
}
.border-img img{ border: 1px #ccc solid;}
.original-link{ cursor: default;}

.param-txt{ font-style: italic; font-weight: 400;}
.param-txt span{ color: var(--main-color); cursor: pointer; text-decoration: underline;}
/*******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: 0.7rem 0 0.5rem 0;}
}
/*language*/
.etw_language{display:flex;flex-wrap:wrap;padding:0.2rem 0 0.4rem 0; justify-content:flex-end;font-size:0.75rem; min-height:26px;}
#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:#333;min-width:auto !important;background:none;}
#etw_language .dropdown-item:hover{color:#1d358f;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 {position:absolute;left:0; top:6px;background:#ffffff;padding:1.1rem 2rem;z-index:100;display:flex;align-items:center;justify-content:center;}
.logo-box img {width:auto; max-height: 60px;}
@media (max-width:991.98px) {
  .logo-box{ position: initial; float: left; box-shadow: 0 0 0; padding:0;}
  .logo-box img{ max-height: 50px;}
}
/*Menu*/
.navbar-expand-lg .navbar-collapse{ flex-direction:column-reverse;}
.navbar{ padding-top: 0;}
.navbar-light .navbar-nav{align-items: center;justify-content: flex-end;}
.navbar-light .navbar-nav .nav-link { color: #000; font-weight: 700; font-size: 1rem; padding:0; margin: 0.3rem 1.5rem; position: relative;}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom:-1rem;width:0px;height:3px;background:var(--main-color);transform:translateX(-50%);transition:0.5s;border-radius:5px;}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before{width:100%}
/*topnav*/
.top-nav{background-color: var(--main-color); width: 100%;padding: 0 0.5rem; margin-bottom: 0.5rem;}
.top-nav a { color:#fff; font-size:0.95rem; font-weight: 400;  transition: 0.3s; padding: 0.35rem 1rem;display: inline-block;}
.top-nav a:hover,.top-nav a.active{ color:#c6eded; }

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover{ color: var(--main-color);}
.nav-item .dropdown-menu { border: none; border-radius: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-top: 3px solid var(--main-color); margin-top: 0; }
.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(--main-color); }
.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;}
@media (max-width:991.98px) {
  #navbarContent{ width: 100%; background: #fff; padding-top: 1rem;}
  .navbar-toggler{background-color:var(--main-color);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;}

  .top-nav{ background: #fff;padding: 0;}
  .top-nav a { color: #333;border-bottom: 1px solid rgba(0,0,0,.1);padding: 0.6rem 0;font-weight: 700;display: block;}
  .top-nav a:hover,.top-nav a.active{ color:var(--main-color); }
}
/*******Header --- END******/

/*banner*/
.banner {position: relative; padding: 0;}
.banner::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%); }
.banner_txt{width: var(--container-width);position: absolute;left: 50%;top:0;transform: translateX(-50%); width: 100%;max-width: 1200px; height: 100%;display: flex;align-items: center;z-index: 1;padding:2rem 3rem;}
.banner-inner { width: var(--container-width);  text-align: left; }
.banner h1 { font-size:2.2rem; line-height: 1.5; font-weight: 900; margin-bottom: 25px; letter-spacing: 1px;  color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.banner h1 span{ display: block;}
.banner p { font-size: 1.25rem; font-weight: 500; line-height: 1.8; opacity: 0.95; border-left: 5px solid #fff; padding-left: 25px; max-width: 900px; color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);}

@media (max-width:991.98px) {
  .banner_txt{ padding: 2rem 1.5rem;}
  .banner-inner h1{ font-size: 1.75rem;}
  .banner h1 span{ display:initial;}
  .banner p{ display: none;}
}
@media (max-width:767.98px) {
  .banner-inner h1{ font-size: 1.5rem; font-weight: 600;}
}
@media (max-width:575.98px) {
  .banner-inner h1{display: none;}
}

.section-title { width: 100%; text-align: center; margin: 1rem 0 3rem 0;}
.section-title span {font-size: 2.2rem;color: #000;font-weight: 500;margin: 1rem 0; position: relative; padding-bottom: 1rem; font-family: "Teko";letter-spacing:0.1rem;}
.section-title span::after{ content: ""; position: absolute; left:50%; bottom: 0;transform:translateX(-50%); width: 60px; height: 4px; background: var(--main-color);}

/*Home*/


/*equipment*/
.equipment-box { background: #fff; border: 1px solid #f0f0f0; transition: 0.4s; height: 100%; display: flex; flex-direction: column; border-radius: 4px; overflow: hidden;  width: 100%;box-shadow: 0 15px 30px rgba(0,0,0,0.05);}
.equipment-box:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--main-color); }
.equipment-img {background: #f2f2f2;}
.equipment-img img{ width: 100%;mix-blend-mode: multiply; padding: 0.5rem;}
.equipment-text {padding: 25px; flex-grow: 1; }
.equipment-text a { font-size: 1rem; font-weight: 700; color: #333; display: block; }

/*tools*/
.tools-box {background:#fff;border:1px solid #eee;box-shadow:0 5px 15px rgba(0,0,0,0.05); width: 100%; display: flex;}
.tools-box:hover {background:#fcfcfc;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.tools-box a{width: 100%; display: flex; align-items: center;border-radius: 8px; transition: 0.1s; padding: 1rem;background: #e9ecee; position: relative; padding-right: 2rem;}
.tools-box .tools-img {width:160px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:20px;font-size:26px;color:#666;flex-shrink: 0;}
.tools-box .tools-img img{ width: 100%;mix-blend-mode: multiply;}
.tools-box span {font-weight:700;font-size:1rem;color:#333;flex-grow:1; padding-right: 1.5rem;}
.tools-box .tools-btn {width:32px;height:32px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999;transition:0.3s; position: absolute; right: 0.5rem; top:50%;transform:translatey(-50%);}
.tools-box:hover .tools-btn {background:#eee;color:#000;border-color:#000;}
.tools-box:hover a span{ color: #000;}
@media (max-width:1200px) {
  .tools-box .tools-img{ width: 100px;}
}
@media (max-width:767.98px) {
  .tools-box a{display: initial; padding: 1rem;}
  .tools-box .tools-img{ width: 100%;}
  .tools-box span{ width: 100%; display: block; text-align: center; padding: 0.5rem 0;}
  .tools-box .tools-btn{ display: none;}
}
@media (max-width:575.98px) {
  .tools-box .tools-img {text-align: center;}
  .tools-box .tools-img img{ max-width: 350px;}
}


/*solution*/
.solution-box{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:0.3s;display:flex;flex-direction:column;}
.solution-box:hover {box-shadow:0 10px 30px rgba(59, 52, 52, 0.1);}
.solution-box .case-img img {width:100%;}
.solution-box .solution-name {font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#333;line-height:1.4; display: block;}
.solution-box .solution-name:hover{ color: var(--title-color);}
.solution-des { padding:1rem 1.5rem; flex-grow: 1; display: flex; flex-direction: column; }
.supply-area { margin-top: 5px; }
.supply-area a { display: flex; align-items: center; margin-bottom:0.5rem; font-size: 0.8rem; color: #555; text-decoration: none !important; transition: 0.2s; }
.supply-area a i { width: 32px; height: 32px; background: #f5f5f5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #888; margin-right: 12px; transition: 0.3s; }
.supply-area a:hover { color:#000; }
.supply-area a:hover i {color:#000; }

.more-a{ display:inline-block;color: #666; font-size:0.8rem; transition: 0.3s; padding: 0.5rem 1rem; border: 1px #ccc solid;width: fit-content;border-radius: 6px; margin-top: 0.5rem;}
.more-a:hover { color:#000; border-color: #999; background: #eee;}


/*home About*/
.about-section { padding: 4rem 0; background: #fff; }
.about-flex { display: flex; align-items: center; justify-content: space-between; }
.about-img-box { width: 45%; position: relative;box-shadow: 20px 20px 0 #e9ecee;}
.about-img-box img { width: 100%; object-fit: cover;}
.about-content { width: 50%; padding-left: 1rem;}
.about-content .about-sub { color:#000; font-weight: 800; letter-spacing: 1px; margin-bottom:0.8rem; text-transform: uppercase; font-size: 1.4rem;}
.about-title{ font-size: 1.8rem; font-weight: 800; margin-bottom:1rem; color: #1a1a1a;}
.about-content p {color: #666; line-height:1.5; margin-bottom:1rem; }
.about-f-item {display: flex; align-items: center; font-size: 1rem; font-weight: 700; color: #333; padding-bottom: 0.5rem;}
.about-f-item i { color: var(--main-color); margin-right: 10px; font-size: 1rem; }
.homeabout-des p{ margin-bottom: 0.8rem; font-size:0.8rem; }
@media (max-width:991.98px) {
  .about-section{ padding: 0 0 2rem 0;}
}
@media (max-width:767.98px) {
  .about-flex { display: inherit; }
  .about-img-box { width: 100%; padding-bottom: 1rem;box-shadow:0 0 0;}
  .about-content{ width:100%; padding: 0;}
}
.about-info{}
.about-info img{ width: 100%;}
.about-txt{ padding:3rem 2rem;background-color: #f8f9fa;}
.about-txt p{ font-size: 1rem;}
.about-info img{ width: 100%;}
.about-info .about-img{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.about-info .about-img figure{width: 50%; margin: 0; display: block;}
.about-info .about-img figure>a{width: 120%; background-color:#f8f9fa; display: block;}
.about-info .about-img figure>a>img{width: 100%;}
.about-info .about-img figure:nth-child(1){margin-top: 8rem;}
.about-info .about-img figure:nth-child(2){margin: 0 0 0 -2.5rem;}
.about-info .about-img figure:nth-child(2)>a{margin-left: -20%; border: 10px solid #fff;}

.core-title{ font-size: 1.8rem; font-weight: 700; padding-bottom: 1rem; color: #000;}
.core-item { background: #fff; margin-bottom: 2rem; padding:2rem 1rem 1rem 2rem; border-left:5px solid #ddd; box-shadow: 0 10px 30px rgba(0,0,0,0.05); box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-radius: 10px 0 0 10px;}
.core-item-title{ font-size:1.2rem; font-weight: 600; margin-top: 0; margin-bottom:0.8rem; }
.core-item p{ font-size: 0.95rem; color: #666; font-weight: 400;}

@media (max-width:767.98px) {
  .core-item{ padding: 1rem;box-shadow:0 0 0; border-radius:0;}
  .about-txt{ padding:0; background: none;}
  .about-info{ padding-top: 1.5rem;}
  .about-info .about-img figure>a{width:100%; padding: 0.3rem;}
  .about-info .about-img figure:nth-child(1){margin-top: 0;}
  .about-info .about-img figure:nth-child(2){margin:0;}
  .about-info .about-img figure:nth-child(2)>a{margin-left:0; border: none;}
}
/*box*/
.main-box{display: flex;flex-wrap: wrap;flex-direction: row-reverse; align-items: flex-start; padding:2rem 0 2rem 0;}
.etw-sidebar {width: 25%;display: flex;flex-direction: column;position: sticky;top:130px;border-right: 0.0625rem solid var(--border-color); padding-right: 1.875rem;}
.etw_right{ width: 75%; padding-left: 3rem;}
@media (max-width:991.98px) {
    .etw_right{ width: 100%; padding: 0;}
    .etw-sidebar{ display: none;}
}

/*Left list*/
.side-group { margin-bottom:2rem; }
.side-title { font-size: 0.875rem; font-weight: 900; color: #000; letter-spacing: 0.0625rem; margin-bottom: 0.8rem; display: flex; align-items: center; }
.side-title a { color: #000; border-left: 0.25rem solid var(--primary-color);padding-left: 1rem;}    
.side-list {width: 100%;}
.side-list li { margin:0;}
.side-list a { display: block; padding: 0.25rem 0.9rem 0.25rem 1.2rem; color: #000; font-size: 0.8125rem; transition: 0.3s; }
.side-list a:hover, .side-list a.active { color:var(--primary-color); font-weight: 400; background: #fafafa; }

/*Pro List*/
.pro-list{ width: 100%;}
.pro-list .pro-item{ display: flex; margin-bottom:2rem;align-items: center; background: #fff;box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,0.08);}
.pro-list .pro-img {flex-shrink: 0; max-width: 300px;}
.pro-list .pro-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.pro-list .pro-detail { flex-grow: 1; padding: 1rem 1rem 1rem 2.5rem; }
.pro-list .pro-detail a.pro-name{ display: block; font-size:1.2rem; font-weight: 700; color: #222; margin-bottom: 1rem; }
.pro-list .pro-detail a.pro-name:hover{color: var(--primary-color);}
.pro-list .pro-detail p{ font-size: 0.9rem;color: #666; line-height: 1.8; margin-bottom: 20px;}
.pro-list .pro-detail p.pro-app{ font-size: 0.875rem; color: #555; margin-bottom:1rem; line-height: 1.6;}

.pro-list .pro-param { display: flex; flex-wrap: wrap;  padding:0 1rem 0 0; margin-bottom:1rem; border-radius: 0.25rem; }
.pro-list .param-item { flex: 0 0 50%; font-size: 0.8rem; color: #666; margin-bottom: 0.5rem; display: flex;}
.pro-list .param-item strong { color: #333; font-size: 0.8rem; font-weight: 500;flex-shrink: 0;}
.pro-list .param-item span{ padding-left: 0.3rem;}

.pro-list .sub-links-list { list-style: none; padding: 0; margin: 0 0 2rem 0; }
.pro-list .sub-links-list li { display: flex; align-items: center; margin-bottom: 1rem; font-size: 0.9375rem; position: relative; padding-left: 1rem;}
.pro-list .sub-links-list li::after{content: ""; width: 5px; height: 5px;background: var(--primary-color); border-radius: 100%; position: absolute; left: 0; top: 50%;transform:translateY(-50%);}
.pro-list .sub-links-list a { color: #333; border-bottom: 0.0625rem solid #ccc; padding:0 0 0.125rem 0; transition: 0.2s;}
.pro-list .sub-links-list a:hover { color: var(--primary-color); border-color: var(--primary-color); }

.pro-list .pro-detail a.btn-link { font-size:0.9rem; font-weight: 600; color: #000; border-bottom: 2px solid var(--main-color); padding-bottom: 3px; text-transform: uppercase;}
.pro-list .pro-detail a.btn-link:hover { border-color: #000; text-decoration: none;}
.pro-list .pro-detail a.btnlink2{border-bottom: none; font-weight: 500;}
.pro-list .pro-detail a.btnlink2:hover{ color: var(--primary-color);}

@media (max-width:767.98px) {
  .pro-list .pro-img{ max-width: 200px;}
  .pro-list .pro-detail{padding: 1rem 1rem 1rem 1.5rem;}
  .pro-list .pro-detail a.pro-name{ font-size: 1rem;}
  .pro-list .sub-links-list{ margin-bottom: 1rem;}
  .pro-list .sub-links-list li{ margin-bottom: 0.5rem;font-size: 0.875rem;}
  .pro-list .pro-detail p.pro-app{ display: none;}
  .pro-list .param-item{flex: 0 0 100%;}
}
@media (max-width:575.98px) {
  .pro-list .pro-item{ display:inherit; padding-bottom: 1rem;}
  .pro-list .pro-img{ max-width:inherit;width: 100%;}
  .pro-list .pro-detail{padding: 1rem 0.5rem;}
  .pro-list .param-item{ display:initial;}
  .pro-list .pro-param{ margin-bottom: 0.5rem;}
}

/*toos*/
.tooling-section { background: var(--bg-gray); padding:2rem; margin:3rem 0 2rem 0; border-radius: 0.5rem; }
.tooling-title{ font-size: 1.25rem; font-weight: 900; margin-bottom:1.5rem;border-left: 0.25rem solid var(--main-color); padding-left: 1rem;}
.tooling-section a{ background: #fff; border: 0.0625rem solid #eee; text-align: center; transition: 0.3s; display: block; width: 100%; padding: 1rem 0;}
.tooling-section a img { width: 3.75rem;  object-fit: contain; margin-bottom: 0.9375rem; }
.tooling-section span { width: 100%; padding: 0.5rem 0.5rem 0 0.5rem; display: block; font-size: 0.75rem; font-weight: 500; }
.tooling-section a:hover {box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.1); color:#000;}
.recomm-equipment a img{ width: 90%; margin-bottom: 0;}
@media (max-width:991.98px) {
  .tooling-section{padding: 1.5rem;}
}
@media (max-width:575.98px) {
  .tooling-section .row-cols-1 > *{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media (max-width:420px) {
  .tooling-section .row-cols-1 > *{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

/*tab*/
.related-box { background: var(--bg-gray); padding: 3rem; border-radius: 6px; }
.tab-intro { font-size: 1.4rem; font-weight: 900; margin-bottom: 1.5rem; text-align: center;}
.custom-tabs { justify-content: center; border-bottom: 2px solid #ddd; margin-bottom:1rem; }
.custom-tabs .nav-link { border: none; font-weight: 800; color: #999; padding: 1rem 2.5rem; font-size: 1rem; }
.custom-tabs .nav-link.active { color: #000; border-bottom: 4px solid var(--main-color); background: transparent; }
.tab-content{ padding-top:1rem;}

.related-list .pro-item { background: #fff; border: 1px solid #f0f0f0; transition: 0.4s; height: 100%; display: flex; flex-direction: column; border-radius: 4px; overflow: hidden;  width: 100%;box-shadow: 0 15px 30px rgba(0,0,0,0.05); background: #fff;}
.related-list .pro-item:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.related-list .pro-item .pro-img {background: #fff;}
.related-list .pro-item .pro-img img{ width: 100%;mix-blend-mode: multiply;}
.related-list .pro-item .pro-detail {padding:1rem; flex-grow: 1; text-align: center;}
.related-list .pro-item .pro-detail a { font-size:0.9rem; font-weight: 500; color: #333; display: block; }
.related-list .pro-item:hover a{ color: var(--primary-color);}
.related-list1 .pro-item .pro-img{aspect-ratio: 4/3;display: flex;align-items: center;justify-content: center;}

@media (max-width:991.98px) {
  .related-box{ padding: 1.5rem 0;}
}
@media (max-width:767.98px) {
  .custom-tabs{ display: inherit; border-bottom: none;}
  .custom-tabs .nav-item{ border-bottom: 1px #ccc solid;}
  .custom-tabs .nav-link{ padding: 1rem 0; display: block;}
  .custom-tabs .nav-link.active{ color: var(--main-color); border-bottom: none;}
}
@media (max-width:575.98px) {
  .related-list .row-cols-1 > *{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media (max-width:420px) {
  .related-list .row-cols-1 > *{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}
/*tools HUB*/
.tools-tit-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }

.btn-detail { font-size: 12px;  font-weight: 400; color: #555; text-transform: uppercase; text-decoration: none; border: 1px solid #ccc; padding: 6px 15px; transition: 0.3s; background: transparent; }
.btn-detail:hover { background: #000; color: #fff; }

.tools-list{box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,0.08); padding: 1.5rem; margin-bottom: 2rem;}
.tools-h2 { font-size: 1.2rem; line-height: 1.2; font-weight: 700; color: #1a1a1a;  display: inline-block;  position: relative; flex: 1; padding-right: 1rem;}
.tools-h2::after{content: ''; display: block; width:50px; height:3px; background-color:var(--main-color); margin-top: .5rem;}
.tools-h2 a { color: #1a1a1a; text-decoration: none !important; }
.tools-h2 a:hover { color: var(--primary-color); }

.tools-list .desc-box { font-size: 0.875rem; color: #666; line-height: 1.8; margin:1rem 0; }
.tools-list .desc-box strong { color: #000; font-weight: 700; margin-right: 8px; font-size: 0.9rem;}

.model-item {border: 1px solid #eee; transition: 0.3s;}
.model-img img{ width: 100%;}
.model-label{ display: block; font-size: 0.8rem; text-align: center; padding: 0.5rem; font-weight:500; text-decoration: underline;}
.tools-list p{ font-size: 0.9rem;color: #666; line-height: 1.8; margin-bottom: 20px;}
.model-item a:hover{box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,0.08);display: block;width: 100%;}
.model-item span{ display: block; width: 100%; text-align: center; padding: 0.3rem;}

@media (max-width:991.98px) {
  .tools-list{ padding: 1rem 0;}
}
@media (max-width:767.98px) {
  .tools-tit-box{display: inherit;}
  .tools-h2{ display: block; margin-bottom: 1rem;}
}
@media (max-width:575.98px) {
  .tools-list .row-cols-1 > *{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
/*model*/
.model_item{box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,0.08); padding: 2rem 1rem;}
.model-name{ font-size: 1.1rem; width: 100%; display: block; font-weight: 600; }
.model-name span{ font-size:0.85rem; display:block; font-weight:400; color:#666;}
.model_item .btn-inquiry{padding: 0.3rem 1rem; font-size: 0.9rem; margin-top: 1rem;}

.tab-model img{ max-width: 120px;}
.tab-model a.model-link{color: #000;font-weight: 900;font-size: 1rem; text-decoration:underline;}
.tab-model a.model-link:hover {color: var(--primary-color);}
.tab-model a.btn-view{ border: 1px #ccc solid; padding: 0.3rem 0.5rem; background: var(--main-color); font-size: 0.8rem; font-weight: 400; border-radius: 6px; display: inline-block; text-align: center; color: #fff;}
.tab-model a.btn-view:hover{ background:#000; color: #fff;}


.model-switcher { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; background: #f9f9f9; padding: 15px; border-radius: 4px; position: sticky;top:100px; z-index:2}
.model-tab { padding: 6px 12px; background: #fff; border: 1px solid #ddd; color: #666; text-decoration: none; font-size: 0.75rem; font-weight: 700; border-radius: 2px; }
.model-tab:hover { border-color: var(--main-color); color: #000; }
.model-tab.active { background: var(--main-color); border-color: var(--main-color); color: #fff; }
@media (max-width:991.98px) {
  .model-switcher{ top: 0;}
  .model-tab{ padding: 5px 8px;font-weight:500;}
}

/*apps*/
.app-item{width:100%;background:#fff;border:1px solid #eee;text-decoration:none;color:inherit;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);display:flex;flex-direction:column;box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,0.08);}
.app-item:hover {box-shadow:0 20px 40px rgba(0,0,0,0.12);border-color:var(--main-color);}
.app-item .app-img {width:100%;}
.app-item .app-img img {width:100%;}
.app-item .app-info {padding:1.5rem;flex-grow:1;}
.app-item .app-info .app-name{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#000;border-left:5px solid var(--main-color);padding-left:1rem;line-height:1.2; min-height: 42px;display: flex;align-items: center;}
.app-item .app-info p {font-size:0.8rem;color:#383131;margin-bottom:1.5rem;line-height:1.6;}

.app-item  .btn-more {font-size:0.75rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;}
.app-item  .btn-more::after {content:"\f178"; font-family: fontawesome; margin-left:8px;transition:0.3s;}
.app-card:hover .btn-more::after {transform:translateX(5px);}

.service-title { text-align: center; font-size: 1.6rem; font-weight: 900; margin-bottom: 3rem; padding-top: 2rem;}
.service-item {padding: 1.5rem; background: #fff; border: 1px solid #eee; border-left: 5px solid var(--main-color); }
.service-item .ser-name {font-size:1.2rem; font-weight: 900; margin-bottom: 0.7rem; }
.service-item p{ font-size: 0.75rem; color: #777; margin: 0; }


/*process*/
.process-box { display: flex; flex-wrap: wrap; align-items: center; }
.process-step { background: #fff; border: 2px solid #eee; padding: 0.6rem 1.5rem; 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:"fontawesome";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;}
}

/*KEY*/
.key-list{counter-reset: my-counter;}
.key-process{counter-increment: my-counter; position: relative; width: 100%;}
.key-tit{ font-size: 1.1rem; font-weight:600; padding-top: 0.5rem;  margin-bottom: 1rem; display: flex; align-items: center; }
.key-process .key-tit::before { content: counter(my-counter) ". "; font-weight: bold;color: #000;margin-right: 8px;}
.key-sub-tit{ font-size: 0.8rem;font-weight:600;color: #aaa;letter-spacing:0.05rem;margin-bottom: 15px;border-bottom: 1px solid #eee; padding-bottom: 0.5rem;}
/*recomm*/
.key-recomm-box{  border-radius: 8px; margin-bottom: 1rem;}
.key-recomm-box .key-recomm-name{font-size: 1rem; margin-bottom:0.5rem; color: #222; display: flex; background: #f4f7f9; padding: 0.3rem 0.5rem; border-radius: 5px;}
.key-recomm-box .key-recomm-name span{flex-shrink: 0;font-weight: 500;padding-right: 0.5rem;padding-bottom: 0.3rem;}
.key-recomm-box .key-recomm-name a{font-weight: 400; padding-bottom: 0.3rem; text-decoration: underline;}
.key-recomm-box .key-recomm-info {display: flex; align-items: center;}
.key-recomm-box .key-recomm-name a:hover{ color: var(--primary-color);}     
.key-recomm-box .key-recomm-img { width: 30%;}
.key-recomm-box .key-recomm-img img { width: 100%; }
.key-recomm-box .key-recomm-text { width: 70%; padding:0 0 0 1.5rem; display: flex; flex-direction: column; justify-content: center; }
   
.key-recomm-box .btn-link span{ font-size: 0.8rem; color: #333; border-bottom: 2px solid var(--main-color);
  padding-bottom: 3px; font-weight: 700;}
.key-recomm-box .btn-link:hover{ text-decoration: none;}  

@media (max-width:768.98px) {
  .key-recomm-box .key-recomm-name{display: inherit;}
  .key-recomm-box .key-recomm-name span{ display: block;}
  .key-recomm-box .key-recomm-name a{ display: block;}
}
@media (max-width:575.98px) {
  .key-recomm-box .key-recomm-info{display: inherit;}
  .key-recomm-box .key-recomm-img{ width: 100%;}
  .key-recomm-box .key-recomm-text{width: 100%; padding: 1rem 0 0 0;}
}
/*faq*/
.faq-section {padding:3rem 0 0 0;}
.faq-item {margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #eee;}
.faq-item:last-child {border-bottom:none;}
.faq-item .faq-question {font-size:1rem;font-weight:500;color:#000;margin-bottom:0.6rem;display:flex;align-items:flex-start;}
.faq-item .q-icon {color:#000;margin-right:15px;font-size:1rem;line-height:1;padding-top: 0.2rem;}
.faq-item .faq-answer {font-size:0.9rem;color:#555;line-height:1.8;padding-left:35px;text-align:justify;}

.contact_info { font-weight: 400;}
.contact_info a{ color: var(--primary-color);}
.em-left{ padding-left: 3.6rem;}
.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;}
.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;}

.share-item{ display: flex; flex-wrap: wrap; align-items: center; background: #f5f5f5;width: 100%; padding: 0.5rem; border: 1px #eee solid;}
.share-img{ width: 80px;}
.share-img img{ width: 100%;mix-blend-mode: multiply;}
.share-txt{ flex: 1; padding-left: 1rem; font-size: 0.75rem; font-weight: 400;}
@media (min-width: 992px) {
   .contact_info .col-flex .col{ padding-left:5px; padding-right:5px;}
}
@media (max-width: 767.98px) {
   .contact_info { padding-top: 1rem;}
}

/* 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(--main-color); 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:#000; 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:FontAwesome; 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(--primary-color);}
#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 */



figure>a.original-link{cursor: default !important;}
.etw-photo{margin: 0 -5px; display: flex; flex-wrap: wrap;}
.etw-photo>*{margin: 0; padding: 5px; display: flex;}
.etw-photo>*>ol,.etw-photo>*>a{width: 100%; padding: .625rem; display: flex; flex-wrap: wrap; transition: all .2s ease-in-out; border: 1px solid #e0e0e0;}
.etw-photo>*>ol>span,.etw-photo>*>a>span{flex: 1; padding-top: .625rem; display: flex; justify-content: center; text-align: center;}
.table img{mix-blend-mode: multiply;}
.note_text{color: #888; font-size: .875rem; margin-top: .5rem;}
.note_text strong{font-weight: 600; color: #555; font-size: inherit;}
.p-8{margin: 0 -8px;}
.p-8>*{padding: 8px;}
.p-10{margin: 0 -10px;}
.p-10>*{padding: 10px;}
.p-15{margin: 0 -15px;}
.p-15>*{padding: 15px;}
.p-20{margin: 0 -20px;}
.p-20>*{padding: 20px;}
@media (max-width: 575.98px){
.p-8,.p-10,.p-15,.p-20{margin: 0 -5px;}
.p-8,.p-10,.p-15,.p-20>*{padding: 5px;}  
}@media (max-width: 374.98px) {
.etw-photo>*{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


/*inquiry*/
/* btn-inquiry */
.btn-inquiry{padding:.5rem 1.2rem;background-color:var(--main-color);color:#fff;transition:all .5s;border-radius:0;font-size:0.9rem;}
.btn-inquiry:hover{background-color:#061f46; font-weight: 400; color: #fff;}

.inquiry-bar {box-shadow: inset 0 0 30px rgba(0, 0, 0, .05); background: #f8f8f8;padding:20px 30px; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; margin-top: 50px; }
.inquiry-text .inquiry-title { color: #000; font-size: 1.3rem; font-weight:600; margin-bottom: 8px; }
.inquiry-text p { color: #666; margin: 0; font-size: 14px; }
.inquiry-btn { background: var(--main-color); color: #fff; padding:0.5rem 1rem; font-weight: 500; border-radius:5px; transition: 0.2s; }
.inquiry-btn:hover {transform: translateY(-3px); color: #fff;}

.inquiry-module {background: #f9f9f9; border: 1px solid #eee; padding:3rem; margin:2rem 0; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.inquiry-h3 { font-size: 1.5rem; font-weight: 900; margin-bottom: 2.5rem; border-bottom: 2px solid #333; padding-bottom: 10px; }

#feedback2017 .etwfrom-sendsubmit{ border: none; padding:0.3rem 2rem; height: auto; border-radius: 20px; transition: 0.3s; font-size: 1rem; }
#feedback2017 .etwfrom-sendsubmit:hover { background:#000; color: #fff; }
@media (max-width: 991.98px){
  .inquiry-bar{display: block; text-align: center;}
  .inquiry-text{ width: 100%; overflow: hidden; padding-bottom:1rem;}
  .inquiry-btn{display: inline-block;}
  .inquiry-module{ padding: 1.5rem;}
}

/*footer*/
footer { background:#eee; color: #777; padding: 3rem 0 2rem; }
footer .footer-title a { display: block; color: #333; font-weight: 700; margin-bottom:1rem; font-size: 1rem; }
footer ul {padding: 0; }
footer li { margin-bottom:0.5rem; font-size: 0.8rem; }
footer a { color: #333; transition: 0.1s; }
footer a:hover { color:var(--primary-color); }
#otherlink{width:100%;margin-top:1rem; display: flex; justify-content: center; display: none;}
#otherlink a{color:#333;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(--primary-color)}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out;}

.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem}
.cot_add:before{content:"\f041";position:absolute;left:0px;top:4px;color:#666;font-family:fontawesome;font-size:20px}
.cot_tel:before{content:"\f095";position:absolute;left:0px;top:3px;color:#666;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:16px}
.cot_people:before{content:"\f007";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:2px;top:-3px;color:#666;font-family:fontawesome;font-size:26px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before{content:"\f232";position:absolute;left:0px;top:2px;color:#666;font-family:fontawesome;font-size:18px}