@import url('/public/static/common/css/brand-theme.css?v=home-reference-20261022-r6');
/* 易优CMS（eyoucms.com）安全--简单--易用 */
/****************************** components ******************************/
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.clearfix, .container:after, .row:after, ul {
 *zoom: 1;
}
.clearfix:after, .container:after, .row:after, ul:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.container {
	margin-right: auto;
	margin-left: auto;
}
.content img {
	max-width: 100%;
}
.content_box, .content_box *, .content_box *:before, .content_box *:after {
	box-sizing: content-box;
}
.ml5 {
	margin-left: 5px;
}
.mt5 {
	margin-top: 5px;
}
.mr5 {
	margin-right: 5px;
}
.mb5 {
	margin-bottom: 5px;
}
.mg5 {
	margin: 5px;
}
.pl5 {
	padding-left: 5px;
}
.pt5 {
	padding-top: 5px;
}
.pr5 {
	padding-right: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.pd5 {
	padding: 5px;
}
.ml10 {
	margin-left: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.mg10 {
	margin: 10px;
}
.pl10 {
	padding-left: 10px;
}
.pt10 {
	padding-top: 10px;
}
.pr10 {
	padding-right: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.pd10 {
	padding: 10px;
}
.ml15 {
	margin-left: 15px;
}
.mt15 {
	margin-top: 15px;
}
.mr15 {
	margin-right: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
.mg15 {
	margin: 15px;
}
.pl15 {
	padding-left: 15px;
}
.pt15 {
	padding-top: 15px;
}
.pr15 {
	padding-right: 15px;
}
.pb15 {
	padding-bottom: 15px;
}
.pd15 {
	padding: 15px;
}
.ml20 {
	margin-left: 20px;
}
.mt20 {
	margin-top: 20px;
}
.mr20 {
	margin-right: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.mg20 {
	margin: 20px;
}
.pl20 {
	padding-left: 20px;
}
.pt20 {
	padding-top: 20px;
}
.pr20 {
	padding-right: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.pd20 {
	padding: 20px;
}
.ml25 {
	margin-left: 25px;
}
.mt25 {
	margin-top: 25px;
}
.mr25 {
	margin-right: 25px;
}
.mb25 {
	margin-bottom: 25px;
}
.mg25 {
	margin: 25px;
}
.pl25 {
	padding-left: 25px;
}
.pt25 {
	padding-top: 25px;
}
.pr25 {
	padding-right: 25px;
}
.pb25 {
	padding-bottom: 25px;
}
.pd25 {
	padding: 25px;
}
.ml30 {
	margin-left: 30px;
}
.mt30 {
	margin-top: 30px;
}
.mr30 {
	margin-right: 30px;
}
.mb30 {
	margin-bottom: 30px;
}
.mg30 {
	margin: 30px;
}
.pl30 {
	padding-left: 30px;
}
.pt30 {
	padding-top: 30px;
}
.pr30 {
	padding-right: 30px;
}
.pb30 {
	padding-bottom: 30px;
}
.pd30 {
	padding: 30px;
}
.ml35 {
	margin-left: 35px;
}
.mt35 {
	margin-top: 35px;
}
.mr35 {
	margin-right: 35px;
}
.mb35 {
	margin-bottom: 35px;
}
.mg35 {
	margin: 35px;
}
.pl35 {
	padding-left: 35px;
}
.pt35 {
	padding-top: 35px;
}
.pr35 {
	padding-right: 35px;
}
.pb35 {
	padding-bottom: 35px;
}
.pd35 {
	padding: 35px;
}
.ml40 {
	margin-left: 40px;
}
.mt40 {
	margin-top: 40px;
}
.mr40 {
	margin-right: 40px;
}
.mb40 {
	margin-bottom: 40px;
}
.mg40 {
	margin: 40px;
}
.pl40 {
	padding-left: 40px;
}
.pt40 {
	padding-top: 40px;
}
.pr40 {
	padding-right: 40px;
}
.pb40 {
	padding-bottom: 40px;
}
.pd40 {
	padding: 40px;
}
.ml45 {
	margin-left: 45px;
}
.mt45 {
	margin-top: 45px;
}
.mr45 {
	margin-right: 45px;
}
.mb45 {
	margin-bottom: 45px;
}
.mg45 {
	margin: 45px;
}
.pl45 {
	padding-left: 45px;
}
.pt45 {
	padding-top: 45px;
}
.pr45 {
	padding-right: 45px;
}
.pb45 {
	padding-bottom: 45px;
}
.pd45 {
	padding: 45px;
}
.ml50 {
	margin-left: 50px;
}
.mt50 {
	margin-top: 50px;
}
.mr50 {
	margin-right: 50px;
}
.mb50 {
	margin-bottom: 50px;
}
.mg50 {
	margin: 50px;
}
.pl50 {
	padding-left: 50px;
}
.pt50 {
	padding-top: 50px;
}
.pr50 {
	padding-right: 50px;
}
.pb50 {
	padding-bottom: 50px;
}
.pd50 {
	padding: 50px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f22 {
	font-size: 22px;
}
.f24 {
	font-size: 24px;
}
.f26 {
	font-size: 26px;
}
.f28 {
	font-size: 28px;
}
.f30 {
	font-size: 30px;
}
.f32 {
	font-size: 32px;
}
.f34 {
	font-size: 34px;
}
.f36 {
	font-size: 36px;
}
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;/* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
	display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
	/* 1 */
	display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;/* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;/* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent;
	/* 1 */
	-webkit-text-decoration-skip: objects;/* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;/* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
	font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
	font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;/* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
	background-color: #ff0;
	color: var(--ink);
}
/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
	display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
	margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
	/* 1 */
	overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
	/* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"] {
 -webkit-appearance: button;
/* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;/* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;/* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"] {
 box-sizing: border-box;
  /* 1 */
  padding: 0;
/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
 -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
/* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
 -webkit-appearance: button;
  /* 1 */
  font: inherit;
/* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
	display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
 display: none;
}
* {
	box-sizing: border-box;
}
*:before, *:after {
	box-sizing: border-box;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0;
}
address, cite, dfn, em, var {
	font-style: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
legend {
	color: var(--ink);
}
fieldset, img {
	border: 0;
}
body, button, input, select, textarea {
	font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", "arial";
	color: var(--text);
	font-size: 14px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul, ol {
	list-style: none;
}
a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] {
	cursor: pointer;
}
a {
	color: inherit;
 color: expression(this.parentNode.currentStyle.color);
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
}
small {
	font-size: 12px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0;
}
 @media screen and (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0;
}
}
 @media screen and (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
.col-md-pull-12 {
	right: 100%;
}
.col-md-pull-11 {
	right: 91.66666667%;
}
.col-md-pull-10 {
	right: 83.33333333%;
}
.col-md-pull-9 {
	right: 75%;
}
.col-md-pull-8 {
	right: 66.66666667%;
}
.col-md-pull-7 {
	right: 58.33333333%;
}
.col-md-pull-6 {
	right: 50%;
}
.col-md-pull-5 {
	right: 41.66666667%;
}
.col-md-pull-4 {
	right: 33.33333333%;
}
.col-md-pull-3 {
	right: 25%;
}
.col-md-pull-2 {
	right: 16.66666667%;
}
.col-md-pull-1 {
	right: 8.33333333%;
}
.col-md-pull-0 {
	right: auto;
}
.col-md-push-12 {
	left: 100%;
}
.col-md-push-11 {
	left: 91.66666667%;
}
.col-md-push-10 {
	left: 83.33333333%;
}
.col-md-push-9 {
	left: 75%;
}
.col-md-push-8 {
	left: 66.66666667%;
}
.col-md-push-7 {
	left: 58.33333333%;
}
.col-md-push-6 {
	left: 50%;
}
.col-md-push-5 {
	left: 41.66666667%;
}
.col-md-push-4 {
	left: 33.33333333%;
}
.col-md-push-3 {
	left: 25%;
}
.col-md-push-2 {
	left: 16.66666667%;
}
.col-md-push-1 {
	left: 8.33333333%;
}
.col-md-push-0 {
	left: auto;
}
.col-md-offset-12 {
	margin-left: 100%;
}
.col-md-offset-11 {
	margin-left: 91.66666667%;
}
.col-md-offset-10 {
	margin-left: 83.33333333%;
}
.col-md-offset-9 {
	margin-left: 75%;
}
.col-md-offset-8 {
	margin-left: 66.66666667%;
}
.col-md-offset-7 {
	margin-left: 58.33333333%;
}
.col-md-offset-6 {
	margin-left: 50%;
}
.col-md-offset-5 {
	margin-left: 41.66666667%;
}
.col-md-offset-4 {
	margin-left: 33.33333333%;
}
.col-md-offset-3 {
	margin-left: 25%;
}
.col-md-offset-2 {
	margin-left: 16.66666667%;
}
.col-md-offset-1 {
	margin-left: 8.33333333%;
}
.col-md-offset-0 {
	margin-left: 0;
}
}
 @media screen and (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-pull-12 {
	right: 100%;
}
.col-lg-pull-11 {
	right: 91.66666667%;
}
.col-lg-pull-10 {
	right: 83.33333333%;
}
.col-lg-pull-9 {
	right: 75%;
}
.col-lg-pull-8 {
	right: 66.66666667%;
}
.col-lg-pull-7 {
	right: 58.33333333%;
}
.col-lg-pull-6 {
	right: 50%;
}
.col-lg-pull-5 {
	right: 41.66666667%;
}
.col-lg-pull-4 {
	right: 33.33333333%;
}
.col-lg-pull-3 {
	right: 25%;
}
.col-lg-pull-2 {
	right: 16.66666667%;
}
.col-lg-pull-1 {
	right: 8.33333333%;
}
.col-lg-pull-0 {
	right: auto;
}
.col-lg-push-12 {
	left: 100%;
}
.col-lg-push-11 {
	left: 91.66666667%;
}
.col-lg-push-10 {
	left: 83.33333333%;
}
.col-lg-push-9 {
	left: 75%;
}
.col-lg-push-8 {
	left: 66.66666667%;
}
.col-lg-push-7 {
	left: 58.33333333%;
}
.col-lg-push-6 {
	left: 50%;
}
.col-lg-push-5 {
	left: 41.66666667%;
}
.col-lg-push-4 {
	left: 33.33333333%;
}
.col-lg-push-3 {
	left: 25%;
}
.col-lg-push-2 {
	left: 16.66666667%;
}
.col-lg-push-1 {
	left: 8.33333333%;
}
.col-lg-push-0 {
	left: auto;
}
.col-lg-offset-12 {
	margin-left: 100%;
}
.col-lg-offset-11 {
	margin-left: 91.66666667%;
}
.col-lg-offset-10 {
	margin-left: 83.33333333%;
}
.col-lg-offset-9 {
	margin-left: 75%;
}
.col-lg-offset-8 {
	margin-left: 66.66666667%;
}
.col-lg-offset-7 {
	margin-left: 58.33333333%;
}
.col-lg-offset-6 {
	margin-left: 50%;
}
.col-lg-offset-5 {
	margin-left: 41.66666667%;
}
.col-lg-offset-4 {
	margin-left: 33.33333333%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-2 {
	margin-left: 16.66666667%;
}
.col-lg-offset-1 {
	margin-left: 8.33333333%;
}
.col-lg-offset-0 {
	margin-left: 0;
}
}
/****************************** style ******************************/
body, button, input, select, textarea {
	font: 12px/1.4 "\5FAE\8F6F\96C5\9ED1", "arial";
	color: var(--text);
	font-size: 12px;
}
body {
	background: var(--page);
}
.center {
	width: 1200px;
	margin: 0 auto;
}
.top {
	width: 100%;
	height: 46px;
	background: var(--ink);
}
.top .box .city {
	float: left;
	position: relative;
}
.top .box .city p {
	cursor: pointer;
	font-size: 14px;
	color: var(--brand-strong);
	line-height: 46px;
	display: block;
	padding-left: 20px;
	background: url(../images/icmap.png) no-repeat left center;
}
.top .box .city p span {
	color: var(--text-muted);
}
.top .box .city .city_text {
	position: absolute;
	width: 330px;
	top: 32px;
	left: 25px;
	z-index: 1200;
	display: none;
}
.top .box .city .city_text img {
	height: 16px;
	margin-left: 66px;
}
.top .box .city .city_text ul {
	padding: 10px 20px;
	background: var(--surface);
	margin-top: -6px;
}
.top .box .city .city_text ul li {
	width: 100%;
	float: left;
	margin: 7px 0;
}
.top .box .city .city_text ul li a {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: var(--brand-strong);
	line-height: 24px;
}
.top .box .city .city_text ul li .city_son {
	width: 260px;
	float: left;
}
.top .box .city .city_text ul li .city_son a {
	font-weight: normal;
	color: var(--text-muted);
	margin-left: 20px;
	font-size: 14px;
}
.top .box .city .city_text ul li .city_son a:hover {
	color: var(--brand-strong);
}
.top .box .text {
	float: right;
}
.top .box .text a {
	font-size: 14px;
	color: var(--text-muted);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	line-height: 46px;
	margin-left: 10px;
}
.top .box .text p {
	font-size: 14px;
	color: var(--text-muted);
	line-height: 100%;
	border-left: 1px solid #999;
	margin-left: 8px;
	padding-left: 8px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
.header {
	--header-height: 56px;
	width: 100%;
	height: var(--header-height);
	background: var(--surface);
	position: relative;
	box-shadow: 0px 5px 10px 1px var(--border);
	z-index: 1000;
}
.header .text {
	width: 100%;
}
.header .text .logo {
	width: 20%;
	height: var(--header-height);
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.header .text .logo a {
	float: left;
}
.header .text .logo a img {
	height: 48px;
	display: block;
}
.header .text .fr {
	float: left;
	width: 80%;
}
.header .text .fr .nav {
	width: 100%;
}
.header .text .fr .nav ul {
	float: right;
}
.header .text .fr .nav ul li {
	float: left;
	margin-left: 30px;
}
.header .text .fr .nav ul li a {
	width: 100%;
	text-align: center;
	line-height: calc(var(--header-height) - 3px);
	font-size: 15px;
	color: var(--text);
	display: block;
	border-bottom: 3px solid var(--surface);
}
.header .text .fr .nav ul li a:hover {
	color: var(--brand-strong);
	border-bottom: 3px solid var(--brand-strong);
}
.header .text .fr .nav ul li a.active {
	color: var(--brand-strong);
	border-bottom: 3px solid var(--brand-strong);
}
.fixed {
	position: fixed;
	top: 0;
	z-index: 1000;
}
.banner {
	width: 100%;
	margin-top: 30px;
}
.banner .box {
	width: 100%;
	box-shadow: 0px 1px 10px 1px var(--border);
}
.box_menu {
	width: 290px;
	height: 480px;
	float: left;
	background: var(--ink);
	position: relative;
	padding-top: 30px;
}
.box_menu ul li {
	width: 100%;
	padding-left: 30px;
	line-height: 50px;
}
.box_menu ul li .list a {
	font-size: 14px;
	color: var(--surface);
	margin-left: 10px;
}
.box_menu ul li .list a:first-child {
	font-size: 16px;
	margin-left: 0;
	margin-right: 10px;
}
.box_menu ul li .text {
	position: absolute;
	left: 290px;
	top: 0;
	width: 910px;
	height: 480px;
	background: var(--surface);
	z-index: 999;
	display: none;
	padding-top: 30px;
	padding-left: 45px;
}
.box_menu ul li .text .fl {
	width: 150px;
}
.box_menu ul li .text .fl a {
	line-height: 50px;
	font-size: 16px;
	text-decoration:none;
	padding-bottom: 1px;
	display: block;
}
.box_menu ul li .text .fl a:hover {
	color: var(--brand-strong);
}
.box_menu ul li .text .fr {
	width: 710px;
	float: left;
	padding-right: 5%;
}
.box_menu ul li .text .fr a {
	font-size: 14px;
	color: var(--text-muted);
	float: left;
	margin-right: 45px;
}
.box_menu ul li .text .fr a:hover {
	color: var(--brand-strong);
}
.box_menu ul li:hover {
	background: var(--surface);
}
.box_menu ul li:hover .list a {
	color: var(--text-muted);
}
.box_menu ul li:hover .list a:hover {
	color: var(--brand-strong);
}
.box_menu ul li:hover .text {
	display: block;
}
.banner_list {
	width: 910px !important;
	height: 480px;
	float: left;
	overflow: hidden;
}
.banner_list ul li {
	width: 910px;
}
.banner_list ul li img {
	width: 910px;
	height: 480px;
}
.banner_btn {
	text-align: center;
	position: absolute;
	z-index: 9;
	right: 20px;
	bottom: 10px;
	overflow: hidden;
	width: 91px;
	height: 24px;
	background: url(../images/bannerbg.png) no-repeat center;
}
.banner_btn span {
	margin-top: 4px;
	display: block;
}
.banner_btn a {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	overflow: hidden;
	cursor: pointer;
	background: none;
	margin: 0 3px;
	border: solid 1px var(--border);
}
.banner_btn a.in {
	background: var(--surface);
	border: solid 1px var(--surface);
}
.main {
	width: 100%;
}
.box_tit {
	width: 100%;
}
.box_tit span {
	display: block;
	font-size: 20px;
	color: var(--brand-strong);
	text-align: center;
	line-height: 110%;
	font-weight: bold;
}
.box_tit p {
	display: block;
	font-size: 16px;
	color: var(--text-muted);
	text-align: center;
	line-height: 160%;
}
.i_box1 {
	width: 100%;
	margin-top: 40px;
}
.i_box1 .list {
	width: 100%;
	z-index: 99;
	margin-top: 20px;
}
.i_box1 .list ul li {
	width: 25%;
	float: left;
	padding: 20px;
}
.i_box1 .list ul li:nth-child(4n) {
	margin-right: 0;
}
.i_box1 .list ul li .pic {
	width: 100%;
	position: relative;
}
.i_box1 .list ul li .pic img {
	display: block;
	width: 100%;
	height: auto;
}
.i_box1 .list ul li .pic span {
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
	height: 34px;
	background: var(--brand-soft);
	font-size: 14px;
	text-align: center;
	display: block;
	line-height: 34px;
	color: var(--brand-strong, #F47800);
	border-bottom-right-radius: 10px;
}
.i_box1 .list ul li .text a {
	font-size: 16px;
	color: var(--text);
	display: block;
	margin-top: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.i_box1 .list ul li .text p {
	font-size: 14px;
	color: var(--text-muted);
	display: block;
	margin-top: 15px;
}
.i_box1 .list ul li:hover {
	background: var(--surface);
	box-shadow: 0px 1px 10px 1px var(--border);
}
.i_box2 {
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}
.i_box2 .box {
	width: 100%;
	padding: 30px 20px;
	margin: 20px 0;
	background: var(--surface);
	box-shadow: 0px 1px 10px 1px var(--border);
}
.i_box2 .list {
	width: 100%;
	margin-top: 20px;
}
.i_box2 .list .fl {
	width: 560px;
}
.i_box2 .list .fl img {
	width: 560px;
	height: 376px;
}
.i_box2 .list .fl span {
	display: block;
	font-size: 16px;
	color: var(--text);
	margin-top: 9px;
}
.i_box2 .list .fl span:hover {
	color: var(--brand-strong);
}
.i_box2 .list .fl p {
	font-size: 14px;
	color: var(--text-muted);
	display: block;
	margin-top: 2px;
}
.i_box2 .list .fr {
	width: 600px;
}
.i_box2 .list .fr ul {
	width: 100%;
}
.i_box2 .list .fr ul li {
	width: 45%;
	margin-left: 5%;
	float: left;
	margin-bottom: 20px;
}
.i_box2 .list .fr ul li img {
	width: 270px;
	height: 152px;
	display: block;
}
.i_box2 .list .fr ul li span {
	display: block;
	font-size: 16px;
	color: var(--text);
	margin-top: 9px;
}
.i_box2 .list .fr ul li span:hover {
	color: var(--brand-strong);
}
.i_box2 .list .fr ul li p {
	font-size: 14px;
	color: var(--text-muted);
	display: block;
	margin-top: 2px;
}
.i_box3 {
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}
.i_box3 .box {
	width: 100%;
}
.i_box3 .box .list {
	width: 23%;
	padding: 20px 16px;
	margin: 10px 0;
	float: left;
	margin-left: 2.66%;
	background: var(--surface);
	box-shadow: 0px 1px 10px 1px var(--border);
}
.i_box3 .box .list img {
	display: block;
	margin: 0 auto;
	height: 35px;
	margin-top: 20px;
}
.i_box3 .box .list h3 {
	display: block;
	text-align: center;
	font-size: 18px;
	color: var(--brand-strong);
	margin-top: 15px;
}
.i_box3 .box .list ul {
	width: 100%;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid var(--border);
}
.i_box3 .box .list ul li a {
	font-size: 14px;
	color: var(--text);
	display: block;
	line-height: 36px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.i_box3 .box .list ul li a:hover {
	color: var(--brand-strong);
}
.i_box3 .box .list .more img {
	height: auto;
}
.i_box3 .box .list:first-child {
	margin-left: 0;
}
.i_box3 .box .list:hover {
	box-shadow: 0px 1px 10px 1px var(--border);
}
.i_box4 {
	width: 100%;
	margin-top: 40px;
	position: relative;
}
.i_box4 .list ul li {
	float: left;
	margin-right: 23.66px;
	margin-top: 23.66px;
}
.i_box4 .list ul li .imgauto {
	height: 90px;
	width: 180px;
	padding: 15px;
	background: var(--surface);
}
.i_box4 .list ul li:nth-child(6n) {
	margin-right: 0;
}
.footer {
	width: 100%;
	padding: 45px 0;
	margin-top: 60px;
	background: var(--surface);
}
.footer .foot_text1 .fl a {
	float: left;
	padding-left: 70px;
	margin-right: 70px;
	border-left: 1px solid var(--border);
}
.footer .foot_text1 .fl a img {
	display: block;
	margin: 0 auto;
}
.footer .foot_text1 .fl a span {
	display: block;
	font-size: 14px;
	text-align: center;
	color: var(--text-muted);
	margin-top: 15px;
}
.footer .foot_text1 .fl a:first-child {
	padding: 0;
	border: none;
}
.footer .foot_text1 .fr span {
	display: block;
	font-size: 24px;
	color: var(--brand-strong);
	text-align: right;
}
.footer .foot_text1 .fr p {
	font-size: 14px;
	color: var(--brand-strong);
	text-align: right;
	margin-top: 5px;
}
.footer .foot_text2 {
	display: flex;
	align-items: center;
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid var(--border);
}
.footer .foot_text2:after {
	display: none;
}
.footer .foot_text2 > .fl {
	float: none;
	flex: 1;
	min-width: 0;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	align-items: center;
	align-self: stretch;
}
.footer .foot_text2 > .fr {
	float: none;
	flex: none;
	margin-left: 32px;
}
.footer .foot_text2 .fl .foot_nav a {
	border-left: 1px solid var(--border);
	font-size: 14px;
	color: var(--text);
	float: left;
	text-align: center;
	padding-left: 32px;
	margin-right: 32px;
}
.footer .foot_text2 .fl .foot_nav a:first-child {
	border: none;
	padding: 0;
}
.footer .foot_text2 .fl .foot_nav a:hover {
	color: var(--brand-strong);
}
.footer .foot_text2 .fl .copyright {
	width: 100%;
	margin-top: 0;
}
.footer .foot_text2 .fl .copyright p {
	font-size: 14px;
	color: var(--text-muted);
	display: block;
}
.footer .foot_text2 .fl .copyright p a {
	font-size: 14px;
	color: var(--text-muted);
}
.footer .foot_text2 .fr img {
	display: block;
	width: 160px;
	height: auto;
}
.currson {
	margin: 16px 0;
	margin-top: 20px;
	width: 100%;
}
.currson .text select {
	width: 110px;
	height: 26px;
	background: var(--surface);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	outline: 0;
	border: none;
	border: 1px solid var(--border);
	font-size: 14px;
	color: var(--text-muted);
}
.currson .text p {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin-left: 30px;
}
.currson .text p a {
	font-size: 14px;
	color: var(--text-muted);
	line-height: 26px;
}
.currson .text p a:hover {
	color: var(--brand-strong);
}
.pro_shaix .box {
	font-size: 12px;
	border: 1px solid var(--border);
	padding: 20px;
	box-shadow: 0px 1px 10px 1px var(--border);
	background: var(--surface);
}
.pro_shaix .box .nav_group_item {
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid var(--border);
	border-top: none;
	position: relative;
	overflow: hidden;
}
.pro_shaix .box .nav_group_item .item_name {
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: var(--text-muted);
	width: 90px;
	padding-left: 5px;
}
.pro_shaix .box .nav_group_item .item_list {
	width: 1065px;
	float: left;
}
.pro_shaix .box .nav_group_item .item_list a {
	margin-right: 40px;
	float: left;
	font-size: 14px;
	color: var(--text);
	height: 40px;
	line-height: 40px;
}
.pro_shaix .box .nav_group_item .item_list a:hover {
	color: var(--brand-strong);
}
.pro_shaix .box .nav_group_item .item_list a.active {
	color: var(--brand-strong);
	font-weight: bold;
}
.pro_shaix .box .nav_group_item .clickbtn {
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	top: 0;
	z-index: 19;
	background: url(../images/xiajt.png) no-repeat center;
	cursor: pointer;
}
.pro_shaix .box .nav_group_item.heightauto {
	height: auto;
	z-index: 29;
	background: var(--surface);
	border-bottom: 1px solid var(--border);
}
.pro_shaix .text {
	width: 100%;
	margin-top: 20px;
}
.pro_shaix .text a {
	width: 105px;
	height: 32px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	border: 1px solid var(--surface);
	text-align: center;
	line-height: 30px;
	border-radius: 6px;
	margin-right: 8px;
}
.pro_shaix .text a:hover {
	border: 1px solid var(--brand-strong);
}
.pro_shaix .text a.on {
	border: 1px solid var(--brand-strong);
}
.pro_list {
	width: 100%;
}
.pro_list ul li {
	width: 23%;
	float: left;
	margin-top: 2.66%;
	margin-right: 2.66%;
	padding: 10px;
	background: var(--surface);
	box-shadow: 0px 1px 10px 1px var(--border);
}
.pro_list ul li .imgauto {
	width: 256px;
	height: 256px;
}
.pro_list ul li strong {
	font-size: 14px;
	color: var(--brand-strong);
	display: block;
	margin-top: 8px;
}
.pro_list ul li strong i {
	font-style: normal;
	font-size: 20px;
	color: var(--brand-strong);
	font-weight: bold;
	padding-right: 5px;
}
.pro_list ul li p {
	font-size: 14px;
	color: var(--text-muted);
	display: block;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pro_list ul li p.coor {
	color: var(--text-muted);
}
.pro_list ul li span {
	font-size: 14px;
	width: 36px;
	height: 20px;
	background: var(--brand-soft);
	display: block;
	text-align: center;
	color: var(--brand-strong, #F47800);
	line-height: 20px;
	margin-top: 5px;
}
.pro_list ul li:nth-child(4n) {
	margin-right: 0;
}
.pro_text1 {
	width: 100%;
	padding: 30px 20px;
	padding-bottom: 15px;
	background: var(--surface);
	box-shadow: 0px 1px 10px 1px var(--border);
}
.pro_text1 .fl {
	width: 426px;
	padding-left: 10px;
}
.pro_text1 .fl img {
	width: 100%;
	display: block;
}
.pro_text1 .fl p {
	margin-top: 10px;
}
.pro_text1 .fl p span {
	line-height: 30px;
	padding-left: 20px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	background: url(../images/gou.png) no-repeat left center;
	margin-left: 20px;
	font-size: 14px;
	color: var(--text-muted);
}
.pro_text1 .fl p span:first-child {
	margin-left: 0;
}
.pro_text1 .fr {
	width: 705px;
}
.pro_text1 .fr .fr_tit h3,
.pro_text1 .fr .fr_tit h1 {
	font-size: 22px;
	color: var(--ink);
	font-weight: bold;
	display: block;
	line-height: 24px;
}
.pro_text1 .fr .fr_tit h3 i,
.pro_text1 .fr .fr_tit h1 i {
	width: 50px;
	height: 24px;
	background: var(--brand-soft);
	font-size: 16px;
	color: var(--brand-strong, #F47800);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	line-height: 24px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	margin-right: 10px;
}
.pro_text1 .fr .fr_tit p {
	font-size: 14px;
	color: var(--text-muted);
	display: block;
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border);
}
.pro_text1 .fr .price {
	height: 64px;
	background: var(--brand-soft);
	width: 100%;
	margin-top: 18px;
	overflow: hidden;
}
.pro_text1 .fr .price span {
	float: left;
	font-size: 14px;
	color: var(--text-muted);
	letter-spacing: 10px;
	line-height: 64px;
	padding-left: 20px;
}
.pro_text1 .fr .price strong {
	font-weight: normal;
	font-size: 14px;
	color: var(--brand-strong);
	line-height: 60px;
	margin-left: 30px;
	float: left;
}
.pro_text1 .fr .price strong i {
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
}
.pro_text1 .fr .price em {
	font-style: normal;
	font-size: 14px;
	color: var(--text-muted);
	float: left;
	line-height: 64px;
	margin-left: 30px;
	text-decoration: line-through;
}
.pro_text1 .fr .text {
	width: 100%;
	margin-top: 20px;
}
.pro_text1 .fr .text p {
	width: 100%;
	float: left;
	margin: 8px 0;
}
.pro_text1 .fr .text p span {
	float: left;
	font-size: 14px;
	color: var(--text-muted);
	width: 65px;
	line-height: 32px;
}
.pro_text1 .fr .text p a {
	padding: 0 12px;
	height: 32px;
	line-height: 30px;
	border: 1px solid var(--border);
	font-size: 14px;
	color: var(--text-muted);
	float: left;
	margin-left: 10px;
	outline: 0;
	margin-bottom: 10px;
}
.pro_text1 .fr .text p a.on {
	color: var(--brand-strong);
	border: 1px solid var(--brand-strong);
}
.pro_text1 .fr .more {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--border);
}
.pro_text1 .fr .more a {
	width: 200px;
	height: 48px;
	border: 1px solid var(--brand-strong);
	font-size: 16px;
	color: var(--brand-strong);
	line-height: 46px;
	text-align: center;
	display: block;
	padding-left: 25px;
	background: url(../images/ting.png) no-repeat 50px center;
}
.pro_text2 {
	width: 100%;
	margin-top: 30px;
	background: var(--surface);
	padding: 30px 0;
}
.pro_text2 .probox {
	width: 100%;
}
.pro_text2 .probox .hd {
	width: 100%;
	padding: 0 30px;
	border-bottom: 1px solid var(--border);
}
.pro_text2 .probox .hd li {
	font-size: 16px;
	color: var(--ink);
	float: left;
	margin-right: 50px;
	cursor: pointer;
	padding-bottom: 20px;
	border-bottom: 3px solid var(--surface);
}
.pro_text2 .probox .hd li.on {
	color: var(--brand-strong);
	border-bottom: 3px solid var(--brand-strong);
}
.pro_text2 .probox .bd {
	width: 100%;
}
.pro_text2 .probox .bd ul .text_content .queslist {
	width: 100%;
	padding: 0 30px;
}
.pro_text2 .probox .bd ul .text_content .queslist .inhd {
	margin-top: 30px;
	border: none;
}
.pro_text2 .probox .bd ul .text_content .queslist .inhd li {
	width: 105px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--surface);
	float: left;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	border-radius: 6px;
	font-size: 14px;
}
.pro_text2 .probox .bd ul .text_content .queslist .inhd li.on {
	color: var(--brand-strong);
	border: 1px solid var(--brand-strong);
}
.pro_text2 .probox .bd ul .text_content .queslist .inbd .list .item {
	width: 100%;
	float: left;
	margin-top: 35px;
}
.pro_text2 .probox .bd ul .text_content .queslist .inbd .list .item .li_tit {
	width: 100%;
	float: left;
}
.pro_text2 .probox .bd ul .text_content .queslist .inbd .list .item .li_tit img {
	width: 22px;
	margin: 9.5px 14px;
	float: left;
}
.pro_text2 .probox .bd ul .text_content .queslist .inbd .list .item .li_tit span {
	height: 43px;
	background: var(--brand-soft);
	float: left;
	width: 1090px;
	font-size: 14px;
	color: var(--text);
	line-height: 43px;
	padding: 0 15px;
}
.pro_text2 .probox .bd ul .text_content .queslist .inbd .list .item .li_desc {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.pro_text2 .probox .bd ul .text_content .queslist .inbd .list .item .li_desc img {
	width: 22px;
	margin: 9.5px 14px;
	float: left;
}
.proart_content {
	float: left;
	background: var(--page);
	padding: 15px;
	width: 1090px;
}
.pro_text2 .probox .bd ul .text_content .queslist .inbd .list .item .li_desc p {
	font-size: 14px;
	color: var(--text);
	line-height: 24px;
}
.text_content {
	width: 100%;
	min-height: 1px;
}
.text_content img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.art_text {
	width: 100%;
	margin-top: 30px;
}
.art_text .textfl {
	width: 820px;
	float: left;
}
.art_text .textfl .new_banner {
	height: 277px;
	overflow: hidden;
}
.art_text .textfl .new_banner img {
	width: 100%;
	height: 277px;
	display: block;
}
.art_text .textfr {
	width: 360px;
	float: right;
}
.art_text .textfr .fr_text1 {
	width: 100%;
	background: var(--surface);
	padding: 20px;
	height: 277px;
}
.art_text .textfr .fr_text1 span {
	font-size: 14px;
	color: var(--brand-strong);
	display: block;
}
.art_text .textfr .fr_text1 .search {
	width: 100%;
	margin-top: 12px;
	margin-bottom: 20px;
}
.art_text .textfr .fr_text1 .search input {
	width: 250px;
	height: 34px;
	border: none;
	border: 1px solid var(--border);
	line-height: 32px;
	padding-left: 10px;
	float: left;
	outline: 0;
}
.art_text .textfr .fr_text1 .search .subbtn {
	width: 70px;
	float: left;
	background: var(--brand-action);
	color: var(--brand-on-button, #FFFFFF);
	font-size: 14px;
	padding: 0;
	text-align: center;
	border: 1px solid var(--brand-action);
}
.art_text .textfr .fr_text1 .list {
	width: 100%;
	margin-top: 12px;
}
.art_text .textfr .fr_text1 .list a {
	width: 32%;
	margin-right: 2%;
	float: left;
	height: 32px;
	line-height: 30px;
	border: 1px solid var(--border);
	text-align: center;
	margin-bottom: 8px;
}
.art_text .textfr .fr_text1 .list a:nth-child(3n) {
	margin-right: 0;
}
.art_list {
	width: 100%;
	background: var(--surface);
	padding: 0 20px;
	margin-top: 30px;
	padding-bottom: 20px;
}
.art_list ul li {
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--border);
}
.art_list ul li .pic {
	width: 280px;
	float: left;
}
.art_list ul li .pic .imgauto {
	width: 280px;
	height: 180px;
}
.art_list ul li .pic .imgauto img {
	width: 100%;
	height: 100%;
}
.art_list ul li .text {
	width: 498px;
	float: left;
	padding-left: 12px;
}
.art_list ul li .text a {
	font-size: 16px;
	color: var(--ink);
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
}
.art_list ul li .text a:hover {
	color: var(--brand-strong);
}
.art_list ul li .text p {
	font-size: 12px;
	color: var(--text-muted);
	display: block;
	line-height: 22px;
	margin-top: 10px;
}
.art_list ul li .text span {
	font-size: 12px;
	color: var(--text-muted);
	display: block;
	margin-top: 15px;
}
.art_list ul li .text i {
	font-style: normal;
	font-size: 12px;
	color: var(--text-muted);
	margin-top: 16px;
	display: block;
	margin-top: 8px;
}
.hot_new {
	width: 100%;
	background: var(--surface);
	padding: 10px;
	margin-top: 30px;
}
.hot_new .hot_tit h3 {
	font-size: 14px;
	color: var(--brand-strong);
	display: block;
	font-weight: normal;
	padding-left: 10px;
	border-bottom: 1px solid var(--border);
	padding-bottom: 12px;
	padding-top: 5px;
}
.hot_new .text {
	width: 100%;
	margin-top: 10px;
}
.hot_new .text .pic {
	width: 100%;
	position: relative;
}
.hot_new .text .pic img {
	width: 100%;
	display: block;
}
.hot_new .text .pic span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	font-size: 14px;
	color: var(--surface);
	padding: 6px 12px;
	line-height: 24px;
}
.hot_new .text .pic i {
	position: absolute;
	top: 15px;
	left: 0;
	font-style: normal;
	width: 50px;
	height: 27px;
	line-height: 27px;
	padding-left: 5px;
	font-size: 14px;
	color: var(--surface);
	background: url(../images/xz.png) no-repeat center;
}
.hot_new .list {
	width: 100%;
}
.hot_new .list ul li {
	width: 100%;
	float: left;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--border);
}
.hot_new .list ul li .pic {
	width: 120px;
	float: left;
	position: relative;
}
.hot_new .list ul li .pic .imgauto {
	width: 120px;
	height: 78px;
}
.hot_new .list ul li .pic .imgauto img {
	width: 100%;
	height: 100%;
}
.hot_new .list ul li .pic span {
	position: absolute;
	top: 0;
	left: 10px;
	width: 24px;
	height: 24px;
	font-size: 12px;
	background: var(--brand-action);
	color: var(--brand-on-action, #211A0B);
	text-align: center;
	line-height: 20px;
	display: block;
}
.hot_new .list ul li .text {
	width: 220px;
	float: left;
	padding-left: 10px;
	margin-top: 0;
}
.hot_new .list ul li .text a {
	display: block;
	font-size: 14px;
	color: var(--ink);
	line-height: 22px;
	height: 44px;
	overflow: hidden;
}
.hot_new .list ul li .text span {
	display: block;
	font-size: 14px;
	color: var(--text-muted);
	margin-top: 8px;
}
.show_content {
	width: 100%;
	background: var(--surface);
	padding: 20px;
}
.show_content .text1 p span {
	font-size: 14px;
	color: var(--text-muted);
	line-height: 24px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
.show_content .text1 p a {
	font-size: 14px;
	color: var(--text-muted);
	line-height: 24px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
.show_content .text1 p a:hover {
	color: var(--brand-strong);
}
.content_tit {
	width: 100%;
	margin-top: 20px;
}
.content_tit h3 {
	font-size: 20px;
	font-weight: bold;
	color: var(--ink);
	display: block;
	text-align: center;
}
.content_tit p {
	text-align: center;
	display: block;
	margin-top: 12px;
}
.content_tit p span {
	font-size: 14px;
	color: var(--text-muted);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin: 0 8px;
}
.content {
	width: 100%;
	border-top: 1px solid var(--border);
	padding-top: 12px;
	margin-top: 12px;
}
.content img {
	max-width: 100%;
	display: block;
	margin: 10px auto;
}
.content p {
	font-size: 14px;
	color: var(--text-muted);
	display: block;
	line-height: 24px;
	margin-bottom: 5px;
}
.show_pages {
	width: 100%;
	margin-top: 40px;
}
.show_pages p {
	width: 50%;
	line-height: 40px;
	font-size: 13px;
	color: var(--text-muted);
	display: block;
}
.show_pages p a {
	font-size: 13px;
	color: var(--text-muted);
}
.show_pages p a:hover {
	color: var(--brand-strong);
}
.show_pages .pfl {
	float: left;
	text-align: left;
}
.show_pages .pfr {
	float: right;
	text-align: right;
}
.page_text {
	width: 100%;
	margin-top: 30px;
}
.page_text .fl {
	width: 160px;
	background: var(--surface);
}
.page_text .fl .page_menu {
	padding: 30px 0;
}
.page_text .fl .page_menu ul li a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: var(--text-muted);
	margin: 20px 0 30px 0;
}
.page_text .fl .page_menu ul li a:hover {
	color: var(--brand-strong);
}
.page_text .fr {
	width: 1020px;
	background: var(--surface);
}
.page_text .fr .text {
	padding: 30px;
	width: 100%;
}
.page_text .fr .text .page_tit img {
	display: block;
	width: 100%;
}
.page_text .fr .text .page_tit h3 {
	font-size: 18px;
	color: var(--brand-strong);
	display: block;
	margin: 30px 0 20px 0;
	font-weight: normal;
	background: url(../images/titbg.png) no-repeat 120px center;
}
.page_text .fr .text .content {
	padding: 0;
	margin: 0;
	border: none;
}
.pages .pagination {
	text-align: center;
	height: auto;
}
.pages .pagination a {
	padding: 0;
	padding: 0 16px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	float: none;
	border: 1px solid var(--border)
}
.pages .pagination p {
	padding: 0;
	padding: 0 16px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	float: none;
	border: 1px solid var(--border);
	color: var(--text-muted);
}
.pages .pagination a:hover {
	border: 1px solid var(--brand-action-hover);
	color: var(--brand-on-action); background:var(--brand-action-hover); }
.pages .pagination a.cur {
	border: none;
	background: var(--brand-action);
	color: var(--brand-on-action, #211A0B);
	border: 1px solid var(--brand-action);
}
.fix_text {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1200;
	display: none
}
.fix_bg {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.fix_text .box {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 20%;
	width: 100%;
}
.fix_text .text {
	width: 400px;
	margin: 0 auto;
	background: var(--surface);
	padding: 30px;
	position: relative;
}
.fix_text .text p {
	width: 100%;
	float: left;
	margin-top: 10px;
	position: relative;
}
.fix_text .text p span {
	width: 100%;
	float: left;
	text-align: left;
	display: block;
	line-height: 32px;
	font-size: 14px;
	color: var(--text-muted);
}
.fix_text .text p input {
	padding-left: 8px;
	border: none;
	border: 1px solid var(--brand-strong);
	line-height: 36px;
	width: 100%;
	outline: 0;
	float: left;
}
.fix_text .text p.hide {
	display: none;
}
.fix_text .text p.yanz span {
}
.fix_text .text p.yanz input {
}
.fix_text .text p.yanz img {
	float: left;
	height: 36px;
	width: 120px;
	position: absolute;
	right: 1px;
	bottom: 1px;
}
.fix_text .text p .subbtn {
	padding-left: 0;
	width: 80px;
	height: 36px;
	background: var(--brand-action);
	line-height: 36px;
	color: var(--brand-on-button, #FFFFFF);
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}
.fix_text .text p .submitz {
	padding-left: 0;
	width: 80px;
	height: 36px;
	background: var(--brand-action);
	line-height: 36px;
	color: var(--brand-on-button, #FFFFFF);
	font-size: 14px;
	text-align: center;
	margin-left: 10px;
	margin-top: 10px;
}
.fix_text .text h3 {
	font-size: 24px;
	color: var(--brand-strong);
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.closed {
	position: absolute;
	width: 32px;
	height: 32px;
	background: var(--brand-strong);
	right: 5px;
	top: 5px;
	border-radius: 50%;
	cursor: pointer;
}
.closed img {
	margin: 0 auto;
	height: 22px;
	margin-top: 5px;
	display: block;
}
.top .box .city .city_text {
	height: 0;
	overflow: hidden;
	display: block;
	transition: .8s;
	width: 700px;
}
.top .box .city .city_text .list {
	width: 100%;
	margin: 10px;
	background: var(--surface);
	box-shadow: 0px 1px 10px 1px var(--border);
	margin-top: 0;
}
.top .box .city .city_text .list ul {
	width: 100%;
	float: left;
}
.top .box .city .city_text .list ul li {
	width: 50%;
	float: left;
}
.top .box .city:hover .city_text {
	height: auto;
	transition: .8s;
}
.fixed_text {
	position: fixed;
	top: 40%;
	right: 0;
	background: var(--surface);
	box-shadow: 0px 1px 10px 1px var(--border);
	width: 40px;
	height: 240px;
}
.fixed_text .text {
	width: 100%;
}
.fixed_text .text ul {
}
.fixed_text .text ul li {
	width: 100%;
	display: block;
	height: 60px;
	position: relative;
}
.fixed_text .text ul li a {
	width: 100%;
	height: 60px;
	display: block;
	padding-top: 17px;
}
.fixed_text .text ul li a img {
	height: 26px;
	display: block;
	margin: 0 auto;
}
.fixed_text .text ul li a .img1 {
	display: none;
}
.fixed_text .text ul li a:hover {
	background: var(--brand-action-hover); color:var(--brand-on-action, #211A0B); }
.fixed_text .text ul li a:hover .img1 {
	display: block;
}
.fixed_text .text ul li a:hover .img2 {
	display: none;
}
.fixed_text .text ul li .tel_text {
	position: absolute;
	left: -150px;
	top: 0;
	background: var(--surface);
	width: 150px;
	height: 90px;
	z-index: 9;
	padding: 20px;
	display: none;
}
.fixed_text .text ul li .tel_text i {
	position: absolute;
	right: 5px;
	top: 2px;
	font-size: 20px;
	font-style: normal;
	cursor: pointer;
	font-weight: 100;
	display: none;
}
.fixed_text .text ul li .tel_text span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: var(--text);
	font-weight: bold;
}
.fixed_text .text ul li .tel_text p {
	font-size: 14px;
	color: var(--brand-strong);
	display: block;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}
.fixed_text .text ul li:hover .tel_text {
	display: block;
}
.link_text {
	margin-top: 40px;
	width: 100%;
}
.link {
	padding: 15px 0px 15px 0px;
	color: var(--text);
	font-size: 13px;
}
.link .list span {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	color: var(--text);
}
.link_tit {
	width: 100%;
	display: block;
	border-bottom: 1px dashed var(--border);
}
.link_tit span {
	float: left;
	font-size: 16px;
	color: var(--text-muted);
	line-height: 36px;
}
.link_tit a {
	float: right;
	font-size: 14px;
	color: var(--text-muted);
	line-height: 36px;
	padding-right: 22px;
	background: url(../images/rii1.png) no-repeat right center;
}
.link_tit a:hover {
	color: var(--brand-strong);
	background: url(../images/rii2.png) no-repeat right center;
}
.link .list {
	margin-top: 8px;
}
.link .list a {
	font-size: 14px;
	padding-right: 15px;
	margin-bottom: 5px;
	display: inline-block;
	color: var(--text-muted);
}
.link .list a:hover {
	color: var(--brand-strong);
}
.hot_news {
	width: 100%;
	background: var(--surface);
	padding: 20px;
	margin-top: 12px;
}
.hot_news h3 {
	display: block;
	border-left: 4px solid var(--brand-strong);
	line-height: 100%;
	font-weight: normal;
}
.hot_news h3 span {
	padding-left: 10px;
	display: block;
	font-size: 18px;
	color: var(--ink);
	line-height: 100%;
}
.hot_news ul {
	width: 100%;
	margin-top: 12px;
}
.hot_news ul li {
	float: left;
	width: 50%;
	padding: 0 30px 0 15px;
	line-height: 30px;
	background: url(../images/dot.png) no-repeat center left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hot_news ul li a {
	font-size: 14px;
	color: var(--text);
	display: block;
}
.hot_news ul li a:hover {
	color: var(--brand-strong);
	text-decoration:none;
}
.i_box0 {
	widows: 100%;
	margin-top: 30px;
}
.i_box0 .box {
	widows: 100%;
	background: var(--surface);
	padding: 20px;
	box-shadow: 0px 1px 10px 1px var(--border);
}
.i_box0 .box {
}
.box0text {
	margin-top: 10px;
}
.box0text .hd {
	widows: 100%;
	border-bottom: 1px solid var(--border);
}
.box0text .hd ul {
}
.box0text .hd li {
	font-size: 16px;
	color: var(--text);
	font-weight: 400;
	display: inline-block;
	line-height: 40px;
	border-bottom: 3px solid var(--surface);
	margin-right: 30px;
	cursor: pointer;
}
.box0text .hd li.on {
	color: var(--brand-strong);
	border-bottom: 3px solid var(--brand-strong);
}
.box0text .bd {
}
.box0text .bd ul {
}
.box0text .bd ul .text_content {
	widows: 100%;
	position: relative;
	padding-top: 20px;
}
.box0text .bd ul .text_content p {
	position: absolute;
	right: 0;
	top: -40px;
	line-height: 40px;
	font-size: 14px;
	color: var(--text-muted);
}
.box0text .bd ul .text1 {
	width: 980px;
	height: 48px;
	padding: 10px 0;
	border: 1px solid #999;
	border-radius: 2px;
}
.box0text .bd ul .text1 .indexse {
	width: 106px;
	padding: 0 10px;
	padding-left: 20px;
	color: var(--text);
	text-align: center;
	height: 28px;
	line-height: 28px;
	border: none;
	border-right: 1px solid var(--border);
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	background: url(../images/xiala.png) no-repeat 68px center transparent;
	background-size: 13px;
	font-size: 14px;
}
.box0text .bd ul .text1 .indexse option {
	padding: 5px 0;
}
.box0text .bd ul .text1 .inpgsname {
	width: 564px;
	color: var(--text);
	padding-left: 30px;
	text-align: left;
	height: 28px;
	line-height: 28px;
	border: none;
	border-right: 1px solid var(--border);
	border-radius: 0;
	outline: 0;
	font-size: 14px;
}
.box0text .bd ul .text1 .indexgslx {
	width: 148px;
	color: var(--text);
	padding-left: 30px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	border: none;
	border-right: 1px solid var(--border);
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	background: url(../images/xiala.png) no-repeat 98px center transparent;
	background-size: 13px;
	font-size: 14px;
}
.box0text .bd ul .text1 .indexgslb {
	width: 148px;
	color: var(--text);
	padding-left: 30px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	background: url(../images/xiala.png) no-repeat 108px center transparent;
	background-size: 13px;
	font-size: 14px;
}
.box0text .bd ul .btnspan {
	background: var(--brand-action);
	color: var(--brand-on-button, #FFFFFF);
	float: right;
	width: 128px;
	height: 48px;
	border: none;
	border-radius: 2px;
	font-size: 16px;
	outline: none;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 16px;
	text-align: center;
	line-height: 48px;
}
.box0text .bd ul .text2 {
	width: 980px;
	height: 48px;
	padding: 10px 0;
	border: 1px solid #999;
	border-radius: 2px;
}
.box0text .bd ul .text2 .indexsblx {
	width: 148px;
	color: var(--text);
	padding-left: 30px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	border: none;
	border-right: 1px solid var(--border);
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	/*background: url(../images/xiala.png) no-repeat 108px center transparent;*/
	background-size: 13px;
	font-size: 14px;
}
.box0text .bd ul .text2 .inpsbname {
	width: 820px;
	color: var(--text);
	padding-left: 30px;
	text-align: left;
	height: 28px;
	line-height: 28px;
	border: none;
	border-radius: 0;
	outline: 0;
	font-size: 14px;
}
.box0text .bd ul .text2 .btnspan {
}
.closed {
	z-index: 10;
}
.index_fix .closed {
	top: 9px;
}
.index_fix .text {
	padding-top: 60px;
}
.fix_text .text .fix_tit {
	width: 400px;
	height: 50px;
	padding: 0 30px;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--border);
	z-index: 9;
}
.fix_text .text .fix_tit p {
	margin: 0;
}
.fix_text .text .fix_tit p span {
	float: none;
	display: block;
	line-height: 50px;
	font-size: 18px;
	display: none;
}
.fix_text .text .fix_tit p span i {
	font-style: normal;
	font-size: 14px;
	color: var(--text-muted);
	padding-left: 80px;
	line-height: 50px;
}
.pagination p {
	margin: 0;
	cursor: pointer
}
.pagination {
	height: 40px;
	padding: 20px 0px;
}
.pagination a {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 2px 12px;
	height: 24px;
	border: 1px var(--border) solid;
	background: var(--surface);
	text-decoration: none;
	color: var(--text-muted);
	font-size: 12px;
	line-height: 24px;
}
.pagination a:hover {
	color: var(--brand-on-action);
	background: var(--brand-action-hover);
	border: 1px var(--brand-action-hover) solid;
}
.pagination a.cur {
	border: none;
	background: var(--brand-action);
	color: var(--brand-on-action, #211A0B);
}
.pagination p {
	float: left;
	padding: 2px 12px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: var(--text-muted);
	border: 1px var(--border) solid;
	background: var(--page);
	margin-right: 8px;
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: var(--text-muted);
}
.pagination p.pageRemark b {
	color: var(--brand-strong);
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: var(--text-muted);
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}



/* GEO: readable company and service information, following the logo orange and warm neutral palette. */
.geo-intro { background:var(--brand-soft); padding:32px 0; color:var(--ink); }
.geo-intro .center { box-sizing:border-box; }
.geo-intro__brand { color:var(--brand-strong); font-size:16px; font-weight:700; margin:0 0 8px; }
.geo-intro h1 { font-size:32px; line-height:1.4; color:var(--ink); margin:0 0 14px; font-weight:700; }
.geo-intro__summary { max-width:760px; font-size:17px; line-height:1.85; margin:0 0 12px; }
.geo-intro__facts { font-size:15px; line-height:1.9; color:var(--text); margin:0; overflow-wrap:anywhere; }
.geo-intro__links { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:18px; align-items:center; }
.geo-intro__links a { display:inline-flex; align-items:center; min-height:44px; color:var(--brand-strong); font-size:16px; text-decoration:none; }
.geo-intro__links a:first-child { padding:0 18px; background:var(--brand-action); color:var(--brand-on-button, #FFFFFF); text-decoration:none; border-radius:4px; }
.geo-intro a:focus-visible,.geo-service-overview a:focus-visible { outline:3px solid var(--focus,#211A0B); outline-offset:3px; }
.box_tit h2 { font-size:26px; line-height:1.5; font-weight:400; color:inherit; margin:0; }
.geo-service-overview { box-sizing:border-box; padding-top:20px; padding-bottom:20px; color:var(--text); }
.geo-service-overview h2 { font-size:24px; line-height:1.5; color:var(--ink); margin:0 0 14px; }
.geo-service-overview p,.geo-service-overview li { font-size:16px; line-height:1.85; }
.geo-service-overview ul { list-style:disc; padding-left:1.5em; margin:12px 0; }
.geo-service-overview a { color:var(--brand-strong); text-decoration:none; }
@media(max-width:767px) { .geo-intro { padding:24px 16px; } .geo-intro .center { width:100%; max-width:100%; } .geo-intro h1 { font-size:27px; } .geo-intro__summary { font-size:16px; } .geo-intro__links { gap:4px 16px; } .geo-service-overview { width:auto; padding:20px 16px; } .geo-service-overview h2 { font-size:21px; } }

.geo-intro,.geo-service-overview { font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif; }
/* Keep the PC header inside the viewport on medium-width desktop screens. */
@media screen and (min-width:768px) and (max-width:1239px) {
	.center { width:calc(100% - 40px); max-width:1200px; }
	.header .text .logo { width:28%; box-sizing:border-box; }
	.header .text .logo a img { max-width:100%; height:auto; max-height:67px; }
	.header .text .fr { width:72%; }
	.header .text .fr .nav ul li { margin-left:15px; }
	.header .text .fr .nav ul li a { font-size:14px; }
}
@media screen and (min-width:768px) and (max-width:900px) {
	.header .text .logo { width:30%; }
	.header .text .fr { width:70%; }
	.header .text .fr .nav ul li { margin-left:5px; }
	.header .text .fr .nav ul li a { font-size:13px; }
}

/* Keep the PC fallback usable when a desktop user narrows the viewport below 1024px. */
@media screen and (max-width:1023px) {
	.center { width:calc(100% - 24px); max-width:none; }
	.header .text .logo { width:30%; box-sizing:border-box; }
	.header .text .logo a img { max-width:100%; height:auto; max-height:67px; }
	.header .text .fr { width:70%; }
	.header .text .fr .nav ul li { margin-left:4px; }
	.header .text .fr .nav ul li a { font-size:12px; }
	.banner .box { overflow:hidden; }
	.banner_list { width:calc(100% - 290px) !important; height:auto; min-height:220px; }
	.banner_list ul li { width:100%; height:auto; min-height:220px; }
	.banner_list ul li img { display:block; width:100%; height:auto; min-height:220px; object-fit:cover; }
	.box_menu { height:auto; min-height:220px; padding-top:16px; }
	.box_menu ul li { padding-left:14px; line-height:38px; }
	.box_menu ul li .list a { font-size:13px; margin-left:6px; }
	.box_menu ul li .list a:first-child { font-size:15px; margin-right:6px; }
	.i_box0 .box { padding:16px; }
	.box0text .bd ul .text1,.box0text .bd ul .text2 { width:100%; box-sizing:border-box; }
	.box0text .bd ul .text2 .indexsblx { width:148px; padding-left:8px; box-sizing:border-box; }
	.box0text .bd ul .text2 .inpsbname { width:calc(100% - 148px); padding-left:12px; box-sizing:border-box; }
	.box0text .bd ul .text_content p { position:static; line-height:1.6; margin:0 0 8px; }
}

/* Logo brand application: orange accents, readable actions, warm neutral text. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid var(--focus,#211A0B); outline-offset:3px; }
.pro_list ul li strong,.pro_list ul li strong i { color:var(--brand-strong); }
.pro_text1 .more a,.pro_text1 .fr .more a,.fix_text .text p .subbtn,.fix_text .text p .submitz,.art_text .search .subbtn,.art_text .textfr .fr_text1 .search .subbtn,.box0text .bd ul .btnspan { color:var(--brand-on-button, #FFFFFF); background:var(--brand-action); border-color:var(--brand-action); }
.pro_text1 .more a:hover,.pro_text1 .fr .more a:hover,.fix_text .text p .subbtn:hover,.fix_text .text p .submitz:hover,.art_text .search .subbtn:hover,.art_text .textfr .fr_text1 .search .subbtn:hover,.box0text .bd ul .btnspan:hover,.geo-intro__links a:first-child:hover { background:var(--brand-action-hover); border-color:var(--brand-action-hover); color:var(--brand-on-button, #FFFFFF); }
.pro_text1 .more a { background-image:none; }
.footer .copyright p,.footer .copyright p a { color:var(--text-muted); }
.brand-icon { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.geo-intro__links a:not(:first-child):hover,.geo-service-overview a:hover { color:var(--brand-hover); }
.page_text .text .page_tit h3,.page_text .fr .text .page_tit h3 { background-image:none; }

.header .text .fr .nav ul li a { color:var(--text); }
.header .text .fr .nav ul li a.active,.header .text .fr .nav ul li a[aria-current] { color:var(--brand-strong); border-bottom-color:var(--brand); font-weight:700; }
.header .text .fr .nav ul li a:hover { color:var(--brand-hover); border-bottom-color:var(--brand); }
.top a:hover { color:var(--brand) !important; }
.footer .foot_text1 .fl a { color:var(--brand-strong); }
.footer .foot_text1 .fl a .brand-icon { display:block; margin:0 auto; width:30px; height:30px; }
.footer .foot_text1 .fl a span { color:var(--text-muted); }
.fixed_text .text { background:var(--surface); border:1px solid var(--border); }
.fixed_text .text ul li a { color:var(--brand-strong); text-align:center; }
.fixed_text .text ul li a .brand-icon { display:block; margin:0 auto; width:24px; height:24px; }
.fixed_text .text ul li a:hover,.fixed_text .text ul li a:focus-visible { color:var(--brand-on-action, #211A0B); background:var(--brand-action-hover); }
.fixed_text .text ul li .tel_text { background:var(--surface); border:1px solid var(--border); box-shadow:0 4px 16px rgba(33,26,11,.12); }
.fixed_text .text ul li:focus-within .tel_text { display:block; }
.fixed_text .text ul li .tel_text .closed2 { position:absolute; right:4px; top:2px; width:24px; height:24px; border:0; background:transparent; color:var(--text-muted); cursor:pointer; font-size:18px; line-height:24px; padding:0; }

/* Primary button labels: white foreground, centered within the existing button size. */
.pro_text1 .more a,.pro_text1 .fr .more a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:0;
    text-indent:0;
    text-align:center;
    line-height:normal;
    background-image:none;
    background-position:center;
    color:var(--brand-on-button, #FFFFFF);
}
.box0text .bd ul .btnspan,.geo-intro__links a:first-child {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    text-align:center;
    text-indent:0;
    color:var(--brand-on-button, #FFFFFF);
}
.box0text .bd ul .btnspan { padding:0; line-height:normal; }
.fix_text .text p .subbtn,.fix_text .text p .submitz,
.art_text .search .subbtn,.art_text .textfr .fr_text1 .search .subbtn {
    box-sizing:border-box;
    padding:0;
    text-indent:0;
    text-align:center;
    line-height:normal;
    color:var(--brand-on-button, #FFFFFF);
}

/* Service assurances use a brand-colored code check, replacing the blue UI bitmap. */
.pro_text1 .fl p span { position:relative; background-image:none; }
.pro_text1 .fl p span:before {
    content:"";
    position:absolute;
    left:3px;
    top:50%;
    width:6px;
    height:10px;
    box-sizing:border-box;
    border-right:2px solid var(--brand);
    border-bottom:2px solid var(--brand);
    transform:translateY(-60%) rotate(45deg);
}

/* Keep the four-character label evenly spaced in a centered, readable group. */
.pro_text1 .more a.morebtn { font-size:20px; font-weight:500; }
.pro_text1 .more a.morebtn > .button-label {
    display:block;
    width:6em;
    max-width:calc(100% - 32px);
    line-height:1;
    white-space:nowrap;
    text-align:justify;
    text-align-last:justify;
    letter-spacing:0;
}

/* 2026-10-22: follow the supplied light homepage reference. */
.top { background:#F7F2E9; }
.header { box-shadow:0 2px 12px rgba(107,75,35,.035); }
.header .text .logo a img { max-width:100%; object-fit:contain; }
.box_menu { background:#FFFAF1; }
.box_menu ul li .list a { color:var(--text); }
.box_menu ul li:hover,.box_menu ul li:focus-within { background:var(--brand-soft); }
.box_menu ul li:focus-within .text { display:block; }
.fixed_text .text { border-color:#F6E9D7; border-radius:5px; box-shadow:0 2px 14px rgba(123,83,33,.08); }
.fixed_text { right:16px; width:44px; height:auto; background:transparent; box-shadow:none; z-index:1100; }
.fixed_text .text ul li a:hover,.fixed_text .text ul li a:focus-visible { color:var(--brand); background:var(--brand-soft); }
.footer .foot_text1 { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.footer .foot_text1 > .fl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); flex:1; min-width:0; }
.footer .foot_text1 .fl a { float:none; padding:0 16px; margin:0; }
.footer .foot_text1 > .fr { flex:0 0 auto; }
.footer .foot_text2 .fl .foot_nav { display:flex; flex-wrap:wrap; gap:8px 0; }
.footer .foot_text2 .fl .foot_nav a { float:none; padding:0 20px; margin:0; }
.footer .foot_text2 .nap-info { margin:0; font-style:normal; font-size:13px; line-height:1.8; }

.home-reference .center { width:calc(100% - 80px); max-width:1200px; }
.home-reference .banner { margin-top:0; padding:28px 0; background:radial-gradient(ellipse at 93% 100%,#FFD8AD 0,transparent 42%),linear-gradient(118deg,#FFF0DB,#FFF9F0 55%,#FFE4C5); }
.home-reference .banner .box { display:flex; align-items:stretch; position:relative; box-shadow:none; overflow:visible; }
.home-reference .box_menu { width:340px; flex:0 0 340px; height:360px; min-height:0; padding:18px 0; z-index:10; border:1px solid #F6E5D0; border-radius:7px; box-shadow:0 4px 16px rgba(178,117,43,.10); }
.home-reference .box_menu > ul { height:100%; display:flex; flex-direction:column; justify-content:space-around; }
.home-reference .box_menu ul li { padding:0 20px; line-height:44px; }
.home-reference .box_menu ul li .list { display:flex; align-items:center; gap:15px; white-space:nowrap; }
.home-reference .box_menu ul li .list a { font-size:14px; margin:0; }
.home-reference .box_menu ul li .list a:first-child { font-size:15px; margin:0; }
.home-reference .box_menu ul li .text { left:100%; top:0; width:calc(1200px - 340px); max-width:calc(100vw - 420px); height:auto; min-height:360px; padding:18px 30px; border:1px solid var(--border); border-radius:0 6px 6px 0; box-shadow:8px 6px 20px rgba(100,73,40,.08); }
.home-reference .box_menu ul li .text .item { display:flex; }
.home-reference .box_menu ul li .text .fl { width:125px; flex:0 0 125px; }
.home-reference .box_menu ul li .text .fr { float:none; width:auto; flex:1; padding:0; }
.home-reference .box_menu ul li .text .fr a { margin-right:20px; line-height:36px; }
.home-reference .banner_list { flex:1; width:calc(100% - 340px) !important; min-width:0; height:360px; min-height:0; float:none; }
.home-reference .banner_list ul li { height:360px !important; min-height:0; }
.home-reference .banner_list ul li img { display:block; width:100%; height:360px; min-height:0; object-fit:cover; }
.home-hero-copy { position:absolute; z-index:2; top:50%; left:5%; width:41%; transform:translateY(-50%); }
.home-hero-copy h2 { color:var(--ink); font-size:34px; line-height:1.3; margin:0 0 16px; font-weight:500; }
.home-hero-copy p { color:#81776B; font-size:14px; line-height:1.8; margin:0 0 22px; }
.home-hero-copy a { display:inline-flex; align-items:center; justify-content:center; min-width:130px; min-height:38px; padding:6px 18px; border:1px solid var(--brand); border-radius:7px; color:var(--brand); background:rgba(255,255,255,.65); font-size:15px; }
.home-hero-copy a:hover { background:var(--brand); color:#FFF; }
.home-reference .banner_btn { width:auto; height:26px; padding:0 10px; right:20px; bottom:10px; border-radius:20px; background:rgba(90,81,66,.3); }
.home-reference .banner_btn a { width:7px; height:7px; background:#FFF; border:0; margin:5px 4px; }
.home-reference .banner_btn a.in { background:var(--brand); border:0; }
.home-reference .geo-service-overview { padding-top:32px; padding-bottom:10px; }
.home-reference .geo-service-overview h2 { font-size:25px; margin-bottom:12px; }
.home-reference .geo-service-overview p { font-size:15px; line-height:1.8; }
.home-reference .i_box0 { margin-top:26px; }
.home-reference .i_box0 .box { padding:26px 30px 30px; border:1px solid #F6EEDF; box-shadow:0 3px 14px rgba(121,81,34,.065); border-radius:3px; }
.home-reference .box_tit h2 { font-size:27px; line-height:1.4; }
.home-reference .box_tit p { font-size:16px; margin:2px 0 0; }
.home-reference .box0text { margin-top:12px; }
.home-reference .box0text .hd li { margin-right:36px; font-size:16px; line-height:42px; }
.home-reference .box0text .bd ul .text_content { padding-top:14px; }
.home-reference .box0text .bd ul .text_content p { position:static; line-height:1.7; margin:0 0 10px; font-size:14px; }
.home-reference .box0text .bd ul .text2 { display:flex; align-items:center; width:100%; height:52px; padding:0; box-sizing:border-box; border:1px solid #DEDAD3; border-radius:2px; }
.home-reference .box0text .bd ul .text2 .indexsblx { flex:0 0 150px; width:150px; height:30px; padding:0 20px; background:none; text-align:center; color:var(--text-muted); }
.home-reference .box0text .bd ul .text2 .inpsbname { flex:1; width:0; min-width:0; height:48px; line-height:48px; padding:0 20px; font-size:15px; background:transparent; border:0; }
.home-reference .box0text .bd ul .text2 .btnspan { position:static; flex:0 0 170px; width:170px; height:52px; margin:-1px; border-radius:2px; cursor:pointer; font-size:17px; }
.home-reference .i_box1 { margin-top:48px; }
.home-reference .i_box1 .list { margin-top:24px; }
.home-reference .i_box1 .list > ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px 32px; }
.home-reference .i_box1 .list > ul > li { width:auto; float:none; margin:0; padding:10px 12px 14px; min-width:0; border-radius:4px; transition:box-shadow .18s ease,background .18s ease; }
.home-reference .i_box1 .imgpic { width:100%; aspect-ratio:1; background:#F9F8FA; overflow:hidden; }
.home-reference .i_box1 .list ul li .pic img { width:100%; height:100%; aspect-ratio:1; object-fit:contain; }
.home-reference .i_box1 .list ul li .pic span { width:auto; min-width:84px; height:32px; padding:0 12px; font-size:13px; line-height:32px; background:#FFF1DC; border-radius:4px 4px 10px 0; }
.home-reference .i_box1 .list ul li .text a { margin-top:12px; line-height:1.55; font-size:16px; white-space:normal; }
.home-reference .i_box1 .list ul li:hover { box-shadow:0 3px 14px rgba(125,85,34,.07); }
.home-reference .i_box2 { margin-top:38px; }
.home-reference .i_box2 .box { margin:0; padding:26px 30px; border:1px solid #F5EDDF; border-radius:3px; box-shadow:0 3px 14px rgba(121,81,34,.065); }
.home-reference .i_box2 .list { display:flex; flex-direction:column; gap:22px; margin-top:22px; }
.home-reference .i_box2 .list > .fl,.home-reference .i_box2 .list > .fr { float:none; width:100%; }
.home-reference .i_box2 .list .fl > a:first-child { display:block; width:100%; aspect-ratio:2.7; background:#FFF4E7; overflow:hidden; }
.home-reference .i_box2 .list .fl img { display:block; width:100%; height:100%; object-fit:contain; }
.home-reference .i_box2 .list .fl span { font-size:18px; line-height:1.6; margin-top:10px; }
.home-reference .i_box2 .list .fl p { font-size:14px; line-height:1.8; margin-top:4px; }
.home-reference .i_box2 .list .fr ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.home-reference .i_box2 .list .fr ul li { float:none; width:auto; min-width:0; margin:0; padding:16px; border:1px solid #F2EDE5; }
.home-reference .i_box2 .list .fr ul li > a:first-child { display:block; width:100%; aspect-ratio:2.05; overflow:hidden; background:#FAFAFA; }
.home-reference .i_box2 .list .fr ul li img { width:100%; height:100%; object-fit:contain; }
.home-reference .i_box2 .list .fr ul li span { font-size:16px; line-height:1.6; margin-top:10px; }
.home-reference .i_box2 .list .fr ul li p { font-size:14px; line-height:1.7; margin-top:4px; }
.home-reference .i_box3 { margin-top:26px; }
.home-reference .i_box3 .box { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.home-reference .i_box3 .box:after { display:none; }
.home-reference .i_box3 .box .list { width:auto; min-width:0; margin:0; padding:24px 22px 18px; border:1px solid #F6EEDF; box-shadow:0 3px 14px rgba(121,81,34,.055); }
.home-reference .i_box3 .box .list img { margin-top:8px; }
.home-reference .i_box3 .box .list h3 { font-size:19px; margin-top:14px; }
.home-reference .i_box3 .box .list ul { margin-top:16px; padding-top:16px; }
.home-reference .i_box3 .box .list ul li a { line-height:34px; font-size:14px; }
.home-reference .i_box3 .box .list .more img { margin-top:14px; }
.home-reference .i_box4 { margin-top:38px; }
.home-reference .i_box4 .list:has(ul:empty) { display:none; }
.home-reference .link_text { margin-top:10px; }
.home-reference .link_text .link { padding:0; }
.home-reference .footer { margin-top:30px; padding:26px 0; }
.home-reference .footer .foot_text2 { padding-top:24px; margin-top:24px; }
.home-reference .footer .foot_text2 .fr img { width:160px; }
@media (max-width:1239px) {
    .home-reference .center { width:calc(100% - 48px); }
    .home-reference .box_menu { width:300px; flex-basis:300px; }
    .home-reference .banner_list { width:calc(100% - 300px) !important; }
    .home-reference .box_menu ul li { padding-left:18px; padding-right:14px; }
    .home-reference .box_menu ul li .list { gap:10px; }
    .home-reference .box_menu ul li .list a,.home-reference .box_menu ul li .list a:first-child { font-size:14px; }
    .home-reference .box_menu ul li .text { max-width:calc(100vw - 350px); }
    .home-hero-copy h2 { font-size:29px; }
    .home-hero-copy p { font-size:12px; }
    .footer .foot_text1 .fl a { padding:0 12px; }
    .footer .foot_text2 .fl .foot_nav a { padding:0 12px; }
}
@media (max-width:1023px) {
    .home-reference .center { width:calc(100% - 32px); }
    .home-reference .banner { padding:22px 0; }
    .home-reference .banner .box { overflow:visible; }
    .home-reference .box_menu { flex-basis:270px; width:270px; height:310px; padding:12px 0; }
    .home-reference .box_menu ul li { padding:0 12px; line-height:40px; }
    .home-reference .box_menu ul li .list { gap:9px; }
    .home-reference .box_menu ul li .list a,.home-reference .box_menu ul li .list a:first-child { font-size:13px; }
    .home-reference .banner_list { width:calc(100% - 270px) !important; height:310px; }
    .home-reference .banner_list ul li,.home-reference .banner_list ul li img { height:310px !important; }
    .home-reference .box_menu ul li .text { min-height:310px; max-width:calc(100vw - 302px); padding:16px; }
    .home-reference .box_menu ul li .text .fl { flex-basis:95px; width:95px; }
    .home-hero-copy { left:5%; width:45%; }
    .home-hero-copy h2 { font-size:25px; }
    .home-hero-copy p { line-height:1.6; }
    .home-hero-copy a { min-width:108px; font-size:14px; padding:6px 12px; }
    .home-reference .i_box1 .list > ul { gap:16px; }
    .home-reference .i_box1 .list > ul > li { padding:6px; }
    .home-reference .i_box2 .box,.home-reference .i_box0 .box { padding:22px; }
    .home-reference .i_box3 .box { gap:16px; }
    .home-reference .i_box3 .box .list { padding:20px 14px 16px; }
    .footer .foot_text1 { gap:16px; }
    .footer .foot_text1 .fr span { font-size:22px; }
    .footer .foot_text1 .fr p { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-reference .i_box1 .list > ul > li { transition:none; }
}

/* Readable primary navigation without increasing the compact header height. */
#header .text > .center { display:flex; align-items:center; gap:24px; }
#header .text > .center::after { display:none; }
#header .text .logo { flex:0 0 180px; width:180px; float:none; }
#header .text .logo a img { width:auto; max-width:180px; max-height:40px; height:auto; }
#header .text .fr { flex:1; width:auto; min-width:0; float:none; }
#header .nav ul { display:flex; justify-content:flex-end; align-items:center; gap:24px; float:none; }
#header .nav ul li { margin:0; float:none; }
#header .nav ul li a { font-size:16px; white-space:nowrap; }
#header a:focus-visible,.site-menu-toggle:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.site-menu-toggle { display:none; }
@media (min-width:801px) and (max-width:1239px) {
    #header .text > .center { gap:20px; }
    #header .text .logo { flex-basis:160px; width:160px; }
    #header .text .logo a img { max-width:160px; }
    #header .nav ul { gap:12px; }
    #header .nav ul li a { font-size:15px; }
}
@media (max-width:900px) and (min-width:801px) {
    #header .text > .center { gap:16px; }
    #header .text .logo { flex-basis:140px; width:140px; }
    #header .text .logo a img { max-width:140px; }
    #header .nav ul { gap:8px; }
}
@media (max-width:800px) {
    #header .text > .center { justify-content:space-between; }
    .site-menu-toggle { display:flex; align-items:center; gap:12px; min-height:44px; padding:0 12px; background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:4px; font:inherit; font-size:15px; cursor:pointer; }
    #header .text .fr { display:none; position:absolute; left:0; right:0; top:100%; background:var(--surface); box-shadow:0 5px 10px var(--border); }
    #header.menu-open .text .fr { display:block; }
    #header .nav ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:8px 12px; }
    #header .nav ul li a { font-size:15px; line-height:44px; border-bottom-width:2px; }
}
/* Let the category filters and service images fit their existing columns. */
.pro_shaix .box .nav_group_item .item_list { width:auto; min-width:0; flex:1; }
.pro_list ul li .imgauto { width:100%; }
.pro_list ul li .imgauto img { display:block; width:100%; max-width:100%; height:auto; }