/* ===== Reset & Base ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;color: #2c3e50;background: #fff;line-height: 1.6;overflow-x: hidden;}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; display: block; }
:root {
  --base-font:clamp (14px, 1.2vw, 16px);

}
/* ===== Top Contact Bar ===== */
.top-bar {background: #0f2744;color: #b8c9dc;padding: 10px 5%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 12px;font-size: 13px;letter-spacing: 0.3px;}
.top-bar .contact-group { display: flex; gap: 28px; flex-wrap: wrap; }
.top-bar .contact-item { display: flex; align-items: center; gap: 6px; }
.top-bar .contact-item svg { width: 14px; height: 14px; fill: #4a90d9; }
.top-bar a:hover { color: #fff; }
/* ===== Header / Nav ===== */
header {background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);position: sticky;top: 0;z-index: 100;}
.nav-inner {max-width: 1600px;margin: 0 auto;padding: 0 5%;display: flex;justify-content: space-between;align-items: center; height: 72px;}
.logo {display: flex;align-items: center;gap: 12px;}
.logo-mark {width:70px;border-radius: 6px;display: flex;align-items: center;justify-content: center;}
.logo-text {font-family: 'Montserrat', sans-serif;font-weight: 700; font-size:22px; color: #0f2744;line-height: 1.2;}
.logo-text span { display: block; font-size: 11px; font-weight: 500; color: #7f8c8d; letter-spacing: 1.5px; text-transform: uppercase; }
nav.main-nav { display: flex; gap: 4px; }
nav.main-nav a { padding: 8px 26px;font-size:18px;font-weight: 500;color: #34495e;border-radius: 4px;transition: all 0.2s;}
nav.main-nav a:hover { color: #2980b9; background: #eaf2f8; }
.nav-cta {background: #e67e22;color: #fff !important;padding: 10px 22px !important;border-radius: 4px;font-weight: 600 !important;}
.nav-cta:hover { background: #d35400 !important; color: #fff !important; }
.mobile-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; }
.mobile-toggle span { display: block; width: 24px; height: 2px; background: #0f2744; margin: 5px 0; transition: 0.3s; }
/* ===== Hero Slider ===== */
.hero {position: relative;width: 100%; height: 78vh; min-height: 560px; overflow: hidden;}
.hero-slide { position: absolute; top: 0; left: 0;width: 100%; height: 100%;opacity: 0;transition: opacity 1.2s ease-in-out;}
.hero-slide.active { opacity: 1; }
.hero-slide img {width: 100%; height: 100%;object-fit: cover;}
.hero-overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: linear-gradient(90deg, rgba(15,39,68,0.75) 0%, rgba(15,39,68,0.35) 60%, transparent 100%);}
.hero-content {position: absolute;left: 8%;top: 50%;transform: translateY(-50%);color: #fff;max-width: 620px;z-index: 2;}
.hero-eyebrow {font-size: 13px;letter-spacing: 4px;text-transform: uppercase;color: #f39c12;font-weight: 600;margin-bottom: 18px;}
.hero-title { font-family: 'Montserrat', sans-serif;font-size: clamp(32px, 5vw, 56px); font-weight: 800;line-height: 1.1;margin-bottom: 20px;}
.hero-title .line { display: block; }
.hero-title .accent { color: #f39c12; }
.hero-desc {font-size: 17px;line-height: 1.7;color: rgba(255,255,255,0.88);margin-bottom: 32px; max-width: 520px;}
.hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }
.btn-primary {display: inline-block; background: #e67e22; color: #fff;padding: 14px 32px;border-radius: 4px;font-weight: 600;font-size: 15px;transition: all 0.25s;border: 2px solid #e67e22;}
.btn-primary:hover { background: #d35400; border-color: #d35400; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(230,126,34,0.35); }
.btn-outline { display: inline-block;background: transparent; color: #fff; padding: 14px 32px; border-radius: 4px;font-weight: 600;font-size: 15px;border: 2px solid rgba(255,255,255,0.6);transition: all 0.25s;}
.btn-outline:hover { background: rgba(255,255,255,0.12); border-color: #fff; }
.hero-dots {position: absolute; bottom: 32px;left: 8%;display: flex;gap: 10px;z-index: 3;}
.hero-dot {width: 36px;height: 4px;background: rgba(255,255,255,0.3);border-radius: 2px;cursor: pointer;transition: background 0.3s;}
.hero-dot.active { background: #f39c12; }
/* ===== Section Common ===== */
.section { padding: 80px 5%; }
.section-inner { max-width: 1600px; margin: 0 auto; }
.section-header { text-align: center; margin-bottom: 56px; }
.section-eyebrow {font-size: 13px;letter-spacing: 3px;text-transform: uppercase;color: #e67e22;font-weight: 600; margin-bottom: 12px;}
.section-title {font-family: 'Montserrat', sans-serif;font-size: clamp(26px, 3.5vw, 38px);font-weight: 700;color: #0f2744; margin-bottom: 16px;}
.section-subtitle {font-size: 16px;color: #6b7c8d;max-width: 640px; margin: 0 auto;}
.divider {width: 60px;height: 3px; background: #e67e22;margin: 0 auto 20px;border-radius: 2px;}

/* ===== Four Entry Blocks ===== */
.entries {display: grid;grid-template-columns: repeat(4, 1fr);gap: 0;}
.entry-block {position: relative;padding: 48px 36px;color: #fff;min-height: 280px; display: flex;flex-direction: column;justify-content: flex-end; overflow: hidden;cursor: pointer;transition: transform 0.3s;}
.entry-block:hover { transform: translateY(-4px); }
.entry-block:nth-child(1) { background: linear-gradient(135deg, #1a5276 0%, #2980b9 100%); }
.entry-block:nth-child(2) { background: linear-gradient(135deg, #0e3d5f 0%, #1a6b9a 100%); }
.entry-block:nth-child(3) { background: linear-gradient(135deg, #d35400 0%, #e67e22 100%); }
.entry-block:nth-child(4) { background: linear-gradient(135deg, #145a32 0%, #27ae60 100%); }
.entry-icon {width: 52px; height: 52px;background: rgba(255,255,255,0.15);border-radius: 8px;display: flex; align-items: center;justify-content: center;margin-bottom: 20px;}
.entry-icon svg { width: 26px; height: 26px; fill: #fff; }
.entry-block h3 {font-family: 'Montserrat', sans-serif; font-size: 22px;font-weight: 700;margin-bottom: 10px;}
.entry-block p { font-size: 14px;color: rgba(255,255,255,0.82);line-height: 1.6;margin-bottom: 16px;}
.entry-link {font-size: 13px;font-weight: 600; color: #fff; display: inline-flex; align-items: center;gap: 6px;letter-spacing: 0.5px;}
.entry-link svg { width: 14px; height: 14px; fill: #fff; transition: transform 0.2s; }
.entry-block:hover .entry-link svg { transform: translateX(4px); }

/* ===== About Section ===== */
.about-section {background: #f7f9fb; }
.about-grid {display: grid;grid-template-columns: 260px 1fr;gap: 48px;align-items: start;}
.about-subnav {background: #fff;border-radius: 8px; overflow: hidden;box-shadow: 0 2px 12px rgba(0,0,0,0.05);}
.about-subnav li:nth-child(1){ background:#163354; text-align:center; font-size:28px; color:#fff; padding:2% 0}
.about-subnav li {border-bottom: 1px solid #eef2f6;}
.about-subnav li:last-child { border-bottom: none; }
.about-subnav a {display: block;padding: 16px 22px;font-size: 14px;font-weight: 500;color: #34495e;transition: all 0.2s;border-left: 3px solid transparent;}
.about-subnav a:hover, .about-subnav a.active {color: #2980b9;background: #eaf2f8;border-left-color: #e67e22;}
.about-content h2 {font-family: 'Montserrat', sans-serif;font-size: 30px;font-weight: 700;color: #0f2744;margin-bottom: 8px;}
.about-content .about-tag {color: #e67e22;font-size: 13px;letter-spacing: 2px; text-transform: uppercase;font-weight: 600;margin-bottom: 20px;}
.about-content p { font-size: 15px;color: #556;line-height: 1.8;margin-bottom: 18px;}
.about-features { display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 32px;}
.about-feature {background: #fff;padding: 24px;border-radius: 8px;border-top: 3px solid #2980b9;}
.about-feature .num {font-family: 'Montserrat', sans-serif;font-size: 32px;font-weight: 800;color: #2980b9;line-height: 1;margin-bottom: 8px;}
.about-feature .label {font-size: 13px;color: #6b7c8d;font-weight: 500;}

/* ===== Client Logos ===== */
.clients-section { padding: 56px 5%; background: #fff; border-bottom: 1px solid #eef2f6; }
.clients-label {text-align: center; font-size: 13px;letter-spacing: 3px;text-transform: uppercase;color: #95a5a6;font-weight: 600;margin-bottom: 32px;}
.clients-grid { max-width: 1600px;margin: 0 auto;display: grid;grid-template-columns: repeat(6, 1fr);gap: 32px;align-items: center;}
.client-logo {height: 56px;display: flex;align-items: center;justify-content: center;background: #f4f6f8; border-radius: 6px; font-family: 'Montserrat', sans-serif;font-weight: 700; font-size: 14px;color: #7f8c8d;letter-spacing: 1px;transition: all 0.25s;}
.client-logo:hover { background: #eaf2f8; color: #2980b9; }
/* ===== Stats Section ===== */
.stats-section {background: linear-gradient(135deg, #0f2744 0%, #1a3a5c 100%);padding: 72px 5%;position: relative;overflow: hidden;}
.stats-section::before {content: '';position: absolute;top: -50%; right: -10%;width: 500px; height: 500px;background: radial-gradient(circle, rgba(230,126,34,0.12) 0%, transparent 70%);border-radius: 50%;}
.stats-grid { max-width: 1600px;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;position: relative;z-index: 1;}
.stat-item { text-align: center; color: #fff; }
.stat-num {font-family: 'Montserrat', sans-serif;font-size: 52px;font-weight: 800; color: #f39c12;line-height: 1;margin-bottom: 10px;}
.stat-num .suffix { font-size: 28px; }
.stat-label {font-size: 14px;color: rgba(255,255,255,0.75);letter-spacing: 0.5px;}
/* ===== Products Section ===== */
.products-section { background: #f7f9fb; }
.product-tabs {display: flex;justify-content: center;gap: 8px;margin-bottom: 40px;flex-wrap: wrap;}
.product-tab {padding: 10px 24px; background: #fff;border: 1px solid #dde4ec;border-radius: 30px;font-size: 14px;font-weight: 500;color: #556;cursor: pointer;transition: all 0.2s;}
.product-tab:hover { border-color: #2980b9; color: #2980b9; }
.product-tab.active {background: #0f2744;color: #fff;border-color: #0f2744;}
.product-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.product-card {background: #fff; border-radius: 10px; overflow: hidden;box-shadow: 0 2px 12px rgba(0,0,0,0.05); transition: all 0.3s;cursor: pointer;}
.product-card:hover { transform: translateY(-6px);box-shadow: 0 12px 32px rgba(0,0,0,0.12);}
.product-img {/*height: 200px;*/background: linear-gradient(135deg, #d5dfe8 0%, #b8c9dc 100%);position: relative; overflow: hidden;display: flex;align-items: center;justify-content: center;}
.product-img svg { width: 72px; height: 72px; fill: rgba(15,39,68,0.25); }
.product-img .product-badge {position: absolute;top: 12px; left: 12px;background: #e67e22;color: #fff;font-size: 11px;font-weight: 600; padding: 4px 10px;border-radius: 3px;letter-spacing: 0.5px;}
.product-info { padding: 20px; }
.product-cat {font-size: 11px;color: #2980b9;font-weight: 600;letter-spacing: 1px; text-transform: uppercase;margin-bottom: 6px;}
.product-info h4 {font-family: 'Montserrat', sans-serif;font-size: 16px;font-weight: 600;color: #0f2744; margin-bottom: 8px;line-height: 1.4;}
.product-info p {font-size: 13px;color: #7f8c8d;line-height: 1.5;}
.products-more {text-align: center;margin-top: 44px;}
/* ===== News Section ===== */
.news-section { background: #fff; }
.news-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;}
.news-card {background: #fff;border: 1px solid #eef2f6;border-radius: 10px;overflow: hidden;transition: all 0.3s;cursor: pointer;}
.news-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.09);transform: translateY(-4px);}
.news-img {height:auto;}
.news-date-tag {position: absolute;bottom: 14px; left: 16px;background: rgba(255,255,255,0.95);padding: 6px 14px;border-radius: 4px;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 13px;color: #0f2744;}
.news-body { padding: 22px; }
.news-cat {font-size: 11px;color: #e67e22;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 8px;}
.news-body h4 {font-family: 'Montserrat', sans-serif; font-size: 17px;font-weight: 600; color: #0f2744;margin-bottom: 10px;line-height: 1.4;}
.news-body p {font-size: 14px;color: #6b7c8d;line-height: 1.6;}
/* ===== CTA Banner ===== */
.cta-banner {background: linear-gradient(135deg, #d35400 0%, #e67e22 100%);padding: 64px 5%;text-align: center;color: #fff;}
.cta-banner h2 {font-family: 'Montserrat', sans-serif;font-size: clamp(24px, 3vw, 34px);font-weight: 700;margin-bottom: 12px;}
.cta-banner p {font-size: 16px;color: rgba(255,255,255,0.9);margin-bottom: 28px; max-width: 600px; margin-left: auto; margin-right: auto;}
.cta-banner .btn-white {display: inline-block; background: #fff;color: #d35400;padding: 14px 36px;border-radius: 4px;font-weight: 700;font-size: 15px;transition: all 0.25s;}
.cta-banner .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.18); }
/* ===== Footer ===== */
footer {background: #0a1a2e;color: #8fa3b8; padding: 64px 5% 0;}
.footer-grid {max-width: 1600px;margin: 0 auto;display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.2fr;gap: 48px;padding-bottom: 48px;}
.footer-brand .logo-text { color: #fff; margin-bottom: 16px; }
.footer-brand p {font-size: 14px; line-height: 1.7;color: #8fa3b8;margin-bottom: 20px;}
.footer-social { display: flex; gap: 10px; }
.footer-social a { width: 38px; height: 38px; background: rgba(255,255,255,0.08);border-radius: 6px;display: flex;align-items: center;justify-content: center; transition: all 0.2s;}
.footer-social a:hover { background: #e67e22; }
.footer-social svg { width: 18px; height: 18px; fill: #fff; }
.footer-col h4 {font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 600;color: #fff;margin-bottom: 20px;letter-spacing: 0.5px;}
.footer-col ul li { margin-bottom: 12px; }
.footer-col ul a {font-size: 14px;color: #8fa3b8;transition: color 0.2s;}
.footer-col ul a:hover { color: #f39c12; }
.footer-contact li { display: flex;gap: 10px;margin-bottom: 16px;font-size: 14px;line-height: 1.6;}
.footer-contact svg { width: 16px; height: 16px; fill: #f39c12; flex-shrink: 0; margin-top: 3px; }
.footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);padding: 22px 0;text-align: center;font-size: 13px;color: #5d7187;}
/*about*/
.wrap-content h2 {font-size: 30px;font-weight: 700;color: #0f2744;margin-bottom: 8px;}
.wrap-content p { font-size: 15px;color: #556;line-height: 1.8;margin-bottom: 18px;}
 /***banner area=======================================================================*/
.banner {position: relative; width: 100%; height: auto; display: block; z-index: 1;  margin-top: 0px;  }
.banner:before, .banner:after{ z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:600px; background:#ccc; box-shadow: 0 10px 10px #ccc; transform: rotate(-3deg);}
.banner:after{ transform: rotate(3deg); right: 10px; left: auto;}
 .banner-img { width: 100%; height: auto; max-height: 400px;display: block; position: relative; z-index: 3; overflow: hidden; background-color: #000;}
.banner-img img { width: 100%;  position: relative; z-index: auto;overflow: hidden;opacity: 0.9; }
.header-wrap { position: relative;  z-index: 99; display: block; width: 90%;  margin: 0 auto; text-align: center; }
.banner-wrap {  width: 100%;  height: auto; max-width: 1080px; padding: 0 20px;  margin: auto; text-align: center; background-color: inherit; position: absolute; left: 50%;  top: 50%;  transform: translate(-50%,-50%);   z-index: 99;}
.banner-wrap h1{ font-size: 1rem; font-weight: 700; text-align: center; margin-bottom:12px; color: #fff; text-shadow: 0px 3px 2px #383635; }
.banner-wrap p { display: none; font-size: .75rem;  text-align: center; color: #fff; text-shadow: 0px 1px 0px #383635; }
.products-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap:40px;}
/*page*/
.pages { width:100%; line-height: 30px; padding: 10px 0px 10px 0; text-align: left; font-size: 12px; }
.pages span{height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; }
.pages span.disabled{border: 1px solid #dcdcdc; }
.pages span.current{ background:#2c2c2c;border: 1px solid #2c2c2c; color:#fff;}
.pages  a {height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; border: 1px solid #dcdcdc;}
.pages  a:hover { background:#2c2c2c;border: 1px solid #2c2c2c; color:#fff;}
.pages a.now { background: #2c2c2c; border: #0c5389 1px solid; color:#fff; }
/*行业应用*/
.cona a{ font-size:20px; font-weight: bolder;}
.arList { width: 100%; overflow: hidden; }
.arList li {width: 100%; overflow: hidden; padding: 20px 10px 20px 20px; border-bottom: 1px solid #dedede; line-height: normal; background: #f7f7f7; }
.newm { border-left: 6px #124c9e solid; padding-left: 7px; }
.arList li .newsl { width: 30%; overflow: hidden; float: left; height: auto; }
.arList li .newsr { width: 65%; overflow: hidden; float: right; }
.arList li .newsr p{line-height: 2;padding-top: 35px; opacity: 0.8; font-size:var(--base-font)}
.arList li .moren { padding: 5px 20px; border: 1px solid #163354; display: block; float: right; margin-top: 20px; color:#163354; border-radius:5px;}
.arList li:hover { background: #e9eaeb; }
.arList li:hover .newm { color:#163354); }
.arList li:hover .moren { background:#163354; color: #FFF; }
.arList li:last-child { border-bottom: none; }
/* ==新闻详情 */
.newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box; margin-top:0;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size:1.875rem; color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0; line-height:2;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
/*产品详情*/
.pro-grid {width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 80px;}
.pro-right{ float:left; width:100%; overflow:hidden;}
.pro-right h2{ width:100%; float:left;margin-bottom: 4%;font-weight: normal;display: block;font-size: 34px;color: #000;line-height: 40px;font-weight: normal; border-bottom:1px solid #efefef; padding:2% 0}
.pro-right p{ float:left; width:100%; padding-top:5%; line-height:30px;}
.proCon {background: #ffffff;border-radius: 0.625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42);padding: 1.5rem;box-sizing: border-box;}

.slider { width:80%; margin:auto;margin-bottom:5px; border:1px solid #ddd; padding:0 5%}
.slider img {width: 100%; height: auto; display: block;}
.thumb-slider li {cursor: pointer;opacity: 0.6;transition: all 0.3s;width:80px !important;height:auto;}
.thumb-slider li.active {opacity: 1;border: 2px solid #0066cc;}
.thumb-slider li img { width:100%; height:auto;display: block;}

.bx-wrapper .bx-viewport {box-shadow: none; border: none;left: 0;}
/*tab*/
.product-tab-wrap { width: 100%;display: flex;border: 1px solid #e8edf2;}
.product-tab-item {/*flex: 1;*/text-align: center;padding: 12px 10px; width:150px; font-size:18px;color: #0052b8; background: #fff;position: relative;cursor: pointer;transition: all 0.2s ease;}
.product-tab-item.active {background-color: #0052b8; color: #fff;}
.product-tab-item.active::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -12px;width: 0;height: 0;border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #0052b8;z-index: 9; }
.tab-content-wrap {width: 100%;padding: 30px 20px;}
.tab-content-panel { display: none;width: 100%;}
.tab-content-panel.active {display: block;}
.desc-text{font-size:var(--base-font);color: #333;line-height:2;}
.desc-text span{font-size:var(--base-font);color: #333;line-height:2;}
.desc-text p {font-size:var(--base-font);color: #333;line-height:2;}
table th,
table td {border: 1px solid #ddd; padding: 15px 10px;}
table tr:nth-child(odd) {background-color: #f5f5f5;}
table tr:nth-child(even) { background-color: #fff;}
/*--------------------contact us-----------------------------*/
.lxlist{margin-bottom:0; overflow:hidden;box-shadow: 0rem 0rem 2.5rem 0rem rgba(202,202,202,0.52);}
.lxlist li{ float:left;border: 1px solid #eeeeee; width: 25%; padding: 50px 0;text-align: center;}
.lxlist li .img1 img{ max-width: 62px;margin: 0 auto; width: 100%;}
.lxlist li .wz1{color: #101010;font-size: 24px; margin-top: 0.5vw;margin-bottom: 1.1vw;}
.lxlist li .wz2{color: #101010;font-size: 16px;font-weight: 500;margin-bottom: 5px; font-weight:normal}
.lxlist li .wz3 p{color: #666666; font-size: 15px;line-height:1.75;}
.lxlist li:last-child .wz2{margin-top: 5px;margin-bottom: 0;}
.lxlist li:last-child{ position: relative;}
.lxhover{ display: none;position: absolute;top: 30px;left: 0;right: 0;}
.lxhover .img2{background: url(/images/contbg.png) no-repeat top center;width: 176px;height: 189px; margin: 0 auto;background-size: 100% 100%;display: flex;justify-content: flex-start; align-items: center;flex-direction: column;}
.lxhover .img2 img{margin-top: 1.3vw;max-width: 125px;width: 100%;}
.lxlist li:hover{border: 1px solid #163354;}
.lxlist li:last-child:hover .lxhover{display: block;}
.cont-grid {width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
.sec2 img{width: 100%;display: block;border-radius:10px;}
.common_message{padding-top: 2rem;}

.common_message .title {text-align: center; color: #111;font-weight: 500; margin-top: -0.22rem;margin-bottom: 0.52rem;}
.common_message .common_title p { font-size:15px;}
.common_message .common_title span { font-size:30px;}
.common_message .form {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top: 3rem;}
.common_message .form .inp {width: 48.3%;position: relative;padding-bottom:2rem;}

.common_message .form .inp input {width: 100%;background-color: transparent;border: none; height:50px; border:1px solid #555555; padding-left:10px;}
.common_message .form .ta {width: 100%; position: relative;padding-bottom: 2rem;}

.common_message .form .ta textarea { width: 100%;background-color: transparent; border: none; height:100px; border:1px solid #555555; padding-left:10px; padding-top:10px;}
.common_message .btn {margin-top: 0.5rem;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.common_message .btn button {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: baseline; -ms-flex-align: baseline;align-items: baseline;
  padding: 1rem 2rem;
  border-radius: 1rem;
  border: solid 1px #111111;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  color: #111111; font-size:18px; margin-top:20px;
}

.common_message .btn button:hover {-webkit-transform: translateY(-4px); transform: translateY(-4px);-webkit-transition: -webkit-transform 0.3s linear;transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear;transition: transform 0.3s linear, -webkit-transform 0.3s linear;}

.common_message .btn button img {margin-left: 0.4rem;}
@media (min-width: 999px) {
.banner-wrap  h1{ font-size: 3.25rem; line-height:5.5rem;}
.banner-wrap p {  font-size: 1.25rem; display: block;    text-shadow: 0px 2px 2px #383635;   }
	
 }

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .entries { grid-template-columns: repeat(2, 1fr); }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .products-grid  { grid-template-columns: repeat(3, 1fr); }
  .clients-grid { grid-template-columns: repeat(4, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
	.top-bar{ display:none}
  nav.main-nav { display: none; }
  .mobile-toggle { display: block; }
  .about-grid { grid-template-columns: 1fr; gap:20px;}
  .about-features { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .news-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .clients-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero { height: 65vh; min-height: 480px; }
  .hero-content { left: 5%; right: 5%; }
  .section { padding:26px 2%; }
  .newsCon { padding:.8rem;}
  .newsxq-title {padding:1rem 0;}
  .newsxq-title strong {font-size:1.3rem;font-weight:600;line-height: 1.2;}
  .newsxq-editbox {margin: 1rem 0; line-height:2;}
  .lxlist {flex-wrap: wrap; margin-bottom: 10px;}
  .lxlist li{width: 100%; margin-bottom: 4%;padding: 20px 10px;}
  .lxlist li .img1 img{max-width: 40px; }
  .lxlist li .wz1{font-size: 16px;}
  .lxlist li .wz2{ font-size: 15px;}
  .lxlist li .wz3 p{ font-size: 14px;line-height: 20px;}
  .cont-grid{grid-template-columns: repeat(1, 1fr);}
  .common_message .form .inp {width: 100%; }
}
@media (max-width: 480px) {
	.top-bar{ display:none}
  .entries { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: 1fr; }
  .products-grid { grid-template-columns: 1fr; }
  .clients-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: 1fr; }
  .top-bar .contact-group { gap: 14px; }
/*project*/
.arList li .newsl { width: 100%; float: left;}
.arList li .newsr { width: 100%; float: left; margin-top:20px }
.cona a{ font-size:16px;}
.arList li .newsr p{padding-top: 15px;}
.arList li .moren { display:none}
.pro-grid {grid-template-columns: repeat(1, 1fr);gap: 0;}
table{ display:none}
}