/* rufengsuiying.com — /28532/ Stig 极简白蓝模板还原 */
/* 主蓝 #03a9f4 / 橙 hover #FD7A06·#F97F00 / 深色 #111 / 灰 #f8f8f8·#f4f4f4 */
* { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { font-family:"Open Sans","Microsoft YaHei",Roboto,Arial,sans-serif; font-size:14px; line-height:1.7; color:#282828; background:#fff; }
ul, ol { list-style:none; }
a { color:#282828; text-decoration:none; outline:none; transition:all .27s cubic-bezier(0,0,.58,1); }
a:hover { color:#FD7A06; }
img { max-width:100%; border:0; vertical-align:middle; }
h1,h2,h3,h4,h5,h6 { margin:0; font-weight:400; }
.container { max-width:1170px; margin:0 auto; padding:0 15px; }
.clearfix::after { content:""; display:table; clear:both; }
.align-center { text-align:center; }
.align-left { text-align:left; }
.relative { position:relative; }
/* 顶部 topbox */
.topbox { position:sticky; top:0; z-index:201; background:rgba(255,255,255,.96); box-shadow:0 1px 0 rgba(0,0,0,.06); }
.lotbox { display:flex; align-items:center; justify-content:space-between; height:86px; max-width:1170px; margin:0 auto; padding:0 15px; }
.lot-logo { display:flex; align-items:center; gap:10px; }
.logo-ico { flex:0 0 auto; }
.lot-name { line-height:1.25; }
.lot-name b { display:block; font-size:21px; font-weight:700; color:#111; letter-spacing:1px; }
.lot-name span { display:block; font-size:10px; color:#999; letter-spacing:2.5px; text-transform:uppercase; }
.lot-tel { text-align:right; }
.lot-tel i { display:inline-block; width:34px; height:34px; line-height:34px; text-align:center; border:2px solid #03a9f4; color:#03a9f4; border-radius:50%; font-size:16px; margin-right:8px; vertical-align:middle; }
.lot-tel em { font-style:normal; display:inline-block; vertical-align:middle; text-align:left; }
.lot-tel em s { display:block; text-decoration:none; font-size:12px; color:#999; }
.lot-tel em strong { font-size:20px; font-weight:700; color:#F97F00; font-family:Arial,sans-serif; }
.m-btn { display:none; width:42px; height:42px; line-height:42px; text-align:center; font-size:22px; color:#282828; background:none; border:1px solid #e5e5e5; cursor:pointer; }
/* 导航 menubox（topbox 末子元素） */
.menubox { border-top:1px solid #f0f0f0; }
.inner-nav { max-width:1170px; margin:0 auto; padding:0 15px; }
.inner-nav .clearlist { display:flex; justify-content:center; flex-wrap:wrap; }
.inner-nav .clearlist > li { position:relative; }
.inner-nav .clearlist > li > a { display:block; padding:0 26px; height:58px; line-height:58px; font-size:15px; color:#282828; text-transform:uppercase; letter-spacing:1px; }
.inner-nav .clearlist > li > a:hover, .inner-nav .clearlist > li > a.active { color:#F97F00; }
.mn-sub { display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:180px; background:rgba(30,30,30,.97); padding:6px 0; z-index:99; }
.mn-sub li a { display:block; padding:11px 20px; font-size:13px; color:rgba(255,255,255,.82); white-space:nowrap; }
.mn-sub li a:hover { background:rgba(255,255,255,.09); color:#f5f5f5; }
.mn-has-sub i { margin-left:5px; font-size:12px; }
/* 全屏轮播 */
.fs-banner { position:relative; height:calc(100vh - 145px); min-height:500px; max-height:780px; overflow:hidden; background:#111; }
.fs-slide { position:absolute; inset:0; opacity:0; transition:opacity 1s ease; }
.fs-slide.on { opacity:1; }
.fs-slide img { width:100%; height:100%; object-fit:cover; }
.fs-mask { position:absolute; inset:0; background:linear-gradient(180deg,rgba(17,17,17,.35),rgba(17,17,17,.55)); }
.fs-cap { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; padding:0 20px; }
.fs-cap h2 { font-size:44px; font-weight:300; letter-spacing:4px; margin-bottom:16px; }
.fs-cap h2 b { font-weight:700; color:#fff; }
.fs-cap p { font-size:17px; font-weight:300; color:rgba(255,255,255,.85); letter-spacing:3px; }
.fs-cap .fs-line { width:80px; height:2px; background:#fff; margin:22px auto 0; }
.fs-dots { position:absolute; bottom:28px; left:0; right:0; text-align:center; z-index:5; }
.fs-dots .fs-dot { display:inline-block; width:38px; height:4px; margin:0 4px; background:rgba(255,255,255,.4); cursor:pointer; transition:all .27s; }
.fs-dots .fs-dot.on { background:#03a9f4; }
/* 区块标题 */
.page-section { padding:80px 0; }
.small-section { padding:40px 0; }
.bg-gray-lighter { background:#f8f8f8; }
.bg-gray { background:#f4f4f4; }
.sec-hd { text-align:center; margin-bottom:14px; }
.section-title { font-size:24px; font-weight:300; line-height:1.3; color:#111; }
.section-title a { color:#111; }
.section-title a:hover { color:#FD7A06; }
.section-heading { margin-top:6px; margin-bottom:10px; font-size:20px; font-weight:300; line-height:1.45; color:#F97C02; }
.section-line { width:80px; height:2px; margin:30px auto; background:#111; }
.section-line.left { margin:25px 0 40px; }
.section-text { font-size:16px; font-weight:300; color:#777; line-height:1.9; }
/* 产品 works 5列 */
.works-filter { text-align:center; font-size:16px; font-weight:300; color:#555; margin:0 0 35px; }
.works-filter a { display:inline-block; margin:0 16px; color:#888; cursor:pointer; }
.works-filter a:hover, .works-filter a.active { color:#111; }
.works-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.work-item { position:relative; overflow:hidden; }
.work-img { position:relative; overflow:hidden; aspect-ratio:1/1; background:#f4f4f4; }
.work-img img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.work-item:hover .work-img img { transform:scale(1.06); }
.work-img::after { content:""; position:absolute; inset:0; background:rgba(250,250,250,0); transition:background .27s; }
.work-item:hover .work-img::after { background:rgba(250,250,250,.9); }
.work-item .work-link { display:block; }
.work-intro { padding:14px 6px 0; text-align:center; }
.work-title { font-size:15px; font-weight:700; line-height:1.4; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.work-title a { color:#333; }
.work-title a:hover { color:#FD7A06; }
.work-descr { font-size:13px; color:#777; }
.work-descr a { color:#777; }
.work-descr a:hover { color:#FD7A06; }
/* 为什么选择 3列 */
.alt-features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px 40px; }
.alt-features-item { margin-top:20px; text-align:center; }
.alt-features-icon { font-size:44px; line-height:1; color:#03a9f4; margin-bottom:16px; }
.alt-features-title { font-size:16px; font-weight:700; margin-bottom:12px; color:#111; }
.alt-features-descr { color:#777; font-size:14px; font-weight:300; line-height:1.86; }
/* 新闻 4列 */
.news-head { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; }
.section-more { margin-top:7px; color:#aaa; font-size:14px; font-weight:400; }
.section-more:hover { color:#FD7A06; }
.news-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.news-grid .iblog-item { min-width:0; }
.post-prev-img { margin-bottom:15px; position:relative; }
.post-prev-img a { display:block; overflow:hidden; }
.post-prev-img img { width:100%; aspect-ratio:4/3; object-fit:cover; transition:opacity .2s; }
.post-prev-img a:hover img { opacity:.85; }
.post-prev-border { border-bottom:2px solid #03a9f4; }
.post-prev-title { font-size:15px; font-weight:700; margin:5px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.post-prev-title a { color:#333; }
.post-prev-title a:hover { color:#FD7A06; }
.post-prev-info { margin-bottom:10px; font-size:13px; color:#aaa; }
.post-prev-text { color:#666; font-size:13px; line-height:1.75; margin-bottom:16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.post-prev-more .btn-mod { display:inline-block; padding:7px 15px; color:#fff; background:#03a9f4; border:2px solid transparent; font-size:11px; font-weight:400; text-transform:uppercase; letter-spacing:1px; cursor:pointer; }
.post-prev-more .btn-mod:hover { opacity:.85; color:#fff; }
/* 关于 split */
.split-section { display:flex; align-items:stretch; }
.split-head { width:50%; min-height:460px; background-size:cover; background-position:center; }
.split-content { width:50%; background:#f8f8f8; display:flex; align-items:center; }
.split-wrapper { padding:70px 8% 70px 60px; }
.split-wrapper .section-title { margin-bottom:4px; }
.split-wrapper .section-heading { text-transform:uppercase; font-weight:700; }
.split-wrapper .section-text p { margin-bottom:14px; }
.iabout-btm { margin-top:26px; }
.tpl-progress { margin-bottom:16px; }
.tpl-progress .pb-label { display:flex; justify-content:space-between; font-size:13px; color:#555; margin-bottom:5px; }
.tpl-progress .pb-track { height:23px; background:#ececec; overflow:hidden; }
.tpl-progress .progress-bar { height:100%; width:0; background:#03a9f4; transition:width 1.4s cubic-bezier(0,0,.58,1); }
.tpl-progress.in .progress-bar { width:var(--w); }
/* 联系 4圆 */
.contact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px 20px; }
.alt-features-item-1 { margin-top:20px; text-align:center; }
.alt-features-icon-1 { width:64px; height:64px; display:inline-flex; align-items:center; justify-content:center; font-size:26px; line-height:64px; color:#fff; background:#03a9f4; border-radius:50%; margin-bottom:14px; }
.alt-features-descr-1 { padding-top:8px; font-size:15px; line-height:1.6; color:#555; }
.alt-features-descr-1 a { color:#555; }
.alt-features-descr-1 a:hover { color:#FD7A06; }
/* 合作伙伴 */
.partner-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.p-item { height:86px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #e8e8e8; font-size:15px; color:#666; letter-spacing:1px; transition:all .27s; }
.p-item:hover { border-color:#03a9f4; color:#03a9f4; }
/* 底部图带 */
.section-bot-image { min-height:340px; background-size:cover; background-position:center; background-attachment:fixed; position:relative; }
.section-bot-image .bot-mask { position:absolute; inset:0; background:rgba(17,17,17,.25); }
/* 页脚 */
.footer { background:#111; color:rgba(255,255,255,.8); padding:60px 0 0; }
.footer .container { max-width:1170px; }
.footer-top { display:grid; grid-template-columns:2.2fr 1fr 1.4fr 1.6fr; gap:34px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.12); }
.fcol h4 { font-size:15px; color:#fff; letter-spacing:1px; margin-bottom:20px; text-transform:uppercase; }
.fcol-about p { font-size:13px; color:rgba(255,255,255,.6); line-height:1.9; margin-bottom:12px; }
.fcol ul li { margin-bottom:10px; font-size:13px; }
.fcol ul li a { color:rgba(255,255,255,.6); }
.fcol ul li a:hover { color:#fff; }
.fcol-contact p { font-size:13px; color:rgba(255,255,255,.6); line-height:2.1; }
.fcol-contact p i { width:16px; color:#03a9f4; }
.fcol-contact p b { color:rgba(255,255,255,.85); font-weight:400; }
.foot-qr { display:flex; align-items:center; gap:14px; }
.foot-qr img { width:97px; height:97px; background:#fff; padding:4px; }
.foot-qr p { font-size:12px; color:rgba(255,255,255,.55); line-height:1.8; }
.footer-social-links { text-align:center; margin:26px 0 18px; font-size:14px; }
.footer-social-links a { width:38px; height:38px; line-height:38px; position:relative; margin:0 3px; display:inline-block; color:#111; }
.footer-social-links a::before { content:""; position:absolute; inset:0; background:#fff; border-radius:50%; transition:background .27s; z-index:0; }
.footer-social-links a i { position:relative; z-index:1; }
.footer-social-links a:hover::before { background:#03a9f4; }
.footer-social-links a:hover i { color:#fff; }
.footer-text { text-align:center; }
.footer-copy { font-size:13px; color:rgba(255,255,255,.75); letter-spacing:1px; margin-bottom:6px; text-transform:uppercase; }
.footer-copy a, .beian-link { color:rgba(255,255,255,.75); }
.footer-copy a:hover, .beian-link:hover { color:#fff; }
.footer-made { font-size:13px; color:rgba(255,255,255,.45); padding-bottom:30px; }
.link-to-top { position:absolute; right:30px; bottom:30px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; background:rgba(255,255,255,.12); border-radius:50%; font-size:20px; }
.link-to-top:hover { background:#03a9f4; color:#fff; }
/* 内页 */
.n-banner { position:relative; height:280px; background-size:cover; background-position:center; }
.n-banner-mask { position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,17,17,.78),rgba(17,17,17,.45)); }
.ntit { background:#f4f4f4; border-bottom:1px solid #e8e8e8; }
.ntit .container { display:flex; align-items:center; justify-content:space-between; min-height:64px; }
.ntt h1 { font-size:22px; font-weight:300; color:#111; display:inline-block; margin-right:10px; }
.ntt i { font-style:normal; font-size:12px; color:#999; text-transform:uppercase; letter-spacing:2px; }
.weiz { font-size:13px; color:#999; }
.weiz a { color:#666; }
.weiz a:hover { color:#FD7A06; }
.weiz span { color:#03a9f4; }
.page-container { background:#fff; padding:46px 0 60px; }
.inner-wrap { display:flex; gap:40px; align-items:flex-start; }
.inner-main { flex:1 1 auto; min-width:0; }
.sidebar { flex:0 0 262px; }
.widget { margin-bottom:34px; }
.widget .title { font-size:16px; line-height:1.3; color:#525659; text-transform:uppercase; font-weight:700; margin-bottom:16px; padding:12px 14px; background:#f8f8f8; border-left:3px solid #03a9f4; letter-spacing:1px; }
.search-wrap { position:relative; }
.search-field { width:100%; height:46px; border:1px solid #ddd; padding:0 52px 0 14px; font-size:13px; color:#444; outline:none; }
.search-field:focus { border-color:#03a9f4; }
.search-button { position:absolute; top:3px; right:3px; width:44px; height:40px; border:none; background:#03a9f4; color:#fff; font-size:15px; cursor:pointer; }
.search-button:hover { background:#F97F00; }
.s-contact { color:#555; line-height:2.2; font-size:13px; }
.widget-list li { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid #e8e8e8; }
.widget-list li:last-child { border-bottom:0; }
.widget-list figure { flex:0 0 64px; height:48px; overflow:hidden; }
.widget-list figure img { width:100%; height:100%; object-fit:cover; }
.sn-wrapper { min-width:0; }
.s-desc { font-size:13px; line-height:1.5; margin-bottom:5px; }
.s-desc a { color:#333; }
.s-desc a:hover { color:#FD7A06; }
.comments { font-size:12px; color:#aaa; }
/* 产品列表 3列 玻璃hover */
.portfolio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px 22px; }
.portfolio-item { margin-bottom:6px; }
.glass-animation { position:relative; overflow:hidden; display:block; }
.glass-animation > a { display:block; position:relative; }
.glass-animation img { width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid #ededed; transition:transform .3s; }
.glass-animation .background { position:absolute; inset:0; margin:auto; width:100%; height:100%; background:#f16543; opacity:0; transition:all .3s ease-in-out; }
.glass-animation .glass { display:block; }
.glass-animation .glass > span { opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:200px; height:200px; border-radius:50%; display:block; border:5px solid #fff; transition:all .2s ease-in-out; }
.glass-animation .glass > span i { position:absolute; right:-200px; bottom:-200px; display:inline-block; width:18px; height:5px; background:#fff; border-radius:10px; transform:rotate(45deg); }
.glass-animation:hover .background { opacity:.7; }
.glass-animation:hover .glass > span { opacity:1; width:30px; height:30px; border-radius:50%; transition-delay:.15s; }
.glass-animation:hover .glass > span i { right:-14px; bottom:-7px; transition-delay:.15s; }
.glass-animation:hover img { transform:scale(1.04); }
.item-title { font-size:14px; font-weight:700; margin:14px 0 4px; color:#4f5458; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; }
.item-title a { color:#4f5458; }
.item-title a:hover { color:#FD7A06; }
.separator { margin:14px auto 4px; width:36px; height:2px; background:#03a9f4; }
.pager { clear:both; text-align:center; padding:26px 0 4px; }
.pager a, .pager span { display:inline-block; min-width:34px; height:34px; line-height:32px; margin:0 3px; padding:0 10px; border:1px solid #ddd; font-size:13px; color:#666; }
.pager .on, .pager a:hover { background:#03a9f4; border-color:#03a9f4; color:#fff; }
/* 产品详情 */
.product-show .ps-title { text-align:center; font-size:26px; font-weight:400; color:#111; }
.ps-desc { display:block; text-align:center; margin:12px 0 26px; font-size:13px; color:#999; }
.product-gallery { margin-bottom:10px; }
.pg-main { position:relative; overflow:hidden; }
.pg-main img { width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid #ededed; }
.pg-thumbs { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:10px; }
.pg-thumb { cursor:pointer; opacity:.75; border:1px solid #ededed; }
.pg-thumb img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.pg-thumb.on, .pg-thumb:hover { opacity:1; border-color:#03a9f4; }
.proshow-tab { margin-top:34px; }
.nav-tabs { display:flex; border-bottom:2px solid #e8e8e8; }
.nav-tabs li a { display:block; padding:12px 26px; font-size:15px; color:#333; }
.nav-tabs li.active a { color:#03a9f4; font-weight:700; border-bottom:2px solid #03a9f4; margin-bottom:-2px; }
.tab-content { padding-top:26px; }
.tab-pane { display:none; }
.tab-pane.active { display:block; }
.n-content p { margin-bottom:14px; line-height:1.9; color:#555; text-indent:2em; }
.n-content p:first-child { text-indent:0; }
.pd-params { width:100%; border-collapse:collapse; margin:20px 0 10px; font-size:13px; }
.pd-params th, .pd-params td { border:1px solid #e8e8e8; padding:9px 14px; text-align:left; }
.pd-params th { background:#f8f8f8; color:#333; width:160px; font-weight:700; }
.pd-params td { color:#666; }
.pd-feat { list-style:none; margin:16px 0; }
.pd-feat li { padding:7px 0 7px 30px; position:relative; color:#555; font-size:14px; }
.pd-feat li::before { content:"\f00c"; font-family:FontAwesome; position:absolute; left:2px; top:7px; color:#03a9f4; }
.pd-h3 { font-size:17px; color:#111; margin:26px 0 12px; padding-left:12px; border-left:4px solid #03a9f4; }
.related-projects { margin-top:44px; }
.rel-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
/* 新闻列表 */
.blog-article { display:flex; gap:28px; margin-bottom:38px; padding-bottom:34px; border-bottom:1px solid #e8e8e8; }
.blog-article figure { flex:0 0 300px; overflow:hidden; }
.blog-article figure img { width:100%; aspect-ratio:4/3; object-fit:cover; transition:opacity .2s; }
.blog-article figure a:hover img { opacity:.85; }
.entry-summary { flex:1 1 auto; min-width:0; }
.entry-title { font-size:19px; font-weight:400; margin-bottom:10px; }
.entry-title a { color:#333; }
.entry-title a:hover { color:#FD7A06; }
.entry-meta { margin-bottom:12px; font-size:12px; color:#a5aaae; text-transform:uppercase; }
.entry-meta ul { display:flex; flex-wrap:wrap; }
.entry-meta li { margin-right:20px; }
.entry-meta li i { margin-right:6px; }
.entry-meta li a { color:#a5aaae; }
.entry-meta li a:hover { color:#F97F00; }
.entry-content p { color:#666; font-size:14px; line-height:1.85; margin-bottom:16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.read-more-link { text-transform:uppercase; line-height:23px; color:#7d8489; font-size:13px; }
.read-more-link::after { content:"\f101"; font-family:FontAwesome; color:#f16543; padding-left:8px; }
.read-more-link:hover { color:#373c40; }
/* 新闻详情 */
.blog-post { max-width:860px; margin:0 auto; }
.bp-title { text-align:center; font-size:24px; font-weight:400; color:#111; line-height:1.5; }
.bp-desc { display:block; text-align:center; margin:14px 0 24px; font-size:13px; color:#999; }
.bp-desc a { color:#03a9f4; }
.a-fig { margin:22px 0; text-align:center; }
.pagef { display:flex; justify-content:space-between; gap:14px; margin:34px 0 8px; font-size:13px; }
.pagef a { color:#555; }
.pagef a:hover { color:#FD7A06; }
.returnlist { display:inline-block; margin-top:16px; padding:9px 24px; background:#282828; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
.returnlist:hover { background:#03a9f4; color:#fff; }
/* 关于 */
.about-intro { display:flex; gap:36px; margin-bottom:44px; }
.about-intro .ai-img { flex:0 0 44%; overflow:hidden; }
.about-intro .ai-img img { width:100%; height:100%; object-fit:cover; }
.about-intro .ai-txt p { margin-bottom:14px; color:#555; line-height:1.95; text-indent:2em; }
.timeline { margin:10px 0 46px; }
.tl-item { position:relative; padding:0 0 30px 34px; border-left:2px solid #e8e8e8; }
.tl-item:last-child { padding-bottom:0; border-left-color:transparent; }
.tl-item::before { content:""; position:absolute; left:-8px; top:4px; width:14px; height:14px; border-radius:50%; background:#03a9f4; box-shadow:0 0 0 4px rgba(3,169,244,.15); }
.tl-item .tl-y { font-size:20px; font-weight:700; color:#03a9f4; font-family:Arial,sans-serif; }
.tl-item .tl-t { font-size:16px; font-weight:700; color:#111; margin:4px 0 6px; }
.tl-item .tl-d { font-size:13px; color:#777; }
.culture-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:46px; }
.cul-item { padding:30px 24px; background:#f8f8f8; text-align:center; transition:all .27s; }
.cul-item:hover { background:#03a9f4; }
.cul-item:hover .cul-t, .cul-item:hover .cul-d { color:#fff; }
.cul-item .cul-ico { font-size:34px; color:#03a9f4; margin-bottom:14px; }
.cul-item:hover .cul-ico { color:#fff; }
.cul-t { font-size:17px; font-weight:700; color:#111; margin-bottom:10px; }
.cul-d { font-size:13px; color:#777; line-height:1.85; }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px 22px; }
.team-item { text-align:center; }
.team-item .tm-av { width:130px; height:130px; border-radius:50%; overflow:hidden; margin:0 auto 14px; border:3px solid #f0f0f0; transition:border-color .27s; }
.team-item:hover .tm-av { border-color:#03a9f4; }
.team-item .tm-av img { width:100%; height:100%; object-fit:cover; }
.tm-n { font-size:16px; font-weight:700; color:#111; }
.tm-p { font-size:12px; color:#999; margin-top:4px; text-transform:uppercase; letter-spacing:1px; }
/* 联系页 */
.cinfo-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-bottom:46px; }
.msg-title { font-size:22px; text-align:center; margin:44px 0 26px; color:#111; font-weight:400; }
.add-msg-form .cf-column { margin-bottom:18px; position:relative; }
.add-msg-form .cf-half { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.add-msg-form input { box-sizing:border-box; padding:0 15px; border:1px solid #ddd; height:42px; line-height:42px; color:#444; width:100%; font-size:13px; outline:none; }
.add-msg-form input:focus, .add-msg-form textarea:focus { border-color:#03a9f4; }
.add-msg-form textarea { box-sizing:border-box; border:1px solid #ddd; color:#444; min-height:120px; padding:12px 15px; width:100%; font-size:13px; outline:none; resize:vertical; }
.submit-button { width:100%; height:44px; border:0; color:#fff; background:#282828; cursor:pointer; font-size:14px; letter-spacing:2px; }
.submit-button:hover { background:#03a9f4; }
/* 图片兜底 */
.img-fallback { border-radius:0; }
/* marker/组合基类（自检白名单） */
.menu1 { } .btn-color { } .fcol { } .fcol-about { } .fcol-contact { }
.ntt { } .n-content { } .add-msg-form { } .widget-list { } .ai-txt { }
.post-prev-more { } .mn-has-sub { position:relative; } .no-js { } .entry-header { }
.fcol-nav { } .fcol-pro { }
.side-search { } .side-contact { } .side-news { } .widget-category { }
.img-responsive { max-width:100%; }
.pg-main-img { display:block; }
.entry-date { } .date { } .tags { } .byline { } .author { } .vcard { } .fn { }
.pagef-prev { } .pagef-next { }
.cf-tarea { }
/* 动画 */
.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s ease,transform .8s ease; }
.reveal.in { opacity:1; transform:none; }
html.no-js .reveal, .reveal.instant { opacity:1 !important; transform:none !important; transition:none !important; }
/* 响应式 */
@media (max-width:991px) {
  .works-grid { grid-template-columns:repeat(3,1fr); }
  .news-grid { grid-template-columns:repeat(2,1fr); }
  .alt-features-grid { grid-template-columns:repeat(2,1fr); }
  .contact-grid { grid-template-columns:repeat(2,1fr); }
  .partner-grid { grid-template-columns:repeat(3,1fr); }
  .portfolio-grid { grid-template-columns:repeat(2,1fr); }
  .rel-grid { grid-template-columns:repeat(3,1fr); }
  .team-grid { grid-template-columns:repeat(2,1fr); }
  .footer-top { grid-template-columns:1fr 1fr; }
  .inner-wrap { flex-direction:column; }
  .sidebar { flex-basis:auto; width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  .split-section { flex-direction:column; }
  .split-head { width:100%; min-height:300px; }
  .split-content { width:100%; }
  .split-wrapper { padding:50px 15px; }
  .fs-cap h2 { font-size:32px; }
  .about-intro { flex-direction:column; }
  .about-intro .ai-img { flex-basis:auto; }
}
@media (max-width:767px) {
  .lotbox { height:auto; padding:12px 15px; }
  .lot-tel { display:none; }
  .m-btn { display:block; }
  .menubox { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,.08); border-top:1px solid #f0f0f0; }
  .menubox.open { display:block; }
  .inner-nav { padding:0; }
  .inner-nav .clearlist { flex-direction:column; }
  .inner-nav .clearlist > li > a { height:48px; line-height:48px; padding:0 24px; text-align:left; }
  .mn-sub { display:none; position:static; transform:none; background:#f8f8f8; padding:0; }
  .mn-sub li a { color:#555; padding:10px 24px 10px 40px; }
  .mn-sub.show { display:block; }
  .fs-banner { height:52vh; min-height:360px; }
  .fs-cap h2 { font-size:26px; letter-spacing:2px; }
  .fs-cap p { font-size:13px; letter-spacing:1px; }
  .page-section { padding:54px 0; }
  .works-grid { grid-template-columns:repeat(2,1fr); }
  .news-grid { grid-template-columns:1fr; }
  .alt-features-grid { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .partner-grid { grid-template-columns:repeat(2,1fr); }
  .portfolio-grid { grid-template-columns:1fr; }
  .rel-grid { grid-template-columns:repeat(2,1fr); }
  .team-grid { grid-template-columns:repeat(2,1fr); }
  .culture-grid { grid-template-columns:1fr; }
  .footer-top { grid-template-columns:1fr; }
  .sidebar { grid-template-columns:1fr; }
  .blog-article { flex-direction:column; }
  .blog-article figure { flex-basis:auto; }
  .add-msg-form .cf-half { grid-template-columns:1fr; }
  .cinfo-grid { grid-template-columns:1fr; }
  .section-bot-image { background-attachment:scroll; }
  .n-banner { height:200px; }
}