/*
模板下载：www.adminbuy.cn
*/
:root {
  --brand: #01307C;
  --brand-dark: #002259;
  --brand-light: #e8f0fa;
  --text: #2c2c2c;
  --text-muted: #7a7a7a;
  --border: #e8eaed;
  --bg-soft: #f7f9fc;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 4px 20px rgba(1,48,124,.08);
  --shadow-hover: 0 12px 36px rgba(1,48,124,.15);
}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {font:16px/1.75em -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif; background-color:#fff; color:var(--text);}
html {background-color:#fff;}
a {outline:none; text-decoration:none; color:#333;}
a:hover {color:#01307C;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
hr {border:none; border-bottom:1px solid #eee;}
table {width:100%; background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:14px; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*global*/
.inner {max-width:1200px; width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.thumbnail {position:relative; overflow:hidden;}
.thumbnail img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}


.owl-carousel {/*display: none;*/ width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel img {width:100%; height:auto; display:block;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999em; width:5%; height:100%; position:absolute; top:0; margin:0; padding:0;}
.owl-carousel .owl-nav .owl-prev {left:-5%;}
.owl-carousel .owl-nav .owl-next {right:-5%;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; } 
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 0; }
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; position:absolute; bottom:0px; width:100%; left:0;}
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor:pointer;}
.owl-dots .owl-dot span {display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background-color: #01307C; }

/*error404*/
#error404 {text-align: center; padding:20vh 0 25vh;}
#error404 h2 {font-size: 36px; line-height: 1.125em; color:#999; }
#error404 .intro {font-size: 16px; line-height: 1.875em; color:#9a9a9a;}
#error404 .intro p {margin-top: 3.5%;}
#error404 .intro a {display: inline-block; background-color: #01307C; color:#fff; font-size: 12px; padding:0 20px; border-radius: 5px;}
/*header*/
.site-top {position:sticky; top:0; z-index:100; background:#fff; box-shadow:0 2px 20px rgba(1,48,124,.1);}
#header {background:#fff; box-shadow:none; position:relative; z-index:20;}
.header-top {position:relative; display:flex; align-items:center; justify-content:space-between; padding:16px 20px 12px; gap:20px;}
.header-bar {display:flex; align-items:center; gap:24px; padding:14px 20px;}

#logo {float:none; padding:0; flex-shrink:0;}
#logo a {display:block; line-height:0;}
#logo img {height:56px; width:auto; display:block;}

#nav {height:48px; width:100%; clear:both; background:linear-gradient(90deg,var(--brand-dark),var(--brand)); box-shadow:none;}
.nav-inner {height:100%;}
#nav .menu {width:100%;}
#nav ul {display:flex; justify-content:center; align-items:center; height:48px; gap:2px;}
#nav li {float:none; line-height:1; width:auto; font-size:15px; position:relative;}
#nav a {color:rgba(255,255,255,.92); padding:0 18px; height:48px; line-height:48px; border-radius:0; opacity:1; font-weight:500; white-space:nowrap; display:block; transition:all .2s;}
#nav a:hover, #nav .cur > a, #nav .current-menu-item > a {background:rgba(255,255,255,.14); color:#fff;}

#nav li ul {display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:160px; border-radius:0 0 8px 8px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.15); z-index:10; background:#fff;}
#nav li:hover > ul {display:block;}
#nav li li {background:#fff;}
#nav li li a {color:var(--text); height:auto; line-height:1.4; padding:12px 18px; font-size:14px;}
#nav li li a:hover {background:var(--brand-light); color:var(--brand);}
#nav li em {display:none;}

.header-actions {display:flex; align-items:center; gap:16px; flex-shrink:0;}
.other {display:none;}
.header-phone {display:flex; flex-direction:column; align-items:flex-end; color:var(--brand)!important; line-height:1.3; transition:opacity .2s;}
.header-phone:hover {opacity:.8; color:var(--brand-dark)!important;}
.header-phone .phone-label {font-size:12px; color:var(--text-muted);}
.header-phone .phone-num {font-size:20px; font-weight:700; letter-spacing:.02em;}

.searchform {overflow:hidden; width:200px;}
.searchform form {position:relative; padding-right:40px; overflow:hidden; border-radius:20px;}
.searchform .input {border:1px solid var(--border); border-radius:20px 0 0 20px; overflow:hidden; background:#f5f7fa;}
.searchform .text {height:36px; line-height:normal; color:#888; width:100%; text-indent:12px; border:none; background:transparent; font-size:13px;}
.searchform .text:focus {color:var(--text);}
.searchform .submit {background:var(--brand) url(../images/icon_search.png) no-repeat center center; width:40px; height:100%; border:none; position:absolute; right:0; top:0; display:block; cursor:pointer; border-radius:0 20px 20px 0; transition:background .25s;}
.searchform .submit:hover {background-color:var(--brand-dark);}

.navBtn, .schBtn {display:none;}

/*slider*/
#slider {width:100%; overflow:hidden; margin-bottom:45px;}
#slider a {display:block; text-indent:-9999em;}
#slider img {display:block;}
#slider .load {width:100%; padding-bottom:33.854%; background-color:#f9f9f9;}
#slider .owl-dots {line-height:normal; bottom:20px; font-size:0;}
#slider .owl-dot {border:1px solid transparent; padding:2px; margin:0 5px;}
#slider .owl-dot span {width:20px; height:6px; background-color:#ccc;}
#slider .owl-dot.active {border-color:#01307C;}
#slider .owl-dot.active span {background-color:#01307C;}
#slidershow.owl-carousel {width:100.5%; margin-left:-0.5%;}
/*banner*/
#banner {width:100%; height:auto; overflow:hidden;}
#banner img {display:block; width:100%; height:auto;}

/*container*/
#container {overflow:hidden; margin-bottom:50px; padding-top:10px;}

/*home*/
.hmTitle {overflow:hidden; line-height:1.2; border-bottom:none; position:relative; padding-bottom:0; margin-bottom:28px; display:flex; align-items:center; justify-content:space-between;}
.hmTitle:after {display:none;}
.hmTitle h3 {font-size:26px; font-weight:600; color:var(--brand); float:none; line-height:1.2; position:relative; padding-left:14px;}
.hmTitle h3:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:22px; background:var(--brand); border-radius:2px;}
.hmTitle i {font-style:normal; display:block; float:left; padding:0 10px; color:#999;}
.hmTitle span {display:block; font-size:16px; color:#ddd; text-transform:uppercase; float:left;}
.hmTitle a {position:static; color:var(--brand); font-size:13px; padding:7px 20px; border:1px solid var(--brand); border-radius:20px; transition:all .25s;}
.hmTitle a:hover {background:var(--brand); color:#fff;}

/*about*/
.about {overflow:hidden; margin-bottom:40px; background:var(--bg-soft); border-radius:var(--radius-lg); padding:36px 40px; border:1px solid var(--border);}

.about .box {display: table; width:100%; table-layout: fixed;}

.about .video {display: table-cell; vertical-align: top; width:420px;}
.about .video img {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background-color:#333;  z-index:2; border-radius:10px; overflow:hidden; object-fit:cover;}
.about .btmBg {width:90%; padding-bottom:7.142%; background-color:#eee; border-radius:50%; box-shadow:0px 0px 20px #ccc; margin:-15px auto 15px;}
.about .info {color:#333; display:table-cell; vertical-align: middle; padding-right:3%;}
.about .info p {padding:8px 0;}

.videoPlay {position:relative; padding-bottom:72.7%; overflow: hidden; margin-top:15px;}
.videoBg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background:no-repeat center center; background-size:cover; border-radius:10px; overflow:hidden; opacity:0.3;}
.videoPlay .btn {display:block; width:36px; height:36px; position:absolute; left:50%; top:50%; margin:-18px 0 0 -18px; cursor:pointer; z-index:3; transition:all 0.3s ease 0s;}
.videoPlay .btn:hover {transform:scale(0.9,0.9) rotate(45deg);}

/*products*/
.homePro {overflow:hidden; margin-bottom:40px;}
.homePro ul {width:102%; overflow:hidden;}
.homePro li {float:left; width:23%; padding-right:2%; padding-bottom:2%; overflow:hidden;}
.homePro .thumbnail {padding-bottom:75%; margin-bottom:0; border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
.homePro img {transition:transform .45s ease;}
.homePro h2 {font-size:15px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:14px 16px 16px; text-align:center;}
.homePro em {display:none;}
.homePro li a {color:var(--text); display:block; background:#fff; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow); transition:all .3s ease;}
.homePro li:hover a {box-shadow:var(--shadow-hover); transform:translateY(-5px); color:var(--brand);}
.homePro li:hover img {transform:scale(1.08);}

/*news*/
.hmNews {margin-bottom:50px;}
.hmNews ul {overflow:hidden; background:var(--bg-soft); border-radius:var(--radius-lg); padding:24px; border:1px solid var(--border);}
.hmNews li {overflow:hidden;}
.hmNews li h2 {font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hmNews li h2 a {color:#333; transition:padding 0.3s ease 0s;}
.hmNews li h2 a:hover {color:#01307C; padding-left:1em;}
.hmNews li .thumbnail {position:relative; overflow:hidden;}
.hmNews li .thumbnail a {padding-bottom:75%; position:relative;  overflow: hidden; display:block;}
.hmNews .first {float:left; width:450px;}
.hmNews .first .thumbnail {margin-bottom:10px;}
.hmNews .first h2 {font-size:18px; margin-bottom:5px;}
.hmNews .first .excerpt {font-size:14px; color:#888; line-height: 1.75em; overflow:hidden;}

.hmNews .list {margin-left:470px; margin-bottom:11px;}
.hmNews .list .thumbnail {width:110px; float:left;}
.hmNews .list .info {margin-left:125px;}
.hmNews .list h2 {font-size:16px; margin-bottom:5px; line-height: 1.5em;}
.hmNews .list .excerpt {font-size:14px; color:#888; line-height:1.75em; height:3.5em; overflow:hidden;}

/*main*/
.main {margin-left:260px; overflow: hidden;}

/*sidebar*/
.sidebar {width:230px; float:left;}

.sideMenu {margin-bottom:30px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border);}
.sideMenu h3, .widget h3 {background:linear-gradient(90deg,var(--brand-dark),var(--brand)); height:46px; line-height:46px; padding:0 20px; color:#fff; font-size:15px; font-weight:600; letter-spacing:.04em;}
.sideMenu h3 a {color:#fff;}
.sideMenu h3 em {display:none;}
.sideMenu li {line-height:48px; font-size:15px; position:relative;}
.sideMenu li a:before {display:none;}
.sideMenu li a {color:var(--text); padding-left:20px; display:block; border-bottom:1px solid var(--border); transition:all .2s;}
.sideMenu li a:hover {border-bottom-color:var(--brand-light); color:var(--brand); background:var(--brand-light); padding-left:26px;}
/*widget*/
.widget h3 {margin-bottom:10px;}
.widget {margin-bottom:30px; overflow:hidden;}
.widget p {padding:5px 0; color:#333;}
.widget ul {overflow: hidden;}
.widget li { font-size:16px; line-height:1.875em; padding:5px 0; border-bottom:1px solid #eee;}
.widget li a {color:#333; padding:0 20px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*tbCalendar*/
#tbCalendar th, #tbCalendar td {width: 14.285%; padding:0; font-size:12px; text-align: center; height: 30px; line-height: 30px;}
#tbCalendar caption {font-size: 14px; color:#333; line-height: 2em; font-family: 'Arial';}
#tbCalendar caption a {color:#333;}
/*divSearchPanel*/
.divSearchPanel form {display:block; overflow:hidden; padding-right:50px; position:relative;}
.divSearchPanel input[type='text'] {background-color:#eee; height:24px; line-height:24px; padding:5px 2%; width:96%; border:none;}
.divSearchPanel input[type='submit'] {background-color:#01307C; color:#fff; height:34px; width:50px; position:absolute; right:0; top:0; cursor:pointer; border:none;}
/*divTags*/
.divTags li {float:left; padding:3px 5px 3px 0; border:none;}
.divTags li .tag-count {display:none;}
.divTags li a {display:block;padding:1px 10px;background:#f6f6f6;color:#666;font-size:12px;line-height:1.75em; border-radius: 2px;}
.divTags li a:hover {background-color:#01307C; color:#fff; opacity: .85;}


/*btnpre*/
.video ul {padding:20px 0; position:relative;}
.video ul img {width:170px; height:124px;}
.video ul .v_bg {position:absolute; top:20px; left:0; width:170px; height:124px;}
/*newsitem*/
.newsitem {border-bottom:1px dashed #eee;overflow:hidden;margin-bottom:20px;padding-bottom:20px;}
.newsitem .pic {float:left;width:190px;overflow:hidden;}
.newsitem .pic img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; transition:transform .3s;}
.newsitem .pic a {display:block;padding-bottom:75%; position:relative; overflow:hidden;}
.newsitem .pic a:hover img {transform:scale(1.1);}
.newsitem .info {overflow:hidden; margin-left:215px;}
.newsitem h2 {font-size:20px;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:10px;}
.newsitem .excerpt {color:#666;font-size:14px;line-height:1.875em; height:5.625em; overflow:hidden; text-align: justify;}
.newsitem .meta {font-size:12px; color:#999; line-height: 1.75em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; margin-top: 6px;}
.newsitem .meta span {padding-right: 20px;}
.newsitem .meta a {color:#999;}
/*main*/
.postlist ul {overflow:hidden; margin-bottom:5.263%;}
.postlist li { border-bottom:1px dotted #e4e4e4; font-size:16px; line-height:1.5em; padding:10px 0; overflow:hidden;}
.postlist li time {font-size:14px; float:right; color:#888;}
.postlist li a {color:#333; display:block; margin-right:80px; padding-left:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.postlist li a:hover {color:#01307C;}
.postlist li strong {color:#f00;}

.prolist h3 {margin-bottom:20px;}
.prolist ul{ width:103%; overflow:hidden; margin-bottom:2%;}
.prolist li {float:left; width:31%; padding:0 2% 2% 0;}
.prolist li {background:#fff; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow); transition:all .3s ease;}
.prolist li:hover {box-shadow:var(--shadow-hover); transform:translateY(-5px);}
.prolist li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--text);}
.prolist li .thumbnail {margin-bottom:0; border-radius:var(--radius-lg) var(--radius-lg) 0 0; overflow:hidden;}
.prolist li .thumbnail a {position:relative; padding-bottom:75%; overflow: hidden; display:block;}
.prolist li .thumbnail img {transition:transform .45s ease;}
.prolist li:hover .thumbnail img {transform:scale(1.06);}
.prolist li h2 a:hover {color:var(--brand);}
.prolist li h2 {font-size:14px; font-weight:500; text-align:center; padding:12px 10px 14px;}

/*breadcrumb*/
.breadcrumb {font-size:13px; color:var(--text-muted); background:var(--bg-soft); border-bottom:1px solid var(--border); padding:12px 0; margin-bottom:30px;}
.breadcrumb a {color:var(--text-muted);}
.breadcrumb a:hover {color:var(--brand);}

/*post*/
.post .post_title {text-align:center; font-weight:normal; font-size:26px; margin-bottom:30px; line-height:1.5em;}
.post .boxTitle {font-size:18px; font-weight:normal; border-bottom:1px solid #eee; padding-bottom:10px; color:#01307C; margin-top: 2.5%;}
.post .postmeta {background:#fbfbfb; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; color:#888; font-size:12px; margin-bottom:25px;}
.post .postmeta span {padding:0 5px;}
/*entry*/
.entry {color:#333; padding:10px 0 20px;font-size:16px;  line-height:1.875em;}
.entry img,
.entry video {max-width:100%; height:auto!important;}
.entry ul, .entry ol {line-height:1.75em; padding-left:1em; margin-bottom:2.5%; margin-left:2em;}
.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}
.entry h1, 
.entry h2, 
.entry h3, 
.entry h4, 
.entry h5, 
.entry h6,
.entry p {margin-bottom:2.5%;}
.entry li p {margin-bottom: 0;}
.entry hr {overflow:hidden; clear:both; border:none; border-bottom:1px solid #e4e4e4; margin-bottom: 2.5%;}

.postnavi {border-top:1px solid #eee; padding-top:10px; margin-bottom:20px; font-size:14px; color:#555;}
.postnavi a {color:#555;}

/*proInfo*/
.proInfo {overflow:hidden; margin-bottom:2.5%;}
.proInfo .pic {width: 40%; float:left;}
.proInfo .pic i {display: block; padding-bottom: 75%; background:no-repeat center center; background-size:cover;}
.proInfo .pic img {display: block; width: 100%; height: auto;}
.proInfo .info {width: 55%; float:right;font-size:16px;  line-height:1.875em; color:#555;}
.proInfo .info p {margin-bottom:2%;}
/*divTitle*/
h3.divTitle {font-size:18px; font-weight:normal; border-bottom:1px solid #eee; padding-bottom:10px; color:#01307C;}

/*related*/
.related ul {padding:10px 0;}
.related li {font-size:14px; padding:5px 65px 5px 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.related li a {color:#333;}
.related li span {color:#999; float:right; font-size:12px; position:absolute; right:0; top:auto;}
/*relatedPro*/
.relatedPro {overflow:hidden;}
.relatedPro .divTitle {margin-bottom: 20px;}
.relatedPro ul {width: 102%; overflow:hidden;}
.relatedPro li {float:left; width: 23%; padding-right: 2%; padding-bottom: 2%;}
.relatedPro li .thumbnail {border:1px solid var(--border); margin-bottom:5px; border-radius:var(--radius); overflow:hidden;}
.relatedPro li .thumbnail a {display:block; overflow:hidden; padding-bottom: 75%; position:relative;}
.relatedPro li h4 {font-size:14px; line-height: 1.75em; font-weight: normal; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align: center;}
.relatedPro li h4 a {color:#444;}
.relatedPro li h4 a:hover {color:var(--brand);}
/*commentList*/
#commentList {margin-bottom:30px;}
#commentList h3 {margin-bottom:20px;}
#commentList li { margin-bottom:10px;}
#commentList li .wrap {border:1px solid #ddd;}
#commentList li .top {border-bottom:1px solid #ddd; background-color:#f9f9f9; padding:10px; font-size:14px; overflow: hidden;}
#commentList li .avatar {float:left; width: 40px; height: 40px;}
#commentList li .avatar img {display: block; width: 100%; height: 100%;}
#commentList li .info {margin-left:50px; overflow: hidden; position:relative; padding-right: 30px;}
#commentList li .author {font-size:14px; font-weight: bold; color:#333; line-height: 1.25em; margin-bottom: 6px;}
#commentList li .author a {color:#333;}
#commentList li .date {font-size:12px; line-height: 1.25em; color:#999;}
#commentList li .resply {position:absolute; right:0; top:0; line-height: 1.25em; font-size:12px;}
#commentList li .resply a {color:#666;}
#commentList li .btm {padding:15px; line-height:1.75em; font-size:14px; color:#555; overflow: hidden;}
#commentList li ol {padding:0 15px 15px;}
#commentList li li {margin-bottom: 0;}
/*comment*/
.commentform h3  {margin-bottom:15px; overflow:hidden;}
#comment a {color:#555;}
#comment {clear:both; overflow:hidden;}

#comment .item {overflow: hidden; margin-bottom: 15px;}
#comment label {display:block; float:left; height:42px; line-height:42px;}
#comment label i {font-style: normal; color:#f00;}
#comment .input {border:1px solid #e4e4e4; margin-left: 60px; overflow: hidden;}
#comment .text {line-height:normal; width:95%; padding:7px 2.5%; font-size:14px; height: 26px; line-height: 26px; border:none;}
#comment textarea.text { height:120px; resize: none; font-family: 'Microsoft Yahei';}
#comment .submit {cursor:pointer; border:none; background-color:#01307C; color:#fff; width: 100px; height: 42px; float:right; display:block; cursor: pointer;}
#comment .verify img {float:right; display: block; height: 40px; width: auto; cursor: pointer; border:1px solid #e4e4e4; border-left:none;}
/*pagenavi*/
.pagenavi {clear:both; width:100%; text-align:center; font-size:0;}
.pagenavi a, .pagenavi span.now-page {display:inline-block; height:35px; line-height:35px; padding:0 15px; border:1px solid #eee; color:#555; font-size:14px; margin:2px 3px; outline:none;}
.pagenavi a:hover {color:#01307C; border:1px solid #01307C;}
.pagenavi span.now-page {background-color:#01307C; color:#fff; border:1px solid #01307C;} 
/*footer*/
#footer {font-size:14px; width:100%; clear:both; background:var(--brand-dark); padding:48px 0 24px; color:rgba(255,255,255,.75); box-shadow:none; border-top:none;}
#footer a {color:rgba(255,255,255,.85);}
#footer a:hover {color:#fff;}
.footer-main {display:grid; grid-template-columns:1.2fr 1fr auto; gap:40px; padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,.12);}
.footer-brand img {height:48px; margin-bottom:16px;}
.footer-brand p {line-height:1.8; font-size:14px; max-width:320px;}
.footer-contact h4, .footer-qr h4 {color:#fff; font-size:16px; margin-bottom:14px; font-weight:600;}
.footer-contact p {margin-bottom:8px; font-size:14px;}
.footer-qr {text-align:center;}
.qr-box {position:relative; display:inline-block;}
.qr-box > a {display:block; width:80px; height:80px; background:rgba(255,255,255,.1) url(../images/icon_wx.png) no-repeat center/36px; border-radius:8px; text-indent:-9999px; overflow:hidden;}
.qr-box .qrcode {position:absolute; left:50%; bottom:90px; transform:translateX(-50%); background:#fff; width:100px; height:100px; padding:4px; border-radius:8px; display:none; z-index:5;}
.qr-box .qrcode img {width:100%; height:100%; display:block;}
.footer-qr p {margin-top:8px; font-size:13px;}

.pageList, .friendlinks {margin-bottom:10px;}
.pageList ul {overflow:hidden;}
.pageList li {float:left; padding-right:10px; margin-right:10px; position:relative;}
.pageList li:after {content:''; display:block; width:1px; height:10px; background-color:#666; position:absolute; right:0; top:50%; margin-top:-5px;}
.pageList li:last-child {margin-right:0; padding-right:0;}
.pageList li:last-child:after {display:none;}

.friendlinks ul {overflow:hidden;}
.friendlinks li {float:left;}
.friendlinks li a {margin-right:15px;}

.copyright {font-size:14px;}
.copyright-bar {display:flex; align-items:center; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; padding-top:20px; font-size:13px; color:rgba(255,255,255,.55); border-top:none;}
.copyright-left {flex:1; min-width:0; text-align:left; font-size:13px; line-height:1.5;}
.copyright-right {flex-shrink:0; text-align:right; font-size:13px; line-height:1.5;}
.copyright-right a {margin-left:6px;}
/*tags*/
.tags {overflow:hidden;margin-bottom:3.5%;}
.tags h3 {float:left;font-size:14px;color:#000;line-height:24px; color:#01307C; padding:5px 0;}
.tags ul {margin-left:56px;overflow:hidden;}
.tags li {float:left;font-size:14px;line-height:24px;padding:5px;}
.tags li a {padding-right:20px; display:block; border-radius:12px; color:#888;}
.tags li a:hover {color:#01307C; text-decoration: underline;}
@media only screen and (max-width:1366px){
	/*global*/
	.inner {width:93.75%;}
}
@media only screen and (max-width:1280px){
	#nav li {font-size:14px;}

	#slider {margin-bottom:3.515%;}
	#slider .owl-dots {bottom:5%;}

	#container {margin-bottom:3.9%;}
	.homePro, .hmNews, .about {margin-bottom:1.953%;}

	.contact ul, .pageList ul, .friendlinks ul {font-size:0; line-height: normal; text-align:center; float:none;}
	.contact li {float:none; display:inline-block; padding:0 5px;}
	.pageList li, .friendlinks li {float:none; display:inline-block; font-size:16px; padding:3px 10px; margin-right:0;}

	.breadcrumb {margin-bottom:2.343%;}
}
@media only screen and (max-width:768px){
	#footer {padding:16px 0 14px;}
	.footer-top {align-items:center; gap:8px;}
	.contact-info {line-height:1.4;}
	.contact-info span {display:inline-block; margin:0 10px 4px 0; white-space:normal; font-size:12px;}
	.copyright-bar {gap:6px 10px;}
	.copyright-left, .copyright-right {font-size:11px; line-height:1.4;}
}
@media only screen and (max-width:960px){
	#header {border-bottom:none;}
	.hmNews .first {width:auto; float:none; margin-bottom:11px;}
	.hmNews .first .thumbnail {width:110px; float:left; margin-bottom:0;}
	.hmNews .first .info {margin-left:125px;}
	.hmNews .first h2  {font-size:16px; margin-bottom:5px; line-height: 1.5em;}
	.hmNews .first .excerpt {height:3.5em;}
	.hmNews .list {margin-left:0;}

	.about .info {font-size:14px;}
	.about .info p {padding:5px 0;}

	.about .video {width:350px;}

	.sidebar {float:none; width:auto;}
	.widget {display:none;}

	.sideMenu {margin-bottom:3.333%;}
	.sideMenu h3 {position:relative; font-size:16px; height:40px; line-height: 40px; padding:0 15px;}
	.sideMenu h3 em {display:block; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
	.sideMenu h3 em:after {width:10px; height:10px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); content:''; display:block; position:absolute; right:15px; top:50%; margin-top:-7.5px; transition:all .3s;}
	.sideMenu h3 em.open:after {transform:rotate(-135deg); margin-top:-2px;}
	.sideMenu ul {display:none;}
	.sideMenu ul.show {display:block;}
	.sideMenu li {font-size:14px; height:40px; line-height: 40px;}
	.sideMenu li a {padding-left:15px;}

	.main {margin-left:0;}
	.postlist ul {margin-bottom:3.5%;}
	.postlist li time {font-size:12px;}
	.postlist li a {margin-right:68px; padding-left:15px;}

	.post .post_title {font-size:18px; margin-bottom:3.333%;}
	.post .postmeta {margin-bottom:2.777%; padding:2px 0;}
	.postnavi, #commentList h3 {margin-bottom:2.777%;}

	h3.divTitle {font-size:16px; padding-bottom:5px;}
	#commentList {margin-bottom:3.333%;}
}
@media only screen and (max-width:768px){
	.hmTitle {margin-bottom:2.777%;}
	.homePro li {width:48%;}

	.about .box {display:block; width:auto;}
	.about .info  {display:block; padding-right:0; margin-bottom:15px;}
	.about .video {display:block; width:auto;}
	.videoPlay {margin-top:0;}

	.pagenavi a {height:30px; line-height: 30px; font-size:12px; padding:0 10px;}

	#container {padding:5% 0;}
	/*768px*/
	#comment .item {margin-bottom: 5px;}
	#comment label {font-size:14px; float:none; height: auto; line-height: 2em;}
	#comment .input {margin-left:0;}
	#comment .text {font-size:14px; height: 24px; line-height: 24px; padding:5px 3%; width: 94%;}
	#comment .submit {height: 35px;}
	#comment .verify img {height: 34px;}
	/*768px*/
	.tags {margin-bottom: 20px;}
	.tags h3 {float:none;}
	.tags ul {margin-left:0;}
	.tags li {padding:5px 10px 5px 0;}
	/*768px*/
	.relatedPro .divTitle {margin-bottom: 15px;}
	.relatedPro ul {width: 103%;}
	.relatedPro li {width: 47%; padding-right: 3%; padding-bottom: 3%;}
	/*768px*/
	.proInfo {margin-bottom: 5%;}
	.proInfo .pic {width: auto; float:none; margin-bottom: 2.5%;}
	.proInfo .info {width: auto; float:none;}
	/*768px*/
	.newsitem {margin-bottom:15px; padding-bottom: 15px;}
	.newsitem .pic {width:100px;}
	.newsitem .info {margin-left:110px;}
	.newsitem h2 {font-size:16px; line-height: 1.5em; max-height:3em; white-space: normal; margin-bottom: 5px;}
	.newsitem .excerpt {display: none;}
	.newsitem .meta span {padding-right: 10px;}
	/*768px*/
	#error404 {padding:25vh 0 35vh;}
	#error404 h2 {font-size: 24px;}
	#error404 .intro {font-size: 14px;}
	#error404 .intro a {padding:5px 15px;}
}
@media only screen and (max-width:640px){
	.prolist li {width:47%; padding-right:3%; padding-bottom:3%;}
}
@media only screen and (max-width:540px){	
	.searchform {width:100%;}
}

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid var(--border);
  color: var(--text);
  font-size: 12px;
  padding: 8px 12px;
  margin: 0 3px;
  border-radius: 6px;
  line-height:100%;
  transition:all .2s;
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: var(--brand);
  border: 1px solid var(--brand);
}
.pagination a.page-num-current {
  color: #fff;
  background: var(--brand);
  border: 1px solid var(--brand);
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

/* === Homepage V2 === */
.hero {position:relative; overflow:hidden; background:var(--brand-dark);}
.hero::after {content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,34,89,.72) 0%, rgba(0,34,89,.35) 45%, rgba(0,34,89,.1) 100%); z-index:1; pointer-events:none;}
.hero .mySwiper {height:clamp(360px, 46vh, 560px); position:relative; z-index:0;}
.hero .swiper-slide img {width:100%; height:100%; object-fit:cover; display:block;}
.hero .swiper-pagination {bottom:28px!important; z-index:3;}
.hero .swiper-pagination-bullet {width:8px; height:8px; background:rgba(255,255,255,.45); opacity:1;}
.hero .swiper-pagination-bullet-active {background:#fff!important; width:22px; border-radius:4px;}

.hero-content {position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; display:flex; align-items:center; justify-content:flex-start; pointer-events:none;}
.hero-content > .inner {pointer-events:auto; margin:0 auto; width:100%; max-width:1200px; padding:0 20px; box-sizing:border-box;}
.hero-content > .inner > * {max-width:560px;}
.hero-label {font-size:11px; letter-spacing:.3em; opacity:.8; margin-bottom:16px; text-transform:uppercase; color:#fff;}
.hero-content h1 {font-size:clamp(30px, 4.5vw, 48px); font-weight:700; line-height:1.2; margin-bottom:16px; text-shadow:0 2px 24px rgba(0,0,0,.25); color:#fff;}
.hero-desc {font-size:clamp(15px, 1.8vw, 18px); opacity:.92; margin-bottom:32px; line-height:1.7; color:#fff;}
.hero-btns .btn-primary {background:#fff; color:var(--brand)!important; border-color:#fff;}
.hero-btns .btn-primary:hover {background:var(--brand-light); border-color:var(--brand-light);}
.hero-btns {display:flex; gap:14px; flex-wrap:wrap;}
.btn-primary, .btn-outline {display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 28px; border-radius:23px; font-size:15px; font-weight:600; transition:all .25s;}
.btn-primary {background:var(--brand); color:#fff!important; border:2px solid var(--brand);}
.btn-primary:hover {background:var(--brand-dark); border-color:var(--brand-dark); color:#fff!important;}
.btn-outline {background:rgba(255,255,255,.12); color:#fff!important; border:2px solid rgba(255,255,255,.7); backdrop-filter:blur(4px);}
.btn-outline:hover {background:#fff; color:var(--brand)!important; border-color:#fff;}

.service-strip {background:var(--brand); color:#fff; padding:0;}
.service-strip ul {display:grid; grid-template-columns:repeat(4,1fr);}
.service-strip li {padding:24px 16px; text-align:center; border-right:1px solid rgba(255,255,255,.15);}
.service-strip li:last-child {border-right:none;}
.service-strip strong {display:block; font-size:17px; margin-bottom:4px;}
.service-strip span {font-size:13px; opacity:.8;}

.home-section {padding:64px 0;}
.home-section.bg-soft {background:var(--bg-soft);}
.section-head {display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:36px; gap:16px;}
.section-head.center {flex-direction:column; align-items:center; text-align:center;}
.section-en {display:block; font-size:12px; letter-spacing:.2em; color:var(--brand); opacity:.7; margin-bottom:6px;}
.section-head h2 {font-size:clamp(24px, 3vw, 32px); font-weight:700; color:var(--text); line-height:1.2;}
.section-head.center p {color:var(--text-muted); margin-top:10px; max-width:520px;}
.link-more {color:var(--brand); font-size:14px; font-weight:600; white-space:nowrap; padding-bottom:4px; border-bottom:2px solid transparent; transition:border-color .25s;}
.link-more:hover {border-bottom-color:var(--brand);}

.cat-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.cat-card {display:block; color:var(--text); transition:transform .3s;}
.cat-card:hover {transform:translateY(-6px); color:var(--brand);}
.cat-cover {position:relative; border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/3; margin-bottom:14px; background:#e8edf3;}
.cat-cover img {width:100%; height:100%; object-fit:cover; position:static; transition:transform .5s;}
.cat-card:hover .cat-cover img {transform:scale(1.06);}
.cat-mask {position:absolute; inset:0; background:linear-gradient(to top, rgba(0,34,89,.65), transparent 50%); display:flex; align-items:flex-end; justify-content:center; padding-bottom:16px; opacity:0; transition:opacity .3s;}
.cat-mask span {color:#fff; font-size:13px; letter-spacing:.1em;}
.cat-card:hover .cat-mask {opacity:1;}
.cat-card h3 {font-size:17px; font-weight:600; margin-bottom:4px;}
.cat-card p {font-size:13px; color:var(--text-muted);}

.product-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.product-card a {display:block; background:#fff; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow); transition:all .3s; color:var(--text);}
.product-card a:hover {box-shadow:var(--shadow-hover); transform:translateY(-5px); color:var(--brand);}
.product-img {aspect-ratio:4/3; overflow:hidden; background:#eef2f7;}
.product-img img {width:100%; height:100%; object-fit:cover; position:static; transition:transform .45s;}
.product-card:hover .product-img img {transform:scale(1.06);}
.product-card h3 {font-size:15px; font-weight:500; padding:14px 16px 16px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.news-card a {display:block; background:#fff; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow); transition:all .3s; color:var(--text); height:100%;}
.news-card a:hover {box-shadow:var(--shadow-hover); transform:translateY(-4px); color:var(--brand);}
.news-img {aspect-ratio:16/10; overflow:hidden; background:#eef2f7;}
.news-img img {width:100%; height:100%; object-fit:cover; position:static; transition:transform .45s;}
.news-card:hover .news-img img {transform:scale(1.05);}
.news-body {padding:18px 20px 20px;}
.news-body h3 {font-size:16px; font-weight:600; line-height:1.45; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news-body p {font-size:13px; color:var(--text-muted); line-height:1.7; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news-body time {font-size:12px; color:#aaa;}

.home-about-cta {background:linear-gradient(135deg, var(--brand-dark) 0%, var(--brand) 100%); padding:72px 0; color:#fff;}
.about-grid {display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
.about-text .section-en.light {color:rgba(255,255,255,.6);}
.about-text h2 {font-size:clamp(24px, 3vw, 32px); font-weight:700; margin:8px 0 20px;}
.about-text p {line-height:1.9; opacity:.88; margin-bottom:28px; font-size:15px;}
.about-visual {border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.25);}
.about-visual img {width:100%; height:auto; display:block; position:static; border-radius:var(--radius-lg);}

/* === Inner pages === */
.page-inner {background:var(--bg-soft);}
.page-inner #container {padding-top:0; margin-bottom:64px;}

.page-banner {position:relative; height:clamp(180px, 28vh, 280px); overflow:hidden; background:var(--brand-dark);}
.page-banner-bg {position:absolute; inset:0;}
.page-banner-bg img {width:100%; height:100%; object-fit:cover; display:block; opacity:.45;}
.page-banner-overlay {position:absolute; inset:0; background:linear-gradient(135deg, rgba(0,34,89,.88) 0%, rgba(1,48,124,.55) 100%); z-index:1;}
.page-banner-inner {position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff;}
.page-banner-inner h1 {font-size:clamp(26px, 4vw, 36px); font-weight:700; margin-bottom:8px; letter-spacing:.02em;}
.page-banner-inner p {font-size:15px; opacity:.85; max-width:480px;}

.breadcrumb {border-radius:0; margin-bottom:0; padding:14px 0;}
.breadcrumb .bc-label {color:var(--text-muted); margin-right:4px;}

.page-layout {display:flex; gap:32px; align-items:flex-start; padding-top:32px; overflow:visible;}
.page-layout .sidebar {float:none; width:230px; flex-shrink:0;}
.page-layout .main {margin-left:0; flex:1; min-width:0; overflow:visible;}
.page-layout-full {display:block;}
.main-full {margin-left:0!important; width:100%;}

.content-card {background:#fff; border-radius:var(--radius-lg); border:1px solid var(--border); box-shadow:var(--shadow); padding:28px 32px; margin-bottom:24px;}
.content-card.prolist {padding:24px;}
.content-card.prolist .product-grid {grid-template-columns:repeat(3,1fr);}

/* Sidebar */
.sidebar-contact {background:#fff; border-radius:var(--radius-lg); border:1px solid var(--border); box-shadow:var(--shadow); padding:22px 20px; text-align:center;}
.sidebar-contact h4 {font-size:16px; color:var(--brand); margin-bottom:12px; font-weight:600;}
.sidebar-contact p {font-size:14px; color:var(--text-muted); margin-bottom:6px; line-height:1.6;}
.sidebar-contact .btn-primary {width:100%; margin-top:14px; height:42px; border-radius:21px; font-size:14px;}

.widget.divSearchPanel {background:#fff; border-radius:var(--radius-lg); border:1px solid var(--border); box-shadow:var(--shadow); overflow:hidden;}
.widget.divSearchPanel h3 {margin-bottom:0;}
.widget.divSearchPanel .textwidget {padding:16px;}
.divSearchPanel form {padding-right:52px;}
.divSearchPanel input[type='text'] {background:var(--bg-soft); height:40px; line-height:40px; padding:0 14px; width:100%; border:1px solid var(--border); border-radius:20px 0 0 20px; font-size:14px; box-sizing:border-box;}
.divSearchPanel input[type='text']:focus {outline:none; border-color:var(--brand); background:#fff;}
.divSearchPanel input[type='submit'] {background:var(--brand); width:52px; height:40px; border-radius:0 20px 20px 0; font-size:0; background-image:url(../images/icon_search.png); background-repeat:no-repeat; background-position:center; background-size:18px; transition:background-color .2s;}
.divSearchPanel input[type='submit']:hover {background-color:var(--brand-dark);}

/* News list */
.news-list {padding:8px;}
.newsitem {border-bottom:none; background:#fff; border-radius:var(--radius-lg); padding:0; margin-bottom:16px; border:1px solid var(--border); box-shadow:var(--shadow); transition:all .3s; overflow:hidden;}
.newsitem:last-child {margin-bottom:0;}
.newsitem:hover {box-shadow:var(--shadow-hover); transform:translateY(-3px);}
.newsitem-link {display:flex; gap:20px; padding:20px; color:var(--text);}
.newsitem-link:hover {color:var(--brand);}
.newsitem-pic {flex-shrink:0; width:200px; border-radius:var(--radius); overflow:hidden; background:#eef2f7;}
.newsitem-pic img {width:100%; height:100%; object-fit:cover; aspect-ratio:4/3; display:block; position:static; transition:transform .4s;}
.newsitem:hover .newsitem-pic img {transform:scale(1.05);}
.newsitem-body {flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center;}
.newsitem-body h2 {font-size:18px; font-weight:600; line-height:1.45; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal;}
.newsitem-desc {font-size:14px; color:var(--text-muted); line-height:1.75; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.newsitem-meta {font-size:12px; color:#aaa; display:flex; flex-wrap:wrap; gap:8px 20px;}
.newsitem-meta time {color:var(--brand); font-weight:500;}

/* Article detail */
.post-single .post_title {text-align:left; font-size:clamp(22px, 3vw, 28px); font-weight:700; color:var(--text); margin-bottom:16px; line-height:1.4;}
.post-single .postmeta {background:var(--bg-soft); border:1px solid var(--border); border-radius:var(--radius); padding:12px 18px; text-align:left; font-size:13px; color:var(--text-muted); margin-bottom:28px; display:flex; flex-wrap:wrap; gap:8px 24px;}
.post-single .entry {padding:0 0 8px; font-size:16px; line-height:1.9; color:var(--text);}
.post-single .entry p {margin-bottom:1.2em;}
.post-single .tags {margin-top:32px; padding-top:24px; border-top:1px solid var(--border);}
.post-single .tags h3 {float:none; font-size:14px; color:var(--brand); font-weight:600; margin-bottom:12px;}
.post-single .tags ul {margin-left:0; display:flex; flex-wrap:wrap; gap:8px;}
.post-single .tags li {float:none; padding:0;}
.post-single .tags li a {padding:6px 14px; background:var(--bg-soft); border-radius:16px; color:var(--text-muted); font-size:13px; transition:all .2s;}
.post-single .tags li a:hover {background:var(--brand); color:#fff; text-decoration:none;}
.post-single .postnavi {margin-top:24px; padding:20px 0 0; border-top:1px solid var(--border); font-size:14px; line-height:2;}
.post-single .postnavi a {color:var(--text); transition:color .2s;}
.post-single .postnavi a:hover {color:var(--brand);}
.post-single .related {margin-top:32px; padding-top:24px; border-top:1px solid var(--border);}
.post-single .related .divTitle {font-size:18px; font-weight:600; color:var(--brand); border-bottom:2px solid var(--brand-light); padding-bottom:12px; margin-bottom:16px;}
.post-single .related li {background:none; padding:10px 80px 10px 16px; border-radius:var(--radius); transition:background .2s;}
.post-single .related li:hover {background:var(--bg-soft);}
.post-single .related li a {color:var(--text);}
.post-single .related li a:hover {color:var(--brand);}
.post-single .related li span {color:#aaa;}

.sideMenu li.cur a, .sideMenu li.on a {background:var(--brand-light); color:var(--brand); font-weight:500; border-left:3px solid var(--brand); padding-left:17px;}
.sideMenu ul:empty {display:none;}

.empty-state {text-align:center; padding:48px 24px; color:var(--text-muted); font-size:15px; background:#fff; border-radius:var(--radius-lg); border:1px solid var(--border);}
.empty-state a {color:var(--brand); font-weight:600;}

/* Legacy homepage classes - hide if present */
.page-home .homePro, .page-home .hmNews, .page-home .about {display:none;}

@media only screen and (max-width:1100px){
	.searchform {display:none;}
	.header-phone .phone-num {font-size:17px;}
	#nav a {padding:0 14px; font-size:14px;}
	.product-grid, .cat-grid {grid-template-columns:repeat(3,1fr);}
}
@media only screen and (max-width:960px){
	.site-top {position:relative;}
	.header-top {padding:10px 16px;}
	#logo img {height:44px;}
	.header-phone {display:none;}
	#nav {position:fixed; left:-280px; top:0; width:280px; height:100%; background:rgba(0,34,89,.98); z-index:200; transition:left .3s; padding-top:64px; overflow-y:auto;}
	#nav.open {left:0;}
	#nav ul {display:block; height:auto; padding:8px 0;}
	#nav li {width:100%;}
	#nav a {color:#fff; height:auto; line-height:1; padding:14px 24px;}
	#nav a:hover, #nav .cur > a {background:rgba(255,255,255,.1); color:#fff;}
	#nav li em {display:block; position:absolute; right:0; top:0; width:48px; height:48px; cursor:pointer;}
	#nav li ul {display:none; position:static; transform:none; width:100%; box-shadow:none; background:transparent; border-radius:0;}
	#nav li:hover > ul {display:none;}
	#nav li li a {color:rgba(255,255,255,.85); padding-left:40px;}
	.header-actions {margin-left:auto; gap:12px;}
	.navBtn, .schBtn {display:block;}
	.navBtn {width:28px; height:28px; position:relative; cursor:pointer;}
	.navBtn span, .navBtn span:before, .navBtn span:after {position:absolute; left:0; width:100%; height:2px; background:var(--brand); transition:all .3s;}
	.navBtn span {top:50%; margin-top:-1px;}
	.navBtn span:before {content:''; top:-8px;}
	.navBtn span:after {content:''; bottom:-8px;}
	.navBtn.open span {background:transparent;}
	.navBtn.open span:before {transform:rotate(45deg); top:0;}
	.navBtn.open span:after {transform:rotate(-45deg); bottom:0;}
	.schBtn span {display:block; width:28px; height:28px; background:url(../images/icon_search2.png) no-repeat center/contain; cursor:pointer;}
	.searchform {display:none; position:absolute; top:100%; right:16px; left:16px; width:auto; z-index:10;}
	.searchform.wap {display:block;}
	.hero .mySwiper {height:clamp(300px, 52vw, 420px);}
	.hero-content .inner {text-align:center; max-width:100%;}
	.hero-btns {justify-content:center;}
	.service-strip ul {grid-template-columns:repeat(2,1fr);}
	.service-strip li:nth-child(2) {border-right:none;}
	.cat-grid, .product-grid, .news-grid {grid-template-columns:repeat(2,1fr); gap:14px;}
	.home-section {padding:40px 0;}
	.about-grid {grid-template-columns:1fr; gap:28px;}
	.footer-main {grid-template-columns:1fr; gap:28px; text-align:center;}
	.footer-brand p {max-width:none;}
	.page-layout {flex-direction:column; gap:20px;}
	.page-layout .sidebar {width:100%; order:2;}
	.page-layout .main {order:1;}
	.content-card {padding:20px;}
	.content-card.prolist .product-grid {grid-template-columns:repeat(2,1fr);}
	.newsitem-link {flex-direction:column; gap:14px; padding:16px;}
	.newsitem-pic {width:100%;}
}
@media only screen and (max-width:540px){
	.cat-grid, .product-grid, .news-grid {grid-template-columns:1fr;}
	.content-card.prolist .product-grid {grid-template-columns:1fr;}
	.page-banner {height:160px;}
	.page-banner-inner h1 {font-size:24px;}
	.service-strip ul {grid-template-columns:1fr;}
	.service-strip li {border-right:none; border-bottom:1px solid rgba(255,255,255,.12); padding:16px;}
	.hero-btns .btn-primary, .hero-btns .btn-outline {width:100%; max-width:260px;}
}

/* === Editorial refresh === */
:root {
  --brand:#8b624a;
  --brand-dark:#342a25;
  --brand-light:#f1e9e2;
  --text:#282522;
  --text-muted:#7b746e;
  --border:#e8e1da;
  --bg-soft:#f5f1ec;
  --radius:2px;
  --radius-lg:3px;
  --shadow:0 10px 35px rgba(48,37,29,.06);
  --shadow-hover:0 22px 50px rgba(48,37,29,.13);
}
body {font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; background:#faf9f7; color:var(--text); letter-spacing:.01em;}
.inner {max-width:1280px; padding-left:34px; padding-right:34px;}
.site-top {background:rgba(250,249,247,.94); box-shadow:0 1px 0 rgba(40,37,34,.08); backdrop-filter:blur(16px);}
#header {background:transparent;}
.header-top {min-height:84px; padding-top:10px; padding-bottom:10px; display:grid; grid-template-columns:210px minmax(520px,1fr) 350px; align-items:center; gap:28px;}
#logo {display:flex; align-items:center; min-width:0;}
#logo img {width:auto; height:58px; max-width:190px; object-fit:contain; object-position:left center;}
#nav {height:auto; width:auto; min-width:0; clear:none; background:transparent; overflow:visible; justify-self:center;}
#nav ul {position:static; height:auto; display:flex; justify-content:center; gap:26px; padding:0;}
#nav li {font-size:14px;}
#nav a {height:40px; padding:0; line-height:40px; color:var(--text); font-weight:500; position:relative; white-space:nowrap;}
#nav a:after {content:""; position:absolute; left:0; right:100%; bottom:2px; height:1px; background:var(--brand); transition:right .25s;}
#nav a:hover,#nav .cur>a,#nav .current-menu-item>a {background:none; color:var(--brand);}
#nav a:hover:after,#nav .cur>a:after {right:0;}
#nav li ul {top:40px; border-radius:2px; padding:8px 0; height:auto; right:auto; bottom:auto; gap:0;}
#nav li li a {height:auto; padding:10px 18px; line-height:1.5;}
#nav li li a:after {display:none;}
.header-actions {display:grid; grid-template-columns:128px 178px; align-items:center; justify-content:end; gap:18px; min-width:0;}
.header-phone {padding-left:18px; border-left:1px solid var(--border); align-items:flex-start; min-width:0;}
.header-phone .phone-label {line-height:1.2; margin-bottom:3px;}
.header-phone .phone-num {font-family:Georgia,"Times New Roman",serif; font-size:19px; font-weight:500;}
.searchform {width:178px;}
.searchform form,.searchform .input,.searchform .submit {border-radius:0;}
.searchform .input {background:transparent; border-color:var(--border);}
.searchform .submit {background-color:var(--brand-dark);}

.hero {margin:0 20px; background:#2d2824;}
.hero::after {background:linear-gradient(90deg,rgba(33,27,23,.74) 0%,rgba(33,27,23,.35) 52%,rgba(33,27,23,.06) 100%);}
.hero .mySwiper {height:clamp(520px,68vh,760px);}
.hero-content>.inner>* {max-width:680px;}
.hero-label {display:flex; align-items:center; gap:12px; font-size:11px; letter-spacing:.28em; margin-bottom:24px;}
.hero-label span {width:42px; height:1px; background:rgba(255,255,255,.7);}
.hero-content h1 {font-family:Georgia,"Songti SC","SimSun",serif; font-size:clamp(42px,5.3vw,74px); font-weight:400; line-height:1.16; letter-spacing:.025em; margin-bottom:24px; text-shadow:none;}
.hero-desc {max-width:520px!important; font-size:16px; line-height:1.9; opacity:.82;}
.btn-primary,.btn-outline {height:50px; border-radius:0; padding:0 30px; font-size:14px; font-weight:500; letter-spacing:.08em;}
.hero-btns .btn-primary {background:#f5f0e9; border-color:#f5f0e9; color:var(--text)!important;}
.btn-outline {background:transparent; border:1px solid rgba(255,255,255,.65);}
.hero .swiper-pagination {text-align:right; padding-right:34px; box-sizing:border-box;}

.service-strip {margin:0 20px; background:#332b26;}
.service-strip .inner {max-width:1280px;}
.service-strip li {display:flex; align-items:center; justify-content:center; gap:16px; padding:26px 12px; text-align:left; border-color:rgba(255,255,255,.1);}
.service-strip li i {font:italic 18px Georgia,serif; color:#b8957e;}
.service-strip strong {font-size:15px; font-weight:500; letter-spacing:.08em; margin:0;}
.service-strip span {font-size:12px; opacity:.55;}

.home-section {padding:100px 0;}
.home-section.bg-soft {background:#ede7df;}
.section-head {margin-bottom:46px; align-items:flex-end;}
.intro-head {align-items:flex-end;}
.intro-head h2 {max-width:610px;}
.intro-head>p {max-width:410px; color:var(--text-muted); line-height:1.9; padding-bottom:5px;}
.section-en {font-size:10px; letter-spacing:.28em; color:var(--brand); opacity:1; margin-bottom:14px;}
.section-head h2,.about-text h2 {font-family:Georgia,"Songti SC","SimSun",serif; font-weight:400; font-size:clamp(32px,4vw,50px); line-height:1.25; letter-spacing:.02em;}
.link-more {font-size:13px; font-weight:500; padding:0 0 8px; border-bottom:1px solid var(--brand);}
.link-more span {padding-left:8px;}
.cat-grid {grid-template-columns:1.15fr .85fr 1.15fr .85fr; gap:18px; align-items:start;}
.cat-card:nth-child(even) {margin-top:64px;}
.cat-cover {border-radius:0; aspect-ratio:3/4; margin-bottom:18px;}
.cat-card:nth-child(odd) .cat-cover {aspect-ratio:4/5;}
.cat-mask {justify-content:flex-start; padding:22px; background:linear-gradient(to top,rgba(30,25,22,.65),transparent 55%);}
.cat-mask span {letter-spacing:.08em;}.cat-mask b {font-size:17px; padding-left:8px; font-weight:400;}
.cat-card h3 {font-family:Georgia,"Songti SC",serif; font-size:21px; font-weight:400;}
.product-grid {gap:18px;}
.product-card a,.news-card a {border:0; box-shadow:none; border-radius:0; background:transparent;}
.product-card a:hover,.news-card a:hover {box-shadow:none;}
.product-img {aspect-ratio:4/5;}
.product-card h3 {padding:16px 2px 0; text-align:left; font-size:14px;}
.news-grid {gap:28px;}
.news-img,.news-card a {border-radius:0;}
.news-body {padding:20px 0 0;}
.news-body h3 {font-family:Georgia,"Songti SC",serif; font-size:20px; font-weight:400;}
.home-about-cta {background:#2f2925; padding:0;}
.about-grid {grid-template-columns:.88fr 1.12fr; gap:0; max-width:none; padding:0;}
.about-text {padding:80px max(34px,calc((100vw - 1212px)/2)); padding-right:70px;}
.about-text p {color:#d9d0c8; line-height:2;}
.about-visual {border-radius:0; box-shadow:none; height:100%; min-height:540px;}
.about-visual img {border-radius:0; width:100%; height:100%; object-fit:cover;}
#footer {background:#211d1a;}

@media only screen and (max-width:1100px){
  .header-top {grid-template-columns:180px minmax(460px,1fr) 210px; gap:18px;}
  #nav ul {gap:18px;}
  .header-actions {grid-template-columns:1fr;}
  .header-phone {display:none;}
  .cat-grid {grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:960px){
  .inner {padding-left:22px; padding-right:22px;}
  .site-top {position:sticky;}
  .header-top {display:flex; min-height:64px;}
  #nav {height:100%; width:280px; overflow-y:auto; justify-self:auto;}
  #nav ul {position:static; height:auto; padding:8px 0;}
  #nav a {color:#fff; padding:14px 24px; line-height:1; height:auto;}
  #nav a:after {display:none;}
  .hero,.service-strip {margin-left:0; margin-right:0;}
  .hero .mySwiper {height:clamp(460px,78vh,640px);}
  .hero-content .inner {text-align:left;}
  .hero-btns {justify-content:flex-start;}
  .header-actions {display:flex; margin-left:auto;}
  .home-section {padding:68px 0;}
  .about-grid {grid-template-columns:1fr;}
  .about-text {padding:64px 34px;}
  .about-visual {min-height:380px;}
}
@media only screen and (max-width:640px){
  #logo img {height:40px; max-width:180px; object-fit:contain;}
  .hero .mySwiper {height:560px;}
  .hero-content h1 {font-size:42px;}
  .hero-desc {font-size:14px;}
  .service-strip ul {grid-template-columns:repeat(2,1fr);}
  .service-strip li {justify-content:flex-start; padding:18px 12px;}
  .service-strip li:nth-child(odd) {border-right:1px solid rgba(255,255,255,.1);}
  .intro-head {display:block;}
  .intro-head>p {margin-top:20px;}
  .cat-grid {grid-template-columns:repeat(2,1fr); gap:12px;}
  .cat-card:nth-child(even) {margin-top:36px;}
  .cat-card h3 {font-size:17px;}
  .cat-card p {display:none;}
  .product-grid,.news-grid {grid-template-columns:repeat(2,1fr); gap:12px;}
  .news-grid {grid-template-columns:1fr;}
  .home-about-cta .btn-primary {background:#f5f0e9; border-color:#f5f0e9; color:var(--text)!important;}
}

/* === Site-wide polish 2026 === */
html {scroll-behavior:smooth;}
body {overflow-x:hidden; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body.is-nav-open {overflow:hidden;}
button,input,textarea {font:inherit;}
button {color:inherit;}
a,button,input {outline:none;}
a:focus-visible,button:focus-visible,input:focus-visible {outline:2px solid #b88b6e; outline-offset:4px;}
::selection {background:#9b7259; color:#fff;}

.site-top {transition:min-height .3s ease,background-color .3s ease,box-shadow .3s ease;}
.site-top.is-scrolled {background:rgba(250,249,247,.98); box-shadow:0 12px 36px rgba(43,34,28,.08);}
.site-top.is-scrolled .header-top {min-height:70px;}
.site-top.is-scrolled #logo img {height:50px;}
.navBtn,.schBtn {border:0; padding:0; background:transparent; appearance:none;}
.mobile-nav-close {display:none;}
.nav-overlay {display:none; position:fixed; inset:0; z-index:90; border:0; background:rgba(24,20,18,.48); backdrop-filter:blur(3px); opacity:0; transition:opacity .25s;}
.submenu-toggle {display:none;}

.searchform .text::placeholder {color:#9b948e; opacity:1;}
.searchform .text::-webkit-search-cancel-button {display:none;}
.searchform .submit {font-size:0; padding:0; appearance:none;}
.searchform form:focus-within .input {border-color:#a9836b; background:#fff;}

.page-banner {height:clamp(260px,30vw,390px); background:#302923;}
.page-banner-bg img {opacity:.68; transform:scale(1.01);}
.page-banner-overlay {background:linear-gradient(90deg,rgba(32,26,22,.82) 0%,rgba(44,35,29,.52) 50%,rgba(44,35,29,.18) 100%);}
.page-banner-simple {background:linear-gradient(135deg,#302822 0%,#5c4638 100%);}
.page-banner-inner {padding-top:20px;}
.page-kicker {display:flex; align-items:center; gap:12px; margin-bottom:16px; font-size:10px; line-height:1; letter-spacing:.32em; color:#d1af99; text-transform:uppercase;}
.page-kicker:before {content:""; display:block; width:38px; height:1px; background:currentColor;}
.page-banner-inner h1 {font-family:Georgia,"Songti SC","SimSun",serif; font-size:clamp(36px,4.4vw,58px); font-weight:400; line-height:1.18; letter-spacing:.04em;}
.page-banner-inner p {font-size:14px; line-height:1.8; color:rgba(255,255,255,.72); letter-spacing:.04em;}

.breadcrumb {padding:16px 0; background:#f2ede7; border:0; color:#8b817a;}
.breadcrumb .inner {display:flex; align-items:center; flex-wrap:wrap; gap:6px;}
.breadcrumb a {position:relative; color:#756a63;}
.breadcrumb a:hover {color:var(--brand);}
.breadcrumb .bc-label {font-size:12px; color:#aaa098;}

.page-inner #container {margin-bottom:90px;}
.page-layout {gap:48px; padding-top:58px;}
.page-layout .sidebar {width:246px; position:sticky; top:112px;}
.page-layout .main {min-height:360px;}
.content-card {padding:clamp(28px,4vw,54px); margin-bottom:30px; border:0; border-radius:0; background:#fff; box-shadow:0 18px 60px rgba(51,40,31,.07);}
.content-card.prolist {padding:0; background:transparent; box-shadow:none;}
.content-card.prolist .product-grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 20px;}

.sideMenu {margin-bottom:24px; border:0; border-radius:0; box-shadow:none; background:#fff;}
.sideMenu h3,.widget h3 {height:auto; min-height:64px; padding:21px 24px; line-height:1.45; background:#332b26; color:#fff; font-family:Georgia,"Songti SC",serif; font-size:19px; font-weight:400; letter-spacing:.06em;}
.sideMenu h3 a {display:block; color:#fff;}
.sideMenu li {line-height:1.5; font-size:14px;}
.sideMenu li a {padding:15px 22px; border-bottom:1px solid #eee8e2; color:#615850;}
.sideMenu li:last-child a {border-bottom:0;}
.sideMenu li a:hover {padding-left:28px; color:var(--brand); background:#f5f0ea;}
.sideMenu li.cur a,.sideMenu li.on a {padding-left:19px; border-left:3px solid var(--brand); background:#f2ebe4; color:var(--brand);}

.widget.divSearchPanel {margin-bottom:24px; border:0; border-radius:0; box-shadow:none; background:#fff;}
.widget.divSearchPanel .textwidget {padding:20px;}
.divSearchPanel form {padding-right:48px;}
.divSearchPanel input[type='search'],.divSearchPanel input[type='text'] {width:100%; height:44px; padding:0 14px; box-sizing:border-box; border:1px solid #e6ded7; border-radius:0; background:#faf8f5; color:var(--text);}
.divSearchPanel button[type='submit'],.divSearchPanel input[type='submit'] {position:absolute; right:0; top:0; width:48px; height:44px; padding:0; border:0; border-radius:0; cursor:pointer; overflow:hidden; text-indent:-999px; background:var(--brand) url(../images/icon_search.png) no-repeat center/17px; transition:background-color .25s;}
.divSearchPanel button[type='submit']:hover,.divSearchPanel input[type='submit']:hover {background-color:var(--brand-dark);}
.sidebar-contact {padding:28px 22px; border:0; border-radius:0; box-shadow:none; background:#ede5dd; text-align:left;}
.sidebar-contact:before {content:"PRIVATE SERVICE"; display:block; margin-bottom:11px; font-size:9px; letter-spacing:.24em; color:#a17b64;}
.sidebar-contact h4 {font-family:Georgia,"Songti SC",serif; font-size:21px; font-weight:400; color:var(--text);}
.sidebar-contact p {font-size:13px; color:#746a63;}
.sidebar-contact .btn-primary {width:auto; height:42px; margin-top:16px; padding:0 20px; border-radius:0; font-size:12px;}

.product-card {min-width:0;}
.content-card.prolist .product-grid {width:100%; margin:0; overflow:visible;}
.content-card.prolist .product-card {float:none; width:auto; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; overflow:visible;}
.content-card.prolist .product-card:hover {box-shadow:none;}
.content-card.prolist .product-card a {display:block; width:100%; white-space:normal; overflow:visible;}
.content-card.prolist .product-img {position:relative; aspect-ratio:4/5; background:#e9e3dd; overflow:hidden;}
.content-card.prolist .product-img img {display:block; width:100%; height:100%; min-height:0; position:static; object-fit:cover; object-position:center;}
.content-card.prolist .product-img:after {content:"查看详情  ↗"; position:absolute; right:14px; bottom:14px; padding:8px 11px; background:rgba(255,255,255,.9); color:#453a33; font-size:10px; letter-spacing:.08em; opacity:0; transform:translateY(8px); transition:.3s ease;}
.content-card.prolist .product-card:hover .product-img:after {opacity:1; transform:none;}
.content-card.prolist .product-card h3 {padding:16px 0 0; margin:0; font-family:Georgia,"Songti SC",serif; font-size:17px; font-weight:400; line-height:1.45; text-align:left;}

.news-list {padding:0; background:transparent; box-shadow:none;}
.newsitem {margin-bottom:20px; border:0; border-radius:0; box-shadow:none; background:#fff;}
.newsitem:hover {box-shadow:0 20px 48px rgba(45,35,28,.08); transform:translateY(-3px);}
.newsitem-link {gap:28px; padding:22px;}
.newsitem-pic {width:240px; border-radius:0; background:#e8e1da;}
.newsitem-pic img {aspect-ratio:3/2;}
.newsitem-body h2 {font-family:Georgia,"Songti SC",serif; font-size:22px; font-weight:400; color:var(--text);}
.newsitem-desc {color:#7e756e;}
.newsitem-meta {font-size:11px; letter-spacing:.08em; text-transform:uppercase;}
.newsitem-meta time {color:#a17b64;}

.post-single .post_title {max-width:800px; margin-bottom:20px; font-family:Georgia,"Songti SC",serif; font-size:clamp(30px,4vw,46px); font-weight:400; line-height:1.35; letter-spacing:.025em;}
.post-single .postmeta {padding:14px 0; border:0; border-top:1px solid #e9e2dc; border-bottom:1px solid #e9e2dc; border-radius:0; background:transparent; color:#958c85; font-size:12px; letter-spacing:.04em;}
.detail-cover {margin:30px 0 38px; overflow:hidden; background:#eee8e2;}
.detail-cover img {display:block; width:100%; max-height:620px; object-fit:cover;}
.post-single .entry {font-size:16px; line-height:2; color:#4e4945;}
.post-single .entry>p {margin-bottom:1.35em;}
.post-single .entry h2,.post-single .entry h3 {margin-top:1.8em; font-family:Georgia,"Songti SC",serif; font-weight:400; color:#302b27;}
.post-single .entry img {margin:18px auto;}
.post-single .tags {border-top:1px solid #eee8e2;}
.post-single .tags li a {border-radius:0; background:#f2ede8; color:#716860;}
.post-single .postnavi {display:grid; grid-template-columns:1fr 1fr; gap:16px; line-height:1.65;}
.post-single .postnavi p {padding:16px 18px; background:#f7f4f0;}
.post-single .postnavi p:last-child {text-align:right;}
.post-single .postnavi a.is-disabled,.post-single .postnavi .is-disabled {color:#aaa19a; cursor:default;}
.post-single .related .divTitle {padding-bottom:15px; border-bottom:1px solid #ddd3ca; font-family:Georgia,"Songti SC",serif; font-size:22px; font-weight:400; color:var(--text);}
.post-single .related li {padding:13px 90px 13px 14px; border-bottom:1px solid #f0ebe6; border-radius:0;}

.ab_img {max-width:900px;}
.ab_img p,.ab_img p span {font-family:inherit!important; line-height:2!important; color:#514b46!important;}
.ab_img h1,.ab_img h2,.ab_img h3 {font-family:Georgia,"Songti SC",serif!important; font-weight:400!important; color:#302b27!important;}

.pagebar {padding:28px 0 0;}
.pagebar .pagination {align-items:center; flex-wrap:wrap; gap:6px; margin:0;}
.pagination a,.pagination span,.pagination .page-status {display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; box-sizing:border-box; margin:0; padding:0 12px; border:1px solid #ddd4cc; border-radius:0; background:transparent; color:#6f655e; font-size:12px; line-height:1;}
.pagination a:hover {border-color:var(--brand); background:var(--brand); color:#fff;}
.pagination a.page-num-current {border-color:var(--brand); background:var(--brand); color:#fff;}
.pagination .page-status {border-color:transparent; color:#9a918a;}
.pagination .is-disabled {border-color:#e7e0da; color:#c4bbb4; cursor:not-allowed;}
.empty-state {padding:70px 24px; border:0; border-radius:0; background:#fff; box-shadow:var(--shadow);}

#footer {position:relative; padding:76px 0 26px; background:#211d1a;}
#footer:before {content:""; position:absolute; top:0; left:50%; width:min(1212px,calc(100% - 68px)); height:1px; transform:translateX(-50%); background:rgba(255,255,255,.13);}
.footer-main {grid-template-columns:1.25fr 1.1fr .75fr auto; gap:54px; padding-bottom:50px;}
.footer-brand img {height:62px; filter:grayscale(1) brightness(0) invert(1); opacity:.92;}
.footer-brand p {max-width:350px; color:rgba(255,255,255,.58); line-height:2;}
.footer-contact h4,.footer-links h4,.footer-qr h4 {margin-bottom:20px; font-family:Georgia,"Songti SC",serif; font-size:18px; font-weight:400; color:#fff;}
.footer-contact p {margin-bottom:10px; color:rgba(255,255,255,.6); font-size:13px; line-height:1.65;}
.footer-links li {margin-bottom:10px;}
.footer-links a {font-size:13px; color:rgba(255,255,255,.62)!important;}
.footer-links a:hover {padding-left:5px; color:#fff!important;}
.qr-box>button {display:block; width:80px; height:80px; padding:0; border:1px solid rgba(255,255,255,.14); border-radius:0; cursor:pointer; overflow:hidden; text-indent:-999px; background:rgba(255,255,255,.06) url(../images/icon_wx.png) no-repeat center/32px; transition:.25s;}
.qr-box>button:hover {background-color:rgba(255,255,255,.12); border-color:rgba(255,255,255,.32);}
.qr-box .qrcode {bottom:92px; border-radius:0; box-shadow:0 12px 30px rgba(0,0,0,.28);}
.copyright-bar {padding-top:24px; border-top:1px solid rgba(255,255,255,.1);}

.floating-actions {position:fixed; right:22px; bottom:24px; z-index:90; display:flex; align-items:stretch; gap:2px; transform:translateZ(0);}
.float-phone {display:flex; flex-direction:column; justify-content:center; min-width:132px; min-height:48px; padding:8px 15px; background:#342c27; color:#fff!important; box-shadow:0 12px 34px rgba(30,24,20,.18); transition:.25s;}
.float-phone span {font-size:9px; letter-spacing:.16em; color:#c8aa96;}
.float-phone strong {font:400 14px/1.4 Georgia,serif; letter-spacing:.03em;}
.float-phone:hover {background:var(--brand); transform:translateY(-2px);}
.back-top {width:48px; min-height:48px; border:0; cursor:pointer; background:#f1ebe5; color:#493d35; font:20px Georgia,serif; opacity:0; pointer-events:none; transform:translateY(8px); transition:.25s;}
.back-top.is-visible {opacity:1; pointer-events:auto; transform:none;}

.reveal-item {opacity:0; transform:translateY(28px); transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);}
.reveal-item.is-revealed {opacity:1; transform:none;}
.cat-card:nth-child(2),.product-card:nth-child(2),.news-card:nth-child(2) {transition-delay:.06s;}
.cat-card:nth-child(3),.product-card:nth-child(3),.news-card:nth-child(3) {transition-delay:.12s;}
.cat-card:nth-child(4),.product-card:nth-child(4) {transition-delay:.18s;}

@media only screen and (max-width:1280px) and (min-width:961px){
  .header-top {grid-template-columns:120px minmax(0,1fr) 178px; gap:18px;}
  #logo img {height:52px;}
  #nav ul {gap:18px;}
  .header-actions {grid-template-columns:178px;}
  .header-phone {display:none;}
  .searchform {display:block;}
  .footer-main {grid-template-columns:1.15fr 1fr .65fr auto; gap:28px;}
}

@media only screen and (max-width:1110px) and (min-width:961px){
  .header-top {grid-template-columns:100px minmax(0,1fr);}
  #logo img {height:48px;}
  #nav ul {gap:14px;}
  .header-actions {display:none;}
}

@media only screen and (max-width:960px){
  .site-top {position:sticky; top:0;}
  .site-top.is-scrolled .header-top {min-height:60px;}
  .site-top.is-scrolled #logo img {height:40px;}
  .header-top {width:100%; box-sizing:border-box;}
  #nav {left:-310px; width:300px; padding-top:78px; background:#211d1a; box-shadow:18px 0 60px rgba(20,16,14,.22);}
  #nav.open {left:0;}
  #nav ul {display:block;}
  #nav li {border-bottom:1px solid rgba(255,255,255,.08);}
  #nav li ul {padding:0 0 10px; background:rgba(255,255,255,.03);}
  #nav li li {border:0;}
  #nav a {padding:17px 24px; color:#fff; font-family:Georgia,"Songti SC",serif; font-size:16px; letter-spacing:.06em;}
  #nav li li a {padding:12px 48px; color:rgba(255,255,255,.65); font-family:inherit; font-size:13px;}
  .submenu-toggle {display:block; position:absolute; top:3px; right:4px; width:50px; height:50px; padding:0; border:0; cursor:pointer; background:transparent;}
  .submenu-toggle span:before,.submenu-toggle span:after {content:""; position:absolute; top:50%; left:50%; width:12px; height:1px; margin-left:-6px; background:#cbb9ad; transition:transform .25s;}
  .submenu-toggle span:after {transform:rotate(90deg);}
  .submenu-toggle.open span:after {transform:rotate(0);}
  .navBtn,.schBtn {display:block;}
  .navBtn {z-index:210;}
  .navBtn.open span:before,.navBtn.open span:after {background:#fff;}
  .nav-overlay {display:block; visibility:hidden;}
  .is-nav-open .nav-overlay {visibility:visible; opacity:1;}
  .searchform.wap {display:block; top:calc(100% + 1px); padding:12px; background:#faf9f7; box-shadow:0 18px 30px rgba(40,32,27,.12);}
  .searchform.wap form {height:44px;}
  .searchform.wap .text {height:44px;}
  .page-layout {gap:24px; padding-top:36px;}
  .page-layout .sidebar {position:static; width:100%; order:1;}
  .page-layout .main {order:2;}
  .sidebar .widget,.sidebar-contact {display:none;}
  .sideMenu {margin-bottom:0;}
  .sideMenu h3 {min-height:54px; padding:16px 20px;}
  .content-card {padding:30px 24px;}
  .footer-main {grid-template-columns:1fr 1fr; gap:38px; text-align:left;}
  .footer-brand p {max-width:420px;}
  .footer-qr {text-align:left;}
}

@media only screen and (max-width:640px){
  .inner {width:100%; padding-left:20px; padding-right:20px;}
  .header-top {padding-left:20px; padding-right:20px;}
  #logo img {height:44px;}
  .page-banner {height:230px;}
  .page-banner-inner {padding-top:0;}
  .page-banner-inner h1 {font-size:34px;}
  .page-banner-inner p {max-width:290px; font-size:13px;}
  .breadcrumb {padding:13px 0; font-size:12px;}
  .page-inner #container {margin-bottom:58px;}
  .page-layout {padding-top:28px;}
  .content-card {padding:26px 20px;}
  .content-card.prolist .product-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 12px;}
  .content-card.prolist .product-card h3 {font-size:15px;}
  .content-card.prolist .product-img:after {display:none;}
  .newsitem {margin-bottom:14px;}
  .newsitem-link {display:block; padding:14px;}
  .newsitem-pic {width:100%; margin-bottom:18px;}
  .newsitem-body h2 {font-size:19px;}
  .post-single .post_title {font-size:28px;}
  .post-single .postmeta {display:block;}
  .post-single .postmeta span {display:block; padding:2px 0;}
  .detail-cover {margin:24px -20px 30px;}
  .post-single .entry {font-size:15px;}
  .post-single .postnavi {grid-template-columns:1fr;}
  .post-single .postnavi p:last-child {text-align:left;}
  .post-single .related li {padding-right:14px; white-space:normal;}
  .post-single .related li span {display:none;}
  .pagination .hidden-sm {display:none;}
  #footer {padding-top:54px; padding-bottom:88px;}
  #footer:before {width:calc(100% - 40px);}
  .footer-main {grid-template-columns:1fr; gap:32px; padding-bottom:34px;}
  .footer-brand img {height:55px;}
  .footer-contact,.footer-links {text-align:left;}
  .footer-links ul {display:grid; grid-template-columns:repeat(2,1fr); gap:4px 18px;}
  .footer-qr {display:none;}
  .copyright-bar {display:block;}
  .copyright-left,.copyright-right {text-align:left; margin-bottom:8px;}
  .floating-actions {right:0; bottom:0; left:0; gap:0;}
  .float-phone {flex:1; min-height:58px; align-items:center; padding:8px 15px;}
  .float-phone span {font-size:10px;}
  .float-phone strong {font-size:15px;}
  .back-top {width:58px; min-height:58px;}
}

@media (prefers-reduced-motion:reduce){
  html {scroll-behavior:auto;}
  *,*:before,*:after {scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important;}
  .reveal-item {opacity:1; transform:none;}
}

/* === Milan brand system === */
:root {
  --brand:#002f7b;
  --brand-dark:#001e50;
  --brand-light:#e9f1fb;
  --brand-cyan:#9ed8f6;
  --brand-red:#e60012;
  --brand-lime:#b7d200;
  --text:#132039;
  --text-muted:#66738a;
  --border:#dce5f0;
  --bg-soft:#f3f7fc;
  --shadow:0 14px 42px rgba(0,47,123,.08);
  --shadow-hover:0 24px 60px rgba(0,47,123,.16);
}
body {background:#fff; color:var(--text);}
a:hover {color:var(--brand);}
::selection {background:var(--brand); color:#fff;}
a:focus-visible,button:focus-visible,input:focus-visible {outline-color:var(--brand-cyan);}

.site-top,.site-top.is-scrolled {background:rgba(0,47,123,.98); box-shadow:0 10px 35px rgba(0,30,80,.18);}
.site-top:after {content:""; position:absolute; right:0; bottom:-3px; left:0; height:3px; background:linear-gradient(90deg,var(--brand-cyan) 0 33.333%,var(--brand-red) 33.333% 66.666%,var(--brand-lime) 66.666%);}
.header-top {grid-template-columns:270px minmax(500px,1fr) 326px; min-height:88px; gap:24px;}
#logo img,.site-top.is-scrolled #logo img {width:auto; height:44px; max-width:none; filter:none;}
#nav a {color:rgba(255,255,255,.9);}
#nav a:after {height:2px; background:linear-gradient(90deg,var(--brand-cyan),var(--brand-lime));}
#nav a:hover,#nav .cur>a,#nav .current-menu-item>a {color:#fff;}
#nav li ul {border-top:3px solid var(--brand-cyan); box-shadow:0 18px 48px rgba(0,30,80,.2);}
#nav li li a {color:var(--text);}
#nav li li a:hover {background:var(--brand-light); color:var(--brand);}
.header-actions {grid-template-columns:130px 172px; gap:16px;}
.header-phone {border-left-color:rgba(255,255,255,.22); color:#fff!important;}
.header-phone .phone-label {color:var(--brand-cyan);}
.header-phone .phone-num {color:#fff;}
.searchform {width:172px;}
.searchform .input {border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.08);}
.searchform .text {color:#fff;}
.searchform .text:focus {color:#fff; -webkit-text-fill-color:#fff; caret-color:var(--brand-cyan);}
.searchform .text::placeholder {color:rgba(255,255,255,.64);}
.searchform .text:-webkit-autofill,.searchform .text:-webkit-autofill:hover,.searchform .text:-webkit-autofill:focus {-webkit-text-fill-color:#fff; caret-color:var(--brand-cyan); box-shadow:0 0 0 1000px var(--brand) inset; transition:background-color 9999s ease-out;}
.searchform form:focus-within .input {border-color:var(--brand-cyan); background:rgba(255,255,255,.13);}
.searchform .submit {background-color:var(--brand-red);}
.searchform .submit:hover {background-color:#bd0010;}

.hero {margin:0; background:var(--brand-dark);}
.hero::after {background:linear-gradient(90deg,rgba(0,30,80,.86) 0%,rgba(0,47,123,.56) 48%,rgba(0,47,123,.08) 100%);}
.hero-label {color:var(--brand-cyan); opacity:1;}
.hero-label span {background:linear-gradient(90deg,var(--brand-cyan) 0 33%,var(--brand-red) 33% 66%,var(--brand-lime) 66%);}
.hero-content h1 {font-family:"Songti SC","STSong",Georgia,serif;}
.hero-btns .btn-primary {background:#fff; border-color:#fff; color:var(--brand)!important;}
.hero-btns .btn-primary:hover {background:var(--brand-cyan); border-color:var(--brand-cyan);}
.btn-outline {border-color:rgba(255,255,255,.75);}
.hero-btns .slide-link[href=""] {display:none;}
.hero .swiper-pagination-bullet-active {background:var(--brand-lime)!important;}
.service-strip {margin:0; background:var(--brand);}
.service-strip li {border-color:rgba(255,255,255,.15);}
.service-strip li i {color:var(--brand-cyan);}

.home-section {background:#fff;}
.home-section.bg-soft {background:var(--bg-soft);}
.section-en {display:flex; align-items:center; gap:10px; color:var(--brand); font-weight:600;}
.section-en:before {content:""; width:28px; height:3px; background:linear-gradient(90deg,var(--brand-cyan) 0 33%,var(--brand-red) 33% 66%,var(--brand-lime) 66%);}
.section-en.light {color:var(--brand-cyan);}
.section-head h2,.about-text h2,.process-intro h2 {font-family:"Songti SC","STSong",Georgia,serif; color:var(--brand-dark);}
.link-more {color:var(--brand); border-bottom-color:var(--brand);}
.link-more:hover {color:var(--brand-red); border-bottom-color:var(--brand-red);}
.cat-cover,.product-img,.news-img {background:#e8eef6;}
.cat-mask {background:linear-gradient(to top,rgba(0,30,80,.8),transparent 58%);}
.cat-card h3,.product-card h3,.news-body h3 {color:var(--brand-dark);}
.cat-card:hover,.product-card a:hover,.news-card a:hover {color:var(--brand);}
.product-card a {position:relative;}
.product-card a:after {content:""; position:absolute; left:0; bottom:-10px; width:0; height:2px; background:linear-gradient(90deg,var(--brand),var(--brand-cyan)); transition:width .35s ease;}
.product-card a:hover:after {width:100%;}

.case-showcase {padding-top:116px; padding-bottom:116px; background:#fff;}
.case-head {align-items:flex-end;}
.section-side-copy {max-width:420px; padding-bottom:4px;}
.section-side-copy p {margin-bottom:22px; color:var(--text-muted); line-height:1.9;}
.case-grid {display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:auto auto; gap:24px;}
.case-card {min-width:0;}
.case-card:first-child {grid-row:span 2;}
.case-card:nth-child(4) {grid-column:span 2;}
.case-card a {display:block; height:100%; color:#fff; position:relative; overflow:hidden; background:var(--brand-dark);}
.case-image {height:100%; min-height:280px; overflow:hidden;}
.case-card:first-child .case-image {min-height:640px;}
.case-card:nth-child(4) .case-image {min-height:340px;}
.case-image:after {content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,30,80,.82),transparent 58%);}
.case-image img {display:block; width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.22,1,.36,1);}
.case-card:hover .case-image img {transform:scale(1.045);}
.case-caption {position:absolute; right:0; bottom:0; left:0; z-index:2; display:grid; grid-template-columns:1fr auto; align-items:end; gap:5px 20px; padding:28px 30px;}
.case-caption span {grid-column:1; font-size:9px; letter-spacing:.24em; color:var(--brand-cyan);}
.case-caption h3 {grid-column:1; margin:0; font-family:"Songti SC","STSong",serif; font-size:clamp(20px,2vw,29px); font-weight:400; line-height:1.35;}
.case-caption i {grid-column:2; grid-row:1/3; align-self:center; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.45); border-radius:50%; font-style:normal; transition:.3s;}
.case-card:hover .case-caption i {border-color:var(--brand-lime); background:var(--brand-lime); color:var(--brand-dark); transform:rotate(45deg);}

.design-process {position:relative; overflow:hidden; padding:110px 0; background:var(--brand); color:#fff;}
.design-process:before {content:""; position:absolute; top:-180px; right:-120px; width:540px; height:540px; border:1px solid rgba(158,216,246,.16); border-radius:50%; box-shadow:0 0 0 90px rgba(158,216,246,.035),0 0 0 180px rgba(158,216,246,.025);}
.process-layout {position:relative; display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:center;}
.process-intro h2 {margin:16px 0 22px; color:#fff; font-size:clamp(34px,4vw,52px); font-weight:400; line-height:1.35;}
.process-intro p {max-width:480px; margin-bottom:32px; color:rgba(255,255,255,.7); line-height:1.95;}
.btn-light {display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 28px; background:#fff; color:var(--brand)!important; font-size:13px; font-weight:600; letter-spacing:.08em; transition:.3s;}
.btn-light:hover {background:var(--brand-lime); transform:translateY(-2px);}
.process-steps {margin:0; padding:0; border-top:1px solid rgba(255,255,255,.18);}
.process-steps li {display:grid; grid-template-columns:64px 1fr; gap:24px; align-items:center; padding:25px 0; border-bottom:1px solid rgba(255,255,255,.18);}
.process-steps>li>span {font:italic 17px Georgia,serif; color:var(--brand-cyan);}
.process-steps h3 {margin-bottom:5px; font-family:"Songti SC","STSong",serif; font-size:21px; font-weight:400; letter-spacing:.05em;}
.process-steps p {color:rgba(255,255,255,.6); font-size:13px;}

.home-about-cta {background:var(--brand-dark);}
.about-text p {color:rgba(255,255,255,.72);}
.about-text h2 {color:#fff;}
.home-about-cta .btn-primary {background:#fff; border-color:#fff; color:var(--brand)!important;}

.page-banner,.page-banner-simple {background:var(--brand-dark);}
.page-banner-overlay {background:linear-gradient(90deg,rgba(0,30,80,.92) 0%,rgba(0,47,123,.66) 52%,rgba(0,47,123,.22) 100%);}
.page-kicker {color:var(--brand-cyan);}
.page-kicker:before {background:linear-gradient(90deg,var(--brand-cyan) 0 33%,var(--brand-red) 33% 66%,var(--brand-lime) 66%);}
.page-banner-inner h1 {font-family:"Songti SC","STSong",Georgia,serif;}
.breadcrumb {background:#edf3fa; color:var(--text-muted);}
.breadcrumb a {color:#53647f;}
.content-card {box-shadow:0 18px 60px rgba(0,47,123,.07);}
.sideMenu h3,.widget h3 {background:var(--brand); font-family:"Songti SC","STSong",serif;}
.sideMenu li a {border-color:var(--border); color:#536178;}
.sideMenu li a:hover,.sideMenu li.cur a,.sideMenu li.on a {background:var(--brand-light); color:var(--brand);}
.sidebar-contact {background:#eaf2fb;}
.sidebar-contact:before,.sidebar-contact h4 {color:var(--brand);}
.divSearchPanel button[type='submit'],.divSearchPanel input[type='submit'] {background-color:var(--brand-red);}
.content-card.prolist .product-img {background:#e8eef6;}
.content-card.prolist .product-img:after {color:#fff; background:rgba(0,47,123,.9);}
.newsitem:hover {box-shadow:0 20px 50px rgba(0,47,123,.1);}
.post-single .post_title,.post-single .entry h2,.post-single .entry h3,.post-single .related .divTitle,.ab_img h1,.ab_img h2,.ab_img h3 {font-family:"Songti SC","STSong",Georgia,serif!important; color:var(--brand-dark)!important;}
.post-single .tags li a {background:var(--brand-light); color:var(--brand);}
.post-single .postnavi p {background:#f2f6fb;}
.pagination a:hover,.pagination a.page-num-current {border-color:var(--brand); background:var(--brand);}

#footer {background:var(--brand-dark);}
.footer-brand img {width:auto; height:46px; filter:none; opacity:1;}
.footer-contact h4,.footer-links h4,.footer-qr h4 {font-family:"Songti SC","STSong",serif;}
.qr-box>button {background-color:rgba(255,255,255,.08);}
.float-phone {background:var(--brand); box-shadow:0 12px 34px rgba(0,47,123,.24);}
.float-phone span {color:var(--brand-cyan);}
.float-phone:hover {background:var(--brand-red);}
.back-top {background:var(--brand-cyan); color:var(--brand-dark);}

@media only screen and (max-width:1280px) and (min-width:961px){
  .header-top {grid-template-columns:225px minmax(0,1fr) 172px;}
  #logo img,.site-top.is-scrolled #logo img {height:36px;}
  .header-actions {grid-template-columns:172px;}
}
@media only screen and (max-width:1110px) and (min-width:961px){
  .header-top {grid-template-columns:210px minmax(0,1fr);}
  #logo img,.site-top.is-scrolled #logo img {height:34px;}
}
@media only screen and (max-width:960px){
  #logo img,.site-top.is-scrolled #logo img {height:34px;}
  #nav {background:var(--brand-dark);}
  #nav a {color:#fff;}
  .navBtn span,.navBtn span:before,.navBtn span:after {background:#fff;}
  .schBtn span {filter:brightness(0) invert(1);}
  .searchform.wap {background:var(--brand);}
  .process-layout {grid-template-columns:1fr; gap:52px;}
  .case-card:first-child .case-image {min-height:520px;}
  .footer-main {grid-template-columns:1fr 1fr;}
}
@media only screen and (max-width:640px){
  #logo img,.site-top.is-scrolled #logo img {height:30px;}
  .hero::after {background:linear-gradient(90deg,rgba(0,30,80,.88),rgba(0,47,123,.48));}
  .section-head.case-head {display:block;}
  .section-side-copy {margin-top:22px;}
  .case-showcase {padding-top:76px; padding-bottom:76px;}
  .case-grid {grid-template-columns:1fr; display:grid; gap:14px;}
  .case-card:first-child,.case-card:nth-child(4) {grid-row:auto; grid-column:auto;}
  .case-card:first-child .case-image,.case-card:nth-child(4) .case-image,.case-image {min-height:330px;}
  .case-caption {padding:22px 20px;}
  .design-process {padding:76px 0;}
  .process-intro h2 {font-size:34px;}
  .process-steps li {grid-template-columns:48px 1fr; gap:14px;}
  .footer-brand img {height:38px;}
}

/* === Mobile layout consolidation === */
@media only screen and (max-width:640px){
  html {-webkit-text-size-adjust:100%;}
  html,body {max-width:100%; overflow-x:clip;}
  body {font-size:15px; line-height:1.7;}
  img,video,iframe,table {max-width:100%;}
  .inner {width:100%; padding-left:18px; padding-right:18px;}

  .site-top,.site-top.is-scrolled {position:sticky; top:0; z-index:100; backdrop-filter:none; -webkit-backdrop-filter:none;}
  .header-top,.site-top.is-scrolled .header-top {min-height:64px; padding:10px 16px; gap:10px;}
  #logo {flex:1 1 auto; min-width:0; max-width:none;}
  #logo a {max-width:min(150px,100%);}
  #logo img,.site-top.is-scrolled #logo img {width:auto; height:30px; max-width:100%;}
  .header-actions {gap:14px; flex-shrink:0;}
  .navBtn,.schBtn {width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:transparent!important; box-shadow:none;}
  .navBtn {position:relative;}
  .navBtn span {left:7px; width:26px; height:2px; background:#fff;}
  .navBtn span:before,.navBtn span:after {width:26px; height:2px; background:#fff;}
  .navBtn.open span {background:transparent!important;}
  .navBtn.open span:before {top:0; transform:rotate(45deg);}
  .navBtn.open span:after {bottom:0; transform:rotate(-45deg);}
  .schBtn span {width:26px; height:26px;}
  #nav {position:fixed; top:0; right:auto; bottom:auto; left:-100%; z-index:220; width:min(84vw,320px); height:100vh; height:100dvh; max-height:none; padding-top:70px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; -ms-overflow-style:none; background:var(--brand-dark); box-shadow:18px 0 60px rgba(0,30,80,.28);}
  #nav::-webkit-scrollbar {display:none; width:0; height:0;}
  #nav.open {left:0;}
  #nav>ul {min-height:100%; box-sizing:border-box; align-content:flex-start; padding-bottom:28px;}
  .mobile-nav-close {display:block; position:absolute; top:12px; right:14px; width:42px; height:42px; padding:0; border:0; background:transparent; cursor:pointer;}
  .mobile-nav-close span:before,.mobile-nav-close span:after {content:""; position:absolute; top:20px; left:9px; width:25px; height:2px; border-radius:2px; background:#fff;}
  .mobile-nav-close span:before {transform:rotate(45deg);}
  .mobile-nav-close span:after {transform:rotate(-45deg);}
  .nav-overlay {z-index:210; background:rgba(0,20,54,.58); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
  #nav a {min-height:52px; box-sizing:border-box; display:flex; align-items:center; padding:15px 22px; font-size:16px; line-height:1.35;}
  #nav li li a {min-height:44px; padding:12px 44px; font-size:13px;}
  .submenu-toggle {width:52px; height:52px;}
  .searchform.wap {left:0; right:0; width:auto; padding:12px 16px 16px;}
  .searchform.wap form {width:100%; box-sizing:border-box;}

  .hero .mySwiper {height:clamp(480px,calc(100svh - 64px),560px);}
  .hero .swiper-slide img {object-position:62% center;}
  .hero::after {background:linear-gradient(90deg,rgba(0,30,80,.92) 0%,rgba(0,47,123,.65) 62%,rgba(0,47,123,.34) 100%);}
  .hero-content>.inner {padding:34px 20px 52px; text-align:left;}
  .hero-label {gap:9px; margin-bottom:18px; font-size:9px; line-height:1.5; letter-spacing:.2em;}
  .hero-label span {width:28px; flex:0 0 28px;}
  .hero-content h1 {max-width:340px; margin-bottom:18px; font-size:clamp(34px,10.5vw,42px); line-height:1.2; letter-spacing:.01em;}
  .hero-desc {max-width:330px!important; margin-bottom:26px; font-size:14px; line-height:1.75;}
  .hero-btns {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:min(100%,330px); gap:10px;}
  .hero-btns .btn-primary,.hero-btns .btn-outline {width:auto; max-width:none; height:46px; padding:0 12px; box-sizing:border-box; font-size:13px;}
  .hero .swiper-pagination {bottom:17px!important; padding:0 18px; text-align:right;}

  .service-strip .inner {padding:0;}
  .service-strip ul {grid-template-columns:repeat(2,minmax(0,1fr));}
  .service-strip li {min-height:82px; box-sizing:border-box; justify-content:flex-start; gap:10px; padding:15px 14px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14);}
  .service-strip li:nth-child(2n) {border-right:0;}
  .service-strip li:nth-last-child(-n+2) {border-bottom:0;}
  .service-strip li i {font-size:14px;}
  .service-strip strong {font-size:14px; letter-spacing:.04em;}
  .service-strip span {font-size:11px; line-height:1.45;}

  .home-section {padding:62px 0;}
  .section-head,.intro-head {display:block; margin-bottom:28px;}
  .section-head h2,.about-text h2 {font-size:clamp(29px,8.5vw,36px); line-height:1.28;}
  .intro-head>p,.section-side-copy {max-width:none; margin-top:17px; padding:0; line-height:1.8;}
  .section-side-copy p {margin-bottom:16px;}
  .section-head>.link-more {display:inline-flex; margin-top:18px;}
  .section-en {margin-bottom:11px; font-size:9px; letter-spacing:.22em;}

  .cat-grid,.product-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 12px;}
  .cat-card:nth-child(even) {margin-top:26px;}
  .cat-cover {margin-bottom:12px;}
  .cat-card h3 {font-size:16px; line-height:1.4;}
  .product-card h3 {padding-top:11px; font-size:13px; line-height:1.55;}
  .product-card a:after {display:none;}
  .news-grid {grid-template-columns:1fr; gap:32px;}

  .case-showcase {padding:62px 0;}
  .case-grid {gap:12px;}
  .case-card:first-child .case-image,.case-card:nth-child(4) .case-image,.case-image {min-height:0; height:auto; aspect-ratio:4/3;}
  .case-caption {gap:4px 12px; padding:18px;}
  .case-caption h3 {font-size:21px;}
  .case-caption i {width:36px; height:36px;}

  .design-process {padding:64px 0;}
  .design-process:before {top:-80px; right:-170px; width:360px; height:360px;}
  .process-layout {gap:42px;}
  .process-intro h2 {margin:13px 0 18px; font-size:32px; line-height:1.35;}
  .process-intro p {margin-bottom:25px; font-size:14px;}
  .btn-light {width:100%; height:48px; box-sizing:border-box;}
  .process-steps li {grid-template-columns:38px 1fr; gap:12px; padding:20px 0;}
  .process-steps h3 {font-size:18px;}
  .process-steps p {font-size:12px; line-height:1.65;}

  .about-text {padding:58px 18px;}
  .about-visual {min-height:0; aspect-ratio:4/3;}
  .page-banner {height:190px;}
  .page-banner-inner h1 {font-size:30px;}
  .page-layout {padding-top:24px;}
  .content-card {padding:24px 18px;}
  .content-card.prolist .product-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 12px;}
  .newsitem-body h2 {font-size:18px;}
  .post-single .post_title {font-size:26px; line-height:1.4;}
  .post-single .entry {overflow-wrap:anywhere;}
  .post-single .entry table {display:block; overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .detail-cover {margin-left:-18px; margin-right:-18px;}

  #footer {padding-top:50px;}
  .footer-main {gap:28px;}
  .footer-brand img {width:auto; height:34px; max-width:100%;}
  .copyright-bar {padding-bottom:4px; font-size:11px; line-height:1.8;}
  .floating-actions {z-index:80;}
  .float-phone {min-width:0;}
  .back-top {display:none!important; align-items:center; justify-content:center; background:var(--brand-cyan)!important; color:var(--brand-dark)!important; font-weight:700;}
  .back-top.is-visible {display:flex!important;}
}

@media only screen and (max-width:360px){
  .header-top {padding-left:14px; padding-right:14px;}
  #logo img,.site-top.is-scrolled #logo img {height:27px;}
  .header-actions {gap:11px;}
  .hero-content h1 {font-size:33px;}
  .hero-btns {width:100%;}
  .service-strip li {padding-left:11px; padding-right:8px;}
  .cat-grid,.product-grid,.content-card.prolist .product-grid {gap:24px 10px;}
}