/* 分所子站：沿用总部金色，强化模块层次与动效 */
html { scroll-behavior:smooth; }
.office-body { background:#fff; color:#444; }
.office-top { background:#1f1c17; color:#d8c48a; font-size:13px; line-height:40px; }
.office-back { color:#d8c48a; }
.office-back:hover { color:#fff; }
.office-city { float:right; color:#aaa; }
.office-body.is-preview .office-top { background:#7a3a12; color:#fff; }
.office-body.is-preview .office-back { color:#f3e2c4; }
.office-body.is-preview .office-back:hover { color:#fff; }
.office-body.is-preview .office-city { color:#f3e2c4; }
.office-preview-tag { display:inline-block; margin-right:12px; padding:0 10px; background:rgba(255,255,255,.16); color:#fff; font-style:normal; font-size:12px; }

.office-header { background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:50; transition:box-shadow .35s ease, background .35s ease; }
.office-header.is-fixed { box-shadow:0 10px 28px rgba(31,28,23,.08); }
.office-logo { float:left; padding:18px 0; }
.office-logo img { height:42px; width:auto; vertical-align:middle; }
.office-logo strong { font-size:22px; color:#1f1c17; }
.office-name { display:inline-block; margin-left:12px; padding-left:12px; border-left:1px solid #ddd; color:#888; font-size:14px; vertical-align:middle; }

.office-nav { float:right; }
.office-nav ul li { float:left; }
.office-nav ul li a { display:block; padding:0 16px; line-height:78px; font-size:15px; color:#333; position:relative; transition:color .3s; }
.office-nav ul li a:after { content:""; position:absolute; left:16px; right:16px; bottom:22px; height:2px; background:#c3ac68; transform:scaleX(0); transition:transform .3s ease; }
.office-nav ul li a:hover,
.office-nav ul li.current a { color:#c3ac68; }
.office-nav ul li.current a:after,
.office-nav ul li a:hover:after { transform:scaleX(1); }
.office-nav-btn { display:none; }

.office-banner { position:relative; width:100%; min-height:520px; background:#ece8df; overflow:hidden; }
.office-banner.is-hidden,
.office-page-banner.is-hidden { display:none !important; min-height:0; height:0; padding:0; }
.office-banner.has-pic:not(.is-ready) .office-banner-swiper { visibility:hidden; }
.office-banner-swiper { width:100%; overflow:hidden; }
.office-banner-swiper .swiper-wrapper { width:100%; }
.office-banner-swiper .swiper-slide,
.office-banner-item { position:relative; width:100%; max-width:100%; min-width:0; overflow:hidden; background:none; }
.office-banner-item img { width:100%; max-width:none; height:520px; display:block; object-fit:cover; }
.office-banner-pagination { bottom:30px !important; left:0 !important; right:0 !important; width:100% !important; text-align:center; z-index:3; }
.office-banner-pagination .swiper-pagination-bullet { background:#fff; opacity:.45; margin:0 6px !important; }
.office-banner-pagination .swiper-pagination-bullet-active { background:#c3ac68; opacity:1; }
.office-banner-fallback { min-height:520px; background:linear-gradient(120deg, #1f1c17 0%, #5a4c32 55%, #2b261f 100%); }

.office-page-banner { position:relative; width:100%; height:0; padding-bottom:23.622%; overflow:hidden; background:#ece8df; }
.office-page-banner-img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0; }
.office-page-banner.has-pic:not(.is-ready) .office-page-banner-img { opacity:0; }
.office-page-banner.is-ready { background:#2b261f; }

.office-location { background:#fff; box-shadow:0 5px 10px #dddbdb; }
.office-location .wrap { height:75px; line-height:75px; }
.office-location h3 { position:relative; float:right; font-size:18px; display:inline-block; padding:0 20px; font-weight:normal; }
.office-location h3:before { position:absolute; left:0; bottom:-2px; content:""; display:block; width:100%; height:5px; background:#c3ac68; z-index:5; }
.office-location h3:after { display:none; }
.breadcrumbs { float:left; font-size:16px; }
.breadcrumbs a { display:inline-block; color:#333; padding:0 15px; background:url(o_ico_04.png) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:105px; background:url(u-home.jpg) no-repeat 0 center; }

.office-subnav { margin:0 0 24px; padding-top:40px; }
.office-subnav ul { overflow:hidden; }
.office-subnav li { float:left; width:19.2%; margin:0 1% 1% 0; }
.office-subnav li:nth-child(5n) { margin-right:0; }
.office-subnav a { display:block; background:#fff; text-align:center; font-size:16px; height:50px; line-height:50px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:background .3s, color .3s; }
.office-subnav li.current a,
.office-subnav a.current,
.office-subnav a:hover { background:#bead68; color:#fff; }

.office-sub-title { margin-bottom:28px; padding-bottom:16px; border-bottom:1px solid #eee; }
.office-sub-title h2 { font-size:24px; font-weight:normal; color:#1f1c17; }

.office-main { padding:0; }
.office-section { padding:88px 0; }
.office-section-alt { background:#f7f5f0; }
.office-sec-team { background:#f4f4f4; }
.office-hd { text-align:center; margin-bottom:48px; }
.office-hd span { display:block; font-size:12px; letter-spacing:.32em; color:#c3ac68; margin-bottom:10px; }
.office-hd h2 { font-size:32px; font-weight:normal; color:#1f1c17; }
.office-hd i { display:block; width:40px; height:2px; background:#c3ac68; margin:16px auto 0; position:relative; }
.office-hd i:before { content:""; position:absolute; left:50%; top:-3px; width:8px; height:8px; margin-left:-4px; background:#c3ac68; transform:rotate(45deg); }
.office-hd-light span,
.office-hd-light h2 { color:#fff; }
.office-hd-light i,
.office-hd-light i:before { background:#e8d9a8; }

.office-more-wrap { text-align:center; margin-top:48px; }
.office-more { display:inline-block; color:#8a8376; font-size:13px; letter-spacing:.22em; line-height:32px; }
.office-more i { display:inline-block; width:42px; height:1px; background:#d8c48a; vertical-align:middle; margin:0 14px; transition:width .35s ease, background .35s ease; }
.office-more em { display:inline-block; font-style:normal; vertical-align:middle; }
.office-more b { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; margin-left:8px; border:1px solid #c3ac68; border-radius:50%; vertical-align:middle; box-sizing:border-box; transition:background .3s ease, transform .3s ease, border-color .3s ease; }
.office-more b:after { content:""; width:6px; height:6px; margin-left:-2px; border-top:1px solid #c3ac68; border-right:1px solid #c3ac68; transform:rotate(45deg); transition:border-color .3s ease; }
.office-more:hover { color:#c3ac68; }
.office-more:hover i { width:58px; background:#c3ac68; }
.office-more:hover b { background:#c3ac68; transform:translateX(4px); }
.office-more:hover b:after { border-color:#fff; }
.office-about-body .office-more { margin-top:6px; }
.office-about-body .office-more i { display:none; }

.office-about { overflow:hidden; }
.office-about-side { float:left; width:42%; }
.office-about-pic { position:relative; overflow:hidden; }
.office-about-pic img { width:100%; height:380px; object-fit:cover; display:block; transition:transform .8s ease; }
.office-about-pic:hover img { transform:scale(1.06); }
.office-about-motto { height:380px; background:linear-gradient(160deg, #2b261f, #5a4c32); color:#f0e6c8; padding:70px 40px; box-sizing:border-box; position:relative; }
.office-about-motto:after { content:""; position:absolute; right:24px; bottom:24px; width:70px; height:70px; border:1px solid rgba(195,172,104,.4); transform:rotate(45deg); }
.office-about-motto em { display:block; font-size:15px; letter-spacing:.4em; margin-bottom:18px; }
.office-about-motto strong { display:block; font-size:36px; color:#fff; font-weight:normal; letter-spacing:.12em; }
.office-about-motto p { margin-top:28px; color:#d8c48a; }
.office-about-body { float:right; width:52%; padding:18px 0 0 20px; box-sizing:border-box; }
.office-about-kicker { color:#c3ac68; letter-spacing:.2em; font-size:12px; margin-bottom:12px; }
.office-about-body h3 { font-size:26px; color:#1f1c17; font-weight:normal; margin-bottom:22px; line-height:1.4; }
.office-about-txt { font-size:15px; line-height:2; color:#666; margin-bottom:32px; }
.office-about-txt p { margin:0 0 14px; text-align:justify; }
.office-about-txt p.is-indent { text-indent:2em; }
.office-about-txt p:last-child { margin-bottom:0; }
.office-about-meta { margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #ece6d8; }
.office-about-meta p { margin:0; text-align:left; text-indent:0; line-height:1.9; font-size:14px; color:#8a8376; }

.office-sec-practice .office-hd { margin-bottom:8px; }
.office-practice-en { margin:0 0 22px; overflow:hidden; }
.office-practice-en img { display:block; width:100%; height:auto; }
.office-practice-grid { position:relative; padding:40px 0; background:#fff; }
.office-practice-grid:before { position:absolute; top:0; right:0; display:block; content:""; width:2px; height:100%; background:#fff; z-index:2; }
.office-practice-grid .swiper-slide { text-align:center; }
.office-practice-grid .swiper-slide a { position:relative; display:block; padding:25px 0; color:#000; }
.office-practice-grid .swiper-slide a:before { position:absolute; top:25px; right:0; display:block; content:""; width:1px; height:40px; background:#bead68; z-index:2; }
.office-practice-grid .swiper-slide.is-row-end a:before { display:none; }
.office-practice-grid .p1 { height:40px; line-height:40px; }
.office-practice-grid .p1 img { height:40px; width:auto; vertical-align:middle; }
.office-practice-grid .p1 span { display:inline-block; width:40px; height:40px; line-height:40px; border-radius:50%; background:#f3efe4; color:#c3ac68; font-size:16px; vertical-align:middle; }
.office-practice-grid .p2 { font-size:18px; color:#000; margin:40px 0 20px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 12px; }
.office-practice-nav { margin-top:30px; text-align:center; }
.office-practice-nav a { display:inline-block; width:68px; height:14px; margin:0 90px; }
.office-practice-nav a.prev-practice { background:url(c01.png) no-repeat center; }
.office-practice-nav a.next-practice { background:url(c02.png) no-repeat center; }
.office-practice-nav a.swiper-button-disabled,
.office-practice-nav a.swiper-button-lock { opacity:.35; cursor:default; }

.office-team { display:flex; flex-wrap:wrap; align-items:stretch; gap:24px; }
.office-person { display:flex; flex-direction:column; float:none; width:calc((100% - 72px) / 4); margin:0; min-width:0; background:#fff; box-sizing:border-box; padding:35px; transition:box-shadow .35s ease; }
.office-person .pic { position:relative; height:0; padding-bottom:125%; background:transparent; overflow:hidden; text-align:center; }
.office-person .pic img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; object-position:center center; }
.office-person .pic span { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:48px; color:#c3ac68; background:#ece8dc; }
.office-person .txt { padding-top:20px; }
.office-person .txt .p1 { text-align:center; font-size:18px; color:#333; font-weight:bold; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.office-person .txt .p2 { text-align:center; font-size:14px; color:#848484; margin-top:10px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.office-person .txt .p3 { text-align:center; font-size:14px; color:#848484; margin-top:10px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.office-person .txt01 { margin-top:auto; padding-top:28px; padding-left:25px; }
.office-person .txt01 .p4 { font-size:14px; color:#333; padding-left:25px; background:url(e01.png) no-repeat left 3px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.office-person .txt01 .p5 { font-size:14px; color:#333; margin-top:10px; padding-left:25px; background:url(e02.png) no-repeat left 3px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.office-person:hover { box-shadow:0 12px 28px rgba(31,28,23,.08); }

.office-news-grid { overflow:hidden; }
.office-news-feature { float:left; width:46%; background:#fff; min-height:360px; position:relative; overflow:hidden; box-shadow:0 8px 24px rgba(31,28,23,.05); display:block; }
.office-news-pic { height:220px; overflow:hidden; }
.office-news-pic img { width:100%; height:220px; object-fit:cover; transition:transform .7s ease; }
.office-news-feature:hover .office-news-pic img { transform:scale(1.06); }
.office-news-date { position:absolute; left:20px; top:20px; width:72px; background:#c3ac68; color:#fff; text-align:center; padding:10px 0; z-index:2; }
.office-news-date b { display:block; font-size:26px; line-height:1; font-family:Georgia, serif; }
.office-news-date span { display:block; font-size:12px; margin-top:4px; }
.office-news-ftxt { padding:24px 28px 30px; }
.office-news-ftxt em { color:#c3ac68; font-size:12px; letter-spacing:.18em; }
.office-news-ftxt strong { display:block; font-size:22px; color:#1f1c17; font-weight:normal; margin:10px 0 12px; line-height:1.45; }
.office-news-ftxt p { color:#777; line-height:1.8; }
.office-news-grid.office-news-single .office-news-feature { float:none; width:100%; }
.office-news { float:right; width:50%; }
.office-news-item { display:block; overflow:hidden; padding:22px 8px 22px 0; border-bottom:1px solid #e8e2d4; transition:background .3s, padding-left .3s; }
.office-news-item .date { float:left; width:78px; color:#c3ac68; text-align:center; }
.office-news-item .date b { display:block; font-size:26px; line-height:1; font-family:Georgia, serif; color:#c3ac68; }
.office-news-item .date em { display:block; font-size:12px; color:#999; margin-top:4px; }
.office-news-item div { margin-left:92px; }
.office-news-item strong { display:block; font-size:17px; color:#1f1c17; margin-bottom:8px; font-weight:normal; transition:color .3s; }
.office-news-item p { color:#888; line-height:1.7; }
.office-news-item:hover { padding-left:8px; }
.office-news-item:hover strong { color:#c3ac68; }
.office-news-page { float:none; width:auto; }
.office-news-page .office-news-item { padding:26px 10px; background:#fff; margin-bottom:12px; border:none; box-shadow:0 6px 18px rgba(31,28,23,.04); transition:transform .3s ease; }
.office-news-page .office-news-item:hover { transform:translateX(6px); }

.office-content .list { padding:0 0 40px; }
.office-content .list li { border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:16px; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.office-content .list li span { float:right; color:#999; font-size:12px; margin-left:20px; }
.office-content .list li a { padding-left:15px; color:#555; }
.office-content .list li a:hover { text-decoration:underline; }
.office-content .page { padding:0; line-height:24px; text-align:center; }
.office-content .page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; color:#333; vertical-align:top; }
.office-content .page a:hover,
.office-content .page .current { border:1px solid #bead68; background:#bead68; color:#fff; }

.office-join { overflow:hidden; background:#f7f5f0; }
.office-join-intro { float:left; width:34%; padding:40px 36px; box-sizing:border-box; background:#1f1c17; color:#f0e6c8; min-height:280px; }
.office-join-intro h3 { font-size:24px; font-weight:normal; color:#fff; margin-bottom:16px; line-height:1.5; }
.office-join-intro p { line-height:1.9; color:#d8c48a; }
.office-join-list { float:right; width:66%; }
.office-join-item { display:block; overflow:hidden; padding:22px 28px; border-bottom:1px solid #e8e2d4; background:#fff; transition:background .3s, padding-left .3s; }
.office-join-item em { float:left; width:48px; font-size:22px; color:#e8d9a8; font-family:Georgia, serif; padding-top:4px; }
.office-join-item div { margin-left:56px; margin-right:90px; }
.office-join-item strong { display:block; font-size:17px; color:#1f1c17; font-weight:normal; margin-bottom:6px; }
.office-join-item p { color:#888; }
.office-join-item span { float:right; margin-top:-38px; color:#c3ac68; font-size:13px; }
.office-join-item:hover { background:#faf8f2; padding-left:36px; }
.office-join-page { float:none; width:auto; }
.office-sec-join { background:#fff; }
.office-join-hd { margin-bottom:28px; }
.office-join-hd .p1 { font-size:28px; color:#1f1c17; margin-bottom:10px; font-weight:normal; }
.office-join-hd .p2 { color:#888; line-height:1.8; }

.office-job-detail { margin-bottom:36px; }
.office-job-title { font-size:28px; color:#c3ac68; font-weight:bold; margin-bottom:24px; line-height:1.4; }
.office-job-form { padding:36px 0 10px; border-top:1px solid #efe8d6; }
.office-job-form-hd { font-size:20px; color:#1f1c17; margin-bottom:22px; padding-left:12px; border-left:3px solid #c3ac68; }
.office-job-form ul { list-style:none; margin:0; padding:0; }
.office-job-form .field { clear:both; }
.office-job-form .input { padding:8px 0; zoom:1; }
.office-job-form .field:after { content:'\20'; display:block; height:0; clear:both; }
.office-job-form li.field label { display:block; float:left; width:100px; line-height:40px; text-align:right; color:#555; }
.office-job-form .text { height:40px; line-height:40px; padding:0 10px; border:1px solid #ddd; background:#fff; color:#555; box-sizing:border-box; width:calc(100% - 120px); }
.office-job-form .textarea { width:calc(100% - 120px); height:110px; padding:8px 10px; border:1px solid #ddd; background:#fff; color:#555; box-sizing:border-box; }
.office-job-form .code { width:120px; }
.office-job-form .office-job-code { cursor:pointer; margin-left:8px; vertical-align:middle; height:40px; }
.office-job-form .office-job-radios { display:inline-block; line-height:40px; color:#555; }
.office-job-form .submit-field { padding:12px 10px 8px 100px; clear:both; }
.office-job-form .submit-field input { margin-right:10px; }
.office-job-form .btn-submit,
.office-job-form .btn-reset { width:110px; height:40px; border:none; background:#1f1c17; color:#fff; cursor:pointer; }
.office-job-form .btn-submit { background:#c3ac68; }
.office-job-form .btn-submit:hover { background:#b39952; }
.office-job-form .btn-reset:hover { background:#3d3428; }

.office-dialog-page { min-height:100vh; background:#f7f5f0; }
.office-dialog-mask { position:fixed; left:0; top:0; right:0; bottom:0; z-index:2000; background:none; display:none; align-items:center; justify-content:center; padding:24px; pointer-events:none; }
.office-dialog-mask.is-open .office-dialog,
.office-dialog-page .office-dialog { pointer-events:auto; }
.office-dialog-mask.is-open,
.office-dialog-page .office-dialog-mask { display:-webkit-flex; display:flex; }
.office-dialog { position:relative; width:100%; max-width:420px; background:#fff; padding:46px 36px 34px; text-align:center; box-sizing:border-box; border-radius:24px; overflow:hidden; box-shadow:0 18px 48px rgba(195,172,104,.18); -webkit-animation:officeDialogPop .36s cubic-bezier(.2,.8,.2,1); animation:officeDialogPop .36s cubic-bezier(.2,.8,.2,1); }
.office-dialog:before { content:""; position:absolute; left:0; top:0; right:0; height:4px; background:#c3ac68; }
.office-dialog-icon { width:72px; height:72px; margin:0 auto 20px; color:#c3ac68; }
.office-dialog-ok .office-dialog-icon,
.office-dialog-err .office-dialog-icon { color:#c3ac68; filter:drop-shadow(0 8px 14px rgba(195,172,104,.28)); }
.office-dialog-icon svg { display:block; width:72px; height:72px; }
.office-dialog-kicker { display:block; font-size:11px; letter-spacing:.32em; color:#c3ac68; margin-bottom:8px; }
.office-dialog h3 { margin:0 0 10px; font-size:22px; font-weight:normal; color:#1f1c17; line-height:1.4; }
.office-dialog p { margin:0 0 28px; font-size:14px; line-height:1.85; color:#777; }
.office-dialog-btn { display:inline-block; min-width:132px; height:42px; line-height:42px; padding:0 28px; border:0; border-radius:21px; background:#c3ac68; color:#fff; font-size:15px; letter-spacing:.16em; cursor:pointer; }
.office-dialog-btn:hover { background:#b39952; color:#fff; }
@-webkit-keyframes officeDialogPop {
	from { opacity:0; -webkit-transform:translateY(18px) scale(.96); transform:translateY(18px) scale(.96); }
	to { opacity:1; -webkit-transform:translateY(0) scale(1); transform:translateY(0) scale(1); }
}
@keyframes officeDialogPop {
	from { opacity:0; -webkit-transform:translateY(18px) scale(.96); transform:translateY(18px) scale(.96); }
	to { opacity:1; -webkit-transform:translateY(0) scale(1); transform:translateY(0) scale(1); }
}

.office-sec-contact { background:linear-gradient(135deg, #1f1c17 0%, #3d3428 60%, #2b261f 100%); }
.office-contact { overflow:hidden; margin:0 -10px; }
.office-contact-item { float:left; width:31.33%; margin:0 1%; padding:36px 28px; box-sizing:border-box; border:1px solid rgba(232,217,168,.25); color:#f0e6c8; min-height:180px; transition:transform .35s ease, background .35s ease; }
.office-contact-item em { display:block; letter-spacing:.28em; font-size:12px; color:#c3ac68; margin-bottom:16px; }
.office-contact-item h3 { font-size:18px; color:#fff; font-weight:normal; margin-bottom:12px; }
.office-contact-item p { line-height:1.8; }
.office-contact-item:hover { transform:translateY(-6px); background:rgba(255,255,255,.04); }
.office-contact-page { margin:0 0 36px; }
.office-contact-page .office-contact-item { background:#1f1c17; border-color:#c3ac68; }

.office-inner { background:#f6f4f4; padding:0 0 100px; }
.office-practice .office-subnav { margin-bottom:0; }
.office-practice .office-content { padding:65px 60px; margin-top:40px; border-top:2px solid #dcd0ae; box-shadow:none; min-height:0; }
.office-side { float:left; width:220px; background:#fff; box-shadow:0 8px 24px rgba(31,28,23,.04); }
.office-side h3 { background:#1f1c17; color:#fff; font-size:18px; font-weight:normal; padding:18px 16px; }
.office-side li a { display:block; padding:14px 16px; border-bottom:1px solid #f0f0f0; position:relative; transition:padding-left .3s, color .3s; }
.office-side li.current a,
.office-side li a:hover { color:#c3ac68; padding-left:22px; }
.office-side li.current a:before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#c3ac68; }
.office-content { background:#fff; padding:36px 42px 56px; min-height:420px; box-shadow:0 8px 24px rgba(31,28,23,.04); }
.office-gold-edge .office-content { margin-top:40px; border-top:2px solid #dcd0ae; box-shadow:none; }
.office-content.has-side { margin-left:240px; }
.office-crumb { color:#999; margin-bottom:28px; }
.office-crumb a { color:#999; }
.office-crumb em { color:#333; }
.office-article { font-size:15px; line-height:2; }
.office-article p { margin-bottom:12px; }
.office-article img { max-width:100%; height:auto; }
.office-detail-title { margin-bottom:28px; border-bottom:1px solid #eee; padding-bottom:18px; text-align:center; }
.office-detail-title h2 { font-size:26px; font-weight:normal; color:#1f1c17; line-height:1.4; }
.office-detail-title p { color:#999; margin-top:10px; }
.office-detail-foot { margin-top:36px; padding-top:20px; border-top:1px solid #ddd; }
.office-detail-foot li { height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.office-detail-foot a:hover { color:#c3ac68; }
.office-lawyer-hd { margin-bottom:28px; padding-bottom:24px; border-bottom:1px solid #eee; }
.office-lawyer-hd .pic { float:left; width:210px; margin-right:28px; overflow:hidden; }
.office-lawyer-hd .pic img { width:100%; height:auto; display:block; }
.office-lawyer-hd span { color:#c3ac68; letter-spacing:.18em; font-size:12px; }
.office-lawyer-hd h2 { font-size:26px; font-weight:normal; padding-top:8px; }
.office-lawyer-hd p { color:#888; margin-top:8px; }
.office-back-list { margin-top:36px; }
.office-back-list a { display:inline-block; padding:10px 24px; border:1px solid #c3ac68; color:#c3ac68; transition:background .3s, color .3s; }
.office-back-list a:hover { background:#c3ac68; color:#fff; }

/* 主站专业领域 / 专业人员 */
.qchArea { color:#333; }
.qchArea .img01 { float:right; width:50%; margin-left:4%; }
.qchArea .img02 { display:none; width:100%; margin-top:20px; }
.qchArea .p1 { font-size:30px; }
.qchArea .p2 { width:90px; height:3px; background:#767676; margin:20px 0 50px; }
.qchArea .p3 { font-size:16px; line-height:30px; }
.qchArea .p3 img { max-width:100%; height:auto; }

.lsArea01 { margin:0 0 24px; padding:70px 60px 80px; background:url(ls01.jpg) no-repeat center; background-size:cover; }
.lsArea01 .hd { font-size:30px; color:#fff; font-weight:bold; margin-bottom:35px; }
.lsArea01 .bd { font-size:16px; }
.lsArea01 .bd select { float:left; width:calc(25% - 52.5px); padding-left:20px; margin-right:5px; height:55px; line-height:55px; background:url(ls02.png) no-repeat center right #fff; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; color:#333; }
.lsArea01 .bd select.select01-lock { background-image:none; background-color:#f3f1ea; color:#666; cursor:default; pointer-events:none; }
.lsArea01 .bd .text { float:left; width:calc(25% - 52.5px); padding-left:20px; margin-right:15px; height:55px; line-height:55px; background:#fff; box-sizing:border-box; border:0; color:#333; }
.lsArea01 .bd .btn01 { float:right; width:180px; height:55px; line-height:55px; text-align:center; font-size:24px; color:#fff; background:rgba(0,0,0,0.4); cursor:pointer; border:0; }

.lsArea02 { margin-bottom:10px; }
.lsArea02 .p1 { font-size:18px; color:#333; line-height:1; margin-bottom:20px; }
.lsArea02 .p2 a { display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; color:#333; font-size:18px; background:#ebebeb; margin:0 10px 10px 0; }
.lsArea02 .p2 a.on,
.lsArea02 .p2 a:hover { background:#c3ac68; color:#fff; }

.lsArea03 { margin-top:50px; }
.lyArea .hd .p1 { font-size:30px; }
.lyArea .hd .p2 { width:90px; height:3px; background:#767676; margin:20px 0 50px; }
.lyArea .bd { margin-top:50px; }
.lyArea .bd .swiper-slide a { display:block; padding:20px 0; background:#f6f4f4; }
.lyArea .bd .swiper-slide .txt { border-left:3px solid #c3ac68; padding:0 25px; font-size:16px; color:#333; }
.lyArea .bd .swiper-slide .txt .p1 { line-height:50px; height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lyArea .bd .btn { margin-top:30px; text-align:center; }
.lyArea .bd .btn a { display:inline-block; width:47px; height:46px; margin:0 20px; cursor:pointer; }
.lyArea .bd .btn a.prev-ly { background:url(ly01.png) no-repeat center; }
.lyArea .bd .btn a.next-ly { background:url(ly02.png) no-repeat center; }

.lsArea03 ul { display:flex; flex-wrap:wrap; align-items:stretch; }
.lsArea03 ul.clearfix:after { display:none; }
.lsArea03 ul li { float:none; display:flex; width:48.5%; margin:0 3% 3% 0; box-sizing:border-box; }
.lsArea03 ul li:nth-child(2n) { margin-right:0; }
.lsArea03 ul li a { display:flex; align-items:stretch; width:100%; box-sizing:border-box; padding:40px; background:#f6f4f4; }
.lsArea03 ul li .pic { float:none; flex:0 0 33%; width:33%; position:relative; min-height:220px; overflow:hidden; background:transparent; }
.lsArea03 ul li .pic img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; object-position:center center; }
.lsArea03 ul li .pic .office-ls-ph { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; line-height:1; }
.lsArea03 ul li .txt { float:none; flex:1; width:auto; min-width:0; margin-left:5%; display:flex; flex-direction:column; }
.lsArea03 ul li .txt .p1 { font-size:18px; color:#333; font-weight:bold; margin-bottom:20px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lsArea03 ul li .txt .p2 { font-size:14px; color:#807f7f; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lsArea03 ul li .txt .p3 { font-size:14px; color:#807f7f; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lsArea03 ul li .txt .p4 { margin-top:auto; padding-top:40px; }
.lsArea03 ul li .txt .p4 p { margin-bottom:10px; background:#fff; font-size:14px; color:#333; height:30px; line-height:30px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lsArea03 ul li .txt .p4 p i { display:inline-block; padding-left:25px; }
.lsArea03 ul li .txt .p4 p.a1 i { background:url(e01.png) no-repeat center left; }
.lsArea03 ul li .txt .p4 p.a2 i { background:url(e02.png) no-repeat center left; }
.lsArea03 ul li .txt .p4 p.is-empty { visibility:hidden; }

.lsArea04 { margin-top:10px; background:#f6f4f4; }
.lsArea04 .pic { float:left; width:375px; }
.lsArea04 .pic img { display:block; }
.lsArea04 .txt { float:right; width:calc(100% - 430px); padding-top:75px; padding-bottom:40px; padding-right:30px; box-sizing:border-box; }
.lsArea04 .txt .p1 { font-size:18px; color:#333; font-weight:bold; margin-bottom:20px; }
.lsArea04 .txt .p2 { font-size:14px; color:#807f7f; line-height:25px; min-height:25px; }
.lsArea04 .txt .p3 { font-size:14px; color:#807f7f; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lsArea04 .txt .p4 { margin-top:40px; max-width:360px; }
.lsArea04 .txt .p4 p { margin-bottom:10px; background:#fff; font-size:14px; color:#333; height:30px; line-height:30px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lsArea04 .txt .p4 p i { display:inline-block; padding-left:25px; }
.lsArea04 .txt .p4 p.a1 i { background:url(e01.png) no-repeat center left; }
.lsArea04 .txt .p4 p.a2 i { background:url(e02.png) no-repeat center left; }

.lsArea05 { margin-top:60px; }
.lsArea05 .hd { font-size:24px; color:#fff; padding-left:30px; height:95px; line-height:95px; background:#c3ac68; }
.lsArea05 .bd { padding:35px 30px; font-size:16px; line-height:35px; color:#333; }
.lsArea05 .bd img { max-width:100%; height:auto; }

.office-ls-ph { display:block; height:220px; line-height:220px; text-align:center; font-size:48px; color:#c3ac68; background:#ece8dc; }

.office-footer { background:#1f1c17; color:#bbb; padding:48px 0 36px; font-size:15px; }
.office-foot-brand .p1 { color:#fff; font-size:22px; margin-bottom:8px; }
.office-foot-brand .p-city { color:#c3ac68; font-size:15px; letter-spacing:.12em; margin-bottom:28px; }
.office-foot-contact { display:flex; flex-wrap:wrap; margin:0 -12px 8px; }
.office-foot-item { flex:1 1 180px; padding:0 12px 18px; box-sizing:border-box; min-width:180px; }
.office-foot-item-wide { flex:2 1 280px; }
.office-foot-item em { display:block; font-size:14px; letter-spacing:.12em; color:#c3ac68; margin-bottom:8px; }
.office-foot-item p { font-size:16px; line-height:1.7; color:#e8e0d0; word-break:break-all; }
.office-foot-item a { color:#e8e0d0; }
.office-foot-item a:hover { color:#c3ac68; }
.office-foot-copy { margin-top:28px; padding-top:18px; border-top:1px solid #3a342b; font-size:15px; }
.office-foot-copy,
.office-foot-copy a { color:#888; }
.office-foot-copy a { color:#d8c48a; margin-right:16px; }

.office-enter { display:inline-block; margin-top:16px; padding:8px 22px; background:#c3ac68; color:#fff !important; }

@media (max-width: 1500px) {
	.office-subnav li { width:24.25%; }
	.office-subnav li:nth-child(5n) { margin-right:1%; }
	.office-subnav li:nth-child(4n) { margin-right:0; }
	.office-subnav a { font-size:14px; }
	.office-practice .office-content { padding:50px 40px; }
	.qchArea .p1 { font-size:28px; }
	.qchArea .p2 { margin:10px 0 20px; }
	.qchArea .p3 { font-size:14px; line-height:25px; }
}
@media (max-width: 1200px) {
	.office-subnav li { width:32%; margin:0 2% 2% 0; }
	.office-subnav li:nth-child(5n) { margin-right:2%; }
	.office-subnav li:nth-child(4n) { margin-right:2%; }
	.office-subnav li:nth-child(3n) { margin-right:0; }
	.office-practice .office-content { padding:40px 30px; }
	.office-person { padding:15px; }
	.office-person .txt { padding-top:15px; }
	.office-person .txt .p1 { font-size:16px; }
	.office-person .txt .p2,
	.office-person .txt .p3 { font-size:12px; }
	.office-person .txt01 { margin-top:20px; padding-left:0; }
	.office-person .txt01 .p4,
	.office-person .txt01 .p5 { font-size:12px; }
	.qchArea .p1 { font-size:24px; }
	.office-practice-grid { padding:30px 0; }
	.office-practice-grid .swiper-slide a { padding:20px 0; }
	.office-practice-grid .swiper-slide a:before { top:20px; }
	.office-practice-grid .p2 { font-size:16px; margin:20px 0 10px; }
}
@media (max-width: 900px) {
	.office-header { position:relative; }
	.office-nav-btn { display:block; float:right; line-height:78px; padding-right:10px; cursor:pointer; }
	.office-nav { display:none; float:none; clear:both; background:#fff; }
	.office-nav.open { display:block; }
	.office-nav ul li { float:none; }
	.office-nav ul li a { line-height:44px; }
	.office-nav ul li a:after { display:none; }
	.office-name { display:none; }
	.office-banner { min-height:360px; }
	.office-banner-item img,
	.office-banner-fallback { height:360px; min-height:360px; }
	.office-about-side,
	.office-about-body,
	.office-news-feature,
	.office-news,
	.office-join-intro,
	.office-join-list { float:none; width:100%; }
	.office-about-body { padding:24px 0 0; }
	.office-about-motto,
	.office-about-pic img { height:240px; }
	.office-contact-item { width:48%; }
	.office-person { width:calc((100% - 24px) / 2); margin:0; padding:10px; }
	.office-person .txt { padding-bottom:15px; }
	.office-person .txt01 { display:none; }
	.office-content.has-side { margin-left:0; }
	.office-side { float:none; width:100%; margin-bottom:16px; }
	.office-section { padding:56px 0; }
	.office-join-item span { display:none; }
	.office-join-item div { margin-right:0; }
	.office-job-title { font-size:22px; }
	.office-job-form li.field label { width:80px; }
	.office-job-form .text,
	.office-job-form .textarea { width:calc(100% - 90px); }
	.office-job-form .submit-field { padding-left:80px; }
	.office-subnav { padding-top:30px; }
	.office-subnav li { width:49%; margin:0 2% 1% 0; }
	.office-subnav li:nth-child(5n) { margin-right:2%; }
	.office-subnav li:nth-child(3n) { margin-right:2%; }
	.office-subnav li:nth-child(2n) { margin-right:0; }
	.office-subnav a { font-size:12px; height:35px; line-height:35px; }
	.office-location { display:none; }
	.lsArea01 { padding:40px 30px; }
	.lsArea01 .hd { font-size:24px; margin-bottom:25px; }
	.lsArea01 .bd { font-size:14px; }
	.lsArea01 .bd select { width:calc(33.33% - 7px); padding-left:15px; margin-right:10px; margin-bottom:10px; height:40px; line-height:40px; background:url(ls03.png) no-repeat center right #fff; }
	.lsArea01 .bd .select03 { margin-right:0; }
	.lsArea01 .bd .text { float:left; width:calc(50% - 5px); padding-left:15px; margin-right:10px; height:40px; line-height:40px; }
	.lsArea01 .bd .btn01 { float:left; width:calc(50% - 5px); height:40px; line-height:40px; font-size:18px; }
	.lsArea02 .p1 { font-size:14px; margin-bottom:15px; }
	.lsArea02 .p2 a { width:25px; height:25px; line-height:25px; font-size:14px; margin:0 5px 5px 0; }
	.qchArea .p1 { font-size:24px; }
	.lyArea { margin-top:40px; }
	.lyArea .hd .p1 { font-size:24px; }
	.lyArea .bd .btn a { width:35px; height:35px; background-size:contain !important; }
	.lsArea03 { margin-top:20px; }
	.lsArea03 ul li .txt { padding-top:20px; }
	.lsArea03 ul li .txt .p4 { display:none; }
	.lsArea04 .pic { width:250px; }
	.lsArea04 .txt { width:calc(100% - 280px); padding-top:40px; }
	.lsArea05 { margin-top:40px; }
	.lsArea05 .hd { font-size:20px; padding-left:20px; height:65px; line-height:65px; }
	.lsArea05 .bd { padding:25px 20px; font-size:14px; line-height:25px; }
	.office-foot-item,
	.office-foot-item-wide { flex:1 1 46%; min-width:46%; }
}
@media (max-width: 600px) {
	.office-contact-item { width:100%; margin-right:0; }
	.office-practice-grid .p2 { font-size:14px; margin:20px 0 0; padding:0 10px; }
	.office-practice-nav { margin-top:20px; }
	.office-practice-nav a { margin:0 20px; }
	.office-person { width:100%; margin:0; }
	.office-news-item .date { float:none; display:block; margin-bottom:8px; width:auto; text-align:left; }
	.office-news-item div { margin-left:0; }
	.office-content .list li { height:40px; line-height:40px; font-size:14px; }
	.office-dialog { padding:36px 22px 28px; }
	.office-dialog h3 { font-size:20px; }
	.office-job-form .submit-field { padding-left:0; }
	.office-job-form li.field label { float:none; width:auto; text-align:left; line-height:28px; }
	.office-job-form .text,
	.office-job-form .textarea { width:100%; }
	.office-practice .office-content,
	.office-gold-edge .office-content { margin-top:20px; }
	.office-practice .office-content { padding:20px 15px; }
	.office-hd h2 { font-size:24px; }
	.office-more { font-size:12px; letter-spacing:.12em; }
	.office-more i { width:28px; margin:0 10px; }
	.office-more:hover i { width:36px; }
	.office-lawyer-hd .pic { float:none; width:100%; margin:0 0 16px; }
	.qchArea .img01 { display:none; }
	.qchArea .img02 { display:block; }
	.qchArea .p1 { font-size:20px; }
	.lsArea01 { padding:20px 15px; }
	.lsArea01 .bd select { width:calc(50% - 5px); padding-left:10px; margin-right:10px; margin-bottom:10px; }
	.lsArea01 .bd .select02 { margin-right:0; }
	.lsArea01 .bd .select03 { margin-right:10px; }
	.lsArea01 .bd .text { width:calc(50% - 5px); padding-left:10px; margin-right:0; margin-bottom:10px; }
	.lsArea01 .bd .btn01 { width:100%; font-size:16px; }
	.qchArea .p3 { font-size:14px; line-height:25px; }
	.lsArea03 ul li { width:100%; margin-right:0; }
	.lsArea03 ul li a { display:block; padding:15px; }
	.lsArea03 ul li .pic { float:none; flex:none; width:100%; height:0; min-height:0; padding-bottom:72%; }
	.lsArea03 ul li .txt { float:none; flex:none; width:100%; margin-left:0; display:block; padding-top:15px; text-align:center; }
	.lsArea03 ul li .txt .p4 { margin-top:16px; padding-top:0; }
	.lsArea04 .pic { float:none; width:100%; }
	.lsArea04 .txt { float:none; width:100%; padding:20px 15px; }
	.lsArea05 .hd { font-size:18px; padding-left:15px; height:45px; line-height:45px; }
	.lsArea05 .bd { padding:20px 15px; font-size:12px; line-height:20px; }
	.office-foot-item,
	.office-foot-item-wide { flex:1 1 100%; min-width:100%; }
}