@charset "utf-8";
/* font-awesome */
@import "../fonts/fontawesome/font-awesome.min.css";
@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");}
/* Preloader start */
#preloader{display: none;}
html{overflow: visible;}
#header,#container,#footer,video#my_video{visibility:visible!important}
/* Preloader stop */
/* public */
:root {
  --fs-body:clamp(0.875rem,3.5vw,1rem);
	--fs-h6:clamp(0.875rem,3.5vw,1rem);
	--fs-h5:clamp(1.0625rem,3.5vw,1.1875rem);
	--fs-h4:clamp(1.125rem,3.5vw,1.44rem);
	--fs-h3:clamp(1.35rem,3.5vw,1.728rem);
	--fs-h2:clamp(1.5rem,3.5vw,2.074rem);
	--fs-h1:clamp(1.7rem,3.5vw,2.488rem);
	--lh-heading:1.2;
	--lh-body:1.6;
	--bg-main: #1E4692;
	--bg-hover: #00B7C6;
	--family-first: 'Roboto', sans-serif;
  --white: #ffffff;
	--bg-F0: #f0f0f0;
	--bg-F1: #f1f1f1;
	--bg-WhiteSmoke: #f5f5f5;
	--bg-F9: #f9f9f9;
	--bg-light: #f8f9fa;
  --line-color: #e0e0e0;
  --jens-blue:#1E4692;
  --jens-blue-dark:#163672;
  --tech-cyan:#00B7C6;
  --bg:#F5F6F8;
  --surface:#f9f9f9;
  --surface-2:#F0F2F5;
  --light-bg:#FBFCFD;
  --border:#D9DEE6;
  --muted-bg:#DDDDDD;
  --jstone-bg:#d5d2cc;
  --accent-red:#E63B3B;      /* 主红：点缀 */
  --accent-red-soft:rgba(230,59,59,.12); /* 柔和底色 */
  --accent-red-dark:#C92F2F; /* hover/强调 */
  --text:#1F2937;
  --text-main:#1F2937;
  --text-2:#6B7280;
  --text-sub:#9CA3AF;
  --white:#fff;
  --shadow-sm:0 6px 18px rgba(17,24,39,.06);
  --shadow-md:0 14px 40px rgba(17,24,39,.10);
  --metal-grad:linear-gradient(180deg,#FAFBFC 0%,#EEF1F5 100%);
}

.bg-F0{background-color: var(--bg-F0) !important;}
.bg-F1{background-color: var(--bg-F1) !important;}
.bg-WhiteSmoke {background-color: var(--bg-WhiteSmoke) !important;}
.bg-F9{background-color: var(--bg-F9) !important;}
.bg-white-WhiteSmoke{background-image: linear-gradient(var(--white),var(--bg-WhiteSmoke));}
.bg-WhiteSmoke-white{background-image: linear-gradient(var(--bg-WhiteSmoke),var(--white));}
.bg-white-light{background-image: linear-gradient(var(--white),var(--bg-light));}
.bg-light-white{background-image: linear-gradient(var(--bg-light),var(--white));}
.bg-white-F9{background-image: linear-gradient(var(--white),var(--bg-F9));}
.bg-F9-white{background-image: linear-gradient(var(--bg-F9),var(--white));}
* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#555; font-family:var(--family-first); font-weight: 400; font-size: var(--fs-body); line-height: var(--lh-body); background-color:#fff; overflow-x:hidden; overflow-y: auto; height: auto;}
li,ol,ul {list-style: none;margin-bottom: 0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.title1,.title2,.title3,.title4,.title5,.title6 {color: #333; line-height: var(--lh-heading); font-family: var(--family-second); margin-bottom: 1rem; font-weight: 700;}
h1,.h1,.title1 {font-size: var(--fs-h1);}
h2,.h2,.title2 {font-size: var(--fs-h2);}
h3,.h3,.title3 {font-size: var(--fs-h3);}
h4,.h4,.title4 {font-size: var(--fs-h4);}
h5,.h5,.title5 {font-size: var(--fs-h5);}
h6,.h6,.title6{font-size: var(--fs-h6); font-weight: 600; font-family: var(--family-first);}
h2 a,h3 a,h4 a,h5 a,h6 a,a.h2,a.h3,a.h4,a.h5,a.h6 {color: inherit;font-size: inherit;}
a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: var(--bg-hover);}
strong {font-weight: 700;}
b {font-weight: 500; color: #000;}
img{display:block; width:100%; height: auto;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all 0.2s;color:inherit;text-decoration:none}
a:hover{text-decoration:none;color: var(--bg-hover);}
inquiry-trigger{color: var(--bg-main);}
inquiry-trigger:hover{color: var(--bg-hover);}
figure{width: 100%; display:flex; flex-wrap: wrap;}
figure>a{width: 100%; display: flex; flex-wrap: wrap; position: relative; overflow: hidden;}
figure:has(.original-link)>a{cursor: default;}
figure:last-child,p:last-child{margin-bottom: 0;}
/* 图片放大 */
figure a{pointer-events: none;}
figure.jsclickready a:not(.original-link) {pointer-events: auto !important; cursor: pointer !important;}
/* END */
.imgbox{width:100%; aspect-ratio: 4/3; display:flex; flex-wrap: wrap; align-items:center; justify-content:center; overflow:hidden; position:relative; z-index: 2;}
.imgbox>img{width: 100%; height: 100%; object-fit: cover;}
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.before_none::before{content: none !important;}
.textbox{width: 100%; display: flex; flex: 1; flex-direction: column;}
.container{width: 100%; max-width:1230px; margin: 0 auto;}
.container1{width: 100%; max-width:1130px; margin: 0 auto; padding: 0 15px;}
.container2{width: 100%; max-width:1030px; margin: 0 auto; padding: 0 15px;}
.container3{width: 100%; max-width:930px; margin: 0 auto; padding: 0 15px;}
.multiply,.img_bg img{mix-blend-mode: multiply;}
.overflow-visible{overflow: visible !important;}
.icon-comments:before{content: "";width: 1rem !important; aspect-ratio: 1/1; float: left; background: url(../images/icons/icon-comments.svg) no-repeat center center; background-size: contain; margin-right: .25rem;}
/* .icon-remove{content: "";width: 2rem !important; aspect-ratio: 1/1; float: left; background: url(../images/icons/icon-remove.svg) no-repeat center center; background-size: contain;} */
ul.list{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
ul.list li{display: flex; padding: 15px;}
ul.list li>ol,ul.list li>a{width: 100%; display: flex; flex-wrap: wrap; transition: all .2s ease-in-out;}
.row-cols{margin: 0 -5px; display: flex; flex-wrap: wrap;}
.row-cols>*{margin: 0; padding: 5px; display: flex;}
.row-cols>*>ol,.row-cols>*>a{width: 100%; display: flex; flex-wrap: wrap; transition: all .2s ease-in-out;}
.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: 575.98px) {
.row-cols>*{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
/* items */
ul.items,ul.items li>ol{width: 100%; display: block; margin: 0 0 1rem 0;}
ul.items:last-child,ul.items li>ol{margin-bottom: 0;}
ul.items li{display: block; position:relative; margin-bottom: 10px; padding-left: 1rem; line-height: 24px;}
ul.items li:last-child{margin-bottom: 0;}
ul.items:has(.row) li{margin-bottom: 10px;}
ul.items li::before{content: ""; width: 6px; height: 6px; background-color: var(--bg-hover); position: absolute; left: 0; top: 9px;}
ul.items li>ol>li::before{border-radius: 50%; background-color: rgba(0, 0, 0, .3);}
ul.items_nub{counter-reset: nub;}
ul.items_nub li{padding-left: 1.25rem;}
ul.items_nub li::before{counter-increment: nub; content: counter(nub) ""; color: var(--bg-main); display: flex; align-items: center; justify-content: center; transform: initial; position: absolute; left: 0; top: 0;}
ul.items_none li::before{content: none;}
/* table */
.table-responsive{margin-bottom: 1rem;}
.table-responsive:last-child{margin-bottom: 0;}
.table:last-child{margin-bottom: 0;}
.table thead{background-color: rgba(0, 0, 0, .05);}
.table td{vertical-align: top; color: #555; font-size: .875rem; line-height: 1.2; padding: .625rem;}
.table-bordered td{border: none; border-bottom: 1px solid rgba(0, 0, 0, .05);}
.table-striped tbody tr:nth-of-type(odd){background-color: #fff;}
.table-striped tbody tr:nth-of-type(even){background-color: var(--bg-F9);}
.table inquiry-trigger{color: var(--bg-main); font-weight: 500;}
.table inquiry-trigger:hover{color: var(--bg-hover);}
/* video_Btn */
.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_bigbtn{left: 0; top: 0; right: 0; bottom: 0; transform: initial;}
.video_btn:hover::before{opacity: .8;}
.watch_btn{left: 1rem; top: auto; bottom: 1rem; transform: initial; z-index: 9;}
.watch_btn::before{--w: 40px; z-index: 2; opacity: 1 !important;}
.watch_btn>span{background-color: var(--bg-main); line-height: 1; border-radius: 20px; color: #fff; padding: .5rem 1rem .5rem 2rem; margin-left: -1.5rem; font-size: .875rem; text-transform: uppercase;}
/* More */
.more,.more_big{display: flex;}
.more>a{width:fit-content; display: flex; align-items: center; position: relative; z-index: 0; transition: all .4s; font-size: .875rem; font-weight: 400; line-height: 1; color: var(--bg-main); overflow: hidden; padding-bottom: .5rem;}
.more>a>i{margin-left: 1rem;}
.more>a::after{content: ''; width: 0; height: 1px; background-color: var(--bg-main); position: absolute; right: 0; bottom: 0; transition: all .3s ease-in-out; z-index: -1;}
.more>a:hover{color: var(--bg-main);}
.more>a:hover::after{width: 100%; left: 0; right: auto;}
.more_big>a{width:fit-content; display: flex; align-items: center; transition: all .4s; padding: .75rem 1.5rem; font-size: .875rem; font-weight: 400; color: #fff; line-height: 1; background-color: var(--bg-gray); overflow: hidden; border-radius: 6px; text-transform: uppercase;}
.more_big>a:hover{color: #fff; background-color: var(--bg-main);}
/* inquiry_quote */
.inquiry_quote,.inquiry_btn{display: flex;}
.inquiry_quote>a,.inquiry_btn>a{display: flex; padding: .5rem 1.5rem; color: #fff; font-size: 1rem; font-weight: 300; position: relative; border-radius: 30px; overflow: hidden; z-index: 0; background-color: var(--bg-main);  transition: all .3s ease-in-out;}
.inquiry_quote>a:hover,.inquiry_btn>a:hover{background-color: var(--bg-hover);}
/* public-End */
/* etw_language */
.etw_language{min-height: 40px; display: flex;}
.etw_language ul{width:100%; margin: 0; display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap; position: relative; padding: 0;}
.etw_language ul>li>span{width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 1rem; font-size: .95rem; text-transform: uppercase; color: var(--bg-hover);}
#etw_language{display:flex; height: auto; position: relative; z-index: 9; padding: 0;}
#etw_language>a{width: fit-content; padding:0 .8rem; color:#666; display:flex; justify-content:center; align-items:center; height: 40px; position: relative; text-align: center; font-size: .95rem;}
#etw_language>a::after{content: ''; width: 1px; height: 40%; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: .5;}
#etw_language>a:last-child{margin-bottom: 0; padding-right: 0;}
#etw_language>a:last-child::after{display: none;}
#etw_language>a:hover{color: var(--bg-main); text-decoration: underline; background: initial;}
@media (max-width:991.98px){
  .iconfont{width: 1.8rem !important; aspect-ratio: 1/1; background: url(../images/icons/earth-globe-tool.svg) no-repeat center center; background-size: contain; padding: 0 !important;  margin-right: 2.5rem; cursor: pointer;} 
  .iconfont::before{content: none;}
	.etw_language{padding-top: 0; position: relative; z-index: 14;}
	.etw_language::before{display: none;}
	.etw_language ul>li>span{color: #333; font-size: 1.875rem; margin-right: 2.5rem;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%; left:25%; transform:translateX(-50%); width: 120px; z-index: 9;}
	#etw_language{background-color: #eee;}
	#etw_language>a{width: 100%; height:auto; padding:.7rem .5rem; margin:0;color:#000; font-size: .95rem; line-height: 1;}
	#etw_language>a::after{display: none;}
	#etw_language>a:last-child{padding:.7rem .5rem;}
	#etw_language>a:hover{background-color: var(--bg-main);color: #fff; text-decoration: none;}
}
/* header */
#header{padding-top:110px;}
.header{width: 100%; position:fixed; left:0; top:0; z-index:12; background-color: #fff; transition: all .5s ease-in-out; box-shadow: 4px 4px 100px rgba(0,0,0,.15); visibility: visible; z-index: 100;}
.nav-fixed{-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown; animation:.5s ease-in-out 0s normal none 1 running fadeInDown}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
#etw_logo{float: left; padding: 30px 0; position: relative; z-index: 3;}
#etw_logo a{display: flex; align-items: center;}
#etw_logo a>img{display:block; max-height:50px;}
#etw_logo a>span{color: var(--bg-main); font-size: .8rem; line-height: 1.5; border-left: 1px solid var(--bg-main); padding-left: 1.875rem; margin-left: 1.875rem; text-transform: uppercase;}
nav{display: flex; flex-wrap: wrap; flex: 1; padding-top: 0;}
@media (min-width: 992px) {nav .navbar-collapse{display: flex !important;}}
#navbar{width: 100%;}
.navbar{width: 100%; flex: 1; margin: 0; padding: 0 0 0 5rem; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.navbar>li{padding: 1rem 2rem 0 0; min-height: 40px; display: flex; flex-wrap: wrap; float: left;}
.navbar>li>a{padding: .5rem 0; display: flex; align-items: center; color: var(--text-main); letter-spacing: .05em; font-size: 1rem; font-weight: 400; position: relative;}
.navbar>li>a>span.pro_icon{display: none;}
.navbar>li>a.dropdown-toggle::after{content: none;}
.navbar>li>a:hover,.navbar>li.active>a{color: var(--bg-main); text-decoration: underline;}
@media (min-width: 992px){
.navbar>li:last-child.active>a{text-decoration: none;}
.navbar>li:last-child{margin-left: auto; padding: 1rem 0 0 0; min-height: initial;}
.navbar>li:last-child>a{padding: 0 1rem; min-height: 35px; line-height: 1; font-size: .75rem; background-color: var(--bg-main); letter-spacing: .14em; color: #fff; border-radius: 35px; display: flex; align-items: center; justify-content: center;}
.navbar>li:last-child>a:hover{background-color: var(--bg-hover); text-decoration: none;}
}
.navbar .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.dropdown-menu{left:0; top:150%; border:none; margin:0; padding:0; background-color: #fff; overflow:hidden;transition:all 0.3s ease 0s; visibility:hidden;pointer-events:none;opacity:0;display:block; box-shadow: 0 10px 10px rgba(0,0,0,.15); border-radius: 0; min-width: 550px; padding: 1.25rem; z-index: 100;}
.dropdown-menu .title6{font-size: .9rem; display: flex; flex-direction: column;}
.dropdown-menu .title6::after{content: ""; width: 30px; height: 2px; background-color: var(--bg-main); margin-top: .5rem;}
.dropdown-menu ul{width: 100%; margin: 0; display: flex; flex-direction: column;}
.dropdown-menu ul>li{width: 100%; padding: 2px 0; display: flex;}
.dropdown-menu ul>li>a{width: fit-content; white-space: nowrap; font-size: .875rem; color: #555;}
.dropdown-menu ul>li>a:hover,.dropdown-menu ul>li.active>a{color: var(--bg-main);}
.dropdown-menu1{min-width: initial; padding: 0;}
.dropdown-menu1 ul>li{padding: 0; border-bottom: 1px solid rgba(0, 0, 0, .05);}
.dropdown-menu1 ul>li>a{width: 100%; padding: .5rem 1rem;}
.dropdown-menu1 ul>li>a:hover{background-color: var(--bg-F9);}
@media (max-width:991.98px){
#header {padding-top: 0;}
.header{position: relative;}
.header .container{display: flex; flex-wrap: wrap; align-items: center;}
.navbar-toggler{width: 80%; height: 100%; padding: 0; background: url(../images/icons/menu_icon.svg) no-repeat center center; background-size: 100% 100%;}
.navbar-toggler>span::before{content: none;}
.navbtn{width:40px;height:36px;float:right;border:1px solid #000;display:flex;align-items:center;justify-content:center;border-radius:5px}
nav{width: 100%; flex: none;}
.navbar{padding: 0;}
.navbar>li{width: 100%; min-height: initial; border-bottom: 1px solid rgba(0, 0, 0, .125); margin: 0; padding: 0;}
.navbar>li>a{width: 100%; position: relative; min-height: 40px; padding: 0 1rem; align-items: center; font-size: .875rem;}
.navbar>li>a>span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px; line-height: 1; width:50px;height:100%;display:flex; justify-content:center;text-align:center; align-items: center; font-weight:200;z-index:2;font-family: var(--family-first);}
.navbar>li:hover>a,.navbar>li.active>a{background-color: var(--bg-main); color: #fff;}
.navbar>li>a:hover span.pro_icon,.navbar>li.active>a span.pro_icon{color: #fff;}
.navbar>li>a::after,.navbar>li>a::before{display:none;}
.navbar>li:nth-last-child(2){order: 7;}
.navbar .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;position:relative;left:initial !important;top:initial !important;}
#etw_logo {flex: 1;display: flex; padding: 15px 0;}
#etw_logo a>img{max-height:40px;}
}@media (max-width:575.98px){
#etw_logo a>img {max-height: 40px;}
.etw_language ul>li>span {margin-right: 1rem;}
}@media (max-width:375.98px){
.etw_language ul>li>span {font-size: 1.5rem; margin-right: .5rem;}
}
/* index */
section,.section_item{width: 100%; padding:3.125rem 0; display: block; position: relative;}
@media (max-width:991.98px){
section,.section_item{padding:2.5rem 0;}
}@media (max-width:767.98px){
section,.section_item{padding:1.875rem 0;}
}@media (max-width:575.98px){
section,.section_item{padding:1.25rem 0;}
}@media (max-width:375.98px){
section,.section_item{padding:1rem 0;}
}
/* index-end */
.footer {background-color:var(--jens-blue-dark); color:var(--white); padding:50px 0 30px; font-size:.875rem; position:relative; z-index:10; overflow: hidden;}
.footer .row{margin: 0 -30px; justify-content: space-between;}
.footer .row>*{padding: 0 30px;-ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px;}
.footer .footer-item1{-ms-flex: 0 0 430px; flex: 0 0 430px; max-width: 430px;}
.footer .footer-item4{-ms-flex: 0 0 308px; flex: 0 0 308px; max-width: 308px;}
.footer-logo img{height:36px; width:auto; display:block; margin-bottom:24px; opacity:0.95;}
.footer-desc{color:var(--white);line-height:1.6; margin-bottom:30px; max-width:320px; font-size: .95rem;}
.footer-socials{display:flex;gap:20px}
.footer-socials a,.footer-socials span{color:var(--white);font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:2px;transition:all 0.3s ease; flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.1; padding-bottom: .5rem;}
.footer-socials a:hover{color:var(--accent-red);border-color:var(--accent-red)}
.footer-heading{font-size:1rem; letter-spacing:0.15em;color:var(--white);margin-bottom:24px;font-weight:700}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:14px}
.footer-links a{color:var(--white);text-decoration:none;transition:color 0.2s,transform 0.2s;display:inline-block; font-size: .95rem;}
.footer-links a:hover{color:var(--accent-red);transform:translateX(4px)}
.footer-address{font-style:normal;color:var(--white);line-height:1.6;margin-bottom:16px;display:flex;flex-direction:column}
.footer-email{display:block;color:var(--white); margin-bottom:.5rem; font-size:15px}
.footer-email a:hover{color:var(--accent-red);text-decoration:underline}
.footer-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:transparent;border:1px solid rgba(255,255,255,0.3);color:var(--white);font-weight:600;font-size:13px;letter-spacing:0.05em;border-radius:4px;transition:all 0.3s ease}
.footer-btn .arrow{margin-left:8px;transition:transform 0.3s}
.footer-btn:hover{background:#fff;color:#051d26;border-color:var(--text)}
.footer-btn:hover .arrow{transform:translateX(4px)}
/* #otherlink */
.footercop{width:100%;overflow:hidden; position:relative;z-index:2; margin-top:2rem; padding: 2.5rem 0 0 0; border-top: 1px solid rgba(255, 255, 255, 0.08);}
#otherlink{clear:both; width:100%; height:auto; font-size:1rem; display:flex; justify-content:center;}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:none;font-size:.75rem;}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--bg-hover); opacity: 1;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
#etw_coper{width:100%;line-height:22px;font-size:1rem;display:flex;font-weight:300;justify-content:center}
#etw_coper a{color:#333;font-size:.9rem;}
/* #etw_top */
#etw_top {display: none; position:fixed;width:35px; right:5px;bottom:100px; z-index:100;}
#etw_top a {width: 100%; text-align:center;background:#f2f2f2; aspect-ratio: 1;cursor:pointer;color:#333;font-weight:700; border-radius:50%; display: flex; align-items: center; justify-content: center; color:#002d5d; padding-bottom: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
#etw_top a:hover {transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#0192C7; color: #fff;}
.theme-send-inquiry-box{background: #333 !important; border: none !important; display: flex; padding: 0;}
.theme-send-inquiry-box .theme-box-name{flex: 1; background: var(--bg-main) !important; border-left: none !important; padding: 0 10px !important;}
.theme-send-inquiry-box .theme-box-i{width: 42px; display: flex; padding: 0 !important; align-items: center; justify-content: center;}
/* .theme-send-inquiry-box .theme-box-i .icon-envelope{width: 80%; height: 90%; padding: 0; background: url(../images/icons/email-fill-white.svg) no-repeat center center; background-size: 100% 100%;} */
@media (max-width:1199.98px){
.footer .row{margin: 0 -20px;}
.footer .row>*{padding: 0 20px;-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.footer .footer-item1{-ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%;}
.footer .footer-item2{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.footer .footer-item3{-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%;}
.footer .footer-item4{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
}@media (max-width:991.98px){
.footer .row{margin: 0 -15px;}
.footer .row>*{padding: 0 15px;-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}@media (max-width:767.98px){
.footer{padding: 1.25rem 15px;}
.footer .row>*{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.footercop {padding: 1rem 0; margin-top: 1rem;}
}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2; padding: 0; flex: none;}
#quicknav ul{width:100%;display:flex; flex-wrap: wrap; min-height: 40px; padding: .5rem 0; margin: 0;}
#quicknav ul li{display:flex;align-items: center; position: relative; font-size: .875rem;}
#quicknav ul li::after{content: ""; width: .875rem; height: .875rem; background-image: url(../images/icons/chevron-right-black.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; margin: 0 5px;}
#quicknav ul li:last-child::after{display: none;}
#quicknav ul li a{text-transform:capitalize;}
#quicknav .icon-home{width: 1.25rem; height: 1.25rem; display: flex; background-image: url(../images/icons/icon-home.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: .5; transition: all .3s ease-in-out;}
#quicknav .icon-home::before{content: none;}
#quicknav .icon-home:hover{opacity: 1;}
#quicknav ul li::after,#quicknav ul li a,#quicknav ul>li:first-child>a{color:#555;}
#quicknav ul li:last-child{color:#000;}
#quicknav ul li a:hover{text-decoration:underline; color:var(--bg-main);}
#quicknav ul.quicknav{padding-left: 0;}
#quicknav ul.quicknav .icon-home{background-image: url(../images/icons/icon-home-white.svg); opacity: .8;}
#quicknav ul.quicknav li,#quicknav ul.quicknav li a{color:rgba(255,255,255,.8);}
#quicknav ul.quicknav li::after{background-image: url(../images/icons/chevron-right-white.svg); opacity: .8;}
#quicknav ul.quicknav li:last-child{color: var(--bg-white);}
#quicknav ul.quicknav li a:hover{text-decoration:underline; color:var(--bg-white); opacity: 1;}
@media (max-width:767.98px){#quicknav{display: none;}}
/* 热源 */
.type-switcher-bar{background-color:#fff;border-top:1px solid var(--border); border-bottom:1px solid var(--border); top:0;z-index:99}
.switcher-nav{display:inline-flex;background-color:var(--surface);padding:5px;border-radius:50px;}
.switcher-item{display:flex;align-items:center;padding:8px 20px;border-radius:40px;color:var(--text-2);font-size:0.95rem;font-weight:600;text-decoration:none !important;transition:all 0.3s ease}
.switcher-item>img{width:40px;mix-blend-mode:multiply;margin:0 1rem}
.switcher-item:hover{color:var(--jens-blue);background-color:rgba(255,255,255,0.5)}
.switcher-item.active{background-color:var(--white);color:var(--jens-blue);box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid rgba(30,70,146,0.1)}

.category-intro{background:#fff;padding-top:56px}
.intro-split{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center}
.intro-text .eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(31,41,55,.55)}
.intro-text h2{margin:0 0 14px;font-size:clamp(30px,2.6vw,44px);line-height:1.12;font-weight:900;color:var(--text-main)}
.intro-text .lead{margin:0 0 22px;max-width:62ch;font-size:14px;line-height:1.8;color:rgba(31,41,55,.72)}
.intro-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:999px;background:rgba(30,70,146,.06);border:1px solid rgba(30,70,146,.18);color:var(--jens-blue);font-weight:700;font-size:13px;letter-spacing:.02em}
.btn-ghost:hover{background:rgba(30,70,146,.10);border-color:rgba(30,70,146,.28);transform:translateY(-1px)}
.intro-media{background:#fff;box-shadow:0 14px 40px rgba(17,24,39,.06);border-radius:0;overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;padding:22px}
.intro-media img{width:100%;height:100%;object-fit:contain;display:block;background:transparent;filter:none}
.category-products{background:var(--surface-2);padding-top:46px}
.catalog-head{text-align:center;margin-bottom:22px}
.catalog-head .catalog-title{margin:0 0 8px;font-size:26px;font-weight:900;color:var(--jens-blue)}
.catalog-head .catalog-sub{margin:0 auto;max-width:66ch;font-size:14px;color:rgba(31,41,55,.55)}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat-card{background:#fff;border:1px solid rgba(217,222,230,.85);box-shadow:0 14px 40px rgba(17,24,39,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 18px 55px rgba(17,24,39,.10);border-color:rgba(30,70,146,.22)}
.cat-media{position:relative;background:linear-gradient(180deg,#FAFBFC 0%,#F3F5F8 100%);aspect-ratio:16 / 9;background:#fff;border-bottom:1px solid rgba(217,222,230,.75);display:flex;align-items:center;justify-content:center;padding:18px}
.cat-media .img-show{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}
.cat-media .img-show span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(31,41,55,.45);font-weight:800}
.cat-media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:transparent}
.cat-tag--hot{background:var(--accent-red)}
.cat-body{padding:14px 14px 16px}
.cat-body h3{margin:0 0 8px;font-size:16px;font-weight:900;line-height:1.25;color:var(--text-main)}
.cat-body p{margin:0 0 12px;font-size:13px;line-height:1.6;color:rgba(31,41,55,.66)}
.cat-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--jens-blue)}
.cat-link:hover{color:var(--accent-red)}

.model-header-simple{max-width:var(--container-width);margin:40px auto 30px;padding:0 var(--container-padding)}
.simple-title{font-size:0.9rem;font-weight:700;color:var(--jens-blue);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.simple-line{width:100%;height:1px;background-color:#E5E7EB}
.costa-section{max-width:var(--container-width);margin:0 auto 60px;padding:0 var(--container-padding)}
.costa-card{background-color:#F8F9FB;margin-bottom:40px;overflow:hidden;display:flex;flex-wrap:wrap;align-items:stretch;position:relative}
.costa-col-img,.costa-col-txt{flex:0 0 50%;max-width:50%}
.costa-col-img{background-color:#fff;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}
.costa-col-img img{max-width:75%;max-height:75%;object-fit:contain;transition:transform 0.5s ease;z-index:1}
.wave-overlay{position:absolute;top:0;bottom:0;width:40px;height:100%;z-index:2;color:#F8F9FB}
.costa-card:nth-child(odd) .wave-overlay{right:-1px;transform:scaleX(-1)}
.costa-card:nth-child(even) .wave-overlay{left:-1px}
.costa-col-txt{padding:40px 50px;display:flex;flex-direction:column;justify-content:center;z-index:5}
.pill-tag{font-size:0.75rem;padding:4px 12px;background-color:#EBF1FF;color:var(--jens-blue);border-radius:50px;font-weight:700;margin-bottom:15px;align-self:flex-start}
.costa-title{font-size:1.8rem;font-weight:800;color:var(--text-main);margin-bottom:8px;line-height:1.2}
.costa-model{font-size:0.85rem;color:#999;margin-bottom:15px;font-family:monospace}
.costa-desc{color:var(--text-2);font-size:0.95rem;margin-bottom:25px;line-height:1.6}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:30px}
.feature-item{font-size:0.88rem;font-weight:600;color:#555}
.feature-item i{color:var(--accent-red);margin-right:8px;font-size:1rem}
.btn-pill{padding:12px 35px;font-size:0.95rem;background-color:var(--jens-blue);color:#fff;border-radius:50px;font-weight:700;box-shadow:0 5px 15px rgba(30,70,146,0.15)}
.pill-tag{background:rgba(230,59,59,.10);color:var(--accent-red);border:1px solid rgba(230,59,59,.25);padding:6px 12px;font-size:11px;letter-spacing:.14em}
@media (max-width: 1199.98px){
.switcher-item>img{margin-left: 0;}
}@media (max-width: 991.98px){
.switcher-nav{display: flex; flex-wrap: wrap; justify-content: center;}
}@media (max-width: 767.98px){
.catalog-grid{grid-template-columns: repeat(2, 1fr); gap: 10px;}
.feature-grid{display: none;}
}@media (max-width: 575.98px){
.switcher-item{width: 100%;}
.catalog-grid{grid-template-columns: repeat(1, 1fr); gap: 10px;}
.costa-card{margin-bottom: 2rem; flex-direction: column;}
.costa-card .costa-col-img{min-height: initial; aspect-ratio: 2/1;}
.costa-card .costa-col-txt{width: 100%; max-width: 100%; padding: 1rem;}
}@media (max-width: 375.98px){}

/* Products */
.pros_banner{position: relative; overflow: hidden;}
.pros_banner_picture{width: 100%; min-height: 300px; max-height: 420px; overflow: hidden; position: relative;}
.pros_banner_picture::before{content: ""; display: block; padding-top: 21.875%;}
.pros_banner_picture picture,.pros_banner_picture img{width: 100%;height: 100%; position: absolute; inset: 0; object-fit: cover;}
.pros_banner_picture::after{content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 40, 51, .78) 0%, rgba(8, 40, 51, .55) 38%, rgba(8, 40, 51, .18) 70%, rgba(8, 40, 51, 0) 100%); z-index: 5;}
.pros_banner_hover{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; z-index: 9;}
.pros_banner_hover .hero-badge{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);color:#fff}
.pros_banner_hover .title1{margin:12px 0 10px; color: #fff; max-width:22ch;font-size:clamp(2rem,3.5vw,60px);line-height:1.05;letter-spacing:-0.02em;text-shadow:0 10px 30px rgba(0,0,0,.28)}
.pros_banner_hover .lead{margin:0;max-width:46ch;font-size:16px;line-height:1.6;color:rgba(255,255,255,.78); font-weight: 300;}

.bg-surface{background-color: var(--surface);}
.type-showcase{padding:52px 0 42px;background:var(--surface)}
.type-head{margin-bottom:18px}
.type-head h2{margin:0 0 6px;font-size:clamp(1.5rem, 3.5vw, 28px);line-height:1.2;font-weight:800;color:var(--text-main)}
.type-head p{margin:0;font-size:14px;line-height:1.7;color:var(--text-sub)}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.type-card{display:block;text-decoration:none;color:inherit}
.type-media{border-radius:12px;overflow:hidden;background:var(--surface);aspect-ratio:16 / 9}
.type-media img{width:100%;height:100%;display:block;transform:scale(1);transition:transform .35s ease;mix-blend-mode:multiply}
.type-card h3{margin:14px 0 6px;font-size:22px;line-height:1.15;font-weight:800;color:var(--text-main);letter-spacing:.01em}
.type-desc{margin:0;font-size:13px;line-height:1.6;color:var(--text-sub)}
.type-card:hover .type-media img{transform:scale(1.03)}
.type-card:hover h3{color:var(--jens-blue)}

.product-catalog{padding:44px 0 30px;background:#fff}
.catalog-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.catalog-title{margin:0;font-size:26px;font-weight:900;letter-spacing:.01em;color:var(--text-main)}
.catalog-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap; justify-content: flex-end;}
.pill{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(8,40,51,.10);color:var(--text-main);font-size:13px;font-weight:800;letter-spacing:.02em;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.pill:hover{transform:translateY(-1px);border-color:rgba(30,70,146,.25);background:rgba(30,70,146,.08);color:var(--jens-blue)}
.pill.is-active{background:var(--accent-red);border-color:rgba(230,59,59,.55);color:#fff}
.pill.is-active:hover{background:var(--accent-red-dark);border-color:rgba(201,47,47,.60);color:#fff}
.catalog-groups{display:flex;flex-direction:column;gap:30px}
.catalog-group{scroll-margin-top:110px;padding-top:6px;border-top:1px solid rgba(17,24,39,.08)}
.catalog-group:first-child{border-top:0}
.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:18px 0 16px}
.group-head h3{margin:0;font-size:18px;font-weight:900;color:var(--text-main)}
.group-head p{margin:0;color:var(--text-2);font-size:13px;line-height:1.6;max-width:60ch}
.product-grid{display:flex; flex-wrap: wrap;}
.product-grid>*{display: flex;}
.product-card{background:#fff;overflow:hidden;box-shadow:0 14px 40px rgba(17,24,39,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 55px rgba(17,24,39,.10);border-color:rgba(30,70,146,.18)}
.product-media{padding:16px 14px 10px;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}
.product-media img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:normal}
.product-body{padding:12px 14px 14px}
.product-body h4{margin:0 0 6px;font-size:14px;font-weight:900;color:var(--text-main)}
.product-body p{margin:0;font-size:12px;line-height:1.6;color:var(--text-2)}

.partner-strip{margin-top:26px;padding:18px 0}
.partner-strip a{color: var(--bg-main);}
.partner-strip a:hover{text-decoration: underline;}

.catalog-download{border-top: 1px solid rgba(17, 24, 39, .08); margin-bottom: 2rem;}
.download-list{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.download-list>li{padding: 10px; margin-right: .5rem;}
.download-list>li>a{position: relative; display: flex; align-items: center; width: fit-content; padding-left: 1.875rem; font-size: .95rem; line-height: 24px;}
.download-list>li>a .pdf-icon{content: ""; width: 1.25rem; aspect-ratio: 1/1; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.download-list>li>a .pdf-icon::before{content: ""; width: 100%; height: 100%; background: url(../images/icons/file-earmark-pdf.svg) no-repeat center center; background-size: contain; position: relative; filter: drop-shadow(1.25rem 0 var(--bg-main)); transform: translateX(-100%);}
.download-list>li>a:hover{color: var(--bg-main); text-decoration: underline;}
@media (max-width: 991.98px){
.product-catalog{padding: 2rem 0;}
}@media (max-width: 767.98px){
.product-catalog{padding: 1.5rem 0;}
.type-grid {grid-template-columns: repeat(2, 1fr); gap: 10px;}
.type-card h3,.type-card .type-desc{text-align: center;}
.catalog-pills{width: 100%; justify-content: center;}
}@media (max-width: 575.98px){
.pros_banner_hover .hero-badge,.pros_banner_hover .lead{display: none;}
.pros_banner_hover .title1{margin: 0;}
.product-catalog{padding: 1.25rem 0;}
}@media (max-width: 425.98px){
.type-grid {grid-template-columns: repeat(1, 1fr);}
.pill{width: calc(100% - 10px); height: auto; padding: .5rem 1rem; text-align: center; font-weight: 500; font-size: 12px;}
}
/* Hub */
.hub_list .title5{border-left: 5px solid var(--bg-main); padding-left: 1rem;}
.hub_list ul.list>li>ol{border: 1px solid var(--line-color); padding: 1.5rem; position: relative;}
.hub_list ul.list>li>ol a.imgbox{width: 40%; aspect-ratio: 16/9;}
.hub_list ul.list>li>ol a.imgbox>img{object-fit: contain;}
.hub_list ul.list>li>ol .textbox{flex: 1; padding-left: 2.5rem; flex-direction: column; justify-content: center;}
.hub_list ul.list>li>ol .textbox>p{font-size: .95rem;}
.hub_list ul.list>li>ol .textbox>span{display: flex; padding: 4px 8px; line-height: 1.1; background-color: var(--bg-F9); font-size: .875rem; margin-bottom: 1rem;}
.hub_list ul.list>li>ol .textbox>.more{justify-content: flex-end;}
.hub_list ul.list>li>ol .textbox>.more>a{color: var(--bg-main); padding: 0; display: flex; flex-direction: row-reverse; font-weight: 600;}
.hub_list ul.list>li>ol .textbox>.more>a::before{content: ">"; font-family: Arial; color: inherit; margin-left: .5rem;}
.hub_list ul.list>li>ol .textbox>.more>a::after{content: none;}
.hub_list ul.list>li>ol .textbox>.more>a:hover{background: none; text-decoration: underline;}
.hub_list ul.list>li>ol:hover{ transform: translateY(-10px); box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .125);}
.hub_list ul.row-cols-md-2>li>ol{flex-direction: column;}
.hub_list ul.row-cols-md-2>li>ol a.imgbox{width: 100%;}
.hub_list ul.row-cols-md-2>li>ol .textbox{ padding: 1.5rem 0 0 0;}
.hub_list2 ul.list>li>ol a.imgbox{width: 25%; aspect-ratio: 1/1;}

.inquiryform_hub{padding: 2.5rem; position: relative; overflow: hidden; margin: 1.5rem 0; border-left: 5px solid var(--bg-main);}
.inquiryform_hub::before{content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background: url(../images/Benefits-of-Stainless-Steel-scaleds.webp) no-repeat center center; background-size: cover; opacity: .2;}

.main{background-color: var(--bg); padding: 1rem 0; border-top: 1px solid var(--border);;}
.main>.container{display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: flex-start; padding: 1rem;}
.main_left{width: 20%; position: sticky; top: 120px;}
.sidebar-nav{background:transparent;padding:16px 16px 12px; border:1px solid rgba(17,24,39,.08); box-shadow:none !important;}
.sidebar-nav .nav-group + .nav-group{margin-top:14px !important;padding-top:14px;border-top:1px solid rgba(17,24,39,.08)}
.sidebar-nav .nav-title{margin:0 0 10px;padding-left:10px;border-left:2px solid var(--jens-blue);font-size:12px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:rgba(31,41,55,.92)}
.sidebar-nav .nav-list li a{display:block;padding:6px 0;font-size:14px;line-height:1.55;color:rgba(31,41,55,.72);text-decoration:none}
.sidebar-nav .nav-list li a:hover{color:var(--jens-blue);transform:none !important}
.sidebar-nav .nav-list li.active a{position:relative;color:var(--jens-blue);font-weight:400}

.main_right{flex: 1; margin-left: 1.5rem; background-color: var(--white); padding: 30px;}
.content-block{display: block; margin-bottom: 1.5rem;}
.content-block .costa-col-img{width: 100%; max-width: 500px; min-height: initial; display: flex; flex-direction: column;}
.content-block .costa-col-img img{max-width: 100%; max-height: initial;}
.costa-col-txt{flex: 1; padding: 2rem 0 2rem 1.875rem;}
.costa-title{font-size:var(--fs-h2); line-height: 1.18; font-weight: 700; color:#111827; margin-bottom: 6px;}
.costa-model {display: block; font-size: .875rem; line-height: 1.45; color: #6b7280; font-family: monospace; margin-bottom: 1rem;}
.content-txt{font-size: .95rem; font-weight: 300;}
.btn-pill{padding:12px 22px;border-radius:999px;font-size:13px;letter-spacing:.06em;box-shadow:0 12px 28px rgba(30,70,146,.18);display:inline-block;width:200px;text-align:center;background-color:var(--white);color:var(--jens-blue);text-transform:uppercase; font-weight: 500;}
.btn-pill:hover{transform:translateY(-2px); color: var(--bg-main); text-decoration: underline;}
.section-subtitle{font-size:1rem; line-height:1.25;font-weight:700;letter-spacing:.14em;color:#1e4692;margin:0 0 5px; display:flex;align-items:center;}

.feature-detail-grid{display: flex; flex-wrap: wrap;}
.fd-item{display: flex; align-items: center;}
.fd-img{width: 56%;}
.fd-txt {flex: 1; padding: .5rem 0 .5rem 1rem;}
.fd-txt .content-caption {margin-bottom: .5rem; font-size: .95rem; color: rgba(31, 41, 55, .92); font-weight: 400;}
.fd-txt>p,.application-box p{font-size: .9rem; line-height: 1.7; color: #4b5563; font-weight: 300;}

.features .fd-img{width: 30%;}
.features .fd-txt{display: flex; flex-direction: column; justify-content: center; padding-left: 2rem;}

.table.table-sm td{font-size:.95rem;line-height:1.6;color:#374151; border: none; border-bottom: 1px solid rgba(17, 24, 39, .06);}
.table.table-sm td:first-child{width: 40%; color:#6b7280; font-weight: 300;}
.table.table-sm td:last-child{color:#374151;font-weight:400;}
.table.table-sm tr:last-child td {border-bottom: 0;}

.brief {font-size: .875rem; color: var(--text-2);}

.inquiryform .title2{font-size:28px; line-height:1.25; font-weight:300; color:#111827; text-transform:uppercase; margin-bottom:1rem;}
.inquiry-bg{width:100%; margin:0; background:linear-gradient(to right,#fff,#ececec9e,#fff); padding:2rem 1rem; margin-bottom:2rem;box-shadow:12px 30px 46px -30px rgba(0,0,0,0.5);}
.inquiryform p{font-size:.9rem; line-height:1.7; color:#4b5563}
.inquiryform{background-image:url('../images/Benefits-of-Stainless-Steel-scaleds.webp');background-size:100% 100%}
.inquiryform input,.inquiryform textarea,.inquiryform select{font-size:.9rem;line-height:1.4;color:#111827;background:transparent}
.inquiryform::placeholder{color:#9ca3af;opacity:1}

.inquiryform #floatchatiframe2011 .etw-inquery-control{border-radius:0 !important;border:0px !important;border-bottom:1px solid rgba(17,24,39,.10) !important;font-size:.85rem !important}
.inquiryform #floatchatiframe2011 .etw-inquery-icon{display:none !important}
.inquiryform #floatchatiframe2011 .etwfrom-message{height:60px !important;min-height:60px !important}
.inquiryform #floatchatiframe2011 .etw-inquery-btn{border-radius:0 !important; text-transform:uppercase; letter-spacing:30%; background-color:#ccc !important; margin-top:1rem}

.related-caption{font-size:1.4rem !important;font-weight:300 !important}
.product-card{display: flex; flex-direction: column; background:#fff;overflow:hidden;box-shadow:0 14px 40px rgba(17,24,39,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 55px rgba(17,24,39,.10);border-color:rgba(30,70,146,.18)}
.product-media{padding:16px 14px 10px;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}
.product-body{padding:12px 14px 14px;}
.product-body h4{margin:0 0 6px; font-size:14px; font-weight:900; color:var(--text-main)}
.product-body p{margin:0; font-size:12px; line-height:1.6; color:var(--text-2)}

.card{border: none; border-radius: 0; background-color: #fff; border-top: 1px solid rgba(217, 222, 230, .75); padding: 1rem 1.125rem;}
.card-header{background-color: inherit; padding: 0; border: none; list-style: none; margin-bottom: .5rem;}
.card-header::-webkit-details-marker {display: none;}
.card-link{width:100%; display:block; padding:0; font-size:15px; line-height:1.55; font-weight:600; color:#111827; position:relative; }
.card-body{padding:0; font-size: .9rem;}

.trust-bar{background-color:#F5F7FA;padding:25px 0;border-bottom:1px solid #E1E5EB;position:relative;z-index:10}
.trust-title-group{border-right:2px solid #E1E5EB;padding-right:20px;margin-right:10px;display:inline-block}
.partner-logos-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.partner-logo:hover{filter:grayscale(0%);opacity:1;transform:translateY(-2px)}
.partner-logo{max-height:35px;max-width:120px;width:auto;opacity:0.5;transition:all 0.3s ease;cursor:default;height:32px;width:auto;max-width:120px;object-fit:contain;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);cursor:default}

.functions ol{width: 100%; display: flex; flex-direction: column; align-items: center; background-color: var(--bg-F9); padding: 1rem;}
.functions ol .imgbox{aspect-ratio: 1/1; max-width: 50%;}
.functions ol .textbox{flex: 1; padding-top: 1rem; display: flex; align-items: center; justify-content: center; font-size: .95rem; text-align: center; line-height: 1.2;}

.btns{display: flex; flex-wrap: wrap;  align-items: center;}
.downloadfile{display: flex; align-items: center; margin-left: 1.5rem; color: var(--main);}
.downloadfile>img{width: auto; height: 30px; margin-right: .5rem;}
@media (max-width: 991.98px){  
.main_left{display: none;}
.main_right{margin: 0; padding: 1.25rem;}
.costa-col-img {width: 100%; max-width: 100%;}
}@media (max-width: 767.98px){
.content-block{display: flex; flex-direction: column;}
.content-block .costa-col-txt{max-width: 100%; padding: 1.25rem 0;}
.hub_list ul.list>li>ol .textbox>p{display: none;}
}@media (max-width: 575.98px){
.features .fd-img{width: 50%;}
.hub_list ul.list>li>ol{flex-direction: column; padding: 1rem;}
.hub_list ul.list>li>ol a.imgbox{width: 100%;}
.hub_list ul.list>li>ol .textbox{padding: 1rem 0 0 0;}
}@media (max-width: 425.98px){
.fd-item{flex-wrap: wrap; margin-bottom: .625rem;}
.features .fd-img,.fd-img{width: 100%;}
.features .fd-txt,.fd-txt{padding: 1rem 0 0 0;}
.functions .row-cols>*{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.detail-gallery>*{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
/* Products_End */
/* Contact Us */
.contact{padding:1rem 0 2.5rem 0}
.contact ul{width: 100%; margin: 0; display: flex; flex-direction: column;}
.contact ul>li{width: 100%; padding: 0; display: flex; flex-wrap: nowrap; font-size:1rem; line-height:24px; color: #333; font-weight: 400; margin-bottom: .5rem;}
.contact ul>li:first-child{margin-bottom: 1rem;}
.contact ul>li:first-child>strong{font-size:1.3rem; font-weight: 700; line-height: 1.2; margin:0; color: #333;}
.contact ul>li strong{color:#222; font-weight: 600; margin-right: .5rem;}
.contact ul>li a{color: var(--bg-main);}
.contact ul>li a:hover{color:var(--bg-hover); text-decoration: underline;}
.contact ul>li b{font-weight: 400; color:#222;}
.contact ul>li>ol{flex: 1;}
.contact ul>li img{margin-left: 0;}
.contact .feedback{padding: 1.5rem;}
.contact .feedback .webtitle{font-size:1.875rem; color:#000; text-align: center; font-weight: 700;}
.contact_map{margin-top: 2rem;}
#floatchatiframe2011 #feedback2017.etw-inquery-from-box{min-height: initial;}
/* Contact Us-End */
/* videos */
.videos{padding: 0 0 2.5rem 0;}
.videos_hub{width: 100%; display: flex; flex-direction: column; margin-bottom: 1.25rem;}
.videos_hub_title{font-size:clamp(1rem, 4vw, 1.5rem); font-weight: 500; line-height: 1; display:flex; align-items: center; color:#333; position:relative; z-index: 0; margin:1.25rem 0;}
.videos_hub ul{width: calc(100% + 30px); margin: 0 -10px; display: flex; flex-wrap: wrap;}
.videos_hub ul li{width: calc(100% / 2); padding: 0 15px; margin-bottom: 30px; display: flex;}
.videos_hub ul li>a{width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.videos_hub ul li>a .imgbox{width: 40%; aspect-ratio: 16/9;}
.videos_hub ul li>a .imgbox img{height: 100%; object-fit: cover;}
.videos_hub ul li>a .imgbox .video_btn::before{--w:50px;}
.videos_hub ul li>a .textbox{flex: 1; flex-direction: column; padding: 1rem; padding-left: 1.5rem; justify-content: center; font-size: .95rem; color: #333;}
.videos_hub ul li>a:hover{position: relative; transform: translateY(-10px);}
.videos_hub ul li>a:hover .textbox{color: var(--bg-main);}
.videos_hub:last-child{margin-bottom: 0;}
.videos_company ul li:first-child{width: 100%;}
.videos_company ul li:first-child>a{flex-direction: row;}
.videos_company ul li:first-child>a .imgbox{width: 50%;}
.videos_company ul li:first-child>a .imgbox .video_btn::before{--w:70px}
.videos_company ul li:first-child>a .textbox{padding: 2rem; padding-left: 3rem; align-items: flex-start; text-align: left;}
.videos_company ul li:first-child>a .textbox>.h6{font-size: 1.25rem; transition: all .4s; font-weight: 600;}
.videos_company ul li:first-child>a .textbox>p{font-size: .9rem; font-weight: 400; color: #666; transition: all .4s;}
.videos_company ul li:first-child>a:hover .textbox .h6{color: var(--bg-hover);}

.video_details>.container{display:flex;flex-wrap:wrap; align-items: flex-start; justify-content:space-between;}
#video_right{width:65%;}
#video_right video{width:100%}
#video_right h2{font-size: clamp(1.125rem, 4vw, 1.625rem); color: #333; font-weight: bold;}
.video_more{display:flex;margin-bottom:2rem;}
.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(--bg-hover); color:#fff; border-color:var(--bg-hover)}
.etw_videolist_more{display: none;}
#video_right .feedback{box-shadow: 0 0 10px rgba(0, 0, 0, .125); background-color: #fff; padding: 1.5rem 2rem; box-shadow: 6px 6px 0 #eee, -6px -6px 0 #eee;}
#video_sidebar{width:30%; border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, .125); overflow: hidden; background-color: #fff;}
#video_sidebar .title3{color: #fff; background-color: var(--bg-main); font-size: clamp(1rem, 4vw, 1.5rem); text-transform:uppercase; display: flex; align-items: center; justify-content: center; padding: .5rem; margin-bottom: 0;}
#etw_videolist .webtitle{font-size: clamp(.9rem, 4vw, 1.125rem); font-weight: 500; padding: .75rem 1rem; background-color: #eee;}
#etw_videolist ul{width: 100%; margin: 0; display:flex; flex-direction: column; padding: .75rem 1rem;}
#etw_videolist ul li{width: 100%; margin-bottom:.9rem; 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:0.95rem; padding-left:1rem;line-height: 24px; transition: all .4s; position: relative;}
#etw_videolist ul li a::before{content: ""; width: .75rem; height: .75rem; background: url(../images/icons/chevron-right.svg) no-repeat center center; background-size: contain; position: absolute; left: 0; top: 6px;}
#etw_videolist ul li a.dq,#etw_videolist ul li a:hover{color: var(--bg-hover);}
#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}
}@media (max-width:575.98px){
#video_right .feedback{padding: 1rem;}
#video_right h2{font-size:1.25rem;}
.videos_hub ul li>a{flex-direction: column;}
.videos_hub ul li>a .imgbox,.videos_company ul li:first-child>a .imgbox{width: 100%;}
.videos_hub ul li>a .textbox{padding: 1rem; align-items: center; text-align: center;}
.videos_company ul li:first-child>a .textbox{padding: 1rem;}
}@media (max-width: 425.98px){
.videos_hub ul li{width: 100%; margin-bottom: 1rem;}
}
/* videos-End */
/* index */
.hero-section{position:relative;overflow:hidden;min-height:640px;height:var(--hero-height);display:flex;align-items:center;justify-content:center}
.hero-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hero-slides{position:absolute;inset:0;display:flex;transition:transform .6s ease;will-change:transform}
.hero-slide{flex:0 0 100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-slide-1{background-image:url("../images/banner-4.webp")}
.hero-slide-2{background-image:url("../images/banner-5.webp")}
.hero-slide-3{background-image:url("../images/banner-6.webp")}
.hero-slide-4{background-image:url("../images/banner-7.webp")}
.hero-slide-5{background-image:url("../images/banner-8.webp")}
#hero-1:checked ~ .hero-slides{transform:translateX(0%)}
#hero-2:checked ~ .hero-slides{transform:translateX(-100%)}
#hero-3:checked ~ .hero-slides{transform:translateX(-200%)}
#hero-4:checked ~ .hero-slides{transform:translateX(-300%)}
#hero-5:checked ~ .hero-slides{transform:translateX(-400%)}
.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.35))}
.hero-content{padding-top:0 !important;padding:0 20px;max-width:1200px;width:100%;z-index: 5;}
.hero-content h1{margin:0 auto 12px;max-width:18ch;font-size:clamp(30px,5vw,80px);line-height:1.05;text-wrap:balance;color:var(--white);text-align:center}
.hero-subtitle{margin:0 auto;max-width:44ch;font-size:15px;letter-spacing:.08em;opacity:.85;color:var(--white); text-align: center;}
.hero-btns{display:flex;gap:var(--space-lg);justify-content:center;margin-top:20px}
.hero-btns .btn-primary{background:rgba(255,255,255,.95);color:var(--jens-blue);border:1px solid rgba(255,255,255,.30);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.hero-btns .btn-outline{background:rgba(255,255,255,.10);color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.22)}
.hero-btns .btn:hover{transform:translateY(-1px)}
.hero-btns .btn-primary:hover{box-shadow:0 14px 30px rgba(0,0,0,.22)}
.hero-btns .btn-outline:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.32)}
.hero-btns .btn:focus-visible{outline:2px solid rgba(19,181,200,.75);outline-offset:3px}
.hero-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:4;display:flex;gap:10px}
.hero-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.18);cursor:pointer}
#hero-1:checked ~ .hero-dots label[for="hero-1"],#hero-2:checked ~ .hero-dots label[for="hero-2"],#hero-3:checked ~ .hero-dots label[for="hero-3"],#hero-4:checked ~ .hero-dots label[for="hero-4"],#hero-5:checked ~ .hero-dots label[for="hero-5"]{background:var(--accent-red);border-color:rgba(255,255,255,.0)}
@media (max-width:768px){
.hero-content{padding-top:110px}
.hero-logo{left:12px;bottom:12px;padding:var(--space-xs) var(--space-sm)}
.hero-logo img{height:var(--logo-mobile-height)}
}@media (max-width: 1399.98px){
.hero-section{min-height:445px;}
.hero-slide-1{background-image:url("../images/banner-4_1400.webp")}
.hero-slide-2{background-image:url("../images/banner-5_1400.webp")}
.hero-slide-3{background-image:url("../images/banner-6_1400.webp")}
.hero-slide-4{background-image:url("../images/banner-7_1400.webp")}
.hero-slide-5{background-image:url("../images/banner-8_1400.webp")}
}@media (max-width: 1199.98px){
.hero-section{min-height:325px;}
.hero-slide-1{background-image:url("../images/banner-4_1024.webp")}
.hero-slide-2{background-image:url("../images/banner-5_1024.webp")}
.hero-slide-3{background-image:url("../images/banner-6_1024.webp")}
.hero-slide-4{background-image:url("../images/banner-7_1024.webp")}
.hero-slide-5{background-image:url("../images/banner-8_1024.webp")}
}@media (max-width: 767.98px){
.hero-section{min-height:238px;}
.hero-slide-1{background-image:url("../images/banner-4_750.webp")}
.hero-slide-2{background-image:url("../images/banner-5_750.webp")}
.hero-slide-3{background-image:url("../images/banner-6_750.webp")}
.hero-slide-4{background-image:url("../images/banner-7_750.webp")}
.hero-slide-5{background-image:url("../images/banner-8_750.webp")}
}@media (max-width: 575.98px){
.hero-slide-1{background-image:url("../images/banner-4_480.webp")}
.hero-slide-2{background-image:url("../images/banner-5_480.webp")}
.hero-slide-3{background-image:url("../images/banner-6_480.webp")}
.hero-slide-4{background-image:url("../images/banner-7_480.webp")}
.hero-slide-5{background-image:url("../images/banner-8_480.webp")}
}
.tech-section{background:var(--white)}
.tech-section.section-padding{padding:32px 0}
.tech-section .section-header{margin-bottom:16px; display: flex; flex-direction: column; align-items: center;}
.tech-section .section-header h2{font-size:var(--fs-h2);color:var(--jens-blue);font-weight:700;margin-bottom:6px;position:relative;display:inline-block}
.tech-section .section-header p{font-size: .875rem; margin-top:6px}
.tech-grid{display:flex; justify-content: space-evenly;}
.tech-section .tech-card{background:var(--white);border:0;padding:18px 1.5rem;display:flex;grid-template-columns:25% 58%;align-items:center;column-gap:16px;justify-content:flex-start}
.tech-section .tech-icon{width:70px;height:60px;display:flex;align-items:center;justify-content:center;margin:0}
.tech-section .tech-icon img{width:70px;height:auto;opacity:.9;display:block}
.tech-section .tech-card h3{margin:0;font-size:16px;display:flex;align-items:center;justify-content:flex-start}
.tech-section .tech-desc{margin:0;line-height:1.55;color:var(--text-sub);max-width:30ch;max-width:none;color:var(--text-2);font-size:.875rem;text-align:left}

#products.section-padding{padding:56px 0}
.jstone-products{background:var(--surface)}
.jstone-intro{display:flex; background:var(--jstone-bg);border-radius:0;overflow:hidden;margin-bottom:40px;min-height:340px;align-items:center; justify-content: space-between;}
.jstone-intro-media{width: 50%; min-height:340px; display: flex; overflow: hidden;}
.jstone-intro-media img{width:100%; object-fit:cover;display:block;mix-blend-mode:multiply}
.jstone-intro-text{background:var(--surface);padding:38px 42px;display:flex;flex-direction:column;justify-content:center; width:45%;}
.jstone-intro-text h2{font-size:clamp(1.5rem, 3.5vw, 34px);line-height:1.15;margin:0 0 14px;color:#605555;font-weight:800}
.jstone-intro-text p{font-size:15px;line-height:1.6;margin:0 0 22px;color:#444}
.jstone-intro-cta .btn{height:44px;padding:0 22px;border-radius:25px;letter-spacing:.08em;display:flex;justify-content:center;align-items:center;width:60%;font-weight:200; background-color: #fff; color: var(--bg-main);}
.jstone-intro-cta .btn:hover{background-color: var(--bg-main); color: #fff;}
.jstone-grid{display:flex; flex-wrap: wrap;}
.jstone-item{background:#fff;border-radius:0;overflow:hidden;display:flex;flex-direction:column;position:relative;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.jstone-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(30,70,146,.10);border-color:rgba(30,70,146,.18)}
.jstone-item::before{content:"";position:absolute;left:0;top:0;width:100%;height:0;background:var(--accent-red);transition:height .25s ease}
.jstone-item:hover::before{height:3px}
.jstone-img{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}
.jstone-img img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.jstone-item .jstone-img img{transition:transform .25s ease}
.jstone-item h3{font-size:16px;font-weight:700;margin:0 0 6px;line-height:1.3;padding:1.5rem 1rem .5rem; color: var(--bg-main);}
.jstone-item p{font-size: .95rem;line-height:1.5;color:#555;margin:0;padding:.5rem 1rem 1.5rem;}
.jstone-item:hover h3{color:var(--jens-blue)}

.case-study-section{background:var(--surface-2)}
.case-study-section .section-header{display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 1.5rem;}
.case-study-section .section-header h2{font-size:var(--fs-h2);color:var(--jens-blue);font-weight:700;margin-bottom:15px;position:relative;}
.case-study-section .section-header h2::after{content:"";display:block;width:60px;height:3px;background:var(--accent-red);margin:15px auto 0}

.case-grid{display:flex; flex-wrap: wrap; position:relative}
.case-grid>*{display: flex;}
.case-grid .case-card{background:var(--surface); padding: 1.875rem; position:relative;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s; border-top: 3px solid transparent;}
.case-grid .case-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(30,70,146,.10);border-top:3px solid var(--accent-red)}
.case-grid .case-tag{background:var(--jens-blue);color:var(--white);padding:4px 1rem; border-radius:20px; font-size:.75rem;font-weight:600;text-transform:uppercase;align-self:flex-start;margin-bottom:1.875rem;}
.case-grid .case-card h3{font-size:var(--fs-h5);color:var(--text-main);margin-bottom:20px;font-weight:700;border-bottom:1px solid #f0f0f0;padding-bottom:15px}
.case-grid .case-body{font-size:.95rem;color:#555;flex-grow:1}
.case-grid .case-img{width:100%;aspect-ratio:16/9;overflow:hidden;margin-bottom:16px}
.case-grid .case-img img{width:100%;height:100%;display:block}

.about-split{background:var(--metal-grad);padding:2.5rem 0;padding-top:3.125rem}
.about-card{background:#fff;display:flex; overflow:hidden;box-shadow:0 18px 45px rgba(17,24,39,.10)}
.about-text{flex: 1; padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.about-text h2{font-size:var(--fs-h2);line-height:1.2;margin:0 0 18px;color:#2b2b2b;font-weight:800}
.about-text p{margin:0 0 26px;max-width:460px;color:rgba(31,41,55,.78);font-size:15px;line-height:1.8}
.about-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:999px;background:#fff;color:var(--jens-blue);border:1px solid rgba(30,70,146,.35);font-weight:700;letter-spacing:.04em}
.about-btn:hover{border-color:var(--accent-red);color:var(--accent-red);box-shadow:0 10px 24px rgba(17,24,39,.10);transform:translateY(-1px)}
.about-btn span{font-size:18px;line-height:1}
.about-media{background:#f3f4f6;min-height:420px; width: 54%;}
.about-media img{width:100%;height:100%;display:block; object-fit: cover;}

.partner-strip{margin-top:26px;padding:18px 0}
.partner-strip__inner{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap}
.partner-strip__title{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:rgba(31,41,55,.60);font-weight:700}
.partner-strip__logos{display:flex;align-items:center;justify-content:center;gap:18px 28px;flex-wrap:wrap}
.partner-strip__logos img{height:30px;width:auto;display:block;opacity:.80;filter:grayscale(50%);transition:opacity .2s ease,filter .2s ease}
.partner-strip__logos img:hover{opacity:1;filter:grayscale(0%)}
@media (max-width: 991.98px){
#products.section-padding,.about-split {padding: 2.5rem 0;}
.jstone-intro-text{padding: 30px;}
.tech-section .tech-card{padding: .625rem;}
.case-grid .case-card {padding: 1rem;}
.about-text{padding: 1.5rem;}
}@media (max-width: 767.98px){
#products.section-padding,.about-split {padding: 2rem 0;}
.tech-grid{flex-wrap: wrap; justify-content: space-between;}
.tech-section .tech-card{width: 50%;}
.jstone-intro{flex-direction: column;}
.jstone-intro-media {width: 100%; min-height: initial; aspect-ratio: 16/9;}
.jstone-intro-text { margin: 1%; padding: 1.25rem; width: 98%;}
.jstone-intro-cta .btn {height: 36px; width: fit-content;}
.about-card{flex-wrap: wrap; flex-direction: column-reverse;}
.about-text{width: 100%;}
.about-media {min-height: initial; aspect-ratio: 16/9; width: 100%;}
.about-btn {padding: .5rem 1.25rem; font-size: .875rem;}
}@media (max-width: 575.98px){
#products.section-padding {padding: 1.5rem 0;}
.tech-section .tech-card {width: 100%;}
.jstone-grid>*,.case-grid>*{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}@media (max-width: 375.98px){
#products.section-padding {padding: 1rem 0;}
}
/* 彭闯 */
/*Public*/
@media (min-width: 992px) {
.row-cols-lg-8 > *{ flex: 0 0 calc(100% / 8);max-width: calc(100% / 8);}
}
.col-flex .col{ display: flex;}
.con-title{ font-size: 1.5rem; line-height: 1.4; font-weight: 700;}
.section-title {font-size:1.5rem;color:#1e4692;margin-bottom:2rem;position:relative;font-weight:500;}
.section-bg{background: #f8f9fa;}
.section-bg-white{ background: #fff; }

.inquiryform1{ background: #fff;}
.inquiryform1 .container3{background: linear-gradient(to bottom, #fdfdfd, #e8e8e8); padding: 3rem 2rem;}
.inquiryform1 #feedback2017 .etw-inquery-group input.etw-inquery-control{ height: 46px!important; line-height: 1!important;border-bottom: 1px solid #ccc !important;}
.header-banner{ padding: 2rem 0; background: linear-gradient(to bottom, #f2f2f2, #ffffff);text-align: center;}
.header-banner #quicknav ul{justify-content: center;}
/*banner*/
.otherbanner{ width:100%;background-color:#013264;background-size: cover;background-position: center;background-attachment: fixed; color:#fff;text-align: center; padding:3rem 0;}
.bannerimg01{background: linear-gradient(rgba(0, 51, 102, 0.7), rgba(0, 51, 102, 0.6)), url('../images/about-banner.webp'); min-height: 300px;}
.otherbanner #quicknav ul{justify-content: center;color: rgba(255,255,255,.65);}
.otherbanner #quicknav ul li:last-child,.otherbanner #quicknav ul li a,.otherbanner #quicknav ul li::after{color: rgba(255,255,255,.5);}
.otherbanner p{ color:#ccc;}
@media (max-width:991.98px){
	.header-banner{ padding: 1rem 0;}
	.bannerimg01{ min-height: inherit;}
}
/* about HUB*/
.hubcap-wrap{background:#ffffff;padding:2rem 1.5rem;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:20px;transform:translateY(-30px);}
.hubcap-in{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.hubcap-item {width:25%;text-align:center;border-right:1px solid #e1e1e1;}
.hubcap-item:last-child {border:none;}
.hubcap-item .stat-num {font-size:2.6rem;font-weight:800;color:#1e4692;display:block;line-height:1;margin-bottom:10px;}
.hubcap-item .stat-label {font-size:0.8rem;text-transform:uppercase;color:#888;font-weight:600;letter-spacing:1px;}
@media (max-width:991.98px){
	.hubcap-item .stat-num{ font-size: 2rem;}
}@media (max-width:767.98px){
	.hubcap-item {width:50%; margin-bottom:1.5rem;}
	.hubcap-wrap{ padding:2rem 1rem 0 1rem;transform:translateY(20px);}
}@media (max-width:575.98px){
	.hubcap-item .stat-num{ font-size: 1.5rem;}
	.hubcap-wrap{ padding:1rem 0.5rem 0 0.5rem;}
}
.sub-title{font-size:1.75rem; line-height: 1.4; color:#1e4692;margin-bottom:20px;font-weight: 600;}
.hub-about a{color:#1e4692; font-weight:600; border-bottom:2px solid #d4af37;}
/*关于我们的子类*/
.about-item {width:100%; background: #fff;  border-radius: 8px; border: 1px solid #e1e1e1; box-shadow: 0 5px 15px rgba(0,0,0,0.03); transition: all 0.3s ease; display: flex;}
.about-item a{ width: 100%; display: block;padding: 2.5rem 1.5rem; text-align: center;}
.about-item .card-name { font-size: 1.2rem; color: #1e4692; margin-bottom: 10px; }
.about-item:hover {border-color: #1e4692; box-shadow: 0 15px 30px rgba(0,33,66,0.1); }
.about-item .card-icon-box { margin-bottom: 15px; display: block; }
.about-item .card-icon-box i { font-size: 2.6rem; color: #1e4692; } 
@media (max-width:575.98px){
.about-item a{ padding: 1rem 0.8rem;}
.about-item .card-name { font-size: 1rem};
.about-item .card-icon-box i { font-size: 2rem;}
}@media (max-width:420px){
.about-item a{ padding:1rem 0.5rem;}
.about-item .card-name { font-size:0.875rem};
}
/*非产品页面底部其他产品*/
.other-pro { background: #ffffff; padding:3rem 0;}
.other-pro .row>.col{display: flex;}
.product-card { border: 1px solid #e1e1e1; transition: 0.3s; background: #fff; border-radius: 6px; overflow: hidden; }
.product-card:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); transform: translateY(-5px); }
.p-img {border-bottom: 1px solid #e1e1e1; padding: 1.25rem;}
.p-img img{ width: 100%;}
.p-name { padding:1rem; text-align: center; color: #000;}
/*history*/
.history-section {padding:3rem 0;border-top:1px solid #eee;}
.history-line {display: block;height: 2px;background: #e0e0e0;margin: 0 auto 40px;max-width: 1000px;position: relative;}
.history-line span{position: absolute; top: -10px; left: 50%; transform: translateX(-50%); display: inline-block;color: #999; font-size: 0.75rem; font-weight: bold;padding: 0 20px; background: #f8f9fa; }
.history-list {position:relative; width: 100%; max-width: 1000px; margin: 0 auto;}
.history-list::before {content:'';position:absolute;left:120px;top:10px;bottom:0;width:2px;background:#e0e0e0;}
.history-list .h-item {position:relative;margin-bottom:1.5rem;display:flex;align-items:flex-start;transition:0.3s; padding-left:150px;}
.history-list .h-item:last-child {margin-bottom:0;}
.history-list .h-year {position:absolute;left:0;top:0;width:80px;text-align:right;font-size:1.6rem;font-weight:800;color:#999; transition:0.3s;line-height:1.2;}
.history-list .h-dot {position:absolute;left:113px;top:6px;width:14px;height:14px;background:#fff;border:3px solid #ccc;border-radius:50%;z-index:2;transition:0.3s;}
.history-list .h-box {background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,0.03);border:1px solid #eee;width:100%;display:flex;justify-content:space-between;align-items:center;transition:0.3s;}
.history-list .h-content {flex:1;padding: 1rem;}
.history-list .h-desc {font-size:1rem;color:#555;margin:0;line-height:1.6;}
.history-list .h-thumb {width:200px;border:1px solid #f0f0f0;}
.history-list .h-thumb img {width:100%;object-fit:cover;}
.history-list .h-item:hover .h-year {color:#1e4692;transform:scale(1.1);}
.history-list .h-item:hover .h-dot {border-color:#d4af37;background:#d4af37;transform:scale(1.2);}
.history-list .h-item:hover .h-box {box-shadow:0 10px 30px rgba(0,0,0,0.08);border-color:#d4af37;transform:translateX(5px);}
@media (max-width: 991.98px){
.history-list::before{ left: 10px;}
.history-list .h-item {padding-left: 100px;}
.history-list .h-dot{ left: 6px;}
}@media (max-width: 767.98px){
.history-line{ display: none;}
.history-list .h-item {padding-left: 40px;display: inherit;}
.history-list .h-year{ position: relative; width: 100%; display: block; text-align: left;}
.history-list .h-item:hover .h-year{transform: inherit;}
.history-list .h-item:hover .h-box{transform: inherit;}
}@media (max-width: 575.98px){
.history-list .h-box{display: inherit; padding: 1rem;}
.history-list .h-content{ width: 100%; padding: 0 0 1rem 0;}
}
/*cer*/
.cer-item{ text-align: center;}
.cer-item img{ width: 100%; border: 1px #ccc solid;}
.cer-item span{ font-size: 1rem; line-height: 1.4; padding: 0.5rem 0; display: block; width: 100%;} 
@media (min-width: 992px){
  .cer-item .col{ padding-left:7px; padding-right:7px;}
}
/*partner*/
.partner-section { padding: 3rem 0; border-top: 1px solid #eee; }
.partner-section .partner-img{ width: 100%;border: 1px solid #e1e1e1;}
.partner-img img{ width: 100%;}
.partner-benefit { text-align: center; margin:2rem 0; display: flex; justify-content: center;  color: #333; }
.partner-benefit div{ padding: 0 20px;}
.partner-benefit i { color: #333; margin-right: 10px; font-size:1.2rem; }
@media (min-width: 992px){
.partner-section .col{ padding-left:7px; padding-right:7px;}
}@media (max-width:767.98px) {
.partner-benefit{flex-wrap: wrap;text-align: left; justify-content: inherit;}
.partner-benefit div{width: calc(100% / 2 - 20px); padding-bottom: 1rem;}
}@media (max-width:575.98px) {
.partner-benefit{ margin-bottom: 0;}
.partner-benefit div{width:100%; }
}
/*quick*/
.quick-nav-section {padding:2rem 0 2rem 0;}
.quick-nav-flex {display:flex;justify-content:center;flex-wrap:wrap; margin:0 -15px;}
.quick-nav-flex a {display:flex;align-items:center;justify-content:center;margin:10px 15px;padding:0.8rem 1.58rem;border-radius:1.5rem;border:1px solid #e0e0e0;color:#555;font-weight:500;font-size:1rem;transition:0.3s;min-width:160px;}
.quick-nav-flex a i {font-size:18px;color:#1e4692;margin-right:10px;transition:0.3s;}
.quick-nav-flex a:hover {box-shadow:0 5px 15px rgba(0,0,0,0.08);border-color:#1e4692;color:#1e4692;}
.quick-nav-flex a:hover i {color:#1e4692;}
@media (max-width:991.98px) {
.quick-nav-flex {margin:0;justify-content: inherit;}
.quick-nav-flex a{width: calc(100% / 3 - 20px);margin:0.8rem 10px;border-radius:6px;}
}@media (max-width:767.98px) {
.quick-nav-flex a{width: calc(100% / 2 - 20px);justify-content: left;}
}@media (max-width:575.98px) {
.quick-nav-flex a{width: 100%; margin: 0.8rem 0;}
}
/*R&D Team 样式*/
.highlight-bar{border-left: 4px solid #ccc;padding-left: 20px;margin-top: 30px; color: #666;font-style: italic;}
.team-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 0;}
.team-item {width:25%;text-align:center;position:relative;padding:0 1rem;}
.team-item::after {content:'';position:absolute;right:0;top:10%;height:80%;width:1px;background:#e0e0e0;}
.team-item:last-child::after {display:none;}
.team-item .st-num {font-size:3rem;font-weight:800;color:#1e4692;line-height:1;margin-bottom:10px;}
.team-item .st-role {font-size:0.8rem;font-weight:500;color:#333;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;}
.team-item .st-exp {display:inline-block;font-size:13px;font-weight:600;color:#d4af37;background:rgba(212,175,55,0.1);padding:4px 12px;border-radius:4px;}
.team-item .st-desc {font-size:0.7rem;color:#888;margin-top:12px;line-height:1.4;max-width:200px;margin-left:auto;margin-right:auto;}
@media (max-width:767.98px) {
.team-bar{flex-wrap: wrap; padding-bottom: 0;}
.team-item{width:50%; margin-bottom: 2rem;}
}@media (max-width:575.98px) {
.team-item{width:100%; margin-bottom: 2rem;}
}
.facility-section { padding: 3rem 0; }
.facility-section .intro-wide { max-width: 900px; margin: 0 auto 3rem; text-align: center; color: #555; }
.facility-section .module-card { background: #fff; padding: 30px 15px; text-align: center; border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.03); transition: 0.3s; height: 100%; }
.facility-section .m-icon { font-size: 2.5rem; color: #1e4692; margin-bottom: 20px; display: block; }
.factory-stats-bar {display:flex;justify-content:space-between;background:#f9fbfd;border-radius:8px;padding:40px 20px;border:1px solid #edf2f7;}
.factory-text-centered {max-width:900px;margin:0 auto 1.5rem;text-align:center;font-size:18px;color:#555;line-height:1.8;}
.fs-item {width:25%;text-align:center;position:relative;}
.fs-item::after {content:'';position:absolute;right:0;top:15%;height:70%;width:1px;background:#e0e0e0;}
.fs-item:last-child::after {display:none;}
.fs-item .fs-num {font-size:var(--fs-h4);font-weight:800;color:#1e4692;line-height:1;margin-bottom:8px;}
.fs-item .fs-label {font-size:0.9rem;font-weight:600;color:#d4af37;text-transform:uppercase;letter-spacing:0.5px;}
.fs-item .fs-sub {font-size:0.8rem;color:#888;margin-top:4px;}
@media (max-width:767.98px) {
.factory-stats-bar{flex-wrap: wrap; padding-bottom: 0;}
.fs-item{width:50%; margin-bottom: 2rem;}
.fs-item .fs-num {font-size:1.8rem;}
}@media (max-width:420px) {
.fs-item{width:100%; margin-bottom: 2rem;}
}
.process-item {background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;transition:0.3s;width:100%;display:flex;flex-direction:column;}
.process-item:hover {box-shadow:0 10px 20px rgba(0,0,0,0.08);border-color:#d4af37;}
.item-img {position:relative;}
.item-img img {width:100%;}
.item-name {padding:1rem;text-align:center;font-size:1rem;font-weight:500;color:#333;border-top:1px solid #f0f0f0;}
.step-badge {position: absolute; top: 10px; left: 10px;background: #1e4692; color: #fff;width: 24px; height: 24px; line-height: 24px;text-align: center; border-radius: 50%;font-size: 12px; font-weight: bold; z-index: 2;}
/*Partner With Us*/
.why-card {width:100%;text-align:center;padding:2rem 1.5rem;border:1px solid #eee;height:100%;transition:0.3s;background:#fff;box-shadow:0 1px 30px rgba(0,0,0,0.1);}
.why-card .w-icon {font-size:48px;color:#1e4692;margin-bottom:25px;display:block;}
.why-card .w-title {font-size:20px;font-weight:700;color:#333;margin-bottom:15px;height:50px;display:flex;align-items:center;justify-content:center;}
.why-card .w-text {font-size:1rem;color:#666;line-height:1.6;}
@media (max-width:767.98px) {
.why-card { text-align: left;}
.why-card .w-title{ justify-content: left;}
}
/*Partner With Us*/
.benefit-section {padding:3rem 0;}
.partner-card { width: 100%; background:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.03);display:flex;align-items:flex-start;height:100%;transition:0.3s;}
.partner-card:hover {transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.08);}
.partner-card .b-icon-box {flex-shrink:0;width:60px;height:60px;background:#1e4692;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:25px;}
.partner-card .b-icon-box i {color:#fff;font-size:28px;}
.partner-card .b-content {flex-grow:1;}
.partner-card .b-title {font-size:18px;font-weight:800;color:#1e4692;margin-bottom:15px;}
.partner-card .b-text {font-size:15px;color:#555;line-height:1.6;}
/*faq*/
.faq-section {padding:1rem 0 0 0;}
.faq-item {margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee;}
.faq-item:last-child {border-bottom:none;}
.faq-item .faq-question {font-size:1.2rem;font-weight:500;color:#1e4692;margin-bottom:0.6rem;display:flex;align-items:flex-start;}
.faq-item .q-icon {color:#1e4692;margin-right:15px;font-size:1.2rem;line-height:1;}
.faq-item .faq-answer {font-size:0.9rem;color:#555;line-height:1.8;padding-left:35px;text-align:justify;}
/*Case*/
.case-section {padding: 3rem 0;}
.case-section .section-title {border-left: 4px solid #d4af37;  padding-left:1rem;}
.case-section .case-card {background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);display:flex;margin-bottom:40px;position:relative;}
.case-section .case-card .case-num {position:absolute;top:-10px;left:20px;font-size:100px;font-weight:900;color:#f7f7f7;z-index:0;line-height:1;}
.case-section .case-card .text-area {width:70%;padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;}
.case-section .case-card .info-group {margin-bottom:20px;}
.case-section .case-card .label {font-size:0.75rem;font-weight:700;color:#999;text-transform:uppercase;margin-bottom:5px;display:block;letter-spacing:0.5px;}
.case-section .case-card p {font-size:0.9rem;color:#555;}
.case-section .case-card .img-area {width:30%;padding:1.2rem;display:flex;align-items:center;justify-content:center;}
.case-section .case-card .img-area img {width:100%;}
@media (max-width:991.98px) {
.case-section .case-card .text-area{ width: 60%;}
.case-section .case-card .img-area{ width: 40%;}
}@media (max-width:767.98px) {
.case-section{ padding: 1.5rem 0;}
.case-section .case-card {flex-direction:column;}
.case-section .case-card .text-area{ padding: 1rem;}
.case-section .case-card .text-area,.case-card .img-area {width:100%;}
.case-section .case-card .img-area {width: 100%; padding:0; border: none;}
.case-section .case-card .case-num {font-size:60px;top:10px;right:20px;left:auto;}
.case-section .case-card .g-img {margin-left:5px;}
.case-section .case-card .g-img:first-child {margin-left:0;}
}@media (max-width: 425.98px){
.history-list .h-thumb{width: 100%;}
}
/*OEM/ODM */
.custom-section {padding:2rem 0;}
.custom-card {width:100%;background:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:0.3s;border:1px solid #eee;}
.custom-card .custom-img { width: 100%;}
.custom-card .custom-img img {width:100%;}
.custom-card .custom-content {padding:1.5rem;}
.custom-card .custom-title {font-size:1.2rem;font-weight:700;color:#333;margin-bottom:10px;}
.custom-card .custom-desc {font-size:0.75rem;color:#555;line-height:1.6;}
.cap-section {padding:3rem 0;}
.cap-card {display:flex;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;margin-bottom:40px;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.cap-img {width:40%;}
.cap-img img {width:100%;}
.cap-content {width:60%;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;}
.cap-title {font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem;border-left:4px solid #1e4692;padding-left:1rem;}
.cap-desc {font-size:1rem;color:#555;line-height:1.8;}
@media (max-width:991.98px) {
.cap-content{ padding: 1rem 1.5rem;}
}@media (max-width:575.98px) {
.cap-card{display: inherit;}	
.cap-content,.cap-img{width:100%;}
.cap-content{ padding: 1rem;}
}
.bottom_inquiry{padding: 0;}